body{
 font-family: 'Poppins';  
}
/* .nav-link active{
    color: rgba(249, 251, 253, 0.938);

} */

/* .image{
background-color: #0a2a66;
} */

/***HEADER**/
.mobile_view{
	TEXT-ALIGN: CENTER;
	WIDTH:100%;
  display: none;
}
.mobile_view a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
    border-radius: 0px;
    background: #BCC6CC 0% 0% no-repeat padding-box;
    border: 2px solid #BCC6CC;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    WIDTH: 100%;
    DISPLAY: block;
    PADDING: 10PX;	
}
.btn  {
    width: 232PX;
    height: 45px;
    text-align: right;
    font-size: 14px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    text-align: center;
    border-radius: 0px;
    background: #BCC6CC 0% 0% no-repeat padding-box;
    border: 2px solid #BCC6CC;
    font-weight: 700;
    transition: all 0.5s linear; 
}
.btn:hover{
	color: #fff!important;
     transform: scale(0.9); 
}
.nav-item {
  color: rgba(249, 251, 253, 0.938);
}

.nav-link a:hover{
   color: #1E4985;
}
.navbar-toggler:focus{
  box-shadow: none;
}
.fw-bold1 {
  color: #0a2a66;
  font-size: 20px;
  font-weight: bold;
}

.nav-link dropdown-toggle {
  color: #0a2a66;
}
li.nav-item .btn {
    line-height: 2;
}
.nav-link, .dropdown-item{
  font-size: 17px;
  font-weight: 600;
  line-height:24px;
  letter-spacing: -0.17px;
  color: #BCC6CC;
   transition: color 0.3s ease; 
	position: relative; 
	padding: 0 !important;
}
.nav-link{
	margin: 0px 20px;
    
}
.dropdown-menu li {
    padding: 6px;
}
.nav-link:hover,
.nav-link.active {
  color: #1E4985 !important;
}

.navbar-collapse{
	margin-top: 15px;
}
.nav-link.active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background-color: #BCC6CC;
  border-radius: 2px;
}

.custom-toggler {
  border: none;
  background: transparent;
  outline: none;
}

.toggler-icon {
  display: block;
  width: 25px;
  height: 2px;
  margin: 6px auto;
  background-color: #1E4985;
  transition: all 0.3s ease-in-out;
}

/* Animation when menu is open */
.custom-toggler.active .top-bar {
  transform: rotate(45deg);
  position: relative;
  top: 8px;
}

.custom-toggler.active .middle-bar {
  opacity: 0;
}

.custom-toggler.active .bottom-bar {
  transform: rotate(-45deg);
  position: relative;
  top: -8px;
}
/**LAYOUT****/
.container {
  position: relative; 
 /*max-width: calc(100% - 320px); */
  max-width: 1680px;
 
}
.section{
  padding: 130px 20px;
}
.hero-section {
  background: #f8f9fa;
  padding: 50px 0;
  position: relative; 
  margin-bottom: 155px; 
}
.content_col{
  position: absolute;
  width: 816px;
  bottom: -100px;
  left: 0; 
}
.hero-text {
  background: transparent linear-gradient(132deg, #1E3382 0%, #162972 100%) 0% 0% no-repeat padding-box;  
  color: #fff;
  padding: 90px 112px;
}
.content_col .strip_img{
  margin-top: -10px;
}
.content_col .strip_img img{
  width: 100%;;
}
.box{
    width: 27px;
    height: 39px;
    border-radius: 10px;
    border: 3px solid #bcc6cc;
    position: absolute;
    right: 3%;
    bottom: -73px;
}
.scroll_down{
    display: block;
    z-index: 100;
    text-decoration: none;
    width: 27px;
    height: 39px;
    background-image: url(../image/arrow-down.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
    position: relative;
    left: -1.5px; 
    /* -webkit-transform: translate(-50%, 0%) rotate(45deg);
    -moz-transform: translate(-50%, 0%) rotate(45deg);
    transform: translate(-50%, 0%) rotate(45deg); */
    -webkit-animation: fade_move_down 4s ease-in-out infinite;
    -moz-animation: fade_move_down 4s ease-in-out infinite;
    animation: fade_move_down 4s ease-in-out infinite;
    cursor: pointer;
  }


  @-webkit-keyframes fade_move_down {
    0% {
      -webkit-transform: translate(0, -10px);
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      -webkit-transform: translate(0, 10px) ;
      opacity: 0;
    }
  }

  @-moz-keyframes fade_move_down {
    0% {
      -moz-transform: translate(0, -10px);
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      -moz-transform: translate(0, 10px);
      opacity: 0;
    }
  }

  @keyframes fade_move_down {
    0% {
      transform: translate(0, -10px);
      opacity: 0;
    }

    50% {
      opacity: 1;
    }

    100% {
      transform: translate(0, 10px);
      opacity: 0;
    }
  }

.partner-section .truckimg{
  margin: 0px auto 0 0;
}
.partner-section .hero-column{
    position: absolute;
    right: 0px;
    width: 916px;
    padding: 90px 112px;
    background-color: rgba(188, 198, 204, 1);
    bottom: -90px;
}
.partner-section .more_btn{
  background: rgba(30, 51, 130, 1) 0% 0% no-repeat padding-box;
  border: 2px solid rgba(30, 51, 130, 1);
}
.partner-section .strip_img {
    margin-top: -10px;
}
.hero-column h2 {
    font-weight: 300;
    font-size: 40px;
}
 .spanexbold {
    font-weight: 900;
}
.hero-column hr{
    color: #fff;
    width: 70px;
    opacity: 1;
    border-width: 2px;
    margin-top: 25px; 
    margin-bottom: 50px;
}
.hero-column p {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
   margin-bottom: 90px; 
}
/****HELP SECTION******/
.help_section .row{
  position: relative;
}
.truck3 img {
    width: 100%;
    height: 653px;
    object-fit: cover;
}
.help_section .container{
     max-width: 1170px; 
}
.line{
    width: 70px;
    height: 1px;
    position: absolute;
    background-color: rgb(130 132 133);
    left: -85px;
    top: 25px;
}
.sec_title{
    font-size: 40px;
    font-weight: 300;
    color: rgba(30, 51, 130, 1);
}
.help_section p{
  font-size: 16px;
  line-height: 24px;
  color: rgba(30, 51, 130, 1);
 
}
.help_section ul li{
  font-size: 18px;
  line-height: 24px;
  color: rgba(30, 51, 130, 1); 
  position: relative;
  margin-bottom: 12px; 
 cursor:pointer;
 transition: all 0.3s ease;
    font-weight: 500; 
}
.help_section .list-unstyled li:not(:last-child){
   padding: 9px 0px;
  border-bottom: 1px solid #e0e0e0; /* line color */
 }
.help_section ul li:hover, footer a:hover{
    transform: translateX(20px);
}
.help_section ul{
      margin: 45px 0px;
}
	.help_section p, .help_section ul, .sec_title, .truck3{
		padding-right: 50px;
	}
.help_section ul li:before{
  content: "";
  background-image: url(../image/right-arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height:18px;
  position: absolute;
  right: 0px;
  opacity: 0.5; 
}
.topimg{
  width:570px;
  height: 721px;
  object-fit: cover;
  object-position: center;
  margin-bottom: 15px;
}
.bottomimg{
  width:268px;
  height: 192px;
  object-fit: cover;
  object-position: center;;
}
/****FOOTER*********/
footer .top_footer{
  background: #0a2a66;
  color: #fff;
  padding:60px 150px 60px;
  position: relative;
 margin-top: 130px; 
}
.footer_logo img{
    max-width: 41px;
    height: 60px;
    object-fit: contain;
}
.web_about {
    display: flex;
    align-items: flex-start;
    justify-content: left;
    column-gap: 15px;
}
img.bottom_logo {
    right: 128px;
    position: absolute;
    top: -100px;
    width: 41px;
    height: 60px;
    object-fit: contain;
}
img.bottom_logo1 {
	left: 62%;
    position: absolute;
    top: 680px;
    object-fit: contain;
}

img.top_to_page {
  position: fixed;
    right: 60px;
    bottom: 40px;
   display: none; 
      cursor: pointer; 
}
.foot_menu_border{
  position: relative;
}
.foot_menu_border:before{
    content: "";
    width: 100%;
    height: 1px;
    background: rgb(255 255 255 / 82%);
    position: absolute;
    left: 0;
    top: -15px;
    margin: 0 auto;
    right: 0;
}

.graye_bg{
  background-color: #BCC6CC;
  font-size: 15px;
  font-weight: 900;
  line-height: 22px; 
  padding: 12px; 
}
.footerMenu li a{
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 1.5px;
  font-weight: 500;
  transition: all 0.3s ease;
 
}
.website small{
  color: rgba(255, 255, 255, 50%);
  font-size: 12px
}
.web_about p {
    font-size: 16px;
    color: #C5CED4;
    line-height: 24px;
}
.web_about p:first-child{
font-weight: 900
}
footer a {
  color: #C5CED4;
  text-decoration: none;
 transition: all 0.3s ease;
}

.truckimg {
	width: 68%;
	margin: 0 0 0 auto;
	text-align: right;
	}	
.truckimg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero-text h1 {
    font-size: 34px;
	font-weight: 400;
	line-height: 40px;
    margin-bottom: 55px;	
}
.hero-text h1 span{
	font-weight: 900;
}	
.more_btn{
	width: 322px;
	height: 45px;
    line-height: 2.2;	
    border: 0px;	
}
.truckimgright{
	position: relative;
}
footer {
    padding-bottom: 100px;
}
@media (min-width: 1950px) and (max-width: 7000px) {
/*.content_col{*/
/*	zoom: 1.4;*/
/*}*/
/*.partner-section .hero-column{*/
/*	zoom: 1.2;*/
/*}	*/
/*.help_section .container {*/
/*	    zoom: 1.7;*/
/*}*/
  .container {
}
/*.nav-link, .dropdown-item{*/
/*     font-size: 35px;   */
/*     margin: 0px 22px; */
/*}*/
/*li.nav-item .btn {*/
/*    width: 320PX;*/
/*    height: 60px;*/
/*    font-size: 25px;*/
/*}*/
/*.hero-text p, .hero-column p {*/
/*    font-size: 30px;*/
/*    line-height: 45px;    */
/*}*/
/*.hero-text h1 {*/
/*    font-size: 60px;*/
/*    line-height: 73px;*/
/*}*/
/*.more_btn {*/
/*    width: 510px;*/
/*    height: 80px;*/
/*}*/
/*.btn{*/
/*font-size: 30px;    */
/*}*/
/*.content_col {*/
/*    width: 1190px;*/
/*}*/
/*.help_section p {*/
/*    font-size: 30px;*/
/*    line-height: 45px;*/
/*}*/
/*.sec_title {*/
/*    font-size: 47px;*/
/*}   */
/*.help_section ul li {*/
/*    font-size: 33px;*/
/*    line-height: 42px;*/
/*    margin-bottom: 20px;*/
/*}*/
/*.hero-column h2{*/
/*     font-size: 55px;*/
/*    line-height: 67px;   */
/*}*/
/*.partner-section .hero-column{*/
/* width: 1155px;   */
/*}*/
/*.web_about p {*/
/*    font-size: 28px;*/
/*    line-height: 35px;    */
/*}   */
/*footer a{*/
/*    font-size: 30px;*/
/*    line-height: 50px;    */
/*}*/
/*.website small, .footerMenu li a {*/
/*    font-size: 25px;*/
/*}*/
/*.graye_bg {*/
/*    font-size: 30px;*/
/*    line-height: 50px;*/
/*}*/
/*.help_section .container {*/
/*    max-width: 1680px;*/
/*}*/
/*.dropdown-menu {*/
/*    width: 100%;*/
   
/*}*/
/*.dropdown-item{*/
/*    padding: 20px !important;     */
/*}*/
/*}*/
/*@media (min-width:1750px) and (max-width: 1950px){*/
/*  .container {*/
/*  max-width: 1680px;*/
/*}*/

/*}*/
/*@media (max-width: 2000px) and (min-width: 1660px){*/
/*  .container {*/
/*  max-width: calc(100% - 228px);*/
/*}*/
/*.content_col{*/
/*	zoom: 1.1;*/
/*}*/
/*.partner-section .hero-column{*/
/*	zoom: 0.8;*/
/*}*/
/*.help_section .container {*/
/*        max-width: calc(100% - 500px);*/
/*        zoom: 1;*/
/*    }*/

}

@media (max-width:1700px){
  .container {
  max-width: 92%;
  margin: 0 auto;
  
}	
.content_col, .partner-section .hero-column{
	zoom: 1.1;
}
.help_section .container {
    max-width: 1170px;
	zoom: 1;	
}

  img.top_to_page{
      right: 20px;  
  }
  .section {
    padding: 40px 20px;
}
.partner-section .hero-column{
    width: 800px;
    padding: 40px 40px;	
zoom: 0.9;	
}
.truckimg {
    width: 60%;
}
.content_col{
	width:52%;
	zoom: 1;
}
.hero-text{
	padding: 40px 40px;
}	

img.bottom_logo{
    top: -75px;	
}
.help_section p, .help_section ul, .sec_title, .truck3{
		padding-right: 50px;
	}

}
@media(max-width: 1360px){
  .line{
    width: 50px;
    left: -40px;
    top: 15px;
}
.hero-column p{
      margin-bottom: 40px;
}
.partner-section .hero-column{
    width: 780px;
    padding: 60px 50px;
    bottom: -130px;
	zoom: 0.7;
	
}
.content_col{
  width: 720px;
}
.hero-text{
     padding: 40px 40px; 
}
.navbar-brand{
    width: 170px;	
}
.navbar-brand img{
    width: 100%;	
}
	
}
@media(max-width: 1279px){
.truckimg {
    width: 68%;
    }
img.bottom_logo1 {
    left: 75%;
    top: 500px;
    width: 70px;
}	

  .topimg, .truck3 img{
    width: 100%;
    height: 100%; 
  }
.partner-section .hero-column {
        width: 600px;
        padding: 40px 40px;
      bottom: -75px;  
  }
  .content_col{
    width: 500px;
  } 
  .hero-text h1 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 26px; 
  }
 .sec_title {
    font-size: 25px;
 } 
 .help_section .container {
    max-width: 840px;
}
.hero-column h2 {
    font-size: 25px;
}
.hero-column hr{
    margin-top: 20px;
    margin-bottom: 25px; 
}
.hero-column p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 25px; 
}
  img.top_to_page {
      right: 20px;
  }
}
@media (max-width: 990px){
  .navbar-nav .nav-item:last-child{
    display: none;
  }
    img.bottom_logo1
	{top: 96%;}
	.mobile_view{
		text-align: center;
		WIDTH: 30%;
    display: block;
	}
.content_col {
  width: 100%;
  position: relative;
  bottom: 0;
}
.box{
  right: 0;
  bottom: -73px;
  margin: 0 auto;
  left: 0;
}
.hero-section{
  margin-bottom: 60px; 
}
.help_section .container {
    max-width: 620px;
}
.section {
    padding: 40px 20px;
}
.partner-section .hero-column {
    width: 100%;
    padding: 40px 40px;
    bottom: 0;
    position: relative;
}
.partner-section .truckimg{
  padding: 0px;
}
.partner-section .row{
  flex-direction: column-reverse;
}
footer .top_footer{
  margin-top: 80px; 
  padding: 60px 10vw 30px; 
}
footer {
    padding-bottom: 50px;
}
.graye_bg{
  font-size: 12px;
}
.truckimg {
    width: 100%;
}
	.custom-toggler{
		width: 25%;
	}
	.navbar{
		margin-bottom:10px;
		box-shadow: rgb(0 0 0 / 15%) 0px 25px 20px -20px;
	  width: 100%;	
	}
	.navbar-brand{
		justify-content: center;
		margin: 0;
	}

	.toggler-icon{
		margin: 6px 0 0 auto;
		padding-right:0px;		
	}
	.nav-link{
		margin: 10px 18px;
	}
	.navbar-nav .dropdown-menu{
		padding-left: 20px;
        border: 0px;
        padding-right: 20px;
	}	
	.nav-item .btn{
		margin: 10px 15px 20px 18px;
	}
    .help_section p, .help_section ul, .sec_title, .truck3 {
        padding-right: 0px;
    }
}
@media (max-width: 767px){
  .mobile_view{
    width: 40%;
  }
  img.bottom_logo1 {
        top: 80%;
    width: 40px;    
 } 
  .mobile_view a{
    font-size: 12px;
    padding: 4px;
  }
 .hero-text h1 {
    font-size: 22px;
 } 
.hero-text {
    padding: 30px 30px;
} 
.more_btn {
    width: 100%;
}
.hero-section {
    margin-bottom: 50px;
}    
.help_section .container {
        max-width: 80%;
    }
	.pd-0{
		padding: 0px;
	}
.truckimgright{
 display: flex;
  gap: 10px; 
  margin-top: 10px; 
}
.truck3 img {
    width: 100%;
    height: 100%;
}
.topimg, .bottomimg{
  width: 48%;
  height: 100%;
}
.partner-section .hero-column{
padding: 25px 26px;  
}
.website {
  text-align: center!important;
}
.footerMenu{
  justify-content: center;
}
.custom-toggler {
    width: 10%;
}
.web_about p {
    font-size: 14px;
}
.partner-section.section{
	padding-top: 0px;
}
img.top_to_page {
    right: 6px;
}
.line {
    width: 35px;
}
    .navbar-brand {
        width: 110px;
    }
    .mobile_view {
        width: 37%;
        zoom: 0.8;
    }
}