/* @font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=SUSE:ital,wght@0,100..900;1,100..900&display=swap');
*{
    font-family: "SUSE", sans-serif;
    --primary-color: #DF1411;
    --dark-color: #0e0e0e;
    transition: all 0.3s ease-in-out;
}

h1,h2,h3,h4,h5,h6 { font-family: "Bricolage Grotesque", sans-serif;}
html, body{overflow-x: hidden;}
body::-webkit-scrollbar {width: 3px; }
body::-webkit-scrollbar-track {background: #f1f1f1;}
body::-webkit-scrollbar-thumb {background: var(--primary-color);}
body::-webkit-scrollbar-thumb:hover {background: var(--dark-color); }
.pt-8{padding-top:80px;}
a{outline: none;}
.container{max-width: 1440px; width: 100%;}
.main-logo img{width: 200px;}
ul.nav{gap: 5px;}
.navbar-toggler{display:flex; flex-direction:column; gap:8px; border:0px; box-shadow:none !important; outline:none}
.navbar-toggler span.navbar-toggler-icon{display:block; width:40px; height:2.5px; transition:all 0.3s ease-in-out; background-color:white;}
.navbar-toggler[aria-expanded="true"] span:nth-child(2){opacity:0;transform:translateX(-100%);}
.navbar-toggler[aria-expanded="true"] span:first-child{transform:translateY(10px) rotate(45deg)}
.navbar-toggler[aria-expanded="true"] span:last-child{transform:translateY(-10px) rotate(-45deg)}
.nav-link{font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 15px; color: white; position: relative;}
.nav-link:hover{color: white;}
.nav-link::before{content:''; width: 44px; position: absolute; top: 50%; height: 2px; background: linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 75%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); left: 50%; transform:translateX(-50%) rotate(-60deg) scaleX(0); transition: all 0.3s ease-in-out;}
.nav-link:hover::before{transform: translateX(-50%) rotate(-60deg) scaleX(1);}
.banner{position: relative;}
.banner::before{content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 9;}
.btn.btn-primary{background-color: var(--primary-color); border: 0px; font-size: 17px; font-weight: 500; border-radius: 30px; padding: 12px 30px; position: relative; overflow: hidden;}
.btn .relative{position: relative; z-index: 1;}
.btn.btn-primary::before{content: ''; width: 101%; height: 101%; background-color: var(--dark-color); position: absolute; top: 0; right: 0; border-radius: 30px;z-index: 0; transform: translateX(-100%); transition: all 0.4s ease-in-out;}
.btn.btn-primary:hover::before{ color: #fff; }
.btn.btn-secondary{background-color: var(--dark-color); border: 0px; font-size: 14px; font-weight: 700; border-radius: 30px; padding: 12px 30px; position: relative; overflow: hidden;}
.btn.btn-secondary::before{content: ''; width: 100%; height: 100%; background-color: var(--primary-color); position: absolute; top: 0; right: 0; border-radius: 30px;z-index: 0; transform: translateX(-100%); transition: all 0.4s ease-in-out;}
.btn.btn-secondary:focus{background-color:var(--dark-color)}
.btn.btn-primary:focus{background-color:var(--primary-color)}
.btn.btn-secondary:hover::before, .btn.btn-secondary:focus::before{transform: scale(1.1) translateX(0%);}
header.fixedTop{background-color: var(--dark-color); animation: slideDown 0.7s ease-in-out;}
.banner-img { background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; background-attachment: fixed;}
.carousel-indicators{z-index: 9;}
.carousel-indicators button{width: 10px !important; height: 10px !important; display: inline-block; border-radius: 50px !important; border: 0px; margin: 0px 3px !important; transition: all 0.2s linear; background: white !important; border: 0px !important;}
.carousel-indicators button.active{width: 20px !important;}
.carousel-control-prev, .carousel-control-next{display: none;}
.navbar-toggler { color: #fff;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: #fff;}
.navbar-toggler-icon { background: none; line-height: 1.5em; text-align: center; }
footer{background-color: var(--dark-color); padding: 75px 0px 0px 0px;}
footer .pre-footer{border-top: 1px solid #FFFFFF1A; padding: 20px 0px;}
footer .pre-footer h6{color: white; font-size: 16px; font-weight: 500; text-align: center;}
footer .footer-logo{width: 175px; margin-bottom: 40px;}
.footer-links h4{color: white; font-size: 18px; margin-bottom: 20px;}
.footer-links ul{list-style: none; padding: 0px;}
.footer-links ul a.nav-link{padding: 8px 0px; font-weight: 500; color: #FFFFFFBF;text-transform: capitalize; }
.footer-links ul a.nav-link:hover{color: var(--primary-color);}
.footer-links ul a.nav-link::before{display: none;}
footer .footer-big-title{margin-bottom: 30px;}
footer .footer-big-title h4{font-size: 45px; font-weight: 500; color: white; }
footer .footer-big-title span.arrow-right{font-size: 60px; color: white; opacity: 0.9; }
footer .social-list p{font-size: 16px; margin-bottom: 5px; color: #FFFFFFBF; font-weight: 500;} 
footer .social-list a{font-size: 24px; color: white !important; margin-bottom: 25px; display: inline-block; font-weight: 600;}
footer .social-list a:hover{text-decoration: none; color: var(--primary-color); opacity: 0.8;}
.privacy{padding:25px 0px;}
.privacy p{color:#757f95; font-size:16px; line-height:26px; margin-bottom:15px;}
.privacy h1, .privacy h2, .privacy h4, .privacy h5, .privacy h6{font-size:24px; font-weight:600; margin-bottom:15px}
.privacy h3{font-size:22px; margin-bottom:10px;}
#page-loader{position: fixed; width: 100%; height: 100vh; top: 0; right: 0; z-index: 99999; text-align: center; align-content: center; }
#page-loader .dark1, #page-loader .dark2{background-color: var(--dark-color); width: 100%; height: 50vh; position: absolute; top: 0;}
#page-loader .dark2{bottom: 0; top: auto;}
#page-loader .animated{position: relative; width: 100%; height: 100px; margin: auto; text-align: right; align-content: center;}
#page-loader .animated svg{width: 350px;  position: relative; z-index: 999999;}
#myLogo path { opacity: 0; transform: translateY(80px);}
.features{background-color: #101010;}
.feature-card{padding: 50px 30px; width: 20%; flex: 0 0 20%; min-height: 250px; color: white; align-content: center; transition: all 0.3s linear !important;}
.feature-card:hover{width: 23%; flex: 0 0 23%;}
.feature-card .text-wrapper{max-width: 275px;}
.feature-card.red{background-color: var(--primary-color);}
.feature-card.black{ background-color: #101010;}
.feature-card h4{font-size: 32px; font-weight: 600;}
.feature-card.dull-black{background-color: #202020;}
.feature-card.gray{background-color: #303030;}
.feature-card h5{ font-size: 20px; margin-bottom: 12px;}
.feature-card p{font-size: 15px; color: #ffffffbf; line-height: 25px;}
.feature-card:hover{opacity: 0.9 !important}
.features.box-five .feature-card{width:20%; flex: 0 0 20%;}
.features.box-five .feature-card:hover{width: 23%; flex: 0 0 23%;}
section.trusted{padding: 75px 0px;}
.trusted .img-area{position: relative;}
.trusted .img-area img{width: 100%; border-radius: 45px;}
.trusted .img-area .excellence-card{background-color: var(--primary-color); color: white; padding: 20px 10px; text-align: center; align-content: center; border-radius: 20px; width: 220px; height: 200px; position: absolute; top: 30px; left: 30px;}
.trusted .img-area .excellence-card h4{font-size: 100px; line-height: 120px; font-weight: 900; margin-bottom: 5px;}
.trusted .img-area .excellence-card p{font-size: 16px; font-weight: 500; letter-spacing: 2px;}
.trusted .title-wrapper h3, .faq .title-wrapper h3, .contact .title h3{font-size: 24px; color: var(--primary-color); margin: 20px 0px}
.trusted .title-wrapper h4 p, .faq .title-wrapper h4 p, .contact .title h4{  font-size: 40px; font-weight: 600; text-align:left; line-height: 50px; margin-bottom: 0px; color: var(--dark-color);}
.trusted .title-wrapper h4, .faq .title-wrapper h4 {margin-bottom: 50px;}
.blur-aos[data-aos]{filter: blur(5px); transition: all 0.4s ease-out;}
.blur-aos[data-aos].aos-animate {filter: blur(0px);}
.trusted .title-wrapper hr{margin: 50px 0px;}
.trusted .title-wrapper p{font-size: 20px; font-weight: 500; text-align:justify; color: #6f6f6f;}
.trusted .title-wrapper p.text-dark{font-weight:600; line-height:32px; color:#333333;}
section.marquees{padding-bottom: 75px; }
.marquees .scroll-container .scrolling-content-inner{opacity: 0.7;}
.marquees .scroll-container .scrolling-content-inner.left-right{opacity: 0.5;}
.marquees .scroll-container{width: max-content; }
.marquees .scrolling-content-inner { gap: 30px; margin-bottom: 10px; animation: marquee 10s linear infinite;}
.marquees .scrolling-content-inner.left-right{animation: marqueeLeft 10s linear infinite;}
.marquees .scrolling-content-inner h5{font-size: 46px; font-weight: 600; display: flex; gap: 10px; align-items: center;} 
.marquees .scrolling-content-inner h5 i{font-size: 30px; color: var(--primary-color);}
section.services{padding-bottom:75px;}
.services .service-card .img-area{overflow: hidden;}
.services .service-card .img-area img{width: 100%;}
.services .service-card .text-wrapper{padding: 40px; background:whitesmoke; color: var(--primary-color); min-height: 360px; align-content: end;}
.services .service-card .text-wrapper h5{font-size: 28px; font-weight: 800; margin-bottom: 20px;}
.services .service-card .text-wrapper p{font-size: 18px; font-weight: 500; line-height: 28px; color: var(--dark-color);}
section.choose{padding-bottom: 75px;}
.choose .title{text-align: center; margin-bottom: 60px;}
.choose .title h3, .mission .title h3, .brands .title h3{font-size: 24px; color: var(--primary-color); margin-bottom: 6px;}
.choose .title h4, .brands .title h4{font-size: 45px; font-weight: 600; line-height: 55px; color: var(--dark-color); max-width: 800px; margin:0px auto 30px auto; }
.choose .row{row-gap: 30px;}
.choose .card{border: 0px; box-shadow: none; gap: 20px; flex-direction: row; }
.choose .card .icon{background-color: var(--primary-color); color: white; width: 75px; height: 75px; text-align: center; align-content: center; border-radius: 50%; flex-shrink: 0;}
.choose .card .icon svg{fill: white; width: 50px; height: 50px;}
.choose .card .text-wrapper h4{font-size: 22px; font-weight: 600; margin-bottom: 10px;}
.choose .card .text-wrapper p{font-size: 16px; line-height: 28px; font-weight: 500; color: #888888;}
.choose .card:hover .icon{animation: jello 1.5s;}
section.about_features{padding: 75px 0px;}
.about_features .img-area{position: relative;}
.about_features .img-area img{width: 100%; border-radius: 45px;}
.about_features .img-area .excellence-card{background-color: var(--primary-color); color: white; padding: 20px 10px; text-align: center; align-content: center; border-radius: 20px; width: 220px; height: 200px; position: absolute; top: 30px; left: 30px;}
.about_features .img-area .excellence-card h4{font-size: 100px; line-height: 120px; font-weight: 900; margin-bottom: 5px;}
.about_features .img-area .excellence-card p{font-size: 16px; font-weight: 500; letter-spacing: 2px;}
.about_features .title-wrapper h3{ font-size: 24px; color: var(--primary-color); margin: 20px 0px}
.about_features .title-wrapper h4 p{ font-size: 40px; font-weight: 600; line-height: 50px; margin-bottom: 0px; color: var(--dark-color);}
.about_features .title-wrapper h4 {margin-bottom: 50px;}
.blur-aos[data-aos]{filter: blur(5px); transition: all 0.4s ease-out;}
.blur-aos[data-aos].aos-animate {filter: blur(0px);}
.about_features .title-wrapper hr{margin: 50px 0px;}
.about_features_bx i { color: #DF1411; font-size: 45px;}
.team-item { border: 1px solid #ddd; border-radius: 12px;}
.team-item .social_share { border: 1px solid #ddd; border-radius: 12px;}
.team-item .social_share a { color: #fff; background: #DF1411; width: 30px; height: 30px; display: inline-block; line-height: 30px; text-align: center; border-radius: 5px; font-size: 15px;}
.theme_title h3{ font-size: 24px; color: var(--primary-color); margin: 20px 0px 10px;}
.theme_title h4 p{ font-size: 40px; font-weight: 600; line-height: 50px; margin-bottom: 0px; color: var(--dark-color);}
.theme_title h4 {margin-bottom: 30px;}
.blog_bx { border: 1px solid #ddd; padding: 18px; border-radius: 10px; margin-bottom: 25px;}
.blog_bx a img { width: 100%; }
.blog_bx h4 a { text-decoration: none; color: #000; }
.blog_bx h6 a { color: #606060; font-size: 14px; }
.blog_bx h6 a svg { width: 16px; margin-right: 7px; }
.blog_bx h6 { font-size: 14px; color: #787878;}
.blog_title.theme_title h3 { font-size: 13px; margin-bottom: 35px;}
.blog_title.theme_title h3 a { color: #DF1411;}
.blog_title.theme_title h4 { margin-bottom: 0 }
.blog_m_img { margin-bottom: 20px }
.blog_m_img img { width: 100%; }
.job_list { border: 1px solid #000; padding: 20px; border-radius: 10px; margin-bottom: 12px; }
.job_list:hover { border: 1px solid #DF1411; background: #fff2f2;}
.job_list h2 { font-size: 22px;}
.job_list .job_type p { color: #000000; display: inline-block; border: 1px solid #000000; padding: 4px 20px; border-radius: 7px; margin-right: 2px; text-decoration: none; font-size: 14px; }
.job_list .job_type p:hover { color: #fff; background: #DF1411; border: 1px solid #DF1411;}
.accordion-button:not(.collapsed),
.accordion-button:focus { outline: none; border-color: transparent; box-shadow: none; background-color: transparent; }
.accordion-button::after { width: 11px; height: 11px; border-radius: 100%; background-color: var(--bs-danger); background-image: none !important; }
.accordion-button.collapsed::after { background-color: var(--bs-gray-300); }
section.faq { background: #f8f9fa; padding: 60px 0; }
.faq-wrapper button.accordion-button { font-size: 18px; font-weight: 600; }
.faq-wrapper .accordion-button:not(.collapsed) { color: #df1411; }
section.mission{padding:25px 0px 75px 0px;}
.mission .title h4{font-size:42px; font-weight: 600; line-height: 50px; color: var(--dark-color); max-width: 800px; margin:0px auto 30px auto; }
.mission .mission-card{padding:16px; border-radius:12px; border:1px solid #ddd; height:100%;}
.mission .mission-card span.icon{width:50px; height:50px; background-color:var(--primary-color); border-radius:50%; text-align:center; align-content:center;}
.mission .mission-card span.icon svg{width:30px; height:30px; color:white; margin:auto;}
.mission .mission-card p{font-size:16px; font-weight:600; color: var(--dark-color); background-color:#dddddd6b; margin:0px; padding:5px 15px; border-radius:30px;}
.mission .mission-card h4{font-size:20px; font-weight:600;}
.choose .px-12{padding:0px 120px;}
.choose .text-left *, .choose .text-left{text-align:left;}
.choose .title p{font-size:20px; font-weight:600; line-height:30px; color:#888888}
.choose .verticle .card .text-wrapper h4{font-size:28px; font-weight:600;}
.choose .verticle .card .icon{width:60px; height:60px;}
.choose .verticle .card .icon svg{width:40px; height:40px;}
.book-section .img-area img{width:100%; border-radius:20px;}
.book-section .form-wrapper>p{color:var(--primary-color); font-size:16px; margin-bottom:3px; font-weight:600;}
.contact .form-box, .book-section .form-wrapper{padding:24px; border-radius:20px; border:1px solid #ddd; }
.contact .form-box h2, .book-section .form-wrapper h2{font-size:26px; font-weight:600; line-height:36px; margin-bottom:30px;}
.wpcf7 .wpcf7-not-valid-tip{font-size:14px; margin-top:2px; display:inline-block; color:var(--primary-color);}
.wpcf7 .screen-reader-response{display:none;}
.wpcf7-form label{font-size:16px; font-weight:600; margin-bottom:5px; width:100%}
.wpcf7-form .wpcf7-form-control-wrap{display:inline-block; margin-top:5px; width:100%;}
.wpcf7-form input.form-control, .wpcf7-form textarea.form-control, .wpcf7-form select.form-control{font-size:14px; padding:10px; font-weight:500; box-shadow:none; border-color:#ddd; width:100%}
.wpcf7-form input.form-control:focus, .wpcf7-form textarea.form-control:focus{border-color:var(--primary-color);}
.wpcf7-form .btn-secondary, .wpcf7-form .btn-primary{width:100%; padding:15px;}
.contact .contact-card{padding:16px; border-radius:12px; border:1px solid #ddd; height:100%;}
.contact .contact-card span.icon{width:35px; height:35px; background-color:var(--primary-color); border-radius:50%; text-align:center; align-content:center;}
.contact .contact-card span.icon svg{width:20px; height:20px; color:white; margin:auto;}
.contact .contact-card h4{font-size:20px; font-weight:600; color:#6A6A6A; margin:0px;}
.contact .contact-card a{font-size:20px; color:var(--dark-color); text-decoration:none; font-weight:600}
.contact .contact-card a:hover{color:var(--primary-color)}
.map iframe{width:100%; height:400px; border-radius:20px; filter:grayscale(1);}
.blog-card{text-decoration:none; display:flex; flex-direction:column; height:100%;}
.blog-card .img-area{width:100%; height:250px; overflow:hidden; border-radius:20px;}
.blog-card .img-area img{width:100%; object-fit:cover; height:250px;}
.blog-card .blog__image-wrap{position:relative}
.blog-card .blog__image-wrap span.arrow-btn{display:inline-block; width:80px; height:80px; background-color:white; text-align:center; align-content:center; position:absolute; bottom:-20px; right:-20px; border-radius:50%; color:var(--dark-color)}
.blog-card .blog__image-wrap span.arrow-btn svg{width:50px; height:50px;}
.blog-card .content{padding:20px; height:100%;}
.blog-card .content h3{ font-size:24px; font-weight:600; color:var(--dark-color); margin-bottom:10px;}
.blog-card .content p{font-size:16px; font-weight:500; color:#757f95; margin-bottom:0px;}
.blog-card .content h5{font-size:16px; color:#757f95;}
.blog-card .content h5 svg{width:16px; height:16px; color:var(--primary-color); margin:0px 8px 5px 0px;}
.blog-card:hover .img-area img{transform:scale(1.1);}
.blog-card:hover .blog__image-wrap span.arrow-btn{transform:rotate(30deg); background-color:var(--primary-color); color:#ffffff;}
.blog-card:hover .content h3{color:var(--primary-color);}
.blog-detail .col-md-8.pr-75{padding-right:75px;}
.blog-detail .main-image img{width:100%; border-radius:20px; height:auto;}
.blog-detail .blog-list{list-style:none; padding:0px;}
.blog-detail .blog-list a{text-decoration:none; margin-bottom:20px;}
.blog-detail .blog-list a .img-area{border-radius:10px; overflow:hidden}
.blog-detail .blog-list a .img-area img{width:110px;height:auto;}
.blog-detail .blog-list a h3{font-size:18px; font-weight:600; color:var(--dark-color);}
.blog-detail .blog-list a:hover .img-area img{transform:scale(1.1)}
.blog-detail .blog-list a:hover h3{color:var(--primary-color)}
.blog-detail .blog-list a p{font-size:14px; font-weight:500; color:#757f95; margin-bottom:0px; margin-bottom:10px;}
.blog-detail .blog-list a p svg{width:16px; height:16px; color:var(--primary-color); margin:0px 8px 5px 0px;}
.blog-detail .section-title{font-size:24px; font-weight:600; margin-bottom:35px; color:var(--primary-color) }
.blog-detail .sidebar-wrapper { position: relative; }
.blog-detail h2.title{font-size:36px; font-weight:600;}
.blog-detail h5.detail svg{width:18px; height:18px; color:var(--primary-color); margin:0px 8px 5px 0px;}
.blog-detail h5.detail{font-size:20px; font-weight:500; color:#757f95; margin-bottom:0px; margin-bottom:10px;}
.blog-detail .blog-title{margin-bottom:50px;}
.blog-detail .content h2{font-size:28px; font-weight:600px; margin-bottom:20px; color:var(--dark-color)}
.blog-detail .content h3{font-size:26px; font-weight:600px; margin-bottom:19px; color:var(--dark-color)}
.blog-detail .content h4{font-size:24px; font-weight:600px; margin-bottom:18px; color:var(--dark-color)}
.blog-detail .content h5{font-size:22px; font-weight:600px; margin-bottom:17px; color:var(--dark-color)}
.blog-detail .content h6{font-size:20px; font-weight:600px; margin-bottom:16px; color:var(--dark-color)}
.blog-detail .content p{font-size:16px; line-height:28px; text-align:justify; margin-bottom:15px; color:#757f95; font-weight:500;}
.blog-detail .content .content img{width:100%; height:auto;}
.blog-detail .content b, .blog-detail strong{font-size:18px; font-weight:600;}
.blog-detail .content ul li{font-size:16px; color:#757f95; margin-bottom:10px;}
.blog-detail .blog-list a .text-left{flex:1;}
.brands .title{text-align:center; margin-bottom:20px;}
.brands .slide-wrapper{padding: 20px 10px; border-radius: 20px; overflow: hidden;}
.brands .slider-wrapper .slider-track {display: flex; gap: 20px; justify-content: center; align-items: center; animation: scroll 10s  linear infinite;}
.brands .slider-wrapper .slide {align-content: center; border: 1px solid #757f95; padding: 10px; border-radius: 12px;}
.brands .slider-wrapper .slide img {width: 125px;filter: grayscale(1); transform:scale(1.1)}
.brands .slider-wrapper .slider-track:hover{animation-play-state: paused;}
.brands .slider-wrapper .slide:hover img{filter: grayscale(0)}

@keyframes scroll{
    0% {transform: translateX(0%);}
    100% {transform: translateX(-50%);}
}
@keyframes loader {
    0%{transform:translateX(-30px)}
    100%{transform:translateX(30px)}
}
@keyframes slideDown{
  0%{transform: translateY(-100%); opacity: 0;}
  100%{transform: translateY(0%); opacity: 1;}
}
@keyframes marquee{
    0%{transform: translateX(0%);}
    100%{transform: translateX(-25%);}
}
@keyframes marqueeLeft{
    0%{transform: translateX(-25%);}
    100%{transform: translateX(0%);}
}
@keyframes jello{
    0%, 11.1%, 100% {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

/*********About Us**********/
header.fixed-top.inner-header { position: static; background: #101010; margin-bottom: 0 !important;}
.page-header { background: var(--dark-color); background-size: cover; margin-bottom: 3rem; }
.page-header h1{ font-size: 40px; font-weight: 600;}
.page-header .breadcrumb-item a{text-decoration:none; font-weight:500;}
.page-header .breadcrumb-item.active{color: var(--primary-color)}
.breadcrumb-item + .breadcrumb-item::before { color: var(--light);}
.shippers, .how_works { padding: 50px 0;}
.shippers .title h2, .how_works .title h2 { font-size: 42px; font-weight: 600; line-height: 50px; color: var(--dark-color); margin: 0px auto 30px auto;}
.shippers .shippers_card { display: flex; justify-content: center; flex-wrap: wrap;}
.shippers .shippers_card .shipr_c_bx { width: 30%; background: #fff; border: 1px solid #ddd; padding: 21px 29px; margin: 6px; box-shadow: 0 2px 2px rgb(0 0 0 / 10%); border-radius: 7px; display: flex; flex-direction: column; text-align: left; justify-content: center; align-items: center;}
.shippers .shippers_card .shipr_c_bx img { width: 40px; height: 40px; margin-bottom: 17px;}
.shippers .shippers_card .shipr_c_bx h3 { font-size: 18px; text-align: center;}
.how_works { text-align: center;}
.how_works_card { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 26px;}
.how_works .how_works_card p { display: inline-block; background: #fff3f3; font-size: 18px; text-align: center; padding: 13px 45px; margin: 6px; border-radius: 10px; width: 50%; border-left: 1px solid var(--primary-color); border-right: 1px solid var(--primary-color);}
@media (max-width: 1400px) {
    .about-text  { padding-right: calc(((100% - 1320px) / 2) + .75rem); }
}
@media (max-width: 1366px) {
    .trusted .title-wrapper h4 p, .faq .title-wrapper h4 p { font-size: 40px; line-height: 55px; }
    .trusted .title-wrapper h3, .faq .title-wrapper h3 { font-size: 18px; margin: 10px 0px;}
    .trusted .title-wrapper hr { margin: 20px 0px; }
    .marquees .scrolling-content-inner h5 { font-size: 28px; }
    .choose .title h4 { font-size: 40px; line-height: 55px;}
    footer .footer-big-title h4 { font-size: 40px;}
    .choose .title h4 { font-size: 40px; line-height: 55px; }
    .nav-link { font-size: 13px;}
    .trusted .img-area .excellence-card { width: 160px; height: 140px; }
    .trusted .img-area .excellence-card h4 { font-size: 40px; line-height: 50px; }
    .trusted .img-area .excellence-card p { font-size: 16px; line-height: 18px; }
}
@media (max-width: 1200px) {
    .about-text  { padding-right: calc(((100% - 1140px) / 2) + .75rem); }
}
@media (max-width: 992px) {
    .container.about { max-width: 100% !important; }
    .about-text  { padding-right: calc(((100% - 960px) / 2) + .75rem); }
    .features .d-flex { flex-wrap: wrap; }
    .features .feature-card { width: 50%; flex: auto; padding: 25px 15px; min-height: auto;}
    header{background-color:#000;}
    header .btn.btn-secondary { border: 1px solid #fff; margin-right: 10px; }s
    .trusted .title-wrapper h4, .faq .title-wrapper h4 { margin-bottom: 20px;}
    .feature-card h4 { font-size: 20px; }
    .feature-card h5 { font-size: 20px; margin-bottom: 0;}
    .trusted .title-wrapper h4 p, .faq .title-wrapper h4 p { font-size: 30px; line-height: 38px; }
    .choose .title h4 { font-size: 30px; line-height: 38px;}
    .choose .title h4 { font-size: 30px; line-height: 38px; }
    .trusted .img-area .excellence-card h4 { font-size: 30px; line-height: 38px; }
    .trusted .title-wrapper p { font-size: 15px;}
    .marquees .scrolling-content-inner h5 { font-size: 20px;}
    .services .service-card .text-wrapper { padding: 25px; }
    .services .service-card .text-wrapper h5 { font-size: 20px; margin-bottom: 10px;}
    .services .service-card .text-wrapper p { font-size: 15px; line-height: 20px;}
    .faq .title-wrapper { margin-bottom: 30px; }
    footer .footer-big-title span.arrow-right svg { width: 30px; height: 30px; }
    .page-header { margin-top: 6rem; margin-bottom: 0; }
    .about_features .title-wrapper h4 p { font-size: 30px;}
    .theme_title h4 p { font-size: 30px;}
    .theme_title h3 { font-size: 16px;}
    section.about_features { padding: 30px 0;}
}
@media (max-width: 768px) { 
    .features .feature-card, .features.box-five .feature-card { width: 100%; flex: auto; }
    .services .service-card .text-wrapper { border-bottom: 1px solid #ddd; min-height: auto;}
    footer .footer-big-title span.arrow-right { font-size: 26px; }
    .feature-card.red { min-height: auto; }
    .banner{padding-top:95px;}
    	.banner-img{height:30vh; background-attachment:scroll;}
        ul.navbar-nav{margin-top:30px ;}
	.navbar-nav .nav-link::before{display:none}
    .navbar-nav .nav-link.active, .navbar-nav .nav-link:hover{color:var(--primary-color);}
    .shippers .shippers_card .shipr_c_bx{width:47%;}
    .how_works .how_works_card p{width:100%}
    .footer-links.order-before{order:-1}
    .blog-detail .col-md-8.pr-75{padding-right:10px;}
    .trusted .title-wrapper h4{margin-bottom:25px;}
    .trusted .title-wrapper p.text-dark{margin-bottom:40px;}
    section.trusted{padding:50px 0px 25px 0px;}
    .mission .title h3{margin-top:35px;}
    section.mission{padding:25px 0px;}
    .contact .form-box, .book-section .form-wrapper{margin-top:40px;}
    .job_list:first-child{margin-top:25px;}
}