* {
	padding: 0;
	margin: 0 auto;
}


@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-Medium.woff') format('woff'),
        url('../fonts/Gilroy-Medium.ttf') format('truetype'),
        url('../fonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'Le-Jour-Serif';
  src:url('../fonts/Le-Jour-Serif.woff') format('woff'),
        url('../fonts/Le-Jour-Serif.woff2') format('woff2'),
        url('../fonts/Le-Jour-Serif.eot'),
        url('../fonts/Le-Jour-Serif.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Le-Jour-Serif.ttf') format('truetype');
		

  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



@font-face {
    font-family: 'neue_haas_grotesk_displa95Blk';
    src: url('../fonts/neuehaasdisplayblack-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplayblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display75Bd';
    src: url('../fonts/neuehaasdisplaybold-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaybold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display45Lt';
    src: url('../fonts/neuehaasdisplaylight-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaylight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display65Md';
    src: url('../fonts/neuehaasdisplaymediu-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaymediu-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'neue_haas_grotesk_display35Th';
    src: url('../fonts/neuehaasdisplaythin-webfont.woff2') format('woff2'),
         url('../fonts/neuehaasdisplaythin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
    border:0;
}
ul{list-style:none}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}

:focus{
    text-decoration: none;
    outline: none;
    border:0;
}

img:focus {
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 1px dotted;
    outline: 0;
}



body {
font-family: 'Poppins', sans-serif;
color: #000000;
font-size: 16px;
font-weight: 400;
line-height: 1.625;


}

h1,h2,h3{font-family: "Inter Tight", sans-serif;    line-height: 50px;font-size: 45px;font-weight: 700;letter-spacing: 2px;}


.pad100{padding:100px 0}
.navbar-brand{width:150px}
nav.navbar-expand-lg.navbar-light.header {position: fixed;left: 0;right: 0;top: 0;z-index: 999;/*backdrop-filter: blur(26px);border-bottom: 1px solid #97939391;*//* background: rgba(0,0,0,.12156862745098039);*/
}

nav.navbar-expand-lg.navbar-light.fixed {background: #000;box-shadow: 10px 10px 10px #b7b7b721;-webkit-animation: slide-down 1.0s;animation: slide-down 1.0s;}
.black{display:none}
nav.navbar-expand-lg.navbar-light.header.fixed .black {display: block;}
nav.navbar-expand-lg.navbar-light.header.fixed .white {display:none;}
nav.navbar-expand-lg.navbar-light.fixed .nav-link {color:#fff}
@-webkit-keyframes slide-down{ 0%{opacity:0;
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
    }
    100%{opacity:.9;
    -webkit-transform:translateY(0);
    transform:translateY(0)
        
    }}
    
    @keyframes slide-down{
        0%{opacity:0;
        -webkit-transform:translateY(-100%);
        transform:translateY(-100%)}
        100%{opacity:.9;
        -webkit-transform:translateY(0);
        transform:translateY(0)
            
}}



.navbar-light .navbar-brand {
    color: rgba(0,0,0,.9);
    
}

.navbar-expand-lg .navbar-brand img {
    width:150px;
	margin:18px 0;
    
}

ul.navbar-nav li {
    position:relative!important;
    margin-left:40px;
}


ul.navbar-nav {
    margin-right:0px;
}

ul.navbar-nav li:first-child{margin-left:0;}


.navbar-light .navbar-nav .nav-link {
   
    color: #fff;
    padding:18px 0;
	font-weight: 400;
    font-size: 14px;
   	text-transform:uppercase;
    letter-spacing: 1px;
    position: relative;
    
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #e9550c;
}

.navigation_black nav.navbar-expand-lg.navbar-light.fixed .navbar-nav .nav-link { color: #fff;}

.main-nav {
    width:65%;
    float: left;
    flex-wrap: wrap;
     justify-content: flex-end;
    
}
.topnav {
    width: 100%;
    flex: auto;
    position: relative;
	margin-top:10px;
    
}



.navbar-light .topnav .navbar-nav .nav-link:hover {
    color: #00adf1;
}

.width100 {
    width: auto !important;
}


.dlfx {
    justify-content: flex-end;
    display: flex;
    
}


ul.dropdown_hover {
    opacity: 0;
    transform: translateY(70px) translateZ(0);
    transition: transform 1s cubic-bezier(.165,.84,.44,1),opacity 1s cubic-bezier(.165,.84,.44,1);
    position: absolute;
    left: 0;
    width: 200px;
    margin: 0;
    list-style: none;
    visibility: hidden;
	
}

.nav-item ul.dropdown_hover li {
    margin: 0;
    border-bottom: solid 1px #2d4990;
    background: #29417c;
    transition: all ease-in-out 0.3s;
}

nav.navbar-expand-lg.navbar-light.header .nav-item ul.dropdown_hover li a {
    display: block;
    padding: 10px 20px;
    color: #fff!important;
    font-size: 13px;
}


.dropdown_hover .nav-link:after{display:none}

ul.navbar-nav li:hover ul.dropdown_hover {
    display: block;
    opacity: 1;
    transform: translateZ(0);
    visibility: visible;
	
}

.navigation_black nav.navbar-expand-lg.navbar-light.header{background:#000}
.mt92{margin-top:82px}

/*dropdown css*/
.navbar-nav li.nav-item:hover .dropdown-menu { opacity: 1;
    top: 100%;
    visibility: visible;}
.navbar-expand-lg .navbar-nav .dropdown-menu{top:100%;margin: 0;width:300px;left: 0;opacity: 0;
    visibility: hidden;display:inherit;transition: 0.3s;    top: calc(100% + 30px);}
.dropdown-menu {border-radius:0; top:100%; padding:30px 0;border: 1px solid rgb(0 0 0 / 3%);}
.width700{min-width:840px;left:-200px;padding:30px;}
.dropdown-menu ul{padding-left:20px}
.dropdown-menu li { list-style:none;margin-left: 0 !important;}
.dropdown-menu li a {color:#000 !important;margin:0!important;transition:all .4s ease-in-out}
.dropdown-menu li a::before {display:none !important;}
.dropdown-menu li a {display:block;color: #000 !important;padding: 5px 10px !important;}
.dropdown-menu li:last-child a {border:0;}
.dropdown-menu li a:hover {color:#26abe2 !important;padding-left: 15px !important;}
.width700 h6{font-size:25px;font-weight:700;border-bottom:1px solid #d6d4d4;margin-bottom:20px;padding-bottom: 5px;color:#00adf1}
.width300{width:24.6%;display:inline-block;padding:0 10px}
.dropdown-menu .width300:first-child{padding-left:0px}
.width300 strong{font-size:18px;color:#00adf1}
.width300 ul{margin-top:5px}
.bg-grey{background-color:#F5EFE6;}
.container-fluid {padding-left:50px;padding-right:50px}
.pd100{padding:100px 0;}
.heading{font-size:45px;margin-bottom:25px;color:#04000b;font-weight:900;line-height: 65px;}
.home-banner{position: relative;height:645px;overflow: hidden;background-color: #F5EFE6;}
.banner-section{position: absolute;left: 0;right: 0;top: 0;width: 100%;background:#0000001f;height: 100%;}
.banner-title{display: flex;height: 100vh;align-items:center;width: 1100px;margin: 0;}
.banner-title h2{font-weight:700;font-size:75px;color:#fff;text-align:left;line-height:95px;margin-top:0px;margin-bottom: 0;letter-spacing:2px}
.banner-title p{font-size:18px;color:#000;margin-top:10px;text-align:right}
/*.banner-title a {color: #fff;background: #FF9800;padding: 10px 40px;border-radius: 30px;font-size: 15px;letter-spacing: 1px;margin-top: 25px;display: inline-block;}*/
.banner-title a {margin-right:0;color: #fff;background: #0909098f;padding: 10px 40px;border-radius: 100%;font-size: 16px;letter-spacing: 1px;margin-top: 25px;display: flex;width: 150px;height: 150px;text-align: center;padding: 15px;line-height: 23px;align-items: center;box-shadow: 0 0 15px #00000085;}
.banner-title>div{width:850px;padding-right:50px;}
.banner-paragraph{width:330px!important;padding-right:0!important;padding-top:50px}
.rotate-text {
    -webkit-animation: rotateText 20s linear infinite;
    animation: rotateText 20s linear infinite;
    font-weight: 400;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    border-radius: 50%;
    color: #fff;
    font-size: 36px;
}

.rotate-circle svg {
    width: 220px;
    height: 220px;
    fill: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
}

@-webkit-keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes rotateText {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.client-slider  .slick-slide {display:flex;margin:0 20px!important}
.client-slider .client-thumb{height:100px;display:flex;align-items: center;justify-content: center}
.client-slider{border-bottom:1px solid #ccc;padding:60px 0;}
.overview p{font-size:30px;margin: 0;padding:0 20px}
.about-home h5{font-size:50px;font-weight:600;margin-bottom:30px}
.about-home span{color:#BCC0CB}



.work-section h2{font-size: 150px;font-weight: 600;line-height: 150px}
.work-section .work-subheading{font-size:36px;line-height:50px;font-weight:500}
.work-heading{display:flex;align-items:center}
.work-heading img{width:240px}


.line-sec{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-top:30px}
.line-sec{position:relative}
.line-sec:after{content:'';position:absolute;left:0;bottom: 50%;width:100%;height: 1px;background:#ccc;}
.service-thumbnail{padding:70px 30px;border-left: 1px solid rgba( 0, 0, 0, 0.20);transition:all .8s ease-in-out;position:relative}
.line-3{border-right: 1px solid rgba( 0, 0, 0, 0.20);}
.line-6{border-right: 1px solid rgba( 0, 0, 0, 0.20);}
.line-7{border-right: 1px solid rgba( 0, 0, 0, 0.20);}
.service-discrip h5{font-size:20px;margin-bottom:20px;margin-top:40px;color:#000000}
.service-discrip p{margin:0;color:#000000}
.service-icon{width:60px;margin:0}
.service-icon img{width:100%}
.service-thumbnail::before {position: absolute;content: "";width: 0;height: 100%;background:#000;right: 0;top: 0;z-index: -1;transition: ease all 0.5s;}
.service-thumbnail:hover::before {width: 100%;left: 0;}
.service-thumbnail:hover .service-discrip h5, .service-thumbnail:hover .service-discrip p{color:#fff}
.service-thumbnail:hover .black-icon{display:none}
.service-thumbnail .white-icon{display:none}
.service-thumbnail:hover .white-icon{display:block;}
.whychoose-thum{border: 1px solid #ccc;border-radius: 20px;padding: 20px;margin-top: 30px;min-height: 320px;position:relative;overflow:hidden}
.whychoose-thum:before {
    position: absolute;
    content: "";
    bottom: 0;
    left:0%;
    height:0;
    width: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    background-size: 101% 101%;
    background: #000;
    z-index:-1;
}

.whychoose-thum:hover:before {
    left: 0;
    bottom:0;
     height:100%;
}
    

.whychoose-thum h5{font-size:20px;margin-bottom:20px;}
.whychoose-thum p{margin:0}
.whychoose-thum:hover h5, .whychoose-thum:hover p{color:#fff}
.testimonials-thumb{text-align:left;padding-left:140px;}
.testimonials-thumb p{font-size:28px;line-height:40px}
.testimonials-thumb h5{margin-top:30px;padding-top:30px;border-top:1px solid #00000057}
.testimonials-thumb h6{font-weight:400;}
.qoute-icon {position: relative;width: -webkit-max-content;width: -moz-max-content;width: max-content;}
.qoute-icon .circle-icon{position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100px;}
.whychoose-thumb{padding-left:50px}
.hr-line {width: 100%;height: 1px;background:#d3d3d3;}
.mt-70{margin-top:-100px}
.number{width: 40px;height: 40px;background:#2f2f2f;display: inline-block;border-radius: 100%;padding: 5px;color: #fff;font-size: 20px;font-weight: 600;text-align:center;}
.why-pointer{padding-left:25px;margin-top:-22px}
.why-pointer h5{margin:30px 0 20px}
.why-pointer p{font-size:15px}
.pointsgroup{padding-left:49px}

/*.service-box:after{content:'';width:0;height:1px;background:#ff9406;position:absolute;left:0;bottom:-1px;transition:all .8s ease-in-out;}
.service-box:hover:after{width:100%;}
.service-heading{margin:0}
.service-heading h3{font-size:32px}
.service-thumb, .content-thumb {display: flex;align-items: center;overflow: hidden;}
.service-thumb .service-img{width:200px;margin-right:30px;margin-left:-32%;transition:all .8s ease-in-out}
.service-box:hover .service-img{margin-left:0;}
.service-icon{width:40px;transform: rotate(-45deg);transition:all .6s ease-in-out}
.service-box:hover .service-icon{transform: rotate(0deg);}
.service-icon img{width:100%}*/
.content-thumb{padding-left:50px;height: 160px;}
.service-content{width:380px}
.colum-1 .project-thumb img{height:400px;object-fit:cover}
.project-slider{margin-top:50px}
.project-thumb{margin:0 15px;position:relative}
.hgt-512{height:500px;object-fit:cover}
.hgt-300{height:300px;object-fit:cover}
.project-title h6{font-size:25px;color:#fff;position: absolute;bottom: 40px;left: 50px;text-transform: uppercase;letter-spacing: 2px;}


.static-service{padding:20px;background:#f6f6f6;border-radius:10px;min-height: 262px;text-align:left;margin-top: 25px;}
.static-title{display: flex;align-items: center;border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 10px;}
.static-icon{width: 60px;height: 60px;border-radius: 5px;margin: 0 10px 0 0;}
.static-title h5{margin:0}
.static-service p{margin-bottom:0}



.inner-banner {padding:70px 0;background:#4f4f4f;color:#fff}
.inner-banner p{font-size:20px}
.innerbanner-title h2{line-height:65px}
a.banner-btn{background:#00af78;padding: 10px 25px;border-radius: 30px;margin-top:20px;display: inline-block;color: #fff;letter-spacing: .5px;}
.banner-form{background: #002f70;padding: 30px;border-radius: 15px;border: 3px solid #f19a32;}
.banner-form h5 {font-size:25px;color:#f19a32;}
.banner-form .form-group { margin-bottom:25px;}
.banner-form .form-control:focus{background-color:transparent;outline:0;box-shadow:none}
.banner-form  .form-control {color: #fff;height:50px;padding: 5px 0;border-radius: 0;border: none;font-size: 14px;border-bottom: 1px solid #ffffff47 !important;resize:none;background:transparent;opacity: .6;}
.banner-form  .form-group{margin-bottom:8px;}
.banner-form  .digital-btn{padding: 8px 25px;border: 0;outline: none;margin-top: 30px;background: #f1a63a;font-size: 13px;letter-spacing: 1px;}
.banner-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#fff;
}
.banner-form .form-control::-moz-placeholder { /* Firefox 19+ */
  color:#fff;
}
.banner-form .form-control:-ms-input-placeholder { /* IE 10+ */
  color:#fff;
}
.banner-form .form-control:-moz-placeholder { /* Firefox 18- */
  color:#fff;
}

/* Accordion css */
.accordion-button::after, .accordion-button:not(.collapsed)::after{display:none}
.accordion{background:transparent}
.accordion .accordion-item h4 {background: url(../images/icons/minus.svg) no-repeat calc(100% - 10px) center; background-size:30px; cursor: pointer; font-size:18px; color:#000;font-weight: 600;margin: 0;padding: 25px;font-family: "Unbounded", sans-serif; }
.accordion .accordion-item h4.collapsed {background-image: url(../images/icons/plus-large.svg);}
.accordion-head{width: 100%;padding: 20px 0;}
.accordion-header {position:relative;    }
/*.accordion-header:after{content:'';left:0;width:0;bottom:-1px;position:absolute;z-index:55;height: 1px;transition: .5s ease-in-out;background:#ff9500;}
.accordion-header:hover:after{width:100%;}*/
.accordion .accordion-button[aria-expanded=true] {color: #fff;background-color:#1A1A1A}
.accordion-body{padding:20px}
.accordion-item{border: 1px solid rgba(0,0,0,.125) !important;background: transparent !important;border-radius: 12px !important;overflow:hidden;margin-bottom:15px}
.inner-content{padding-right:50px}
.whyhose-thumnail{margin-top:30px}
.whyhose-thumnail span{width: 35px;height: 35px;display: inline-block;background: #00af78;border-radius: 50%;text-align: center;line-height: 35px;color: #fff;font-size: 18px;font-weight: 600;margin-right: 10px;}
.whyhose-thumnail h5{margin-bottom:20px}
.dynamic-service{margin-top:30px}
.dynamic-service h4{font-size:20px;position:relative;margin-bottom:25px}
.dynamic-service h4:after{content:'';position:absolute;left:0;width:50px;height:3px;background:#00af78;bottom:-12px;}


footer{background-color:#000;color: #fff;padding:50px 0 0;}
.footer-top{max-width:950px;margin:0 auto;padding-bottom:50px}
.footer-top h5{font-size: 120px;text-transform: uppercase;font-weight: 600;line-height:130px}
.footer-top span{text-transform: capitalize;font-weight:400;color:#f7d600;}
.footer-top a.ft-btn{font-size: 16px;color: #fff;background: #f7d600;padding: 35px 70px;border-radius: 50px;letter-spacing: 1px;margin-top: 10px;vertical-align: top;display: inline-block;margin-right:35px;line-height:20px}
.footer-border{border: 1px solid #f5f4f45e;border-left: 0;border-right: 0;}
.footer-grid{padding: 50px 0 35px;height: 100%;}
.first-grid{border-right: 1px solid #f5f4f45e;padding-left: 80px;}
.pl-80{padding-left:80px}
footer .pl-50{padding-left:50px}
a.call{font-size: 20px;color: #f1f1f1bd;font-weight:600;letter-spacing: .5px;margin-bottom:10px}
footer h6{color:#f7d600;font-size:20px;letter-spacing: 1px;margin-bottom:23px;position:relative;}

footer ul{margin:0;padding:0}
footer .footer-grid ul li{margin-bottom:10px;}
footer .footer-grid ul li a:after{content:'';position:absolute;left:0;bottom:-5px;width:0px;height:1px;background:#f7d600;transition: all .8s ease-in-out;}
footer .footer-grid ul li a {font-size: 15px;transition: all .4s ease-in-out;position:relative;}
footer p {font-size:15px}
footer .footer-grid ul li a:hover:after{width:100%}
footer ul li a, footer p {color:#fff;    opacity: .8;}
footer ul li a:hover{color:#f7d600;opacity:1}
.social{margin-top:30px}
.social  li {display:inline-block;position:relative}
.social  li a{padding-right:20px;font-size:20px !important}
.social  li a:after{display:none}
.social  li a:before{display:none}
.news-form form{display:flex;background:#fff;}
.news-form .digital-btn{background:#fc8902;padding: 8px 15px;border-radius: 0;}
.news-form .form-control{font-size:13px;opacity:.8;border-radius:0;padding: 0.375rem 0.75rem!important;border: 1px solid #ced4da;color: #000 !important;}
.copy-right{padding:10px 0}
.copy-right p{margin-bottom:0;color:#fff;opacity:.8;padding:10px 0;font-size:13px;text-align: right;}
.copy-right p a{margin:0;color:#fff;opacity:.6;padding:10px 0;font-size:14px;}
.copy-right p span{margin:0 10px;}
.digital {width: 40px;margin-top: 8px;margin-right: 0;}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 90%;
    }
}

@media only screen and (max-width: 992px) {
  .dropdown-menu.show {
    flex-wrap: wrap;
    max-height: 350px;
    overflow-y: scroll;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1140px) {
  .dropdown:hover .dropdown-menu {
    width: 40vw;
    flex-wrap: wrap;
  }
}