/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

@font-face {
    font-family: 'iransans';
    src: url('../fonts/fa/IRANSansXV.woff2') format('woff2-variations'),
    url('../fonts/fa/IRANSansXV.woff2') format('woff2');
    font-weight: 100 900;
    font-display: fallback;
}

button, input, select, textarea, h1, h2, h3, h4, h5, h6, body, body.body-style-2, 
.reseller-hosting-plan-title, .reseller-hosting-plan-price span, .reseller-hosting-plan-list li,
.reseller-hosting-plan-order a, .dark-ressler-plan.reseller-hosting-plan-pack .reseller-hosting-plan-price a,
.our-latest-news-box p, .discount-box-homepage, body.body-style-2 .coodiv-header .dropdown .profile-notification,
.notification-slider, .custom-login-page-v2, body.body-style-2 .side-bar-header-lined-drop-down .dropdown-menu,
body.body-style-2 .invoices-elements-tringo, body.body-style-2 .client-home-panels .panel-default, .dataTables_wrapper,
.domains-dotoday, .domain-previw-box, .kc-bg-box-container .col-sm-12, .kc-bg-box-container .kbarticles, .article-content,
#order-standard_cart .domain-pricing .row-table-tld-pricing, #order-standard_cart .domain-pricing, .domain-promo-box, #DomainSearchResults,
.domainsaddionsbox, #order-standard_cart .order-summary, #order-standard_cart .view-cart-items.coodiv-version .item, #order-standard_cart
.sub-heading span, #order-standard_cart .sub-heading-borderless span, #order-standard_cart .domain-selection-options .option,
.tooltip-inner { font-family: 'iransans'; font-feature-settings: "ss02"; }
.coodiv-navbar ul { padding-right: 0; padding-left: unset; }
body.body-style-1 .coodiv-navbar .coodiv-inner-navbar li > a > .template-new-menu { left: 10px; right: unset; }
body.body-style-1 .coodiv-header .mobile-menu { right: 15px; left: unset; }
body.body-style-1 .coodiv-header .navbar-nav > li:first-child { padding-left: 15px; }
body.body-style-1 .coodiv-navbar .coodiv-inner-navbar li > a > .coodiv-micon + .coodiv-mtext { font-size: 14px; }
body.body-style-1 .coodiv-header .main-search i.icon-search { border-left: 1px solid #d0cbda; border-right: unset; }
.coodiv-header .main-search i.icon-search { border-left: 1px solid #2c3350; border-right: unset; }
body.body-style-1 .coodiv-header .main-search { margin-right: 30px; margin-left: unset; }
.homepage-announcement-title .label-read-more-anononcement { float: left; }
.homepage-announcement-title a { padding-right: 2rem; padding-left: unset; margin-right: 15px; margin-left: unset; border-right: 2px solid #1de9b6; border-left: unset; }
section#footer .footer-menu a { font-size: 14px; }
body.body-style-1 .the-logo .b-title { margin-right: 10px; margin-left: unset; }
body.body-style-1 .domain-chaker-homepage .input-group input[type=text] { text-align: left; }
.coodiv-navbar .coodiv-inner-navbar li.coodiv-hasmenu .coodiv-submenu li > a { text-align: right; padding: 7px 35px 7px 7px!important; }
body.body-style-1 .coodiv-navbar .coodiv-inner-navbar li.coodiv-hasmenu .coodiv-submenu li > a:before { right: 15px; left: unset; }
.card .card-header h5 i,section#main-body .card-header h5 i { padding-left: 10px; font-size: 15px; }
body.body-style-1 .how-can-help-box-container .how-can-help-box .the-text { font-size: 13px; }
body.body-style-1 .how-can-help-box-container .how-can-help-box .btn-how-can-help-box:after { content: "\e843"; }
body.body-style-1 .coodiv-navbar .coodiv-inner-navbar .navigation-header i { padding: 0 0 0 15px; }
body.body-style-1 .coodiv-navbar .coodiv-inner-navbar .navigation-header { padding: 0 15px 0 0; font-size: 12px; }
body.body-style-1 .coodiv-navbar .coodiv-inner-navbar > li .coodiv-submenu li a { font-size: 13px; }
.coowhm-product .product .product-desc .prod-desc-div { font-size: 15px; }
body.body-style-1 .coodiv-navbar .coodiv-inner-navbar li.coodiv-hasmenu > a:after { left: 10px; right: unset; }
.login-right-side-custom { 
    padding-right: 635px; 
    padding-left: unset;
    }
    
.custom-control { line-height: 4; }
.header-user-info-header .user-name { font-size: 17px; }
.header-user-info-header .user-info { font-size: 14px; }
.header-user-info-header .user-services i,.header-user-info-header .user-invoices i { right: 4px; left: unset; }
.header-user-info-header .user-invoices,.header-user-info-header .user-services { font-size: 14px; }

/* orderform */
.side-bar-header-lined-drop-down .dropdown-menu { right: auto; left: 0; top: 40px; }
.dropdown-menu { text-align: right; }
.panel-title { font-size: 16px; }
.side-bar-header-lined-drop-down .dropdown-menu .list-group-item { font-size: 13px; }
.drop-down-btn.show-more-sidebar i { margin-left: 10px; }
.drop-down-btn.show-more-sidebar { font-size: 13px; }
.currencyChooser-dropdown { margin-left: 10px; }

/* client area */
.profile-client-area .col { float: right; }
.profile-informations-text { float: right; padding-left: 2rem; padding-right: unset; }
.profile-informations-info span { /*padding-left: 2rem;*/ padding-right: unset; }
.user-info-creditbalance { /*margin-left: 10px; */margin-right: unset; }
.profile-informations-info i { padding-left: 5px; padding-right: unset; }
.profile-informations h6 { font-size: 18px; font-weight: 600; }
.profile-informations-info span,.user-info-creditbalance { font-size: 14px; }
.user-info-creditbalance a { font-size: 12px; }
.profile-informations-button { text-align: left; display: flex; flex-direction: row-reverse; }
.profile-informations-button a { font-size: 13px; display: flex; justify-content: center; flex-direction: column; gap: 5px;}
.area-discreted-info-user a { padding-right: 44px; padding-left: unset; display: flex;}
/* .area-discreted-info-user a i { right: 0; left: unset; } */
.area-discreted-info-user a span.title { font-size: 13px; }
.client-home-panels .panel>.panel-heading .panel-title .btn { margin-left: 10px; }
.profile-informations h6 i { font-size: 2rem; padding-right: 2rem; padding-left: unset; }
.profile-informations-info i { font-size: 13px; }

.login-right-side-custom{
    height:100%;
}



 .custom-login-page .custome-login-wrapper-right-side> .navbar-brand>img{
    margin-right:0 !important;
}


.custom-login-page .navbar-brand .w-text{
    color: #225da1 !important;
}
input.accepttos{
    padding-left:5px;
}
.login-left-side-custom .custom-login-bg{
    height:100%;
}
.terms-input{
    margin-right:17px;
}
.panel-danger>.panel-heading,.panel-danger .panel-heading h3{
    background-color:transparent !important;
    color:#FF4C4C !important;
}
.login-wrapper .login-form-container .login-title{
    color:#225da1;
}
.grecaptcha-badge{
    bottom:55px !important;
}
.bootstrap-switch{
    line-height:0 !important;
}
/* .login-head span{
    display: none;
} */
.login-left-side-custom .custom-login-page .navbar-brand img{
        margin-right:0 !important;
}
.marketing-email-optin{
    display:none;
}
.login-form-container{
    padding: 10rem 4rem 4rem;
    background: #f5f8ff;
    border-radius: 15px;
}
.login-right-side-custom{
    background: #e9edf7;
    /* padding:0!important; */
}
.login-wrapper{
    width:95%;
}
.login-wrapper .login-form-container{
    width:539px;
    max-width:100%;
    height:auto;
}
form.login-form:nth-child(4){
    display: flex;
    flex-direction: column;
    align-items: center;
}
form.login-form:nth-child(4){
    background: transparent;
    border: none;
    color: #225da1;
}
input{
    background: #ffffff !important;
}
input::placeholder {
    font-size: 14px;
    font-weight: 700;
}
.login-wrapper .login-form-container .login-form .btn-primary ,.login-wrapper .login-form-container #registration .btn-primary{
    background-color: #225da1 !important;
    border-color: #225da1 !important;
    border-radius: 15px;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0px 25px 15px -18px;
    width: 449px;
    height: 54px;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.login-left-side-custom{
    /* display:none; */
}
.custom-checkbox{
    display:flex;
    justify-content:space-between;
    align-items: center;
    width:100%;
}
#forget-pass{
    background: transparent;
    border: none;
    color: #225da1;
    padding: 0 !important;
    margin: 0 !important;
}

.register-special{
    width:80rem !important;
    max-width:none !important;
    margin-bottom:2rem !important;
    height:100% !important;
}
.login-right-side-custom .login-head{
    text-align:center !important;
}
.login-right-side-custom .login-head a{
    color:#225da1 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}
.form-logo{
    display:none !important;
}
@media (max-width: 1230px) {
    .login-right-side-custom { 
        padding-right: 495px !important; 
        padding-left: unset;
        }

    .login-left-side-custom {
        width: 480px !important;
    }
}
@media (max-width: 1100px) {
    .login-right-side-custom { 
        padding-right: 400px !important; 
        padding-left: unset;
        }

    .login-left-side-custom {
        width: 380px !important;
    }
    .login-wrapper, .login-head{
        width:97%;
    }
}
@media (max-width: 1000px) {
    .login-left-side-custom {
        width: 238px !important;
    }
    .login-right-side-custom { 
        padding-right: 255px !important; 
        padding-left: unset;
        }

        a.navbar-brand.nobg{
            display: flex;
    flex-direction: column;
    align-items: flex-start;
        }
        .custom-login-page .navbar-brand .w-text{
            margin-right:0 !important;
        }
        .kt-grid{
            padding-left:14px;
        }
        .login-wrapper,.login-head{
            width:97%;
        }
}
@media (max-width: 900px) {
    .login-right-side-custom { 
        padding: 1rem 3rem !important; 
        padding-left: unset;
        }
    .custom-login-page .navbar-brand{
        padding:0 !important;
    }
    .form-logo{
        display:block !important;
        align-items:center;
        background:transparent !important;
        padding:0 !important;
    }
    .form-logo img{
        margin: auto !important;
        margin-right:auto !important;
        margin-bottom:2rem !important;
        width:30%;
    }

}
@media(max-width:700px){
    .login-wrapper .login-form-container .login-form .btn-primary, .login-wrapper .login-form-container #registration .btn-primary{
        width:30rem !important;
    }
}

@media (max-width: 500px) {
    .login-wrapper .login-form-container .login-form .btn-primary, .login-wrapper .login-form-container #registration .btn-primary {
        width: 24rem !important;
        margin-right: 0 !important;
    }
    .custom-checkbox{
        display:block !important;
        text-align:center;
    }
    .login-form-container {
        padding:5rem 2rem 0;
    }
    .login-form-container{
    height:650px !important;
    }
    .register-special{
        height:100% !important;
    }
    .create-pass{
        padding-bottom:1rem;
        text-align:center;
    }
}
.owl-carousel{
    margin-top:3rem;
}
.profile-informations-info {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

@media (max-width: 600px) {
    .profile-informations-info, .profile-informations-info span {
        display: block !important;
        width: 100%;
    }
}
#footer{
    width:100 !important;
    padding:0 !important;
    text-align:center;
}
.b-title{
    white-space:nowrap;
}
.area-discreted-info-user a span.title, .area-discreted-info-user a span:last-child{
    text-align:right !important;
}
@media (min-width: 1000px) and (max-width: 1100px) {
    .mobile-responsive #m-search{
        width:41rem !important;
    }
    .mobile-responsive .main-search{
        margin-right:0 !important;
    }
    
}
.area-discreted-info-user {
    display: flex;
    flex-wrap: wrap;
}
.area-discreted-info-user img {
    margin-left: 5px; 
}
.coodiv-header{
    align-items:center !important;
}
.footer-copyright{
    width:100%;
    display:block !important;
}
@media(max-width:430px){
    .area-discreted-info-user a:nth-child(odd){
        padding-right:15px!important;
    }
    .btn > i{
    margin-left:0 !important;
}
}

@media (min-width: 577px) and (max-width: 770px) {
    .coodiv-main-container{
        margin-top:2rem;
    }
    
}
.coowhm-product .product .btn.btn-order-coowhm{
    background-color:#058 !important;

}

.item-middle{
    display: flex;
    flex-direction: column;
    height: 43%;
    justify-content: space-between;
}
.departments-ticket-show{
    padding-right:4rem;
}
.mySwiper {
  width: 100%;
  height: 300px; /* Adjust this value as needed */
}
swiper-container {
    margin-top: 75px;
}

swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.2em;
}

.costum-contactUs ul{
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: space-evenly;
    margin-top:6rem;
    padding-right: 0;
    
}
.costum-contactUs li{
   width:30%;
   text-align:center;
}
.costum-contactUs li div{
    font-size:1.5rem;
    margin-bottom:2rem;
}
.costum-contactUs li div img{
    margin-left:.5rem;
}
#ticketForm .rightToLeft{
    display:flex;
}
span .feather {
    color: #225da1;
}
.submit-ticket-row{
    display:flex;
    flex-wrap:wrap;
}
.domain-checker-bg h6{
    color:#ffffff !important;
}
#login{
    background:#225da1 !important;
}
/* IRNIC additional field */
.irnic-help {
    display: block;
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.9;
    text-align: right;
    color: #6b7280;
}

.irnic-help > div {
    display: block;
}

.irnic-help a {
    color: #2468b2;
    font-weight: 600;
    text-decoration: none;
}

.irnic-help a:hover {
    color: #174d85;
    text-decoration: underline;
}

.irnic-tutorial {
    margin-top: 3px;
}

.irnic-tutorial a::before {
    content: "◀";
    display: inline-block;
    margin-left: 5px;
    font-size: 9px;
}
/* فقط انتقال عنوان فیلد ایرنیک به بالای input */
#frmConfigureDomains .form-group:has(input[name*="irnichandle"]) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

#frmConfigureDomains .form-group:has(input[name*="irnichandle"]) label {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px 0 !important;
    text-align: right !important;
    float: none !important;
}

#frmConfigureDomains .form-group:has(input[name*="irnichandle"]) input[name*="irnichandle"] {
    width: 100% !important;
    max-width: 100% !important;
}