/* Min Width Media Query */
@media (min-width: 576px){
    .custom-container {
        padding-left: calc((100vw - 540px) / 2 + 12px);
        padding-right: 0;
    }
}
@media (min-width: 768px){
    .custom-container {
        padding-left: calc((100vw - 720px) / 2 + 12px);
    }
}
@media (min-width: 992px){
    .custom-container {
        padding-left: calc((100vw - 960px) / 2 + 12px);
    }
}
@media (min-width: 1200px){
    .custom-container {
        padding-left: calc((100vw - 1140px) / 2 + 12px);
    }
}
@media (min-width: 1400px){
    .custom-container {
        padding-left: calc((100vw - 1320px) / 2 + 12px);
    }
}
@media (min-width: 1500px){
    .container {
        max-width: 1520px;
    }
    .custom-container {
        max-width: 100%;
        padding-left: calc((100vw - 1520px) / 2 + 12px);
    }
}
@media (min-width: 1600px){
    .heroSection {
        padding: 156px 0 95px !important;
    }
    .testimonial_item .sectionHeading p, .testimonial_item .headingDec {
        font-size: 21px;
    }
    .footer_info {
        max-width: 736px;
    }
}

/* Max Width Media Query */
@media (max-width: 1599.98px){
    .sectionHeading h2, .sectionHeading .sectionTitle {
        font-size: 60px;
        margin: 0px auto 30px;
    }
    .heroLogo {
        margin: 0 auto 30px;
    }
    .heroSection .btn-center, .ourFeatures .btn-center, .sectionHeading.text-start .btn-center {
        margin-top: 40px;
    }
    .client_info {
        margin-top: 40px;
    }
    .testi_icon {
        margin: 0 auto 24px;
    }
    .featureCardItem .card_content {
        padding: 36px 24px 24px;
    }
    .featureNo {
        font-size: 28px;
    }
    .featureNo, .featureTitle, .why_choose_icon {
        margin-bottom: 32px;
    }
    .featureTitle {
        font-size: 32px;
        padding: 0;
    }
    .featureCardItem.planCard .card_content {
        padding: 50px 30px 30px;
    }
    .planName, .inc_title {
        font-size: 20px;
    }
    .inc_title {
        margin-bottom: 16px;
    }
    .planPrice, .planName {
        margin-bottom: 20px;
    }
    .planPrice {
        font-size: 40px;
    }
    .includes_list {
        margin-bottom: 40px;
        gap: 14px;
    }
    .includes_list, .includes_list li {
        gap: 14px;
    }
    .recommended {
        top: 16px;
        right: -16px;
    }
    .choseUsCardItem {
        padding: 40px
    }
    .whyChooseUs_card_outer, .faqAccordionOuter {
        margin-top: 80px;
    }
    .accordion-button, .accordion-button:not(.collapsed) {
        font-size: 18px;
        padding: 24px;
    }
    .accordion-body {
        padding: 0 24px 24px;
        font-size: 16px;
    }
    .accordion-button::after {
        width: 32px;
        height: 32px;
    }
    .footer_detail {
        padding: 44px 0 0 44px;
        border-radius: 68px 0 0 0;
    }
    .footer-link {
        font-size: 18px;
    }
    .copy_right {
        padding: 150px 0 64px;
    }
    .footerTitle {
        font-size: 40px;
    }
}
@media (max-width: 1399.98px){
    .section-padding {
        padding: 75px 0;
    }
    .FaqSection {
        padding-bottom: 150px;
    }
    .sectionHeading h2, .sectionHeading .sectionTitle {
        font-size: 44px;
        /* max-width: 500px; */
    }
    .sectionHeading p, .headingDec {
        font-size: 16px;
    }
    .heroSection .btn-center, .ourFeatures .btn-center, .client_info, .sectionHeading.text-start .btn-center {
        margin-top: 30px;
    }
    .testi_icon {
        margin: 0 auto 20px;
    }
    .featureCardItem .card_content {
        padding: 20px;
    }
    .featureNo, .featureTitle, .why_choose_icon {
        margin-bottom: 16px;
    }
    .featureNo {
        font-size: 24px;
    }
    .featureTitle {
        font-size: 28px;
        padding-right: 40px;
    }
    .featureDec {
        font-size: 16px;
    }
    .plans_card_outer>.row {
        gap: 0px;
    }
    .recommended {
        top: -15px;
        right: 0;
        left: 0;
        max-width: 136px;
        margin: auto;
    }
    .planPrice, .planName {
        margin-bottom: 12px;
    }
    .planName, .inc_title {
        font-size: 18px;
    }
    .choseUsCardItem {
        padding: 28px;
    }
    .whyChooseUs_card_outer, .faqAccordionOuter {
        margin-top: 60px;
    }
    .accordion-button, .accordion-button:not(.collapsed) {
        font-size: 16px;
        padding: 14px 18px;
    }
    .accordion-body {
        padding: 0 18px 18px;
        font-size: 16px;
    }
    .footerTitle {
        font-size: 36px;
    }
    .copy_right {
        padding: 120px 0 50px;
    }
    .flex-gap {
        gap: 100px;
        flex-wrap: wrap;
    }
}
@media (max-width: 1199.98px){
    .main_header .navbar-nav {
        gap: 20px;
    }
    .main_header .navbar {
        padding: 16px 0;
    }
    .header_right_part {
        gap: 20px;
    }
    .section-padding {
        padding: 50px 0;
    }
    .FaqSection {
        padding-bottom: 100px;
    }
    .sectionHeading h2, .sectionHeading .sectionTitle {
        font-size: 40px;
        /* max-width: 400px; */
        margin: 0 auto 20px;
    }
    .testimonial_item {
        max-width: 500px;
    }
    .testimonial_item .sectionHeading h2, .testimonial_item .sectionHeading .sectionTitle {
        font-size: 30px;
    }
    .client_info {
        gap: 12px;
    }
    .client_name {
        font-size: 16px;
    }
    .featureTitle {
        padding-right: 0;
    }
    .sectionHeading h6, .sectionHeading .sectionSubTitle {
        margin-bottom: 20px;
        padding: 8px 16px;
    }
    .features_card_outer, .plans_card_outer, .whyChooseUs_card_outer {
        margin-top: 60px;
    }
    .featureCardItem.planCard .card_content {
        padding: 30px 30px 30px;
    }
    .planPrice {
        font-size: 32px;
    }
    .includes_list li {
        gap: 10px;
    }
    .accordion-button::after {
        width: 28px;
        height: 28px;
    }
    .flex-gap {
        gap: 60px;
    }
    .foot_social_link {
        width: 42px;
        height: 42px;
    }
    .copy_right {
        padding: 80px 0 40px;
    }
    .footerTitle {
        font-size: 30px;
    }
    .footerLogo, .footerTitle {
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px){
    .main_header .navbar-nav {
        gap: 14px;
    }
    .main_header .navbar {
        padding: 12px 0;
    }
    .header_right_part {
        gap: 16px;
    }
    .btnStyle {
        padding: 14px 21px;
        font-size: 15px;
        line-height: 9px;
    }
    .navbar-brand {
        flex: unset;
    }
    .featureCardItem.planCard .card_content {
        padding: 30px 20px 20px;
    }
    .featureTitle {
        font-size: 24px;
    }
    .flex-gap {
        gap: 30px;
    }
    .footer_detail {
        padding: 30px 0 0 30px;
        border-radius: 40px 0 0 0;
    }
    .copy_right {
        padding: 60px 0 40px;
    }
    .testimonial-bg{
        padding: 35px;
    }
    .owl-dots{
        margin-top: 30px;
    }
}
@media (max-width: 767.98px){
    .section-padding {
        padding: 40px 0;
    }
    .FaqSection {
        padding-bottom: 80px;
    }
    .heroLogo {
        max-width: 150px;
        margin: 0 auto 20px;
    }
    .sectionHeading h2, .sectionHeading .sectionTitle {
        font-size: 32px;
        /* max-width: 300px; */
    }
    .sectionHeading p, .sectionHeading .headingDec {
        font-size: 15px;
    }
    .testimonial_item {
        max-width: 400px;
    }
    .testimonial_item .sectionHeading h2, .testimonial_item .sectionHeading .sectionTitle {
        font-size: 24px;
        margin: 0 auto 16px;
    }
    .heroSection .btn-center, .ourFeatures .btn-center, .client_info, .sectionHeading.text-start .btn-center {
        margin-top: 24px;
    }
    .footer-link {
        font-size: 16px;
        font-weight: 400;
    }
    .footerTitle {
        font-size: 28px;
    }
    .flex-gap {
        gap: 60px;
    }
    .copy_right {
        padding: 40px 0 30px;
    }
    .main_footer {
        padding-top: 40px;
    }
    .testimonial-bg {
        padding: 20px;
    }
    .testimonial-img{
        height: auto;
        margin-bottom: 15px;
    }
}
@media (max-width: 575.98px){
    .testimonial_item .sectionHeading h2, .testimonial_item .sectionHeading .sectionTitle, .sectionHeading h2, .sectionHeading .sectionTitle {
        line-height: 1.3;
    }
    .navbar-brand, .menuLogo {
        max-width: 80px;
    }
    .main_header .navbar-nav {
        gap: 10px;
    }
    .main_header .nav-link {
        font-size: 15px;
    }
    .sectionHeading h6, .sectionHeading .sectionSubTitle {
        font-size: 14px;
    }
    .features_card_outer, .plans_card_outer, .whyChooseUs_card_outer, .faqAccordionOuter {
        margin-top: 40px;
    }
    .choseUsCardItem {
        padding: 20px;
    }
    .footer_detail {
        border-right: 1px solid var(--theme1-color);
        padding: 20px 20px 0;
        border-radius: 30px 30px 0 0;
    }
    .flex-gap {
        gap: 40px;
    }
    .copy_right {
        padding: 30px 0 20px;
    }
}
@media (max-width: 420.98px){
    .flex-gap {
        gap: 30px;
    }
    .footerTitle {
        font-size: 24px;
    }
}
@media (max-width: 360.98px){
    .testimonial_item .sectionHeading h2, .testimonial_item .sectionHeading .sectionTitle {
        font-size: 18px;
    }
    .sectionHeading h2, .sectionHeading  .sectionTitle {
        font-size: 28px;
    }
}