body{ margin: 0px 0px; padding: 0px 0px; font-family: "Figtree", sans-serif;}
a{ text-decoration: none; outline: none !important;}
.large-text{ font-size: 50px; font-weight: 600; line-height: 55px; color: #444;}
p{ font-size: 18px; line-height: 28px;}
.bg-orange{ background: #E45228;}
.orange-ttl{display: block; font-size: 16px; text-transform: uppercase; color: #E45228; font-weight: 400; margin: 0px 0px 10px 0px;}
button:focus{ outline: none !important; box-shadow: none !important;}

.sticky-menu{ padding: 0px 20px !important; position: fixed !important; top: 0; width: 100%; z-index: 11; transition: all ease 0.5s; box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 17%);}

.more-btn{margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;display: flex;}
.more-btn a{padding: 20px 0px 20px 70px;position: relative;display: flex;align-items: center; font-size: 17px; color: #444; font-weight: 400;}
.more-btn a::before{ content: ''; display: block; position: absolute; left: 0; width: 55px; height: 55px; background: #E45228; border-radius: 55px; transition: all ease 0.5s;}
.more-btn a::after{content: '';display: block;position: absolute;left: 22px;background: url(../img/arrow.svg) no-repeat;z-index: 1;width: 11px;height: 11px; transition: all ease 0.5s;}
.more-btn a:hover::before{-webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transform: scale(1.1);}
.more-btn a:hover::after{ transform: rotate(45deg);}

#header-section{ margin: 0px 0px 0px 0px; padding: 20px 20px; position: relative; background: #fff;}
#header-section .navbar{ justify-content: space-between;}
#header-section .navbar-nav .nav-item{ padding: 30px 0px;}
#header-section .navbar-nav .nav-link { font-size: 15px; line-height: 20px; font-weight: 600; color: #444; padding: 0px 30px !important; position: relative; transition: 500ms; text-transform: uppercase; letter-spacing: 0.3px; overflow-x: hidden;}
#header-section .navbar-nav .nav-link::before{content: ''; position: absolute; width: 100%; height: 100%; background-color: #E45228; right: -100%; transition: .4s ease-in-out;}
#header-section .navbar-nav .nav-link:hover::before { right: 100%;} 
#header-section .navbar-nav .nav-link::after{content: ''; position: absolute; width: 100%; height: .1em; background-color: #E45228; bottom: 0; right: 100%; transition: 0.3s 0.3s ease-in-out;}
#header-section .navbar-nav .nav-link:hover::after {right: 0;}
#header-section .navbar-nav .nav-link.active{ color: #E45228;}

.top-contact {margin: 0px 0px 0px 0px; background: #343434;}
.top-contact li{ list-style: none; display: inline-block; padding: 15px 20px; border-left:1px solid #ffffff26;}
.top-contact li:first-child{ border: none; padding-left: 0;}
.top-contact li span{ margin: 0px 10px 0px 0px;}
.top-contact li a{ color: #fff; font-size: 16px; display: inline-block; text-transform: uppercase;}

.menu-connect{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; border: 1px solid #B7B7B7; display: flex;}
.callus {display: flex; flex-direction: column; justify-content: center; padding: 10px 50px;}
.callus span {position: absolute;left: 15px;}
.callus a{ font-size: 16px; color: #444;}
.contact-btn{ margin: 0px 0px; padding: 0px 0px; position: relative; overflow: hidden;}
.contact-btn a{ font-size: 16px; padding: 21px 50px;display: block;border-left: 1px solid #B7B7B7; text-decoration: none; color: #444; position: relative; z-index: 1; transition: all ease .3s;}
.contact-btn a::before{ content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 25%; height: 0; background: #E45228; z-index: -1; transition: all ease .6s;}
.contact-btn a::after{ content: ''; display: block; position: absolute; bottom: 0; left: 25%; width: 25%; height: 0; background: #E45228; z-index: -1;transition: all ease .9s;}
.contact-btn a span{ position: absolute; width: 100%; height: 100%; bottom: 0; left: 0;}
.contact-btn a span::before{ content: ''; display: block; position: absolute; bottom: 0; left:50%; width: 25%; height: 0; background: #E45228; z-index: -1; transition: all ease 1s;}
.contact-btn a span::after{ content: ''; display: block; position: absolute; bottom: 0; left:75%; width: 25%; height: 0; background: #E45228; z-index: -1;transition: all ease 1.2s;}
.contact-btn a:hover::before, .contact-btn a:hover::after, .contact-btn a:hover span::before, .contact-btn a:hover span::after{ height: 100%;}
.contact-btn a:hover{ color: #fff;}

#banner-section{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.main-slider{ margin: 0px 0px; padding: 0px 0px; position: relative; height: 100%;}
.main-slider img{ width: 100%; object-fit: cover; height: 100%;}
.experience-part{ margin: 0px 0px; padding: 0px 0px; background: #EFEFEF; height: 100%; overflow: hidden;}
.experience-counter{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;}
.experience-counter{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.experience-counter h3{ font-size: 85px; color: #E45228; font-weight: 700; margin: 0px 20px 0px 0px;}
.experience-counter h6{ white-space: pre-line;}
.iso-certificate{display: flex;padding: 30px 30px;background: #343434;min-height: 225px;align-items: center;justify-content: center;}
.orange-text{background: #E45228;display: flex;padding: 30px 30px;min-height: 637px;flex-wrap: wrap;flex-direction: column;justify-content: center; position: relative;}
.orange-text::after{content: '';display: block;position: absolute;top: 99.5%;width: 100%;height: 150%;left: 0;background: #e45228;}
.orange-text h3{ font-size: 55px; font-weight: 600; color: #fff; white-space: pre-line;}
.orange-text small{ font-size: 55px; font-weight: 300; color: #fff; display: block;}
.orange-text p{ font-size: 18px; color: #fff; white-space: pre-line;}

.down-scroll-btn {display: flex;margin: 0px 0px;padding: 0px 0px;justify-content: center;height: 100%;align-items: center;}
.down-scroll-btn a{display: flex;align-items: center;text-transform: uppercase;letter-spacing: 2px;color: #929292;writing-mode: vertical-rl;transform: rotate(180deg); padding: 100px 0px 0px 0px; font-weight: 500;}
.down-scroll-btn a::before{ content: ''; display: block; position: absolute; top: 0; width: 85px; height: 85px; background: #fff; border: 2px solid #D8D3D3; border-radius: 100%;}
.down-scroll-btn a::after{content: '';display: block;position: absolute;top: 21px;background: url(../img/orange-arrow.svg) no-repeat;z-index: 11;width: 40px;height: 40px;transition: all ease 0.5s;background-size: contain;transform: rotate(-90deg); animation: bouncedown 1.5s ease infinite;}

@keyframes bouncedown {
	0% {transform: translateY(0) rotate(-90deg);}
	50%{transform: translateY(.5rem) rotate(-90deg);}
}

#welcome-section{ margin: 0px 0px 0px 0px; padding: 75px 0px; position: relative; overflow: hidden;}
.welcome-left{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.welcome-left p{ margin: 0px 0px 30px 0px;}

.welcome-right {padding: 30px 50px;}
.welcome-right p{ font-size: 18px; color: #444;}
#home-video-section{ margin: 0px 0px 0px 0px; padding: 70px 0px; position: relative; z-index: 1; background: url(../img/video-bg.jpg) no-repeat fixed; background-size: cover;}
#home-video-section::before{ content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.19) 0%, rgba(0,0,0,0.84) 100%);}
.video-content{ max-width: 770px; margin: 0px 0px 30px 0px; padding: 0px 30px 0px 30px; position: relative;}
.video-content p.large-text{ color: #fff; font-size: 50px; white-space: pre-line;}
.video-content p{ color: #fff; font-size: 17px;}
.video-counter { display: block; margin: 50px 0px 0px 30px; padding: 25px 0px 0px 0px; border-top: 1px solid #ffffff38;}
.counter-data h3{ font-size: 50px; color: #fff; margin: 0px 0px; position: relative; display: inline-block;}
.counter-data h3 sub { position: absolute; right: 0; font-size: 14px; bottom: 10px;}
.counter-data h6{ font-size: 17px; color: #fff; opacity: .75; margin: 0px 0px 0px 0px; font-weight: 400;}

.counter-data .counter { position: relative; display: flex; overflow: hidden; height: 55px; text-align: center; padding-right: 2px; align-items: flex-end;}
.counter-data .counter > span { z-index: 1; display: flex; flex-direction: column; height: 100%; width: 32px; transition: transform 2s ease; transform: translateY(-20px); align-items: center;}
.counter-data .counter > span span { flex: 0 0 100%; height: 100%;}


.video-circle{width: 310px;max-width: 310px;max-height: 310px;min-height: 310px;border-radius: 100%;border: 1px solid #fff;text-align: center;display: flex;justify-content: center;align-items: center; margin: 40px 0px;}
.video-btn{margin: 0px 0px 0px 0px;padding: 0px 0px;position: relative;display: flex;}
.video-btn a{padding: 20px 0px 20px 70px;position: relative;display: flex;align-items: center;font-size: 17px;color: #fff;font-weight: 400;white-space: pre-line;text-align: left;}
.video-btn a::before{ content: ''; display: block; position: absolute; left: 0; width: 55px; height: 55px; background: #E45228; border-radius: 55px; transition: all ease 0.5s; -webkit-animation: bounceIn 1.2s infinite cubic-bezier(.5,1,.89,1); animation:bounceIn 1.2s infinite cubic-bezier(.5,1,.89,1);}
.video-btn a::after{content: '';display: block;position: absolute;left: 15px;background: url(../img/video-icon.svg) no-repeat;z-index: 1;width: 25px;height: 25px;transition: all ease 0.5s;background-size: cover;right: 0;text-align: center;}
.video-btn a:hover::before{-webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transform: scale(1.1);}
.video-btn a:hover::after{ transform: rotate(120deg);}


#service-offer{ padding: 50px 0px; margin: 0px 0px; position: relative; overflow: hidden;}
.service-info{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.services-img-section {margin: 0px 0px 25px 0px;}
.service-list{ margin: 0px 0px 0px 0px; padding: 0px 20px; position: relative;}
.service-list #tabs-nav{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.service-list #tabs-nav li{ list-style: none; position: relative; border-bottom: 1px solid #70707075;}
.service-list #tabs-nav li a{ font-size: 30px; color: #444; display: block; padding: 25px 50px; opacity: .35; transition: all ease 0.5s; position: relative;}
.service-list #tabs-nav li a::before{ content: ''; display: block; position: absolute; right: 0; width: 55px; height: 55px; background: #E45228; border-radius: 55px; opacity: 0; transition: all ease 0.5s;}
.service-list #tabs-nav li a::after{content: '';display: block;position: absolute;top: 47px;right: 22px;background: url(../img/arrow.svg) no-repeat;z-index: 1;width: 11px;height: 11px; opacity: 0; transition: all ease 0.5s;}
.service-list #tabs-nav li a span{ position: absolute; left: 0; top:35px; font-size: 16px;}
.service-list #tabs-nav li a:hover{ opacity: 1;}
.service-list #tabs-nav li a:hover::before, .service-list #tabs-nav li a:hover::after{ opacity: 1;}

.service-info .carousel{width: 100%;height: 100%;}
    .service-info .carousel .carousel-left{ position: relative; padding: 30px 50px;}
    .service-info .carousel .carousel-indicators{margin: 0 0 0 0px;display: block;position: unset; padding: 0px 0px;}
	.service-info .carousel .carousel-indicators li{ list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; border-bottom: 1px solid #707070;}
	.service-info .carousel .carousel-indicators li:last-child{ border: none;}
    .service-info .carousel .carousel-indicators li button{margin: 0;padding: 15px 30px 15px 35px;width: 100%;height: auto;background: transparent;font-size: 26px;text-align: left;font-weight: 400;line-height: 1;color: #999;text-indent: unset;text-align: left;transition: 500ms;cursor: pointer;position: relative;opacity: 1;}
    .service-info .carousel .carousel-indicators li button:focus-visible{outline: 0;}
    .service-info .carousel .carousel-indicators li button:last-child{border-bottom: 0;}
    .service-info .carousel .carousel-indicators li button span{position: absolute;left: 0;top: 24px;transition: 500ms;font-size: 16px;}
    .service-info .carousel .carousel-indicators li button:hover,
    .service-info .carousel .carousel-indicators li button.active{color: #444;}
	.service-info .carousel .carousel-indicators li a{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; width: 45px; height: 45px; background: #E45228; border-radius: 50px; text-align: center; line-height: 45px; opacity: 0; visibility: hidden; transition: all ease 0.5s;}
    /* .service-info .carousel .carousel-indicators li button.active::before{ content: ''; display: block; position: absolute; right: 0; width: 45px; height: 45px; background: #E45228; border-radius: 35px; transition: all ease 0.5s;}
    .service-info .carousel .carousel-indicators li button.active::after{content: '';display: block;position: absolute;right: 18px; top: 18px; bottom: 0; margin: auto; background: url(../img/arrow.svg) no-repeat;z-index: 1;width: 11px;height: 11px; transition: all ease 0.5s;} */
    .service-info .carousel .carousel-indicators li button:not(.active) span{opacity: 0.5;}
	.service-info .carousel .carousel-indicators li:hover a{ opacity: 1; visibility: visible;}

    .service-info .carousel .carousel-right{position: relative;}
    .service-info .carousel .carousel-inner .carousel-item{padding: 0;height: 100%;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area{position: relative;bottom: 0;right: 0;width: 100%;height: 100%;z-index: -1;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img{width: 100%;aspect-ratio: 870/784; position: relative; z-index: 1;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img .image{background-size: cover;position: absolute;bottom: 0;left: 50%;width: 870px;height: 784px;transform: translateX(-50%);object-fit: cover;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img .image::before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,1) 100%); z-index: 1; background-position: 75% 0;}
    .service-info .carousel .carousel-inner .carousel-item .ind-image-area .ind-img span{ position: absolute; bottom: 30px; left: 30px; font-size: 35px; color: #fff; z-index: 1;}






#project-section{ margin: 0px 0px 0px 0px; padding: 70px 0px 70px 0px; position: relative;}
.project-scroll{ position: relative; margin: 0px 0px 0px 0px; padding: 0px 0px;}
.project-data{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: sticky; top: 0;}
.project-top{ padding: 0px 30px; margin: 0px 0px 50px 0px; position: relative; max-width: 850px;}
.project-title{margin: 0px 0px 0px 0px;padding: 50px 50px;background: #E45228;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center; position: relative; height: 100%; max-height: 500px;}
.project-title h3{white-space: pre-line;margin: 0px 0px 35px 0px;font-size: 30px;color: #fff;font-weight: 700;text-transform: uppercase;}
.project-title .more-btn a::before{ background: #fff;}
.project-title .more-btn a::after{ filter: invert(1) brightness(0);}

.project-slider{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.project-slider .item{ margin: 0px 0px; padding: 0px 0px; position: relative; overflow: hidden; z-index: 1; background: #fff; border: 2px solid #fff;}
.project-slider .item .project-img{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; clip-path: circle(100% at 68% 50%); transition: all ease 0.5s;}
.project-slider .item .project-img::before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.50);}
.project-slider .item .project-img img{ transition: all ease 0.5s;}
.project-slider .item a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.project-slider .item .card-text{ position: absolute; left: 30px; right:30px; bottom: 35px; }
.project-slider .item .card-text h2{ white-space: pre-line; font-size: 30px; color: #fff; font-weight: 700; text-transform: uppercase; transition: all ease 0.5s;}
.project-slider .item .card-text h6{ color: #fff; font-size: 20px; transition: all ease 0.5s;}
.project-slider .item:hover .project-img{clip-path: circle(29.6% at 48% 34%); transition:clip-path .6s cubic-bezier(.76,0,.24,1);}
.project-slider .item:hover .card-text h2, .project-slider .item:hover .card-text h6{ color: #444;}
.project-slider .item:hover{ border: 2px solid #f5f5f5;}

 
#client-slider{ margin: 0px 0px 0px 0px; padding: 50px 0px; position: relative; background: #fff;}
.clients-top{ margin: 0px 0px 70px 0px; padding: 0px 0px; position: relative;}
.clients-top .owl-stage{display: flex;align-items: center;justify-content: center;}
.clients-top .item img{ max-width: 200px; max-height: 70px; object-fit: contain; mix-blend-mode: luminosity; transition: all ease 0.5s;}

.clients-bottom{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.clients-bottom .owl-stage{display: flex;align-items: center;justify-content: center;}
.clients-bottom .item img{ max-width: 200px; max-height: 70px; object-fit: contain; mix-blend-mode: luminosity; transition: all ease 0.5s;}
.clients-top .item:hover img, .clients-bottom .item:hover img{ filter: grayscale(0); opacity: 1;}

#award-section{ margin: 0px 0px 0px 0px; padding: 70px 0px; position: relative;}
.award-info{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; background:#343434;}
.awards-details{padding: 70px 50px; max-width: 780px; -webkit-animation-name:fadeInUp;animation-name:fadeInUp; --animate-duration: 2s;}
.awards-details h3{ font-size: 50px; color: #fff; font-weight: 500; margin: 0px 0px 15px 0px; -webkit-animation-name:fadeInUp;animation-name:fadeInUp;}
.awards-details h6{ font-size: 22px; color: #fff; margin: 0px 0px 10px 0px; }
.awards-details h5{ font-size: 22px; color: #fff; margin: 0px 0px 0px 0px; }

.award-img { height: 100%; position: relative;}
.award-img img{ height: 100%; object-fit: cover;}

#why-choose-section{ padding: 75px 0px; background: #EFEFEF; margin: 0px 0px 0px 0px;}
.choose-content{ margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative;}
.why-choose-gkv{ padding: 0px 35px; margin: 0px 0px; position: relative;}
.gkv-right{ margin: 0px 0px; padding: 35px 35px; position: relative;}
.gkv-slider-part{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.gkv-slider-part .item{margin: 0px 0px;padding:0px 0px;position: relative;background: #fff;display: flex;align-items: center;justify-content: center; transition: all ease 2s;}
.gkv-slider-part .item h3{position: absolute;left: 46px;top: 0;bottom: 0;margin: auto;display: flex;align-items: center;max-width: 350px;z-index: 1; transition: all ease 0.5s;}
.gkv-info{clip-path: circle(24.5% at 77% 50%); transition:clip-path .6s cubic-bezier(.76,0,.24,1);}
.gkv-slider-part .item img{ transition: all ease 0.5s;}
.gkv-slider-part .item:hover .gkv-info{clip-path: circle(100% at 68% 50%);}
.gkv-slider-part .item:hover h3{ color: #fff;}
.gkv-slider-part .item:hover{ background: #000;}
.gkv-slider-part .item:hover img{ opacity: .65;}

#footer-section{ padding: 70px 0px 0px 0px; background: #343434; position: relative; z-index: 1;}
.footer-logo-part{margin: 0px 0px 50px 0px;display: flex;justify-content: space-between;padding: 0px 40px;}
.get-part{ list-style: none; margin: 0px 0px; padding: 0px 10px; position: relative;}
.get-part li{ display: inline-block; margin: 0px 0px 0px 0px; position: relative; font-size: 50px; color: #fff; font-weight: 400;}
.get-part li a{ padding: 0px 0px 0px 150px; color: #F18B02; text-decoration: underline;}
.get-part li a span{ position: absolute; left: 35px; top: -3px; animation: bounceleft 1s ease infinite}

@keyframes bounceleft {
	0% {transform: translateX(0);}
	50%{transform: translateX(.5rem);}
}

.footer-data{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; z-index: 11;}
.footer-data h3{ font-size: 18px; color: #fff; font-weight: 400; text-transform: uppercase; margin: 0px 0px 20px 0px;}
.footer-data p{color: #fff;font-size: 18px;font-weight: 300;white-space: pre-line;} 
.connect-link{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.connect-link li{ list-style: none; margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.connect-link li a{ color: #fff; font-size: 18px; font-weight: 500; background-image: linear-gradient(to right, #F18B02, #F18B02 50%, #ffffff 50%); background-size: 200% 100%; background-position: -100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all ease 0.5s;}
.connect-link li a:hover{background-position: 0;}

.footer-address-part {margin: 0px 0px 20px 0px;padding: 0px 40px;}
.logo-ft{ margin: 0px 0px 20px 0px;}
.social-links{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.social-links li{ list-style: none; display: inline-block; padding: 0px 10px 0px 10px;}
.social-links li img{ transition: all ease 0.5s;}
.social-links li:hover img{ filter: invert(32%) sepia(7%) saturate(7458%) hue-rotate(360deg) brightness(100%) contrast(100%);}

.footer-navbar{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px 0px; padding: 25px 25px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.footer-links{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.footer-links li{ list-style: none; display: inline-block;}
.footer-links li a{ font-weight: 600; padding: 5px 15px; display: inline-block; color: #fff; font-size: 16px; text-transform: uppercase; background-image: linear-gradient(to right, #F18B02, #F18B02 50%, #ffffff 50%); background-size: 200% 100%; background-position: -100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all ease 0.5s; }
.footer-links li a:hover{background-position: 0;}

.policy-links{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.policy-links li{ list-style: none; display: inline-block; border-right: 1px solid #fff;}
.policy-links li a{ padding: 5px 15px; color: #fff; font-size: 16px; font-weight: 600; text-transform: uppercase; background-image: linear-gradient(to right, #F18B02, #F18B02 50%, #ffffff 50%); background-size: 200% 100%; background-position: -100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all ease 0.5s; }
.policy-links li:last-child{ border: none;}
.policy-links li a:hover{background-position: 0;}

.copyrights-part{ display: flex; justify-content: center; margin: 0px 0px 0px 0px; padding: 25px 0px;}
.rights-links{margin: 0px 0px; padding: 0px 0px; position: relative;}
.rights-links li{ display: inline-block; list-style: none; font-size: 16px; color: #fff; padding: 0px 10px; border-right: 1px solid #fff;}
.rights-links li img{ filter: grayscale(1);}
.rights-links li:last-child{ border: none;}

#services-modal{ position: relative; margin: 0px 0px; padding: 0px 0px;}
#services-modal .offcanvas{ margin: 0px 0px 0px 0px; padding: 0px 0px; width: 100%; height: 100%; overflow-y: auto; background: linear-gradient(to left, #f18b02, #e45029);}
#services-modal .offcanvas::before{content: '';display: block;position: absolute;left: 0;right: 0;margin: auto;width: 100%;height: 100%;top: 0;bottom: 0;}
#services-modal .offcanvas::after{content: '';display: block;position: fixed;right: 50px;bottom: 50px;background: url(../img/logo.svg) no-repeat;background-size: contain;width: 143px;height: 101px;mix-blend-mode: screen;opacity: .3;}
.enquiry{ max-width: 1150px; padding:0px 0px; margin: 85px auto; background: #fff; position: relative; border-radius: 20px; z-index: 1;}
.enquiry button.close {position: absolute;top: -10px;right: -10px;width: 50px;height: 50px;background: #e75d21;border:3px solid #ffffff;border-radius: 50px; z-index: 11;}
.enquiry button.close span{ position: relative; display: block;}
.enquiry button.close span::before{ content: ''; display: block; position: absolute; left: 0; right: 0; margin: auto; width: 25px; height: 2px; background: #ffffff; transform: rotate(45deg); }
.enquiry button.close span::after{ content: ''; display: block; position: absolute; left: 0; right: 0; margin: auto; width: 25px; height: 2px; background: #ffffff; transform: rotate(-45deg); }
.enquiry .envelope-img{ display: block; margin: 0px 0px 25px 0px; text-align: center;}

.enquiry-header { padding: 40px 35px; border-radius: 15px 15px 0px 0px; position: relative; height: 100%; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; z-index: 1;}
.enquiry-header::before{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-size: cover; z-index: -1; mix-blend-mode: normal; border-radius: 15px 0px 0px 0px; opacity: .15;}
.enquiry-header::after{ content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #343434; z-index: -2; mix-blend-mode: multiply; border-radius: 15px 0px 0px 0px;}
.enquiry-header .envelope-img img{ max-width: 100px;}
.enquiry-header h3{ color:#f18b02; font-size: 27px; font-weight: normal; margin: 0px 0px 15px 0px;}
.enquiry-header p{ font-size: 18px; color: #fff;font-weight:400; text-align: center;}
.enquiry-body{ margin: 0px 0px; padding: 35px 35px; position: relative;}
.enquiry-body .form-group{ margin: 0px 0px 15px 0px; padding: 0px 0px; position: relative;}
.enquiry-body .form-group label{display: block; font-size: 14px; color: #555; margin: 0px 0px 5px 20px;}
.enquiry-body .form-group input{font-size: 15px;color: #444;width: 100%;padding: 15px 20px;background: #fff;border: 1px solid #929499;border-radius: 10px !important}
.enquiry-body .form-group textarea{ width: 100%; height: 150px; margin: 0px 0px; padding: 15px 20px; background: #eaeef538; position: relative; border: 1px solid #929499;  outline: none; resize: none; border-radius: 10px !important}
.enquiry-body .form-group .submit { display: inline-block; background: #e75d21; color: #fff; font-size: 15px; padding: 13px 50px; border: none; border-radius: 10px;}
.enquiry-body .form-group textarea{width: 100%;height: 150px;margin: 0px 0px;padding: 15px 20px;background: #fff;position: relative;border: 1px solid #929499;outline: none;resize: none;border-radius: 10px !important}
.enquiry-body .form-group input::placeholder, .contact-form .form-group textarea::placeholder{ font-size: 15px; color: #999; }