/* reset start */
    :root{--body-font-family:"Plus Jakarta Sans",sans-serif;--body-font-size:24px;--body-font-weight:400;--body-font-color:#717171;--body-line-height:32px;--heading-font-color:#1A1A1A;--heading-font-weight:700;--link-font-color:#1A1A1A;--white-color:#fff;--sky-color:#40E0D0;--gray-color:#F7F7F7;--gray-200:#DFDFDF;--light-100:#EFEFF1;--info-color:#2A81FB;--box-shadow:0px 0px 16px 0px #80808029}
    body{font-family:var(--body-font-family);color:var(--body-font-color);font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-font-weight);background-color:var(--gray-color)}
    ul{margin:0;padding:0}
    ul li{list-style:none}
    h1,h2,h3,h4,h5,h6{color:var(--heading-font-color);font-weight:var(--heading-font-weight)}
    h1{font-size:60px;line-height:75px}
    h2{font-size:48px;line-height:60px}
    h3{font-size:32px;line-height:45px}
    h4{font-size:24px;line-height:30px}
    h5{font-size:20px;line-height:25px}
    h6{font-size:18px;line-height:22px}
    img{max-width:100%}
    /* reset end */
    /* common css start  */
    .bg-sky{background-color:#40e0d0}
    .bg-gray{background-color:var(--gray-color)}
    .from-box-shadow{box-shadow:var(--box-shadow)}
    .section{padding-block:80px}
    .pl-130{padding-left:130px}
    .pr-130{padding-right:130px}
    .radius-24{border-radius:24px}
    .primary-btn,.secondary-btn{text-align:center;padding:17px 22px;border-radius:999px;font-size:18px;color:var(--link-font-color);transition:.3s;font-weight:500}
    a{text-decoration:none;font-size:16px;line-height:20px;color:var(--body-font-color);display:inline-block}
    a:hover{color:var(--link-font-color);transition:.3s}
    .active{color:var(--link-font-color)}
    .primary-btn{background:var(--sky-color)}
    .primary-btn:hover,.secondary-btn:hover{box-shadow:inset 200px 0 0 0 var(--heading-font-color);color:var(--white-color)!important}
    .secondary-btn{border:1px solid #a1a1A120;background:var(--white-color)}
    .body_scroll_off{overflow-y:hidden}
    /* common css end  */
    /* header css start  */
    header{z-index:999}
    .site-header .primary-btn{width:160px;max-width:100%}
    body.home-page .site-header .primary-btn{background-color:var(--white-color)}
    .site-header .secondary-btn{border:none;background:0 0}
    .site-header .navbar ul a.active::after,.site-header .navbar ul a::after{content:" ";height:2px;width:0;margin:auto;display:block;background-color:var(--heading-font-color);transition:.3s}
    .site-header .navbar ul a.active::after,.site-header .navbar ul a:hover::after{width:100%}
    .site-header .header-button a{color:var(--link-font-color)}
    .site-header .theme_change img{width:32px;cursor:pointer}
    .site-footer .lightlogo,.site-header #LightMode,.site-header .lightlogo{display:none}
    .site-header .user-name .user_profile {
        width: 54px;
        height: 54px;
        border: 3px solid var(--white-color);
        box-shadow: var(--box-shadow);
        cursor: pointer;
    }
    .site-header .user-name .logout_user_name{
        box-shadow:0px 0px 16px 0px #80808029;     
        left: 50%;     
        transform: translateX(-50%);
        display: none;
    }
    .site-header .user-name .logout_user_name.active{
        display: block;
    }
    .site-header .user-name .logout_user_name span{
        font-size:16px;
        line-height: 20px;
        color: var(--link-font-color);
    }
    .site-header .user-name .logout_user_name .primary-btn{font-size: 16px;background: var(--sky-color);padding: 5px;}
    /* .site-header .user-name .logout_user_name .primary-btn:hover{
        
    } */
    /* header css end  */
    /* home page css start  */
    body.home-page header{background-color:transparent!important}
    .section-banner{background:url(../images/circleshapleft.png) top 180px left no-repeat;margin-top:-170px;padding-top:165px}
    .section-banner:before{content:"";width:39%;height:90.7%;right:0;top:0;position:absolute;background:var(--sky-color);z-index:0}
    .services-section .services_img:before{content:" ";height:50%;width:97%;position:absolute;bottom:0;background:var(--sky-color);z-index:0;left:50%;transform:translateX(-50%);border-radius:24px}
    .services-section.shape-right{background:url(../images/circleshapright.png) center right no-repeat}
    .services-section.shape-left{background:url(../images/circleshapleft.png) center left no-repeat}
    .section-testimonial .testimonial_content span{font-size:18px;line-height:22px;color:var(--body-font-color);font-weight:500}
    .section-testimonial .testimonial_slider_one .slick-current+.slick-active{margin-inline:24px}
    .section-testimonial .testimonial_slider_one .slick-list{margin-right:-150px;padding-left:15px}
    .section-testimonial .testimonial_slider_one .slick-track{display:flex}
    .section-testimonial .testimonial_slider_two .slick-slide{margin-inline:12px}
    .section-cta{padding-block:200px}
    .section-cta .cta_block{padding:50px 50px 0 60px}
    .section-cta p{color:var(--heading-font-color)}
    .section-cta .cta_btn a{background-color:#1d1d1f;border-radius:99px}
    .section-cta .cta_content{padding-bottom:60px}
    /* home page css end  */
    /* form common css start  */
    .form_block .form-item input,.form_block .terms{line-height:20px;color:var(--heading-font-color)}
    .form-section{padding-block:200px}
    .form_block .file_upload #imagepreview{width:100px;height:100px;border:1px solid #dfdfdf;border-radius:20px}
    .form_block .primary-btn:hover,.form_block .secondary-btn:hover{box-shadow:inset 700px 0 0 0 var(--heading-font-color)}
    .form_block .file_upload input[type=file]{display:none}
    .form_block input[type=date]::-webkit-calendar-picker-indicator{display:none}
    /* .form_block .file_upload label{width:35px;height:35px;bottom:-8px;left:50%;transform:translateX(28px)} */
    .form_block .file_upload label{
        background: var(--sky-color);
        border-radius:50%;
        display: flex;
        justify-content: center;
        align-items: center;
        border:2px solid var(--white-color);
        box-shadow: 0px 0px 4px 0px #8080804D;
        width: 32px;
        height: 32px;
        bottom: -8px;
        left: 50%;
        transform: translateX(28px);
    }
    .form_block{max-width:500px;padding:28px 32px;border-radius:16px}
    .form_block .form-item input{ border:1px solid #dfdfdf; padding:13px 16px; font-size:16px; font-weight:400; border-radius:8px; position:relative; background-color:transparent; outline: none; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; pointer-events: all; }
    .form_block .form-item input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important;box-shadow:0 0 0 1000px #fff inset!important}
    .form_block .form-item input:focus{ border-color:var(--sky-color); border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;}
    .form_block .form-item label{ color:#7b7b7b; font-size:16px; font-weight:400; line-height:20px; background:var(--white-color); left:10px; padding-inline:5px 13px; transition:.3s ease-in-out; pointer-events:none; -webkit-transition:.3s ease-in-out; -moz-transition:.3s ease-in-out; -ms-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; top: 14px;}
    
    .form_block .form-item input.parsley-success~label,
    .form_block .form-item input:focus~label,
    .form_block .form-item label.focused,
    .form_block .form-item label.filled {top: -10px ;}
    /* .form_block .form-item label.focused:before,
    .form-item input:focus~.focused:before{display: block;} */

    /* .form_block .form-item input:focus~label,
    .form_block .form-item input:not(:placeholder-shown)~label, */
    .form-item input:focus~label.focused{ transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; top: -10px;}
    /* .form_block .form-item input:not(:placeholder-shown)~label:before, */
    .form_block .form-item label.filled:before,
    .form_block .form-item input:focus~label:before{content:"";width:8px;height:8px;position:absolute;right:0;top:3px;background:url('../images/start-img.svg') 0 0/100% no-repeat;}
    .form_block .terms{font-size:16px}
    .form_block .terms input[type=checkbox]{appearance:none;min-width:18px;height:18px;border:2px solid #40e0d0;border-radius:3px;position:relative;cursor:pointer}
    .form_block .terms input[type=checkbox]:checked{background-color:#40e0d0}
    .form_block .terms input[type=checkbox]:checked::after{content:'';position:absolute;left:4px;top:0;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
    .form_block .primary-btn{padding-block:12px}
    .form_block span{font-size:16px;line-height:22px;font-weight:500}
    .form_block small{font-size:12px;font-weight:500;line-height:15px;color:var(--heading-font-color)}
    /* form common css end  */
    /* verify page css start  */
    .section-verifyotp .form_block small span{color: var(--body-font-color);}
    .section-verifyotp form input{border: 1px ;}
    .section-verifyotp .form_block .form-item input{padding: 13px 8px;}
    .section-verifyotp .form_block .form-item {width: 16%;}
    /* verify page css end  */
    /* login page css start */
    .section-login .login_page-redirect span{width: 50px;color: var(--heading-font-color);}
    .section-login .login_page-redirect .other_option:before{content:"";height: 1px;background: #DFDFDF;width: 100%;display: inline-block;position: absolute;left: 0;bottom:10px;z-index: 0;}
    .section-login .other_link a span {font-size: 18px;}
    .section-login .secondary-btn:hover span{color: var(--white-color);}
    .section-login .secondary-btn:hover img{filter: invert(100%);}
    /* login page css end */
    /* pricing page css start  */
    .section-pricing{padding-block: 100px 200px;}
    .section-pricing .month_year{max-width: 365px;border-radius: 999px;}
    .section-pricing .month_year input:checked + label{background-color: var(--sky-color);border-radius: 99px;}
    .section-pricing .month_year label{font-size:18px;font-weight:500;color:var(--heading-font-color);cursor:pointer}
    .section-pricing .pricing_block small,.section-pricing .pricing_block span{font-weight:var(--heading-font-weight)}
    .section-pricing .pricing_block{border-radius:16px;transition:.3s;box-shadow:0 0 12px 0 #8080801F}
    .section-pricing .pricing_block:hover{background:url(../images/pricing-block-shape.png) no-repeat center right -100px,var(--heading-font-color)!important}
    .section-pricing .pricing_block h3{font-size:36px}
    .section-pricing .pricing_block:hover h3,.section-pricing .pricing_block:hover li,.section-pricing .pricing_block:hover span{color:var(--white-color)}
    .section-pricing .pricing_block span{color:var(--heading-font-color);font-size:36px;line-height:45px}
    .section-pricing .pricing_block span sub{font-size:18px;font-weight:500;color:var(--body-font-color);line-height:22px;margin-top:3px}
    .section-pricing .pricing_block li span {font-size:18px;font-weight:500;color:var(--body-font-color);line-height:22px;margin-top:3px}
    .section-pricing .pricing_block h4{color:#454545}
    .section-pricing .pricing_block:hover h4{color:#a5a5a5}
    .section-pricing .pricing_block li{font-size:18px;line-height:22px;font-weight:400;color:var(--heading-font-color)}
    .section-pricing .pricing_block li:before{content:"";background:url(../images/pricing-bullet.svg) center center/100% 100% no-repeat;width:32px;height:32px;position:absolute;left:-50px;top:-4px}
    .section-pricing .primary-btn:hover,.section-pricing .secondary-btn:hover{box-shadow:inset 700px 0 0 0 var(--heading-font-color)}

    /* pricing page css end  */
    /* footer css start  */
    .site-footer{padding-top:65px;padding-bottom:55px;background-color:#fafafb}
    .site-footer .footer_nav{border-bottom:1px solid #a1a1A120}
    .site-footer .footer_nav ul{gap:32px}
    .site-footer .footer_nav ul a{font-size:18px;font-weight:500}
    .site-footer p{font-size:16px;line-height:20px;font-weight:500}
    .site-footer .footer_social a{width:32px;height:32px;border-radius:50%}
    .site-footer .footer_social a:hover{background:#40e0d045;margin-top:-5px}
    /* footer css end  */
    .flash-message-top-right {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1050;
        width: 300px;
        opacity: 0.95;
    }

    .flash-message-top-right .btn-close {
        position: absolute;
        top: 8px;
        right: 8px;
    }

    .flash-message-top-right.alert {
        padding: 10px 20px;
        border-radius: 5px;
        font-size: 18px;
    }

    @media (max-width: 768px) {
        .flash-message-top-right {
            width: 90%;
            right: 5%;
        }
    }

    /* plan purchase history css start  */
    .section-history-plan {
        padding-bottom: 200px;
    }
    .section-history-plan .table_heading {
        border-bottom: 1px solid var(--gray-200);
    }
    .section-history-plan .active_plan {
        color: var(--heading-font-color);
        border-bottom: 1px solid var(--heading-font-color);
    }
    .section-history-plan .table_heading a {
        margin-bottom: -0.5px;
    }
    .section-history-plan table {
        min-width: 630px;
    }
    .section-history-plan table thead {
        background: var(--light-100);
        font-size: 14px;
        font-weight: var(--heading-font-weight);
        color: var(--heading-font-color);
    }
    .section-history-plan table thead th:first-child{
        border-right: none;
    }
    .section-history-plan table thead th {
        border: 1px solid var(--gray-200);
    }
    .section-history-plan table tbody td {
        border: 1px solid var(--light-100);
    }
    .section-history-plan table tbody tr {
        background: var(--white-color)
    }
    .section-history-plan table tbody tr td:first-child{
        border-left: none;
    }
    .section-history-plan table tbody tr td:last-child{
        border-right: none;
    }
    .section-history-plan table tbody tr:last-child td{
        border-bottom: none;
    }
    .section-history-plan table tbody tr:nth-child(even) {
        background: var(--gray-color);
    }
    .section-history-plan table tbody {
        font-size: 14px;
        color:#344054;
        font-weight: 500;
    }
    .section-history-plan .tab {
        box-shadow: var(--box-shadow);
        border: 1px solid var(--gray-200);
        border-radius: 8px;
    }
    .section-history-plan .tab tbody a {
        color: var(--info-color);
    }
    /* plan purchase history css end  */

    /* badge css start  */
    .bg-soft-success {
        background-color: rgba(26, 188, 156, 0.25);
    }
    .bg-soft-danger {
        background-color: rgba(241, 85, 108, 0.25);
    }
    .badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25rem;
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }
    

    /* new css  */
    .toggle-password {
        right: 15px;
        top: 14px;
        cursor: pointer;
    }
    
    /* css for support */
    /* .section-support{
        height:calc(100vh - 381px);
    } */
    /* .section-support .container{
        display:flex;
        height:100%;
        align-items:center;
        justify-content:center;
    } */

     /* css for blog */
     /* .section-blog{
        height:calc(100vh - 381px);
    } */
    /* .section-blog .container{
        display:flex;
        height:100%;
        align-items:center;
        justify-content:center;
    } */

    /* .section-support .support-ul li{
        list-style: unset !important;
        font-size: 18px;
        margin-left: 40px;
    } */

    /* .section-support .support-para{
        font-size: 20px;
    } */

    /* .section-blog .blog-para{
        font-size: 20px;
    } */

    /* .section-support .container{
        display:flex;
        height:100%;
        align-items:center;
        justify-content:center;
    } */
    /* .section-learn-more .container{
        display:flex;
        height:100%;
        //align-items:center;
        justify-content:center;
    } */
       /* css for learn more */
    /* .section-learn-more{
        height:calc(100vh - 381px);
    } */

    /* .section-learn-more .learn-more-para{
        font-size: 20px;
    } */

    #loader {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(255, 255, 255, 0.6) !important; /* Reduce opacity */
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .notifyjs-corner {
        z-index: 10001 !important;
        font-size: 16px !important;
        opacity: 1 !important;
        font-weight: bold !important;
        padding:0px !important;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) !important;
        background-color: #FFFFFF !important;
        border: 0px solid #FFFFFF !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
        white-space: nowrap !important;
       
       
    }
    .notifyjs-bootstrap-base{
        background-color: #FFFFFF !important;
        border: 0px solid #FFFFFF !important;
        background-position: 3px 15px !important;
    }
    .notifyjs-bootstrap-error{
        background-color: #F7F7F7 !important;
    }