/*!
Theme Name: bansalcargo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bansalcargo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bansalcargo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@charset "utf-8";
 
::selection {
	background: #000; 
	color:#fff;
	}
::-moz-selection {
	background: #000;  
	color:#fff;
} 

 
/*  font-family: "Barlow Condensed", sans-serif; 
font-family: "Barlow", sans-serif;*/ 
	
*{ margin:0; padding:0; outline:none;}
.container {  position:relative;}
body { margin:0; padding:0; font-family: "Barlow", sans-serif; font-weight:400; line-height:normal; overflow-x: hidden !important; max-width:100%; }
p { margin:0; padding:15px 0 0 0; font-family: "Barlow", sans-serif; font-weight:400; font-size:16px; line-height:24px ; color: #333333; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Barlow Condensed", sans-serif; }
ul, li { margin:0; padding:0; font-family: "Barlow", sans-serif;}
a { color:#000; text-decoration:none;}
a:hover  { text-decoration:none;  }
img { width:100%;}
.form-control:focus {box-shadow:none;}

h1 { font-size:clamp(30px, 5vw, 60px); line-height: clamp(36px, 5vw, 70px);}
h2 { font-size:clamp(26px, 5vw, 40px); line-height: clamp(32px, 5vw, 50px);}
h2 span { color:#A6CE39;}
h3 { font-size:clamp(18px, 5vw, 24px); line-height: clamp(24px, 5vw, 32px);} 
h4 { font-size:clamp(16px, 5vw, 20px); line-height: clamp(22px, 5vw, 26px);}
h5 { font-size:clamp(16px, 5vw, 18px); line-height: clamp(20px, 5vw, 24px);}
h6 { font-size:16px; font-family: "Barlow", sans-serif; font-weight:600; color:#2F3192; letter-spacing:2px; text-transform:uppercase;}
 

.btn { background:#2F3192; border:none; font-size:16px; font-weight:600 !important; padding:12px 25px !important; border-radius:5px; color:#fff !important; text-decoration:none;  }
.btn .fa-angle-right { float:right; font-size:14px; margin:6px 0 0 0; }
.btn:hover { background:#A6CE39; }
.btn:active { background:#A6CE39 !important;  }
    
header { background:#ffffff;} 
 
nav .navbar-collapse {flex-grow: 0;} 
.navbar { padding:0; width:100%; background:#fff;}
.navbar .navbar-brand { max-width:220px; padding:15px 0;}
.navbar .navbar-nav   {align-items: center;}
.navbar .navbar-nav .nav-item { padding:0;}
.navbar .navbar-nav .nav-link { margin:0 0 0 25px; padding:5px 0; font-size:16px; color:#000; font-weight:600;}
.navbar .navbar-nav .nav-link:hover { color:#2F3192;}
.navbar .navbar-nav .nav-link.active {  color:#2F3192;}
.navbar .navbar-toggler {border:2px solid #000; background:url(images/menu-icon.png) center center no-repeat #fff; padding:4px 8px; margin:9px 0;}
.navbar .navbar-toggler:focus { box-shadow:none;}
.navbar .dropdown-toggle::after{ content: '\f107' !important; font-family: "Font Awesome 7 Free"; font-weight: 900; border: none !important; display: inline-block !important;  margin-left: 8px; font-size: 14px; vertical-align: middle;}
 
.f-nav { z-index:999; position:fixed; top:0; width:100%; box-shadow:0 0 5px #ccc;}
.dropdown { position:relative;}
.dropdown input { display:none;}
.mobile_toggle { display:none; cursor:pointer; padding:10px;}
.dropdown-menu { display:none; position:absolute; top:100%; left:0; min-width:360px; background:#fff; padding:0; border:1px solid #DBDBDB; z-index:999; border-radius:0;}
.dropdown:hover > .dropdown-menu{ display:block;}
.dropdown-menu li{  list-style:none; position:relative;}
.dropdown-menu li a { display:flex; align-items:center; justify-content:space-between; font-weight:600; padding:10px 15px; color:#000; text-decoration:none;}
.dropdown-menu li a:hover{ background:#2F3192; color:#fff;}
 
section { width:100%; background:#ffffff;  }
.banner_section { position:relative; height:650px; overflow:hidden;}
.banner_section .row { gap:20px;}
#carouselExample img{ width:100%; height:100VH; object-fit:cover; object-position:center center;}
#carouselExample:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55); z-index:2;}
.banner_content{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; display:flex; align-items:center;}
.banner_content .banner_tag {display:inline-block; background:#3135b5; color:#fff; padding:4px 10px; border-radius:3px; margin-bottom:15px; font-weight:600; letter-spacing:2px;}
.banner_content h1 { color:#fff;}
.banner_content h1 span { color:#A6CE39;}
.banner_content p { color:#fff; font-size:clamp(16px, 4vw, 20px); max-width:540px;}
.banner_content .btn { margin-top:20px;}

.track_box { background:rgba(0,0,0,.5); border:1px solid #393939; padding:30px; border-radius:10px;} 
.track_box .track_title { display:flex; align-items:center; gap:15px; margin-bottom:20px;}
.track_box .track_title h3 { color:#fff;}
.track_box .track_title p { padding:0;}
.track_box .track_title img { width:48px;}
.track_box label { color:#fff; padding-bottom:10px;}
.track_box .form-control {background:rgba(0,0,0,.5); border:1px solid #393939; height:48px; border-radius:5px; color:#fff !important;}
.track_box .form-control::placeholder{ color: rgba(255,255,255,0.7) !important;}
.track_box .btn { width:100%;}

.about_section_bg { padding:clamp(40px, 5vw, 80px) 0; position:relative;}
.about_section_bg .btn { margin-top:20px;}
.about_img_left { position:relative;}
.about_img_left img { border-radius:10px; width:98%;}
.about_img_left .box { background:#A6CE39; border-radius:10px; position:absolute; bottom:-10px; right:0; width:120px; font-size:18px; font-weight:500; text-align:center; color:#fff; padding:10px 0; text-shadow:0 2px 1px #636363;}
.about_img_left .box span { font-size:40px; font-family: "Barlow Condensed", sans-serif; font-weight:700;}

.what_we_offer_bg { padding:clamp(40px, 5vw, 80px) 0; background:#F8F8F8; text-align:center;}
.what_we_offer_bg p { max-width:1100px; margin:0 auto; padding:0 15px;}
.what_we_offer_bg .row {padding-left: clamp(15px, 4vw, 100px); padding-right: clamp(15px, 4vw, 100px);}
.services_box { width:100%; background:#fff; border:1px solid #E1E1E1; border-radius:10px; margin-top:30px; transition: all 0.4s;}
.services_box img { border-radius:10px 10px 0 0;}
.services_box h5 { padding:15px 15px 0 15px;}
.services_box p { padding:10px 15px 0 15px;}
.services_box .btn { background:none !important; padding:0 !important; color:#2F3192 !important; margin:12px 0 20px 0;}
.services_box .btn:hover { color:#A6CE39 !important;}
.services_box:hover {transition: all 0.4s; transform: translateY(-8px);}

.why_choose_us_bg { padding:clamp(40px, 5vw, 80px) 0; text-align:center;}
.why_choose_box { width:100%; background:#fff; border:1px solid #E1E1E1; border-radius:10px; margin-top:30px; padding:30px; border-bottom:3px solid #2F3192; transition: all 0.4s;}
.why_choose_box h3 i { margin-right:10px; color:#2F3192;}
.why_choose_box h5 { display:flex; align-items: center;}
.why_choose_box h5 img { width:42px; margin-right:10px;}
.why_choose_box p { text-align:left; padding:10px 0 0 0;}
.why_choose_box:hover {transition: all 0.4s; transform: translateY(-8px);}

.how_work_sec_bg { padding:clamp(40px, 5vw, 80px) 0; background:#F8F8F8; text-align:center;}
.process_wrap{ position:relative;}
.process_line{ position:absolute; top:64px; left:16%; width:68%; height:1px; background:#d8d8d8;}
.step_box { text-align:center; position:relative; padding-top:30px;}
.step_number { width:64px; height:64px; background:#3036b6; border-radius:50%; color:#fff; font-size:34px; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 25px; border:4px solid #fff; box-shadow:0 0 0 2px #d9d9d9; position:relative; z-index:2;}
.step_box h5 { margin-bottom:15px;}
.step_box p { max-width:320px;  margin:0 auto;}

.client_testimonials_bg { padding:clamp(40px, 5vw, 80px) 0;}
.testimonial_box {background:#fff; border:1px solid #E1E1E1; border-radius:10px; padding:clamp(20px, 5vw, 30px); margin:30px 0 75px 0; position:relative; border-left:3px solid #2F3192;}
.testimonial_box .star { width:102px; margin:0;}
.testimonial_box .name_box {display:flex; align-items:center; margin-top:15px;}
.testimonial_box .name_box img { width:48px; margin-right:15px;}
.testimonial_box .name_box p { padding:0;}
.testimonial_box .quotes_icon { position:absolute; bottom:30px; right:30px;}
.testimonial_box .quotes_icon img { width:42px;}
.testimonial_slider .slick-slide { margin:0;}
.testimonial_slider .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top: auto; bottom:0; right:auto; left:46px;}
.testimonial_slider .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top: auto; bottom:0; left:0;}
.testimonial_slider .slick-next:before { display:none;}
.testimonial_slider .slick-prev:before { display:none;}
.video_img_bg { width:100%;}

.client_list_bg { background:#F8F8F8; padding-top: clamp(40px, 5vw, 80px); padding-bottom: clamp(40px, 8vw, 200px); text-align:center;}
.client_logo img {  width:100%; background:#fff; border:1px solid #E1E1E1; border-radius:10px; padding:5px 15px; margin-top:30px;}
.client_logo.slick-slider { margin:0 -15px;}

.stats_section {background:#fff; border-radius:10px; width:86%; margin:0 auto; padding:20px 0; box-shadow: 0 3px 5px rgba(0,0,0, 0.1); position: absolute; bottom:-220px; left:0; right:0; }
.stat_item { text-align:center; position: relative; margin:15px 0;}
.stat_item:not(:last-child)::after { content:""; position:absolute;	top:15%; right:0; width:1px; height:70%; background:#e5e5e5;}
.stat_item h2 { color:#2F3192;}
.stat_item p { padding:0;} 

.blog_section_bg {padding-top:clamp(40px, 8vw, 140px); padding-bottom:clamp(40px, 5vw, 80px); text-align:center;}
.blog_card { background: #fff; border-radius:10px; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; margin-top:30px; display:flex; flex-direction:column; width:100%; border:1px solid #E1E1E1; position:relative;}
.blog_card:hover { transform: translateY(-8px); }
.blog_card img { width: 100%; object-fit: cover; border-radius:10px 10px 0 0;}
.blog_card .date { position:absolute; top:15px; right:15px; background:#2F3192; font-size:13px; color:#fff; text-transform:uppercase; padding:7px 12px; border-radius:15px;}
.blog_card .date i { color:#A6CE39; margin-right:5px; }
.blog_card h5 { padding: 20px 20px 0 20px; text-align:left;}
.blog_card p { padding: 10px 20px 0 20px; text-align:left;}
.blog_card h5 a { color:#333; text-decoration: none;}
.blog_card h5 a:hover { color:#2F3192;}
.blog_card .btn { background:none !important; padding:0 !important; color:#2F3192 !important; margin:10px 20px 20px 20px; text-align:left; display: inherit;}
.blog_card .btn:hover { color:#A6CE39 !important;}
 
footer { width:100%; background:#1E1E1E; padding:0; position:relative;}
.footer_box { width:100%; padding-top:clamp(40px, 5vw, 80px);}  
.footer_box h3 { color:#A6CE39; padding-bottom:5px;}
.footer_box p {display: flex; width:100%; text-align:left; color:#fff; padding:15px 0 0 0;}
.footer_box p i { font-size:18px; color:#A6CE39; padding:2px 5px 0 0;}
.footer_box p i.fa-location-dot{ font-size:22px; margin-bottom:22px;}
.footer_box p a {color:#fff;}
.footer_box p a:hover { color:#A6CE39;}
.footer_box ul { width:100%; list-style:none; padding:7px 0 0 0; margin:0;}
.footer_box li { width:100%; list-style:none; padding:8px 0 8px 0; margin:0;}
.footer_box li a { font-size:16px; color:#fff; padding:0 0 0 14px; background:url(images/link-arrow.svg) left 5px no-repeat;}
.footer_box li a:hover { color:#A6CE39;}
.footer_box .left_icon a { font-size:24px; color:#fff; margin:20px 15px 0 0;}
.footer_box .left_icon a:hover { color:#A6CE39;}
.footer_newsletter_box { width:100%; position:relative; }
.footer_newsletter_box .newsletter_input { width:100%; margin-top:15px; padding:0 0 0 20px; background:#fff; font-size:16px; color:#000; height:48px; border:none; border-radius:5px;}
.footer_newsletter_box .newsletter_input:focus { border-color:#ccc !important; box-shadow: none !important; outline: 0 !important;}
.footer_newsletter_box .btn {margin-top:15px;}
.copyright_text_bottom { width:100%; text-align:center; color:#fff; font-size:16px; background:#141414; padding:25px 0; margin-top:clamp(40px, 5vw, 80px);}  
 
.inner_page_title_bg {width:100%; background-size:cover !important;  padding:clamp(60px, 8vw, 140px) 0; position:relative; text-align:center;}
.inner_page_title_bg::before {content: ''; position:absolute; top:0; left:0; width: 100%; height:100%; background-color: rgba(0, 0, 0, 0.6);}
.inner_page_title_bg h1 { color:#fff;}
.inner_page_title_bg .header_link { width:100%; text-align:center; font-size:16px; color:#fff; padding:10px 0 0 0;}
.inner_page_title_bg .header_link a { text-align:center; font-size:16px; color:#fff;}
.inner_page_title_bg .header_link span { text-align:center; font-size:16px; padding:0 15px; color:#fff;}

.contact_page_main { width:100%;}
.contact_form_bg {display:flex; flex-wrap:wrap; max-width:1000px; margin:0 auto; padding-top:clamp(40px, 5vw, 80px);}
.contact_form_bg h2 { text-align:center; padding-bottom:15px;}
.contact_form_bg .form-control { width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #DDDDDD; min-height:50px; padding:15px; margin-top:20px; border-radius:5px;}
.send_message_button { width:100%; margin:20px 0 0 0; text-align: center; }
.contact_box_text { width:100%; text-align:center; margin-top:clamp(40px, 5vw, 80px); border:1px solid #2F3192; border-radius:10px;}
.contact_box_text h3 { width:100%; padding:20px 15px 0 15px; color:#000; text-align:center;  }
.contact_box_text p { width:100%;   text-align:center; padding:10px 15px 0 15px; min-height:60px;}
.contact_box_text .icon {  width:100%; margin-top:20px; background:#2F3192; padding:10px;  border-radius:0 0 8px 8px;}
.contact_box_text .icon i { color:#fff; font-size:18px;} 
.contact_map { width:100%; margin-top:clamp(40px, 5vw, 80px);}

.sendenquiry_popup .modal-content { background:#fff;}
.sendenquiry_popup .modal-header { padding:15px 20px;}
.sendenquiry_popup .modal-body { padding:5px 20px 20px 20px;}
.sendenquiry_popup .modal-title { text-align:left; color:#000; }
.sendenquiry_popup label { margin:0; padding:0; font-size:16px; font-weight:700; }
.sendenquiry_popup .form-control  { width:100%; font-size:16px; color:#000; background:#fff; border:1px solid #DDDDDD; min-height:50px; padding:15px; margin-top:20px; border-radius:5px;}
.sendenquiry_popup .form-select  { width:100%; font-size:16px; color:#000; background-color:#fff; border:1px solid #DDDDDD; min-height:50px; padding:15px; margin-top:20px; border-radius:5px;}
.sendenquiry_popup .btn {  margin-top:15px; }
.iti__selected-country { border-right:none !important;}
.wpcf7-not-valid-tip { float:none; width:100%;}
.scpv-error-message { padding:22px 0 0 0;}
	
.vision_mission_bg {padding-bottom:clamp(10px, 5vw, 50px);}
.vision_mission_bg .why_choose_box { margin:0 0 30px 0;}
	
.team_members_bg { padding: clamp(40px, 5vw, 80px) 0; background: #F8F8F8; text-align: center;}
.team_member_box { width:100%; background:#fff; border: 1px solid #E1E1E1; border-radius: 10px; margin-top: 30px; transition: all 0.4s;}
.team_member_box:hover { box-shadow:0 9px 25px #ccc; transition: all 0.4s; transform: translateY(-8px);}
.team_member_box .img { overflow:hidden; width:100%; border-radius:10px 10px 0 0;}
.team_member_box h4 { padding:20px 0 0 0; font-size:20px;}
.team_member_box h6 { letter-spacing:normal; padding:2px 15px 0 15px; text-transform:inherit; min-height:44px;}
.team_member_box p { padding:5px 15px 20px 15px; min-height:182px; line-height:22px;} 
.team_member_slider.slick-dotted.slick-slider {margin:0;}
.team_member_slider .slick-next { background:url(images/arrow-right.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:50%; bottom:0; right:0;}
.team_member_slider .slick-prev { background:url(images/arrow-left.svg) right center no-repeat; width:36px; height:36px; background-size:36px; top:50%; bottom:0; left:0;}
.team_member_slider .slick-next:before { display:none;}
.team_member_slider .slick-prev:before { display:none;}

.blogs_page_main { width:100%; padding:clamp(25px, 5vw, 65px) 0;}
.blogs_page_main .blog_card { margin:15px 0;}
.blog_left_bg { width:100%; background:#F8F8F8; margin:15px 0; padding:0 20px; border-radius:10px; display: inline-block;}
.blog_left_bg h3 { padding:20px 0 0 0; color:#2F3192;}
.blog_left_bg ul { width:100%; list-style:none; margin:10px 0; padding:0;}
.blog_left_bg li { width:100%; list-style:none;  padding:12px 0;}  
.blog_left_bg li a { font-size:16px; font-weight:600; color:#333; background:url(images/ellipse-icon.svg) left 6px no-repeat; padding:0 0 0 15px;}
.blog_left_bg li a:hover { color:#2F3192;}
.blog_left_bg .blog_img_box { display:flex; align-items:center; width:100%; border-bottom: 1px solid #D9D9D9; padding:20px 0;}
.blog_left_bg .blog_img_box:last-child { border:none;}
.blog_left_bg .blog_img_box .img img { width:115px; margin-right:20px; border-radius:5px;}
.blog_left_bg .blog_img_box .img img:hover { opacity:0.8;}
.blog_left_bg .blog_img_box .text p { color:#7E7E7E; padding:0; font-size:16px;}
.blog_left_bg .blog_img_box .text h5 a { color:#333; padding:0; }
.blog_left_bg .blog_img_box .text h5 a:hover { color:#2F3192;}
.our_news_detail_text { width:100%; margin:15px 0; }
.our_news_detail_text .image { width:100%; position:relative; padding-bottom:15px;}
.our_news_detail_text .image img {border-radius:10px;}
.our_news_detail_text .date { position:absolute; top:15px; right:15px; background:#2F3192; font-size:13px; color:#fff; text-transform:uppercase; padding:7px 12px; border-radius:15px;}
.our_news_detail_text .date i { color:#A6CE39; margin-right:5px; }
.our_news_detail_text h3 { padding:15px 0 0 0;}
.our_news_detail_text h4 { padding:15px 0 0 0;}
.our_news_detail_text ul { padding:8px 0 0 0; list-style:none;}
.our_news_detail_text li { background:url(images/link-arrow.svg) left 11px no-repeat; padding:7px 0 0 15px; color:#333;}

.careers_page_main { padding:clamp(40px, 5vw, 80px) 0; text-align:center;}
.careers_page_main label { text-align:left; width:100%; padding:20px 0 0 0;}
.careers_page_main label span { color:#F00;}
.careers_page_main .form-control {width: 100%; font-size:16px; color: #000; background: #fff; border: 1px solid #DDDDDD; min-height: 50px; padding: 15px; border-radius: 5px;}
.careers_page_main .form-select {width: 100%; font-size:16px; color: #000; border: 1px solid #DDDDDD; min-height: 50px; padding: 15px; border-radius: 5px;}
.careers_page_main .text-muted { text-align:left;}
.careers_page_main .form-check-label { padding:0;}
.careers_page_main .form-check-input { border:1px solid #ccc;}




.branches_page_main  { padding:clamp(40px, 5vw, 80px) 0; }
.hub_box { background:#2F3192; border-radius:10px; margin-top:30px; padding:30px;}
.hub_box h3 { color:#fff;}
.hub_box h3 i { color:#A6CE39;}
.hub_box p { color:#fff; padding:5px 0 0 0;}
.hub_detail .box { background:#484AAB; border-radius:10px; margin-top:30px; padding:30px; width:100%;}
.hub_detail .box h4 { color:#fff;}
.hub_detail .box p a { color:#fff;}

.states_and_cities_box { padding:40px 0 0 0;}
.states_and_cities_box p { padding:5px 0 0 0;}
.states_and_cities_box .branch_box {width: 100%; background: #fff; border: 1px solid #E1E1E1; border-radius: 10px; margin-top: 30px; padding: 30px; border-bottom: 3px solid #2F3192; transition: all 0.4s;}
.states_and_cities_box .branch_box i { color:#A6CE39; font-size:20px; margin-bottom:10px;}
.states_and_cities_box .branch_box p { padding:8px 0 0 0;}
.states_and_cities_box .branch_box p i { color:#333; font-size:14px; margin:0 5px 0 0;}
.states_and_cities_box .branch_box:hover {transition: all 0.4s; transform: translateY(-8px);}
.states_and_cities_box .branch_box.main { background:#A6CE39;}
.states_and_cities_box .branch_box.main i { color:#000; }

.service_page_main { padding:clamp(20px, 5vw, 60px) 0;}
.service_content_bg { margin:20px 0; }
.service_content_bg h5 { padding:15px 0 0 0;}
.service_content_bg .image img { border-radius:15px;}
.service_content_bg ul { padding:8px 0 0 0; list-style:none;}
.service_content_bg li { background:url(images/link-arrow.svg) left 11px no-repeat; padding:7px 0 0 15px; color:#333;}
.service_content_bg .btn { margin-top:18px;}

.our_full_load_services { width:100%;  padding-top:clamp(10px, 5vw, 30px); }
.our_full_load_services ul { padding:8px 0 0 0; list-style:none;}
.our_full_load_services li { background:url(images/check-mark.svg) left 12px no-repeat; padding:7px 0 0 22px;  }

.load_services_box { width:100%; background:#fff; border:1px solid #E1E1E1; border-radius:10px; margin-top:30px; padding:30px 20px; border-bottom:3px solid #2F3192; transition: all 0.4s; text-align:center;}
.load_services_box h5 { text-align:center;}
.load_services_box i { font-size:32px; color:#2F3192; margin-bottom:15px;}
.load_services_box p { text-align:center; padding:10px 0 0 0;}
.load_services_box:hover {transition: all 0.4s; transform: translateY(-8px);}

.why_choose_ftl { width:100%; text-align:center; padding:clamp(40px, 5vw, 80px) 0; margin-top:clamp(40px, 5vw, 80px);  background: #F8F8F8; }

.industries_we_serve_bg { padding:clamp(10px, 5vw, 50px) 0;}
.iws_box { margin:30px 0;}
.iws_box .image img { border-radius:15px;}
.iws_box h5 { padding:15px 0 0 0;}
.iws_box ul { padding:8px 0 0 0; list-style:none;}
.iws_box li { background:url(images/check-mark.svg) left 12px no-repeat; padding:7px 0 0 22px;  }
 
.faq_right_bg {width:100%; }
.faq_right_bg .container { max-width:1000px;}
.faq_question { width:100%; margin-top:30px;}
.faq_question .accordion-item { border:none; margin-top:5px;  border:1px solid #DDDDDD;}
.faq_question .accordion-button { background:#fff; font-weight:700; font-size:16px; color:#000;   font-family: "Outfit", sans-serif;}
.faq_question .accordion-button:not(.collapsed) { background:#2F3192 !important; color:#fff !important;   padding:12px 20px;}
.faq_question .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px;}
.faq_question .accordion-button:focus {   box-shadow:0 0 5px #e8e8e8;}
.faq_question .accordion-body { padding:0 20px;} 
.faq_question .accordion-button::after { background:url(images/plus-icon.svg) right center no-repeat; width:24px; height:24px;}
.faq_question .accordion-button:not(.collapsed)::after {background:url(images/minus-icon.svg) right center no-repeat; width:24px; height:24px; transform: rotate(0); }
.faq_question .accordion-body p {  padding:20px 0;  } 
.faq_right_bg .text-center h3 { padding-top:40px;}
.faq_right_bg .text-center .btn { margin:15px 0;}
   
@media (min-width:1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1300px;}
}
 
@media only screen and (min-width:220px) and (max-width:1120px) { 
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1020px;} 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {padding-right: var(--bs-gutter-x, 15px); padding-left: var(--bs-gutter-x, 15px); --bs-gutter-x: 15px;}
}


@media only screen and (min-width:220px) and (max-width:1240px) { 
section {  overflow-x:hidden; }
}

@media only screen and (min-width:220px) and (max-width:1080px) { 
.stats_section {  position:inherit; bottom:0; left:0; right:0;  margin-top: clamp(40px, 5vw, 80px);}
}

@media only screen and (min-width:220px) and (max-width:991px) { 
.navbar .navbar-nav .nav-item {  width:100%;}
.navbar .navbar-nav .nav-link {margin: 0; padding:10px 0;}
.navbar .navbar-nav .nav-link.btn {display: inline-block;}
.about_img_left { margin-bottom:30px;}
.process_line { display:none;}
.stat_item:not(:last-child)::after {display: none; }
  
.navbar .dropdown-toggle::after{ display:none !important;}
.mobile_toggle{ display:block;}
.mobile_toggle i { display:block;}
.menu_flex { display:flex; align-items:center; justify-content:space-between;}
.dropdown-menu{ position:static; width:100%; box-shadow:none;}
.dropdown:hover > .dropdown-menu{ display:none;}
#products-menu:checked ~ .dropdown-menu { display:block;}
.service_content_bg .image img { margin-bottom:20px;}

}
 
@media only screen and (min-width:220px) and (max-width:860px) {

}


@media only screen and (min-width:220px) and (max-width:767px) {
.navbar .navbar-brand { max-width:180px; padding: 15px 0;} 
 
}

@media only screen and (min-width:220px) and (max-width:640px) {
 
}

@media only screen and (min-width:220px) and (max-width:580px) {
.track_box { padding:20px;} 
}

@media only screen and (min-width:220px) and (max-width:480px) {

}  

@media only screen and (min-width:220px) and (max-width:400px) {
 
}
.about_text_main {
    width: 100%;
    padding: 40px 0 60px 0;
}
 
