/*preset CSS*/



@font-face {
    font-family: "FontAwesome";
    src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0")
            format("embedded-opentype"),
        url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
        url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
        url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
        url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
            format("svg");
    font-weight: normal;
    font-style: normal;
}






/*preset CSS*/
* {
    padding: 0;
    margin: 0;
}
img {
    border: none;
    outline: none;
    max-width: 100%;
}
a,
a:active,
a:focus,
a:hover {
    outline: none;
    text-decoration: none;
}
input:focus,
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none;
}
a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
ul {
    margin: 0;
    list-style-type: none;
}

p {
    margin-bottom: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0px;
}



input:disabled {
    cursor: default;
    background-color: -internal-light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3));
    color: -internal-light-dark(rgb(84, 84, 84), rgb(170, 170, 170));
    border-color: rgba(118, 118, 118, 0.3);
}

.container {
    max-width: 1550px;
}
body {
    background: #fff;
    font-family: 'Poppins', sans-serif;
}

.media {
    margin-top: 15px;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media:first-child {
    margin-top: 0;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.media {
    margin-top: 15px;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media:first-child {
    margin-top: 0;
}

.media-left,
.media > .pull-left {
    padding-right: 10px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.media,
.media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body {
    width: 10000px;
}

.media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.align-middle-block{ align-items: center; }

.pull-right {
    float: right !important;
}

.hidden {
    display: none;
}



.floatCss{ width: 100%; float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.alignCenter-content{ align-items: center; }
.justify-block{ display: flex; justify-content: space-between; }
.justify-center-block{display: flex; justify-content: center; }

.row-cs-direction.row {flex-direction: row-reverse;}
.alignBaseline-content{ align-items: baseline; }

.row-cs-direction.row {
    flex-direction: row-reverse;
}

/*preset CSS*/

.wrapper {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    position: relative;
}
.header {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    z-index: 200;
    background-color: transparent;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    z-index: 20;
}

.logo {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    transition: width 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 0.3s ease-in-out;
    width: 210px;
}
.logo a{ display: inline-block; }
.logo img {max-width: 100%; max-height: 100%;}
.logo img:hover {
    opacity: 0.5;
}
.logo:hover span{opacity: 0.5;}





.nav_section {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    border-bottom: 1px solid #D2D2D2;
}

.donate-link{ position: absolute; right: 0px; top: 50%; margin-top: -20px; }
.donate-link a{ display: inline-block; line-height: 40px; color: #fff; padding: 0px 20px 0px 20px; font-size: 16px; text-transform: uppercase; font-weight: 500; background-color: #A61E2C; border-radius: 10px;}



/*======================================= nav start ================================*/


.header .navbar-expand-md{justify-content: space-between; align-items: baseline;}
.navbar-expand-lg .navbar-nav .nav-item{padding: 0px 25px 0px 25px;}
.navbar-expand-lg .navbar-nav .nav-item:last-child{
    padding-right: 0px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    font-weight: 300;
    font-size: 16px;
    padding: 0px 0px 30px 0px;
    line-height: 24px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    border:none;
    position: relative;

}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:hover {
    color: #20376E;
}

.navbar-light .navbar-nav .nav-link.active::before, .navbar-light .navbar-nav .show>.nav-link::before, .navbar-light .navbar-nav .nav-link:hover:before {
    content: ''; position: absolute; left: 0px; bottom: 0px; width: 30px; height: 7px; background-color: #20376E;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{ color: #20376E; }

.header .navbar{ padding-bottom: 0px; padding-top: 0px;}

.nav_section .container-fluid{ padding-left: 0px; padding-right: 0px;}

.dropdown-toggle::after{ display: none; }

.navbar-light .navbar-nav .dropdown .nav-link:focus, .navbar-light .navbar-nav .dropdown .nav-link:hover{color: #1BB4ED; }



.dropdown-menu{ background-color: #fff; border-radius: 0; padding: 8px 20px 5px 20px; box-shadow: none; border:none; margin-top: -45px; }
.dropdown-menu li{ border-bottom: 1px solid #fff; }
.dropdown-menu li{}
.dropdown-menu li a{ color: #00489F;font-family: 'Poppins', sans-serif;padding: 0px 0px 0px 0px; text-align: left; font-size: 16px; line-height: 38px; font-weight: 400; border-bottom: 1px solid #8E8E8E; }
.dropdown-menu li a:hover{ background-color: transparent; color: #00489F; }

.dropdown-menu li:last-child a{ border-bottom: none; }

.dropdown-menu[data-bs-popper]{ margin-top: 0px; }
.dropdown-menu{ min-width: 160px; }

.dropdown-menu[data-bs-popper]{ left: 10px; }

.header .navbar-nav{ }

.sticky_white_header .header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #eef7ff;
    border-bottom: 1px solid #D2D2D2;
  }
  .sticky_white_header .nav_section {
    border-bottom: 0px;
  }
  .sticky_white_header .sticky_margin {
    margin-top: 82.99px;
  }

  .sticky_white_header .logo {
    padding: 10px 0px 10px 0px;
    width: 165px;
  }

  .sticky_white_header .navbar-expand-lg .navbar-nav .nav-link{
    padding: 0px 0px 16px 0px;
  }

/*======================================= nav end ================================*/



.sd-section{ padding: 20px 0px 15px 0px; background-color: #fff; }
.sc-content{ max-width: 700px; width: 100%; }
.sc-content h2{ margin: 0px 0px 15px 0px; font-size: 50px; line-height: 50px; font-weight: 400; color: #00235F; text-transform: uppercase; }
.sc-content h2 strong{ font-weight: 600; }
.sc-content p{ margin: 0px 0px 25px 0px; font-size: 18px; line-height: normal; font-weight: 400;color: #00156A; }
.sc-content ul.sd-mn-list{ padding: 0px 0px 20px 0px; display: flex; justify-content: space-between; }
.sc-content ul.sd-mn-list li{}
.sc-content ul.sd-mn-list li span{ display: block; width: 100%; text-align: left; margin-bottom: 8px; font-size: 16px; line-height: normal; color: #00235F; font-weight: 600; position: relative; }
.sc-content ul.sd-mn-list li span.sc-icon{ height: 51px; position: relative; position: relative;align-items: baseline; }
.sc-content ul.sd-mn-list li span.sc-icon img{}

/* .read-more a{
    display: inline-block;
    padding: 0px 30px 0px 30px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background-color: #00235F;
    border: 1px solid #00235F;
    border-radius: 6px;
    font-weight: 600;
    font-size: 18px;
  } */
/* .read-more a:hover{ background-color: #4DC8DB; } */
.read-more a{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #00235F;
  font-size: 18px;
  line-height: 28px;
  color: #ffffff;
  padding: 14px 42px;
  font-weight: 500;
  overflow: hidden;
  border-radius: 5px;
  border: 1px solid transparent;
  cursor: pointer;
  letter-spacing: 0.5px;
  box-shadow: none;
  z-index: 3
  }

.read-more a::before{
   content: "";
    position: absolute;
    height: 400px;
    width: 430px;
    top: 50%;
    left: 50%;
    background: #ffffff;
    border-radius: 50%;
    transform: translateX(-30%) translateY(-40%) scale(0);
    -moz-transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    z-index: -1;
    border: 1px solid transparent;
}
.read-more a:hover{
  color: #00235F;
  border: 1px solid #4DC8DB;
}
.read-more a:hover::before{
  transform: translateX(-50%) translateY(-50%) scale(1)
}
.read-more a:focus{
  color: #00235F;
  border: 1px solid #4DC8DB;
  background: #ffffff;
}

.sc-content h5{margin: 0px 0px 0px 0px; font-size: 20px; line-height: 30px; font-weight: 500; color: #2E2E2E; text-transform: uppercase;}


.sd-2-section{padding: 0px 0px 20px 0px;}
.blue-bg_1{ background-color: #EEF7FF; }
.white-shape-1 img{ width: 100%; display: block; }

.sd-sub-section{}

.sd-2-section .photo-holder img{  }


.sb-padding{ padding-left: 65px; padding-bottom: 10px; }
.sd-sub-block h3{margin: 0px 0px 10px 0px; font-size: 24px; line-height: normal; font-weight: 500; color: #00235F;}
.sd-sub-block h4{margin: 0px 0px 15px 0px; font-size: 16px; line-height: 28px; font-weight: 400; color: #747474;}


.sb-icon-as{ position: absolute; left: 0px; top: 0px; max-width: 60px; }

.sd-3-section{padding: 20px 0px 20px 0px;}



.sc-content ul.sd-ag-list{ padding: 0px 0px 20px 0px; }
.sc-content ul.sd-ag-list li{ padding-left: 35px; margin-bottom: 4px; text-align: left; margin-bottom: 8px; font-size: 16px; line-height: 24px; color: #747474; font-weight: 400; position: relative; background:url(images/tick.svg) no-repeat left 3px; background-size: 20px; }
.sc-content ul.sd-ag-list li a{ color: #00235F; }



.sd-4-section{ padding: 30px 0px 0px 0px; background-color: #F5F5F5; }
.sc-content ul.sd-mn-list li span.sc-large-text{ font-size: 48px; font-weight: 700; line-height: 50px; color: #4DC8DB; }


.client-section{ padding: 20px 0px 20px 0px; }
.center-block{ max-width: 820px; width: 100%; margin: 0 auto; padding: 0px 0px 0px 0px; }
.center-block h2{ margin: 0px 0px 10px 0px; font-size: 40px; line-height: 42px; font-weight: 700; color: #093B78; text-align: center;text-transform: uppercase;}
.center-block h4{ margin: 0px 0px 25px 0px; font-size: 20px; line-height: normal; font-weight: 400;color: #8e8e8e; text-align: center; }
.center-block p{ margin: 0px 0px 25px 0px; font-size: 18px; line-height: 30px; font-weight: 400;color: #000; text-align: center; }


.single-client{ height: 130px; background-color: #F5F5F5; text-align: center; position: relative; filter: grayscale(0); transition: 0.15s linear;}
.single-client:hover{filter: grayscale(0);}
.single-client-inner{ padding: 12px 12px 12px 12px; position: relative; width: 100%; height: 100%; float: left; display: block; }
.single-client img{
    position: absolute;
    top: 50%;
    height: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100% !important;
    max-width: 100% !important;
}


.client-section .owl-carousel .owl-item img{ width: auto; max-width: 100%; }


.client-section .owl-dots{ text-align: center; padding-top: 20px; }
.client-section .owl-dots .owl-dot{ width: 12px; height: 12px; background-color: #fff; border-radius: 50%; border:1px solid #093B78; margin: 0px 5px 0px 5px; }
.client-section .owl-dots .owl-dot.active{ background-color: #093B78; }




.footer{ }
.footer-wrapper{background-color: #093B78; padding: 70px 0px 30px 0px; margin-top: -1px;}
.ftr-slogan-block{ width: 100%; }
.ftr-slogan-block h2{margin: 0px 0px 0px 0px; font-size: 48px; line-height: 60px; font-weight: 400; color: #fff;}


.ftr-content-common{ width: 100%;}
.ftr-content-common h3{margin: 0px 0px 10px 0px; font-size: 24px; line-height: 30px; font-weight: 700; color: #fff; text-transform: uppercase;}
.ftr-content-common p{margin: 0px 0px 20px 0px; font-size: 18px; line-height: normal; font-weight: 400; color: #fff;}
.ftr-content-common p a{color: #fff;}

.ftr-content-common h4{margin: 0px 0px 0px 0px; font-size: 18px; line-height: normal; font-weight: 400; color: #fff;}
.ftr-content-common h4 a{color: #fff;}


.footer-social-block{position: relative;}
.footer-social-block ul{width: 100%; float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.footer-social-block ul li{ float: left; display: inline-block; }
.footer-social-block ul li a{ display: block; width: 48px; height: 48px; border-radius: 50%; background-color: #fff; position: relative; margin-right: 10px; }
.footer-social-block ul li a:hover {transform: scale(1.1);}

.footer-social-block ul li a img {
    position: absolute;
    top: 50%;
    height: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
}




.footer-bottom-section{ display: flex;justify-content: space-between; border-top: 1px solid #0569E3; padding-bottom: 0px; padding-top: 20px; }


.ftr-tms ul{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px ; }
.ftr-tms ul li{ float: left; display: inline-block; font-size: 16px; line-height: 30px; color: #fff; font-weight: 400; padding-right: 12px; }
.ftr-tms ul li:last-child{ padding-right: 0px; }
.ftr-tms ul li a{ color: #fff; }


.ftr-cp p{margin: 0px 0px 0px 0px; font-size: 16px; line-height: 30px; font-weight: 400; color: #fff;}

.ftr-row-gap{ padding-bottom: 30px; }






.error-page-section{ padding: 30px 0px 80px 0px; }
.er-page-container{ max-width: 500px; width: 100%; display: block; margin: 0 auto; overflow: hidden; }
.err-photo{ margin-bottom: 0px; text-align: center; }
.err-photo img{ display: block; width: 100%; margin:  0 auto; }
.err-content-info{ text-align: center; }
.err-content-info h2{margin: 0px 0px 5px 0px; font-size: 45px; line-height: 52px; font-weight: 600; color: #0C2154; text-align: center;}
.err-content-info h4{margin: 0px 0px 15px 0px; font-size: 18px; line-height: 24px; font-weight: 600; color: #3D3D3D; text-align: center;}



.header.subpage-header{ background-color: #EEF7FF; }
.subpage-tittle-area{background-color: #EEF7FF; padding: 50px 0px 50px 0px; z-index: 20;}
.subPageTittle h1{margin: 0px 0px 0px 0px; font-size: 48px; line-height: normal; font-weight: 700; color: #0C2154; text-align: center;}


.breadcrumb-block .breadcrumb{ justify-content: center; margin-bottom: 0px; }
.breadcrumb-block .breadcrumb li{ color: #000; font-size: 16px; font-weight: 400; }
.breadcrumb-block .breadcrumb li a{color: #000; }
.breadcrumb-block .breadcrumb li.active{ font-weight: 700; color: #00235F; }



.whyChoose-section{ padding: 50px 0px 100px 0px; position: relative; }
.whyChoose-section::before{ content: ''; position: absolute; left: -100px; top: -100px; width: 410px; height: 380px; background: url(images/about-shape-1.svg) no-repeat center center;  }
.block-tittle-cm{ width: 100%; display: block; margin: 0 auto 50px; clear: both; }
.block-tittle-cm h2{margin: 0px 0px 15px 0px; font-size: 40px; line-height: normal; font-weight: 700; color: #0C2154; text-align: center;}
.block-tittle-cm h4{margin: 0px 0px 15px 0px; font-size: 18px; line-height: normal; font-weight: 400; color: #000; text-align: justify;}
.block-tittle-cm h5{margin: 0px 0px 0px 0px; font-size: 20px; line-height: normal; font-weight: 600; color: #8e8e8e; text-align: center;}
.block-tittle-cm h3{margin: 0px 0px 15px 0px; font-size: 36px; line-height: normal; font-weight: 700; color: #0C2154; text-align: center;}


.ch-single-block{ background-color: #F5F5F5; border-radius: 14px; padding: 30px 30px 30px 30px; height: 100%; }

.ch-icon-top{ height: 96px; margin-bottom: 20px; text-align: left; line-height: 96px; }
.ch-icon-top img{ max-height: 100%; }


.ch-single-block h3{margin: 0px 0px 10px 0px; font-size: 24px; line-height: normal; font-weight: 600; color: #0C2154;}
.ch-single-block p{margin: 0px 0px 0px 0px; font-size: 18px; line-height: normal; font-weight: 400; color: #000;}


.process-section{ padding: 0px 0px 0px 0px; margin-bottom: -4px; }

.blue-shape-1 img{ display: block; width: 100%; }


.process-wrapper{ padding: 80px 0px 80px 0px; z-index: 1; overflow: hidden; }
.process-wrapper::before{ content: ''; position: absolute; right: -100px; bottom: -100px; width: 650px; height: 580px; background: url(images/about-shape-2.svg) no-repeat center center; z-index: -1;  }


.process-step-block{ display: flex; justify-content: space-between; }
.process-single-step{ width: 25%; display: inline-block; position: relative; }
.steop-block-inner{ }
.steop-block-inner > img{
    width: 100%;

}


.step-content{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; padding: 55px 75px 0px 40px; }
.step-icon{ text-align: center; margin-bottom: 10px; height: 80px; }
.step-icon img{ max-height: 100%; }

.step-dsp h3{margin: 0px 0px 0px 0px; font-size: 24px; line-height: normal; font-weight: 600; color: #fff; text-align: center;}
.step-dsp p{margin: 0px 0px 0px 0px; font-size: 16px; line-height: normal; font-weight: 400; color: #fff; text-align: center;}



.step-dv .step-content{padding: 55px 50px 0px 50px;}




.sd-5-section{ padding: 80px 0px 80px 0px; }
.sd-5-section{
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    width:100%;
    position: relative;
}
.sd-5-section .sc-content h2{ text-transform: inherit; }
.sd-5-section .sc-content h2 span{ color: #4DC8DB; }

.sd-5-section .sb-padding{ padding-left: 80px; margin-bottom: 10px; min-height: 70px; }




.career-top-section{padding: 55px 0px 50px 0px;}
.career-banner{ padding: 0px 0px 0px 0px; margin-bottom: 50px; }
.career-banner img{ width: 100%; display: block; }

.career-wrapper{padding: 100px 0px 100px 0px;}




.portfolio-section{ padding: 80px 0px 80px 0px; }
.pr-filter-wrapper{     border-bottom: 1px solid #dee2e6; padding: 0px 0px 0px 0px; }
.filter-tab-menu{ float: left; display: inline-block; }
.filter-tab-menu ul{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.filter-tab-menu ul li{ float: left; display: inline-block;margin: 0px 30px 0px 0px;color: #7C7C7C; padding: 0px 0px 0px 0px; line-height: 48px; font-size: 18px; position: relative; font-weight: 700; }
.filter-tab-menu ul li:last-child{ margin-right: 0px; }
.filter-tab-menu ul li a{ display: block; color: #7C7C7C; position: relative; border-bottom: 3px solid transparent; }
.filter-tab-menu ul li a.active{border-bottom: 3px solid #093B78;}

.filter-tab-menu .nav-tabs {
    border-bottom: none;
}

.filter-select{ float: right; display: inline-block; }
.select-block-inner{ width: 200px; }

.portfolio-content-wrapper{padding: 50px 0px 50px 0px;}


.single-project-block{ padding-bottom: 24px; }
.project-photo{padding: 0px 0px 20px 20px; background-color: #4DC8DB;}

.project-photo a{ position: relative; padding-bottom: 78%; display: block; width: 100%; float: left; }
.project-photo a img{
    width: 100%;
    display: block;
    border-radius: 0px;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
}

.project-content-area{ background-color: #F5F5F5; padding: 20px 20px 0px 20px; }
.project-bottom-shape{ margin-top: -2px; }
.project-bottom-shape img{ width: 100%; display: block; }

.project-content-area h3{margin: 0px 0px 0px 0px; font-size: 20px; line-height: normal; font-weight: 600; color: #0C2154;}
.project-content-area h3 a{color: #0C2154;}
.project-content-area h4{margin: 0px 0px 0px 0px; font-size: 16px; line-height: normal; font-weight: 400; color: #494949;}


.read-more.load-btn{ text-align: center; padding: 30px 0px 0px 0px; }
.read-more.load-btn a{ float: none; margin: 0 auto; display: inline-block; }


.project-details-top{ padding: 100px 0px 50px 0px; z-index: 1; }
.project-details-top::after{ content: ''; position: absolute; width: 261px; height: 224px; left:0px; top: -110px; background: url(images/rc-shape-2.svg) no-repeat center center; background-size: 100%; z-index: -1; }

.project-photo-slider{padding: 50px 0px 50px 0px; }
.project-ph-single-photo{ position: relative; padding-bottom: 70%; }

.project-ph-single-photo img{
    width: 100%;
    display: block;
    border-radius: 30px !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
}


.project-dsp-wrapper{ height: 100%; padding: 0px 0px 0px 0px; background-color: #DCEFFF; }
.project-dsp-wrapper::before{ content: ''; position: absolute; left: -200px; width: 200px; top: 0px; bottom: 0px; background-color: #DCEFFF; border-radius: 30px 0px 0px 30px; }
.project-dsp-wrapper::after{ content: ''; position: absolute; right: -500px; width: 500px; top: 0px; bottom: 0px; background-color: #DCEFFF; }

.project-dsp-wrapper-inner{padding: 40px 0px 50px 50px;}
.project-dsp-wrapper h2{margin: 0px 0px 0px 0px;font-size: 30px; line-height: normal;color: #0C2154; font-weight: 600;}
.project-dsp-wrapper h5{ margin: 0px 0px 10px 0px;font-size: 18px; line-height: 24px;color: #000; font-weight: 400; }
.project-dsp-wrapper h5 strong{ font-weight: 600; }
.project-dsp-wrapper p{ margin: 0px 0px 0px 0px;font-size: 18px; line-height: 24px;color: #000; font-weight: 400; }

.project-dsp-wrapper h3{margin: 0px 0px 5px 0px; font-size: 24px; line-height: normal;color: #0C2154; font-weight: 600;}

.project-dsp-wrapper hr{ margin: 20px 0px 20px 0px; display: block; clear: both; float: left; width: 100%; background-color: #9ECCF2; opacity: 1; }

.project-dsp-wrapper ul{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; width: 100%; float: left; display: block;}
.project-dsp-wrapper ul li{margin: 0px 0px 4px 0px; padding: 0px 0px 0px 30px; width: 100%; float: left; display: block;background: url(images/list_arrow.svg) no-repeat left 8px;font-size: 18px; line-height: 26px;color: #2c2c2c; font-weight: 400;}
.project-dsp-wrapper ul li strong{ font-weight: 600; }

.project-dsp-wrapper h4{margin: 0px 0px 8px 0px;font-size: 18px; line-height: 24px;color: #2c2c2c; font-weight: 400;}

.project-dsp-wrapper p strong{ font-weight: 600; }
.project-dsp-wrapper p a{color: #2c2c2c; display: inline-block;}


.project-description-section{padding: 40px 0px 100px 0px; z-index: 1;}
.dsp-content{/* max-width: 800px; width: 100%;*/}
.dsp-content h3{margin: 0px 0px 20px 0px; font-size: 24px; line-height: normal;color: #0C2154; font-weight: 600;}
.dsp-content p{margin: 0px 0px 30px 0px;font-size: 18px; line-height: 24px;color: #000; font-weight: 400; }
.dsp-content p:last-child{ margin-bottom: 0px; }
.dsp-content h4{margin: 0px 0px 30px 0px;font-size: 18px; line-height: 24px;color: #000; font-weight: 600; }


.project-description-section::after{ content: ''; position: absolute; width: 295px; height: 464px; left:0px; top: 20%; background: url(images/shape-Rectangle-1.svg) no-repeat center center; background-size: 100%; z-index: -1; }


.project-feature-section{ padding: 80px 0px 0px 0px; background-color: #EEF7FF; border-radius: 60px 60px 0px 0px; }

.dsp-content h3{margin: 0px 0px 20px 0px; font-size: 24px; line-height: normal;color: #0C2154; font-weight: 600;}
.dsp-content p{margin: 0px 0px 30px 0px;font-size: 18px; line-height: 24px;color: #000; font-weight: 400; }
.dsp-content p:last-child{ margin-bottom: 0px; }



.dsp-content ul{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 15px; width: 100%; float: left; display: block;}
.dsp-content ul li{margin: 0px 0px 12px 0px; padding: 0px 0px 0px 40px; width: 100%; float: left; display: block;background: url(images/list-bullet.svg) no-repeat left 0px;font-size: 18px; line-height: 28px;color: #2c2c2c; font-weight: 400;}


.recent-project-section{}
.rps-top-shape{ background-color: #DCEFFF; }
.rps-top-shape img{ width: 100%; }


.recent-project-section{ background-color: #DCEFFF; padding: 80px 0px 80px 0px; }

.service-intro{ padding: 80px 0px 80px 0px; }
.sevice-intro-content{}

.service-intro .center-block{ max-width: 1200px; padding-bottom: 50px; }
.service-intro .photo-holder{ padding-top: 70px; padding-bottom: 70px; z-index: 1; position: relative; }
.sevice-intro-content{ background-color: #F5F5F5; padding: 70px 50px 70px 60px; height: 100%; border-radius: 30px 0px 0px 30px; }

.sevice-intro-content .sc-content h2{ text-transform: inherit; font-size: 36px; line-height: normal; }
.sevice-intro-content .sc-content h2 span{ color: #4DC8DB; }
.sevice-intro-content .sb-padding {
    padding-left: 70px;
    margin-bottom: 10px;
    min-height: 70px;
    padding-bottom: 0px !important;
}
.service-intro .center-block p{
    text-align: justify;
}

.sevice-intro-content .sd-sub-block h4{ margin-bottom: 5px; line-height: 24px; }
.sevice-intro-content .sd-sub-block h3{ margin-bottom: 5px; }

.sc-content p{ margin-bottom: 30px;  }


.sevice-intro-content::before{ content: ''; position: absolute; right: -400px; width: 400px; top: 0px; bottom: 0px; background-color: #F5F5F5; border-radius: 0px 30px 30px 3px; }


.service-process-section{ padding: 50px 0px 100px 0px; }

.service-process-section .center-block{ max-width: 1100px; padding-bottom: 50px; }
.service-process-section .center-block h2{ text-transform: inherit; }


.service-process-single{ border-radius: 20px; border:1px solid #EEECFD; padding: 25px 25px 25px 25px; position: relative;background: url(images/process-s-shape.svg) no-repeat top center; min-height: 201px; }

.sp-step-ds{ margin-bottom: 30px; }
.sp-step-ds span{ display: block; width: 120px; height: 120px; border-radius: 20px; text-align: center;  line-height: 120px; background-color: #093B78; font-size: 72px; font-weight: 700; color: #fff; }

.sp-step-content h3{margin: 0px 0px 10px 0px; font-size: 20px; line-height: normal;color: #093B78; font-weight: 600;}
.sp-step-content p{margin: 0px 0px 0px 0px;font-size: 16px; line-height: 24px;color: #000; font-weight: 400; }



.Expertise-section{ padding: 0px 0px 0px 0px; background-color: transparent; border-radius: 0; }
.Expertise-wrapper{ background-color: #EEF7FF; padding: 50px 0px 50px 0px; }


.Expertise-wrapper .center-block{ max-width: 1100px; padding-bottom: 50px; }
.Expertise-wrapper .center-block h2{ text-transform: inherit; }


.expaties-single-ss{padding: 0px 0px 25px 0px;background-color: #4DC8DB;border-radius: 30px 30px 30px 30px; margin-bottom: 30px; }
/*.expaties-single-ss::before{ content: ''; position: absolute; bottom: -25px; left: 0px; height: 50px; width: 100%; background-color: #4DC8DB; border-radius: 0px 0px 30px 30px; z-index: -2;  }*/
.expaties-single-ss-inner{ background-color: #D2EAFF; padding: 30px 30px 30px 30px;border-radius: 30px 30px 30px 30px; }

.media-body, .media-left, .media-right{}

.experties-dsp-top{ border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px; }

.experties-dsp-top .media-left{ padding-right: 0px; }
.experties-dsp-top .media-left span{ width: 75px; height: 75px; background-color: #0C2154; border-radius: 50%; display: block; position: relative; }
.experties-dsp-top .media-left span img {
    position: absolute;
    top: 50%;
    height: auto;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-height: 100%;
    max-width: 100%;
    padding: 10px;
}

.experties-dsp-top .media-body{ padding-left: 20px; vertical-align: middle; }
.experties-dsp-top .media-body h3{ margin: 0px 0px 0px 0px; font-size: 24px; line-height: 30px; color: #0C2154; font-weight: 600; }

.experties-dsp-content ul{ margin: 0px; padding: 0px; }
.experties-dsp-content ul li{ float: left; display: inline-block; margin: 0px 0px 10px 0px; padding: 0px 15px 0px 30px; font-size: 18px; line-height: 24px; font-weight: 400; color: #141414;;background: url(images/exp-list-icon.svg) no-repeat left 3px; }


.customar-ts-tittle{ max-width: 348px; width: 100%; }
.customar-ts-tittle h4{margin: 0px 0px 0px 0px; font-size: 20px; line-height: 22px;color: #808080; font-weight: 600; text-transform: uppercase;}
.customar-ts-tittle h3{margin: 0px 0px 0px 0px; font-size: 48px; line-height: 55px;color: #0C2154; font-weight: 700;}
.customar-ts-tittle h3 span{ color: #4DC8DB; }



.customer-says-slider{ background-color: #fff; padding: 50px 50px 50px 50px; border-radius: 0px 0px 60px 0px; }

.media img {
    max-width: none;
}

.cs-slider-media{ margin-bottom: 20px; }
.cs-slider-media .media-left{ padding-right: 0px; }
.cs-slider-media .media-left img{ width: 100px; border-radius: 50%; }
.cs-slider-media .media-body{ padding-left: 20px; vertical-align: middle; }
.cs-slider-media .media-body h3{ margin: 0px 0px 0px 0px; font-size: 30px; line-height: 40px; color: #0C2154; font-weight: 600; }
.cs-slider-media .media-body h4{ margin: 0px 0px 0px 0px; font-size: 18px; line-height: 24px; color: #0C2154; font-weight: 400; }


.cs-slider-dps p{ margin: 0px 0px 0px 0px; font-size: 20px; line-height: 34px; color: #6A6969; font-weight: 400; font-style: italic;}

.customer-says-slider::before{ content: ''; position: absolute; right: 24px; top: 30px;background: url(images/ts-bg.svg) no-repeat center center; width: 115px; height: 85px; }



.op-team-leader-section{ padding: 0px 0px 70px 0px; }
.op-team-leader-section::before{ content: ''; position: absolute; right: -30px; top: -100px; background: url(images/op-shaape-1.svg) no-repeat center center; width: 605px; height: 615px; }
.op-tittle h2{margin: 0px 0px 30px 0px; font-size: 48px; line-height: 52px; color: #0C2154; font-weight: 700; }

.op-single-photo{ padding-bottom: 87%; position: relative; }
.op-single-photo img{
    width: 100%;
    display: block;
    border-radius: 0px !important;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
}

.op-intro-tittle{ padding: 20px 0px 30px 0px; }
.op-intro-tittle h4{margin: 0px 0px 0px 0px; font-size: 18px; line-height: 26px; color: #141414; font-weight: 400;}
.op-intro-tittle h3{margin: 0px 0px 0px 0px; font-size: 24px; line-height: 30px; color: #0C2154; font-weight: 600;}


.op-team-member-section{ padding: 0px 0px 0px 0px; }
.op-team-member-section::before{ content: ''; position: absolute; left: 0px; top: 0px; background: url(images/dotted-shape-2.svg) no-repeat center center; width: 275px; height: 485px; }
.op-team-member-section .op-single-photo{ padding-bottom: 119%; }
.op-team-member-section .op-intro-tittle h4{ color: #828282; }


.op-team-section-bt{ padding: 100px 0px 100px 0px; z-index: 1; }
.op-team-section-bt::before{ content: ''; position: absolute; left: 0px; top: 100px; background: url(images/op-shape-3.svg) no-repeat center center; width: 428px; height: 510px; }
.op-team-section-bt::after{ content: ''; position: absolute; right: 30px; top: 50px; background: url(images/op-shape-4.svg) no-repeat center center; width: 350px; height: 230px; z-index: -1; }
.op-tm-photo img{ width: 100%; }

.op-team-section-bt .sc-content{ max-width: 650px; }
.op-team-section-bt .sc-content h2{ text-transform: initial; }
.op-team-section-bt .sc-content p{ color: #929292; }



.map-section-cs > img{ width: 100%; }



.map_address_content{ width: 310px; position: absolute; left: 40%; top: 20%; background-color: #fff;box-shadow: 0px 2px 6px rgb(99 116 128 / 20%); border-radius: 10px; padding: 0px 0px 0px 0px; }
.map_address_content_inner{ width: 100%; float: left; display: block; padding: 15px 15px 10px 15px; position: relative; }
.ad_close{ position: absolute; top: 5px; right: 10px; }

.cm_name{width: 100%; float: left; display: block; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; font-size: 18px; line-height: 26px; color: #000000;}
.cm_name span{ display: inline-block; padding-left: 10px; vertical-align: middle; }
.cm_name span a{ display: block; }

.cm_info_1{width: 100%; float: left; display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.cm_info_1 h3{font-size: 14px; line-height: 24px; color: #5f5f5f; font-weight: 400; padding-left: 25px; margin: 0px 0px 4px 0px;}
.cm_info_1 h3 a{ display: inline-block; padding-right: 5px;color: #5f5f5f; }

.cm_info_1 h3.cm_phone{background: url(images/cm_phone.png) no-repeat left center;}
.cm_info_1 h3.cm_mail{background: url(images/cm_mail.png) no-repeat left center;}
.map_pin{ position: absolute; top: 50%; left: 100px; }
.map_pin img{ max-width: 100%; }

.contact-content-block .container > .row{    --bs-gutter-x: 4rem;}


.contact-content-block{ padding: 80px 0px 80px 0px; }
.contact-top-block-cf h3{margin: 0px 0px 15px 0px; font-size: 36px; line-height: 40px; color: #0C2154; font-weight: 600;}
.contact-top-block-cf p{margin: 0px 0px 30px 0px; font-size: 18px; line-height: 24px; color: #000; font-weight: 400;}


.cnt-block-single{box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.14); border-radius: 20px; background-color: #fff; padding: 25px 25px 25px 25px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items:flex-start; }
.cnt-icon-block{ display: flex; width: 60px; }
.cnt-info-block{ flex: 1; display: flex; padding-left: 25px;    width: calc(100% - 60px);align-items:baseline; }
.cnt-info-block h4{margin: 0px 0px 0px 0px; font-size: 16px; line-height: 24px; color: #000; font-weight: 400;text-align: left; display: flex; width: 100%;}
.cnt-info-block h3{margin: 0px 0px 0px 0px; font-size: 18px; line-height: 24px; color: #000; font-weight: 500;text-align: left;display: flex; width: 100%;}
.cnt-info-block h3 a{color: #000;}



.contact-ct-form-wrapper{box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.14); border-radius: 20px; background-color: #fff; padding: 25px 25px 25px 25px;}
.faq-content-section{ padding: 0px 0px 100px 0px; background-color: #EEF7FF; margin-top: -1px;}




.faq-section{width: 100%; float: left; display: block; position: relative; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.faq-tittle-center-block{ max-width: 990px; display: block; margin: 0 auto; padding: 0px 0px 0px 0px; position: relative; z-index: 1; }
.faq-tittle-center-block h2{margin: 0px 0px 5px 0px; font-size: 50px; line-height: 55px; font-weight: 700; color: #00497B; text-align: center; padding: 0px 0px 0px 0px;}
.faq-tittle-center-block p{margin: 0px 0px 0px 0px; font-size: 20px; line-height: 36px; font-weight: 400; color: #323F48; text-align: center;}


.faq-content{ max-width: 780px; width: 100%; margin: 0 auto; padding-top: 0px; }

.accordion-item{ margin-bottom: 8px;border-radius: 12px; overflow: hidden; border:none; background-color: #fff; box-shadow: 0px 0px 15px 1px rgb(235 242 248)}
.accordion-item:not(:first-of-type){border-top: none;}
.accordion-button{ border-radius: 12px; padding-left: 20px;background-color: #fff; }
.accordion-item:first-of-type{border-radius: 12px; }
.accordion-button:not(.collapsed){ box-shadow: none; }


.accordion-item:first-of-type .accordion-button{ border-radius: 12px 12px 0px 0px; }


.accordion-button:not(.collapsed){ background-color: #fff;}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
}

.accordion-button::after{
    background-image: url(images/acr-plus.svg);
}
.accordion-button:hover::after{
    background-image: url(images/acr-plus.svg);
}

.accordion-button:not(.collapsed)::after{background-image: url(images/acr-minus.svg);}
.accordion-button:not(.collapsed):hover::after{background-image: url(images/acr-minus.svg);}
.accordion-body{ padding: 0px 30px 20px 30px; }
.accordion-item h2{ font-size: 20px; font-weight: 700; color: #323F48;background-color: #fff;}
.accordion-button:not(.collapsed){color: #33455A;}
.accordion-button{font-size: 20px; font-weight: 700; color: #323F48; padding: 20px 30px 20px 30px;}

.accordion-body p{font-size: 16px; line-height: 25px; font-weight: 400; color: #323F48;}

.accordion-item:last-of-type {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}


.contact-ct-form-wrapper .form-control {
    height: 50px;
    box-shadow: none;
    outline: none;
    border-color: transparent;
    border-radius: 6px;
    font-weight: 500;
    color: #6a6a6a;
    margin-bottom: 16px;
    font-size: 16px;
    background-color: #F5F5F5;
    padding-left: 20px;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545 !important;
}



.form_text_1{ height: 250px !important; }
.contact-ct-form-wrapper .submit_btn {
    width: 200px;
    height: 56px;
    margin: 0;
    line-height: 56px;
    background-color: #133c7e;
    border-radius: 12px;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    float: left;
    border: none;
}


.owl-carousel.project-carousal .owl-nav.disabled,
.owl-carousel.project-carousal .owl-dots.disabled {
    display: block;
}
.project-carousal .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    display: block;
    left: 0px;
}

.project-carousal .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    background:url(images/op-arrow-left.svg) no-repeat center center !important;
    background-size: 12px !important;
    background-color: #EEF7FF !important;
    position: relative;
    text-indent: -9999px;
    float: left;
    border-radius: 50%;
    left: -10px;

}

.project-carousal .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    background: url(images/op-arrow-right.svg) no-repeat center center !important;
    background-size: 12px !important;
    background-color: #EEF7FF !important;
    position: relative;
    text-indent: -9999px;
    float: right;
    border-radius: 50%;
    right: -10px;

}


.owl-carousel.recent-carousal .owl-nav.disabled,
.owl-carousel.recent-carousal .owl-dots.disabled {
    display: block;
}
.recent-carousal .owl-nav {
    position: absolute;
    top: 40%;
    width: 100%;
    display: block;
    left: 0px;
}

.recent-carousal .owl-nav .owl-prev {
    width: 40px;
    height: 40px;
    background:url(images/op-arrow-left.svg) no-repeat center center !important;
    background-size: 12px !important;
    background-color: #fff !important;
    position: relative;
    text-indent: -9999px;
    float: left;
    border-radius: 50%;
    left: -10px;

}

.recent-carousal .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    background: url(images/op-arrow-right.svg) no-repeat center center !important;
    background-size: 12px !important;
    background-color: #fff !important;
    position: relative;
    text-indent: -9999px;
    float: right;
    border-radius: 50%;
    right: -10px;

}











.owl-carousel.testemonial-carousal-sd .owl-nav.disabled,
.owl-carousel.testemonial-carousal-sd .owl-dots.disabled {
    display: block;
}
.testemonial-carousal-sd .owl-nav {
    position: absolute;
    top: auto;
    width: 172px;
    display: block;
    right: 40px;
    bottom: -85px;
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    overflow: hidden;

}

.testemonial-carousal-sd .owl-nav .owl-prev {
    width: 85px;
    height: 68px;
    background:#fff url(images/op-arrow-left.svg) no-repeat center center !important;
    position: relative;
    text-indent: -9999px;
    float: left;
    border-radius: 0;
    left: 0px;

}

.testemonial-carousal-sd .owl-nav .owl-next {
    width: 85px;
    height: 68px;
    background:#fff url(images/op-arrow-right.svg) no-repeat center center !important;
    position: relative;
    text-indent: -9999px;
    float: right;
    border-radius: 0;
    right: 0px;

}







.dsp-shape-photo.dt-shape-1{ position: relative; max-width: 488px; position: relative; float: right; overflow: hidden; width: 100%; }


.pro_shape_image {
    -webkit-mask-image: url(images/Vector-shape-23.svg);
    mask-image: url(images/Vector-shape-23.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    width: 100%;
    mask-repeat: no-repeat;
    padding-bottom: 128%;
    float: right;
    max-width: 488px;
}
.pro_shape_image img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 9999;
    top: 0;
    display: block;

}


.dsp-shape-photo .pro_shape_image{ position: relative; }





.pro_shape2_image {
    -webkit-mask-image: url(images/Vector-shape-24.svg);
    mask-image: url(images/Vector-shape-24.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-size: 100%;
    width: 100%;
    mask-repeat: no-repeat;
    padding-bottom: 85%;
    float: left;
    max-width: 600px;
    position: relative;
}
.pro_shape2_image img {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 9999;
    top: 0;
    display: block;

}






.project-photo img{ display: block; width: 100%; }

.project-bottom-shape img.shape-blue{ display: none; }
.single-project-custom .project-photo{ padding: 0px 0px 10px 10px;}
.single-project-custom .project-content-area h3{ font-size: 19px; }

.single-project-custom a{ display: block; position: relative; }
.single-project-custom a:hover .project-content-area{ }
.single-project-custom a:hover .project-bottom-shape img.shape-blue{ display: block; }
.single-project-custom a:hover .project-bottom-shape img.shape-grey{ display:none; }
.single-project-custom a:hover .project-content-area h3{ color: #fff; }
.single-project-custom a:hover .project-content-area h4{ color: #fff; }

.single-project-custom a:hover .project-photo{
    /* box-shadow: 3px -1px 5px 0px rgba(0,0,0,0.32);
    -webkit-box-shadow: 3px -1px 5px 0px rgba(0,0,0,0.32);
    -moz-box-shadow: 3px -1px 5px 0px rgba(0,0,0,0.32); */

}


.single-project-custom .project-photo{
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
  }
.project-phoot-inner{ position: relative; padding-bottom: 78%; display: block; width: 100%; float: left;}
.single-project-custom .project-photo img{
  width: 100%;
  display: block;
  border-radius: 0px;
  position: absolute;
  height: 100%;
  object-fit: cover;
  -webkit-transform-style: preserve-3d;
 }

/* .single-project-custom a:hover .project-photo img{
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
} */




.single-project-custom .project-content-area{
    border-top: none;
    background: linear-gradient(
      to bottom right,
      #F5F5F5 50%,
      transparent 51.5%
    )
    no-repeat bottom, /* bottom part */
    linear-gradient(100deg, #F5F5F5, #F5F5F5) no-repeat top;
    /* top portion */
    padding-bottom: 2rem;
    background-size: 100% 2rem, 100% calc(100% - 2rem);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}



.single-project-custom a:hover .project-content-area{
    border-top: none;
    background: linear-gradient(
      to bottom right,
      #20376E 50%,
      transparent 51.5%
    )
    no-repeat bottom, /* bottom part */
    linear-gradient(100deg, #20376E, #20376E) no-repeat top;
    /* top portion */
    padding-bottom: 2rem;
    background-size: 100% 2rem, 100% calc(100% - 2rem)
}


.single-project-custom a:hover .project-photo{ background-color: #20376E; }









































input[type='radio'] {
    display: none;
}

.radio-check-block label {
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    padding-left: 40px;
    line-height: 26px;
    width: 100%;
    min-height: 26px;
    margin: 0;
    color: #000;
    background: url(images/radio-uncheck.svg) no-repeat left center;
    font-weight: 400;
}

.radio-check-block input[type="radio"]:checked + label {
    opacity: 1;
    background: url(images/radio-check.svg) no-repeat left center;
}






input[type='checkbox'] {
    display: none;
}

.qs-check-box label {
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    padding-left: 30px;
    line-height: 19px;
    width: 100%;
    min-height: 19px;
    margin: 0;
    color: #323F48;
    background: url(images/qs-uncheck.svg) no-repeat left center;
    font-weight: 400;
}

.qs-check-box input[type='checkbox']:checked + label {
    opacity: 1;
    background: url(images/qs-Check.svg) no-repeat left center;
}






/*======================================= sticky header start ================================*/


/*.sticky_white_header .header{ background-color: #fff;    padding: 18px 0px 17px 0px;    transition: all 0.3s ease-in-out; }
.sticky_white_header .logo{ width: 119px;    transition: all 0.3s ease-in-out; }
.sticky_white_header .logo span{ font-size: 13px; line-height: 15px; }*/

/*======================================= sticky header end ================================*/










/*======================================= selectbox 2 ================================*/

.select_block2 .chosen-container {
    width: 100% !important;
    border: 1px solid transparent;
    border-radius: 6px;
    /* margin-bottom: 16px; */
}
.select_block2.is-invalid .chosen-container {
    border: 1px solid #dc3545 !important;
}
.select_block2 .chosen-container-single .chosen-single div b {
    background: url(images/select-arrow.svg) no-repeat center center !important;
    width: 30px;
    height: 100%;
    margin-right: 0px;
}
.select_block2 .chosen-container-single .chosen-single div {
    width: 30px;
    height: 50px;
}
.select_block2 .chosen-container-single .chosen-single {
    height: 50px;
    border: none;
    background: #F5F5F5;
    line-height: 50px;
    text-align: left;
    font-size: 16px;
    color: #6a6a6a;
    padding: 0 40px 0 15px;
    border-radius: 6px;
    width: 100%;
    box-shadow: none;
}
.select_block2 .chosen-container-single .chosen-single::after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    border: none;
}

.select_block2 .chosen-container .chosen-results li.highlighted {
    background-color: #00489F; color: #fff;
    background-image: none;
}

.select_block2 .chosen-container .chosen-results li {
    background: none;
    padding-left: 10px;
    padding-right: 10px;
}
.select_block2 .chosen-container .chosen-drop {
    width: 100%;
}

.select_block2 .chosen-container-single .chosen-single div {
    display: block;
    position: absolute;
    right: 5px;
    top: -1px;
    border-left: none;
    bottom: -1;
}

.select_block2 .chosen-container .chosen-results {
    color: #444;
    padding-left: 0px;
}

.select_block .chosen-container-single .chosen-drop {
    margin-top: 1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
    background-color: #eeeeee;
}
.select_block2 .chosen-container .chosen-results li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    background-color: #f5f5f5;
    text-align: left;
    font-weight: 500;
    color: #323F48;
}
.select_block2 .chosen-container .chosen-results {
    margin: 0 0px 0px 0;
    background-color: #eeeeee;
}

.select_block2 .chosen-container-single .chosen-single span{ margin-right: 0px; }
.select_block2 .chosen-container .chosen-drop{ border:none; }


.select_block2 .chosen-container .chosen-drop{ box-shadow: none; }




/*======================================= side menu ================================*/

.mobile_menu {
    position: absolute;
    right: auto;
    top: 50%;
    width: 35px;
    right: 0px;
    margin-top: -16px;
    z-index: 10;
}
.mobile_menu a {
    display: block;
    width: 40px;
    height: 40px;
    background:#eef7ff url(images/hamburger.svg) no-repeat center center;
    border: none;
    border-radius: 4px;
}

@media only screen and (max-width: 767px) {

div#sidebar_content .sidebar_content {
    width: 80%;
    background: #fff;
    float: left;
}

div#sidebar_content .sidebar_content {
    position: relative;
    height: 100%;
    max-height: 100%;
    overflow: auto;
}

#mobile_nav_wrapper {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 10px 25px 0px 25px;
}
#mobile_nav_wrapper .dropdown-toggle::after {
    display: none;
}

#mobile_nav_wrapper .nav-link {
    padding-left: 0px;
    position: relative;
}
#mobile_nav_wrapper > ul {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mobile_nav_wrapper > ul > li {
    width: 100%;
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/*#mobile_nav_wrapper .dropdown-menu{ position: relative !important; width: 100%; float: left; top: auto; }*/
#mobile_nav_wrapper .dropdown-menu {
    width: 100%;
    float: left;
    background-color: transparent;
    transform: none !important;
}

#mobile_nav_wrapper .navbar-nav .open .dropdown-menu {
    position: static !important;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}
#mobile_nav_wrapper .navbar-right .dropdown-menu {
    left: 0;
    right: auto;
}

#mobile_nav_wrapper .open > .dropdown-menu {
    display: block;
}

#mobile_nav_wrapper .dropdown-menu {
    top: 100%;
}







    /*.menu_active div#sidebar_content {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        display: block !important;
        width: 320px;
        z-index: 99999;
    }*/
    div#sidebar_content {
        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        display: block !important;
        width: 100%;
        z-index: 99999;
        transform: translateX(100%);
        transition: all 0.3s ease-in-out;

    }
    .menu_active div#sidebar_content {

        position: fixed;
        right: 0;
        top: 0;
        height: 100%;
        display: block !important;
        width: 100%;
        z-index: 99999;
        transform: unset;
    }

    .menu-overlay {
        background: rgba(0, 73, 123, 0.6);
        width: 100%;
        height: 100%;
        transition: all 0.3s ease-in-out;
        position: fixed;
        left: 0px; top: 0px;
    }

    div#sidebar_content .sidebar_content {
        width: 100%;
        background: #EEF7FF;
        float: left;

    }

    a#sidebar_hide {
        width: 25px;
        height: 25px;
        position: absolute;
        left: auto;
        display: inline-block;
        z-index: 999;
        top: 20px;
        right: 25px;
    }

    a#sidebar_hide::before {
        width: 25px;
        height: 2px;
        position: absolute;
        left: 0;
        display: inline-block;
        z-index: 999;
        transform: rotate(45deg);
        top: 12px;
        content: "";
        background: #00235F;
    }

    a#sidebar_hide::after {
        width: 25px;
        height: 2px;
        position: absolute;
        left: 0;
        display: inline-block;
        z-index: 999;
        transform: rotate(-45deg);
        top: 12px;
        content: "";
        background: #00235F;
    }

    .sidebar_content a#sidebar_hide:hover{ opacity: 0.6; }

    .sidebar_content_inner {
        width: 100%;
        float: left;
        height: auto;
        padding: 0;
    }

    .panner_top {
        width: 100%;
        float: left;
        height: auto;
        padding: 20px 40px 20px 40px;
        text-align: center;

    }

    .author_img {
        width: 50px;
        height: 50px;
        background: #fff;
        display: inline-block;
        border-radius: 50%;
        position: relative;
    }

    .author_img img {
        left: 50%;
        top: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        max-width: 50px;
    }
    ul.logout_part li {
        display: inline-block;
        margin: 0 10px;
    }

    .panner_top li a {
        color: #fff;
        font-size: 18px;
    }

    div#sidebar_content .top_menu {
        display: block;
        padding: 10px 0 0;
        position: fixed;
        top: 172px;
        bottom: 48px;
        overflow: auto;
    }

    div#sidebar_content ul.top_menu.singout_menu {
        top: 120px;
    }

    div#sidebar_content .top_menu li {
        display: block;
        margin-bottom: 0;
        padding: 11px 15px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        width: 100%;
    }

    div#sidebar_content .top_menu li a {
        display: inline-block;
        font-size: 18px;
        color: #111;
    }
    #sidebar_content .container-fluid{ display: block; padding-right: 0px; }

    .copyright_block {
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        background: #0e8e57;
        color: #fff;
        line-height: 48px;
        font-size: 14px;
    }

    #sidebar_content .top_menu {
        width: 100%;
        float: left;
        height: auto;
        display: flex;
        justify-content: space-between;
    }

    #sidebar_content .navbar-nav > li > a {
        padding-top: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
    }
    #sidebar_content .navbar-nav{ width: 100%; }

    #sidebar_content .navbar-nav > li {
        margin-bottom: 10px;
        text-align: right;
        width: 100%;
        border-bottom: 1px solid #bbd9f3;
    }
    #sidebar_content .navbar-nav > li > a {
        font-size: 16px;
        color: #00235F;
        line-height: 36px;
        font-weight: 500;
        background: none;
        padding-left: 15px;
        padding-right: 0px;
        padding-bottom: 0;
        padding-top: 0;
        transition: none;
        display: inline-block;
        background-color: transparent;
        font-family: 'Poppins', sans-serif;
        letter-spacing: 0;
        position: relative;
        text-transform: uppercase;
        border-bottom: none;
    }
    #sidebar_content .navbar-nav > li > a:hover{ background-color:transparent; color: #00235F; }
    #sidebar_content .navbar-nav > li.active > a{ background-color: transparent;color: #00497B }


    #sidebar_content .navbar-nav > li > a.dropdown-toggle{background: url(images/arow-drop-white.svg) no-repeat right center; padding-right: 15px;}

    #sidebar_content .navbar-nav > li > a.dropdown-toggle:hover{background:#1BB4ED url(images/arow-drop-white.svg) no-repeat right center; padding-right: 15px; color: #fff;}
    #sidebar_content .navbar-nav > li.active > a.dropdown-toggle{ background:#1BB4ED url(images/arow-drop-white.svg) no-repeat right center; padding-right: 15px; color: #fff; }

    #sidebar_content .dropdown-toggle.show{background:#1BB4ED url(images/toggle-arrow.svg) no-repeat right center !important;}

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 36px;
        font-weight: 400;
    }

    .logo {
        text-align: left;
    }

    .dropdown-menu > li > a:focus,
    .dropdown-menu > li > a:hover {
        color: #212529;
    }

    .sidebar_content .logo {
        float: left;
        max-width: 180px; padding: 0px 0px 0px 0px;
    }

    #mobile_nav_wrapper .dropdown-menu{ border:none; padding: 0px 0px 10px 15px; }

    #mobile_nav_wrapper .dropdown-item{ color: #fff; font-size: 14px;font-family: 'Poppins', sans-serif; line-height: 30px; }
    #mobile_nav_wrapper .dropdown-item:focus, #mobile_nav_wrapper .dropdown-item:hover{ background-color: transparent;color: #fff; }


.sidebar_content .logo{}
.sidebar_content .logo span{ display: block; text-align: right;letter-spacing: -0.02em; color: #fff;font-size: 19.6154px; height: 22px; font-style: italic; }

.sidebar_content .navbar-light .navbar-nav .nav-link.active::before, .sidebar_content .navbar-light .navbar-nav .show>.nav-link::before, .sidebar_content .navbar-light .navbar-nav .nav-link:hover:before{ display: none; }







}






@media only screen and (min-width: 768px) {
    .navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > ul.dropdown-menu{
        display: block;
        left: 10px;
    }

}

/*======================================== side menu end =============================*/

/*======================================== Responsive Design =============================*/

@media only screen and (max-width: 429px) {





}



@media only screen and (max-width: 479px) {


.sc-content ul.sd-mn-list li span{ font-size: 14px; }

.customer-says-slider{padding: 20px 20px 30px 20px;}
.cs-slider-media .media{ width: 100%; float: left; display: block; }
.cs-slider-media .media .media-left{width: 100%; float: left; display: block; padding-bottom: 10px;}
.cs-slider-media .media .media-left img{ display: block; }
.cs-slider-media .media .media-body{width: 100%; float: left; display: block; padding-left: 0px; padding-bottom: 15px;}
.cs-slider-dps p{ font-size: 16px; line-height: 24px; }
.cs-slider-media .media-body h3{ font-size: 20px !important; line-height: 28px; }

.testemonial-carousal-sd .owl-nav{ right: auto; left: 0px; display: none;}


.err-content-info h2{margin: 0px 0px 5px 0px; font-size: 30px; line-height: 40px;}
.err-content-info h4{margin: 0px 0px 10px 0px; font-size: 18px; line-height: 24px; }



}

@media only screen and (min-width: 480px) and (max-width: 639px) {

.sc-content ul.sd-mn-list li span{ font-size: 14px; }


.err-content-info h2{margin: 0px 0px 5px 0px; font-size: 40px; line-height: 42px;}
.err-content-info h4{margin: 0px 0px 10px 0px; font-size: 18px; line-height: 24px; }



}
@media only screen and (min-width: 640px) and (max-width: 767px) {


.sc-content ul.sd-mn-list li span{ font-size: 14px; }



}
@media only screen and (max-width: 767px) {


    .container {
        width: 100%;
        max-width: 100%;
    }

.gap-left50{ padding-left: 0px; }
.margin-photo-out{ margin-left: 0px; }

.error-page-section {
    padding: 10px 0px 30px 0px;
}


.photo-holder{ text-align: center; margin-bottom: 40px; }
.photo-holder img{ display: inline-block; }

.sd-section {padding: 32px 18px 0px 18px; margin-bottom: -5px; z-index: 10;}
.sc-content h2{ font-size: 30px; line-height: 30px; text-align: center; }
.sc-content p{ font-size: 16px; line-height: 24px; text-align: center; }
.read-more{ text-align: center;}
.read-more a{ display: inline-block; float: none; }


.white-shape-1{ position: relative; padding-bottom: 150px;  }
.white-shape-1 img{
    width: 100%;
    display: block;
    border-radius: 0px;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
}

.sd-sub-section{ padding-top: 50px; padding-right: 18px; padding-left: 18px; }
.client-section {padding: 40px 18px 40px 18px; margin-top: -4px;}
.sd-4-section{    padding: 0px 0px 0px 0px; }
.sd-3-section{    padding: 40px 18px 40px 18px;}


.sd-4-section .white-shape-1{ margin-bottom: -5px; }

.sc-content h5{ text-align: center; }

.sc-content ul.sd-mn-list li{ padding-right: 12px; }
.sc-content ul.sd-mn-list li:last-child{ padding-right: 0px; }

.sc-content ul.sd-mn-list li{ width: auto; }


.sd-2-section {padding: 0px 0px 40px 0px;}

.center-block h2{ font-size: 30px; line-height: 32px; }
.center-block h4{ font-size: 18px; }

.sc-content ul.sd-mn-list li span.sc-large-text{ font-size: 24px; line-height: 30px; }


.footer{    padding: 0px 0px 0px 0px;}
.footer .justify-block .col-12{ width: 100%; }
.ftr-slogan-block h2{ font-size: 36px; line-height: 36px; margin-bottom: 20px; text-align: center; }
.ftr-content-common h3{ font-size: 20px; line-height: 28px; text-align: center; }
.ftr-content-common p{ text-align: center; font-size: 16px; }


.footer-social-block{ margin-bottom: 20px; }
.footer-social-block ul{ text-align: center; }
.footer-social-block ul li{ float: none; margin-right: 5px; margin-left: 5px; }
.footer-social-block ul li a{ margin-right: 0px; }

.ftr-content-common h4{ text-align: center; font-size: 16px; }
.ftr-content-common h4 a{ display: inline-block; }


.footer-bottom-section{ display: block; }
.ftr-tms{ width: 100%; float: left; display: block; margin-bottom: 15px; text-align: center; }
.ftr-tms ul{ text-align: center; }
.ftr-tms ul li{ float: none; display: inline-block; padding-left: 4px; padding-right: 4px; }
.ftr-cp{ width: 100%; float: left; display: block; text-align: center;}

.ftr-slogan-block{ max-width: 100%; min-height: 92px;}
.ftr-content-common{ max-width: 100%; }


.dsp-shape-photo{ text-align: center; }

 .project-feature-section .dsp-content{ padding-left: 0px; }


.process-step-block{ display: block; }
.process-single-step{ width: 100%; float: left; display: block; text-align: center; }
.steop-block-inner{ width: 320px; margin: 0 auto; display: block; float: none; }

.step-content{padding: 72px 37px 0px 20px;}
.step-dv .step-content {padding: 60px 40px 0px 20px;}


.subpage-tittle-area{padding: 20px 18px 20px 18px;}
.subPageTittle h1{ font-size: 30px; line-height: 36px; }




.header{ padding-left: 18px; padding-right: 18px; }
.logo,.sticky_white_header .logo{padding: 15px 0px 15px 0px; width: 120px;}


.whyChoose-section{padding: 25px 18px 30px 18px;}
.block-tittle-cm h2{ font-size: 28px; line-height: 34px; margin-bottom: 10px; }
.block-tittle-cm h4{ font-size: 16px; }
.block-tittle-cm{ max-width: 100%; float: left; display: block; margin-bottom: 20px; }

.ch-single-block{ margin-bottom: 20px; height: auto; }


.process-wrapper {padding: 30px 0px 30px 0px;}
.block-tittle-cm h5{ font-size: 18px; line-height: normal; }

.sc-content{ max-width: 100%; float: left; display: block; padding-left: 18px; padding-right: 18px; }

.sd-5-section {padding: 30px 0px 30px 0px;}


.career-top-section {padding: 25px 18px 25px 18px;}
.block-tittle-cm h3{ font-size: 24px; line-height: normal; margin-bottom: 0px; }

.career-wrapper {padding: 25px 0px 25px 0px;}


.career-sd-section .read-more a{ float: left; }
.career-banner{margin-bottom: 15px;}

.contact-content-block {padding: 25px 18px 25px 18px;}
.contact-top-block-cf h3{ font-size: 24px; line-height: normal; }
.contact-top-block-cf p{ font-size: 16px; }
.cnt-info-block h3{ font-size: 16px; }

.op-team-leader-section {padding: 0px 18px 30px 18px;}
.op-tittle h2{ font-size: 34px; line-height: 38px; margin-bottom: 15px; }

.op-tm-photo{ margin-bottom: 30px; }
.op-team-section-bt::before{ display: none; }
.op-team-section-bt {padding: 30px 18px 30px 18px;}
.op-team-member-section {padding: 0px 18px 0px 18px;}
.op-intro-tittle h3{ font-size: 20px; line-height: 26px; }

.portfolio-content-wrapper {padding: 25px 0px 25px 0px;}
.pr-filter-wrapper{border-bottom: none;}
.portfolio-section {padding: 25px 18px 25px 18px;}


.filter-tab-menu{ width: 100%; float: left; display: block; margin-bottom: 10px; }

.filter-tab-menu ul{ white-space: nowrap; }
.filter-tab-menu ul li{ float: none; display: inline-block; line-height: 27px;}
.filter-tab-menu .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom: 0px; }
.filter-tab-menu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ bottom: -15px; }

.filter-tab-menu .mCSB_scrollTools.mCSB_scrollTools_horizontal{ height: 2px;}
.filter-tab-menu .mCSB_scrollTools .mCSB_draggerContainer{ height: 2px; }
.filter-tab-menu .mcs-horizontal-example {
    overflow-x: auto;
    white-space: nowrap;
}

.filter-tab-menu .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    display: block;
    overflow-x: scroll;
}
.filter-tab-menu ul li a {
    padding-bottom: 7.5px;
}

.filter-select{ width: 100%; float: left; display: block; }
.select-block-inner {
    width: 100%;
}
.filter-select .select_block2 .chosen-container-single .chosen-single{ padding-left: 0px; }



.project-dsp-wrapper::before{ display: none; }
.project-dsp-wrapper::after{ display: none; }
.project-dsp-wrapper{ border-radius: 12px; }
.project-dsp-wrapper-inner {
    padding: 40px 30px 50px 30px;
}

.project-details-top::after{ display: none; }
.project-details-top {
    padding: 0px 18px 25px 18px;
}

.project-photo-slider {
    padding: 25px 0px 25px 0px;
}
.project-dsp-wrapper h2{ font-size: 24px; }
.project-dsp-wrapper h3{ font-size: 18px; }
.dsp-content{ padding-left: 18px; padding-right: 18px; padding-top: 25px; }
.project-feature-section .dsp-content{ padding-left: 18px; }
.dsp-content h3{ font-size: 20px; margin-bottom: 10px; }
.dsp-content h4{ font-size: 16px; line-height: 22px; }
.project-content-area h3{ font-size: 18px; }

.recent-project-section {
    padding: 30px 18px 80px 18px;
}


.service-intro {
    padding: 25px 18px 25px 18px;
}


.sevice-intro-content::before{ display: none; }
.sevice-intro-content{    padding: 30px 20px 30px 20px; border-radius: 30px;}
.service-intro .photo-holder{    padding-top: 0px;padding-bottom: 0px;}
.sevice-intro-content .sc-content h2{ font-size: 24px; text-align: left; }
.sevice-intro-content .sc-content p{ margin-bottom: 20px; text-align: left; }
.sevice-intro-content .sb-padding{ padding-left: 60px; }
.sb-icon-as{ max-width: 45px; }






.experties-dsp-top .media-left span{ width: 50px; height: 50px; }
.experties-dsp-top .media-body{ padding-left: 10px; }
.experties-dsp-top .media-body h3{ font-size: 18px; line-height: 24px; }
.experties-dsp-content ul li{ font-size: 16px; }

.customar-ts-tittle h3{ font-size: 30px; line-height: 36px; }
.cs-slider-media .media-body h3{ font-size: 24px; }

.service-intro .center-block{ max-width: 100%; padding-bottom: 0px; }
.center-block p{ font-size: 16px; line-height: 22px; }

.sd-sub-block h3{ font-size: 20px; }

.service-process-section {
    padding: 10px 18px 25px 18px;
}

.service-process-section .center-block{ max-width: 100%; padding-bottom: 10px; }
.service-process-single{ margin-bottom: 20px; }

.sp-step-ds span{ width: 75px; height: 75px; line-height: 75px; font-size: 40px; }
.sp-step-ds {
    margin-bottom: 15px;
}
.sp-step-content h3{ margin-bottom: 2px; }
.customar-ts-tittle{ float: left; display: block; margin-bottom: 25px; }
.Expertise-wrapper{ padding-left: 18px; padding-right: 18px; }



.rps-top-shape{ padding-bottom: 100px; }
.rps-top-shape img{
    width: 100%;
    display: block;
    border-radius: 0px;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
}
.blue-shape-1{padding-bottom: 100px;}
.blue-shape-1 img{
    width: 100%;
    display: block;
    border-radius: 0px;
    position: absolute;
    height: 100%;
    object-fit: cover;
    -webkit-transform-style: preserve-3d;
}

.dsp-shape-photo.dt-shape-1{ float: none; margin: 0 auto; padding-left: 18px; padding-right: 18px; }
.dsp-shape-photo.floatCss{ padding-left: 18px; padding-right: 18px; }

.pro_shape2_image {
    float: none;
    margin: 0 auto;

}

.footer-wrapper {
    background-color: #093B78;
    padding: 35px 0px 30px 0px;
}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px;
    }


.gap-left50{ padding-left: 0px; }
.margin-photo-out{ margin-left: 0px; }


.logo,.sticky_white_header .logo{ width: 120px; }

.sc-content h2{ font-size: 28px; line-height: 28px; }
.sc-content p{ font-size: 14px; margin-bottom: 10px; }
.sd-sub-block h3{ font-size: 16px; }
.sd-sub-block h4{ font-size: 14px; line-height: 20px; }
.sc-content ul.sd-mn-list li span{ font-size: 14px; line-height: 14px; }
.sc-content ul.sd-mn-list li span.sc-large-text{ font-size: 30px; line-height: 30px; }


.sc-content ul.sd-mn-list li span.sc-icon{ height: 30px; }
.sc-content ul.sd-mn-list li span.sc-icon img{ max-height: 100%; }

.navbar-expand-lg .navbar-nav .nav-item {padding: 0px 10px 0px 10px;}

 .sd-sub-section{ padding-top: 50px; }
 .sd-4-section{ padding-top: 50px; }

 .project-feature-section .dsp-content{ padding-left: 0px; }


.step-content{    padding: 20px 35px 0px 20px;}
.step-icon{ height: 25px; margin-bottom: 3px; }
.step-dsp h3{ font-size: 12px; line-height: 12px; }
.step-dsp p{ font-size: 12px; line-height: 13px; }

.step-dv .step-content {
    padding: 25px 35px 0px 30px;
}


.ch-single-block {padding: 15px 15px 15px 15px;}
.ch-single-block h3{ font-size: 18px; line-height: normal; }
.ch-single-block p{ font-size: 16px; }

.filter-tab-menu ul li{ margin-right: 12px; font-size: 15px; }
.select-block-inner{ width: 175px; margin-top: 5px; }


.project-dsp-wrapper::before{ display: none; }
.project-dsp-wrapper::after{ display: none; }
.project-dsp-wrapper{ border-radius: 12px; }
.project-dsp-wrapper-inner {
    padding: 40px 30px 50px 30px;
}

.dsp-content p{ font-size: 16px; line-height: 22px; }
.project-content-area h3{ font-size: 18px; }
.footer-social-block ul li{ margin-bottom: 10px; }
.ftr-slogan-block h2{ font-size: 24px; line-height: 30px; }
.ftr-content-common h3{ font-size: 20px; }
.ftr-content-common p{ font-size: 16px; }
.footer-social-block ul li a{ width: 40px; height: 40px; }





.subPageTittle h1{ font-size: 36px; }
.sevice-intro-content::before{  width: 150px; right: -150px; }
.sevice-intro-content{    padding: 30px 0px 30px 25px;}
.service-intro .photo-holder{    padding-top: 30px;padding-bottom: 30px;}
.sevice-intro-content .sc-content h2{ font-size: 24px; }
.sevice-intro-content .sc-content p{ margin-bottom: 20px; }
.sevice-intro-content .sb-padding{ padding-left: 60px; }
.sb-icon-as{ max-width: 45px; }



.service-process-single{padding: 15px 15px 15px 15px;}
.sp-step-content h3{ font-size: 16px; line-height: 20px; }
.sp-step-content p{ font-size: 14px; line-height: 18px; }
.sp-step-ds {
    margin-bottom: 15px;
}

.expaties-single-ss-inner{padding: 15px 15px 15px 15px;}
.experties-dsp-top .media-left span{ width: 50px; height: 50px; }
.experties-dsp-top .media-body{ padding-left: 10px; }
.experties-dsp-top .media-body h3{ font-size: 18px; line-height: 24px; }
.experties-dsp-content ul li{ font-size: 16px; }

.customar-ts-tittle h3{ font-size: 30px; line-height: 36px; }
.cs-slider-media .media-body h3{ font-size: 24px; }

.contact-content-block .container > .row {
    --bs-gutter-x: 1.5rem;
}

.contact-top-block-cf h3{ font-size: 24px; line-height: 30px; }
.contact-top-block-cf p{ font-size: 16px; line-height: 22px; }
.cnt-info-block h3{font-size: 16px; line-height: 22px;}

.op-intro-tittle h3{ font-size: 18px; line-height: 24px; }





}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.container {width: 970px;}

.gap-left50{ padding-left: 15px; }
.margin-photo-out{ margin-left: -15px; }



.sc-content h2{ font-size: 32px; line-height: 32px; }
.sc-content p{ font-size: 16px; }
.sd-sub-block h3{ font-size: 18px; }

.project-feature-section .dsp-content{ padding-left: 20px; }


.step-content{    padding: 30px 57px 0px 40px;}
.step-icon{ height: 30px;    margin-bottom: 5px; }
.step-dsp h3{ font-size: 16px; line-height: 18px; }
.step-dsp p{ font-size: 14px; line-height: 16px; }

.step-dv .step-content {
    padding: 30px 50px 0px 50px;
}

.project-dsp-wrapper-inner {
    padding: 40px 0px 50px 0px;
}

.sevice-intro-content .sc-content h2{ font-size: 28px; }

.customar-ts-tittle h3{ font-size: 36px; line-height: 42px; }

.experties-dsp-top .media-body{ padding-left: 10px; }
.experties-dsp-top .media-body h3{ font-size: 20px; }


.navbar-expand-lg .navbar-nav .nav-item {
    padding: 0px 20px 0px 20px;
}

.op-intro-tittle h3{ font-size: 20px; line-height: 26px; }




}

@media only screen and (min-width: 1200px) and (max-width: 1439px) {

.container {width: 1170px;}

.gap-left50{ padding-left: 20px; }
.margin-photo-out{ margin-left: -20px; }

.sc-content h2{ font-size: 40px; line-height: 40px; }
.sc-content p{ font-size: 16px; }

.project-feature-section .dsp-content{ padding-left: 20px; }


.step-content{padding: 40px 80px 0px 45px;}
.step-icon{ height: 45px; }
.step-dsp h3{ font-size: 20px; line-height: 22px; }
.step-dsp p{ font-size: 14px; line-height: 18px; }


.project-dsp-wrapper-inner {
    padding: 40px 0px 50px 10px;
}




}

@media only screen and (min-width: 1440px) and (max-width: 1549px) {

.container {width: 1270px;}



.gap-left50{ padding-left: 30px; }
.margin-photo-out{ margin-left: -30px; }

.project-description-section .dsp-shape-photo{ text-align: right; }
.project-feature-section .dsp-content{ padding-left: 50px; }


.step-icon{ height: 46px; }
.step-dsp h3{ font-size: 20px; line-height: 22px; }
.step-dsp p{ font-size: 15px; line-height: 18px; }



}


@media only screen and (min-width: 1550px) and (max-width: 1650px) {





}










@media only screen and (min-width: 1440px){
    .portfolio-content-wrapper .col-12.col-lg-4.col-md-4{ width: 25%; }
    .process-uiux .step-content{ padding-right: 92px; }
    .sevice-intro-content{ min-height: 750px;}

}



@media only screen and (min-width: 1550px){


.gap-left50{ padding-left: 50px; }
.margin-photo-out{ margin-left: -50px; }
.ftr-slogan-block{ max-width: 490px; width: 490px;}
.ftr-content-common{ max-width: 490px;}
.footer .justify-block .col-12{ width: auto; }

.project-description-section .dsp-shape-photo{ text-align: right; }

.project-feature-section .dsp-content{ padding-left: 50px; }




}