/*
		Theme Name: D&W
		Theme URI : https://weblankan.com
		Author    :The weblankan Team
		Author URI:https://weblankan.com
		Description:test
		Version: 1.0
		Text Domain: dandw

*/
:root {
    --main-color: #1f419b;
    --secondary-color-1: #7e8080;
    --secondary-color-2: #ffffff;
    --secondary-color-3: #3b3b3b;
    --main-font-1:'Roboto', sans-serif;
    --main-font-2: 'Roboto', sans-serif;
    --main-font-3: 'Open Sans', sans-serif;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --animation-1: all 0.2s ease-in-out;
}
h1,h2,h3,h4{
    font-family:var( --main-font-1)!important;
}
p,a{
    font-family:var( --main-font-1)!important;
}
a:hover {

    text-decoration: none;
}

/*header*/
.wrapper {

    overflow: hidden;
}
.fa.fa-bars {
    font-size: 30px;
    color: #036;
}
#header-sec-2 .navbar-light .navbar-toggler {
 
border-color:rgba(0, 0, 0, 0);
}
.display-tab {

    display: none;

}
#mobile-display {

    display: none;

}
.social-row img {

    width: 20px;
    padding-top: 10px;
    margin: 4px;
}
.para-1{
     color: #333;
     text-align: justify;
}
.sub-heading {
    color: #003366;
    position: relative;
    font-size: 34px;
    font-weight: 400;
}
.sub-heading span {
    font-weight: 600;
}
.sub-heading::after {
    content: '';
    position: absolute;
    bottom: -30%;
    width: 100px;
    height: 3px;
    background: #fc3;
    left: 0;
}
.contact-info h4 {
    color: #fc3;
    font-size: 14px;
    margin: 0;
}
.contact-info a {
    color: #fff;
    font-size: 14px;
    padding-left: 10px;
}
.contact-info span {
    color: #fc3;
    padding-left: 10px;
}
.contact-info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.main-logo {

    position: absolute;
    top: -58%;
    z-index: 2;
    width: 176px;
    left: -8%;
    border-radius: 50%;
}
.fa.fa-facebook-f,.fa.fa-youtube {
    color: #fff;
    font-size: 18px;
}
.social-row {
    text-align: right;
}
.bg-light {
    background-color: #f8f9fa00 !important;
    padding-right: 0px;
}
#header-sec-2 .container {
    padding: 0;
}
#navbarSupportedContent {
    justify-content: flex-end;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1.5rem;
 }
#header-sec-1 {
    background: #036;
}
#header-sec-2 {
    background: #fff;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgb(0, 51, 102);
    font-weight: 600;
    font-size: 16px;
}
.nav-link {
    color: #036 !important;
    text-transform: uppercase;
}
.dropdown-item:focus, .dropdown-item:hover {
    color:#fff;
	 background-color: #081d31;
}
.dropdown-item:focus, .dropdown-item {
    color:#fdfdfd;
    font-size: 15px !important;
	background-color:#036;
	border-bottom: 1px solid #ffffff45;
}
.dropdown-menu.show {
    padding: 0;
}
/*home*/
.slider-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 790px;
}
.slider-discription-wrapper {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    top: -20%;
    bottom: 0;
    left: 0;
    right: 0;
}
.item-description {
    text-align: center;
}
.slider-discription--inner {
    border: 2px solid #fff;
    padding: 20px;
    width: 480px;
    height: 270px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-heading {
    color: #fc3;
    font-size: 60px;
    text-transform: uppercase;
}
.item-description h3 {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
}
.slider-discription--inner::after {
    content: '';
    position: absolute;
    height: 3px;
    width: 470px;
    top: 50%;
    left: 60%;
    right: 0;
    z-index: 10;
    background: #fdfdfd;
}
.slider-discription--inner::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 470px;
    top: 50%;
    right: 60%;
    z-index: 10;
    background: #fdfdfd;
}
#main-slider .owl-theme .owl-dots .owl-dot span {

    border: 3px solid #fff;
    height: 12px;
    width: 12px;

}
.what_we_do_wrapper p {
    color:#333;
    text-align: justify;
}
.what_we_do_icon {
    background-image: url('http://www.dwaisl.com/wp-content/uploads/2023/07/hh.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 210px;
    width: 210px;
    margin: 0 auto;
}
#home-sec-2 {
    background: #036;
}
#home-sec-2 .sub-heading{
    margin-bottom: 25px; 
}
.what_we_do_wrapper {
    background: #fff;
    padding: 50px 30px 50px 50px;
    box-shadow: 0px -2px 30px 3px #000;
    position: relative;
    margin-top: -80px;
    z-index: 2;
}
.what_we_do_wrapper::before {
    content: '';
    position: absolute;
    top: 25%;
    left: -30%;
    height: 310px;
    width: 100%;
    background-image: url('assets/img/icon-3.png');
    background-repeat: no-repeat;

}
.explore-image::after {
	 content: '';
    position: absolute;
    top: -44%;
    right: -85%;
    height: 600px;
    width: 100%;
    background-image: url('assets/img/icon-2.png');
    background-repeat: no-repeat;

}
.explore-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 560px;
    position: relative;
}
#home-sec-3 .container-fluid{
    padding: 0;
}
#home-sec-3 {
    background: #036;
}

#main-slider .owl-dots {
    position: absolute;
    width: 100%;
    bottom: 20%;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 7px;
    background: #D6D6D600;
    border-radius: 0;
    border: 3px solid #fff;
    height: 15px;
    width: 15px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #86979100;
    border: 3px solid #fc3;
}
#main-slider .owl-dots::after {
    content: '';
    position: absolute;
    height: 2px;
    width: 100px;
    background: #fff;
    top: 50%;
    right: 40%;
}
#main-slider .owl-dots::before {
    content: '';
    position: absolute;
    height: 2px;
    width: 100px;
    background: #fff;
    top: 50%;
    left: 40%;
}
#home-sec-4 {
    margin-top: 100px;
}
.explore {
    border: 2px solid #036;
    width: max-content;
    padding: 4px 20px 4px 20px;
    margin-top: 35px;
}
.explore a {
    color: #036;
}
.explore a:hover {
    font-weight: 600;
    text-decoration:none;
}
.explore-wrapper {

    background: #fff;
    padding: 50px 30px 20px 40px;
    position: absolute;
    left: -40%;
    right: 40%;
    bottom: -9%;
    box-shadow: 0px 5px 27px 0px #00000082;
    z-index: 9;
}

.wrapper-tabs{
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*.project-bg-img {
    position: absolute;
    width: 80%;
    height: 100%;
    display: block;
    overflow: auto;
    z-index: -1;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
    background-repeat: no-repeat;
    background-size: 100%;
    top: 0;
    left: 0;
}*/
.projet-slider .owl-prev {
    height: 50px;
    width: 50px;
    border-radius: 0 !important;
    color:#fff !important;
    border: 2px solid#fff !important;
}
.projet-slider .owl-next{
    height: 50px;
    width: 50px;
    border-radius: 0 !important;
    color:#fff !important;
    border: 2px solid#fff !important;
}
.projet-slider .owl-nav {
    right: 6%;
    position: absolute;
    bottom: 10%;

}
.projet-slider .owl-nav::before {
    position: absolute;
    content: '';
    right: 54%;
    top: 9%;
    bottom: 0;
    height: 1px;
    width: 470px;
    background:#209fc98c;
}
.projet-slider .fa.fa-caret-right,.projet-slider .fa.fa-caret-left {

    font-size: 45px;

}
.project-bg-img {

    position: absolute;
    width: 80%;
    height: 100%;
    display: block;
    overflow: auto;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    background-position: center;

}
.tab-wrapper {

    position: absolute;
    top: 0;
    right: -3%;
    background: #fff;
    width: 500px;
    padding: 20px;
    box-shadow: 0px 0px 10px 3px #000;
    z-index: 2;

}
.container-1 {

    width: 80%;
    margin: 0 auto;
}
.tab-wrapper {
    position: absolute;
    bottom: 4%;
    right: 6%;
    background:#fff;
    width: 390px;
    padding: 40px;
    box-shadow: 0px 0px 10px 3px #0000007d;
    z-index: 2;
    top: 40%;
}
.tab-inner {
    margin-top: 60px;
}
#home-sec-4 .nav-pills .nav-link.active, #home-sec-4 .nav-pills .show > .nav-link {

    background-color: #209fc9;
    border-bottom: 1px solid #209fc9;

}
 #home-sec-4 .nav-pills .nav-link {
    border-radius: 0 !important;
    width: 25%;
    background: #003366d4;
    border-bottom: 1px solid #209fc9;
    min-height: 70px;
    color:#fff !important;
    text-transform: capitalize;
    font-size: 18px;
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
    padding-right: 30px;
}
.nav-pills .nav-link.active img {

    filter: invert(41%) sepia(435%) saturate(3341%) hue-rotate(373deg) brightness(136%) contrast(85%);

}
#home-sec-4 .fa.fa-angle-right {

    position: absolute;
    right: 2%;
    margin-left: 3px;
    font-size: 40px;
    display: none;
    top: 25%;

}
.nav-pills .nav-link.active .arrow {

    display: block !important;

}
.vector-img {
    width: 60px;
    padding-right: 13px;
    height: 45px;
}
.why-choose-wrapper {
     text-align: center;
     margin-top: 40px;
     min-height: 290px;
    padding: 10px;
}
.why-choose-wrapper h4 {
     color: #036;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}
.why-choose-wrapper:hover {
    min-height: 290px;
    padding: 10px;
    box-shadow: 0px 1px 15px 1px #0000002b;
    background: #fff;
}
.why-choose-icon img {
    border: 3px solid #036;
    padding: 6px;
}
#home-sec-5 .sub-heading::after {
    bottom: -30%;
    left: 45%;
 }
 #home-sec-4 {

    margin-top: 0px;
    background-color: #ebebeb;
    z-index: 1;
}
#home-sec-4 .container-1 {
    padding-top: 100px;
}
 #home-sec-5{

     position: relative;
}
#home-sec-5::before {
    content: '';
    position: absolute;
    top: -5%;
    left: 0%;
    bottom: -20%;
    height: 520px;
    width: 100%;
    background-image: url('assets/img/back-3.png');
    background-repeat: no-repeat;

}
#home-sec-5::after {
    content: '';
    position: absolute;
    top: -5%;
    right: 0% !important;
    bottom: -20%;
    height: 258px;
    width: 380px;
    background-image: url('assets/img/back-4.1.png');
}
.why-choose-wrapper .para-1 {
    text-align: center!important;
}
 .project-img {

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 660px;

}
.projet-slider .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #86979100!important;
    
}
.project-wrapper {

    background: #036;
    top: 18%;
    left: -40%;
    right: 0;
    color:#fff;
    min-height: 640px;
    margin-left: -120px;
    margin-top: 50px;

}
#home-sec-6 h3.sub-heading {
     color: #fff;
    font-weight: 600;
    padding-right: 200px;
}
#home-sec-6 .para-1 {
    color: #fff;
}
.project-inner {

    padding: 80px 100px 80px 80px;
    position: relative;
    z-index: 2;

}
.project-wrapper::after {

    content: '';
    position: absolute;
    background-color: #003366eb;
    top: 90px;
    right: 0;
    bottom: 0;
    left: -105px;

}
.project-wrapper h4 {

    font-size: 14px;

}
#home-sec-6 .explore a {
    color: #fff;
}
#home-sec-6 .explore {
    border: 2px solid #fff;
 }
 #home-sec-7::before {
    content: '';
    position: absolute;
    bottom: -24%;
    left: 0%;
    height: 580px;
    width: 100%;
    background-image: url('assets/img/back-5.png');
    background-repeat: no-repeat;
}
#home-sec-7 {
    display: none;
}
 #home-sec-7 {
    position: relative;
    margin-top: 80px;

}
#home-sec-7 .sub-heading::after {
    bottom: -30%;
    left: 45%;
 }
 #partner-slider img {

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);

}
#partner-slider img:hover{
filter: unset;

}
#partner-slider .owl-prev {
    left: -6%;
    top: 36%;
    background: #036 !important;
    height: 30px;
    width: 30px;
    border-radius: 0 !important;
    color:#fff !important;
}
#partner-slider .owl-next{
    
    right: -6%;
    top: 36%;
    background: #036 !important;
    height: 30px;
    width: 30px;
    border-radius: 0 !important;
    color:#fff !important;
}
#home-sec-8 {
    background-image: url('assets/img/test-back.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
}
#testimonial-slider .owl-dots .owl-dot span {
    
	border: 3px solid #036!important;
   }
#testimonial-slider .owl-dots .owl-dot.active span,#testimonial-slider .owl-dots .owl-dot:hover span {

	border: 3px solid #fc3!important;

}
.fa.fa-quote-left,.fa.fa-quote-right {

    padding: 10px;
    color: #fc3;

}
#testimonial-slider img {

    width: 120px;

}
.testi-heading {

    color: #036;
    font-weight: 600!important;
    font-size: 34px!important;

}
.testimonial-wrapper h3 {

    color: #036;
    font-size: 20px;
    font-weight: 600;

}
.testimonial-wrapper h4{
    color: #036;

}
.testimonial-wrapper h4 {

    color: #036;
    font-size: 15px;
    margin: 0;

}
.line-yellow::after {

    content: '';
    position: absolute;
    height: 386px;
    width: 3px;
    background: #036;
    left: -20%;
    top: 0;

}
.testimonial-wrapper .line-yellow::after {

    content: '';
    position: absolute;
    height: 386px;
    width: 3px;
    background: #fc3;
    right: 0;
    top: 0;
    left: 94%;

}
#testimonial-slider .owl-dots, #testimonial-slider .owl-nav {
    text-align: left!important;
    
}
#testimonial-slider .owl-theme .owl-dots .owl-dot span {

    height: 12px;
    width: 12px;

}
#testimonial-slider .owl-theme .owl-dots .owl-dot span {

    border: 3px solid #036!important;
    height: 12px;
    width: 12px;

}
#home-sec-9::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0%;
    height: 230px;
    width: 100%;
    background-image: url('assets/img/back-6.1.png');
    background-repeat: no-repeat;
}
#home-sec-9 {
   position: relative; 
}
.customer-wrapper {

    text-align: center;
    min-height: 195px;
    box-shadow: 0px 0px 7px 2px #00000024;
    padding: 20px;
    background: #fff;

}
#customer-slider .item{
    padding: 4px;
}
/*.customer-wrapper:hover{
	box-shadow: 0px 1px 15px 1px #0000002b;
}*/
#customer-slider .owl-prev {

    left: -4%;
    top: 18%;
    background: #036 !important;
    height: 30px;
    width: 30px;
    border-radius: 0 !important;
    color:#fff !important;
}
#customer-slider .owl-next{
    
    right: -4%;
    top: 18%;
    background: #036 !important;
    height: 30px;
    width: 30px;
    border-radius: 0 !important;
    color:#fff !important;
}
.customer-wrapper h4 {

    color: #036;
    font-size: 18px;
    font-weight: 600;
    min-height: 50px;
}

.customer-wrapper P {
   color: #333;
    font-weight: 600;
}
#home-sec-9 .sub-heading::after {
    bottom: -30%;
    left: 45%;
 }
 
/*footer*/
.footer-logo.img-fluid {
    width: 130px;
    margin-top: -100px;
    border-radius: 50%;
    box-shadow: 0px 0px 14px -1px #000000a8;
    margin-bottom: 20px;
}
#footer-id .para-1 {
     color: #fff;
     margin-bottom: 5px;
}
#footer-id h4 {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 500;

}
#footer-id h4:after{

    content: '';
    position: absolute;
    bottom: -30%;
    width: 50px;
    height: 3px;
    background: #fc3;
    left: 0;
}
#footer-id a {

    color: #fff;

}
#footer-id{
    background-image: url('assets/img/footer.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;

 }
 #footer-id .container {
    padding-top: 80px;
}
 #footer-credit {

    background: #002143;
    text-align: center;

}
#footer-credit .para-1 {

    color: #fdfdfd;
    margin: 0;
    font-size: 14px;
    padding: 7px;

}
#footer-id a:hover{
    text-decoration: none;
    color: #fff;
}

#footer-id p{
    color: #fff;
}
#footer-id .social-row {
    margin-bottom: 10px;
    text-align: left;
    margin-top: 20px;

}
ul#menu-footer-menu li {
    padding-right: 20px;
   }

ul#menu-footer-menu {
    display: flex;
    margin-top: 20px;
    margin-bottom: -5px;
}
/*aboutus*/

#about-sec-1{

    background-image: url('assets/img/backgrond-about.png');
    background-size: cover;
    background-repeat: no-repeat;
}
.sub-page-header {
    position: relative;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.about-wrapper p {
    color: #333;
    text-align: justify;
}
.about-wrapper {
    background: #fff;
    box-shadow: 0px 0px 10px 3px #0000007d;
    padding: 60px 40px 40px 40px;
}
.about-img {
    position: absolute;
    top: 0;
    bottom: -10%;
    right: 0;
    background-repeat: no-repeat;
}
.about-wrapper h4 {

    color: #036;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: -18px;

}
.about-wrapper h2 {
    font-size: 24px;
}
#about-sec-2 {

    background-image: url('assets/img/about-back2.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 690px;
}
.vm-wrapper p {
     color: #fff;
}
#about-sec-2 .sub-heading {
     color: #fff!important;
}
#about-sec-2 .sub-heading::after {

    display: none;
}
.vm-wrapper.vision:hover{
    background-color: red; 
}
.vm-wrapper.vision {
    background-color: #003366;
}
.vm-wrapper.mission {

    background-color: #006699;
    position: relative;
    z-index: 0;

}
.vm-wrapper {
    min-height: 360px;
    padding: 60px;
}
#about-sec-2 .container {
    padding-top: 240px;
}
#about-sec-2 {
    position: relative;
    z-index: -1;
    }
#about-sec-2::after {
    content: '';
    position: absolute;
    top: 5%;
    right: 1% !important;
    bottom: -20%;
    height: 438px;
    width: 670px;
    background-image: url('assets/img/back3-about.png');
    z-index: -1;
}
#about-sec-3 p {
    color: #333;
    font-weight: 500;
}
#about-sec-3 ul li {
    list-style: none;
    color: #333;
    font-weight: 600;
    position: relative;
}
#about-sec-3 ul li::before {
    content: '';
    position: absolute;
    left: -3%;
    bottom: 25%;
    width: 5px;
    height: 5px;
    border: 1px solid #fff;
    outline: 4px solid #036;
    outline-offset: 2px;
}
.about-wrapper-1 {
    
    position: relative;
    z-index: 2;
}
.mtp-10{
	margin-top: 50px;
}
.breadcrumb, .breadcrumb h6 {
    background-color: #e9ecef00;
	font-size: 18px;
	color:#fc3;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    margin-top: -8px;
}
.breadcrumb h6{
    padding: 0;
    margin: 0;
    color: #fff;
}
.main-title {
    color:#fff;
    text-align: center;
}
.title-area {
    text-transform: uppercase;
}
.page-title {
    position: absolute;
    background: #036;
    bottom: -10%;
    right: 20%;
    z-index: 99;
    padding: 18px 55px 0px 55px;
}
/*contactus*/
#contact-sec-2 .container-fluid{
    padding: 0;
}
.form-1 {
    background: #fff;
	box-shadow: 0px 0px 10px 3px #00000040;
    padding: 50px;
    z-index: 99;
    position: relative;
}
#contact-sec-1 .sub-heading {
   
    font-weight: 600;
}

#Submit-id {
    background: #fc3;
    border:navajowhite;
    border-radius: 1px !important;
    width: max-content;
    padding: 0 20px 0 20px;
    font-weight: 600;
}
    
#contact-sec-1::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 828px;
    width: 990px;
    background-image: url('assets/img/contct-back2.png');
    background-repeat: no-repeat;
}
#contact-sec-1 {
    background: #ebebeb;
    position: relative;
}
#contact-sec-1 .contact-wrapper p {
    font-size: 16px;
    color: #333;
}
#contact-sec-1 h3.sub-heading {
    font-size: 20px;
    font-weight: 400 !important;
    margin-bottom: 30px;
}
#contact-sec-1 .title-f {
    color: #036 !important;
    font-weight: 600;
    margin-bottom: 4px;
}
#contact-sec-1 .con-contact a {
    color: #333;
}
#contact-sec-1 .contact-wrapper {
    margin-top: 0px;
    margin-left: 30px;
    position: relative;
    z-index: 2;
}
#Message-id {
    height: 120px;
}
#contact-sec-1 .form-control {
   border: 3px solid #c1c1c1;
}
.wrap-contacts {
    margin-top: 50px;
}
#contact-sec-1 .con-contact a:hover {
    text-decoration: none;
}
/*csr*/
.page-template-page-csr .sub-page-header {
    height: 500px;
    background-size: contain;
    
    background-color: #036;
}
.csr-wrapper {
    background: #036;
    padding: 50px;
}
#csr-sec-1 .sub-heading {
    color: #fc3;
    font-weight: 600;
}
#csr-sec-1 .sub-heading::after{
	display: none;
}
#csr-sec-1 .para-1 {
    color: #f7f7f7;
}
.csr-img-1 {
    position: absolute;
    top: 3%;
    left: -60%;
    bottom: 0;
}
.csr-img-2 {
    position: relative;
    margin-top: 130px;
}
#csr-sec-2 .sub-heading::after {
    
    bottom: -11%;
    width: 75px;
    }
.csr-wrpper-main:nth-child(2n) {
    flex-direction: row-reverse;
}
#csr-sec-2 .csr-wrpper-main:nth-of-type(odd) .csr-inner-main::after {
    content: '';
    position: absolute;
    top: -10%;
    bottom: 0;
    right: -90%;
    background-image: url('assets/img/csr-back.png');
    height: 480px;
    width: 530px;
    background-repeat: no-repeat;
     z-index: -1;
 
}
#csr-sec-2 .csr-wrpper-main:nth-of-type(even) .csr-inner-main::after {
    content: '';
    position: absolute;
    top: -10%;
    bottom: 0;
   left: -90%;
    background-image: url('assets/img/csr-back.png');
    height: 480px;
    width: 530px;
    background-repeat: no-repeat;
    z-index: -1;
    
}
#slider-csr-1 {
	 box-shadow: 0px 0px 10px 3px #00000040;
}
#slider-csr-1 .owl-nav {

    position: absolute;
    left: 48%;

}
#slider-csr-1 .owl-prev {

    position: absolute;
    left: -40px;
    top: 36%;
    background: #036 !important;
    height: 30px;
    width: 30px;
    border-radius: 0 !important;
    color:#fff !important;
}
#slider-csr-1 .owl-next{
     position: absolute;
    right: -40px;
    top: 36%;
    background: #036 !important;
    height: 30px;
    width: 30px;
    border-radius: 0 !important;
    color:#fff !important;
}
#csr-sec-2 {
	 margin-bottom: 100px;

}
.csr-wrpper-main {
	margin-bottom: 90px;
}
/*product-category*/
#product-sec-1 .product-main {
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}
#product-sec-1 .sub-heading {
   
    font-size: 32px;
    font-weight: 600;
}
 #product-sec-1 .sub-heading::after {
    bottom: -30%;
    left: 45%;
}
.pr-wrapper {
    background: #ebebeb;
    padding: 40px;
    position: absolute;
    left: -20%;
    bottom: -20%;
    right: 0;
    width: 460px;
    box-shadow: 0px 5px 27px 0px #00000082;
}
#product-sec-1 .vector-img {
    width: 80px;
    padding-right: 13px;
    background: #036;
    position: absolute;
    right: 7%;
    top: 54%;
    z-index: 2;
    height: 80px;
    padding: 10px;
}
#product-sec-2 {
    background: #036;
 }
#product-sec-2 .sub-heading {
    color: #fff;
}
#product-sec-2 .sub-heading::after {
	 bottom: 38%;
    width: 450px;
    height: 1px;
    background: #fff;
    left: 24%;
}
.flag {
	 width: 75px;
    float: right;
}
.p-title {
	width: 100%;
    background: #069;
	text-align: center;
	color:#fff;
}
.project-image-main img {
    position: relative;
}
.project-image-main {
	height: 210px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;

}
.p-title h4 {
	padding: 8px;
    font-size: 16px;
    font-weight: 400 !important;

}
.main-projects-slider .owl-prev {
    height: 50px;
    width: 50px;
    border-radius: 0 !important;
    color:#fff !important;
	border: 2px solid #fff !important;
    position: absolute;
    left: -10%;
    top: 40%;
}
.main-projects-slider .owl-next {
    height: 50px;
    width: 50px;
    border-radius: 0 !important;
    color: #fff !important;
	border: 2px solid #fff !important;
    position: absolute;
    right: -10%;
    top: 40%;
}
#main-projects-slider .owl-theme .owl-nav {
    margin-top: 0!important;
}
 #main-projects-slider .fa.fa-caret-right, #main-projects-slider .fa.fa-caret-left {
    font-size: 45px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
    background:#86979100!important;
    
}
.service-link {
    background: #ffcc33;
	text-align: center;
	width: 50%;
	margin: 0 auto;
	margin-top: 0px;
	margin-top: 0px;
	padding: 10px;
	position: absolute;
    bottom: 80px;
    left: 24%;
    box-shadow: 0px 2px 12px 0px #000000b8;
}
.service-link a {
    color: #036;
    font-weight: 600;
    font-size: 20px;
}
.contact-pr {
    display: flex;
    
    align-items: center;
}
.contact-pr a {
    font-size: 24px;
    color: #036;
    padding-right: 10px;
    font-weight: 600;
    padding-left: 10px;
}
#product-sec-3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0%;
    bottom: 0;
    height: 340px;
    width: 600px;
    background-image: url('assets/img/cat-back.png');
    background-repeat: no-repeat;
}
#main-projects-slider {
    padding-bottom: 20px;
}
#product-sec-3{

	position: relative;
}
#product-sec-3 .container {
    padding-top: 100px;
    padding-bottom: 100px;
}
.call-now {
    background: #036;
    margin: 0 auto;
    margin-top: 0px;
    text-align: center;
    width: 30%;
    padding: 10px;
    margin-top: 30px;
}
.call-now a {
    color: #fc3;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 600;
}
.detail {
    color:#036;
}
/*projects*/
.country-tab {
    height: 450px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
#project-sec-1 .blue-overlay {

    background-color: #003366db;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.c-vector-img {
	position: relative;
    z-index: 2;
    text-align: center;
}
.country-title1 {
	 position: relative;
    z-index: 9;
    color: fff;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: -20px;
    font-size: 16px;

}
.country-title2 {
	position: relative;
    z-index: 9;
	color: #ffcc33;
	text-transform: uppercase;
	font-size:28px;
}
#project-sec-1 .nav-pills .nav-link {
	display: unset;
}
.show-pr {

    position: relative;
    border: 2px solid #fff;
    width: max-content;
    padding: 7px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 60px;
    color: #fff;

}
.nav-pills .nav-link.active .show-pr, .nav-pills .show > .nav-link {

    background-color: #002142;

}
/*.squares-element.sq-col-lg-12 p {
    width: 180px !important;
}*/
.imp-wrap {
	margin: 0 auto;
}
.map-image-center {

    border: 2px solid #00000030;

}
#project-sec-2 .service-link {
	position: unset;
}
#project-sec-2 {

    margin-top: 60px;
    margin-bottom: 60px;
}
#project-sec-2 .service-link {
	 margin-bottom: 70px;
}
#project-sec-1 .sub-heading::after {
	bottom: -30%;
    left: 47%;
}
.squares-container {
    width: 300px;
}
.squares-element h2 {
    margin-bottom: -15px !important;
    margin-top: 0px !important;
}



/*Responsive*/
@media only screen and (max-width: 1610px) {
.what_we_do_wrapper::before 
{

    left: -20%;

}
.projet-slider .owl-nav::before 
{

    width: 391px;
}
.page-title {
    
    right: 16%;
    }
}
@media only screen and (max-width: 1536px) {
.projet-slider .owl-nav::before 
{
    width: 369px;
}
.page-title {
    right: 13%;
    }
#home-sec-4 .nav-pills .nav-link {

   width: 27%;
   
}
.project-bg-img {

  width: 86%;
 }
 #home-sec-6 h3.sub-heading {

    padding-right: 100px;
}
}
@media only screen and (max-width: 1440px) {
.project-bg-img {
    width: 87%;
    }
#home-sec-4 .nav-pills .nav-link {
   
    width: 28%;
}
.project-inner {
    padding: 80px 50px 80px 65px;
    }
#home-sec-6 h3.sub-heading {
    padding-right: 120px;
}
.page-title {
    right: 12%;
}
}
@media only screen and (max-width: 1366px) {
	#home-sec-4 .nav-pills .nav-link {

    width: 30%;

}
.slider-discription--inner::before {
    right: 64%;
    width: 380px;
    }
.slider-discription--inner::after {
    left: 64%;
    width: 380px;
}
.projet-slider .owl-nav::before {
    width: 341px;
}
#main-slider .owl-dots::before {
 	left: 38%;
}
#main-slider .owl-dots::after {
    right: 38%;
}
.page-title {
    right: 9%;
}
}
@media only screen and (max-width: 1280px) {
#home-sec-6 h3.sub-heading {

    padding-right: 90px;

}
.tab-wrapper {
    
    bottom: 6%;
    top: 46%;
}
#home-sec-4 .nav-pills .nav-link {
    width: 30%;
}
.tab-inner {
    margin-top: 18px;
}
.main-projects-slider .owl-next,.main-projects-slider .owl-prev {
    
    position: unset;
    
}
.page-title {
    right: 6%;
}
}
@media only screen and (max-width: 1024px) {
ul#menu-footer-menu li {
    padding-right: 11px;
}
.country-title2 {
    
    font-size: 24px;
}
.slider-discription--inner::before {
    right: 69%;
    width: 254px;
}
.slider-discription--inner::after {
    left: 69%;
    width: 254px;
}
#main-slider .owl-dots::after {
    right: 35%;
}
#main-slider .owl-dots::before {
    left: 35%;
}
#home-sec-4 .tab-wrapper {
   padding: 34px;
    right: 2%;
    }
.project-bg-img {
    width: 94%;
}
#home-sec-4 .nav-pills .nav-link {
    width: 40%;
}
#home-sec-5::before {
   
    display: none;
}
#home-sec-5::after {
    display: none;
}
.why-choose-wrapper .para-1 {
    font-size: 14px;
}
.main-logo {
    position: absolute;
    top: 0%;
    z-index: 2;
    width: 150px;
    left: 3%;
}
#home-sec-6 h3.sub-heading {
    padding-right: 20px;
}
.project-wrapper {
   
    margin-left: -209px;
   }
.project-wrapper::after {
    
    left: -195px;
}
#home-sec-7::before {
    display: none;
}
.testimonial-wrapper .line-yellow::after {
    
    height: 123px;
    }

.testi-heading {
    font-size: 32px !important;
}
.line-yellow::after {
   
    left: -12%;
    
}
.vm-wrapper {
    min-height: 400px;
    }
#about-sec-2 .container {
    padding-top: 160px;
}
.container-1 {
    width: 96%;

}
.pr-wrapper {
 
width: 390px;

}
#product-sec-1 .vector-img {
    right: 5%;
    top: 42%;
}
#product-sec-2 .sub-heading::after {
    
    width: 290px;
    left: 28%;
}
.main-projects-slider .owl-prev,.main-projects-slider .owl-next {
    height: 40px;
    width: 40px;
   }
#main-projects-slider .fa.fa-caret-right, #main-projects-slider .fa.fa-caret-left {
    font-size: 35px;
}
#product-sec-3 .container {
    padding-top: 130px;
    
}
#header-sec-1 .container {
    max-width: 900px;
}
#header-sec-2 .container {
    max-width: 900px;
}

}
@media only screen and (max-width: 990px) {
#contact-sec-1 .contact-wrapper {
    margin-top: 40px;
	}
.logos-img {
    text-align: center;
    margin-bottom: 20px;
}
ul#menu-footer-menu {

    justify-content: center;
}
.project-wrapper {

    margin-top: 90px;
}
.project-wrapper::after {
    right: 5px;
}
.main-logo {
    
    left: 42%;
}
.projet-slider .sub-heading.head2{

        display: none;
    }
.explore-wrapper {

    left: 50%;
    right: 5%;
    bottom: -43px;

}
.why-choose-wrapper .para-1 {
    font-size: 16px;
}
.why-choose-wrapper {
 min-height: 0;
    
}
.why-choose-wrapper:hover{
        min-height: 0;
}
#footer-id {
    height: 881px;
}
.project-img {
    height: 580px;
}
.line-yellow::after {
    
    display: none;
}
#project-sec-1 .tab-content {
    height: 850px!important;
}
.testimonial-wrapper .line-yellow::after{
 left: 73%;
    display: block!important;
}

#footer-id h4 {
    text-align: center;
    margin-top: 10px;
}
#footer-id .para-1 {
    
    text-align: center;
}
#menu-footer-menu {
    text-align: center;
}
.footer-contact p,.footer-contact a {
    text-align: center;
}
.footer-contact {
    text-align: center;
}
.tab-center {
    text-align: center;
}

#footer-id h4::after {

    left: 46%;
}

#footer-id .social-row {

  text-align: center;
}
.about-img {
    
    display: none;
}
.vm-wrapper {
    min-height: 190px;
}
#about-sec-2 .container {
    padding-top: 90px;
}
#about-sec-1 .container {
    padding-bottom: 80px;
}
#product-sec-2 .sub-heading::after {
    width: 360px;
    left: 41%;
}
.detail {
  
    text-align: center;
}
.contact-pr {

    justify-content: center;
}
.call-now {
    
    width: 55%;
    
}
.call-now a {
 
    font-size: 24px;
    }
.csr-img-1 {
 top: -13%;
    left: 33px;
 
}
.csr-img-2 {
    
    margin-top: 132px;
    margin-left: 280px;
}
.flex-clmn{
    flex-direction: column-reverse;
}
.pr-wrapper {
    width: 90%;
    margin: 0 auto;
    position: relative;
    left: 0;
    bottom: 19%;
}
#product-sec-1 .vector-img {
    right: 44%;
    top: 81%;
}
}
@media only screen and (max-width: 768px) {
.slider-discription--inner::before {
    right: 76%;
    width: 157px;
}

.slider-discription--inner::after {

    left: 76%;
    width: 157px;

}
#main-slider .owl-dots::before {
    left: 30%;
}
#main-slider .owl-dots::after {
    right: 30%;
}
.tab-wrapper {
    
width: 347px;

}
#home-sec-4 .nav-pills .nav-link {
    width: 46%;
}
#home-sec-6 .sub-heading {
   
    font-size: 29px;
  
}
.projet-slider .owl-nav::before {
    width: 269px;
}

}
@media only screen and (max-width: 500px) {
    
     #mobile-display {

    display: block;

}
#home-sec-4 {
 display: none;
}


.card-header {

    padding: 0;
}
.ac-wrap {

    background:#036;
}
#accordionExample .btn-link:hover {

    text-decoration: none!important;
}
#accordionExample .btn-link{
   text-decoration: none!important;

}
#accordionExample .explore {

    margin: unset;

}
.card-body {
  background: #fff;
}
.btn-name {
    color: #fff;
     font-size: 14px;
     text-align: left;
display: flex;
}
#home-sec-7 .sub-heading {

    margin-bottom: -30px !important;

}
    .main-title {
   
    font-size: 20px;
}
#home-sec-4 .sub-heading::after {
    
    left: 36%;
}
.sub-heading {
   
    font-size: 30px;
    
}
#home-sec-5 .sub-heading::after {
   
    left: 37%;
}
#home-sec-6 .sub-heading::after {
   
    left: 36%;
}
#project-sec-1 .sub-heading::after {
   
    left: 40%;
}
#home-sec-7 .sub-heading::after,#home-sec-8 .sub-heading::after,
#home-sec-9 .sub-heading::after,#product-sec-1 .sub-heading::after,#mobile-display .sub-heading::after {

    left: 38%;
}
#home-sec-8 .sub-heading {
    text-align: center;
}
.contact-info {
    justify-content: flex-start;
    
}
#header-sec-1 .social-row {
    text-align: unset;
    padding-bottom: 10px;
}
.contact-info {
    
    padding-top: 4px;
    padding-bottom: 0px;
}
.main-logo {
    
    width: 100px;
}
.item-description h3 {
    font-size: 24px;
}
.main-heading {
  font-size: 34px;
   }
.slider-discription--inner {
  
    width: 300px;
    height: 200px;
}
.slider-img {
  
    height: 510px;
}
#main-slider .owl-dots::before {
    left: 17%;
    width: 70px;
}
#main-slider .owl-dots::after {
    right: 17%;
    width: 70px;
}
.explore-wrapper {
    right: 0;
    left: 0;
    bottom: 60px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#home-sec-8 {
    height: 660px;
}
.testimonial-wrapper .line-yellow::after {
    
    display: none!important;
}
#home-sec-9::before {
    
    display: none;
}
#about-sec-2 {
   
    height: 680px;
}
.vm-wrapper {
   min-height: 254.8px;
    padding: 25px;
}
#about-sec-3 ul li::before {
   
    left: -8%;
    bottom: 65%;
    width: 3px;
    height: 3px;
    
}
div#v-pills-tabContent {
    height: 620px !important;
}
.service-link {
 
width: 90%;
}
.detail {
 
    font-size: 22px;
}
.contact-pr {
    display: unset;
    }
    .contact-pr a {
    font-size: 20px;
    
}
.csr-img-2 {
    margin-top: 232px;
    margin-left: 55px;
}
.csr-img-1 {
    top: 3%;
    left: -11px;
}
#footer-id {
    height: 1000px;
}
.what_we_do_icon {
    
    margin: unset;
}
#testimonial-slider .owl-dots {
    position: absolute;
    bottom: -15%;
    left: 0;
}
#home-sec-4 .sub-heading,#home-sec-6 .sub-heading,#mobile-display .sub-heading{
    
    text-align: center;
}
#product-sec-1 .sub-heading {
    font-size: 27px;
    margin-top: -40px;
}
#product-sec-1 .vector-img {
   
    top: 74%;
}
#product-sec-2 .sub-heading::after {
    width: 130px;
    left: 63%;
}
.service-link {
 width: 100%;
left: 0;

}
#product-sec-2 {
    margin-top: -60px;
}
.project-wrapper::after {

    left: 0;

}
.project-wrapper {

    margin-left: 0;

}
#home-sec-6 .para-1 {
text-align: center;

}
.explore {

    margin: 0 auto;

}
.project-wrapper h4 {

    text-align: center;

}
.project-wrapper {

    min-height: 360px;

}
.project-img {

    height: 280px;

}
.projet-slider .owl-nav {
  right: -19px;
    bottom: 6%;
    left: 0;

}
.project-wrapper {

    min-height: 520px;

}
.project-wrapper::after {
 top: 50px;
    }
.project-img {
    margin-bottom: -90px;
    margin-top: 20px;
}
.projet-slider .owl-nav::before {

    display: none;

}
.project-inner {

    padding: 33px 50px 80px 65px;

}
.display-tab {

    display: block;

}
#home-sec-9 .sub-heading {

    margin-top: -60px;

}
.projet-slider .owl-prev,.projet-slider .owl-next {

    height: 40px;
    width: 40px;
    
}
.projet-slider .fa.fa-caret-right, .projet-slider .fa.fa-caret-left {

    font-size: 32px;

}
#project-sec-1 .nav-pills .nav-link {

    height: 300px;

}
#project-sec-1 .tab-content {

    height: 600px !important;
}
#footer-id h4::after {

    left: 43%;
}
}
@media only screen and (max-width: 375px) {

.btn-name {
text-align: left;
display: flex;

}
.contact-pr a {

    font-size: 17px;

}
.btn.btn-link {

min-height: 45px;

}
.vector-img {

width: 40px;
height: 25px;

}
#about-sec-2 .container {

padding-top: 50px;

}
.csr-img-1 {

    left: -30px;

}
.csr-img-2 {

    margin-left: -5px;

}
#csr-sec-2 .csr-wrpper-main:nth-of-type(2n+1) .csr-inner-main::after {

    display: none;
}
#csr-sec-2 .csr-wrpper-main:nth-of-type(2n) .csr-inner-main::after {

    display: none;

}
}