/*
Theme Name: Ceylon Escape Holidays
Description: The 2024 theme for WordPress is stylish theme.
Author: 
Author URI: https://wordpress.org/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ceylon-escape-holidays
*/


        body {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            background: #F4F4F4;
        }

        a {
            text-decoration: none;
        }

        /* font family */     
        .poppins {
            font-family: "Poppins", sans-serif;
        }

        .playfair-display {
            font-family: "Playfair Display", serif;
        }

        .roboto {
            font-family: "Roboto", sans-serif;
        }

        .outfit {
            font-family: "Outfit", sans-serif;
        }

        /* font colors */
        .black-color {
            color: #000;
        }

        .white-color {
            color: #fff;
        }

        .gray-color {
            color: #333333;
        }

        .dark-gray-color {
            color: #202020;
        }

        /* #404040 */
        .light-gray-color {
            color: #404040;
        }

        /* #194B43 */
        .green-color {
            color: #0B6C72;
        }

        /* form */
        .wpcf7 {
            width: 100%;
        }

        .wpcf7-form-control-wrap {
            position: relative;
            width: 100%;
        }

        p {
            margin: 0;
        }

        .wpcf7-spinner {
            display: none;
        }

        /* gtranslate styles */
        .gtranslate_wrapper {
            display: none !important;
        }

        @media (max-width: 992px) {
            .gtranslate_wrapper {
                display: block !important;
            }

            .gt_float_switcher img {
                vertical-align: middle;
                display: inline-block;
                width: 20px  !important;
                height: auto;
                margin: 0 5px 0 0;
                border-radius: 3px;
            }

            .gt_float_switcher .gt-selected .gt-current-lang {
                padding: 10px 15px;
                color: #000  !important;
                font-weight: bold  !important;
                font-size: 14px  !important;
            }

            .gt_float_switcher .gt_options a {
                display: block;
                text-decoration: none;
                padding: 10px 15px;
                color: #000 !important;
                transition: color .4s linear;
                font-size: 14px !important;
                font-weight: 400 !important;
            }
        }

        @media (max-width: 768px) {
            .gt_float_switcher img {
                width: 18px !important;
                margin: 0 4px 0 0;
                border-radius: 2px;
            }

            .gt_float_switcher .gt-selected .gt-current-lang {
                padding: 9px 13px;
                font-size: 13px !important;
            }

            .gt_float_switcher .gt_options a {
                padding: 9px 13px;
                font-size: 13px !important;
            }
        }

        @media (max-width: 575px) {
            .gt_float_switcher img {
                width: 16px !important;
                margin: 0 4px 0 0;
            }

            .gt_float_switcher .gt-selected .gt-current-lang {
                padding: 8px 12px;
                font-size: 14px !important;
            }

            .gt_float_switcher .gt_options a {
                padding: 8px 12px;
                font-size: 14px !important;
            }
        }

        @media (max-width: 480px) {
            .gt_float_switcher img {
                width: 15px !important;
                margin: 0 3px 0 0;
            }

            .gt_float_switcher .gt-selected .gt-current-lang {
                padding: 7px 10px;
                font-size: 14px !important;
            }

            .gt_float_switcher .gt_options a {
                padding: 7px 10px;
                font-size: 14px !important;
            }
        }

        @media (max-width: 375px) {
            .gt_float_switcher img {
                width: 14px !important;
                margin: 0 2px 0 0;
            }

            .gt_float_switcher .gt-selected .gt-current-lang {
                padding: 6px 8px;
                font-size: 14px !important;
            }

            .gt_float_switcher .gt_options a {
                padding: 6px 8px;
                font-size: 14px !important;
            }
        }

        /* custom styles */
        .wpcf7 form.invalid .wpcf7-response-output, 
        .wpcf7 form.unaccepted .wpcf7-response-output, 
        .wpcf7 form.payment-required .wpcf7-response-output,
        .wpcf7 form .wpcf7-response-output {
            border-color: #ffb900 !important;
            background: #ffb900 !important;
            color: #000 !important;
            font-size: 16px !important;
            font-weight: 400 !important;
        }

        .section-container {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 4% 10%;
        }

        .content-container {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            z-index: 5;
        }

        .section-container-inner {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
            z-index: 2;
        }

        .page-title {
            font-family: "Playfair Display", serif;
            font-weight: 600;
            font-size: 36px;
            line-height: 48px;
        }

        .section-description {
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            font-size: 14px;
            line-height: 180%;
            letter-spacing: 2%;
        }

        .section-button,
        .section-button-white {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .section-button .text {
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            font-size: 13px;
            text-transform: capitalize;
            color: #0B6C72;
            padding: 15px 0px;
            border-top: 2px solid #0B6C72;
            border-bottom: 2px solid #0B6C72;
            transition: 0.3s ease-in-out;
        }

        .section-button:hover .text {
            color: #5BBC91;
            border-top: 2px solid #5BBC91;
            border-bottom: 2px solid #5BBC91;
        }

        .section-button .icon, .section-button-white .icon {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: 0.6s ease-in-out;
        }

        .section-button:hover .icon {
            transform: rotate(90deg);
        }

        .section-button .icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .section-button-white .text {
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            font-size: 13px;
            text-transform: capitalize;
            color: #fff;
            padding: 15px 0px;
            border-top: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transition: 0.3s ease-in-out;
        }

        .section-button-white:hover .text {
            color: #5BBC91;
            border-top: 2px solid #5BBC91;
            border-bottom: 2px solid #5BBC91;
        }

        .section-button-white .icon {
            width: 15px;
            height: 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: 0.6s ease-in-out;
        }

        .section-button-white:hover .icon {
            transform: rotate(90deg);
        }

        .section-button-white .icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        /* button-icon-white */
        /* section-button-white */

        .section-button-arrow {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .section-button-arrow .text {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 16px;
            line-height: 100%;
            color: #0B6C72;
        }

        .section-button-arrow .icon {
            width: 20px;
            height: 20px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        .section-button-arrow .icon svg {
            width: 100%;
            height: 100%;
        }

        .section-button-green {
            background: #5BBC91;
            border-radius: 5px;
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 18px;
            line-height: 30px;
            color: #fff;
            padding: 6px 18px;
            text-transform: capitalize;
        }

        .section-title {
            font-family: "Playfair Display", serif;
            font-weight: 600;
            font-size: 48px;
            line-height: 100%;
            text-transform: uppercase;
        }

        .section-tagline {
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-size: 24px;
            line-height: 124%;
            letter-spacing: 0%;
        }

        .page-text-container {
            position: relative;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
            text-align: left;
            margin-bottom: 30px;
        }

        @media (max-width: 1500px) {
            .page-title {
                font-size: 34px;
                line-height: 46px;
            }

            .section-description {
                font-size: 13.5px;
                line-height: 175%;
            }

            .section-button .text, .section-button-white .text  {
                font-size: 14px;
                padding: 14px 0px;
            }

            .section-title {
                font-size: 44px;
            }

            .section-tagline {
                font-size: 22px;
            }

            .section-button-arrow .text {
                font-size: 15px;
            }

            .section-button-arrow .icon {
                width: 19px;
                height: 19px;
            }
        }

        @media (max-width: 1350px) {
            .section-container {
                padding: 4% 7.5%;
            }
        }

        @media (max-width: 1200px) {
            .section-container {
                padding: 4% 5%;
            }

            .page-title {
                font-size: 30px;
                line-height: 42px;
            }

            .section-description {
                font-size: 13px;
                line-height: 170%;
            }

            .section-button .text, .section-button-white .text  {
                font-size: 14px;
                padding: 13px 0px;
            }

            .section-title {
                font-size: 40px;
            }

            .section-tagline {
                font-size: 20px;
            }

            .section-button-arrow .text {
                font-size: 14px;
            }

            .section-button-arrow .icon {
                width: 18px;
                height: 18px;
            }
        }

        @media (max-width: 992px) {
            .page-title {
                font-size: 26px;
                line-height: 38px;
            }

            .section-description {
                font-size: 12.5px;
                line-height: 165%;
            }

            .section-button .text, .section-button-white .text  {
                font-size: 14px;
                padding: 12px 0px;
            }

            .section-title {
                font-size: 34px;
                line-height: 110%;
            }

            .section-tagline {
                font-size: 18px;
                line-height: 135%;
            }

            .page-text-container {
                align-items: center;
                text-align: center;
            }
        }

        /* 768px */
        @media (max-width: 768px) {
            .page-title {
                font-size: 22px;
                line-height: 34px;
            }

            .section-description {
                font-size: 14px;
                line-height: 160%;
            }

            .section-button .text, .section-button-white .text  {
                font-size: 14px;
                padding: 11px 0px;
            }

            .section-title {
                font-size: 30px;
                line-height: 115%;
            }

            .section-tagline {
                font-size: 16px;
                line-height: 140%;
            }
        }

        /* 575px */
        @media (max-width: 575px) {
            .page-title {
                font-size: 20px;
                line-height: 30px;
            }

            .section-description {
                font-size: 14px;
                line-height: 155%;
            }

            .section-button .text, .section-button-white .text  {
                font-size: 8px;
                padding: 10px 0px;
            }

            .section-title {
                font-size: 26px;
            }

            .section-tagline {
                font-size: 14px;
            }
        }

        /* 480px */
        @media (max-width: 480px) {
            .page-title {
                font-size: 18px;
                line-height: 28px;
            }

            .section-description {
                font-size: 14px;
                line-height: 150%;
            }

            .section-button .text, .section-button-white .text  {
                font-size: 7px;
                padding: 9px 0px;
            }

            .section-title {
                font-size: 22px;
            }

            .section-tagline {
                font-size: 13px;
            }
        }

        /* 375px */
        @media (max-width: 375px) {
            .page-title {
                font-size: 16px;
                line-height: 24px;
            }

            .section-button .text, .section-button-white .text  {
                font-size: 6px;
                padding: 8px 0px;
            }

            .section-title {
                font-size: 18px;
                line-height: 120%;
            }

            .section-tagline {
                font-size: 14px;
                line-height: 145%;
            }
        }
    </style>

    <style>
        @media (max-width: 1500px) {
            .section-button-green {
                font-size: 17px;
                line-height: 28px;
                padding: 6px 17px;
            }
        }

        /* 1200px */
        @media (max-width: 1200px) {
            .section-button-green {
                font-size: 16px;
                line-height: 26px;
                padding: 5px 16px;
            }
        }

        /* 992px */
        @media (max-width: 992px) {
            .section-button-green {
                font-size: 15px;
                line-height: 24px;
                padding: 5px 15px;
            }
        }

        /* 768px */
        @media (max-width: 768px) {
            .section-button-green {
                font-size: 14px;
                line-height: 22px;
                padding: 5px 14px;
            }
        }

        /* 575px */
        @media (max-width: 575px) {
            .section-button-green {
                font-size: 13px;
                line-height: 20px;
                padding: 4px 12px;
                border-radius: 4px;
            }
        }

        /* 480px */
        @media (max-width: 480px) {
            .section-button-green {
                font-size: 14px;
                line-height: 18px;
                padding: 4px 10px;
            }
        }

        /* 375px */
        @media (max-width: 375px) {
            .section-button-green {
                font-size: 14px;
                line-height: 16px;
                padding: 3px 9px;
            }
        }


        header {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
        }



/***************************************/

    footer {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .footer-inner {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .top-container {
        background: #5BBC91;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding: 20px 10%;
        gap: 20px;
    }
    
    .footer-links {
        font-weight: 600;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 10%;
        text-transform: uppercase;
        color: #fff;
    }

    .bottom-container {
        background: #00191B;
        position: relative;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0px 10% 50px 10%;
    }

    .logo-container {
        background: #002A2C;
        padding: 30px;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        margin-top: -25px;
        gap: 30px;
    }

    .logo-icon {
        position: relative;
        width: 180px;
        height: 150px;
    }

    .logo-icon img {
        position: relative;
        width: auto;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .list-container {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        gap: 20px;
    }

    .list-container .title {
        font-weight: 900;
        font-size: 25px;
        line-height: 100%;
        letter-spacing: 7%;
        text-transform: uppercase;
        color: #fff;
    }

    .list {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: left;
        gap: 15px;
    }

    .single-link {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
        gap: 10px;
    }

    .single-link .icon {
        position: relative;
        width: 35px;
        height: 35px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .single-link .icon svg {
        width: 29px;
        height: 100%;
    }

    .single-link .text {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0%;
        color: #fff;
    }

    .footer-social-container {
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 15px;
    }

    .single-social-icon {
        width: 35px;
        height: 35px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .single-social-icon img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .bottom-right-container {
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        text-align: center;
        padding: 50px 0px 50px 50px;
    }

    .footer-navigations {
        position: relative;
        display: flex;
        align-items: center;
        text-align: left;
        justify-content: flex-start;
        gap: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #0B6C72;
    }

    .single-link-footer-nav {
        font-weight: 500;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 4%;
        color: #fff;
        transition: 0.3s ease-in-out;
    }

    .single-link-footer-nav:hover,
    .single-link-footer-nav.active {
        color: #5BBC91;
    }

    .other-navigation-links {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        padding-block: 50px;
        gap: 30px;
        flex-wrap: wrap;
    }

    .other-title {
        font-weight: 900;
        font-size: 20px;
        line-height: 100%;
        letter-spacing: 7%;
        text-transform: uppercase;
        color: #fff;
    }

    .footer-description {
        font-weight: 400;
        font-size: 14px;
        letter-spacing: 0%;
        color: #fff;
    }

    .plans-link-single {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .plans-link-single svg {
        height: 25px;
        width: 25px;
    }

    .plans-link-single .text {
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
    }

    .flex-wrap-width {
        width: calc(30% - 10px);
    }

    .flex-wrap-width-newsletter {
        width: calc(35% - 10px);
    }

    footer form {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }

    /* form subscription */
    .footer-input-field {
        background: #FFFFFF40;
        border-radius: 4px;
        padding: 15px;
        text-align: left;
        border: none;
        width: 100%;
    }

    .footer-input-field::placeholder {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        color: #fff;
    }

    .subscribe-btn-footer {
        background: #5BBC91;
        padding: 15px 45px;
        border-radius: 4px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-size: 15px;
        line-height: 100%;
        letter-spacing: 10%;
        text-transform: uppercase;
        color: #fff;
        border: none;
    }

    .text-container-footer {
        position: relative;
        width: 100%;
        text-align: center;
        padding: 20px 10%;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 10%;
        text-transform: uppercase;
        color: #fff;
        background: #00191B;
    }

    .text-container-footer a {
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 10%;
        text-transform: uppercase;
        color: #fff;
    }

    @media (max-width: 1500px) {
        .footer-links {
            font-size: 14px;
        }

        .logo-icon {
            width: 165px;
            height: 140px;
        }

        .list-container .title {
            font-size: 23px;
        }

        .single-link .icon {
            width: 19px;
            height: 19px;
        }

        .single-link .text {
            font-size: 14px;
        }

        .single-social-icon {
            width: 33px;
            height: 33px;
        }

        .other-title {
            font-size: 18px;
        }

        .footer-description,
        .plans-link-single .text,
        .footer-input-field::placeholder,
        .text-container-footer, .text-container-footer a {
            font-size: 14px;
        }

        .plans-link-single svg {
            width: 23px;
            height: 23px;
        }

        .subscribe-btn-footer {
            font-size: 14px;
            padding: 14px 40px;
        }
    }

    @media (max-width: 1350px) {
        .top-container {
            padding: 20px 7.5%;
        }

        .bottom-container {
            padding: 0px 7.5% 50px 7.5%;
        }
    }

    @media (max-width: 1300px) {
        .flex-wrap-width {
            width: calc(25% - 10px);
        }

        .flex-wrap-width-newsletter {
            width: calc(40% - 10px);
        }
    }

    /* 1200px */
    @media (max-width: 1200px) {
        .top-container {
            padding: 20px 5%;
        }

        .bottom-container {
            padding: 0px 5% 50px 5%;
        }

        .footer-links {
            font-size: 14px;
            letter-spacing: 8%;
        }

        .logo-icon {
            width: 150px;
            height: 125px;
        }

        .list-container .title {
            font-size: 21px;
        }

        .single-link .icon {
            width: 18px;
            height: 18px;
        }

        .single-link .text {
            font-size: 14px;
        }

        .single-social-icon {
            width: 30px;
            height: 30px;
        }

        .other-title {
            font-size: 17px;
        }

        .footer-description,
        .plans-link-single .text,
        .footer-input-field::placeholder,
        .text-container-footer, .text-container-footer a {
            font-size: 14px;
        }

        .plans-link-single svg {
            width: 21px;
            height: 21px;
        }

        .subscribe-btn-footer {
            font-size: 14px;
            padding: 13px 35px;
            letter-spacing: 8%;
        }
    }

    @media (max-width: 1023px) {
        .flex-wrap-width {
            width: calc(49% - 10px);
        }

        .flex-wrap-width-newsletter {
            width: 90%;
        }
    }

    /* 992px */
    @media (max-width: 992px) {
        .footer-links {
            font-size: 14px;
            letter-spacing: 6%;
        }

        .logo-icon {
            width: 130px;
            height: 110px;
        }

        .list-container .title {
            font-size: 19px;
        }

        .single-link .icon {
            width: 17px;
            height: 17px;
        }

        .single-link .text {
            font-size: 14px;
        }

        .single-social-icon {
            width: 28px;
            height: 28px;
        }

        .other-title {
            font-size: 16px;
        }

        .footer-description,
        .plans-link-single .text,
        .footer-input-field::placeholder,
        .text-container-footer, .text-container-footer a {
            font-size: 14px;
            line-height: 140%;
        }

        .plans-link-single svg {
            width: 20px;
            height: 20px;
        }

        .subscribe-btn-footer {
            font-size: 14px;
            padding: 12px 30px;
            letter-spacing: 6%;
        }

        .flex-wrap-width {
            width: calc(47% - 10px);
        }

        .bottom-container {
            padding: 50px 5%;
        }

        .logo-container {
            margin-top: 0;
        }

        .footer-navigations {
            justify-content: flex-start;
            width: 100%;
            flex-wrap: wrap;
        }

        .bottom-right-container {
            padding: 0px 50px;
        }

        .text-container-footer {
            padding: 20px 10% 100px 10%;
        }
    }

    @media (max-width: 850px) {
        .other-navigation-links {
            flex-wrap: nowrap;
            flex-direction: column;
        }

        .flex-wrap-width {
            width: 100%;
        }

        .flex-wrap-width-newsletter {
            width: 100%;
        }

        .footer-navigations {
            flex-wrap: wrap;
            justify-content: center;
        }

        .top-container {
            justify-content: center;
        }

        .bottom-container {
            flex-direction: column;
            gap: 30px;
        }

        .other-navigation-links {
            padding-block: 30px;
            text-align: center;
        }

        .list-container {
            align-items: center;
            text-align: center;
        }

        .list {
            position: relative;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            text-align: center;
            gap: 30px;
            width: 100%;
            flex-wrap: wrap;
        }

        footer form {
            align-items: center;
        }

        .logo-container {
            align-items: center;
            text-align: center;
            background: transparent;
            padding: 0;
        }

        .bottom-right-container {
            padding: 0px;
        }

        .bottom-container {
            padding: 50px 5% 0px 5%;
        }
    }

    /* 768px */
    @media (max-width: 768px) {
        .footer-links {
            font-size: 14px;
            line-height: 140%;
            letter-spacing: 5%;
        }

        .logo-icon {
            width: 115px;
            height: 95px;
        }

        .list-container .title {
            font-size: 17px;
        }

        .single-link .icon {
            width: 16px;
            height: 16px;
        }

        .single-link .text {
            font-size: 14px;
        }

        .single-social-icon {
            width: 26px;
            height: 26px;
        }

        .other-title {
            font-size: 15px;
        }

        .footer-description,
        .plans-link-single .text,
        .footer-input-field::placeholder,
        .text-container-footer, .text-container-footer a {
            font-size: 14px;
            line-height: 150%;
        }

        .plans-link-single svg {
            width: 18px;
            height: 18px;
        }

        .subscribe-btn-footer {
            font-size: 14px;
            padding: 11px 26px;
            letter-spacing: 5%;
        }
    }

    /* 575px */
    @media (max-width: 575px) {
        .footer-links {
            font-size: 14px;
            line-height: 150%;
            letter-spacing: 4%;
        }

        .logo-icon {
            width: 100px;
            height: 85px;
        }

        .list-container .title {
            font-size: 15px;
        }

        .single-link .icon {
            width: 15px;
            height: 15px;
        }

        .single-link .text {
            font-size: 14px;
        }

        .single-social-icon {
            width: 24px;
            height: 24px;
        }

        .other-title {
            font-size: 14px;
        }

        .footer-description,
        .plans-link-single .text,
        .footer-input-field::placeholder,
        .text-container-footer, .text-container-footer a {
            font-size: 14px;
        }

        .plans-link-single svg {
            width: 16px;
            height: 16px;
        }

        .subscribe-btn-footer {
            font-size: 14px;
            padding: 10px 22px;
        }
    }

    /* 480px */
    @media (max-width: 480px) {
        .footer-links {
            font-size: 14px;
            letter-spacing: 3%;
        }

        .logo-icon {
            width: 90px;
            height: 75px;
        }

        .list-container .title {
            font-size: 14px;
        }

        .single-link .icon {
            width: 14px;
            height: 14px;
        }

        .single-link .text {
            font-size: 14px;
        }

        .single-social-icon {
            width: 22px;
            height: 22px;
        }

        .other-title {
            font-size: 14px;
        }

        .footer-description,
        .plans-link-single .text,
        .footer-input-field::placeholder,
        .text-container-footer, .text-container-footer a {
            font-size: 14px;
        }

        .plans-link-single svg {
            width: 15px;
            height: 15px;
        }

        .subscribe-btn-footer {
            font-size: 14px;
            padding: 9px 18px;
        }
    }

    /* 375px */
    @media (max-width: 375px) {
        .footer-links {
            font-size: 14px;
            letter-spacing: 2%;
        }

        .logo-icon {
            width: 80px;
            height: 68px;
        }

        .list-container .title {
            font-size: 14px;
        }

        .single-link .icon {
            width: 13px;
            height: 13px;
        }

        .single-link .text {
            font-size: 14px;
        }

        .single-social-icon {
            width: 20px;
            height: 20px;
        }

        .other-title {
            font-size: 14px;
        }

        .footer-description,
        .plans-link-single .text,
        .footer-input-field::placeholder,
        .text-container-footer, .text-container-footer a {
            font-size: 14px;
            line-height: 160%;
        }

        .plans-link-single svg {
            width: 14px;
            height: 14px;
        }

        .subscribe-btn-footer {
            font-size: 14px;
            padding: 8px 15px;
            border-radius: 3px;
        }
    }