:root{
  --color-black:#000000;
  --color-super-black:#000000;
  --color-one:#FBB230;
  --color-two:#28292E;
  --color-three:#EFF8FF;
  --color-white:#ffffff;
  --color-grey:#939598;
  --color-pureGrey:#808080;
  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --font-main:"Poppins", sans-serif;
  --font-size:16px;
  --font-weight:400;
}
::-moz-selection {/* Code for Firefox */ color: var(--color-white); background: var(--color-one);}
::selection {color: var(--color-white); background: rgba(0,0,0,0.3);}
/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #f1f1f1;}
/* Handle */
::-webkit-scrollbar-thumb {background: #888;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}
i {font-style:normal;}
.site-container{background:var(--color-white);box-shadow:0 2px 5px 0 rgba(0,0,0,.12);margin:0 auto;max-width:1900px;word-wrap:break-word; position: relative;}
.site-container::after{clear:both;content:" ";display:block}
input:focus, textarea:focus, select:focus,:focus,.form-control:focus{outline: none !important;}
*:focus {outline:none !important}
p {line-height: 22px; text-align: justify;}
a,.link .color{outline: 0!important; text-decoration: none; color: var(--color-black); -webkit-transition: color .4s, background-color .4s; -moz-transition: color .4s, background-color .4s; -o-transition: color .4s, background-color .4s; transition: color .4s, background-color .4s; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
a:hover {text-decoration: none;color: var(--color-one);}
.pad0 {padding: 0;}
strong {font-weight: 600 !important;}
.back-to-top { position: fixed; z-index: 1000; bottom: 8em; right: 15px; text-decoration: none; border-radius: 100px; background-color: #fdfdfb; font-size: 22px; padding: 8px 10px; display: none; width: 50px; height: 50px; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.46); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.46); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.46); mix-blend-mode: difference;}
.back-to-top:hover { background: rgba(255,255,255, 1); color: rgba(46,45,45,1); text-decoration: none!important;}

.linkBlack{ color:var(--color-black); font-weight:400; text-decoration:underline;}
.linkBlack:hover{ color:var(--color-one);}
.linkone{ color:var(--color-one); font-weight:400; text-decoration:underline;}
.linkone:hover{ color:var(--color-black);}
.linkWhite{ color:var(--color-white); font-weight:400; text-decoration:underline;}
.linkWhite:hover{ color:var(--color-black);}

.colorone{color: var(--color-one) !important;}
.colortwo{color: var(--color-two);}

.custom-bb{border-bottom: 0.5px solid #000000;margin-bottom: 20px;}

#menu-toggle{z-index: 1; position: absolute; bottom: 32%; right: 0;}
.coming-soon{position: relative; font-size: 18px; z-index: 0; width: 100%;}
.coming-soon::before { content: "coming soon . . ."; left: 0px; position: absolute; top: 0px; font-size: 55px; font-weight: 900; color: #f0f0f0; z-index: -1;}
.carousel-item {transition: transform 1s ease-in-out;}
#myCarousel.carousel-fade .active.carousel-item-start,#myCarousel.carousel-fade .active.carousel-item-end,#myCarouselMobile.carousel-fade .active.carousel-item-start,#myCarouselMobile.carousel-fade .active.carousel-item-end {transition: opacity 0s 0.9s;}
#announcementCarousel.carousel-fade .active.carousel-item-start,#announcementCarousel.carousel-fade .active.carousel-item-end {transition: opacity 0s 0s;}
/* Carousel Animation delays */
.carousel-inner>.carousel-item>img,.carousel-inner>.carousel-item>a>img {min-width: 100%; max-width: 100%; height: auto;}
.slider .carousel-inner{overflow: unset;}
.slider {position: relative; width: 100%; z-index: 0; background: var(--color-black);}
#carousel-sub .carousel-item:before {display: none;}
.slide1, .slide2, .slide3, .slide4, .slide5, .slide6 {z-index: 1 !important;}
.slide1 a:hover, .slide2 a:hover, .slide3 a:hover, .slide4 a:hover, .slide5 a:hover, .slide6 a:hover { color: var(--color-white);}
.slide1 h3 { animation-delay: 1.5s; font-size: 72px; font-weight: 700; color: var(--color-white); padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 78px; text-align: right; top: 95px; right: -102px; position: relative;}
.slide1 h4 { animation-delay: 1.8s; font-size: 18px; font-weight: 400; color: var(--color-white); padding: 10px 15px 25px 15px; margin: 0; display: block; line-height: 24px; text-align: right; position: relative; top: 100px; right: 110px;}
.slide1 h4 span{display: block; font-size: 14px;}

.slide2 h3 { animation-delay: 1.5s; font-size: 72px; font-weight: 700; color: #000; padding: 15px 15px 10px 15px; margin: 0; display: block; line-height: 78px; text-align: right; top: 95px; right: -102px; position: relative;}
.slide2 h4 { animation-delay: 1.8s; font-size: 18px; font-weight: 400; color: #000; padding: 10px 15px 25px 15px; margin: 0; display: block; line-height: 24px; text-align: right; position: relative; top: 100px; right: 110px;}
.slide2 h4 span{display: block; font-size: 14px;}

.slide1 .carousel-caption { left: 38%; right: 0; top: 20%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 65%; text-align: right !important; animation-delay: 1s;}
.slide2 .carousel-caption { left: 38%; right: 0; top: 20%; bottom: 5%; padding: 10px 0px 20px 20px !important; width: 65%; text-align: right !important; animation-delay: 1s;}

.slider .carousel-control-prev{top: unset; bottom: 145px; right: 175px; left: auto; border-radius: 50px;background: rgba(19, 36, 36, .25); border: 0px solid var(--color-black); width: auto;z-index: 3;}
/* .slider .carousel-control-prev .carousel-control-prev-icon i{width: 45px; height: 45px;} */
.slider .carousel-control-next{top: unset; bottom:145px; left: auto; right:120px; border-radius: 50px;background: rgba(19, 36, 36, .25); border: 0px solid var(--color-black); width: auto;z-index: 3;}
/* .slider .carousel-control-next .carousel-control-next-icon i{width: 45px; height: 45px;} */
.carousel-indicators{right: 0; left: unset; bottom: 60px;}
.carousel-indicators [data-bs-target]{color: var(--color-white) !important; background-color: transparent; text-indent: 0; font-size: 22px;font-weight: 700; width: auto; height: auto; margin: 0 6px;}
.carousel-indicators .active{font-size: 26px;}

/* @media all and (max-width : 768px) {  */
@media(min-width:320px) and (max-width:1080px) {
.slide1 .carousel-caption, .slide2 .carousel-caption, .slide3 .carousel-caption, .slide4 .carousel-caption, .slide5 .carousel-caption, .slide6 .carousel-caption{ width: 100% !important; left: 0; right: 0; bottom: 0; background: none; display: none;}
.slide1 h3, .slide2 h3, .slide3 h3, .slide4 h3, .slide5 h3, .slide6 h3 { font-size: 22px; margin-bottom: 0;}
.slide1 h4, .slide2 h4, .slide3 h4, .slide4 h4, .slide5 h4, .slide6 h4 { font-size: 16px; margin-top: 5px;}
}

.btn-one,.btn-one-full,.btn-two,.btn-two-full,.btn-three,.btn-three-full,.btn-four,.btn-four-full{-webkit-transition:color .4s,background-color .4s;-moz-transition:color .4s,background-color .4s;-o-transition:color .4s,background-color .4s;transition:color .4s,background-color .4s;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; margin-top:20px;padding:8px 25px 8px 25px;font-size:16px;font-weight:400; display: inline-block;border-radius:50px;}
.btn-one{border:2px solid var(--color-one);color:var(--color-one) !important;}
.btn-one:hover{background:var(--color-one);color:var(--color-white) !important;}
.btn-one-full{border:2px solid var(--color-one);color:var(--color-white) !important;background:var(--color-one);}
.btn-one-full:hover{background:none;color:var(--color-one) !important;}

.btn-two{border:2px solid var(--color-two); color:var(--color-two) !important;}
.btn-two:hover{background:var(--color-two); color:var(--color-white) !important;}
.btn-two-full{border:2px solid var(--color-two) ;background:var(--color-two);color:var(--color-white) !important;}
.btn-two-full:hover{border:2px solid var(--color-two);color:var(--color-two) !important; background:none;}

.btn-three{border:2px solid var(--color-black);color:var(--color-black) !important;}
.btn-three:hover{background:var(--color-black);color:var(--color-white) !important;}
.btn-three-full{border:2px solid var(--color-black);background:var(--color-black);color:var(--color-black) !important;}
.btn-three-full:hover{border:2px solid var(--color-black);color:var(--color-black) !important; background:none;}

.btn-four{border:2px solid var(--color-white);color:var(--color-white) !important;}
.btn-four:hover{background:var(--color-white);color:var(--color-black) !important;}
.btn-four-full{border:2px solid var(--color-white);background:var(--color-white);color:var(--color-black) !important;}
.btn-four-full:hover{border:2px solid var(--color-white);color:var(--color-white) !important; background:none;}

.btn-hover{padding:8px 25px 8px 25px;font-size:16px;font-weight: 300; display: inline-block;border-radius:50px; color: var(--color-black);border:none;background-size:300% 100%;border-radius:50px;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.btn-hover:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out; color: var(--color-white);}
.btn-hover:focus{outline:0}
.btn-hover.btn-gradient{background-image:linear-gradient(to right,#8dc63f,#c2ee87,#c2ee87,#8dc63f);}

/* Divider Line */
hr { border: 0; height: 1px; margin: 25px 0 25px 0;background-color:#829198;}
hr.short {margin: 11px 0 11px 0;}
hr.tall { margin: 44px 0 44px 0;}
hr.taller { margin: 66px 0 66px 0;}
hr.light { background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);}
hr.invisible { background: none;}

/* Divider Line */
.text-casenone {text-transform: none !important;}
ul.list { margin: 0 0 10px 0; padding: 0 0 0 20px; list-style: none; text-align: left;}
ul.list li { position: relative; padding-left: 15px; padding-bottom: 10px;}
ul.list li a { color: var(--color-black);}
ul.list li a:hover { color: var(--color-green);}
ul.list li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left:0px; position: absolute; top: 7px; font-size: 5px; font-weight: 900; color: var(--color-black);}
ul.list li.head { font-weight: 700; padding-left: 0;}
ul.list li.head::before { display: none;}
ol.ol-list { margin: 0; padding: 0 0 0 20px; text-align: left;}
ol.ol-list li { position: relative; text-align: justify; padding-bottom: 10px;}
ol.ol-list li a { color: var(--color-black);}
ol.ol-list li a:hover { color: var(--color-one);}
.head-main{font-size:30px; font-weight: 300; display: block; width: 100%; margin-bottom:20px; text-transform: uppercase; position: relative; z-index: 0; color: var(--color-one);}

.head-one { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid var(--color-black); color: var(--color-black); width: 100%;}
.head-two { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 20px; border-bottom: 1px solid var(--color-black); color: var(--color-black); width: 100%;}
.head-three { font-weight: 500; font-size: 18px; padding: 10px; margin-bottom: 15px; background: var(--color-one); color: var(--color-white); width: 100%;}
.head-four { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid var(--color-one); color: var(--color-one); width: 100%;}
.head-five { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid var(--color-black); color: var(--color-black); width: 100%;}
.head-six { font-weight: 500; font-size: 18px; padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid var(--color-pureGrey); color: var(--color-pureGrey); width: 100%;}
.background-white{padding: 30px; background: var(--color-white); margin-bottom: 30px;}
.bg-color-one {background: #f3f3f3; padding: 40px; margin-bottom: 15px; margin-top: 15px; display: inline-block; width: 100%; border-radius: 20px;}
.bg-color-one h2{font-weight:500;font-size:18px;padding:0 0 10px 0;margin-bottom:15px;margin-top:0!important;border-bottom:solid 1px var(--color-one);color:var(--color-one);width:100%}
.bg-color-one h2 span{background: var(--color-grey); padding-right: 10px;}
.bg-color-two {background: var(--color-white); padding: 30px; margin-bottom: 15px; margin-top: 15px; display: inline-block; width: 100%; box-shadow: 0 0rem 1rem rgba(0,0,0,0.20)!important;}
.bg-color-two h2{font-weight: 500; font-size: 18px; padding: 10px; margin-bottom: 15px; color: var(--color-one); width: 100%; border-bottom: 1px solid var(--color-one);}
.bg-color-two h3{font-weight: 500; font-size: 18px; padding: 10px; margin-bottom: 15px; border-bottom:solid 1px var(--color-one); color: var(--color-one); width: 100%;}

.bg-color-three {background: rgba(239, 248, 255, 1);  padding: 30px; margin-bottom: 15px; margin-top: 100px; display: inline-block; width: 100%; box-shadow: 0 0rem 1rem rgba(230, 226, 226, 0.2)!important;}
.bg-color-three img{margin-top: -29px;margin-bottom: -59px;}

.link{color: var(--color-one); font-weight: 600;}
.link:hover{color: var(--color-black);}
.for-xs{display: none;}
.color-one{color: var(--color-one);}
.color-two{color: var(--color-two);}

.image-radius-15{border-radius: 15px;}
.image-radius-20{border-radius: 20px;}

.link{font-size:16px;font-weight:600;color: var(--color-black); text-decoration:none;position:relative;overflow:hidden}
.link i,.link span{position:relative}
.link span{margin-left: 18px;}
.link i{margin-left:.5em}
.link .color{width:2em;height:2em;border-radius:2em;background-color:var(--color-three);position:absolute;top:50%;transform:translatey(-50%);left:0px;}
.link:hover .color{left:89%; background-color:var(--color-one);}
.link:hover i{color: var(--color-white);}

.small-common-head{font-size: 20px; font-weight: 600; text-transform: uppercase; color: var(--color-one); margin-bottom: 20px;}

.top-menu-pad{margin-top: 140px;}

.home-menu-bg{background:url(../img/home-menu-bg.jpg);background-size:cover;background-position:center;padding:clamp(40px,26vw,200px) 0 clamp(40px,12vw,100px) 0}
.home-menu-bg h1{color: var(--color-white); font-size:clamp(30px,7.9vw,120px); text-align: center;}
.home-menu-bg h1 span{display: block;}

.home-about-bg{background: #000000; overflow: hidden; position: relative; z-index: 0;}
.home-about-bg::before{content:"";position:absolute;z-index:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#290e0e -1.08%,rgba(41,14,14,0) 100%);height:30%}
.home-about-bg .home-about-text-box{padding:clamp(40px,5vw,80px) 0;width:40%;position:absolute;top:0;right:0;bottom:0;left:7%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.home-about-bg .home-about-text-box p{font-size:clamp(17px,2vw,30px);color:var(--color-white);line-height:clamp(24px,2vw,32px);text-align:left;margin:0}
.home-about-bg .home-about-text-box p span{color:#797979;}

.home-service-bg{background:#290e0e;position:relative;z-index:0; padding: clamp(30px, 3.0vw, 40px) 0;}
.home-service-bg h2{color:#404040; font-size:clamp(40px,7.9vw,120px); margin: 0; line-height: 100px;margin-left: 100px;}

.grid{display:grid;grid-template-columns:1fr 1fr}
.images{overflow:hidden;position:relative}
.images>div{position:absolute;inset:0;z-index:100;transition:1s;opacity:0;transform:scale(1.1)}
.images>div.is-active{opacity:1;transform:scale(1)}
.images>div img{position:absolute;inset:0;object-fit:cover;height:100%;width:100%}

.home-service-list ul{list-style:none;font-size:1rem;}
.home-service-list ul li{padding:clamp(22px,3vw,40px) clamp(10px,3vw,40px);border-bottom:1px solid #606060;position:relative;overflow:hidden;}
.home-service-list ul li h3{font-size:clamp(22px,3vw,40px);font-weight:400;color:#606060;}
.home-service-list ul li h4{font-size:clamp(14px,1.1vw,16px);font-weight:300;color:#606060;margin-bottom:0;position:absolute;bottom:-100%;transition: all 0.5s ease-in-out;}
.home-service-list ul li.active,.home-service-list ul li:hover{color:#fff}
.home-service-list ul li.active h3,.home-service-list ul li:hover h3{color:#fff}
.home-service-list ul li.active h4,.home-service-list ul li:hover h4{color:#fff; position: relative; bottom: 0;}

.home-why-bg{background:#290e0e;color:var(--color-white);position:relative;z-index:0;padding:clamp(30px,4vw,60px) 0;}
.home-why-bg h2{color:var(--color-white);font-size:clamp(22px,3vw,40px);font-weight:400;text-transform:uppercase;margin-bottom:clamp(15px,3vw,40px)}
.home-why-box{position: relative; padding:clamp(16px,2.4vw,20px);}
.home-why-box h3{font-size:clamp(16px,2.4vw,20px);font-weight:500;position:relative;margin-top:clamp(15px,1.6vw,20px);margin-bottom:clamp(15px,1.6vw,20px);padding-top:clamp(18px,1.6vw,24px)}
.home-why-box h3 span{display: block;}
.home-why-box h3::before{content:"";position:absolute;z-index:0;top:0;left:0;background:var(--color-one);width:55px;height:6px}
.home-why-box p{font-weight:300;text-align:left}

.home-contact-bg{background:url(../img/home-contact-bg.jpg);background-attachment:fixed;background-size:cover;background-position:center;padding:clamp(40px,5vw,80px) 0;color:var(--color-white);min-height:600px;display:flex;align-items:flex-end}
.home-contact-bg h2{font-size:clamp(16px,3vw,40px);font-weight:400;}
.home-contact-bg h2 span{display: block;}

.home-product-bg{background:var(--color-black);color:var(--color-white);padding:clamp(40px,6.6vw,100px) 0}
.home-product-bg h2{font-size:clamp(40px,6.6vw,100px);font-weight:400;color: #404040; margin-bottom:clamp(18px,2.0vw,30px);}
.home-product-box img.home-product-owl-img{width:auto!important}
.home-product-box{padding:clamp(10px,3.3vw,50px) clamp(10px,2.0vw,30px);}
.home-product-box .home-product-text-box h4{font-size: clamp(30px, 4.0vw, 60px); font-weight: 400; margin-bottom: 0;}
.home-product-box .home-product-text-box h5{font-size:clamp(16px,2.4vw,20px);font-weight:400;color:#606060;margin-bottom:clamp(16px,2.4vw,20px)}
.home-product-box .home-product-text-box p{font-weight:300;text-align:left}
.home-product-box .home-product-text-box .home-product-text-btn{display:flex;align-items:center}
.home-product-box .home-product-image-box{position: relative; z-index: 0;}
.home-product-box .home-product-image-box::before{content:"";position:absolute;z-index:-1;top:-60%;right:-10%;bottom:0;left:0;background:url(../img/blur-1.png);background-size:cover;background-repeat:no-repeat}

.home-investors-bg{position:relative;z-index:0}
.home-investors-bg::before{content:"";position:absolute;z-index:-1;top:0;left:0; right: 0; background:var(--color-black); height: 80%;}
.home-investors-bg .home-investors-box-bg{background:url(../img/home-investors-bg.jpg);background-size:cover;padding:clamp(40px,6.6vw,100px);color:var(--color-white);background-position:center;background-repeat:no-repeat; border-radius: 20px;}
.home-investors-bg .home-investors-box-bg h2{font-size:clamp(16px,2.4vw,20px); margin-bottom:clamp(18px,2.0vw,30px);}
.home-investors-bg .home-investors-box-bg h3{font-size: clamp(20px, 3.0vw, 40px); font-weight: 400;}

.home-clients-bg{padding: clamp(40px,5.0vw,80px);}
.home-clients-bg h2{text-align:center;font-size:clamp(16px,2.4vw,20px);font-weight:400; margin-bottom:clamp(25px,3.3vw,50px);}
.home-clients-owl.owl-carousel .owl-item img{width:auto!important;  padding: 0 30px;}
.home-clients-box{display:flex;justify-content:center;align-items:center}


footer{position: relative; z-index: 0;background:#28292E; color: var(--color-white);}
footer .footer-bg{padding:80px 0px 80px 0px;}

footer a{color: var(--color-white);}
footer a:hover{color: var(--color-one);}
footer .footer-list{margin-top: 0px;}
footer .footer-list h3{margin:0 0 15px;color:var(--color-white);font-size:16px;font-weight:400;text-transform:uppercase;position:relative}
footer .footer-list h3 span{ position: relative; display: inline-block; margin-right: 10px;}
footer .footer-list h3 div { border-bottom: 1px solid var(--color-white); width: 25%; position: relative; right: 0; bottom: 0px; display: inline-block;}
footer .footer-list ul { padding: 0; margin: 0 0 0 10px;}
footer .footer-list ul li { list-style: none; padding:3px 0 3px 10px; position: relative; z-index: 0;}
footer .footer-list ul li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 12px; font-weight: 900; color: var(--color-white); font-size: 4px;}
footer .footer-list ul li a{color:var(--color-white);font-size:14px;font-weight:300}
footer .footer-list ul li a i{padding-right: 5px; font-size: 8px;}
footer .footer-list ul li a:hover { color: var(--color-one); padding-left: 2px;}

footer .footer-list ul.half { padding: 0; margin: 0 0 0 10px; display: inline-block; width: 48%;}
footer .footer-list ul.half li { list-style: none; padding: 3px 0 3px 10px; position: relative; z-index: 0;}
footer .footer-list ul.half li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left: -7px; position: absolute; top: 12px; font-weight: 900; color: var(--color-white); font-size: 4px;}
footer .footer-list ul.half li a { color: var(--color-white);}
footer .footer-list ul.half li a i{padding-right: 5px; font-size: 8px;}
footer .footer-list ul.half li a:hover { color: var(--color-one); padding-left: 2px;}

footer .footer-list ul.contact { padding: 0; margin: 0 0 0 0px;}
footer .footer-list ul.contact li { list-style: none; padding: 4px 0 4px 4px; position: relative; z-index: 0;}
footer .footer-list ul.contact li::before {display: none;}
footer .footer-list ul.contact li a { color: var(--color-white);}
footer .footer-list ul.contact li a i{padding-right: 5px; font-size: 15px;}
footer .footer-list ul.contact li a:hover { color: var(--color-one); padding-left: 2px;}

.footerextra { padding: 0; margin:0;}
.footerextra li { display: inline-block; padding-right: 3%; list-style: none; font-size: 14px; position: relative; z-index: 0;}
.footerextra li::before { content: "\f7a5"; font-family: 'Font Awesome 5 Free'; position: absolute; top: 2px; left: -10px; font-weight: 900; color: var(--color-white); font-size: 12px;}
.footerextra li a {color: var(--color-white);}
.footerextra li a:hover {color: var(--color-one);}
.footerextra-Mt{margin-top: 30px;}
footer .copy{padding:40px 0 40px 0; border-top: 1px solid var(--color-white);}
footer .copy a{font-weight: 400;}
footer .copy a:hover{color: var(--color-one);}
footer .copy .copy-right{text-align: right;}

/* footer social icons */
ul.social-network {list-style: none; display: block; margin-left: 0 !important; padding: 0; margin-top: 20px !important;}
ul.social-network li {display:inline-block; margin: 8px 2px;}
ul.social-network li::before {display: none;}
.social-network a.icoRss:hover {background-color: #F56505;}
.social-network a.icoFacebook:hover {background-color: #3B5998;}
.social-network a.icoTwitter:hover {background-color: #33ccff;}
.social-network a.icoGoogle:hover {background-color: #BD3518;}
.social-network a.icoVimeo:hover {background-color: #0590B8;}
.social-network a.icoLinkedin:hover {background-color: #007bb7;}
.social-network a.icoYoutube:hover {background-color: #cc0000;}
.social-network a.icoInstagram:hover {background-color: #c8008b;}
.social-network a.icoWhatsapp:hover {background-color: #189d0e;}
.social-network a.icoPinterest:hover {background-color: #e60023;}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoInstagram:hover i {color: var(--color-white);}
a.socialIcon:hover,.socialHoverClass {color: #44BCDD;}
.social-circle li a { display: inline-block; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; width: 35px; height: 35px; background: rgba(255, 255, 255, 0.2); border: 0px solid var(--color-white); box-shadow: 0 0.4rem 1rem rgba(0,0,0,.10)!important;}
.social-circle li i { margin: 0; line-height: 35px; text-align: center; font-size: 15px !important; padding: 0 !important;}
.social-circle li a:hover i,.triggeredHover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms--transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s;}
.social-circle i { color: var(--color-white); -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; transition: all 0.8s;}
/* footer social icons */

.rwd-table { margin: auto; min-width: 300px; max-width: 100%; border-collapse: collapse;}
.rwd-table thead tr:first-child { border-top: none; background: var(--color-black); color: #fff;}
.rwd-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: rgba(0, 0, 0, .01);}
.rwd-table.table-striped>tbody>tr:nth-of-type(odd) { background-color: #fbfbfb !important;}
.rwd-table th { display: none;}
.rwd-table td { display: block;}
.rwd-table td:first-child { margin-top: .5em;}
.rwd-table td:last-child { margin-bottom: .5em;}
.rwd-table td:before { content: attr(data-th) " : "; font-weight: bold; display: inline-block; color: #000; padding-right: 15px;}
.rwd-table th,.rwd-table td {text-align: left;}
.rwd-table {color: #333; overflow: hidden; margin-bottom: 30px;}
.rwd-table tr {border-color: #bfbfbf;}
.rwd-table th,.rwd-table td {padding: .5em 1em;}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {border-top: none;}
  .table-bordered {border: 0px;}
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover {background-color: #fff !important;}
  .rwd-table thead tr:hover {background: var(--color-black) !important;}
  .rwd-table td:before {display: none;}
  .rwd-table th,.rwd-table td { display: table-cell; padding: .25em .5em;}
  .rwd-table th:first-child,.rwd-table td:first-child {padding-left: 0;}
  .rwd-table th:last-child,.rwd-table td:last-child {padding-right: 0;}
  .rwd-table th,.rwd-table td {padding: 1em !important;}
}

.inner-banner {position: relative; z-index: 0; padding: 0 0px;background: #000000;}
.inner-banner::before {    content: "";
    position: absolute;
    z-index: 0;
    right: 0px;
    bottom: 0;
    background: #BD0200B2;
    width: 94%;
    left: 3%;
    border-radius: 20px;
    top: 159px;
    height: 220px;
display: none;}
.inner-banner img{ position: relative; border-radius: 0px;z-index: -1;}
.inner-banner .container{position: absolute; min-height: 100%; left: 0; right: 0; bottom: 0;z-index: -1;}
.inner-banner h1{color:var(--color-white); font-size: 40px; font-weight: 300; position:absolute; text-transform: uppercase; right: 5%; bottom: 55px; margin: 0;background: rgba(0, 0, 0, 0);padding: 15px 20px 15px 20px;}


.inner-bg{position: relative;padding: 100px 0;}
.inner-bg h2 {font-size:40px;font-weight:300; margin-bottom: 35px;}
.margin-left{margin-left: 32px;}
/* .br{ border-right: 0.5px solid #F79B21; padding: 0 30px 0 0;
  margin: 0 5px 0 0px;} */

.headMain {color: var(--color-white); font-size: clamp(30px, 7.9vw, 120px); text-align: center;}
.headMain span {    display: block;}

.inner-bg-first {background: #000000;
    padding: 40px 0;
    color: white; }

.about-first {    background: #000000;
    padding: 40px 0;
    color: white; position: relative;z-index: 0;}
.about-first::after {content: '';
    position: absolute;
    background-image: url(../img/about1.png);
    width: 41%;
    height: 50%;
    right: 12%;
    top: 29%;
    z-index: -1;}

.about-secound {    padding: 60px 40px;
    position: relative;}
.about-secound::before    {content: '';position: absolute;background: #290E0E;
width: 100%;height: 100%;top: 0;left: 0;}

.about-secound .imagebox {background: url(../img/about2.png);background-size: cover;padding: clamp(40px, 6.6vw, 100px);color: var(--color-white);background-position: center;background-repeat: no-repeat;border-radius: 20px;position: relative;}

.about-three {background: #290E0E;color: white;padding: 40px 0 80px;}
.padsbtm {padding:0 0 50px;}
.about-three    .chooserow {    padding-top: 50px; border-top: 1px solid #606060;}
.headMainone  {font-size: 35px;  text-transform: uppercase;   padding-bottom: 25px;}
.about-three  .choosebox h2 {position: relative;    padding: 20px 0 15px;    font-size: 25px;}
.about-three  .choosebox h2 span {display: block;}
.about-three  .choosebox h2::after {content: '';position: absolute; background: #BD0200;width: 20%;    height: 6px;  left: 0; top: 10px;}
.about-three  .choosebox  {    width: 31%;margin: 0px;position: relative;padding: 40px;}
.about-three  .one {position: relative;}
.about-three  .one::after {content: '';position: absolute;border-right: 1px solid #606060;height: 30%;bottom: 0;right: 0;} 
.about-three  .one::before {content: '';position: absolute;border-bottom: 1px solid #606060;right: 0;width: 30%;bottom: 0;} 

.about-three  .two {position: relative;}
.about-three  .two::after {content: '';position: absolute;border-right: 1px solid #606060;height: 30%;top: 0;left: 0;} 
.about-three  .two::before {content: '';position: absolute;border-bottom: 1px solid #606060;left: 0;width: 30%;top: 0;} 

  .leaderbox {width: 30%;
    border: 1px solid #606060;
    padding: 30px;
    text-align: -webkit-center;
    border-radius: 15px;
    margin: 15px;}
     .leaderbox h3  {padding: 15px 0 10px;}
     .leaderbox  p{     text-align: center;}

       .productbox {width: 22%;
    border: 1px solid #606060;
    padding: 30px;
    text-align: -webkit-center;
    border-radius: 15px;
    margin: 15px;}
     .productbox h3  {padding: 15px 0 10px;}
     .productbox  p{     text-align: center;}

    .headMainTwo {    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 30px;}
.brfifteen {    border-radius: 15px;}
.paddingtpbt {padding: 30px 0;}


/* Outer Border */
.table-wrapper{
    border:1px solid #606060;
    border-radius:15px;
    overflow:hidden;
}

/* Table */
.custom-table{
    width:100%;
    margin:0;
    background:#000;
    color:#fff;
    border-collapse:collapse;
}

/* Remove default borders */
.custom-table th,
.custom-table td{
    padding:22px 18px;
    font-size:15px;
}
 .custom-table th {border-bottom: 1px solid #606060;}

/* Create ONLY inner borders */
.custom-table tr:not(:last-child) td,
.custom-table tr:not(:last-child) th{
    border-bottom:1px solid #606060;
}

.custom-table td:not(:last-child),
.custom-table th:not(:last-child){
    border-right:1px solid #606060;
}

/* Header */
.custom-table thead th{
    color:#ff9f1c;
    font-weight:500;
    text-align:center;
}

/* Column alignment */
.custom-table td:first-child{
    text-align:center;
    width:90px;
}

.custom-table td:nth-child(3),
.custom-table td:nth-child(4){
    text-align:center;
}

/* Mobile */
@media(max-width:768px){
    .custom-table th,
    .custom-table td{
        padding:14px 10px;
        font-size:13px;
    }
}

.clientbox {    background: #FFFFFF;
    width: 20%;
    padding: 25px;
    border-radius: 30px;
    text-align: center;}

 .investorbox    {    border: 1px solid #606060;
    border-radius: 15px;
    padding: 50px;
    margin: 50px 0;}
 .investorbox  h2 {color: #FFB662;
    text-align: center;
    padding-bottom: 20px;}
.investorbox .paddingtop {padding-top: 40px;}
.pdfbox {       width: 23%;
    border: 1px solid #606060;
    justify-items: anchor-center;
    text-align: center;
    padding: 5px;
    border-radius: 15px;
    margin: 5px;}
.pdfbox a {color: white;}
.pdfbox a p{    text-align: center;    font-size: 14px;}
.pdfbox:hover a {color: #FFB662;}
.pdfbox:hover {border: 1px solid #FFB662;}
    .justicenter {    justify-content: center;}

.agentbox .pdfbox  {width: 70%;}
 .agentbox  h2 {color: #FFB662;
    text-align: left;
    padding-bottom: 20px;}

   .contactsection  {    padding: 50px 0;}
.contactsection h2 {    font-size: 30px;
    padding-bottom: 20px;}

    .csertification-section .img-box {margin: 15px 0;}

    .enquiry-box{
  padding: 20px;
    border: 1px solid #444;
    border-radius: 10px;
    background: #28292E;
}

.enquiry-title{
    text-align:center;
    color:#fff;
    font-size:24px;
    margin-bottom:25px;
}

.form-control{background:transparent;border:none;border-bottom:1px solid #666;border-radius:0;color:#bbb;
}

.form-control:focus{background:transparent;box-shadow:none;border-bottom:1px solid var(--color-one);color:var(--color-one);
}

.form-control::placeholder{
    color:#bbb;
}

textarea{
    resize:none;
}

.submit-btn{background:#e50914;border:none;padding:10px 30px;border-radius:6px;color:#fff;font-weight:500;
}

.submit-btn:hover{
    background:#c40812;
}



.home-about {background: #28292E;width: 92%;left: 4%;position: relative;bottom: 70px;padding: 20px 0 0;color: var(--color-white);
position: relative;}
.home-about::before {content: '';position: absolute;    border-top: 1px solid #606165;width: 100%;top: 70px;left: 0;}

.headTwo {    color: var(--color-one);
    font-size: 20px;
    font-weight: 500;}
 .headOne    { color: var(--color-one); font-size: 40px;font-weight: 500;}
 .padsfifty {padding: 50px 0;}
h3 span {display: block;}

.scroll-wrapper {
    overflow: hidden;
    white-space: nowrap;
    padding: 60px 0 0;
    position: relative;
}

.scroll-wrapper::after {
    content: '';
    position: absolute;
    border-top: 1px solid #606165;
    width: 100%;
    top: 30px;
    left: 0;
}

/* Track (important change) */
.scroll-track {
    display: flex;
    width: max-content;
    animation: scroll 60s linear infinite; /* reduce from 300s for smoother feel */
}

/* Text */
.scroll-track h2 {
    font-size: 150px;
    color: #606165;
    margin: 0;
    line-height: 106px;
    padding-right: 80px; /* spacing between repeats */
}

/* Seamless loop */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Hover pause */
.scroll-wrapper:hover .scroll-track {
    animation-play-state: paused;
}

.btnone {color: var(--color-one);position: relative;}
.btnone::after {content: '';
    position: absolute;
    border-bottom: 3px solid var(--color-one);
    bottom: -4px;
    left: 3px;
    width: 20%;}

 /* .home-servises   {padding-bottom: 80px;
    position: relative;z-index: 0;}
 .home-servises::after {content: '';position: absolute;background-color: #28292E;width: 100%;height: 150px;bottom: 0;
left: 0;z-index: -1;}
.home-servises .serviserow  {    width: 92%;
    margin: 0 auto;}
 .home-servises .serviserow  .serviseBox  {    width: 25%;}
 .home-servises .serviserow  .servise1  {    position: relative;}
 .home-servises .serviserow  .content   {position: absolute;
    bottom: 50px;
   padding: 20px;
    color: white;}
 .home-servises .serviserow   h2 {    color: white;
    padding: 15px 0;
    font-size: 25px;}
 .home-servises .serviserow   p {color: white;
    text-align: left;}
 .home-servises .serviserow .two {display: none;}
 .home-servises .serviserow .servise1:hover .one {display: none;}
 .home-servises .serviserow .servise1:hover .two {display: block;}
 .home-servises .serviserow .servise1:hover .content {height: 100%;background-color: var(--color-white);    align-content: center;}
 .home-servises .serviserow .servise1:hover .content h2 {color: var(--color-black);}
 .home-servises .serviserow .servise1:hover .content p {display: none;} */


 /* SECTION */
.home-servises {
    padding-bottom: 80px;
    position: relative;
    z-index: 0;
}

.home-servises::after {content: '';position: absolute;background-color: #28292E;width: 100%;height: 150px;bottom: 0;left: 0;z-index: -1;
}

/* ROW */
.serviserow {
    width: 92%;
    margin: 0 auto;
    display: flex;
    gap: 10px;
}

/* BOX */
.serviseBox {
    width: 25%;
}

/* CARD */
.servise1 {
    position: relative;
    height: 420px;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.servise1:hover {
    transform: translateY(-5px);
}

/* MAIN IMAGE ONLY */
.servise1 > .main-img {width: 100%;height: 100%;object-fit: cover;display: block;transition: opacity 0.3s ease;
}

/* CONTENT */
.content {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 25px;display: flex;flex-direction: column;justify-content: flex-end;color: #fff;transition: all 0.3s ease;
}

/* ICONS */
.content img {width: auto;height: auto;max-width: 50px;margin-bottom: 10px;
}

/* TEXT */
.content h2 {
    font-size: 22px;
    padding: 10px 0;
}

.content p {
    font-size: 14px;
}

/* BUTTON */
.btnone {
    color: orange;
    margin-top: 10px;
    display: inline-block;
}

/* ICON SWITCH */
.two {
    display: none;
}

.servise1:hover .one {
    display: none;
}

.servise1:hover .two {
    display: block;
}

/* HOVER EFFECT */
.servise1:hover > .main-img {
    opacity: 0;
}

.servise1:hover .content {
    background: #fff;
    justify-content: center;
}

.servise1:hover .content h2 {
    color: #000;
}

.servise1:hover .content p {
    display: none;
}


.logistics-section {background: #28292E;color: #606165;padding: 0px 0;position: relative;overflow: hidden;z-index: 0;
}



.feature-box {
    margin-bottom: 40px;
}

.feature-box h5 {color: var(--color-one);    display: flex;align-items: center;font-size: 19px;margin-bottom: 8px;
}
.feature-box h5 span {    margin: 0 10px}
.textright { text-align: right;}
.textleft { text-align: left;}
.feature-box p {
       font-size: 15px;
    color: #606165;
    line-height: 1.6;
    
}

.ship-img {
    max-height: 500px;
    animation: shipMotion 8s ease-in-out infinite;
}

@keyframes shipMotion {
    0% {
        transform: translate(0px, 0px);
    }
    25% {
        transform: translate(5px, -10px);
    }
    50% {
        transform: translate(0px, -15px);
    }
    75% {
        transform: translate(-5px, -10px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .text-md-end,
    .text-md-start {
        text-align: center !important;
    }

    .feature-box {
        margin-bottom: 25px;
    }
}

.map-circle {
 border-radius: 50%;background-color: transparent;border: 1px solid white;width: 400px;height: 400px;position: absolute;animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);bottom: -184px;left: 35%;z-index: -1;
}


@keyframes scaleIn {
  from {
    transform: scale(.3, .3);
    opacity: .5;
  }

  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}




.enquirebtn a {    background: var(--color-one);padding: 10px 20px;align-items: center;justify-content: center;clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%); font-weight: 500;font-size: 16px;
}
.enquirebtn a:hover {  background: var(--color-one);color: var(--color-two);}
.enquirebtn span {    background: var(--color-white);padding: 10px 20px;align-items: center;justify-content: center;clip-path: polygon(20% 0, 100% 0, 80% 100%, 0 100%);}
.enquirebtn span:hover {   background: var(--color-white);}


  .logistics-section .firstrow  {display: flex;
    justify-content: space-between;
    padding: 20px 0 80px;position: relative;}
   .logistics-section .firstrow::after {    content: '';
    position: absolute;
    border-top: 1px solid #606165;
    width: 100%;
    bottom: 32%;
    left: 0;}

.home-qoute {background-image:url(../img/qoutebgk.png) ;background-repeat: no-repeat;overflow: hidden;    padding: 140px 0;position: relative;
    z-index: 1;}
.home-qoute p {color: var(--color-white);}
.home-qoute h2 {color: var(--color-white);font-size: 47px;}
.headOne  span {display: block;}
.pdbtm {padding-bottom: 20px;}
.pdtp {padding-top: 30px;}


.home-expert .expertrow {width: 92%;
    margin: 0 auto;padding-top: 100px;}
/* .home-expert .expertrow .expertbox {width: 24%;
    position: relative;
    display: inline-block;}
 .home-expert .expertrow  p   {position: absolute;
    bottom: 30%;
    color: var(--bs-white);
    padding: 20px;
    font-size: 17px;
    font-weight: 500;
text-align: center;}
.home-expert .expertrow .expertbox:hover img {display: none;}
.home-expert .expertrow .expertbox:hover p {color: var(--color-two);} */

.home-expert .expertrow .col-md-10 {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.home-expert .expertrow .expertbox {
    width: 24%;
    position: relative;
    display: block;
    height: 220px; /* fix height for all boxes */
}

/* IMAGE */
.home-expert .expertrow .expertbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* TEXT */
.home-expert .expertrow .expertbox p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    margin: 0;
    color: #fff;
    text-align: center;
}

/* HOVER */
.home-expert .expertrow .expertbox:hover img {
    opacity: 0;
}

.home-expert .expertrow .expertbox:hover p {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.home-expert {position: relative;padding: 80px 0;z-index: 0;}
.home-expert::before {content: '';position: absolute;background-image: url(../img/expert/main.png);width: 60%;height: 53%;right: 0;top: -91px;z-index: -1;}
.home-expert::after {content: '';position: absolute;background-image: url(../img/expert/bgk.png);width: 90%;height: 80%;left: 5%;bottom: 0px;z-index: -2;}
.home-expert h2 {color: #28292E; padding-top: 230px;}
.home-expert  .headTwo   {    color: #28292E;}
.aligncenter {align-content: center;}

.inner-top .headOne {color: var(--color-two);font-size: 40px;}
.inner-top {padding: 60px;position: relative;z-index: 0;}
.inner-top::before {content: '';position: absolute;background: #FDE1AF;width: 100%;top: 0;height: 80%;left: 0;z-index: -1; }
.inner-top::after {content: '';position: absolute;background: #28292E;width: 100%;bottom: 0;height: 20%;left: 0;z-index: -1; }
.countrow {    width: 96%;
    margin: 0 auto;
    background: var(--color-white);
    padding: 40px;
    text-align-last: center;}

.inner-sec {    padding: 70px;}
.inner-sec  h2 {color: var(--color-two);padding-bottom: 30px; }

.positionreative {    position: relative;}
.teambox .col-md-4 {/*filter: grayscale(100%);*/position: relative;}
.teambox .col-md-4:hover {filter: grayscale(0%);}
.teambox .contents {    position: absolute;
    display: flex;
    bottom: 10px;
    color: white;
    align-items: center;
    padding: 20px;}
.teambox .contents h1 {font-size: 20px;}
.teambox .contents h1 span {display: block;font-size: 15px;}
.teambox .contents p{    padding: 0 0 0 100px;color: var(--color-one);position: relative;}
.teambox .contents p::after {    content: '';
    position: absolute;
    border-bottom: 3px solid var(--color-one);
    right: 0;
    width: 44%;
    bottom: -3px;}
.qualitybox {background: #28292E;
    padding: 50px;
    margin: 50px 0 0;}
.qualitybox h2 {color: var(--color-one);padding-bottom: 10px;}
.qualitybox p {color: var(--color-white);}
.mrten {    margin: 10px 0;}

.transbox .col-md-4 {filter: grayscale(0%);position: relative;}
.transbox .col-md-4:hover {filter: grayscale(100%);}
.transbox .contents {    position: absolute;
    bottom: 10px;
    color: white;
    align-items: center;
    padding: 20px;
width: 90%;}
.transbox .contents .flex    {    display: flex;
    justify-content: space-between;
    align-items: end;}
.transbox .contents h1 {font-size: 50px;}
.transbox .contents h1 span {display: block;font-size: 40px;}
.transbox .contents p{    color: var(--color-one);position: relative;}
.transbox .contents p::after {    content: '';
    position: absolute;
    border-bottom: 3px solid var(--color-one);
    left: 0;
    width: 44%;
    bottom: -3px;}


 /* SECTION */
.inner-servises {
      background: #F1ECEA;
    padding: 80px 20px;
}
.inner-servises .headTwo {color: #28292E;
    padding: 0 0 30px 0;}

/* ROW */
.inner-servises .serviserow {
    width: 92%;
    margin: 0 auto;
    display: flex;
    gap: 10px;
}

/* BOX */
.inner-servises .serviseBox {
    width: 25%;
}

/* CARD */
.inner-servises .servise1 {
    position: relative;
    height: 250px;
    overflow: hidden;
    transition: transform 0.3s ease;
    background-color: var(--color-one);
}

.inner-servises .servise1:hover {
    transform: translateY(-5px);
}

/* MAIN IMAGE ONLY */
.inner-servises .servise1 > .main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s ease;
}

/* CONTENT */
.inner-servises .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    color: #fff;
    transition: all 0.3s ease;
}

/* ICONS */
.inner-servises .content img {
    width: auto;
    height: auto;
    max-width: 50px;
    margin-bottom: 10px;
}

/* TEXT */
.inner-servises .content h2 {
    font-size: 22px;
    padding: 10px 0;
    color: black;
}

.inner-servises .content p {
    font-size: 14px;
}

/* BUTTON */
.inner-servises .btnone {
    color: orange;
    margin-top: 10px;
    display: inline-block;
}

/* ICON SWITCH */


/* HOVER EFFECT */
.inner-servises .servise1:hover > .main-img {
    opacity: 0;
}

.inner-servises .servise1:hover .content {
    background: #fff;
    justify-content: center;
}

.inner-servises .servise1:hover .content h2 {
    color: #000;
}

.inner-servises .servise1:hover .content p {
    display: none;
}

.freightsec {background: #28292E;position: relative;z-index: 0;}
.freightsec::after { content: '';position: absolute;background-image: url(../img/frieght/bgk.png);width: 50%;height: 71%;top: 260px;right: 41px;z-index: -1;background-repeat: no-repeat;background-size: contain;}
.ocean-frieght-sec{position: relative;z-index: 0;}
.ocean-frieght-sec::after {content: '';position: absolute;background-image: url(../img/frieght/ocean.png);width: 36%;height: 84%;bottom: 0;right: 11px;z-index: -1;background-repeat: no-repeat;background-size: contain;}
.land-frieght-sec{position: relative;z-index: 0;}
.land-frieght-sec::after {content: '';position: absolute;background-image: url(../img/frieght/land.png);width: 34%;height: 65%;bottom: 0;right: 0;z-index: -1;background-repeat: no-repeat;background-size: contain;}
.freightsec p{padding-bottom: 50px; color: white;}
.map-circle1 {border-radius: 50%;background-color: transparent;border: 1px solid white;width: 150px;height: 150px;position: absolute;animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);bottom: 25%;right: 24%;z-index: -1;}

.headThree{font-size: 150px;  color: #606165 !important; line-height: 129px;   text-transform: uppercase;}
.headThree span {display: block;}

.freight-box {    position: relative;width: 33%;}
.freight-box .text {    position: absolute;
    bottom: 20px;
    padding: 30px;
    color: white;}


    
    .cargo-card {
  position: relative;
  overflow: hidden;
}

.cargo-card .main-img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  transition: 0.4s;
}

/* Overlay */
.cargo-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: flex-end;
  padding: 20px;
}

/* Content block */
.cargo-content {
  color: #fff;
}

/* ICON FIX */
.cargo-icon {
  margin-bottom: 10px;
}

/* TEXT */
.cargo-content h5 {
  font-size: 25px;
  margin: 0;
}
.cargo-content h5 span {display: block;}
/* Hover effect */
.cargo-card:hover img {
  transform: scale(1.1);
}

.cargo-card:hover .cargo-overlay {
  background: rgba(0, 0, 0, 0.7);
}
.cargo-section {background-color: white;position: relative;z-index: 0;}
.cargo-section::after {content: '';position: absolute;background-color: #28292E;width: 100%;top: 0;left: 0;z-index: -2;height: 100px;}
.cargo-section::before {content: '';position: absolute;background-color: white;width: 90%;top: 0;left: 5%;right: 5%;z-index: -1;height: 100px;}
@media (min-width: 768px) {
    .cargo-section .col-md-4
         {padding: 1px !important;margin: 0 !important;}
    }
.cargo-section .headTwo{    padding-bottom: 50px;
    color: #28292E;}

.btnwhite .enquirebtn span {background: #28292E;}
.enquirebtn {padding: 15px 0 0;}

.center {text-align: center;align-content: center;}
.cientsBox {width: 20%;border: 1px solid #606165;padding: 40px 25px; text-align: center;}
.contact address {background: white;    width: 60%;    padding: 20px;    display: flex;}
.contact address img  {padding: 0 15px 0 0;    height: fit-content;    align-self: center;}
.contact .locationrow    {width: 96%;margin: 100px auto 0;background: var(--color-one);padding: 40px;position: relative;z-index: 0;}
.contact .locationrow::after {content: '';position: absolute;background-image: url(../img/global.png);width: 64%;top: -158px;right: 0;z-index: -2;height: 156px;}
.headTwo {color: #28292E;}
.regions {  color: #fff;}
.regions ul.list li::before {color: var(--color-white);}
.title {font-size: 17px;margin-bottom: 15px;letter-spacing: 1px;color: #28292E;}

/* GRID LAYOUT */
.lists {display: grid;grid-template-columns: repeat(4, 1fr);gap: 12px 40px;list-style: none;padding: 0;margin: 0;}

/* CUSTOM BULLET */
.lists li {position: relative;padding-left: 20px;font-size: 20px;}

/* DOT STYLE */
.lists li::before {content: "";position: absolute;left: 0;top: 14px;width: 8px;height: 8px;border: 2px solid #fff;border-radius: 50%;}

@media (max-width: 768px) {
  .lists {
    grid-template-columns: repeat(2, 1fr);
  }
}


.clrwhite {    color: white;}

@media(min-width:320px) and (max-width:1080px) {
.slider{margin-top:0px; padding:0;}
.inner-banner{margin-top: 20px;padding: 0;}
.inner-banner:before{left: 0; right: 0;}
.inner-banner img {min-width: auto;height: 150px;}
.inner-banner h1 {font-size: 20px; right: 0; left: 0; bottom: 10px; margin-bottom: 0; text-align: center;}
.hidden-xs, .for-md {display: none !important;}
.for-xs{display: block !important;}
::-webkit-scrollbar {width: 0px;}
.Morder-1{order: 1; -webkit-order: 1;}
.Morder-2{order: 2; -webkit-order: 2;}
.Morder-3{order: 3; -webkit-order: 3;}
.Morder-4{order: 4; -webkit-order: 4;}
.carousel-control-prev-icon{ width: 2rem; height: 2rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23939598'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); border: 2px solid var(--color-black);}
.carousel-control-next-icon{ width: 2rem; height: 2rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23939598'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.carousel-control-prev-icon,.carousel-control-next-icon{border: 1px solid var(--color-grey); border-radius: 100px;}
.carousel-inner>.carousel-item>img{border-radius: 0;}
.slider .carousel-control-next,.slider .carousel-control-prev{bottom:0px; }
.slider .carousel-control-next{left: auto;right: 125px;}
.slider .carousel-control-prev{right: auto;left: 125px;}
.mobileSlider .carousel-control-prev{right:auto;left:125px}
.mobileSlider .carousel-control-next,.slider .carousel-control-prev{top:unset;bottom:0;}
.mobileSlider .carousel-control-next{right: 20px;}
.mobileSlider .carousel-control-prev{left: 20px;}
.mobile-banner-button-nav{display:flex;padding:20px;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;flex-wrap:wrap}
.mobileSlider .carousel-control-prev-icon{ width: 2rem; height: 2rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); border: 0px solid var(--color-black);}
.mobileSlider .carousel-control-next-icon{ width: 2rem; height: 2rem; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); border: 0px solid var(--color-black);}
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{text-decoration:none;outline:0;opacity:.9}
/* .carousel-control-prev-icon:focus,.carousel-control-next-icon:hover,.carousel-control-prev-icon:focus,.carousel-control-next-icon:hover{opacity: .9;} */
.btn-one{font-size: 12px;}
footer .footer-bg{padding:40px 10px 20px 10px}
footer .text-end {text-align: center!important;}
footer {padding: 40px 0 0; text-align: center;}
.footerextra-Mt{margin-top: 0;}
footer .footer-list {margin-top: 0px;}
.back-to-top{bottom:65px; right: 0; left: 0; margin: 0 auto;}
ul.footerextra { margin: 30px 0 40px;}
footer .copy {padding: 30px 0 30px 0; margin-top: 0px;}
footer .copy .copy-right{text-align: center;}
footer .copy .copy-center{padding-top: 20px; line-height: 24px;}
footer .copy .copy-center i{display: none;}
footer .copy .copy-center span{display: block;}
footer .footer-list h3 span{display: block; margin-right: 0; text-transform: uppercase;}
ul.footerextra li { list-style: none; padding: 6px 12px 6px 12px; position: relative; z-index: 0;}
ul.footerextra li::before { content: "\f192"; font-family: 'Font Awesome 5 Free'; left: -3px; position: absolute; top: 12px; font-weight: 900; color: var(--color-white); font-size: 6px;}
.topSearch {right: 55px; top: 7px;}
.search_icon{background-color: rgba(0,0,0, 0.1); height: 40px; width: 40px; font-size: 16px;}
.search button{position: relative; left: 0; right: 0; width: 100%; height: auto;}
.search-body {position: relative; padding: 30px 15px !important;}
.modal-custom{margin-top: 30px;}
.modal-custom-bg .modal-body .close{right: 0; top: -40px;}
.rwd-table td{width: 100%;}

.home-menu-bg h1 span{display:inline;}
.home-about-bg .home-about-text-box{width:92%;position:relative;top:0;right:4%;bottom:0;left:4%}
.home-about-bg .home-about-text-box p{text-align: center;}
.home-about-bg .home-about-text-box .btn-one-full{ margin: 20px auto 0 auto;}
.home-about-bg video{position:absolute;top:unset;right:0;bottom:0;left:0;z-index:-1}
.home-about-bg::before{height:100%;top:0;background:rgba(41,14,14,.4)}

.grid{display:flex;flex-wrap:wrap;flex-direction:column;position:relative}
.home-service-bg h2{font-size:clamp(40px,7.9vw,120px);margin:0;line-height:clamp(44px,7.9vw,100px);margin-left:0;text-align:center}

.home-why-bg{text-align: center;}
.home-why-box h3::before{right:0;margin:0 auto}
.home-why-box p{text-align: center;}
.home-why-box{border-bottom:1px solid #574c4c}
.home-contact-bg{text-align: center;align-items: center; min-height: auto;}
.home-contact-bg p.text-start{text-align: center !important; margin-top: 20px;}

.home-product-bg{text-align: center;}
.home-product-bg p{text-align: center;}
.home-product-box .home-product-text-box p{text-align: center;}
.home-product-box .home-product-text-box .home-product-text-btn{justify-content:center}
.home-product-box .home-product-image-box::before{top:-35%}

.about-secound .imagebox { padding: clamp(25px, 6.6vw, 100px);}
.about-secound {  padding: 10px 10px;}
.about-three .chooserow {  padding-top: 30px;}
.headMainone {    padding-bottom: 15px;}
.about-three .choosebox {padding: 10px 10px;width: 100%;}
.about-three .one::before {display: none;}
.about-three .one::after {display: none;}
.about-three .two::before {display: none;}
.about-three .two::after {display: none;}
.about-three {    padding: 40px 0 20px;}
.about-three .choosebox h2 {padding: 20px 0 10px;  font-size: 20px;}
.about-first::after {bottom: 0;    top: auto;    width: 100%;}
.leaderbox {width: 46%;border: 1px solid #606060;padding: 15px;text-align: -webkit-center;border-radius: 15px;margin: 5px;}
.justyxs {    justify-content: center;}
.leaderbox h3 {font-size: 20px;}
.productbox {width: 26%;border: 1px solid #606060;padding: 10px;text-align: -webkit-center;border-radius: 15px;margin: 10px;}
.clientbox {background: #FFFFFF;width: 33%;padding: 15px;border-radius: 20px}
.pdfbox {width: 30%;padding: 5px;    margin: 5px;height: fit-content;}
.investorbox {    padding: 20px;justify-content: center;}

.contactsection h2 {     text-align: center;}
.contactsection address {    text-align: center;}
.contactsection p {    text-align: center;}

.padsfifty {padding: 30px 0;}
.headOne {font-size: 30px;}
.scroll-track h2 {font-size: 60px !important;    line-height: 44px !important;}
.serviseBox {width: 49%;padding: 5px 0 5px 5px;}
.serviserow {width: 100%;margin: auto;display: ruby;gap: 0;}
.content {    padding: 10px;}
.content h2 {font-size: 17px;padding: 10px 0;}
.content p {font-size: 14px;text-align: left;}
.servise1 {    height: 350px;}
.home-servises {padding-bottom: 46px;}
.logistics-section .firstrow {display: flow;    padding: 20px 0 60px;}
.logistics-section .headTwo {padding-bottom: 15px;}
.enquirebtn a {    padding: 5px 15px;}
.enquirebtn span {    padding: 5px 15px;}
.map-circle {border-radius: 50%;background-color: transparent;border: 1px solid white;width: 200px;height: 200px;position: absolute;animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);bottom: 39%;left: 24%;z-index: -1;}
.home-about {background: #28292E;width: 100%;left: 0%;position: relative;bottom: 0;padding: 20px 0 0;margin-bottom: 25px;}
.home-qoute {padding: 80px 0;}
.home-qoute h2 {font-size: 35px;}
.pdtp {padding-top: 10px;  }
.home-expert::before {display: none;}
.home-expert {    padding: 60px 0;}
.home-expert h2 {    padding-top: 10px;}
.home-expert .expertrow {    padding-top: 10px;}
.home-expert .expertrow .expertbox {    width: 49%;height: 200px;margin: 2px 0}
.home-expert::after {content: '';position: absolute;background-image: url(../img/expert/bgk.png);width: 96%;height: 92%;left: 2%;bottom: 0px;z-index: -2;}

.inner-top {padding: 60px 10px;}
.inner-top .headOne {font-size: 32px;padding: 10px 0;}
.countrow {padding: 20px;}
.inner-sec {padding: 60px 10px;}

.teambox .col-md-4 {    margin: 10px 0;}

.qualitybox h2 {padding-top: 10px;}
.qualitybox {padding: 30px 10px;margin: 20px 0 0;}

.transbox .col-md-4 {    margin: 10px 0;}
.inner-servises {background: #F1ECEA;padding: 60px 10px;}
.inner-servises .servise1 {height: 310px;}
.inner-servises .serviserow {        display: ruby;}
.inner-servises .serviseBox { width: 49% !important;}
.headThree {font-size: 60px;color: #606165 !important;line-height: 58px;text-transform: uppercase;padding-bottom: 7px !important; }
.map-circle1 { display: none;}
.freightsec::after { display: none;}
.cargo-section::after { display: none;}
.cientsBox {width: 49%;}
.contact address   {width: 100%;}
.home-clients-bg {padding: 40px 20px;}
.home-clients-owl.owl-carousel .owl-item img{padding: 0 10px;}
}