body{font-family: 'Poppins', sans-serif !important;}

.btn-blk-ld p{color: #fff; text-align: center; }
.btn-blk-ld {background:#d5b881;/* width: auto; */display: inline-block; margin: 0 auto;padding: 10px 30px;}
strong{font-weight: 700}

.video-sect {
    background: none;
    height: auto;
}
.heading2{font-weight: 700}
.video-sect img.landing-banner{  height: 110vh; width: 100%;object-fit: cover; }
.banner-heading { font-size: 38px; margin-bottom: 20px; font-weight: 700;font-family: 'Poppins', sans-serif !important;}
.btn-blk{font-size: 22px;font-weight: 700;color: #fff; letter-spacing: 1px}
.banner-txtblk {top: inherit; bottom: 14%;}
.bannerimg{width: 45%; position: absolute; right: 15%; top: 15%}
.video-wrapper:after{display: none;}
.footer-link li, .copyright-txt{font-family: 'Poppins', sans-serif !important;}

.bannerimg {
	-webkit-animation: kenburns-top-left 5s ease-out both;
	        animation: kenburns-top-left 5s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2023-9-22 18:17:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top-left
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 16%;
            transform-origin: 16% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, -15px);
            transform: scale(1.25) translate(-20px, -15px);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}
@keyframes kenburns-top-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 16%;
            transform-origin: 16% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, -15px);
            transform: scale(1.25) translate(-20px, -15px);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}

.transport-first-left{width: 50%}
.strategic{width: 30%; margin: 0 auto}
.transport-first-blk{align-items: center;}
.service-sect{margin: 0; padding: 200px 0 0}
.transport-arrow1 {width: 15%}
.transport-arrow3 {  position: absolute;  left: 49%;  bottom: -5%;   width: 15%;  z-index: 111;}
.service-sect:after{background: #d5b881; clip-path: polygon(0 85%, 100% 100%, 100% 22%);width: 70vh;height: 30vh;position: absolute;content: '';top: 0;right: 0;z-index: -1;}
.service-txtblk{padding: 0; width: 80%}
.service-sect:before{height: 93%;}
.service-wrap{width: 90%; margin: 0 auto}
.list-blk li{color: #fff;font-weight: 500; list-style: none; padding-left: 5%; position: relative;}
p{font-weight:500;}

.list-blk li:before{position: absolute;content: '';width: 7px;height: 7px;background: #00243f;top: 9px;margin-left: -5%;border-radius: 5px;}
.service-blk{margin-top: 30px; position: relative;}
.white-list li:before{background: #fff;}
.service-innerimg{width: 36%;position: absolute;right: 21%;bottom: -33%; z-index: 11}
.service-arrow2 {  position: absolute;  left: 19%;   top: 13%;    width: 7%;}
.rank-ser{margin-top: 100px}
.rankarr{
    width: 12%;
    left: 15%;
    top: -8%;
}
.rankli li{color: #00243f}
.rank-left{width: 40%;}
.rankright{width: 50%}
.ranktxt{margin-top: 50px}
.sec4{background: url(../images/sec4.webp) no-repeat;background-size: cover;height: 600px;padding: 100px 0;background-position: center;  position: relative;}
.sec4img{position: relative;width: 550px;right: 0;margin-right: auto;text-align: right;float: right;}
.rankarr2{width: 10%; bottom: 2%}
.hermesblk{position: absolute;bottom: 7%;left: 0;right: 0;margin: 0 auto;text-align: center;}

.hermesblk .hermes-txt {
    font-size: 150px;
    line-height: 170px;
    font-weight: 700;
    color: rgb(255 255 255);
    background: -webkit-linear-gradient(rgb(255 255 255), rgb(255 255 255 / 17%));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hermesblk .btn-blk{text-transform: uppercase;}
.heading2,.hermesblk .hermes-txt{font-family: 'Poppins', sans-serif !important;}
.video-wrapper:before {
    background: url(../images/banner-shape-ld.png) no-repeat center;

}
@media screen and (min-width:2000px) {
.video-wrapper:before{display: none;}

  }

@media screen and (min-width:1400px) {
	.rank-left {width: 35%}
	.list-blk li {margin-bottom: 30px}



}

	@media screen and (max-width:1200px) {

	.heading2 br{display: none;}
	.service-txtblk{width: 100%}
	.service-wrap{width: 100%}
	.list-blk li {margin-bottom: 20px}

}
@media screen and (max-width:1024px) {

	.heading2 {font-size: 30px}
	.banner-heading {font-size: 30px}
	.transport-first-blk, .transport-first-left{margin: 0;}
	.transport-arrow3 {  position: absolute;   left: 60%;   bottom: 9%;}
	.service-innerimg {position: relative; right: 0; bottom: 0}
	.rank-ser{margin-top: 0}
	.ranktxt{flex-direction: column-reverse;}
	.rankright{width: 100%}
	.service-sect{padding-top: 80px}
	.service-arrow2 {  position: absolute;   left: 73%;   top: 13%;   width: 10%;}
	.transport-arrow1 {  width: 12%; top: 13%;}
	.rankarr{width: 12%; top: 6%; left: 66%}
	.sec4 {height: 500px}
	.sec4img {width: 450px}
	.hermesblk .hermes-txt{font-size:100px; line-height: 100px}
	.btn-blk {font-size: 18px;}



}

@media screen and (max-width:900px) {



.banner-heading {font-size: 25px}
.btn-blk-ld {padding: 7px 20px}
.transport-first-left{width: 100%}
.heading2{font-size: 25px;}
.strategic {width: 50%}
.rankright{width: 100%}




	}

	@media screen and (max-width:768px) {
		.video-sect img.landing-banner{height: 450px}
		.video-sect img.landing-banner { height: 450px;    object-fit: cover;}
		.list-blk li{font-size: 14px}
		.service-sect{padding: 50px 0}
		.service-innerimg {width: 50%; margin: 0 auto;}
		.rankarr2{display: none;}
		.service-arrow2 {  position: absolute;  left: 64%;   top: 3%;   width: 13%;}
		.transport-arrow1 {  width: 15%;   top: 2%;   left: 57%;   z-index: 11;}



	}

	@media screen and (max-width:540px) {
		.sec4img{width: 380px}
	}

@media screen and (max-width:480px) {
 
.video-sect img.landing-banner {
    height: 350px;
    object-fit: cover;
    object-position: -75px;
}

.navbar-brand {width: 90px}
.banner-heading {font-size: 22px}
.btn-blk {font-size: 16px}
.heading2{font-size: 22px}
.strategic{width: 100%}
.service-innerimg{width: 100%}
.hermesblk .hermes-txt{font-size: 80px; line-height: 80px}
.sec4{height: 400px; padding: 50px 0}
.bannerimg{top: 30%}
.bannerimg {
    top: 30%;
    right: 15%;
}

.bannerimg {
	-webkit-animation: kenburns-top-right 5s ease-out both;
	        animation: kenburns-top-right 5s ease-out both;
}


/* ----------------------------------------------
 * Generated by Animista on 2023-9-23 14:26:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top-right
 * ----------------------------------------
 */
/* ----------------------------------------------
 * Generated by Animista on 2023-9-23 14:26:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation kenburns-top-right
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}
@keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}


}