@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

html,body { width: 100%; height: 100%; margin: 0; padding: 0;}
body {line-height: 1.8;  font-size: 18px;color:#f4efe7; font-family: "Plus Jakarta Sans", sans-serif; -webkit-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color:#0C0E12}
.btn, a, button, .transition {webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-o-transition: all 250ms ease;-ms-transition: all 250ms ease; transition: all 250ms ease;}
a { text-decoration: none;color: #000;}
a:hover, a:focus, a:active {color:#50575a; text-decoration: none; outline: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline:none !important; color:#F9F9F9}
a:focus, :focus {outline: 0  !important; box-shadow:none !important}
button:focus{ outline:none}
ul {list-style: none;padding: 0;}
 

/*FONT WEIGHTS*/
.fw100{font-weight: 100;} .fw200{font-weight: 200;} .fw300{font-weight: 300;} .fw400{font-weight: 400;} .fw500{font-weight: 500;} .fw600{font-weight: 600;} .fw700{font-weight: 700;} .fw800{font-weight: 800;} .fw900{font-weight: 900;}

/*HEADINGS*/
 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{  }
.all_heading{font-size:100px;font-weight: 700; color:#fff } 
.sub-heading{font-size: 11px;line-height: 22px;font-weight: 400;letter-spacing: 3px;color: #868686}

/*BUTTONS*/
.btn {padding-top: 10px;padding-bottom: 10px; padding-left: 48px;padding-right: 48px;border-radius:50px;letter-spacing: 0.5px;font-size: 15px;font-weight: 700}

.btn-primary{background-color:#FFDE38; border-color:#FFDE38; color:#0C0E12}
.btn-primary:hover { background-color:#525252; border-color:#525252;color:#FFDE38} 

.btn-secondary{background-color:transparent; border-color:#823F5A; color:#823F5A}
.btn-secondary:hover{ background-color:#FFDE38; border-color:#FFDE38; color:#fff}

/*CONTAINER*/
.custom-width{ max-width: 1600px;width: 98%;} 

/*FORM CONTROL*/
.form-control {border: 0;border-bottom: 1px solid #fff;background-color: transparent; padding-left: 0;color:#fff; border-radius:0}
.form-control:focus{ background-color:transparent; border-color:#FFDE38;color: #B1A696;}
 textarea.form-control { height: auto !important;}
 
/*TEXT COLOR*/
.text-site{color:#B1A696}

/*BACKGROUND*/
.bg-color{ background-color:#fcf8f7}
.bg-blue{background-color:#FFDE38}
.bg-Dark{background-color: #2D2D2D;}

/*SWIPER PAGINATION*/
.swiper-pagination{margin-top:20px;}
.swiper-pagination-bullet{background-color:#C7C7C7; opacity: 1;}
.swiper-pagination-bullet-active{background-color:#FFDE38;}

/*SWIPER NAV BUTTONS*/
.swiper-button-next, .swiper-button-prev,
.swiper-button-prev:after, .swiper-button-next:after{height:50px; width: 50px;}

.swiper-button-next, .swiper-button-prev{z-index: 1;}
.swiper-button-prev:after, .swiper-button-next:after{font-size: 25px; color: #fff; background-color:#000; display: flex; border-radius: 50px; justify-content: center; align-items: center;webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear; border:2px solid #2D2D2D}
.swiper-button-prev:hover:after, .swiper-button-next:hover:after{ background-color:#FFDE38;color: #000;}


/*LETTER SPACING*/
.lshalf{letter-spacing:0.5px} .ls1{letter-spacing:1px} .ls2{letter-spacing:2px} .ls3{letter-spacing:3px} .ls4{letter-spacing:4px} .ls5{letter-spacing:5px} .ls6{letter-spacing:6px} .ls7{letter-spacing:7px} .ls8{letter-spacing:8px} .ls9{letter-spacing:9px} .ls10{letter-spacing:10px}

/*LINE HEIGHT*/
.lh100{line-height:100%} .lh120{line-height:120%} .lh130{line-height:130%} .lh140{line-height:140%} .lh150{line-height:150%} .lh160{line-height:160%} .lh170{line-height:170%} .lh180{line-height:180%} .lh190{line-height:190%} .lh200{line-height:200%}

/*FONT SIZE 8 to 72px */
.fs8{font-size: 8px;} .fs9{font-size: 9px;} .fs10{font-size: 10px;} .fs11{font-size: 11px;} .fs12{font-size: 12px;} .fs13{font-size: 13px;} .fs14{font-size: 14px;} .fs15{font-size: 15px;} .fs16{font-size: 16px;} .fs17{font-size: 17px;} .fs18{font-size: 18px;} .fs19{font-size: 19px;} .fs20{font-size: 20px;} .fs21{font-size: 21px;} .fs22{font-size: 22px;} .fs23{font-size: 23px;} .fs24{font-size: 24px;} .fs25{font-size: 25px;} .fs26{font-size: 26px;} .fs27{font-size: 27px;} .fs28{font-size: 28px;} .fs29{font-size: 29px;} .fs30{font-size: 30px;} .fs31{font-size: 31px;} .fs32{font-size: 32px;} .fs33{font-size: 33px;} .fs34{font-size: 34px;} .fs35{font-size: 35px;} .fs36{font-size: 36px;} .fs37{font-size: 37px;} .fs38{font-size: 38px;} .fs39{font-size: 39px;} .fs40{font-size: 40px;} .fs41{font-size: 41px;} .fs42{font-size: 42px;} .fs43{font-size: 43px;} .fs44{font-size: 44px;} .fs45{font-size: 45px;} .fs46{font-size: 46px;} .fs47{font-size: 47px;} .fs48{font-size: 48px;} .fs49{font-size: 49px;} .fs50{font-size: 50px;} .fs51{font-size: 51px;} .fs52{font-size: 52px;} .fs53{font-size: 53px;} .fs54{font-size: 54px;} .fs55{font-size: 55px;} .fs56{font-size: 56px;} .fs57{font-size: 57px;} .fs58{font-size: 58px;} .fs59{font-size: 59px;} .fs60{font-size: 60px;} .fs61{font-size: 61px;} .fs62{font-size: 62px;} .fs63{font-size: 63px;} .fs64{font-size: 64px;} .fs65{font-size: 65px;} .fs66{font-size: 66px;} .fs67{font-size: 67px;} .fs68{font-size: 68px;} .fs69{font-size: 69px;} .fs70{font-size: 70px;} .fs71{font-size: 71px;} .fs72{font-size: 72px;} 

/*PAGINATION*/
.pagination .page-link{color: ; font-size: 15px; height: 40px; width: 60px; display: flex; align-items: center; justify-content: center; text-align: center;}
.pagination .page-link:hover{color: #fff; background-color:; border-color: ;}
.pagination .active>.page-link, 
.pagination .page-link.active {color: #fff; background-color: ; border-color: ; }
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link{width: auto;}

/*IMAGE HOVER==========================================================================================*/
.image-hover img{webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -o-transition: all 250ms linear; -ms-transition: all 250ms linear; transition: all 250ms linear;}
.image-hover:hover img{transform: scale(1.04);} 


/*##############################################################################*/
/*##################__________MAIN STYLE STARTS HERE_________###################*/
/*##############################################################################*/
.py-5{ padding:60px 0 !important}
.navbar-brand .logo{ width: 180px; } 
.site-header .navbar .nav-item  a{color: #fff; margin-left: 10px; margin-right:10px; font-weight:500;height:90px;align-items: center; display: flex;}
.site-header .navbar .nav-item  a:hover{color: #FFDE38;}
 
/*#########________HAMBURGER MENU BUTTON START________#########*/
.site-header .navbar-toggler{margin-left: 16px; padding: 0; outline: 0; color: transparent; background-color: transparent; border-color: transparent; height: 32px; width: 32px; align-items: center; justify-content: center;}
.site-header .navbar-toggler:focus,
.site-header .navbar-toggler:active{outline: 0;}
.site-header .navbar-toggler .navbar-toggler-icon{position: relative; height: 2px; background-color: transparent;background-image: none; width: 35px; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler .navbar-toggler-icon:before,
.site-header .navbar-toggler .navbar-toggler-icon:after{content: ""; position: absolute; display: block; height: 2px; width: 100%; background-color: #fff; border-radius: 4px; transition: 0.3s all ease-in-out; }
.site-header .navbar-toggler-icon:before{top: 0; transform: rotate(45deg);}
.site-header .navbar-toggler-icon:after{bottom: 0; transform: rotate(-45deg);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon{background-color: #fff;}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:before{top:-12px; transform: rotate(0);}
.site-header .navbar-toggler.collapsed .navbar-toggler-icon:after{bottom:-12px; transform: rotate(0);}

@media (max-width: 991.98px) {.site-header .navbar-toggler{display: flex;}}



/*NAVIGATION DROPDOWN ON HOVER*/
.site-header .dropdown-item.active, 
.site-header .dropdown-item:active,
.site-header .dropdown-item:hover { }
.site-header .dropdown-menu .dropdown-item{ padding-bottom: 5px; padding-top: 5px;  }

 
.site-header .navbar .nav-item .dropdown-menu a{ margin:0; font-size:15px; color:#0C0E12;height: auto;}
.site-header .navbar .nav-item .dropdown-menu a:hover{ background-color: #0C0E12; color:#FFDE38}
@media (max-width: 991px){
.site-header .navbar-nav .nav-link {font-size: 16px;padding-top: 10px;padding-bottom: 10px;}
.site-header .nav-item.active .nav-link {border-bottom: none; }
}
@media (min-width: 992px){
.site-header .dropdown-menu{display: block; visibility: hidden; opacity: 0; padding: 0; overflow: hidden; transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; top:120%;  border: 1px solid rgba(120,130,140,.13);border-radius: 0; box-shadow: 0 3px 12px rgba(0,0,0,.05)!important;-webkit-box-shadow: 0!important;-moz-box-shadow: 0!important; margin-top: 0;}
} 
.site-header .nav-item.dropdown:hover .dropdown-menu{display: block; visibility: visible; opacity: 1; top:100%;} 

/*HEADER FIXED ON SCROLL*/
.isFixed {position: fixed; top: 0; right: 0;  left: 0;  z-index: 1030;background-color: rgba(0, 0, 0, .7); box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); z-index: 99;animation: smoothScroll 1s forwards;-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);}
.site_header .isFixed .navbar-brand .logo {width: 135px;}
@keyframes smoothScroll { 0% {transform: translateY(-40px); }100% { transform: translateY(0px); }}


/*#####################__________HERO BANNER SECTION __________########################*/
.hero-block{height: 90vh;width: 99%;background-size: cover;background-position: center top; border-radius: 30px;margin: 0 auto;}
.hero-block .hero-block__content{max-width:700px;}
.hero-block .hero-block__heading{font-size: 78px; line-height:1.4; color: #fff; font-weight:700; margin-bottom: 10px; letter-spacing:-.05em}
.swiper-slide-active .hero-block__content { animation: fadeInRight 1s ease forwards; transition: opacity 0.5s ease, filter 0.5s ease;} 
.hero-block .container{display: flex;height: 100%; flex-direction: column;justify-content: center;}
 
@keyframes fadeInRight {
  0% {opacity: 0;transform: translateX(100px);}
  100% {opacity: 1;transform: translateX(0);filter: blur(0); }
}
 
/*###################___________About us  SECTION___________######################*/
.about-txt{ font-size:71px; line-height:1.2;letter-spacing:-.02em ; font-weight:600 }
.about-imgs{ right:-30px; bottom:0}
.about-imgs img{width: 250px; margin-top:10px}

/*###################___________PRODUCTS SECTION___________######################*/
.Specialize-block{position: relative; margin-bottom:80px; display: block;}
.Specialize-block figure{margin: 0; padding: 0;background-color:#000; line-height: 1; display: block; overflow: hidden}
.Specialize-block figure img{opacity: 0.8}
.Specialize-block figure img:hover{opacity: 1}
.Specialize-block .Specialize-title{ position: absolute;float: left;bottom:0px; left: 10px;transform: rotate(-90deg);font-size: 23px;text-transform: uppercase; color: white;transform-origin: left top 0; font-weight:600}

 
.arrow-pro { position: absolute;width: 100px;right: 0;bottom:10px;height: 50px;left: 0;margin: 0 auto;}
.products-section .swiper-button-next{ left:70px}
 
 



/*Core Values CSS=========================================================================================== */
.Core-block{text-align: center;box-shadow: 0 0px 10px 0px rgb(0 0 0 / 10%);display: block;margin-bottom:20px;transition: all linear 100ms;border: none; border-radius: 30px !important;background-color:#2D2D2D; -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s;transition: transform 0.3s ease 0s;transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;}
.Core-block .card-body{ padding:35px 10px 25px 10px}
.Core-block .card-title{margin-bottom: 5px;font-size:21px;color: #fff;font-weight:600;text-transform: uppercase;}
.Core-block:hover {transform: translate(0, -5px);box-shadow: 0 5px 15px 5px rgb(0 0 0 / 8%);background-color: #000}

.Core-block .icon-box {background:#0C0E12;height: 72px;width: 72px;border-radius: 100%;display: inline-flex;
justify-content: center;align-items: center;position: absolute;bottom: -20px;left: 0;right: 0; margin: 0 auto;box-shadow: 0 0px 20px 3px rgb(0 0 0 / 20%);}
 
.Core-block figure img{border-radius:25px 25px 0 0;}
 
/*###################___________Marquee Swiper___________######################*/
.marquee-sec .swiper-container {width: 100%;height: 100%;position: relative;overflow:hidden;}
.marquee-sec .swiper-wrapper {-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important;}
.marquee-sec .swiper-slide {text-align: center;font-size:120px;display: flex;justify-content: center;align-items: center;width: auto;position: relative; font-weight:600 }
.marquee-sec .swiper-slide i{ color:#FFDE38; font-size:80px}
 

/*###################___________Vision Mission SEC___________######################*/
.vision-textbox{ padding:70px; background-color:#2D2D2D; border-radius:30px; min-height:450px}
.rounds{border-radius:30px;} 
.vision-textbox ul { list-style: disc;}

/*###################___________Why Choose___________######################*/ 
.Whylist-wrap{padding:20px 0px;border-bottom: 1px solid #303236;transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;cursor: pointer;}
.Whylist-wrap .icon-block{ background:#fff;height: 72px;width: 72px;border-radius: 100%;display: inline-flex;
justify-content: center;align-items: center;margin: 0 auto;border:5px solid #303030}
.Whylist-wrap .icon-block img{ width:45px}
.Whylist-wrap .heaidng{ font-size:26px; letter-spacing:.08rem; font-weight:600; text-transform:uppercase;line-height: 1.4;  transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;} 
.Whylist-wrap .text{ font-size:23px;line-height: 1.4;}
.Whylist-wrap .numb{ font-size:60px;transition: all 0.5s ease-in-out;  -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}

.Whylist-wrap:hover{border-bottom: 1px solid #FFDE38}
.Whylist-wrap:hover .heaidng{ padding-left:5px;}
.Whylist-wrap:hover .numb{ color:#FFDE38}
.Whylist-wrap:hover .icon-block{animation-name: rotateme;animation-duration: 10s;animation-iteration-count: infinite;animation-timing-function: linear;}
@keyframes rotateme {
    from {transform: rotate(0deg);}
    to { transform: rotate(360deg);}}
@keyframes rotatemetwo {
    from {transform: rotate(0deg);}
    to { transform: rotate(-360deg);}
}

/*###################___________Logistisc___________######################*/ 
.Logistisc-block .titel-image {text-align: center; }
.Logistisc-block .titel-image h3 {background: url(../images/logistisc-img.jpg) 50% / cover no-repeat;background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 200px;font-weight: 700;  padding-bottom: 30px; background-attachment:fixed}

.plane{ left:-100px;}


/*__Stats CSS SECTION___*/   
.stats-info-block .stat-number .counter{font-size:90px;font-weight: 800;line-height: 120%;}
.stats-info-block .stat-number .stat-big-text{font-size: 50px;font-weight: 200;line-height: 120%;}
.stats-info-title{font-size: 17px;font-weight: 600;line-height: 160%;} 

/*###################___________Looking for CSS___________######################*/ 
.Looking-heading{font-size: 75px;font-weight: 600;}

/*###################___________testimonial CSS___________######################*/ 

.testimonial__single {width:700px; background:#2D2D2D;border-radius:220px 60px 220px 60px;padding:10px 100px 70px 100px; margin: 60px auto;}
.testimonial__single-img {position: relative;display: block;width: 100px;height: 100px;border-radius: 50%;margin: 0 auto 10px;overflow: hidden; margin-top:-50px}
.testimonial__single-img img{ width:100%;object-fit: cover;}
.Testimonials-sec .swiper-button-next {right: 120px;}
.Testimonials-sec .swiper-button-prev {left: 120px;}


.testall_img{position: absolute;width: 70px;height: 70px; border-radius: 50%;overflow: hidden;}
.testimonial__img1 {top: 80px;left: 120px;}
.testimonial__img2 {bottom: 90px;left: 50px}
.testimonial__img3 {top: 180px;left:30px}
.testimonial__img4 {top: 90px;right: 80px}
.testimonial__img5 {bottom: 95px;right: 85px}
.testimonial__img6 {top: 200px;right: 5px}
 
/*FOOTER SECTION===============================================================================*/
.site-footer{background-color:#0A0A0A}
.footerlogo img{ width: 220px;}
.footer-main{ padding-top:80px}
.footer-main .headings{color:#fff; margin-bottom: 20px; font-weight:700;text-transform: uppercase; letter-spacing:.03em;}
.footer-main .social-handles a{font-size: 20px;margin-right: 16px;color: #060006;background: #fff;width: 35px;height: 35px;align-items: center;justify-content: center;display: flex;float: left;border-radius: 50%; transition: transform 0.5s ease-out;}
.social-handles a:hover{ background-color:#FFDE38; color:#000 !important;transform: rotate(360deg);}

.footer-main .footer-links ul li{margin-bottom:15px;}
.footer-main .footer-links ul li a{display: block;}
.footer-main .footer-links ul li a,
.footer-main p,
.footer-main address,
.footer-main p a{color:#B1A696}

.footer-main .footer-links ul li a:hover,
.footer-main p a:hover,
.footer-main{color:#FFDE38; opacity: 1;}

.footer-main .footer-links ul{list-style: none; margin: 0;padding: 0;}

.footer-main .ftr-contact-info .info-block h6{color:#B1A696; text-transform: uppercase; margin-bottom: 5px;}

 
.subscribe_form button{text-transform: uppercase; height: 50px; border: 1px solid #fff; background-color: transparent; color:#fff}
.subscribe_form button:hover{ background-color: #FFDE38; color:#000}
.subscribe_form  input::-webkit-input-placeholder, .subscribe_form input::placeholder{ color:#fff; opacity:.8}
 
 
.bdr{box-shadow: 0px 1px 0px 0px rgba(255, 255, 155, 0.60);border: 1px solid #5d5850;}

.copy_sec{ background-color:#000}
.footer-box {position: absolute; top: 0px; right: 0px;z-index: 0;} 
/*****back to top******/
.back-to-top {background: #FFDE38;bottom: 38px;color: #000;font-size: 16px; padding:6px 13px;position: fixed; z-index: 10;right: 5px; border-radius: 50px;}
.back-to-top:hover {background:#333;color: #fff;}



/*ANIMATION CSS START===============================================================================*/
.moving-y {-webkit-animation-name: moving-y;animation-name: moving-y;-webkit-animation-duration: 2s;
animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}

@keyframes moving-y {
  0% {transform: translateY(-15px);}
  50% {transform: translateY(-5px);}
  100% {transform: translateY(-15px);}
}

.moving-x {-webkit-animation-name: moving-x;animation-name: moving-x;-webkit-animation-duration: 2s;
animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}

@keyframes moving-x {
  0% { transform: translateX(-15px);}
  50% { transform: translateX(-5px);}
  100% {transform: translateX(-15px);}
}

.moving{animation-name: moving;animation-duration: 3s;animation-timing-function: linear;animation-iteration-count: infinite;}
@keyframes moving {
	0% { transform: translate(1px, 3px)}
	25% { transform: translate(2px, -2px)}
	50% { transform: translate(-3px, 1px)}
	75% { transform: translate(-3px, -2px)}
	100% { transform: translate(1px, 3px)}
}


@supports (mix-blend-mode: screen) {
.black-hidebox {mix-blend-mode: screen;position: relative;}
 .black-hidebox::after {background: linear-gradient(180deg, transparent, #000 15rem) no-repeat bottom center/100% 100%;content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;pointer-events: none;transition: 0.5s ease-out;}
.black-hidebox:hover::after {background-size: 100% 0%;}
}

.txt-anime{animation: ani 1s;text-align: center;}

@keyframes ani{
    from{letter-spacing: 35px;filter: blur(5px);opacity: 0;}
	to{letter-spacing: 0;filter: blur(0);opacity: 1px;}
}


.shake:hover{ animation: shake 1200ms;}
@keyframes shake {
  0% { transform: rotateZ(0);}
  10% {transform: rotateZ(-50deg);}
  20% {transform: rotateZ(25deg);}
  30% {transform: rotateZ(-16.6666666667deg);}
  40% {transform: rotateZ(12.5deg);}
  50% {transform: rotateZ(-10deg);}
  60% {transform: rotateZ(8.3333333333deg);}
  70% {transform: rotateZ(-7.1428571429deg);}
  80% {transform: rotateZ(6.25deg);}
  90% {transform: rotateZ(-5.5555555556deg);}
  100% {transform: rotateZ(0);}
}


.bell{-webkit-animation: ring 4s .7s ease-in-out infinite;-webkit-transform-origin: 50% 4px;-moz-animation: ring 4s .7s ease-in-out infinite;-moz-transform-origin: 50% 4px;animation: ring 4s .7s ease-in-out infinite;transform-origin: 50% 4px}
@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

/*ANIMATION CSS END===============================================================================*/


/*INNER PAGE CSS START HERE===============================================================================*/
.inner-banner-top { height:350px;background-color: #fffcfd;background-repeat: no-repeat; background-position: top center;position: relative; overflow: hidden;z-index: 1; background-attachment:fixed}
.inner-banner-top:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: -1}
.inner-banner-top .main-content {text-align: center;display: flex; height: 100%; flex-direction: column; justify-content: center;}
.breadcrumb a{ color: #fff;font-weight: 600;}
.breadcrumb a:hover{color:#000} 
.breadcrumb-item+.breadcrumb-item::before{ color:#fff}
 

/*CONTACT PAGE CSS===============================================================================*/
.contact-social a{ color:#fff; font-size:22px; padding-left:10px}
.contact-social a:hover{ color:#FFDE38}
.contact_info{ background-color:#2D2D2D; padding:25px;min-height: 242px; border:1px solid #2D2D2D; border-radius:15px}
.contact_info p{ font-size: 17px;font-weight: 400;line-height: 165%}
.contact_info:hover { background-color:#000; border:1px solid #1f1f1f}

.rForm {background-color: #1f1f1f;display: block; padding: 50px; margin-top: 15px;margin-bottom: 45px;border-radius: 20px;border: 1px solid #424242;}

.contact-icon-prt {display: -webkit-box;display: -ms-flexbox;display: flex;margin-right:1px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.contact__icon i{background-color:#FFDE38;color: #000;padding: 5px 10px;width: 46px; height: 46px;justify-content: center;display: flex; align-items: center; border-radius: 50px;}
.contact__icon-txt {margin-left: 15px;}
 
/* Chrome, Safari, Opera */
.rForm input::-webkit-input-placeholder,
.rForm textarea::-webkit-input-placeholder,
.service-form input::-webkit-input-placeholder,
.service-form textarea::-webkit-input-placeholder, 
#QuoteModal input::-webkit-input-placeholder, 
#QuoteModal textarea::-webkit-input-placeholder{color: #fff; opacity: 0.8;}
/* Firefox 19+ */
.rForm input::placeholder,
.rForm textarea::placeholder,
.service-form input::placeholder,
.service-form textarea::placeholder, 
#QuoteModal input::placeholder, 
#QuoteModal textarea::placeholder{color: #fff;opacity: 0.8;}


.google-map-sec iframe{ height:500px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%)}

/* FAQ'S PAGE CSS =============================================================================== */
.accordion-button::after {font-family: "Font Awesome 6 Free";font-weight: 900;content: "\2b";font-size: 1.2rem;
transition: transform 0.3s ease, color 0.3s ease;margin-left: auto;background-image: none;}
.accordion-button:not(.collapsed)::after {content: "\f068"; /* minus icon */background-image: none;transform: rotate(180deg);}
.accordion-collapse {transition: height 0.35s ease;}
.accordion{ border:0}

.faq-block .accordion-item {margin-bottom: 10px;border: none;transition: background-color 0.3s ease, border-radius 0.3s ease;}
.faq-block .accordion-button {font-size: 20px;transition: background-color 0.3s ease, color 0.3s ease, border-radius 0.3s ease;}
.faq-block .accordion-item:first-of-type .accordion-button,
.faq-block .accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0px;}
.faq-block .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {border-radius: 0px;}
.faq-block .accordion-body {background-color: #252525;color: #B1A696;font-size: 17px;transition: background-color 0.3s ease, color 0.3s ease, padding 0.3s ease;}
.faq-block .accordion-button:not(.collapsed) {background-color: #252525;color: #fff;}


/* CLIENTS PAGE CSS =============================================================================== */
.clients-block-in {overflow: hidden;border-color: #222751;background-color: #f7fefe;}
.clients-block-in:hover{background-color: #20cdd121!important; transform: translate(0, -4px);box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb),.15)!important;}
.clients-block-in figure{min-height: 90px; margin-bottom: 0; background-color: white; border-bottom: 1px solid rgb(0 51 124 / 14%);}
.clients-block-in img {width: auto; height: 40px;}
.clients-block-in:hover img{transform: scale(0.9);}

/* ABOUT US PAGE CSS =============================================================================== */
.about-pg { font-size: 1.5em;line-height: 1.4;font-weight: 600; }
.about-text {width: 190px;height: 190px;color: white; padding: 10px;font-weight: 600;margin-top: -150px;position: absolute;border-radius: 50%;background: #2f3136;right: 1%; z-index: 3;}
.about-text .coloring {fill: white}
.about-text svg {-webkit-animation: rotated_circle 12s linear infinite;animation: rotated_circle 12s linear infinite}
.about-text .about-icon {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);font-size: 55px;width: 120px;height: 120px;line-height: 120px;text-align: center;border-radius: 50%;border: 1px dashed white;display: flex;align-items: center;justify-content: center;}

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

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

.background-overlay{background-size:cover; background-attachment:fixed; background-position:center}
.background-overlay:before{ background-image: linear-gradient(180deg, transparent -100%, #000 100%); height: 100%;width: 100%;top: 0;left: 0;position: absolute; content:"";z-index:0}

/* BLOG PAGE CSS =============================================================================== */
.blog-list .tile__description { padding: 28px;justify-content: space-between;display: flex;flex-direction: column;background-color: #2D2D2D; color:#fff}
.blog-list .tile__headline {font-size: 32px;line-height: 1.125;font-weight: 700;letter-spacing: .004em;
-webkit-line-clamp: 6;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
.blog-list .tile__headline2{ font-size:20px}
.blog-list .tile__timestamp { margin-top: 12px; font-size: 13px; line-height: 1.28577; font-weight: 600;  }
.blog-list .tile-2up .tile__description { height:100%}
.blog-list .card{background-color: #2D2D2D}


.blog-detail-block{background-color:#2D2D2D}


/* CONTENT PAGE CSS =============================================================================== */
.content-page-section .content-wrap-inner{background-color: #2D2D2D;padding:30px;}

.content-page-section .content-wrap-inner h1,
.content-page-section .content-wrap-inner h2,
.content-page-section .content-wrap-inner h3,
.content-page-section .content-wrap-inner h4,
.content-page-section .content-wrap-inner h5,
.content-page-section .content-wrap-inner h6{padding: 15px 0; }

.content-page-section .content-wrap-inner p, 
.content-page-section .content-wrap-inner ul li, 
.content-page-section .content-wrap-inner ol li{ margin-bottom: 8px;}
.content-page-section .content-wrap-inner ul{ list-style:disc}
.content-page-section .content-wrap-inner ol,
.content-page-section .content-wrap-inner ul{padding: 0 0 0 18px;}

 /* THANKS PAGE CSS =============================================================================== */
.thanks-page{ display: flex;display: -webkit-flex;justify-content: center;-o-justify-content: center;-ms-justify-content: center;-moz-justify-content: center;-webkit-justify-content: center;align-items: center;-o-align-items: center;-ms-align-items: center;-moz-align-items: center;-webkit-align-items: center; height:100vh}
.dark-bg {-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);background-color: rgba(0, 0, 0, .5);}


/* SERVICE PAGE CSS =============================================================================== */
 
.service-sidebar {position: relative; display: block; max-width: 365px;width: 100%;}
.service-sidebar .service-sidebar-single-services {position: relative;display: block; padding:30px;}
.service-sidebar .service-sidebar-single-services .title {position: relative;display: block;margin-bottom: 30px;padding-left: 20px;}
.service-sidebar .service-sidebar-single-services .title h3 {font-size: 24px;line-height: 30px;letter-spacing: -0.02em;}
.service-sidebar .service-sidebar-single-services ul { position: relative;display: block;margin-top: 10px;}
.service-sidebar .service-sidebar-single-services ul li {position: relative; display: block; margin-bottom: 5px;margin-top: -10px;}
.service-sidebar .service-sidebar-single-services ul li:last-child {margin-bottom: 0;}
.service-sidebar .service-sidebar-single-services ul li a {position: relative; font-size: 18px;padding: 15px 20px 15px;display: -webkit-box;display: -ms-flexbox;display: flex;webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;align-items: center; color:#fff}
 .service-sidebar .service-sidebar-single-services ul li a:hover{color: #ffde38; }
.service-sidebar .service-sidebar-single-services ul li a i {font-size: 16px;}
.service-sidebar .service-sidebar-single-services ul li.current a {color: #ffde38}
.service-sidebar .service-sidebar-single-services ul li.current a i {color: #ffde38}
.service-sidebar .service-sidebar-single-services ul li.current:first-child {margin-top: 20px;}
.service-sidebar .service-sidebar-single-services ul li.current:last-child {margin-bottom: 35px;}
.service-sidebar .service-sidebar-single-contact-box {position: relative;display: block;background-attachment: scroll;background-position: center center;background-repeat: no-repeat;background-size: cover;padding: 50px 0px 40px;z-index: 1;}
.service-sidebar .service-sidebar-single-contact-box::before {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.80);content: "";z-index: -1;border-radius: 15px;}
.service-sidebar .service-sidebar-single-contact-box .icon {width: 60px;height: 60px;text-align: center;border-radius: 50%;background: #fff;display: flex;align-items: center;justify-content: center;margin: 0 auto;font-size: 20px;color: #000;}

 
.service-sidebar .service-sidebar-single-contact-box .title h2 {color: #ffffff;font-size: 36px;}
.service-sidebar .service-sidebar-single-contact-box .phone {font-size: 24px;line-height: 34px;}
.service-sidebar .service-sidebar-single-contact-box .phone a {color: #ffffff;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {color:#000;}
.service-sidebar .service-sidebar-single-contact-box p {color: #ffffff;font-size: 14px;line-height: 22px;}
 
 
.services-details__content  ul{list-style: disc;padding: revert;}

/*POPUP CSS =============================================================================== */
#QuoteModal .modal-content{background-color: #1f1f1f; border: 1px solid #424242;}
#QuoteModal .modal-header .btn-close { filter: invert(1);}


/*Industry We Severed PAGE CSS =============================================================================== */
.Industry-block{position: relative; margin-bottom: 24px; display: block; text-align: center;  color: #fff; }
.Industry-block figure {margin: 0; padding: 0;background-color: #000; line-height: 1; display: block; overflow: hidden;border-radius:15px;}
.Industry-block figure img{opacity: 0.6;webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}
.Industry-block .Industry-title{border-radius: 0 0 8px 8px;position: absolute; font-weight: 600; font-size: 18px; letter-spacing: 1px; left: 0; right: 0; bottom: 0; padding: 20px; margin-bottom: 0;transition: all 100ms ease-in-out; background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8183648459383753) 100%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8183648459383753) 100%); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8183648459383753) 100%); }

.Industry-block:hover figure img{opacity: 1; transform: scale(1.03)}

/*~~~~~~~Wordpress CSS~~~~~~~~~*/
.wpcf7-spinner{ display:none !important}
 
/*#################################################################*/
/*################___________MEDIAQUERIES____________##############*/
/*#################################################################*/

@media screen and (min-width: 1900px) {
}
 
@media screen and (min-width: 1600px) {

}
  
@media screen and (min-width: 1400px) {
   
} 

@media (max-width: 1439.98px) {  
 
}

@media (max-width: 1199.98px) {
    
}

@media (max-width: 991.98px) {
    
}

@media (max-width: 767.98px) {
  .black-hidebox { mix-blend-mode: normal;}
  .black-hidebox::after {background: none;}
  .about-imgs, .Whylist-wrap .numb, .flimgs{ display:none}
  .all_heading {font-size: 35px;}
}

@media (max-width: 576.98px) {
body {font-size: 16px;}	
.isFixed {position: static;}
.site-header .navbar .nav-item a {height: auto;}
.site-header { margin-bottom:10px}
.hero-block .hero-block__heading {font-size: 45px;}
.hero-block {height: 85vh;width: 95%}
.about-txt {font-size: 23px;letter-spacing: 0;line-height: 1.4;}
.text-site.fs25{ font-size:22px}
.Core-block .card-body {padding: 25px 10px 10px 10px}
.Core-block .card-title {font-size: 15px;}
.marquee-sec .swiper-slide, .marquee-sec .swiper-slide i {font-size: 25px;}
.vision-textbox {padding: 25px;min-height: auto;margin-top: 10px;}
.Whylist-wrap .heaidng, .Whylist-wrap .text {font-size: 19px;}
.Whylist-wrap{ margin:10px 0}
.plane {left: 0;top: -70px}
.Logistisc-block .titel-image h3 {font-size: 82px}
.stats-info-title {font-size: 14px;}
.stats-info-block .stat-number .counter { font-size: 50px;}
.Looking-heading {font-size: 30px}
.testimonial__single {width: 100%; border-radius: 60px 20px 60px 20px;padding: 20px;margin: 35px auto 10px auto}
.Testimonials-sec .swiper-button-next {right: -17px;}
.Testimonials-sec .swiper-button-prev {left: -17px;}
.footer-box {right: -50px;}
.footer-links { margin-top:20px}

/*---ABOUT US---*/
.about-pg {font-size: 1.1em;line-height: 1.4;font-weight: 400;}

/*---Clients---*/
.clients-block-in figure {min-height: 70px}
.clients-block-in img {height: 30px}

/*--FAQ---*/
.faq-block .accordion-button {font-size: 15px}

/*--BLOG---*/
.blog-list .tile__headline {font-size: 20px;line-height: 1.3}
.blog-list .tile__description {padding: 12px}
.blog-description{ font-size:16px}
/*--CONTACT---*/
.rForm {padding: 25px;}
.back-to-top {bottom: 5px;}
}