/*
Theme Name: parmis landing
Version: 1.0.1
*/
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    box-sizing: inherit;
}


/* ultra-Light - 100 */
@font-face {
    font-family: 'parmisit-ultra-light';
    src: url('assets/fonts/IRANSansWebFaNum_UltraLight.eot');
    src: url('assets/fonts/IRANSansWebFaNum_UltraLight.eot') format('embedded-opentype'),
         url('assets/fonts/IRANSansWebFaNum_UltraLight.woff2') format('woff2'),
         url('assets/fonts/IRANSansWebFaNum_UltraLight.woff') format('woff'),
         url('assets/fonts/IRANSansWebFaNum_UltraLight.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
  }
  
/* Light - 300 */
@font-face {
    font-family: 'parmisit-light';
    src: url('assets/fonts/IRANSansWebFaNum_Light.eot');
    src: url('assets/fonts/IRANSansWebFaNum_Light.eot?#iefix') format('embedded-opentype'),
            url('assets/fonts/IRANSansWebFaNum_Light.woff2') format('woff2'),
            url('assets/fonts/IRANSansWebFaNum_Light.woff') format('woff'),
            url('assets/fonts/IRANSansWebFaNum_Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Regular - 400 */
@font-face {
    font-family: 'parmisit-reg';
    src: url('assets/fonts/IRANSansWebFaNum.eot');
    src: url('assets/fonts/IRANSansWebFaNum.eot?#iefix') format('embedded-opentype'),
            url('assets/fonts/IRANSansWebFaNum.woff2') format('woff2'),
            url('assets/fonts/IRANSansWebFaNum.woff') format('woff'),
            url('assets/fonts/IRANSansWebFaNum.ttf') format('truetype');
    font-style: normal;
}
  
/* Bold - 500 */
@font-face {
    font-family: 'parmisit-bold';
    src: url('assets/fonts/IRANSansWebFaNum_Medium.eot');
    src: url('assets/fonts/IRANSansWebFaNum_Medium.eot?#iefix') format('embedded-opentype'),
            url('assets/fonts/IRANSansWebFaNum_Medium.woff2') format('woff2'),
            url('assets/fonts/IRANSansWebFaNum_Medium.woff') format('woff'),
            url('assets/fonts/IRANSansWebFaNum_Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

  
/* Bold - 600 */
@font-face {
    font-family: 'parmisit';
    src: url('assets/fonts/IRANSansWebFaNum_Bold.eot');
    src: url('assets/fonts/IRANSansWebFaNum_Bold.eot?#iefix') format('embedded-opentype'),
            url('assets/fonts/IRANSansWebFaNum_Bold.woff2') format('woff2'),
            url('assets/fonts/IRANSansWebFaNum_Bold.woff') format('woff'),
            url('assets/fonts/IRANSansWebFaNum_Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* Bold - 900 */
@font-face {
    font-family: 'parmisit';
    src: url('assets/fonts/IRANSansWebFaNum_Black.eot');
    src: url('assets/fonts/IRANSansWebFaNum_Black.eot?#iefix') format('embedded-opentype'),
            url('assets/fonts/IRANSansWebFaNum_Black.woff2') format('woff2'),
            url('assets/fonts/IRANSansWebFaNum_Black.woff') format('woff'),
            url('assets/fonts/IRANSansWebFaNum_Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
  

:root{
    --white-color:#fff;
    --primary-color: #A01A7D;
    --orange-color: #DC143C;
    --primary-text-color:#000;
    --secondy-text-color:#404040;
    --third-tex-color: #545454;
    
}


html{
    box-sizing: border-box;
    font-size: 62.25%;
}

body{
    font-family: 'parmisit-reg', 'Myriad Pro', Tahoma;
    font-weight: 400;
    line-height: 1.7;
    direction: rtl;
    color:#000;
    background-color: var(--white-color);
}

input:focus,
button,
button:focus{
    outline: none;
}
button{
    background-color: transparent;
    border: none;
}
input[type=search],
input[type=text],
input[type=number],
input[type=email]{
    border: none;
    background: #fff;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 4px;
    width: 100%;
    height: 38px;
    border: 1px solid #E4E4E4;
    border-radius: 4px;
}


select{
    border: none;
    background: #fff;
    padding: 2px 10px;
    font-size: 14px;
    border-radius: 04px;
    width: 100%;
    border: 1px solid #E0E0E0;
    height: 38px;
}

input[type=search]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
textarea:focus{
    /* border-color: var(--pink-color); */
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);

}
select:focus-visible {
    outline: none;
}

textarea:focus{
    outline: none;
}

textarea{
    resize: none;
    border-radius: 4px;
    padding: 10px 10px;
    font-size: 14px;
}
::placeholder { 
    color: var(---secondy-text-color);
    opacity: 1; 
    font-weight: inherit;
    font-size: 14px;
  }
  
:-ms-input-placeholder { 
    color:  var(---secondy-text-color);
    opacity: 1; 
    font-weight: inherit;   
    font-size: 14px;
}

::-ms-input-placeholder { 
    color:  var(---secondy-text-color);
    opacity: 1; 
    font-weight: inherit; 
    font-size: 14px;
}

.input-control{
    margin-bottom: 18px;
}

img{
    max-width: 100%;
    height: auto;
}
p,a{
    font-size: 14px;
    color: var(--first-tx-color);
    line-height: 1.9;
}

a{
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
    
}


label{
    font-family: 'parmisit-bold';
    font-weight: 400;
    font-size: 14px;
}

.gap-15{
    gap: 15px;
}

.btn{
    color: #FEFEFE;
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    padding: 6px 10px;
}
.btn:disabled{
    background-color: transparent;
    border-color: #40a829;
    color: #40a829;
    pointer-events: none;
}
.btn-primary{
    background-color: var(--primary-color);
        color: #fff;

}
.btn-secondry{
    background-color: var(--orange-color);
    color: #fff;
    border: 1px solid transparent;
}

.bg-gray{
    background-color: #FAFAFA;
}
.display-error{
    color: #ed1c24;
    font-weight: 500;
    margin-top: 5px;
}
.primary-color{
    color: var(--primary-color);
}
.swiper-wrapper{
    height: auto;
}

.lh-0{
    line-height: 0!important;;
}

/*******************loader*******************/ 

.loader-spinner_img{
    height: 100vh;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 11;
}
.loader-spinner_img img{
    position: fixed;
    transform: translate(0, -50%);
    top: 50%;
    right: 50%;
}

/*******************header*******************/ 
header{
    margin-bottom: 94px;
}

.phone-head{
    font-family: 'parmisit-bold';;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    width: fit-content;
    border-radius: 0px 0px20px20px;
    padding: 50px 20px 20px 20px;
    font-weight: 500;

}
.phone-head span{
    margin-left: 1rem;
}

/*******************section desc*******************/   
.software{
    margin-bottom: 92px;
     background: 
        linear-gradient(261.19deg, rgba(68, 82, 183, 0.82) 0%, rgba(60, 72, 156, 0.82) 36.22%, rgba(161, 46, 158, 0.82) 99.13%), 
        url('https://parmisit.com/wp-content/uploads/2025/08/bg-landing.webp');
    background-size: cover; 
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 545px;
    border-radius: 0 0 256px 256px;
    
}
.software .software__wrappr{
    background-color: #fff;
    padding: 36px 42px;
    border-radius: 42px;
}
.software__right{
    margin-left: 20px;
} 
.discount_label{
    background: #f47041;
    padding: 12px 16px;
    border-radius: 26px 0 26px 0;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    right: -55px;
    top:-35px;
    transform: rotate(15deg);

}
.discount_label span{
    font-size: 24px;
    font-weight: 700;
}
.software h1{
    font-size: 24px;
    font-weight: 700;
}
.software h2{
    font-family: 'parmisit-bold';
    font-weight: 400;
    font-size: 16px;
    color: var(--secondy-text-color);
    margin-top: 1rem 0;
}
.software__right-logo{
    margin-left: 16px;
}
.software__right-heading{
    margin-bottom: 30px;
}

.software__stars{
    font-family: 'parmisit-bold';
    background-color: #fafafa;
    margin: 24px 0;
    font-weight: 500;
    font-size: 14px;
    color: var(--third-tex-color);
    padding: 12px;
    border-radius: 8px;
}

.software__stars .col-md-6{
    margin-bottom: 12px;
}

.software__stars img{
    margin-left: 8px;
}
.software__stars-desc{
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
}
/****************section title*********************/
.section__title > *{
    color: #383838;
    font-weight: 700;
    font-style: Bold;
    font-size: 16px;
}
.section__title .title_color{
    color: #20B486;
}

.segment__title > *{
    font-weight: 700;
    font-size: 18px;
    color: var(--primary-text-color);
    
}
/****************company section*********************/

.companies__slider{
    margin-top: 24px;
    margin-bottom: 92px;
}

/****************video section*********************/
.subsystem-section{
    margin-bottom: 92px;
}
.segment__desc{
    font-weight: 500;
    font-size: 14px;
    margin-top: 15px;
    line-height: 34px;
    text-align: justify;
}
.subsystem-section .subsystem_icons{
    margin: 25px 0;
}
.subsystem-section .subsystem_icon:not(:last-child){
    margin-left: 40px;
}
.subsystem__icon-title{
    font-family: 'parmisit-bold';
    font-weight: 500;
    font-style: Medium;
    font-size: 14px;
    margin-top: 4px;
}

.subsystem-desc{
    box-shadow: 0px 16px 60px 0px #0000000F;
    padding: 16px;
    border-radius: 8px;
    color: var(--secondy-text-color);
    font-size: 16px;
    font-weight: 700;
}

/****************subsystem-star*********************/
.subsystem-star{
    margin-bottom: 92px;
}
.subsystem-star .section__title{
    margin-bottom: 30px;
}

.subsystem-star__container{
    margin-bottom: 35px;
}

.subsystem-star-light{
    background-color: #FFE4FE33;
    color: #232323;
}
.subsystem-star-blue{
    background-color: #F2F5FD;
    color: #232323; 
}
.subsystem-star-red{
    background-color: #FFF6F6;
}
.subsystem-star-yellow{
    background-color: #FFFFF9;
}

.subsystem-star-green{
    background-color: #F9FDFF;
}
.btn-holder-yellow{
    background-color: #FEFB97;
}

.btn-holder-pink{
    background-color: #FFC8FD;
}
.btn-holder-blue{
    background-color: #6590FF;
}

.btn-holder-green{
    background-color: #94E5D0;
}

.btn-holder-green2{
    background-color: #CDEBF9;
}

.btn-holder-red{
    background-color: #FF9797;
}
.btn-holder-purple{
    background-color: #AC4FC6;
}
.btn-holder{
    font-size: 14px;
    text-align: center;
    font-family: 'parmisit-bold';
    font-weight: 400;
    margin-top: 15px;

}
.subsystem-star__title{
    font-size: 14px;
    font-family: 'parmisit-bold';
    font-weight: 400;
    color: #545454;
}
.subsystem-star__desc{
    text-align: justify;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.2;
    margin-bottom: 20px;
}

.subsystem-star__container .col-md-2-5:hover,
.subsystem-star__container .col-md-4-0:hover{
    background-color: rgba(255, 255, 255, 0.5);
}

@media (min-width: 768px) {
    .col-md-2-5 {
        flex: 0 0 auto;
        width: 20%;
        padding: 30px 20px;
    }
    .col-md-4-0{
        flex: 0 0 auto;
        width: 40%;
        padding: 30px 20px;
    }
}


/****************responsive*********************/
@media (min-width: 768px) {
    .subsystem-section .col-md-7 {
        width: 56% !important;
        padding-right: 6rem !important;
    }
    .subsystem-section .col-md-5 {
        width: 44% !important;
    }
    
}

/****************form section*********************/
.form{
    padding: 20px;
    padding: 42px;
    border-radius: 24px;
    margin-bottom: 92px;
}
.form label{
    margin-bottom: 8px;
}
.form .input-control label span::after{
    content: "*";
    color: var(--orange-color);
    padding-inline-start: .2em;
    font-size: 14px;
}

.form #register-landing{
    margin-top: 42px;
}


.form .col-md-6:first-child{
    padding-left: 5rem;
} 
.pl-8{
    padding-left: 8px;
}

.pr-8{
    padding-right: 8px;
}


.otp-container {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 10px 0;
    direction: ltr;
    
}

.otp-container input {
    width: 40px;
    height: 50px;
    font-size: 24px;
    text-align: center;
    transition: border-color 0.3s;
}

 .otp-container input:focus {
    border-color: #3a86ff;
    box-shadow: 0 0 5px rgba(58, 134, 255, 0.6);
  }





/****************customer*********************/

.customers{
    margin-bottom: 92px;
}
.customers .video-box{
    border-radius: 24px;
}
.customers img{
    border-radius: 24px;
    box-shadow: 0px 16px 60px 0px #0000000F;
}
.customers .swiper{
    margin: 0 50px;
}
.swiper-button-next,
.swiper-button-prev{
    top: 35%;
    font-size: 10px;
    background-color: var(--primary-color);
    border-radius: 4px;
    width: 28px;
    height: 28px;
    transform: translate(0, 50%);
}
.swiper-button-next::after,
.swiper-button-prev::after{
    font-size: 10px;
    color: #fff;
    font-weight: 600;
}
 
.swiper-button-next{
    right: 0;
}
.swiper-button-prev{
    left: 0;
}
.video-info{
    margin-top: 16px;
}
.video-info__title{
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 14px;
    color: var(--third-tex-color);
}
.video-info__subtitle{
    font-size: 12px;
    font-weight: 500;
    color: var(--third-tex-color);
}
/*******************section benefit********************/
.section-benefit{
    margin-bottom: 92px;
}
.section-benefit_wrapper{
    padding: 24px;
    border-radius: 16px;
    background: #fafafa;
}
.section-benefit img{
    margin-right: 4rem;
}
/*******************back to top********************/
.back-top{
    margin-bottom: 122px;
}
.back-top a,
.back-top button{
    padding: 16px 12px;
    width: 56px;
    height: 64px;
    border-radius: 24px;
    background-color: #fafafa;
    margin-bottom: 16px;
}
.back-top .back-top_title{
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 700;
}
.back-top .back-top_sub-title{
    font-size: 14px;
    font-weight: 400;
}
/*******************footer call********************/
.footer-call{
    background-color: #fff;
    box-shadow: 0px 16px 60px 0px #0000000f;
    padding: 12px;
    border-radius: 50px 50px 0 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    margin-top: 200px;
    z-index: 10;
}
.footer-call a,
.footer-call button{
    margin-left: 15px;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 36px;
    border-radius: 8px;
}

.footer-call .footer-call__title{
    font-size: 16px;
    font-weight: 500;
    color: var(--primary-color);
}
.footer-call img{
    margin-left: 8px;
}

.footer-call .footer-call__title span{
    font-size: 18px;
    font-weight: 700;
    margin-left: 3px;
}



/********light box********/
  .video-box {
    cursor: pointer;
    overflow: hidden;
    transition: 0.3s;
  }

  .video-box .title {
    padding: 10px;
    background: white;
    font-size: 14px;
    color: #333;
  }

  .video-box_icon{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
  }

  /* لایت‌باکس */
  .lightbox {
    display: flex;
    position: fixed;
    z-index: 9999;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }
  .lightbox.show {
    opacity: 1;
    visibility: visible;
  }
  .lightbox-content {
    position: relative;
    width: 90%;
    max-width: 900px;
  }
  .lightbox-content video{
    max-height: 800px;
  }
  .lightbox video {
    width: 100%;
    border-radius: 10px;
  }
  .close-btn {
    position: absolute;
    top: -60px;
    left: 0;
    font-size: 35px;
    color: white;
    cursor: pointer;
    user-select: none;
  }



@media only screen and (max-width: 1200px) {
    .discount_label{
        right: 5px;
    }
    .software {
        border-radius: 0 0 140px 140px;
    }
    .form .col-md-6:first-child{
        padding-left: 0;
    }
    .section-benefit img{
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .software{
        height: 325px;
        min-height: 325px;
        margin-bottom: 570px;
        border-radius: 0 0 100px 100px;
    }
    .software .software__wrappr{
        position: absolute !important;
        top: 80px;
        width: 93%;
        right: 3.5%;
    }
    .software .col-lg-7.col-md-6{
        display: flex;
        order: 2;
    }
    .software .col-lg-5.col-md-6{
        display: flex;
        order: 1;
        justify-content: center;
        margin-bottom: 15px;
    }
    .discount_label{
        left: 5px;
        right: auto;
        top: -12px;
        transform: rotate(-20deg);
    }
    .form .col-md-6{
        display: flex;
    }
    .form .col-md-6:first-child{
        order: 2;
    }
    .form .col-md-6:last-child{
         order: 1;
         margin-bottom: 30px;
        justify-content: center;
    }
    .subsystem-section .col-md-5,
    .subsystem-section .col-md-7{
        display: flex
    }
    .subsystem-section .col-md-5{
        order: 2;
    }
    .subsystem-section .col-md-7{
        order: 1;
        margin-bottom: 70px;
    }
    .software__right{
        margin-right: 0;
    }
    .subsystem-star__container .col-md-2-5,
    .subsystem-star__container .col-md-4-0{
        margin-bottom: 25px;
    }
}

@media only screen and (max-width: 576px) {
    .software {
        height: 275px;
        min-height: 275px;
        border-radius: 0 0 56px 56px;
    }
    .software .software__wrappr{
        position: absolute !important;
        top: 62px;
        padding: 0;
        right: 3%;
    }

    .software__right-logo{
        width: 42px;
        height: 42px;
        margin-bottom: 8px;
    }
    .software h1{
        font-size: 20px;
    }
    .software h2 {
        font-size: 14px;
        margin-top: 8px;
    }
    .software__stars-desc {
        font-size: 14px;
        text-align: justify;
    }
    .discount_label {
        font-size: 16px;
        padding: 9px 10px;
        left: -5px;
        right: auto;
        top: -28px;
    }
    .discount_label span {
        font-size: 20px;
    }
    #form .container-xl{
        padding: 0;
    }
    .form{
        padding:42px 15px ;
    }
    .subsystem-section .subsystem_icons{
        justify-content: space-between;
    }
    .subsystem-section .subsystem_icon:not(:last-child){
        margin-left: 7px;
    }
    .segment__desc {
        font-size: 13px;
        margin-top: 12px;
    }
    .segment__title > * {
        font-size: 14px;
    }
    .form #register-landing {
        margin-top: 15px;
    }
    .customers .swiper{
        margin: 0 35px;
    }
    .footer-call {
   
        border-radius: 24px 24px 0 0;
    }
        
    .software__right-heading{
        margin-bottom: 14px;
    }
    .back-top{
        text-align: center;
    }
    .back-top .back-top_title{
        font-size: 14px;
    }
    .back-top .back-top_sub-title{
        font-size: 13px;
    }
}

/**********************landing-otp**************************/
.landing-otp{
    background: url("https://parmisit.com/lnd/wp-content/uploads/2025/12/landing-bg-new.webp");
     background-repeat: no-repeat !important;
    background-position: top left;
    color: #484c52;
        padding: 25px;
        height: 104vh;

}

@media (min-width: 1400px) {
    .landing-otp .container-xl{
        max-width: 1400px;
    }
}

.landing-otp__content{
    background: #fff;
    border-radius: 33px;
}

.landing-otp-col-md-7{
    padding-left: 75px;
}
.landing-otp-col-md-5{
    padding-right: 60px;
}

.landing-otp h1{
    font-size: 23.5px;
    font-weight: 700;
}

.landing-otp__desc{
    font-size: 14px;
    font-weight: 400;
    line-height: 44px;
    margin: 25px 0 25px;
    text-align: justify;
}

.landing-otp__image{
    margin-top: 44px;
}

.landing-otp .parmis-version{
    border: 1px solid #f3f4f6;
    padding: 15px 44px;
    border-radius: 14px;
}

.parmis-version{
    margin-top: 20px;
}

.parmis-version img{
    border-radius: 14px;
}

.parmis-version__title{
    color: #484c52;
    font-size: 14px;
    font-weight: 600;
    line-height: 46px;
    margin-right: 8px;
}
.parmis-features{
    margin-top: 40px;
}

.parmis-features__title{
    font-size: 13px;
    font-weight: 600;
    color: #484c52;
    margin-top: 15px;
}


.landing-otp__form{
    border-radius: 33px;
    padding: 30px 22px 30px;
    background-color: #fff;
    box-shadow: 0 7.2px 19.8px 0 rgba(0, 0, 0, 0.04);
    height: auto;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.landing-otp__form h2{
    margin-bottom: 12px;
    font-size: 18px;
    color: #643192;
}

.landing-otp__form .segment__desc{
    font-size: 12px;
    font-weight: 500;
    line-height: 34px;
    text-align: center;
    margin-bottom: 15px;
}
.landing-otp__form .segment__title {
    margin-top: 20px;
}
.landing-otp__input{
    margin-bottom: 40px;
    width: 50%;
}
.landing-otp__input input{
    border: 1px solid #e4e4e4;
    box-shadow: 1.88px 2.88px 5.76px 0px #0000000A inset;
    height: 52px;
    padding: 5px;
    border-radius: 6px;
    color: #484c52;
    font-size: 12px;
}
.landing-otp__input label{
    font-size: 12px;
    font-weight: 500;
    color: #484c52;
    margin-bottom: 8px;
}

.btn-parmis{
    background-color: #643192;
    border-radius: 33px;
    font-weight: 500;
    font-size: 600;
    color: #f9f9f9;
    padding: 13px 5px;
}

#btn_submit_lead{
    width: 50%;
    margin-bottom: 10px;
}

.form-confirmation__title{
    font-weight: 600;
    font-size: 18px;
    color: #643192;
    margin-bottom: 15px;
}

.form-confirmation__desc{
    font-size: 12px;
    font-weight: 500;
    color: #484c52;
    margin-bottom: 10px;

}

.landing-otp .otp-container{
    margin-top: 10px;
}

.landing-otp__success-notif{
    margin-bottom: 20px;
}

.landing-otp .otp-container input{
    width: 69px;
    height: 52px;
    box-shadow: 1.88px 2.88px 5.76px 0px #0000000A inset;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    color: #484c52;
    font-size: 18px;
    font-weight: 600;
}
.landing-otp__success a{
    font-size: 11;
    font-weight: 700;
    color: #643192;
    margin-top: 25px;
}
.landing-otp__success img{
    margin-left: 10px;
}

.landing-otp__loader-inner{
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.1);
}

.landing-otp .mobile-heading{
    display: none;
}

.landing-otp__form-img-mobile{
    display: none;
}


/*******************tnk page*******************/
.tnk-page{
    margin: 0 auto;
    margin-top:180px;
} 
.tnk-page__logo{
    margin-bottom: 70px;
}

.tnk-page__header{
    font-size: 32px;
    font-weight: 600;
    color: #484c52;
    margin: 35px 0 20px;

}
.tnk-page__desc{
    font-size: 18px;
    font-weight: 600;
    color: #484c52;
    margin-bottom: 50px;
    line-height: 42px;

}

.tnk-page__btn{
    font-size: 14px;
    font-weight: 600;
    color: #643192;
    display: block;

}
.tnk-page__footer{
    padding: 20px 15px;
    background: #643192;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.tnk-page__footer a{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    display: inline-block;

}


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

    .landing-otp{
        padding: 0 9px 25px;
                height: 100%;

    }
    .landing-otp .desktop-heading{
        display: none;
    }
    .landing-otp__form-img{
        display: none;
    }
    .landing-otp__form-img-mobile{
        display: block;
        margin-top: -120px;
    }
        .landing-otp .mobile-heading{
        display: block;
        border-bottom-left-radius: 33px;
        border-bottom-right-radius: 33px;
        background-color: #fff;
        line-height: 44px;
        font-size: 18px;
        font-weight: 500;
        color: #484c52;
        padding: 12px 10px;
        margin-bottom: 150px;

    }
        .landing-otp .mobile-heading{
        display: block;
        border-bottom-left-radius: 33px;
        border-bottom-right-radius: 33px;
        background-color: #fff;
        line-height: 44px;
        font-size: 18px;
        font-weight: 500;
        color: #484c52;
        padding: 12px 10px;
        margin-bottom: 150px;

    }
    .landing-otp__content {
        padding: 25px 5px;
    }
    .landing-otp__form {
        padding: 0 22px 22px 25px;
        height: auto;
        margin-top: 0;
    }
    .landing-otp-col-md-7{
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .landing-otp-col-md-5{
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
    }
    .landing-otp .mobile-heading{
        display: block;
        border-bottom-left-radius: 33px;
        border-bottom-right-radius: 33px;
        background-color: #fff;
        line-height: 44px;
        font-size: 18px;
        font-weight: 500;
        color: #484c52;
        padding: 12px 10px;
        margin-bottom: 150px;

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

    .landing-otp{
        background: url("https://parmisit.com/lnd/wp-content/uploads/2025/12/otp-landing-loader-mob.webp");
        height: 100%;
        background-position: top center;
    }


}

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

    .landing-otp h1{
        font-size: 18px;
    }
    .landing-otp__desc{
        font-size: 12px;
    }
    .parmis-version__title {
        font-size: 12px;
    }
    .landing-otp .parmis-version {
        padding: 20px 5px;
    }
    .parmis-features__title {
        font-size: 9px;
    }
    .parmis-features{
        margin-bottom: 40px;
    }


     .landing-otp .mobile-heading span{
        font-weight: 700;
     }

    .landing-otp__desc {
        margin: 10px 0 25px;
    }
    .form-input__row{
    flex-direction: column;
    }
    .landing-otp__input{
        width: 100%;
    }
    #btn_submit_lead {
        width: 100%;
    }

    .tnk-page{
    margin-top:95px;
    } 

    .tnk-page__header{
    font-size: 28px;
    }

    .tnk-page__desc{
        font-size: 17px;
        
    }
}