/*

Upper Template
.home-section4 .home-section4-box
http://www.templatemo.com/tm-497-upper

*/

@font-face {
  font-family: 'fa';
    src: url('/content/font/sahel/Sahel-FD.ttf') format('truetype');
}

@font-face {
  font-family: 'fa-bold';
    src: url('/content/font/sahel/Sahel-Bold-FD.ttf') format('truetype');
}

@font-face {
  font-family: 'fa-ed';
    src: url('/content/font/sahel/Sahel.ttf') format('truetype');
}

@font-face {
  font-family: 'fa-bold-ed';
    src: url('/content/font/sahel/Sahel-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'ordi';
    src: url('/content/font/ordibehesht/Ordibehesht.TTF') format('truetype');
}

@charset "UTF-8";


/*
-----------------------------new style----------------------------------
*/

:root {
  --main-color: #D54474;
  --text-color: #424242;
  --white-color: #FFFFFF;
}


.body{
    width: 100%;
    height: calc(100vh - 105px);
    position: absolute;
    background-attachment: fixed;
    overflow-y: auto;
    margin-bottom: 9px;
}

body {
	color: #4c4c4c;
	font-family: fa;
	font-size: 17px;
	font-weight: 300;
	overflow-x: hidden;
	text-align: right;
    direction:rtl;
}


a{
    color: #d54474;
}

.main-btn{
    border-radius: 25.6px;
    padding: 5.6px 32px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    color: var(--white-color) !important;
    background: var(--main-color);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    transition: all .4s ease-in-out;
}

.main-btn:hover{
    color: var(--main-color) !important;
    background: var(--white-color);
}


/*
  ************Header************
*/


header{
    padding: 7px 0;
    margin-bottom: 1px;
    box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.12);
}

header nav{
    display: flex;
    padding: 0 12px;
    justify-content: center;
    align-items: center;
    gap: -0.06px;
    flex-shrink: 0;
}

header nav .nav-desktop div{
    justify-content: space-between;
    align-items: center;
}

header nav .nav-menu-icon{
    display: none;
}

header nav .nav-btn{
    margin-left: 72px;
    padding: 3.2px 24px !important;
    font-weight: 400 !important;
}

header nav .nav-menu{
     list-style: none;
     gap: 24px;
}

header nav .nav-menu .menu-item a{
     color: var(--text-color);
}

header nav .nav-menu .menu-item.active a{
     color: var(--main-color) !important;
}

header nav .nav-logo{
     width: 80px;
     height: 40px;
}

header nav .nav-logo  img{
     width: 100%;
     height: 100%;
}

.header-social-icon,
.header-license-icon{
     display: none;
}

/*
  ************main | section1************
*/

.body .home-section1{
/*    background-image:url(/content/images/s-2.jpg);
    background-size: cover;*/
}

.home-section1 .home-section1-img{
     width: 600px;
     display: flex;
     align-items: flex-end;
}

.home-section1 .home-section1-img img{
    width: 100%;
}

.home-section1 .home-section1-txt{
      width: calc(100% - 600px);
      padding: 64px 16px;
}

.home-section1 .home-section1-txt div{
      width: 400px;
      padding: 64px 16px 16px 16px;
      position: relative;
}

.home-section1 .home-section1-txt div h3{
/*     text-align: justify;
     font-size: 24.16px;
     font-weight: 700;
     line-height: 28px;
     color: var(--main-color);*/
     font-size: 24.2px;
    line-height: 37px;
    font-weight: 700;
    color: var(--text-color);
    text-align: justify;
    margin-top: 12px;
    margin-bottom:3px;
}

.home-section1 .home-section1-txt div h1 {
 /*   color: var(--text-color);
    text-align: justify;
    font-size: 33px;
    font-weight: 700;
    line-height: 51.2px;*/
       text-align: right;
    font-size: 25px;
    line-height: 46px;
    font-weight: 700;
    color: var(--text-color);
    text-align: justify;
}

.home-section1 .home-section1-txt div p {
/*    text-align: right;
    font-size: 14.72px;
    line-height: 28px;
    font-weight: 700;
    color: var(--text-color);
    text-align: center;*/
    text-align: right;
    font-size: 25px;
    line-height: 37px;
    font-weight: 700;
    color: var(--text-color);
    text-align: justify;

}

.home-section1 .home-section1-txt div a{
    position: absolute;
    left: 0;
    margin-left: 16px;
}

/*
  ************main | section2***************
*/

.body .home-section2,
.body .home-section-ad-on{
    background: var(--white-color);
}

.home-section2 .home-section2-img,
.home-section-ad-on .home-section-ad-on-img{
     width: 550px;
}
.home-section-ad-on .home-section-ad-on-img{
}
.home-section2 .home-section2-img img,
.home-section-ad-on .home-section-ad-on-img img  {
    width: 100%;
}
.home-section-ad-on .home-section-ad-on-img img {
    margin-right:44px;
}
.home-section2 .home-section2-txt{
      width: calc(100% - 550px);
      padding: 128px 16px;
}
.home-section-ad-on .home-section-ad-on-txt{
    width: calc(100% - 550px);
    padding:20px 16px;
}

.home-section2 .home-section2-txt h2{
    font-size: 24px;
    font-weight: 700;
}
.home-section-ad-on .home-section-ad-on-txt h2{
    font-size: 28px;
    font-weight: 700;

}
.home-section2 .home-section2-txt h4 ,
.home-section-ad-on .home-section-ad-on-txt h4{
    font-size: 17.6px;
    font-weight: 600;
    padding: 16px 0 32px 0;
}
.home-section-ad-on .home-section-ad-on-txt h4{
    font-size: 14px;
}

.home-section2 .home-section2-txt ul,
.home-section-ad-on .home-section-ad-on-txt ul{
     list-style: none;
     margin: 0;
     padding: 0;
     width: 480px;
}

.home-section-ad-on .home-section-ad-on-txt ul{
    width:645px;
     text-align: justify;
}
.home-section2 .home-section2-txt ul li,
.home-section-ad-on .home-section-ad-on-txt ul li{
     margin: 0;
     padding: 0;
     font-weight: 700;
     font-size: 15.2px;
     display: flex;
     align-items: center;
}
.home-section-ad-on .home-section-ad-on-txt ul li:not(:first-child) {
    margin-top:32px;
}
.home-section-ad-on .home-section-ad-on-txt ul li div{
    margin-right:5px;
}
.home-section-ad-on-txt ul li div p {
    font-size:20px;
}
.home-section2 .home-section2-txt ul li img
,.home-section-ad-on .home-section-ad-on-txt ul li img{
    width: 80px;
    height: 80px;
}


/*
  ************main | section3************
*/


.body .home-section3{
    background-image:url(/content/images/s-2.jpg);
    background-size: cover;
}

.home-section3 .home-section3-img{
     width: 550px;
     padding-top: 112px;
}

.home-section3 .home-section3-img img{
    width: 100%;
}

.home-section3 .home-section3-txt{
      width: calc(100% - 550px);
      padding: 192px 64px;
}


.home-section3 .home-section3-txt h2{
    font-size: 24px;
    font-weight: 700;
}


.home-section3 .home-section3-txt ul{
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: justify;
}

.home-section3 .home-section3-txt ul li{
     margin: 0;
     padding: 0;
     font-weight: 700;
     font-size: 15.2px;
     display: flex;
     align-items: center;
}


/*
  ************main | section4************
*/


.body .home-section4{
     background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%), #F7F6FE;
     padding: 112px 0;
}

.home-section4 .home-section4-box{
     width: 90%;
     height: 480px;
     margin: 0 auto;
     display: flex;
     border-radius: 20px;
     box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
}



.home-section4-box .home-section4-form{
     width: 50%;
     height: 100%;
     background-color: var(--white-color);
     border-bottom-right-radius: 20px;
     border-top-right-radius: 20px;
     text-align: center;
     padding: 60px 0;
}

.home-section4-box .home-section4-form img.logo{
     display: none;
}

.home-section4-box .home-section4-form h3{
    font-size: 17.6px;
    font-weight: 700;
}

.home-section4-box .home-section4-form form{
    display: flex;
    flex-direction: column;
    margin: 32px auto 0 auto;
    width: 53%;
}

.home-section4-box .home-section4-form form input[type=text],
.home-section4-box .home-section4-form form input[type=password]{
    margin-bottom: 16px;
    border: 1px solid var(--main-color);
    border-radius: 4.8px;
    padding: 6.4px 8px;
    outline: none;
    width: 100%;
    position: relative;
}

.home-section4-box .home-section4-form form .pass-re,
.home-section4-box .home-section4-form form .d-captcha{
    position: relative;
}

.home-section4-box .home-section4-form form .view-pass{
    position: absolute;
    z-index: 100;
    left: 9px;
    top: 7px;
}

.home-section4-box .home-section4-form form .refresh-captcha{
    position: absolute;
    height: calc(100% - 1px);
    left: 1px;
    top: 0.5px;
}

.home-section4-box .home-section4-form form input::placeholder{
    font-weight: 600;
    font-size: 14.4px;
    position: absolute;
    right: 0;
    padding-right: 10px;
}

.home-section4-box .home-section4-form form button{
    border: none;
    margin-top: 16px;
    outline: none;
    width: 46%;
    margin: 16px auto 0 auto;
    padding: 5.6px 0;
}

.home-section4-box .home-section4-form form .d-captcha{
    display: flex;
}

.home-section4-box .home-section4-form form .d-captcha input{
    margin: 0;
}

.home-section4-box .home-section4-form form #imgCaptcha{
    width: 96px;
    height: calc(100% - 1px);
    padding-right: 6px;
    border-radius: 4.8px;
}

.home-section4-box .home-section4-image{
     width: 50%;
     height: 100%;
     background-color: var(--main-color);
     border-bottom-left-radius: 20px;
     border-top-left-radius: 20px;
     padding: 88px 0;
     text-align: center;
}

.home-section4-box .home-section4-image div{
     margin: 0 auto;
}

.home-section4-box .home-section4-image .home-section4-image-3 {
    width: 48.71%;
    height: 80%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    padding: 16px;
}

.home-section4-box .home-section4-image .home-section4-image-2{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.50);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    padding: 16px;
}

.home-section4-box .home-section4-image .home-section4-image-1{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    padding: 16px;
}

.home-section4-box .home-section4-image img{
     width: 100%;
     padding: 32px 0;
}

.home-section4-box .home-section4-image h3{
    font-size: 22.4px;
    font-weight: 700;
    color: var(--white-color);
    margin-top: 16px;
}


/*
  ************main | alert-box************
*/


body .home-alert-box{
    position: relative;
    text-align: center;
}

body .home-alert-box .home-alert{
    width: 50%;
    height: 120px;
    position: absolute;
    border-radius: 20px;
    background: var(--white-color);
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.25);
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}

.home-alert-box .home-alert .statistics-alert{
    margin-top: 0;
    padding: 41.8px;
    font-size: 24px;
    font-weight: 700;
    color: var(--main-color);
}

.home-alert-box .home-alert .rank-alert{
     display: flex;
     flex-direction: column;
     padding-top: 16px;
}

.home-alert-box .home-alert .rank-alert p{
    font-size: 19.2;
    font-weight: 700;
    margin-bottom: 8px;
}

.home-alert-box .home-alert .rank-alert div{
    margin: 0 auto;
    width: 256px;
}

.home-alert-box .home-alert .rank-alert img{
    width: 100%;
}


/*
  ************footer************
*/


footer{
    position: absolute;
    width: 100%;
    padding: 40px 0;
    background: var(--white-color);
    z-index: 100;
}

footer a{
        color: var(--text-color) !important;
        transition: 0.3s ease-in-out all;
}

footer a:hover{
        color: var(--main-color) !important;
}

footer .nav-desktop {
    height: 100%;
}

footer .nav-desktop h4{
    font-size: 16px;
    font-weight: 600;
}

footer .nav-desktop p,
footer .nav-desktop ul{
    font-size: 14.4px;
    text-align: justify;
}

footer .nav-desktop ul,
footer .nav-desktop ul li{
    padding: 0;
    margin: 0;
    list-style: none;
}

footer .nav-desktop .nav-desktop-about div{
     display: flex;
     position: relative;
     display:none;
}

footer .nav-desktop .nav-desktop-about div button{
    position: absolute;
    z-index: 100;
    top: 3.2px;
    right: 192px;
    width: 35px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

footer .nav-desktop .nav-desktop-about div button img{
    width: 100%;
}

footer .nav-desktop .nav-desktop-about div input{
     position: absolute;
     border-radius: 8px;
     background: #F7F6FE;
     outline: none;
     border: none;
     padding: 9.6px 16px;
     box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.30);
}


footer .nav-desktop .nav-desktop-about div input::placeholder{
    font-weight: 600;
    font-size: 14.4px;
    margin: 0;
}

footer .nav-desktop .nav-desktop-blog{
    padding-right: 96px;
}

footer .nav-desktop .nav-desktop-license{
    padding-right: 64px;
}

footer .nav-desktop .nav-desktop-license img{
    width: 95%;
}

footer .nav-desktop .nav-desktop-license article{
    gap: 16px;
}

footer .nav-desktop .nav-desktop-license article div{
    width: 88px;
    height: 96px;
    margin-top: 20.8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: var(--white-color);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
}

footer .nav-desktop .nav-desktop-social{
    position: relative;
    padding-right: 96px;
}

footer .nav-desktop .nav-desktop-social div{
    width: 160px;
    height: 72px;
    margin-top: 20.8px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background: var(--white-color);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.25);
    position: absolute;
}

footer .nav-desktop .nav-desktop-social div img{
    width: 50px;
    height: 50px;
}

footer .nav-mobile{
   display: none;
}

/*
  ************Responsive************
*/


@media only screen and (max-width: 1200px) {

/*
  ***Responsive1200px | Section-1 && Section-2 && Section-3 ***
*/

     .home-section1 .home-section1-img,
     .home-section2 .home-section2-img,
     .home-section3 .home-section3-img,
     .home-section-ad-on .home-section-ad-on-img{
        width: 500px;
     }


    .home-section1 .home-section1-txt,
    .home-section2 .home-section2-txt,
    .home-section3 .home-section3-txt,
    .home-section-ad-on .home-section-ad-on-txt{
         width: calc(100% - 500px);
    }

    .home-section2 .home-section2-txt ul{
         width: fit-content;
         text-align: justify;
    }


     .home-section3 .home-section3-txt{
         padding: 192px 16px;
     }

/*
  ***Responsive1200px | Section-4***
*/

     .home-section4-box .home-section4-image .home-section4-image-3{
         width: 58.1%;
     }

/*
  ***Responsive1200px | alert-box***
*/

     body .home-alert-box .home-alert{
         width: 55%;
     }

/*
  ***Responsive1200px | Footer***
*/

     footer .nav-desktop .nav-desktop-blog{
         padding-right: 32px;
     }

     footer .nav-desktop .nav-desktop-license{
         padding-right: 16px;
     }

     footer .nav-desktop .nav-desktop-social{
         padding-right: 96px;
     }


}

@media only screen and (max-width: 992px) {

/*
  ***Responsive992px | Header***
*/

    header nav .nav-btn {
        margin-left: 40px;
    }


/*
  ***Responsive992px | Section-1***
*/

     body .home-section1{
        background-position-y: -16px;
        background-repeat: no-repeat;
        padding-bottom: 16px;
     }

     .home-section1 .home-section1-img{
        width: 400px;
        display: flex;
        align-items: flex-end;
     }

    .home-section1 .home-section1-txt{
        width: calc(100% - 400px);
        padding: 112px 16px 96px 0;
    }

     .home-section1 .home-section1-txt div{
        width: fit-content;
        padding: 0;
     }

     .home-section1 .home-section1-txt div h1{
        font-size: 32px;
        line-height: 43.2px;
     }

     .home-section1 .home-section1-txt div h3{
        font-size: 17.6px;
     }


/*
  ***Responsive992px | Section-2***
*/


     .home-section2 .home-section2-img ,
     .home-section-ad-on .home-section-ad-on-img{
        width: 300px;
        display: flex;
        align-items: center;
     }


    .home-section2 .home-section2-txt,
    .home-section-ad-on .home-section-ad-on-txt{
         width: calc(100% - 300px);
    }

/*
  ***Responsive992px | Section-3***
*/


     body .home-section3 div.d-flex{
        justify-content: center;
        align-items: center;
     }

     .home-section3 .home-section3-img{
        width: 350px;
        padding: 0;
     }

     .home-section3 .home-section3-txt{
         width: calc(100% - 350px);
     }

/*
  ***Responsive992px | Section-4***
*/

     .home-section4-box .home-section4-image .home-section4-image-3{
         width: 78.3%;
     }

     .home-section4-box .home-section4-form form{
         width: 80%;
     }

     .home-section4-box .home-section4-form form button{
         width: 40%;
     }

/*
  ***Responsive992px | alert-box***
*/

     body .home-alert-box .home-alert{
         width: 75%;
     }

     #videoScript-VuvUvim {
        max-width: 85% !important;
     }

/*
  ***Responsive992px | Footer***
*/

     footer .nav-desktop .nav-desktop-blog{
         padding-right: 16px;
     }

     footer .nav-desktop .nav-desktop-license{
         padding-right: 8px;
     }

     footer .nav-desktop .nav-desktop-social{
         padding-right: 48px;
     }

     footer .nav-desktop .nav-desktop-social div{
         width: 128px;
     }


}

@media only screen and (max-width: 768px) {

/*
  ***Responsive768px | Header***
*/

     header nav .nav-menu-icon,
     .header-social-icon,
     .header-license-icon{
         display: block;
         cursor: pointer;
     }

     header nav .nav-desktop div{
         display: none !important;
     }

     header nav .nav-desktop.nav-desktop-container-in-mobile{
         width: 100%;
         background: #00000099;
         position: absolute;
         top: 0;
         right: 0;
         bottom: 0;
         z-index: 10;
         transition: all .2s ease-in-out;
     }

     header nav .nav-desktop div.nav-desktop-in-mobile{
         background: var(--white-color);
         display: flex !important;
         position: absolute;
         top: 0;
         right: 0;
         width: 80%;
         bottom: 0;
         flex-direction: column;
         z-index: 12;
         justify-content: flex-start;
         align-items: flex-start;
         padding: 64px 48px;
         transition-delay: 5s;
     }

     header nav div .nav-btn{
         padding: 0 !important;
         margin-bottom: 27.2px;
         color: var(--text-btn) !important;
         cursor: pointer;
     }

     header nav .nav-desktop div.nav-desktop-in-mobile ul{
         flex-direction: column;
         z-index: 12;
         align-items: flex-start !important;
     }

     header nav .nav-desktop div.nav-desktop-in-mobile ul li{
         padding: 0 !important;
     }

     header nav .header-social-icon{
         display: flex;
         width: 176px;
         width: 160px;
         height: 40px;
         gap: 16px;
         justify-content: center;
         align-items: center;
         height: 49.6px;
         border-radius: 21px;
         background: #D9D9D9;
         margin: 32px auto;
     }

     header nav .header-social-icon a{
         width: 48px;
         height: fit-content;
     }

     header nav .header-social-icon a img{
         width: 100%;
         height: 100%;
     }

     header nav .header-social-icon i{
         width: 3.2px;
         height: 90%;
         background: var(--white-color);
     }

     header nav .header-license-icon{
         display:flex;
         margin: 0 auto;
         gap: 24px;
     }

     header nav .header-license-icon span{
         width: 80px;
         height: 100px;
         border-radius: 20px;
         background: #D9D9D9;
         padding: 7px 0;
     }

     header nav .header-license-icon span img{
          width: 100%;
     }


/*
  ***Responsive768px | Section-1***
*/

     body .home-section1 div.d-flex{
        flex-direction: column-reverse;
     }

     .home-section1 .home-section1-img{
         width: 80%;
    }

    .home-section1 .home-section1-txt{
         display: flex;
         justify-content: center;
         width: 100%;
         padding: 0;
         margin: 0;
    }

    .home-section1 .home-section1-txt div{
         padding: 40px 0 16px 0;
         width: 416px;
    }

    .home-section1 .home-section1-txt div h3{
         font-size: 27.2px;
    }

    .home-section1 .home-section1-txt div h1{
         font-size: 30.4px;
    }

    .home-section1 .home-section1-txt div p{
         font-size: 25px;
    }

/*
  ***Responsive768px | Section-2***
*/

    body .home-section2 div.d-flex,
    body .home-section-ad-on div.d-flex{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .home-section2 .home-section2-txt,
    .home-section-ad-on .home-section-ad-on-txt{
         width: 100%;
         padding: 96px 16px 0 16px;
    }
/*section why ads*/
    .home-section-ad-on .home-section-ad-on-img{
         margin-top:0 !important;
    }
    .home-section-ad-on .home-section-ad-on-img img{
        margin-right:0 !important;
    }
    .home-section-ad-on .home-section-ad-on-txt ul {
        width: fit-content !important;
    }
    .home-section-ad-on .home-section-ad-on-txt ul li div {
        margin-top:6px;
    }
    .home-section-ad-on-txt ul li div p {
        font-size: 16px;
        margin-bottom: 6px;
    }
    .home-section-ad-on-txt ul li div span{
        font-size: 14px;
        font-weight: normal;
    }
/*
  ***Responsive768px | Section-3***
*/

    body .home-section3 div.d-flex{
        flex-direction: column-reverse;
        padding-bottom: 64px;
    }
    body .home-section-ad-on div.d-flex {
        flex-direction: column;
        padding-bottom: 64px;
    }

    .home-section3 .home-section3-txt{
         width: 100%;
         padding: 64px 16px 16px 16px;
    }

/*
  ***Responsive768px | Section-4***
*/
     .home-section4 .home-section4-box{
         overflow: hidden;
         background-color: var(--white-color);
         width: 80%;
     }

     .home-section4-box .home-section4-image{
          display: none;
     }

     .home-section4-box .home-section4-form,
     .home-section4-box .home-section4-image{
         width: 100%;
         height: fit-content;
         padding: 0;
         border-bottom-right-radius: 0;
         border-top-right-radius: 0;
         padding-top: 43px;
     }

     .home-section4-box .home-section4-form{
         padding-top: 20px;
     }

     .home-section4-box .home-section4-form form{
         margin: 16px auto 0 auto;
     }

     .home-section4-box .home-section4-form img.logo{
         display: block;
         width: 30%;
         margin: 0 auto 32px auto;
     }

     .home-section4-box .home-section4-form form button{

         margin-bottom: 0;
     }

     #videoScript-VuvUvim {
        max-width: 100% !important;
    }

/*
  ***Responsive768px | alert-box***
*/

     body .home-alert-box .home-alert{
         width: 80%;
     }

     body .home-alert-box .home-alert.statistics{
         height: 80px;
     }

     body .home-alert-box .home-alert.statistics .statistics-alert{
         padding: 19.2px;
         font-size: 28.8px;
     }


/*
  ***Responsive768px | Footer***
*/

    footer{
        height: fit-content;
        margin: 0;
        position: fixed;
        padding: 0;
        bottom: 0;
        color: var(--text-color);
    }



    footer .nav-desktop{
        display: none;
    }

    footer .nav-mobile {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        list-style: none;
        height: 54px;
        margin: 0;
        padding: 6.4px 0;
        background: #FFF;
        box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.12);
    }

    footer .nav-mobile .nav-mobile-item {
        margin: 0;
        padding: 3.2px;
        border-radius: 3.2px;
        transition: all 0.3s ease-in-out;
    }

    footer .nav-mobile-link span {
        display: block;
        width: 32px;
        height: 32px;
        background-repeat: no-repeat;
        transition: all 0.3s ease-in-out;
    }

    footer .nav-mobile-link #home-icon {
        background-image: url("/content/images/home1.png");
    }

    footer .nav-mobile .nav-mobile-item:hover #home-icon,
    footer .nav-mobile-item.active .nav-mobile-link #home-icon {
        background-image: url("/content/images/home2.png");
    }

    footer .nav-mobile-link #user-icon {
        background-image: url("/content/images/user1.png");
    }

    footer .nav-mobile .nav-mobile-item:hover #user-icon,
    footer .nav-mobile-item.active .nav-mobile-link #user-icon {
        background-image: url("/content/images/user2.png");
    }

    footer .nav-mobile-link #price-tag-icon {
        background-image: url("/content/images/price-tag1.png");
    }

    footer .nav-mobile .nav-mobile-item:hover #price-tag-icon,
    footer .nav-mobile-item.active .nav-mobile-link #price-tag-icon {
        background-image: url("/content/images/price-tag2.png");
    }

    footer .nav-mobile-link #ticket-icon {
        background-image: url("/content/images/ticket1.png");
    }

    footer .nav-mobile .nav-mobile-item:hover #ticket-icon,
    footer .nav-mobile-item.active .nav-mobile-link #ticket-icon {
        background-image: url("/content/images/ticket2.png");
    }

    footer .nav-mobile .nav-mobile-item:hover,
    footer .nav-mobile .nav-mobile-item.active {
        background: #D54474;
    }
}

@media only screen and (max-width: 576px) {

/*
  ***Responsive576px | Section-4***
*/
     .home-section4 .home-section4-box{
         width: 90%;
     }

     .home-section4-box .home-section4-form{
         padding-top: 10px;
     }

/*
  ***Responsive576px | alert-box***
*/

     .home-alert-box .home-alert .statistics-alert{
         font-size: 19.2px;
     }

     body .home-alert-box .home-alert.statistics .statistics-alert{
         padding: 23.2px;
         font-size: 22.4px;
     }


}

@media only screen and (max-width: 447px) {

/*
  ***Responsive447px | Section-1***
*/

    .home-section1 .home-section1-txt div h3{
         font-size: calc(100vw / 17);
         text-align: center;
    }

    .home-section1 .home-section1-txt div h1{
         font-size: calc(100vw / 15);
          line-height: 46.4px;
    }

/*
  ***Responsive447px | Section-3***
*/

    .home-section3 .home-section3-img {
          width: 320px;
          padding: 0;
    }


/*
  ***Responsive447px | Section-4***
*/
     .home-section4 .home-section4-box{
         width: 100%;
         height: 480px;
     }


     .home-section4-box .home-section4-image img{
         width: 30%;
         padding: 0;
     }

/*
  ***Responsive447px | alert-box***
*/

     body .home-alert-box .home-alert{
         width: 95%;
     }

     .home-alert-box .home-alert .statistics-alert{
         font-size: 17.6px;
     }

     body .home-alert-box .home-alert.statistics .statistics-alert{
         padding: 23.2px;
         font-size: 18.4px;
     }


}









/*
-----------------------------old style----------------------------------
*/

b {
    font-weight: bold;
}



.text-center{
text-align:center

}
.text-left{
text-align:left

}
.text-right{
text-align:right
}
a:hover {
    color: #000000;
    text-decoration: none;
}

.r-d{
   margin: 143px auto;
}
.box-cus{
display: inline-block;

}
.map{
    display: inline-block;


}
.map #mapdiv,.map #mapImg{

    z-index: 1;
    width: 99%;
    height: auto;

}
.bg{
    background-color: rgb(255 255 255 / 88%);
       border-bottom: 2px solid #d54474;
    border-image: linear-gradient(to right, #e6bdcb7d, #d54474, #e6bdcb7d) 3;
        border-radius:4px;
}
.bg-con{
    padding: 50px;
    width: 90%;
    margin: auto;
}
.btn{
 background-color: #d54474;
    color: #fff!important;
    font-weight: 600;
    padding: 11px 23px;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 12px;
    min-width: 100px;
    margin: 12px;
      border-radius: 4px;
}
.btn.left{
    margin-right: 37px;
}
}
.box-cus h4{
    margin-bottom: 25px;
    font-weight: 600;
}
.tel-us p{
    letter-spacing: 7px;
}

.cart{
    background-color: rgb(255 255 255 / 87%);
    width: 300px;
    height: 289px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    overflow: hidden;
     margin: 12px;
    border-bottom: 2px solid #d54474;
    border-image: linear-gradient(to right, #e6bdcb7d, #d54474, #e6bdcb7d) 3;
    border-radius: 4px;

}
.cart img{
    width: 300px;
    height: 200px;
    z-index: 2;
    position: absolute;
    right: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.blog .cart {
   height: 339px !important;
}
.blog .cart .hover img{
     height: auto !important;
}
.cart .box-center p{
    min-height: 30px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.cart .box-center p:nth-child(2){
    font-size: 12px;
}

 a.more-p:hover {
  color: #fdfdfd;
    text-decoration: underline;
}
.r-d .blog{
    padding: 1px 56px;
    height:631px;
    overflow-y: hidden;
}
.r-d .blog{
    height:auto !important;
}
.r-d .blog .box-center{
     padding: 10px 8px;
    font-size: 16px;
    height: 88px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
    bottom: 0;
    z-index: 3;
    width: 100%;
    text-align: right;
      border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.r-d .blog .box-center i{
    font-size: 11px;
    float: left;
    bottom: 1px;
    text-align: right
}
.mdi::before{
float:left
}
.hover{
      opacity: 1;
      transition: 1s;
  }

.more-p{
     opacity:0;
     top: 43%;
     left: 46%;
     width: 106px;
     -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
     transition: 1s;
     position: absolute;
     z-index: 4;

}
.r-d .blog .cart:hover .hover{
    opacity: 0.3;
    z-index: 3;
}
.r-d .blog .cart:hover .more-p{
    opacity: 1;
    color: #fff;

}

.r-d .blog .cart:hover .cart img{
     width: 400px;

}
.r-d .blog .cart:hover{

 border-image: linear-gradient(to right, #ffffff, #ffffff, #f395b4) 3;
}

.login-w{
width: 80%;
    margin: auto;
    padding: 40px 19px;
}
.box-one{
    padding: 16px;
    margin-bottom: 25px;
    min-height: 132px;
    font-size: 18px;
}
.box-one img{
height:auto;
width: 105px;
float: left;
margin: 0 8px;
}

.box-two div, .box-one div{
text-align: justify;
font-size: 16px;
}

.box-two{
    padding: 46px;
    text-align: center;
    min-height: 449px;
    margin-bottom: 25px;
    font-size: 21px;
}
.box-two img{
    margin: auto;
    margin-bottom: 34px;
    width: 99px;
}

.box-two h4,.box-one h4{
    color:#4c4c4c;
    font-size: 19px;

}

.menu{

    position: fixed;
    z-index: 5;
    background-color: rgb(255 255 255 / 88%);
    display:none;
    width: 100%;

}

.logo-mob{
display:none;
float:left
}
.logo-mob img{
width: 63px;
    padding: 12px 8px;
    line-height: 3;
}
.show-post img{
    max-width: 100%;
    object-fit: contain;
}
.show-post video{
    max-width: 100%;
        width: 50%;
    height: fit-content;
}
.show-post .img-p{
    float: left;
    max-width: 100%;
    height: auto;
    margin-right: 26px;
    margin-bottom: 4px

}

.show-post iframe{
    border: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: 80%;
    height: auto;
    aspect-ratio: auto 16 / 9;
}

.show-post{
  text-align:right;
}

#videoScript-VuvUvim {
    margin: 0 auto;
    max-width: 50%;
}


b, strong {
    font-weight: bold;
}

.page-title{
    font-size: 24px;
    font-weight: bold;
}
 .time i{
     position: absolute;
    right: 0;
 }
 .time{

     position: relative;
    width: 143px;
    float: left;
    text-align: right;
    padding: 6px 21px 6px 0px;
 }
 .time.b{
     width: 100px;
    padding: 0px 16px 1px 0px;
    font-size: 12px;

 }

.show-post h2.title{
   font-size: 21px;
    font-weight: 600;
  }

.post{
   width: 80%;
    margin: auto;
    padding: 40px 19px;
    position: relative
}

.tariff{
width: 90%;
    margin: auto;
    padding: 10px 19px 0px 16px;
}
.tariff .box h4{
color: #d54474;
    font-size: 20px;
    font-weight: 600;
}
.box {
    font-size: 16px;
    text-align: right;
    padding: 15px;
    display: inline-block;
    width: 200px;
}
.tariff-img{
padding:0;
margin:auto;
display: inline-block;
}

.t-box {
    white-space: inherit;
    padding: 21px;
    margin: 5px;
    display:grid;

}
.t-box span{
    color: #d54474;
}

.body::-webkit-scrollbar-track
{
	-webkit-box-shadow: #ffffff85;
	background-color: #ffffff85;
}

.body::-webkit-scrollbar
{
	width: 6px;
	background-color: #ffffff85;
}

.body::-webkit-scrollbar-thumb
{background-color: #ffffff85;
	background-image: -webkit-linear-gradient(90deg,
	                                          rgba(213, 68, 116, 1) 0%,
											  rgba(213, 68, 116, 1) 25%,
											  transparent 100%,
											  rgba(213, 68, 116, 1) 75%,
											  transparent)
}
.pagination {
    text-align: center;
    margin:0;
    padding-right: 70px;
}
.blg-pa{
    padding-right: 0px !important;
}
._bt._b-c {
    color: #d54474;
}
._tc {
    text-align: center;
}
.pagination a {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0 10px;
    margin: 2px;
    background: #f3e0e7a6;
    color: #d54474;
    border: 1px solid #d54474;
    font-weight: 700;
}

@media only screen and (max-width: 420px) {
.r-d .blog {
    padding: 0;
}

}
.tariff .alert{
  color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
    height: 68px;
    text-align: center;
        padding: 16px;
        width-space:inherit!important
}


@media only screen and (max-width: 1300px){

.bg-con{
padding:30px;
}
}

@media only screen and (max-width: 1000px) {


.bg-con{
padding:0;
}

}



@media only screen and (max-width: 652px) {
.r-d .blog {
    min-height: 900px;

}
}

@media only screen and (max-width: 769px) {
.r-d {
    margin: 78px auto;
}

.logo-mob{
display:inline-block
}

.r-d .blog {
    padding: 0;
}

.box-two {
    min-height: fit-content;
}
.post {
    width: 95%;
    }
.map #mapImg {

    width: 50%;
    margin-bottom: 11px;
}

.tariff-img img {
    width: 141px;
    max-width: 119px;
    display: block;
    margin: auto;
}
}



@media only screen and (max-width: 1224px) {
.bg-con {
        width: 100%;


}
.bg-con {
   padding:0;

}
.tariff {
    width: 99%;
}

.box {
    width: 100%;
    }

}
@media only screen and (max-width: 1398px) and (min-width: 1224px){
.box-two {
    font-size:19px;
}

}
@media only screen and (max-width: 1224px) and (min-width: 1132px){
.box-two {
    min-height: 474px;
     font-size:18px;

}
}
@media only screen and (max-width: 1132px) and (min-width: 1106px) {
.box-two {
        min-height: 511px;
         font-size:18px;

}
}
@media only screen and (max-width: 1106px) and (min-width: 948px){
.box-two {
        min-height: 536px;
         font-size:18px;
         padding: 38px;

}
}
@media only screen and (max-width: 948px) and (min-width: 809px){
.box-two {
    min-height: 539px;
    font-size: 18px;
    padding: 40px;

}
.box-one {

    font-size: 17px;
}
}
@media only screen and (max-width: 809px){
.box-two {

    padding: 37px;
}

}
.start-mob{

display:none
}
@media only screen and (max-width: 700px){
.show-post iframe{
    width: 100%;
}
.box-one {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-one h4{
    padding-top: 8px;
}

.box-one img{
float:inherit;
}

}
.btn-tariff{
font-size: 14px;
    padding: 6px 13px;
}


.post-show-area{
    margin-top: 3% !important;
}
.d-b{
    display:block;
}
.mx-auto{
    margin-inline: auto;
}
._tj{
    text-align:justify;
}
.free-consultant{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 4px 0;
}
.rule-container{
    padding: 10px 20px;
    margin: 35px auto;
    line-height: 1.9;
}
.acc-rule{
    font-size: 20px;
    font-weight: bold;
}
@media (max-width:576px) {
    ._p-r{
        padding-right: 24px !important;
    }
    ._fs{
        font-size:20px !important;
        line-height: 1.7;
    }
    .acc-rule{
        font-size: 18px;
        font-weight: bold;
    }
}
.rules-ol ol { counter-reset: item }
.rules-ol ol li{ display: block }
.rules-ol ol li:before { content: counters(item, "_") "."; counter-increment: item }



@media only screen and (max-width: 992px) {
    .show-post video {
        width: 70%;
    }

}
@media only screen and (max-width: 556px) {

     .show-post video {
        width: 100%;
     }
}

#price{
    margin-top: 10px;
    margin-bottom: 20px;
}

.area-404{
    padding: 5%;
  max-width: 100%;
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  display: grid;
  color: black;
}
.area-404 img{
  width: 400px;
  max-width: 80%;
  margin: auto;
}