* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
}

@font-face{

        font-family: geomanistbold;
        src: url("../font/Geomanist-Bold.woff");

}
      
.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-top-150 {
    padding-top: 150px !important;
}

.padding-top-250 {
    padding-top: 250px !important;
}

.padding-top-300 {
    padding-top: 300px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-bottom-150 {
    padding-bottom: 150px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-150 {
    margin-top: 150px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-bottom-150 {
    margin-bottom: 150px !important;
}

.font-bold {
    font-weight: 800;
}

a {
    color: black;
    text-decoration: none !important;
}

a:hover {
    color: black;
}



.font-50 {
    font-size: 50px;
}

.font-w-70 {
    font-weight: 700;
}

.font-family-noto {
    font-family: 'Nunito', sans-serif;
}

.font-family-osawald {
    font-family: Oswald, Helvetica, sans-serif !important;
}


/* 
custom css */
.upper-main-14{
    padding-top: 0px;
    padding-bottom: 0px;
    outline: none;
    background-color: rgb(255, 112, 0);
}
.upper-main-14 .upper-main-inner{
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0px;
    outline: none;
}
.upper-main-14 .upper-main-inner h2{
    text-align: center;
font-size: 22px;
color: rgb(255, 255, 255);
font-family: 'geomanistbold', Arial, sans-serif;
margin-bottom: 0;
}
.main-header-14{
background-image: url(../img/dollar-bg.jpg);
}
.main-header-14::after{
position: absolute;
content: "";
clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0, 50% 40%);
}

.main-header-14 .main-header-14-inner h1{
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 70px;
    font-weight: 700;
}
.main-header2-14-inner {
    padding-top: 100px;
    padding-bottom: 100px;
    outline: none;
    background-color: rgb(255, 255, 255);
    background-image: url(../img/texture-bg.jpg);

}
.main-header-14-inner{
    padding: 100px 0px;
}
.main-header-14-inner2 .main-header-14-video{
    width: 100%;
    margin: auto;
    height: 464px;
    position: relative;
}
.main-header-14-inner2 .main-header-14-video iframe{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.btn-theme {
    color: rgb(255, 255, 255) !important;
    font-weight: 600;
    background-color: rgb(228, 59, 44);
    font-size: 32px;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'geomanistbold', Arial, sans-serif;
    margin-top: 30px;
    box-shadow: 0px 14px 23px 0px rgba(98,106,115,0.4)!important;
}
.card-14-header{
    margin-top: 90px;
}

.card-14-header h1{
    text-align: center;
    font-size: 56px;
    font-family: 'geomanistbold', Arial, sans-serif;
    text-transform: uppercase;
    
}
.card-14-header h1 span{
    color: rgb(12, 164, 25);
    text-transform: uppercase;
}
.green-gradiant-line{
    background: linear-gradient(45deg, rgb(2, 255, 23), transparent),url(../img/gradient-bg.jpg);
    padding: 5px 0px;
}
.green-gradiant-line-card{
    background: url(../img/gradient-bg.jpg);

    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    height: 5px;
}
.card-14-header .card .card-header{
    background-color: white;
    border: 0;
    margin-top: 20px;
}
.card-14-header .card .card-header h1{
    text-align: center;
    font-size: 30px;

    font-family: 'geomanistbold', Arial, sans-serif;
}

.card-14-header .card .card-body h1{
    text-align: center;
    font-size: 32px;
    text-transform: uppercase;
    font-family: 'geomanistbold', Arial, sans-serif;
}
.card-14-header .card{

    
    background-color: rgb(255, 255, 255);
 box-shadow: 0px 14px 23px 0px rgba(0,68,3,0.6)!important;
    border: none !important;
    border-radius: 15px;
}
.card-14-header .card .card-body
{
    padding: 5px 12px 30px;
}
.card-14-header .card .card-body p{

    text-align: center;
    line-height: 1.8;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 15px;
}
.portfolio-14-main{
    padding: 100px 0px;
}
.portfolio-14-main .portfolio-14-inner h1{
    text-align: center;
    font-size: 42px;
    font-family: 'geomanistbold', Arial, sans-serif;
    text-transform: uppercase;
}
.portfolio-14-main .portfolio-14-inner h2{
    margin-top: 35px;
    font-size: 34px;
    font-family: 'geomanistbold', Arial, sans-serif;
}
.portfolio-14-main .portfolio-14-inner h3{
    font-size: 23px;
    font-family: 'geomanistbold', Arial, sans-serif;
}
.portfolio-14-main .portfolio-14-inner p{
    line-height: 1.8;
    font-size: 17px;
    margin-top: 20px;
}
.description-14-main .description-14-inner .desc-header{
    font-size: 21px;
    line-height: 1.8;

}
.description-14-main .description-14-inner h1{
    text-align: center;
    font-size: 48px;
    font-family: 'geomanistbold', Arial, sans-serif;
}
.description-14-main .description-14-inner .card{
    padding: 30px 30px;
    border-radius: 25px;
    border: none;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2);
}
.description-14-main .description-14-inner p{
    line-height: 1.8;
    font-size: 16px;
    text-align: left;
}

.description-14-main .description-14-inner .description-14-content{
    margin-top: 30px;
}
.benifit-list-14-main .benifit-list-header{
    padding-top: 45px;
    padding-bottom: 20px;
}
.benifit-list-14-main .benifit-list-header h1{
    text-align: center;
    font-size: 56px;
    color: rgb(255, 255, 255);
}

.benifit-list-14-main{
    padding-top: 20px;
    padding-bottom: 45px;
    background-color: rgba(0, 0, 238, 0);
    outline: none;
    margin-top: 50px;
    text-transform: uppercase; 
}
.benifit-list-upper{
    padding-top: 106px;
    padding-bottom: 100px;
    background-image: url(https://images.clickfunnels.com/73/8dbcd518014c418ec10bd691a71d3e/Shape.png);
    outline: none;
    background-position: center;
    margin-top: 0px;
}
.benifit-list-14-main .benifit-ul{
    text-align: left;
     color: rgb(255, 255, 255);
}
.benifit-list-14-main .benifit-ul li{
    font-size: 30px; 
    margin-top: 44px;
}
.benifit-list-14-main .benifit-ul li i{
    margin-left: -2em;
    margin-right: 0.71428571em;
}
.card-14-header .card .card-header .card-img img{
    border-radius: 50%;
}
.card-bottom .card .card-body p{

    text-align: center;
    line-height: 1.8;
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 15px;
    font-style: italic;
}
.card-bottom .card .card-body h2{

    text-align: center;
    line-height: 1.8;
    font-size: 16px;
    font-family: 'geomanistbold', Arial, sans-serif;
    font-style: italic;
}
.bottom-main-14{

    padding-top: 45px;
    padding-bottom: 50px;
    outline: none;
    background-image: url(../img/text-2.png);
    background-color: rgb(0, 90, 8);
}
.bottom-main-14 .bottom-main-14-inner h1{
    text-align: center;
    font-size: 42px;
    color: rgb(255, 255, 255);
    font-family: 'geomanistbold', Arial, sans-serif;
    text-transform: uppercase;
}
.bottom-main-14 .bottom-main-14-inner h1 span{
    text-decoration: underline;
}

.bottom-main-14 .bottom-main-14-inner p{
    text-align: center;
font-size: 23px;
color: rgb(255, 255, 255);
margin-top: 20px;
font-family: 'geomanistbold', Arial, sans-serif;
}



.progress-bar {

    background-image: linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    animation: progress-bar-stripes 2s linear infinite reverse;
    transition: width .25s ease, height .25s ease, font-size .25s ease;
    font-weight: bold;
    float: left;
    width: 85%;
    height: 100%;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    
}
.progressbar_offsetWhite {
    background: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 19px;
    border-radius: 20px;
    overflow: hidden;

    line-height: 45px;
    font-size: 19px;
 
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 30px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.footer-14 {
    padding-top: 30px;
    background-color: white;
    outline: none;
    line-height: 1.42857143;
}
.footer-14 p{
    text-align: center;
    color: rgb(32, 22, 82);


    line-height: 1.8;


    font-size: 16px;
}

@media only screen and (max-width: 900px)
{
    .main-header-14 .main-header-14-inner h1 {
        font-size: 32px;
    }
        .main-header-14-inner{
            padding: 20px 0px;;
        }
        .card-14-header h1{
            font-size: 34px;
        }
        .description-14-main .description-14-inner h1{
            font-size: 32px;
        }
        .description-14-main .description-14-inner .card{
            padding: 30px 14px 70px 14px;
        }
        .description-14-main .description-14-inner p{
            text-align: center !important;
        }
        .benifit-list-14-main .benifit-list-header h1{
            font-size: 28px;
        }
        .benifit-list-14-main .benifit-ul li{
            font-size: 20px;
            padding-bottom: 6px;
            list-style-type: none;
            margin-bottom: 6px;
            padding-left: 2em;
        }
        .bottom-main-14 .bottom-main-14-inner h1{
            font-size: 28px;
        }

}

.upper-main-13{
    padding-top: 30px;
    padding-bottom: 30px;
    outline: none;
    background-color: rgb(0, 90, 8);
    background-image: url(../img/text-2.png);
}
.booking-main{
    padding-top: 55px;
    padding-bottom: 70px;
    outline: none;
    background-color: rgb(255, 255, 255);
}
.booking-main .booking-header h1{
    text-align: center;
    font-size: 52px;
    font-family: 'geomanistbold', Arial, sans-serif;
    line-height: 1em;
}
.booking-main .booking-header span{
color: rgb(12, 164, 25);
}
.booking-main .booking-video{
    width: 100%;
    height: 300px;
    position: relative;
    padding: 0;
    box-shadow: 0px 29px 36px -19px rgba(0,0,0,0.48);
}
.booking-main .booking-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.booking-main .booking-inner .booking-warning{
    padding-top: 25px;
    margin-top: 25px;
    outline: none;
    border-top: 2px dashed #2f2f2f33 ;
    cursor: pointer;
    display: block;
    font-family: Lato, Helvetica, sans-serif !important;
    text-align: left;
    color: rgba(47, 47, 47, 0.658824);
    line-height: 1.8;
    font-size: 16px;
}
.booking-main .booking-inner .booking-profile{
padding-top: 30px;
}
.booking-main .booking-inner .booking-profile .booking-profile-img img{
    border-radius: 50%;
}
.booking-main .booking-inner .booking-profile .booking-profile-content h1{
font-size: 24px;
margin-top: 15px!important;
margin-bottom: 2px!important;
color: rgb(25, 25, 25);
font-weight: 800;
}
.booking-main .booking-inner .booking-profile .booking-profile-content .booking-profile-para{
    font-size: 16px;
    color: rgb(25, 25, 25);

    }
    
    .booking-main .booking-inner .booking-card .card{
        padding: 37px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 14px 23px 0px rgba(0,68,3,0.6)!important;
        border: none;
        border-radius: 20px;
    }
    .booking-main .booking-inner .booking-card .card .card-body {
        padding: 0;
    }
    .booking-main .booking-inner .booking-card .card .card-body h2{
        text-align: center;
    font-size: 32px;
    font-family: 'geomanistbold', Arial, sans-serif;
    line-height: 1.3em;
    }
    .booking-main .booking-inner .booking-card .booking-card-list{
        margin: 15px 0px;
    }
    .booking-main .booking-inner .booking-card .booking-card-list li{
        font-family: 'geomanistbold', Arial, sans-serif;
        font-size: 23px;

    }
    .package-main-bg{
        background-image: url(https://images.clickfunnels.com/74/e59fac34bf4979a7111ce7cb3c28b1/duotone-32-.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .packages-main
    {
        padding: 40px 0px;
    margin: 0px auto;
    outline: none;
    width: 85%;
    max-width: 100%;
    }
    .packages-main .packages-main-inner h1{
        color: rgb(255, 255, 255);
        text-align: left;
    font-size: 34px;
    font-family: 'geomanistbold', Arial, sans-serif;
    line-height: 1.3em;
    }
    .packages-main .packages-main-inner p{   
    text-align: left;
    color: rgb(255, 255, 255);
    line-height: 1.8;
    font-size: 16px;
    margin-top: 15px;
    }
    
.packages-main-inner .packages-inner-list{
    text-align: left;
     color: rgb(255, 255, 255);
     margin-top: 30px;
}
.packages-main-inner .packages-inner-list li{
    font-size: 22px; 
    margin-top: 12px;
    font-weight: 600;
}
.packages-main-inner .packages-inner-list li i{
    
    margin-right: 0.71428571em;
}
/* page-16 */

.upper-main-16{
    padding-top: 30px;
    padding-bottom: 30px;
    outline: none;
    background-color: rgb(0, 161, 15);
    background-image: url(../img/text-2.png);
}
.framework-main{
    padding-top: 30px;
    padding-bottom: 300px;

    background-color: rgb(255, 255, 255);
    opacity: 1;
    position: relative;
}
.framework-main h3{
    color: rgb(45, 45, 45);

    text-align: center;
    font-size: 36px;

    font-family: 'geomanistbold', Arial, sans-serif;

    line-height: 1.3em;
}
.framework-main h1{
    color: rgb(45, 45, 45);
    text-align: center;
    font-size: 58px;
    font-family: 'geomanistbold', Arial, sans-serif;

    line-height: 1.3em;
}
.framework-main p{
    text-align: center;
color: rgb(45, 45, 45);
font-size: 21px;
line-height: 1.8;
margin-top: 20px
}
.framework-video{
    width: 100%;
    position: relative;
    height: 500px;
    padding: 0;
    box-shadow: 0px 29px 36px -19px rgba(0,0,0,0.48);
}
.framework-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.btn-theme-16 {
    color: rgb(255, 255, 255) !important;
    font-weight: 600;
    background-color: rgb(228, 59, 44);
    font-size: 38px;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'geomanistbold', Arial, sans-serif;
    margin-top: 30px;
    padding: 7px 25px;
    box-shadow: 0px 14px 23px 0px rgba(98,106,115,0.4)!important;
}
.footer-16 {
    padding-top: 300px;
    background-color: white;
    outline: none;
    line-height: 1.42857143;
    padding-bottom: 0px;
    outline: none;
    background-color: rgb(0, 161, 15);
    background-image: url(../img/text-2.png);
}
.framework-card{

    padding: 40px 10px 60px 10px;
    outline: none;
    position: absolute;
    width: 100%;
    top: -460%;
    max-width: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3);
    border: 0;
    border-radius: 25px;
}
.framework-card .card-inner h3{
    text-align: center;
    font-size: 26px;
    font-family: 'geomanistbold', Arial, sans-serif;
}
.framework-card .card-inner .framework-card-img img
{
    border: 1px solid rgba(0,0,0,0.15);
border-bottom: 2px solid rgba(0,0,0,0.15);
padding: 5px !important;
border-radius: 5px;
background: #fff;
margin-top: 15px;
}
.framework-card .card-inner{
    padding: 0 10px;
}
.framework-card .card-inner h1
{
    text-align: center;
    font-size: 32px;
    font-family: 'geomanistbold', Arial, sans-serif;
    margin-top: 30px;
}.framework-card .card-inner p
{
    text-align: center;
    font-size: 16px;
   line-height: 1.8;
    margin-top: 15px;
}
.framework-card .card-inner.farmework-border-line-card{
    border-right: 2px solid #00a10f !important;
    border-left: 2px solid #00a10f !important;
}




.framework-card-2{

    padding: 40px 10px 60px 10px;
    outline: none;
   
    background-color: rgb(255, 255, 255);
    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3);
    border: 0;
    border-radius: 25px;
}
.framework-card-2 .card-inner h3{
    text-align: center;
    font-size: 26px;
    font-family: 'geomanistbold', Arial, sans-serif;
}
.framework-card-2 .card-inner .framework-card-2-img img
{
    border: 1px solid rgba(0,0,0,0.15);
border-bottom: 2px solid rgba(0,0,0,0.15);
padding: 5px !important;
border-radius: 5px;
background: #fff;
margin-top: 15px;
}
.framework-card-2 .card-inner{
    padding: 0 10px;
}
.framework-card-2 .card-inner h1
{
    text-align: center;
    font-size: 32px;
    font-family: 'geomanistbold', Arial, sans-serif;
    margin-top: 30px;
}.framework-card-2 .card-inner p
{
    text-align: center;
    font-size: 16px;
   line-height: 1.8;
    margin-top: 15px;
}
.framework-card-2 .card-inner.farmework-border-line-card{
    border-right: 2px solid #00a10f !important;
    border-left: 2px solid #00a10f !important;
}

.header-main-content .header-profile{
    padding-top: 30px;
    }
    .header-main-content .header-profile .header-profile-img img{
        border-radius: 50%;
    }
    .header-main-content .header-profile .header-profile-content h1{
    font-size: 28px;
    margin-top: 15px!important;
    margin-bottom: 2px!important;
    color: rgb(25, 25, 25);
    font-family: 'geomanistbold', Arial, sans-serif;
    }
    .header-main-content .header-profile .header-profile-content h1 span, .header-main-content .header-profile .header-profile-content h1 .fa{
        color: rgb(228, 59, 44);  
    }
    
    .header-main-content .header-profile .header-profile-content .header-profile-para{
        font-size: 17px;
        color: rgb(25, 25, 25);
        line-height: 1.8;
    margin-top: 15px;
    margin-bottom: 0;
        }
.header-main-content-2 h1{
    text-align: center;
    font-size: 52px;
    font-family: 'geomanistbold', Arial, sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
}
        

.header-main-video .main-video{
    width: 100%;
    height: 425px;
    position: relative;
    padding: 0;
    box-shadow: 0px 29px 36px -19px rgba(0,0,0,0.48);
}
.header-main-video .main-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.header-main-video .card{
padding: 15px 25px 35px;
    background-color: rgba(26, 26, 26, 0);
    color: rgb(45, 45, 45);

    box-shadow: 0px 14px 23px 0px rgba(0,68,3,0.6)!important;

    border: none !important;

    border-radius: 25px;}
    .header-main-video .card h1{
        text-align: center;
        font-size: 26px;
        margin-bottom: 20px;
        font-family: 'geomanistbold', Arial, sans-serif;
        line-height: 1.3em;
    }
    .header-main-video .card .card-content h3{
        font-size: 24px;
        padding: 0px;
        margin-top: 10px;
        margin-bottom: 6px;
        

    }
    .header-main-video .card .card-content p{
        font-size: 17px;
font-weight: 400;
line-height: 1.3;
    }
    .offer-main-bg{
        padding-top: 80px;
        padding-bottom: 80px;
        outline: none;
        background-color: rgba(0, 0, 0, 0.54);
        background-image: url(https://images.clickfunnels.com/74/e59fac34bf4979a7111ce7cb3c28b1/duotone-32-.png);
        display: block;
    }
    .offer-main-bg .card{
        padding-top: 40px;
        padding-bottom: 40px;
        margin: 0px;
        outline: none;
        background-color: rgb(255, 255, 255);
    
        background-position-y: -3px;
    
        border: none !important;
    
        border-radius: 25px;
    }
 .offer-main-bg .card h2{
    text-align: center;
    font-size: 48px;
    color: rgb(228, 59, 44);;

    font-family: 'geomanistbold', Arial, sans-serif;
 }
 .offer-main-bg .card h1{
 text-align: center;
 margin-top: 15px;
 font-size: 58px;
 color:  rgb(45, 45, 45);
 font-family: 'geomanistbold', Arial, sans-serif;
}
.offer-main-bg .card h3{
    margin-top: 30px;
   
        text-align: center;
        font-size: 32px;
   
        font-family: 'geomanistbold', Arial, sans-serif;
  
        line-height: 1.3em;
}
.offer-main-bg .card .offer-list-1{
    margin-top: 30px;
}

.offer-main-bg .card .offer-list-1 h2{
    text-align: center;
    font-size: 32px;
    color: rgb(71, 71, 71);
    font-family: 'geomanistbold', Arial, sans-serif;
}
.offer-main-bg .card .offer-list-1 .value{
    text-align: center;
    font-size: 32px;
    color: rgb(228, 59, 44);
    font-family: 'geomanistbold', Arial, sans-serif;
}

.offer-main-bg .card .total-price
{
    margin-top: 30px;
} 
.offer-main-bg .card .total-price h5{
        text-align: center;
        font-size: 36px;
        font-family: 'geomanistbold', Arial, sans-serif;
}
.offer-main-bg .card .total-price h5 .total-value{
    color: rgb(228, 59, 44);
}
.offer-main-bg .card .total-price h5 .total-value strike{
    text-decoration: line-through;
}
.offer-main-bg .card .total-price h5 .normal-value{
    color: black;
}
.offer-main-bg .card .total-price h5 .normal-value strike{
    text-decoration: line-through;
}
.offer-main-bg .card .total-price .today-price{
    text-align: center;
    font-size: 70px;
    color: rgb(0, 161, 15);
}
.offer-main-bg .card .btn-buy{


color: rgb(255, 255, 255);
font-weight: 600;
background-color: rgb(255, 112, 0);
font-size: 38px;
margin: 30px auto 0;
font-family: 'geomanistbold', Arial, sans-serif;
padding-left: 40px !important;
padding-right: 40px !important;
width: 93%;
padding-top: 15px !important;
padding-bottom: 15px !important;
text-decoration: none !important;
box-shadow: 0px 14px 23px 0px rgba(98,106,115,0.4)!important;
border-radius: 0;
}

.offer-main-bg .card .service-content h6{
    margin-top: 50px;
    text-align: center;
    font-size: 22px;
    color: rgb(45, 45, 45);
    font-family: 'geomanistbold', Arial, sans-serif;
    margin-bottom: 15px;

}
.offer-main-bg .card .service-content h5{
    text-align: center;
    font-size: 24px;
    color: rgb(45, 45, 45);
    font-family: 'geomanistbold', Arial, sans-serif;
    margin-bottom: 15px;
}

@media only screen and (max-width: 480px){
    .framework-video{
        height: 200px;
    }
    .header-main-content-2 h1{
        font-size: 30px;
        padding: 50px 20px;
    }
    .header-main-video .main-video{
        height: 187px;
    }
    .offer-main-bg .card h2{
        font-size: 34px;
    }
    .offer-main-bg .card h1{
        font-size: 30px;
    }
    .offer-main-bg .card .offer-list-1 h2{
        font-size: 26px;
    }
    .offer-main-bg .card .offer-list-1 .value{
        font-size: 26px;
        margin-bottom: 30px;
    }
    .offer-main-bg .card .btn-buy{
        font-size: 20px;
        padding: 15px 20px !important;
    }.offer-main-bg .card .service-content h6{
        font-size: 20px;
    }
    .offer-main-bg .card .service-content h5{
        font-size: 20px;
    }
}
@media only screen and (max-width: 900px)
{
    .framework-main h1{
        font-size: 48px;
    }
    .footer-16{
        padding-top: 20px !important;
        padding-bottom: 30px;
    }
    .framework-card-2{
        border-radius: 0px !important;
    }
  
}


.timer::after {
    content: ":";
    position: absolute;
    margin-left: 20px;
    margin-top: -2px;
    box-sizing: border-box;
}

.timer,
.timerr {
    padding: 0px 10px;
    margin-bottom: 5px;
    font-size: 27px;
    min-width: 69px;
    display: inline-block;
    font-weight: bold;
    color: white;
}

.time {
    font-size: 10px;
    text-transform: uppercase;
    color: white;
}



.fixed_btn img {
    width: 164px;
}

.fixed_btn {
    position: fixed;
    bottom: 0px;
    right: 0px;
}