:root
{
    --body_color: 0, 0, 0;
    --primary_color:  39, 170,226;
    --secondary_color: 10, 191, 94;
    --white_color: 255, 255, 255;
    --black_color: 0,0,0; 
}

*{box-sizing: border-box; margin: 0px; padding: 0px;}
body{margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif; font-size: 16px; position: relative;}
h1{font-size:56px; font-weight: 700; line-height: 55px;}
h2{font-size:52px; font-weight: 700; line-height: 50px;}
h3{font-size:50px; font-weight: 700; line-height: 65px;}
h4{font-size:42px; font-weight: 700; line-height: 50px;}
h5{font-size:40px; font-weight: 700; line-height: 50px;}
h6{font-size:36px; font-weight: 700; line-height: 50px;}
p{font-size: 16px; font-weight:400; line-height: 27px; }
.row>* {padding: 0 15px !important;}
.theme-button{padding: 13px 0px;}
.theme-button a{color:rgb(var(--white_color)); text-decoration: none; font-size: 16px; font-weight: 400; line-height: 25px; padding: 12px 42px; border: 1px solid rgb(var(--primary_color)); border-radius: 24px; background-color: rgb(var(--primary_color)); }
.theme-button a:hover{color: rgb(var(--primary_color)); background-color: var(--white_color); border: 1px solid rgb(var(--primary_color));}
.container{width: 1170px; max-width: 100%;}
a{text-decoration: none;}
.video-play .btn{padding:20px 22px 18px 20px;border-radius: 100%;background-color: rgb(var(--primary_color));}
.video-play .btn:focus{box-shadow: unset;}
.video-play .btn i{font-size: 25px;color: rgb(var(--white_color));}
.btn-close {position: absolute;top: 0px;right: 10px;background-image: unset;color: rgb(var(--white_color));font-size: 15px;opacity: 1;background-color: rgb(var(--black_color));border-radius: 100%;line-height: 1;padding: 6px;}
.btn-close:hover {color: rgb(var(--white_color));opacity: 1;}
.btn-close:focus{box-shadow: unset;}
.modal-content {border: 0;background-color: unset;}

/*............................Header.............................*/
header{padding :25px 0px; background-color: rgb(var(--white_color)); position: fixed; top: 0; width: 100%; z-index: 9; border-bottom: 1px solid #70707020;}
header .container{padding :0px;}
header .phone_label{background-color: rgb(var(--secondary_color)); padding: 10px 20px; border-radius: 10px;}
header .phone_label p{font-size: 20px;font-weight: 600;font-family: 'Poppins', sans-serif;color: rgb(var(--white_color)); line-height: 20px;}
header .phone_label a{font-size: 15px;font-weight: 400;font-family: 'Poppins', sans-serif;color: rgb(var(--white_color)); line-height: 20px!important; margin: ;}
header .phone_label a:hover{color: rgb(var(--white_color));}
header.sticky{padding: 10px 0px;}
 /*............................Header............................*/

/*...........................Main Banner.............................*/
.main-banner{margin-top: 139px; padding :275px 0px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.main-banner h1{color: rgb(var(--secondary_color)); font-size: 50px;}
.main-banner h6{color: rgb(var(--white_color));padding-top: 15px;font-size: 32px;font-weight: 400;}
/*...........................Main Banner.............................*/

/*..........................Get Result Wrapper..........................*/
 .get-result-wrapper{padding:120px 0px;}
 .get-result-wrapper h2{color: rgb(var(--primary_color)); padding-bottom: 20px;}
 .get-result-wrapper h2:after{content:" "; width: 158px; height: 2px; background-color: rgb(var(--black_color)); position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
 .get-result-wrapper .row{margin-top: 60px;}
 .get-result-wrapper .get-result-img img{border: 20px solid rgb(var(--primary_color)); border-radius: 278px 50px 278px 278px;}
 .get-result-wrapper .refit-content{padding-left: 26px;}
 .get-result-wrapper .refit-content-title{color: rgb(var(--primary_color));}
 .get-result-wrapper .refit-content-title span{font-size: 28px; font-weight: 700; width: 60px; height: 60px; border: 2px solid rgb(var(--primary_color)); border-radius: 12px; margin-right: 20px;}
 .get-result-wrapper .refit-content .refit-heading{font-size: 24px; font-weight: 500; line-height: 35px; color: rgb(var(--black_color));}
 .get-result-wrapper ul li{ list-style-type: none; margin-bottom: 8px; font-size: 20px; font-weight: 400; line-height: 35px; position: relative; padding-left: 22px;}
 .get-result-wrapper ul li:before{content:" "; width: 10px; height: 10px; border-radius: 50%; background-color: rgb(var(--primary_color)); position: absolute;  left: 0; top: 0; bottom: 0; margin: auto;}
 .get-result-wrapper .get-result-center .refit-content {padding-left: 0px;}
 .get-result-wrapper .get-result-center .get-result-img img{border: 20px solid rgb(var(--secondary_color)); border-radius: 50px 278px 278px 278px;}
 .get-result-wrapper .get-result-center .refit-content-title{color: rgb(var(--secondary_color));}
 .get-result-wrapper .get-result-center .refit-content-title span{border: 2px solid rgb(var(--secondary_color));}
 .get-result-wrapper .get-result-center ul li:before{background-color: rgb(var(--secondary_color));}
 .get-result-wrapper .get-result-center .theme-button a{border: 1px solid rgb(var(--secondary_color)); background-color: rgb(var(--secondary_color));}
 .get-result-wrapper .get-result-center .theme-button a:hover{color: rgb(var(--secondary_color)); background-color: rgb(var(--white_color)); border: 1px solid rgb(var(--secondary_color));}
 .get-result-wrapper .modal-body img{width:100%; height: auto!important;}
 .get-result-wrapper .modal-content {max-width: 800px; margin: auto; }
 /*..........................Get Result Wrapper..........................*/

/*.........................Show Me..................................*/
.show-me{padding: 145px 0px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.show-me h3{color: rgb(var(--white_color)); font-size: 45px;}
/*.........................Show Me..................................*/

/*.............................simple.................................*/
.simple{padding: 120px 0px;background-color: rgb(var(--white_color));}
.simple h2{color: rgb(var(--primary_color));position: relative;padding-bottom: 25px;}
.simple h2:after{content:" "; width: 478px; height: 2px; background-color: rgb(var(--black_color)); position: absolute; bottom: 0; left: 0; right: 0; margin: auto;top :auto;}
.simple .container > .row{margin-top: 60px;}
.simple .simple-box .content-box{border-radius: 10px;padding: 20px 20px 40px 20px;box-shadow: 0px 0px 25px #00000020;height: 100%;}
.simple .simple-box .content-box img{border-radius: 12px;border: 0.5px solid #70707070;}
.simple .simple-box .content-box h5{font-size: 24px;font-weight: 600;}
.simple .simple-box .content-box p{font-size: 18px; line-height: 24px}
/*.............................simple.................................*/

/*..........................Result Pack Wrapper..........................*/
 .results-Pack-wrapper{padding: 120px 0px; background-color: rgb(var(--primary_color));}
 .results-Pack-wrapper .results-pack-content h4{color: rgb(var(--white_color));} 
 .results-Pack-wrapper .results-pack-content h4:after{content:" "; width: 134px; height: 2px; background-color: rgb(var(--black_color)); position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
 .results-Pack-wrapper .results-pack-content h6{color: rgb(var(--white_color)); font-size: 28px; font-weight: 700;} 
 .results-Pack-wrapper .content-box h6{color: rgb(var(--white_color)); font-size: 24px; font-weight: 700; margin-bottom: 0;}
 .results-Pack-wrapper .content-box p{color: rgb(var(--white_color)); font-size: 22px; font-weight: 400; line-height: 32px; letter-spacing: 1px; padding-bottom:7px;}
 .results-Pack-wrapper .save .theme-button a{font-size: 20px; padding: 15px 29px; border-radius: 29px; background-color: rgb(var(--secondary_color));}
 .results-Pack-wrapper .save .theme-button a:hover{background-color: transparent;  color: rgb(var(--white_color)); border-color: 1px solid rgb(var(--white_color));}
 .results-Pack-wrapper .purchase .theme-button a:hover{background-color: transparent;  color: rgb(var(--white_color)); border-color: 1px solid rgb(var(--white_color));}
 .results-Pack-wrapper .purchase .theme-button a{font-size: 20px; padding: 15px 19px; border-radius: 29px; background-color: rgb(var(--secondary_color));}
 .results-Pack-wrapper .content-after:after{content:" "; background-color: #D4D4D4; width: 1px; height: 96px; position: absolute; top: 0; bottom: 0;  right: 0; margin: auto; }
/*..........................Result Pack Wrapper..........................*/

/*............................Real_video..............................*/
.real_video{margin:120px 0px;background-position: center center;}
.real_video .real_back{background-size: auto;background-repeat: no-repeat;background-position: center center;padding: 192px 0px;border-radius: 12px;}
.real_video h2{font-size: 80px;color: rgba(var(--white_color), 0.4);padding-top: 40px;}
/*............................Real_video..............................*/

/*............................Result....................................*/
.result{background-color: rgb(var(--secondary_color));padding: 120px 0px;}
.result h2{color: rgb(var(--white_color));position: relative;padding-bottom: 20px;}
.result h2:after{content:" "; width: 346px; height: 2px; background-color: rgb(var(--black_color)); position: absolute; bottom: 0; left: 0; right: 0; margin: auto;top :auto;}
.result img{margin-top: 35px;border-radius: 12px;max-width: 100%;}
.result p{font-size: 20px;color: rgb(var(--white_color));padding-top:40px;margin-bottom: 0px;line-height: 32px;}
/*............................Result.....................................*/

/*............................Real Result.................................*/
.real_result{padding: 120px 0px;}
.real_result h2{color: rgb(var(--primary_color));position: relative;padding-bottom: 20px;}
.real_result h2:after{content:" "; width: 478px; height: 2px; background-color: rgb(var(--black_color)); position: absolute; bottom: 0; left: 0; right: 0; margin: auto;top :auto;} 
.slick_slider{margin-top: 40px;}    
.slick_slider .slider-content{background-image: url(../image/slide_back.png); background-repeat: no-repeat; background-position: top right; text-align: center; background-color: var(--white_color); box-shadow: 0px 0px 10px #00000010; margin: 20px 10px; padding: 60px 30px 35px 30px;border-radius: 20px;}
.slick_slider .slider-content .client-content{padding: 25px 0px 0px;}
.slick_slider .slider-content .slider_text{position: relative;padding-bottom: 25px;}
.slick_slider .slider-content .slider_text:after{content:" "; width: 60px; height: 5px; background-color: rgb(var(--primary_color)); position: absolute; top :auto;bottom: 0; left: 0; right: 0; margin: auto;} 
.slick_slider .slider-content .client-content h5{font-size: 18px;font-weight: 500;color: rgb(var(--black_color));line-height: 25px;}
.slick_slider .slider-content .client-content p{color:rgb(var(--primary_color));font-weight: 300;line-height: 20px;}
.slick_slider .slider-content .star-icon{color: #FFC107; padding-top: 5px;}
.slick_slider .slider-content .star-icon i{font-size: 15px; margin: 0px 1px; }
.slick_slider .slider-content p{letter-spacing: 0.7px; margin-bottom: 0px; }
.slick_slider .slick-dots {bottom: -50px;}
.slick-dots li.slick-active button:before {opacity: 1 !important;}
.slick_slider .slick-dots li button::before {font-size: 13px;color: rgb(var(--primary_color)) !important; }

/*............................Real Result.................................*/

/*............................footer........................*/
footer{background-color: rgb(var(--primary_color)); padding: 120px 0px}
footer .footer-content h5,h4,h6{color: rgb(var(--white_color));}
footer .footer-content h5{padding:7px 0px 13px 0px;}
footer .footer-content h6{font-size: 38px;}
footer .footer-content img{padding: 35px 0px 38px 0px;}
footer .footer-content .save a{background-color: rgb(var(--secondary_color)); padding: 15px 29px; border-radius: 29px;}
footer .footer-content .purchase a{padding: 15px 19px; background-color: rgb(var(--secondary_color)); border-radius: 29px;}
footer .footer-content .theme-button a:hover{background-color: rgb(var(--white_color)); color: rgb(var(--primary_color));}
/*............................footer........................*/


 @media(max-width: 1199px){
    h1{font-size: 52px;line-height: 60px;}
    h2{font-size: 48px;}
    h3{font-size: 46px;}
    h4{font-size: 38px;}
    h5{font-size: 36px;}
    h6{font-size: 32px;}
    
    /*............................Header.............................*/
    header{padding :20px 10px;}
    header.sticky{padding: 10px;}
    /*............................Header.............................*/

    /*...........................Main Banner.............................*/
    .main-banner{padding :230px 0px 200px 0px; margin-top: 128px;}
    .main-banner h1 {margin-bottom: 0px; font-size: 42px; line-height: 50px;}
    .main-banner h6 {margin-bottom: 20px;}
    /*...........................Main Banner.............................*/

    /*..........................Get Result Wrapper..........................*/
    .get-result-wrapper{padding:100px 0px;}
    /*..........................Get Result Wrapper..........................*/

    /*.........................Show Me..................................*/
    .show-me{padding: 120px 0px;}
    .show-me h3{padding: 0% 2% 0.5% 2%; font-size: 36px;}
    /*.........................Show Me..................................*/

    /*.............................simple.................................*/
    .simple{padding: 100px 0px;}
    .simple .container > .row{margin-top: 60px;}
    .simple .simple-box .content-box{padding: 20px 20px 30px 20px;}
    .simple .simple-box .content-box h5{font-size: 22px;}
    /*.............................simple.................................*/

    /*..........................Result Pack Wrapper..........................*/
    .results-Pack-wrapper{padding: 100px 0px;}
    .results-Pack-wrapper .results-pack-content h6 {font-size: 24px; }
    .results-Pack-wrapper .content-box h6 {font-size: 20px; }
    .results-Pack-wrapper .content-box p {font-size: 18px; line-height: 28px; }
    .results-Pack-wrapper .save .theme-button a {font-size: 16px!important; padding: 15px 22px; }
    .results-Pack-wrapper .purchase .theme-button a {font-size: 16px!important; padding: 15px 16px; }
    /*..........................Result Pack Wrapper..........................*/

    /*............................Real_video..............................*/
    .real_video{margin:100px 0px;}
    .real_video h2{font-size: 70px;padding-top: 30px}
    /*............................Real_video..............................*/

    /*............................Result....................................*/
    .result{padding: 100px 0px;}
    .result h2:after {width: 330px;}
    .result p {padding-top: 30px;}
    /*............................Result.....................................*/

    /*............................Real Result.................................*/
    .real_result{padding: 100px 0px;}
    .slick_slider{margin-top: 40px;}
    .slick_slider .slider-content { padding: 50px 20px 35px 20px;}
    .slick_slider .slider-content .client-content{padding: 20px 0px 0px;}
    .slick_slider .slider-content .slider_text{padding-bottom: 20px;}
    /*............................Real Result.................................*/

    /*............................footer........................*/
    footer{padding: 100px 0px}
    footer .footer-content h6 {font-size: 32px; }
    footer .footer-content img {padding: 30px 0px 33px 0px; max-width: 250px;}
    /*............................footer........................*/
  }


  @media(max-width: 991px){
    h1{font-size: 48px;}
    h2{font-size: 44px;}
    h3{font-size: 42px;line-height: 50px;}
    h4{font-size: 34px;}
    h5{font-size: 32px;}
    h6{font-size: 28px;}

    /*............................Header.............................*/
    header{padding :15px 10px;}
    /*............................Header.............................*/

    /*...........................Main Banner.............................*/
    .main-banner{padding :170px 0px; margin-top: 118px;}
    .main-banner h6 {font-size: 28px;margin-bottom: 15px;line-height: 45px;}
    /*...........................Main Banner.............................*/

    /*..........................Get Result Wrapper..........................*/
    .get-result-wrapper{padding:70px 0px;}
    .get-result-wrapper .row {margin-top: 40px;}
    .get-result-wrapper .refit-content-title span{font-size: 24px; width: 50px; height: 50px; }
    .get-result-wrapper .refit-content .refit-heading {font-size: 20px; line-height: 28px; }
    .get-result-wrapper ul li {font-size: 18px; line-height: 26px; }
    .get-result-wrapper .refit-content {padding-left: 0px; }
    /*..........................Get Result Wrapper..........................*/

    /*.........................Show Me..................................*/
    .show-me{padding: 100px 0px;}
    .show-me h3{padding: 0% 0% 1% 0%; font-size: 28px;}
    /*.........................Show Me..................................*/

    /*.............................simple.................................*/
    .simple{padding: 70px 0px;}
    .simple .container > .row{margin-top: 50px;}
    .simple .simple-box .content-box{padding: 20px 20px 30px 20px;}
    .simple .simple-box .content-box h5{font-size: 22px;}
    .simple .simple-box .content-box p{font-size: 16px;}
    /*.............................simple.................................*/

     /*..........................Result Pack Wrapper..........................*/
    .results-Pack-wrapper{padding: 70px 0px;}
    .results-Pack-wrapper .content-box p {padding-bottom: 0px; }
    /*..........................Result Pack Wrapper..........................*/

    /*............................Real_video..............................*/
    .real_video{margin:70px 0px;}
    .real_video .real_back {padding: 120px 0px; }
    .real_video h2{font-size: 50px;line-height: 40px;}
    /*............................Real_video..............................*/

    /*............................Result....................................*/
    .result{padding: 70px 0px;}
    /*............................Result.....................................*/

    /*............................Real Result.................................*/
    .real_result{padding: 70px 0px;}
    .slick_slider{margin-top: 30px;}
    .slick_slider .slider-content .client-content {padding: 17px 0px 0px;}
    .slick_slider .slick-dots {bottom: -40px;}
    /*............................Real Result.................................*/

    /*............................footer........................*/
    footer{padding: 70px 0px}
    footer .footer-content h6 {font-size: 28px; } 
    /*............................footer........................*/
  }

   @media(max-width: 961px){ 
    /*............................footer........................*/
    footer .theme{display: block!important;}
    footer .theme-button{margin: 0px!important;}
    .theme-button {padding: 8px 0px; }
    /*............................footer........................*/
    }

  @media(max-width: 767px){
    h1{font-size: 44px;}
    h2{font-size: 38px;}
    h3{font-size: 38px;line-height: 50px;}
    h4{font-size: 30px;}
    h5{font-size: 28px;}
    h6{font-size: 24px;line-height: 35px;}

    /*............................Header.............................*/
    
    header img{max-width: 100%;}
    /*............................Header.............................*/

    /*...........................Main Banner.............................*/
    .main-banner{padding :100px 0px; margin-top: 100px;}
    .main-banner h1 {font-size: 38px; line-height: 45px; }
    .main-banner h6 {font-size: 24px;margin-bottom: 20px;line-height: 25px;}
    /*...........................Main Banner.............................*/

    /*..........................Get Result Wrapper..........................*/
    .get-result-wrapper{padding:50px 0px;}
    /*..........................Get Result Wrapper..........................*/

    /*.........................Show Me..................................*/
    .show-me{padding: 70px 0px;}
    .show-me h3{padding: 0% 0% 1% 0%; font-size: 24px; line-height: 40px;}
    /*.........................Show Me..................................*/

    /*.............................simple.................................*/
    .simple{padding: 50px 0px;}
    .simple .container > .row{margin-top: 50px;}
    .simple h2:after {width: 350px;}
    .simple .simple-box .content-box{padding: 20px 20px 30px 20px;}
    .simple .simple-box .content-box h5{font-size: 20px;}
    /*.............................simple.................................*/

    /*..........................Result Pack Wrapper..........................*/
    .results-Pack-wrapper{padding: 50px 0px;}
    /*..........................Result Pack Wrapper..........................*/

    /*............................Real_video..............................*/
    .real_video{margin:50px 0px;}
    .real_video h2{font-size: 40px;line-height: 50px;}
    /*............................Real_video..............................*/

    /*............................Result....................................*/
    .result{padding: 50px 0px;}
    .result h2:after {width: 355px; }
    .result img {margin-top: 35px;}
    /*............................Result.....................................*/

    /*............................Real Result.................................*/
    .real_result{padding: 50px 0px;}
    .real_result h2:after{width: 255px;}
    .slick_slider{margin-top: 40px;}
    .slick_slider .slider-content .client-content {padding: 17px 0px 0px;}
    .slick_slider .slick-dots {bottom: -40px;}
    /*............................Real Result.................................*/

    /*............................footer........................*/
    footer{padding: 50px 0px;}
    footer .footer-content h5 {padding:0px; line-height: 40px;}
    footer .footer-content h6 {font-size: 24px; }
    footer .footer-content img {padding: 20px 0px 30px 0px; max-width: 200px;}
    /*............................footer........................*/
  }

  @media(max-width: 575px)
  {
    /*............................Header.............................*/
    header img {max-width: 50%; }
    /*............................Header.............................*/

    /*...........................Main Banner.............................*/
    .main-banner{padding :100px 0px; margin-top: 185px;}
    /*...........................Main Banner.............................*/

    /*..........................Result Pack Wrapper..........................*/
    .results-Pack-wrapper .content-after:after {width: 96px; height: 1px; top: unset; bottom: 0; right: 0; left: 0; margin: auto; }
    .results-Pack-wrapper .save{margin-bottom: 30px;}
    .results-Pack-wrapper .purchase{padding-top: 10px}
    /*..........................Result Pack Wrapper..........................*/ 

  }
    

@media(max-width: 480px){
    h1 {font-size: 34px; line-height: 46px;}
    h2 {font-size: 28px; line-height: 40px;}
    h3 {font-size: 28px; line-height: 40px; }

    /*.............................simple.................................*/
    .simple h2:after {width: 100%;}
    /*.............................simple.................................*/

    /*............................Real Result.................................*/
    .real_result h2:after{width: 100%;}
    /*............................Real Result.................................*/

    /*............................Result.....................................*/
    .result h2:after {width: 100%; }
    /*............................Result.....................................*/
}

@media (min-width:1200px) {
    .modal-dialog.modal-xl.modal-lg {
        min-width: 1240px;
    }
    
}