@font-face {
	src: url('../fonts/Gilroy-Bold.ttf');
	font-family: Gilroy-Bold;
}

@font-face {
	src: url('../fonts/Gilroy-SemiBold.ttf');
	font-family: Gilroy-SemiBold;
}

@font-face {
	src: url('../fonts/Gilroy-Medium.ttf');
	font-family: Gilroy-Medium;
}

@font-face {
	src: url('../fonts/Gilroy-Regular.ttf');
	font-family: Gilroy-Regular;
}

@font-face {
	src: url('../fonts/Gilroy-Light.ttf');
	font-family: Gilroy-Light;
}


body {
	margin: 0px auto !important;
    scroll-behavior: smooth;
}
body::-webkit-scrollbar {
    width: 5px;
    background-color: #000;
}
body::-webkit-scrollbar-thumb {
    background-color: #aacb58;
    border-radius: 4px
}


@media screen and (min-width: 1025px) {
	
	.collapse:not(.show) {
		display: block !important;
	}
	.mbl-btn {
	    display: none;
	}
}

@media screen and (min-width: 1441px) {
	
	.container {
		max-width: 1440px !important;
	}
}


h2.sec-title {
    font-size: 72px;
    line-height: normal;
    font-family: 'Gilroy-Bold';
    text-align: center;
    margin-bottom: 0px;
    background-image: linear-gradient(45deg, #7DC821, #94E234);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    text-transform: capitalize;
}


/* Header CSS Start */

.nav-row ul.navbar-nav {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nav-row .nav-link {
    font-size: 18px;
    line-height: 22.05px;
    font-family: Gilroy-SemiBold;
    color: #1B1B1B !important;
    transition: all 0.5s ease;
}
.nav-row .nav-link:hover {
    color: #fff !important;
}
.header-social-icon {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    gap: 16px;
}
.header-main > .row {
    align-items: center;
}
#navbarSupportedContent > .row {
    align-items: center;
}
.header {
    background-color: rgb(245 245 245 / 25%);
    box-shadow: 0px 4px 24px #0000000A;
    padding: 16px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    backdrop-filter: blur(6px);
}
.logo a {
    display: block;
}
.header-social-icon a {
    display: block;
}
.header-social-icon a img {
    transition: all 0.9s ease;
    transform: scale(1);
}
.header-social-icon a img:hover {
    transform: scale(1.2);
}
.sticky .nav-row .nav-link:hover {
    color: #54910b !important;
}

/* Header CSS End */


/* Home Banner CSS Start */


.home-banner {
    background-image: url(../img/landing/home-banner-img.png);
    padding-top: 180px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-bottom: 61px;
}
.banner-box-content h1 {
    font-size: 72px;
    line-height: 70px;
    color: #000;
    text-transform: capitalize;
    font-family: 'Gilroy-Bold';
    margin-bottom: 0px;
}
.banner-option {
    padding: 0px;
    margin: 0px;
    display: flex;
    padding-left: 0px;
    flex-direction: row;
    justify-content: flex-start;
    gap: 16px;
    list-style: none;
    margin-top: 30px;
}
.banner-option li {
    padding: 6px 24px 6px 24px;
    color: #1B1B1B;
    font-size: 18px;
    font-family: 'Gilroy-SemiBold';
    text-transform: capitalize;
    background: linear-gradient(45deg, #f5f5f500, rgb(245 245 245 / 40%));
    border: 1px solid rgb(245 245 245 / 20%);
    border-radius: 4px;
    position: relative;
    transition: all 0.9s ease;
    line-height: normal;
}
.banner-option li:hover {
    background: linear-gradient(45deg, rgb(245 245 245 / 40%), rgb(245 245 245 / 0%));
}
.banner-option li:before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-color: #1B1B1B;
    border-radius: 100%;
    position: absolute;
    top: 15px;
    left: 10px;
}
.banner-box-content p {
    font-size: 18px;
    color: #1B1B1B;
    line-height: 28px;
    font-family: Gilroy-Medium;
    width: 100%;
    max-width: 638px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 30px;
}
.banner-app-btn ul {
    display: flex;
    padding: 0px;
    margin: 0px;
    list-style: none;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.banner-app-btn a {
    display: block;
}
.banner-app-btn img {
    filter: invert(0);
    transition: all 0.9s ease;
}
.banner-app-btn img:hover {
    filter: invert(1);
}
.banner-app-btn {
    margin-top: 30px;
}
.image-box  img {
    width: 100%;
    max-width: 704px;
    max-height: 708px;
}
.home-banner-content > .row {
    align-items: center;
}


/* Home Banner CSS End */


/* Feature Sec CSS Start */

.feature-box-content, .image-box {
    position: relative;
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    transition: all 0.9s ease;
}
.image-box {
	animation-name: bounce;
    animation-timing-function: ease;
}
.feature-box-content:hover  {
	animation-name: bounce;
    animation-timing-function: ease;

}
.feature-img-box {
    text-align: center;
    position: absolute;
    top: -29px;
    left: 0px;
    right: 0px;
    width: 100%;
    max-width: 64px;
    height: 100%;
    max-height: 64px;
    margin: 0px auto 0px;
    background-color: #7DC821;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    border-radius: 4px;
    box-shadow: 0px 4px 16px rgb(125 200 33 / 56%);
    z-index: 1;
}
.feature-content-box {
    text-align: center;
    background-color: #ffff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 10%);
    border-radius: 8px;
    padding: 56px 0px 34px;
    position: relative;
}
.feature-content-box h4 {
    margin-bottom: 0px;
    font-size: 22px;
    font-family: 'Gilroy-Medium';
    color: #000;
    line-height: 28px;
}
.feature-img-box img {
    display: flex;
    align-items: center;
    justify-content: center;
}
.key-feature-content .col-md-3 {
    margin-bottom: 80px;
}
.key-feature-sec {
    background-color: #F5F5F5;
    padding-top: 80px;
    padding-bottom: 23px;
}
.key-feature-content > .row {
    margin-top: 100px;
}


@keyframes bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(25px); }
  100% { transform: translateY(0); }
}


/* Feature Sec CSS End */


/* Advantages Sec CSS Strat */

.advantages-boxs-main {
    margin-top: 100px;
}
.advantages-box-content {
    background-color: #fff;
    border-radius: 8px;
    min-height: 283px;
    padding: 48px 32px 48px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 4%);
    transition: all 0.9s ease;
}
.advantages-box-content:hover {
    background-color: #85d127;
}
.advantages-sec {
    background-image: url(../img/landing/advantage.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
    padding-top: 79px;
    padding-bottom: 62px;
/*    background-color: #7DC8211A;*/
}
.advantages-box-content h4 {
    font-size: 24px;
    font-family: 'Gilroy-SemiBold';
    color: #1B1B1B;
    margin-bottom: 12px;
    transition: all 0.9s ease;
}
.advantages-box-content p {
    color: #1B1B1B;
    font-size: 16px;
    line-height: 28px;
    font-family: Gilroy-Regular;
    margin-bottom: 0px;
    transition: all 0.9s ease;
}
.advantages-box-content img {
    margin-bottom: 24px;
    transition: all 0.9s ease;
    filter: brightness(1);
}
.advantages-boxs-main .col-md-4, .advantages-boxs-main .col-md-6 {
    margin-bottom: 40px;
}
.advantages-box-content:hover img {
    filter: brightness(0.1);
}
.advantages-box-content:hover h4 {
    color: #fff;
}
.advantages-box-content:hover p {
    color: #fff;
}


/* Advantages Sec CSS End */


/* Benefits App Sec CSS Start */

.benefits-app-content h3 {
    margin-bottom: 0px;
    text-align: center;
    font-size: 32px;
    font-family: 'Gilroy-Bold';
    color: #1B1B1B;
}
.benefits-text-box {
    margin-bottom: 64px;
}
.benefits-text-box h4 {
    margin-bottom: 8px;
    font-size: 24px;
    font-family: 'Gilroy-SemiBold';
    text-transform: capitalize;
    position: relative;
    padding-left: 35px;
}
.benefits-text-box h4:before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    top: 10px;
    left: 18px;
}
.benefits-text-box p {
    margin-bottom: 0px;
    color: #1B1B1B;
    font-family: 'Gilroy-Regular';
    line-height: 22px;
    font-size: 16px;
}
.benefits-app-content > .row {
    margin-top: 69px;
}
.benefits-app-sec {
    background-color: #f5f5f5;
    background-image: url(../img/landing/benefits-img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    padding-top: 83px;
    padding-bottom: 36px;
}


/* Benefits App Sec CSS End */


/* How It Work CSS Start */

.how-work-sec .row-one {
    background-image: url(../img/landing/how-it-img.png);
/*    background-color: rgb(125 200 33 / 10%);*/
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.how-work-sec h3 {
    font-size: 48px;
    color: #1B1B1B;
    font-family: 'Gilroy-Bold';
    margin-bottom: 16px;
    line-height: 48px;
    text-transform: capitalize;
    letter-spacing: -2px;
}
.row-one-content h3 {
    letter-spacing: 0px;
}
.work-content-box ul {
    margin: 0px 0px 24px;
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 24px;
}
.work-content-box ul li {
    font-size: 18px;
    color: #1B1B1B;
    font-family: 'Gilroy-SemiBold';
    line-height: 28px;
    padding: 0px 0px 0px 30px;
    position: relative;
}
.work-content-box ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    display: block;
    background-color: #000;
    position: absolute;
    top: 11px;
    left: 12px;
    border-radius: 100%;
}
.work-content-box p {
    color: #1B1B1B;
    font-size: 18px;
    line-height: 28px;
    font-family: 'Gilroy-Regular';
    margin-bottom: 0px;
}
.how-work-sec .heading {
    margin-bottom: 82px;
}
.how-work-sec .video-box-one {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row;
    background-image: url(../img/landing/Group-1000004719.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -96px 0px;
    padding: 114.5px 0px;
    padding-right: 8px;
}
.how-work-sec .row {
    align-items: center;
}
.how-work-sec .video-box-one video {
   height: auto !important;
    border-radius: 32px;
}
.row-two-content .video-box-one {
    padding-right: 0px;
    background-image: url(../img/landing/Group-10000047190.png);
    margin-left: 5px;
}
.how-work-sec .row-two {
    background-image: url(../img/landing/how-it-two.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 100px;
    margin-bottom: 100px;
    background-size: cover;
}
.how-work-sec .row-three {
    background-image: url(../img/landing/how-in-three.png);
}
.how-work-sec .row-four {
    background-image: none;
}
.row-five-content h3 {
    text-align: center;
}
.row-five-content p {
    text-align: center;
}
.row-five-content .video-box-one {
    background-image: url(../img/landing/five-back-bg.png);
    padding: 72px 0px 100px;
    animation-name: none;
    background-position: 0px 0px;
}
/*.row-five-content .video-box-one:hover {
    animation-name: bounce;
}*/
.how-work-sec .row-five {
    background-image: none;
    padding-bottom: 0px;
    background-color: rgb(125 200 33 / 10%);
}
/*@keyframes video-box-one {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(25px); }
  100% { transform: translateY(0); }
}*/

/*.video-box-one {
    position: relative;
    align-self: flex-end;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    transition: all 0.9s ease;
}*/
/*.video-box-one {
    animation-name: bounce;
    animation-timing-function: ease;
}*/


/* How It Work CSS End */


/* Get Free Months CSS Start */


.get-free-sec h2.sec-title {
    background-image: linear-gradient(45deg, #1B1B1B, #1B1B1B);
    text-align: left;
    line-height: 72px;
    margin-bottom: 24px;
}
.get-free-text-box p { 
    margin-bottom: 0px;
    font-size: 18px;
    font-family: 'Gilroy-Regular';
    color: #1B1B1B;
    line-height: 28px;
}
.get-free-sec {
    background-image: url(../img/landing/get-free-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-top: 100px;
    padding-bottom: 100px;
}
.get-free-right-box {
    background-image: linear-gradient(45deg, rgb(212 250 165 / 20%), #D4FAA5);
    border-radius: 32px;
    width: 100%;
    padding: 0px;
    box-shadow: inset 0px 0px 0px 2px rgb(245 245 245 / 10%);
    max-width: 660px;
    margin-left: auto;
}
.get-free-right-box h3 {
    font-size: 32px;
    font-family: 'Gilroy-Bold';
    color: #1B1B1B;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0px;
    background-image: linear-gradient(45deg, rgb(212 250 165 / 20%), #D4FAA5);
    border-radius: 32px;
    padding: 23px 0px;
    box-shadow: inset 0px 0px 0px 2px rgb(245 245 245 / 10%);
}
.get-free-right-box ul {
    padding: 32px 0px 8px;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 0px auto 0px;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 598px;
}
.get-free-right-box ul li {
    width: 60%;
    display: inline-block;
    font-size: 18px;
    font-family: 'Gilroy-Regular';
    color: #1B1B1B;
    margin-bottom: 24px;
    position: relative;
    padding-left: 32px;
}
.get-free-right-box ul li:before {
    content: '';
    width: 4px;
    height: 4px;
    display: block;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    top: 12px;
    left: 10px;
}
.get-free-right-box ul li:nth-child(2) {
    width: 40%;
}
.get-free-right-box ul li:nth-child(4) {
    width: 40%;
}
.get-free-right-box ul li:nth-child(6) {
    width: 40%;
}
.get-free-content > .row {
    align-items: center;
}


/* Get Free Months CSS End */


/* Footer CSS Start */

.footer-main {
    background-color: #F5F5F5;
}
.footer-main .header-social-icon {
    height: auto;
    justify-content: flex-start;
    padding-top: 48px;
}
.quick-links {
    padding: 0px 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.quick-links a {
    font-size: 18px;
    font-family: 'Gilroy-Medium';
    color: #1B1B1B;
    text-decoration: none;
    padding-bottom: 20px !important;
    display: block;
    transition: all 0.5s ease;
    padding-left: 0px;
    text-transform: capitalize;
}
.quick-links a:hover {
    color: #4a7c0b;
    padding-left: 15px;
}
.footer-main h4 {
    margin-bottom: 20px;
    font-size: 20px;
    font-family: 'Gilroy-Bold';
    color: #1B1B1B;
}
.quick-links li:last-child a {
    padding-bottom: 0px !important;
}
.contact-us {
    padding: 0px 0px 0px;
    margin: 0px 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.contact-us a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    padding-bottom: 20px;
    transition: all 0.5s ease;
    padding-left: 0px;
}
.contact-us a:hover {
    padding-left: 15px;
}
.contact-us a:hover span {
    color: #4d820d;
}
.contact-us a span {
    font-size: 18px;
    font-family: 'Gilroy-Medium';
    color: #1B1B1B;
    text-decoration: none;
}
.contact-us li:last-child a {
    padding-bottom: 0px;
}
.footer-main h3 {
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.footer-main h3 span {
    font-size: 18px;
    color: #1B1B1B;
    font-family: 'Gilroy-SemiBold';
}
.news-letter {
    margin-top: 32px;
}
.news-letter input {
    background-color: transparent;
    border: 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    border-radius: 0px;
    font-size: 16px;
    color: #1B1B1B;
    font-family: 'Gilroy-Regular';
}
.news-letter .form-group {
    margin-bottom: 32px;
}
.news-letter .submit-btn button {
    border: 0px;
    background-color: #1B1B1B;
    color: #F5F5F5;
    font-size: 18px;
    font-family: 'Gilroy-Medium';
    border-radius: 4px;
    padding: 18px 32px;
    transition: all 0.5s ease;
}
.news-letter .submit-btn button:hover {
    background-color: #4d800d;
}
.copyright {
    text-align: center;
    border-top: 1px solid rgb(0 0 0 / 20%);
    padding: 28px 0px;
}
.copyright p {
   margin-bottom: 0px;
    font-size: 16px;
    color: #1B1B1B;
    font-family: 'Gilroy-Regular';
}
.copyright p a {
    font-size: 16px;
    color: #1B1B1B;
    font-family: 'Gilroy-Regular';
    text-decoration: none;
    transition: all 0.5s ease;
}
.copyright p a:hover {
    color: #497b0b;
}
.footer-content {
    padding-top: 100px;
    padding-bottom: 100px;
}
.news-letter input:focus {
    box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid rgb(74 124 12);
    color: rgb(74 124 12);
}


/* Footer CSS End */




/* Media Screens Start */


@media (min-width: 1200px) and (max-width: 1440px) {



    h2.sec-title {
        font-size: 58px;
    }


    /* Header CSS */

    .nav-row .nav-link {
        font-size: 16px;
    }


    /* Home Banner CSS   */

    .banner-box-content h1 {
        font-size: 58px;
        line-height: 56px;
        width: 100%;
        max-width: 490px;
    }
    .banner-option li {
        font-size: 15px;
        padding: 6px 10px 6px 20px;
    }
    .banner-option li:before {
        width: 5px;
        height: 5px;
        top: 14px;
        left: 8px;
    }
    .banner-box-content p {
        font-size: 16px;
        margin-top: 22px;
        max-width: 554px;
    }
    .banner-option {
        margin-top: 24px;
    }
    .banner-app-btn {
        margin-top: 24px;
    }
    .home-banner {
        padding-bottom: 46px;
        padding-top: 165px;
    }


    /* Key Features CSS */

    .feature-content-box h4 {
        font-size: 18px;
        line-height: 24px;
    }
    .feature-content-box {
        padding: 46px 0px 24px;
    }
    .feature-img-box {
        max-width: 60px;
        max-height: 60px;
    }
    .key-feature-content .col-md-3 {
        margin-bottom: 70px;
    }
    .key-feature-sec {
        padding-top: 64px;
        padding-bottom: 14px;
    }
    .key-feature-content > .row {
        margin-top: 80px;
    }


    /* Advantages Sec CSS */

    .advantages-boxs-main {
        margin-top: 80px;
    }
    .advantages-box-content {
        padding: 40px 26px 40px;
        min-height: 244px;
    }
    .advantages-box-content h4 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .advantages-box-content p {
        line-height: 26px;
        font-size: 14px;
    }
    .advantages-box-content img {
        margin-bottom: 18px;
    }
    .advantages-boxs-main .col-md-4, .advantages-boxs-main .col-md-6 {
        margin-bottom: 30px;
    }
    .advantages-sec {
        padding-top: 65px;
        padding-bottom: 54px;
    }



    /* Benefits Sec CSS */


    .benefits-app-content h3 {
        font-size: 25px;
    }
    .benefits-text-box h4 {
        margin-bottom: 6px;
        font-size: 20px;
        padding-left: 30px;
    }
    .benefits-text-box h4:before {
        width: 4px;
        height: 4px;
        top: 10px;
        left: 14px;
    }
    .benefits-text-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .benefits-text-box {
        margin-bottom: 54px;
    }
    .benefits-app-content > .row {
        margin-top: 59px;
    }
    .benefits-app-sec {
        padding-top: 66px;
        padding-bottom: 27px;
    }


    /* How It Worrk Sec CSS */


    .how-work-sec h3 {
        font-size: 38px;
        line-height: 38px;
        margin-bottom: 8px;
    }
    .work-content-box ul li {
        font-size: 15px;
        padding: 0px 0px 0px 24px;
    }
    .work-content-box ul {
        margin: 0px 0px 18px;
        gap: 14px;
    }
    .work-content-box p {
        font-size: 16px;
        line-height: 26px;
    }
    .how-work-sec .video-box-one {
        padding: 75.5px 0px;
        background-size: cover;
        background-position: -62px 0px;
    }
    .how-work-sec .heading {
        margin-bottom: 72px;
    }
    .how-work-sec .row-one {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .how-work-sec .row-two {
        margin-top: 80px;
        margin-bottom: 80px;
    }
    .row-five-content .video-box-one {
        padding: 62px 0px 80px;
    }
    .how-work-sec .row-five {
        padding-bottom: 0px;
    }


    /* Free Month Sec CSS */


    .get-free-sec h2.sec-title {
        line-height: 58px;
        margin-bottom: 16px;
    }
    .get-free-text-box p {
        font-size: 16px;
        line-height: 26px;
    }
    .get-free-right-box h3 {
        font-size: 26px;
        border-radius: 28px;
        padding: 20px 0px;
    }
    .get-free-right-box ul li {
        font-size: 15px;
        padding-left: 24px;
        width: 56%;
        margin-bottom: 18px;
    }
    .get-free-right-box ul {
        max-width: 500px;
        padding: 22px 0px 0px;
    }
    .get-free-sec {
        padding-top: 74px;
        padding-bottom: 80px;
    }



    /* Footer CSS */


    .quick-links a {
        font-size: 16px;
        padding-bottom: 14px !important;
    }
    .footer-main h4 {
        margin-bottom: 18px;
        font-size: 18px;
    }
    .contact-us a span {
        font-size: 16px;
    }
    .contact-us a {
        gap: 14px;
        padding-bottom: 16px;
    }
    .footer-main h3 span {
        font-size: 16px;
    }
    .news-letter input {
        font-size: 14px;
    }
    .news-letter .submit-btn button {
        font-size: 16px;
    }
    .news-letter .form-group {
        margin-bottom: 28px;
    }
    .news-letter {
        margin-top: 28px;
    }
    .footer-content {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .footer-main .header-social-icon {
        padding-top: 34px;
    }
    .copyright p {
        font-size: 14px;
    }
    .copyright p a {
        font-size: 14px;
    }
    .copyright {
        padding: 18px 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {



    h2.sec-title {
        font-size: 54px;
    }

    /* Header CSS */

    .nav-row .nav-link {
        font-size: 14px;
        line-height: 18.05px;
    }
    .logo a img {
        max-width: 130px;
    }
    .header-social-icon {
        gap: 12px;
    }


    /* Home Banner CSS */


    .banner-box-content h1 {
        font-size: 45px;
        line-height: 43px;
    }
    .banner-option li {
        font-size: 13px;
        padding: 6px 12px 6px 12px;
    }
    .banner-option {
        gap: 8px;
        margin-top: 20px;
    }
    .banner-option li:before {
        width: 3px;
        height: 3px;
        top: 13px;
        left: 6px;
    }
    .banner-box-content p {
        font-size: 15px;
        margin-top: 20px;
        line-height: 24px;
    }
    .banner-app-btn img {
        max-width: 160px;
    }
    .banner-app-btn {
        margin-top: 20px;
    }
    .home-banner {
        padding-top: 156px;
        padding-bottom: 57px;
    }

    /* Key Features Sec CSS */


    .key-feature-content > .row {
        margin-top: 70px;
    }
    .feature-content-box h4 {
        font-size: 17px;
        line-height: 22px;
    }
    .feature-content-box {
        padding: 46px 0px 24px;
    }
    .key-feature-content .col-md-3 {
        margin-bottom: 60px;
    }
    .key-feature-sec {
        padding-top: 46px;
        padding-bottom: 4px;
    }


    /* Advantages Sec CSS */

    .advantages-boxs-main {
        margin-top: 60px;
    }
    .advantages-box-content h4 {
        font-size: 20px;
    }
    .advantages-box-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .advantages-box-content {
        min-height: 264px;
        padding: 38px 22px 38px;
    }
    .advantages-box-content img {
        margin-bottom: 18px;
    }
    .advantages-boxs-main > .row .col-md-6 .advantages-box-content {
        min-height: 222px;
    }
    .advantages-boxs-main .col-md-4, .advantages-boxs-main .col-md-6 {
        margin-bottom: 25px;
    }
    .advantages-sec {
        padding-top: 47px;
        padding-bottom: 39px;
    }

    /* Benefits Sec CSS */


    .benefits-app-content h3 {
        font-size: 26px;
    }
    .benefits-app-content > .row {
        margin-top: 49px;
    }
    .benefits-text-box h4 {
        font-size: 20px;
        padding-left: 22px;
    }
    .benefits-text-box p {
        line-height: 20px;
        font-size: 14px;
    }
    .benefits-text-box h4:before {
        width: 5px;
        height: 5px;
        top: 10px;
        left: 10px;
    }
    .benefits-text-box {
        margin-bottom: 34px;
    }
    .benefits-app-sec {
        padding-top: 49px;
        padding-bottom: 25px;
    }

    /* How it Work CSS */

    .how-work-sec h3 {
        font-size: 30px;
        margin-bottom: 12px;
        line-height: 34px;
    }
    .work-content-box ul {
        gap: 8px;
        margin: 0px 0px 14px;
    }
    .work-content-box ul li {
        font-size: 14px;
        line-height: 22px;
        padding: 0px 0px 0px 12px;
    }
    .work-content-box ul li:before {
        width: 4px;
        height: 4px;
        top: 9px;
        left: 4px;
    }
    .work-content-box p {
        font-size: 15px;
        line-height: 24px;
    }
    .how-work-sec .video-box-one {
        padding: 62px 0px;
        background-size: cover;
        background-position: -48px 0px;
    }
    .how-work-sec .heading {
        margin-bottom: 42px;
    }
    .how-work-sec .row-one {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .how-work-sec .row-two {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .how-work-sec .video-box-one video {
        border-radius: 22px;
    }
    .row-five-content .video-box-one {
        padding: 52px 0px 60px;
    }
    .how-work-sec .row-five {
        padding-bottom: 0px;
    }


    /* Free Months Sec CSS */


    .get-free-sec h2.sec-title {
        line-height: 54px;
        margin-bottom: 16px;
    }
    .get-free-text-box p {
        font-size: 15px;
        line-height: 24px;
    }
    .get-free-right-box h3 {
        font-size: 26px;
        border-radius: 22px;
        padding: 18px 0px;
    }
    .get-free-right-box {
        border-radius: 22px;
    }
    .get-free-right-box ul li {
        font-size: 12px;
        padding-left: 18px;
        margin-bottom: 16px;
    }
    .get-free-right-box ul li:before {
        width: 3px;
        height: 3px;
        top: 8px;
        left: 8px;
    }
    .get-free-right-box ul {
        padding: 24px 24px 8px;
    }
    .get-free-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }


    /* Footer CSS */

    .footer-content .col-md-3 > img {
        max-width: 140px;
    }
    .footer-main .header-social-icon {
        margin: 0px 0px 0px;
        padding-top: 24px;
    }
    .footer-main h4 {
        margin-bottom: 18px;
        font-size: 18px;
    }
    .quick-links a {
        font-size: 14px;
        padding-bottom: 12px !important;
    }
    .contact-us a span {
        font-size: 14px;
    }
    .contact-us a {
        gap: 12px;
    }
    .footer-main h3 span {
        font-size: 15px;
    }
    .news-letter input {
        font-size: 14px;
    }
    .news-letter .form-group {
        margin-bottom: 22px;
    }
    .news-letter .submit-btn button {
        font-size: 15px;
        padding: 14px 24px;
    }
    .footer-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .copyright p {
        font-size: 13px;
    }
    .copyright p a {
        font-size: 13px;
    }
    .copyright {
        padding: 20px 0px;
    }

}

@media (min-width: 992px) and (max-width: 1024px){

    /* Header CSS */

    .header-main > .row > .col-md-3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .header-main > .row > .col-md-9 {
        width: 100%;
    }
    .logo a img {
        max-width: 130px;
    }
    .mbl-btn button {
        font-size: 25px;
        color: #000;
    }
    .nav-row ul.navbar-nav {
        flex-direction: column;
    }
    .header-social-icon {
        justify-content: flex-start;
        margin: 20px 0px 0px;
    }
    .nav-row .navbar-collapse {
        padding: 20px 20px 25px;
        margin-top: 20px;
        background-color: #7DC821;
        border-radius: 8px;
        box-shadow: 0px 3px 4px rgb(0 0 0 / 25%);
    }
    .nav-row .nav-link {
        font-size: 15px;
        line-height: 18.05px;
    }
    .sticky {
        background-color: #fff;
    }
    #navbarSupportedContent > .row > .col-md-9, #navbarSupportedContent > .row > .col-md-3 {
        width: 100%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {


    /* Header CSS */

    .header-main > .row > .col-md-3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .header-main > .row > .col-md-9 {
        width: 100%;
    }
    .logo a img {
        max-width: 130px;
    }
    .mbl-btn button {
        font-size: 25px;
        color: #000;
    }
    .nav-row ul.navbar-nav {
        flex-direction: column;
    }
    .header-social-icon {
        justify-content: flex-start;
        margin: 20px 0px 0px;
    }
    .nav-row .navbar-collapse {
        padding: 20px 20px 25px;
        margin-top: 20px;
        background-color: #7DC821;
        border-radius: 8px;
        box-shadow: 0px 3px 4px rgb(0 0 0 / 25%);
    }
    .nav-row .nav-link {
        font-size: 15px;
        line-height: 18.05px;
    }
    .sticky {
        background-color: #fff;
    }
    #navbarSupportedContent > .row > .col-md-9, #navbarSupportedContent > .row > .col-md-3 {
        width: 100%;
    }


    /* Home Banner CSS */

    .banner-box-content h1 {
        font-size: 40px;
        line-height: 38px;
    }
    .banner-option li {
        font-size: 14px;
        padding: 6px 20px 6px 20px;
    }
    .banner-option {
        flex-direction: column;
        margin-top: 20px;
    }
    .banner-option li:before {
        width: 4px;
        height: 4px;
        top: 13px;
        left: 10px;
    }
    .banner-box-content p {
        font-size: 16px;
        line-height: 26px;
        margin-top: 20px;
    }
    .banner-app-btn img {
        max-width: 150px;
    }
    .home-banner {
        padding-bottom: 51px;
        padding-top: 154px;
    }


    /* Key Feature Sec CSS */

    h2.sec-title {
        font-size: 48px;
    }
    .key-feature-content > .row {
        margin-top: 60px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .feature-content-box h4 {
        font-size: 17px;
        line-height: 22px;
    }
    .feature-content-box {
        padding: 40px 0px 28px;
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }
    .feature-img-box {
        max-width: 54px;
        max-height: 54px;
    }
    .feature-img-box img {
        max-width: 24px;
    }
    .key-feature-content .col-md-3 {
        margin-bottom: 60px;
        width: 33%;
    }
    .key-feature-sec {
        padding-top: 48px;
        padding-bottom: 3px;
    }


    /* Advantages Sec CSS */


    .advantages-box-content {
        padding: 22px 22px 22px;
        min-height: 244px;
        border-radius: 6px;
    }
    .advantages-box-content h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .advantages-box-content p {
        font-size: 13px;
        line-height: 24px;
    }
    .advantages-box-content img {
        margin-bottom: 16px;
    }
    .advantages-boxs-main .col-md-4, .advantages-boxs-main .col-md-6 {
        margin-bottom: 26px;
    }
    .advantages-boxs-main {
        margin-top: 50px;
    }
    .advantages-sec {
        padding-top: 49px;
        padding-bottom: 38px;
    }
    .advantages-boxs-main .col-md-6 .advantages-box-content {
        min-height: auto;
    }

    /* Benefits Sec CSS */


    .benefits-app-content h3 {
        font-size: 24px;
    }
    .benefits-app-content > .row {
        margin-top: 60px;
    }
    .benefits-text-box h4 {
        font-size: 20px;
        padding-left: 22px;
    }
    .benefits-text-box h4:before {
        width: 5px;
        height: 5px;
        top: 10px;
        left: 10px;
    }
    .benefits-text-box p {
        line-height: 20px;
        font-size: 14px;
    }
    .benefits-text-box {
        margin-bottom: 32px;
    }
    .benefits-app-sec {
        padding-top: 49px;
        padding-bottom: 28px;
    }


    /* How It Work Sec CSS */


    .how-work-sec h3 {
        font-size: 22px;
        line-height: 22px;
    }
    .work-content-box ul li {
        font-size: 15px;
        line-height: 24px;
    }
    .work-content-box p {
        font-size: 15px;
        line-height: 24px;
    }
    .row-two-content .video-box-one {
        padding: 55.5px 0px;
    }
    .how-work-sec .video-box-one video {
        border-radius: 14px;
    }
    .how-work-sec .video-box-one {
        padding: 55px 0px;
        background-size: cover;
        background-position: -47px 0px;
    }
    .row-one-content .video-box-one {
        padding: 80px 0px;
        background-size: cover;
        background-position: -50px 0px;
    }
    .row-one-content > .row {
        flex-direction: column-reverse;
    }
    .row-one-content > .row > .col-md-6 {
        width: 100%;
    }
    .row-one-content > .row h3 {
        text-align: center;
    }
    .work-content-box ul {
        justify-content: center;
        gap: 16px;
    }
    .row-one-content > .row .work-content-box {
        margin-bottom: 30px;
    }
    .how-work-sec .heading {
        margin-bottom: 42px;
    }
    .how-work-sec .row-one {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .how-work-sec .row-two {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .row-five-content .video-box-one {
        padding: 32px 0px 60px;
    }
    .how-work-sec .row-five {
        padding-bottom: 0px;
    }

    /* Get Free Months Sec CSS */

    .get-free-sec h2.sec-title {
        line-height: 48px;
        margin-bottom: 18px;
    }
    .get-free-text-box p {
        font-size: 15px;
        line-height: 24px;
    }
    .get-free-right-box h3 {
        font-size: 24px;
        border-radius: 24px;
        padding: 18px 0px;
    }
    .get-free-right-box {
        border-radius: 24px;
    }
    .get-free-right-box ul li {
        font-size: 15px;
        width: 100%;
        padding-left: 26px;
        margin-bottom: 12px;
    }
    .get-free-right-box ul li:nth-child(2) {
        width: 100%;
    }
    .get-free-right-box ul li:nth-child(4) {
        width: 100%;
    }
    .get-free-right-box ul li:nth-child(6) {
        width: 100%;
    }
    .get-free-right-box ul li:before {
        width: 3px;
        height: 3px;
        top: 10px;
        left: 10px;
    }
    .get-free-sec {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .get-free-right-box ul {
        padding: 26px 28px 8px;
    }


    /* Footer CSS */

    .footer-content > .row .col-md-3:first-child {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }
    .footer-content .col-md-3 > img {
        width: auto;
    }
    .footer-main .header-social-icon {
        justify-content: center;
        padding-top: 24px;
        margin: 0px 0px 0px;
    }
    .footer-content > .row .col-md-3:nth-child(3) {
        width: 35%;
    }
    .footer-main h4 {
        margin-bottom: 16px;
        font-size: 18px;
    }
    .quick-links a {
        font-size: 15px;
        padding-bottom: 12px !important;
    }
    .footer-content > .row .col-md-2:nth-child(2) {
        width: 25%;
    }
    .footer-content > .row .col-md-4:nth-child(4) {
        width: 40%;
    }
    .contact-us a span {
        font-size: 15px;
    }
    .contact-us a {
        gap: 12px;
        padding-bottom: 12px;
    }
    .footer-main h3 span {
        font-size: 14px;
    }
    .footer-main h3 {
        gap: 14px;
    }
    .news-letter input {
        font-size: 14px;
    }
    .news-letter .form-group {
        margin-bottom: 22px;
    }
    .news-letter .submit-btn button {
        font-size: 15px;
        padding: 16px 28px;
    }
    .footer-content {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .copyright p {
        font-size: 14px;
    }
    .copyright p a {
        font-size: 14px;
    }
    .copyright {
        padding: 20px 0px;
    }


}

@media (min-width: 320px) and (max-width: 767px) {


    /* Header CSS */

    .header-main > .row > .col-md-3 {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .logo a img {
        max-width: 130px;
    }
    .mbl-btn button {
        font-size: 25px;
        color: #000;
    }
    .nav-row ul.navbar-nav {
        flex-direction: column;
    }
    .header-social-icon {
        justify-content: flex-start;
        margin: 20px 0px 0px;
    }
    .nav-row .navbar-collapse {
        padding: 20px 20px 25px;
        margin-top: 20px;
        background-color: #7DC821;
        border-radius: 8px;
        box-shadow: 0px 3px 4px rgb(0 0 0 / 25%);
    }
    .nav-row .nav-link {
        font-size: 15px;
        line-height: 18.05px;
    }
    .sticky {
        background-color: #fff;
    }


    /* Home Banner */


    .banner-box-content h1 {
        font-size: 30px;
        line-height: 28px;
        max-width: 296px;
    }
    .banner-option {
        flex-direction: column;
        margin-top: 20px;
    }
    .banner-option li {
        font-size: 14px;
        padding: 6px 24px 6px 20px;
        max-width: 296px;
    }
    .banner-option li:before {
        width: 4px;
        height: 4px;
        top: 14px;
        left: 10px;
    }
    .banner-app-btn ul {
        flex-direction: row;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .banner-box-content p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 24px;
    }
    .banner-app-btn img {
        max-width: 140px;
    }
    .banner-app-btn {
        margin-top: 20px;
    }
    .image-box {
        margin-top: 30px;
    }
    .home-banner {
        padding-top: 136px;
        padding-bottom: 53px;
    }


    /* Key Features Sec CSS */


    h2.sec-title {
        font-size: 30px;
    }
    .feature-content-box h4 {
        font-size: 16px;
        line-height: 22px;
    }
    .feature-content-box {
        padding: 36px 0px 24px;
    }
    .feature-img-box {
        max-width: 48px;
        max-height: 48px;
    }
    .feature-img-box img {
        max-width: 24px;
    }
    .key-feature-content .col-md-3 {
        margin-bottom: 0px;
        margin-top: 60px;
    }
    .key-feature-content > .row {
        margin-top: 7px;
    }
    .key-feature-sec {
        padding-top: 32px;
        padding-bottom: 44px;
    }


    /* Advantages Sec CSS */


    .advantages-boxs-main {
        margin-top: 40px;
    }
    .advantages-sec {
        padding-top: 33px;
        padding-bottom: 23px;
    }
    .advantages-box-content h4 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .advantages-box-content p {
        font-size: 14px;
        line-height: 24px;
    }
    .advantages-box-content img {
        margin-bottom: 18px;
    }
    .advantages-box-content {
        min-height: auto;
        padding: 30px 22px 30px;
    }
    .advantages-boxs-main .col-md-4, .advantages-boxs-main .col-md-6 {
        margin-bottom: 20px;
    }



    /* Benefits Sec CSS */


    .benefits-app-content h3 {
        font-size: 22px;
        margin-top: 20px;
    }
    .benefits-app-content > .row {
        margin-top: 31px;
    }
    .benefits-text-box h4 {
        font-size: 18px;
        padding-left: 20px;
    }
    .benefits-text-box p {
        line-height: 20px;
        font-size: 14px;
    }
    .benefits-text-box h4:before {
        width: 5px;
        height: 5px;
        top: 8px;
        left: 10px;
    }
    .benefits-text-box {
        margin-bottom: 34px;
    }
    .benefits-app-sec {
        padding-top: 32px;
        padding-bottom: 4px;
    }

    /* How It Work Sec CSS */

    .work-content-box ul {
        gap: 10px;
        flex-direction: column;
    }
    .work-content-box ul li {
        font-size: 14px;
        line-height: 24px;
        padding: 0px 0px 0px 22px;
    }
    .work-content-box ul li:before {
        width: 4px;
        height: 4px;
        top: 10px;
        left: 8px;
    }
    .how-work-sec .heading {
        margin-bottom: 28px;
    }
    .how-work-sec .video-box-one {
        margin-bottom: 40px;
        padding: 45.5px 0px;
        padding-right: 0px;
        background-position: -35px 0px;
    }
    .how-work-sec .video-box-one video {
        border-radius: 16px;
    }
    .how-work-sec h3 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 12px;
    }
    .work-content-box p {
        font-size: 14px;
        line-height: 24px;
    }
    .how-work-sec .row-one {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .how-work-sec .row-two {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .row-two-content > .row {
        flex-direction: column-reverse;
    }
    .row-four-content > .row {
        flex-direction: column-reverse;
    }
    .row-five-content .video-box-one {
        padding: 0px 0px 30px;
        margin-bottom: 0px;
        background-size: 100% 100%;
        background-position: 0px -5px;
    }
    .how-work-sec .row-five {
        padding-bottom: 40px;
    }
    .row-five-content {
        display: flex;
        flex-direction: column-reverse;
    }


    /* Get Free Months CSS */


    .get-free-sec h2.sec-title {
        line-height: 30px;
        margin-bottom: 12px;
    }
    .get-free-text-box p {
        line-height: 24px;
        font-size: 14px;
    }
    .get-free-text-box {
        margin-bottom: 40px;
    }
    .get-free-sec {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .get-free-right-box ul {
        flex-direction: column;
        padding: 32px 22px 8px;
    }
    .get-free-right-box ul li {
        width: 100%;
        font-size: 14px;
        padding-left: 32px;
        margin-bottom: 16px;
    }
    .get-free-right-box ul li:nth-child(2) {
        width: 100%;
    }
    .get-free-right-box ul li:nth-child(4) {
        width: 100%;
    }
    .get-free-right-box ul li:nth-child(6) {
        width: 100%;
    }
    .get-free-right-box h3 {
        font-size: 22px;
        padding: 16px 0px;
        border-radius: 16px;
    }
    .get-free-right-box {
        border-radius: 16px;
    }


    /* Footer CSS  */


    .footer-content > .row {
        flex-direction: column;
        align-items: flex-start;
        gap: 30px;
    }
    .footer-content > .row > .col-md-3 img {
        max-width: 130px;
    }.footer-main .header-social-icon {
        padding-top: 0px;
        margin: 30px 0px 0px;
    }
    .footer-main h4 {
        margin-bottom: 14px;
        font-size: 16px;
    }
    .quick-links a {
        font-size: 14px;
        padding-bottom: 10px !important;
    }
    .contact-us a {
        gap: 10px;
        padding-bottom: 0px;
    }
    .contact-us a span {
        font-size: 14px;
    }
    .footer-main h3 span {
        font-size: 15px;
    }
    .news-letter input {
        font-size: 14px;
        padding: 0px 0px 8px 0px;
    }
    .news-letter .form-group {
        margin-bottom: 20px;
    }
    .news-letter .submit-btn button {
        font-size: 14px;
        padding: 14px 28px;
    }
    .copyright p {
        font-size: 12px;
    }
    .copyright p a {
        font-size: 12px;
    }
    .copyright {
        padding: 16px 0px;
    }
    .footer-content {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .contact-us {
        flex-direction: column-reverse;
    }
    .contact-us li:last-child a {
        padding-bottom: 20px;
    }

}



.copyright p {
   margin-bottom: 0px;
    font-size: 16px;
    color: #1B1B1B;
    font-family: 'Gilroy-Regular';
    text-align: left;
}
.copyright ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}
.copyright ul a {
    font-size: 16px;
    font-family: 'Gilroy-Medium';
    color: #1B1B1B;
    text-decoration: none;
    display: block;
    text-transform: capitalize;
}
.copyright .row {
    align-items: center;
}


@media (min-width: 1200px) and (max-width: 1440px) {

    .copyright p {
        font-size: 14px;
    }
    .copyright ul a {
        font-size: 14px;
    }
    .copyright ul {
        gap: 10px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {

    .copyright p {
        font-size: 12px;
    }
    .copyright ul a {
        font-size: 12px;
    }
    .copyright ul {
        gap: 10px;
    }
    .copyright .row .col-md-6:first-child {
        flex: 0 0 auto;
        width: 60%;
    }
    .copyright .row .col-md-6:last-child {
        flex: 0 0 auto;
        width: 40%;
    }
}


@media (min-width: 768px) and (max-width: 991px) {

    .copyright p {
        font-size: 12px;
    }
    .copyright ul a {
        font-size: 12px;
    }
    .copyright ul {
        gap: 10px;
    }
}


@media (min-width: 320px) and (max-width: 767px) {


    .copyright p {
        font-size: 12px !important;
        text-align: center;
        margin-bottom: 10px;
    }
    .copyright ul a {
        font-size: 12px;
    }
    .copyright ul {
        gap: 10px;
        justify-content: center;
    }
}