/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1499px) {
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
.step-section{ gap: 18px;}
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.step-section{ gap: 15px;}
.step-section .content{ padding: 24px;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.banner, .cta-section{ text-align: center;}
.section{ padding: 60px 0;}
.step-section{ flex-direction: column;}
.step-section .content, .step-section .arrow{ width: 100%;}
.step-section .arrow .ratio{ width: 60px;}
.cta-section ul {display: flex; flex-direction: column; width: fit-content; margin-left: auto; margin-right: auto; text-align: left;}
.cta-section .content{ padding-top: 40px; padding-bottom: 40px;}
.section-cta{ padding: 0;}
.footer-top .container{ flex-direction: column; gap: 0;}
.SlickSlider .slick-dots{ height: 14px;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.banner, .cta-section{ text-align: center;}
.section{ padding: 40px 0;}
.step-section{ flex-direction: column;}
.step-section .content, .step-section .arrow{ width: 100%;}
.step-section .arrow .ratio{ width: 60px;}
.cta-section ul {display: flex; flex-direction: column; width: fit-content; margin-left: auto; margin-right: auto; text-align: left;}
.cta-section .content{ padding-top: 30px; padding-bottom: 30px;}
.section-cta{ padding: 0;}
.footer-top .container{ flex-direction: column; gap: 0;}
.header .container a span{ display: none;}
.header .container a  i{ height: 36px; width: 36px; color: var(--bs-primary); background-color: var(--bs-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #002147;}
.header .logo{ width: 180px; height: 101px;}
.header .logo img{ height: 60px;}
.SlickSlider .slick-dots{ height: 14px;}
.why-item .content{ padding: 20px;}
.slide-2-content{ flex-direction: column; text-align: center;}
.logo-scroll ul li{ padding: 12px; width: 180px;}
} 
/* END__ */

@media only screen and (max-width:374px) {
} 
/* END__ */

