.custom-theme-box-section .left-sidebar-box .custom-theme-image {
    text-align: center;
    margin-bottom: calc(25px + (64 - 25) * ((100vw - 320px) / (1920 - 320)));
}

@media (max-width: 1199px) {
    .custom-theme-box-section .left-sidebar-box .custom-theme-image {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }
}

@media (max-width: 991px) {
    .custom-theme-box-section .left-sidebar-box .custom-theme-image {
        margin-bottom: calc(25px + (64 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
}

.custom-theme-box-section .left-sidebar-box .custom-theme-image img {
    width: 60%
}

@media (max-width: 1199px) {
    .custom-theme-box-section .left-sidebar-box .custom-theme-image img {
        width: 77%
    }
}

@media (max-width: 991px) {
    .custom-theme-box-section .left-sidebar-box .custom-theme-image img {
        width: 60%;
        margin-bottom: calc(25px + (64 - 25) * ((100vw - 320px) / (1920 - 320)))
    }
}

.custom-theme-box-section .left-sidebar-box .custom-theme-title {
    margin-bottom: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)))
}

.custom-theme-box-section .left-sidebar-box .custom-theme-title h3 {
    position: relative;
    display: inline-block;
    font-size: calc(23px + (28 - 23) * ((100vw - 320px) / (1920 - 320)));
    font-weight: 600
}

.custom-theme-box-section .left-sidebar-box .custom-theme-title h3::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: var(--theme-color2)
}

[dir="rtl"] .custom-theme-box-section .left-sidebar-box .custom-theme-title h3::after {
    left: unset;
    right: 0
}

.custom-theme-box-section .left-sidebar-box .custom-theme-detail .custom-theme-detail-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: calc(2px + (5 - 2) * ((100vw - 320px) / (1920 - 320)));
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    padding: calc(15px + (27 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (27 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (27 - 15) * ((100vw - 320px) / (1920 - 320))) calc(30px + (41 - 30) * ((100vw - 320px) / (1920 - 320)));
    position: relative;
    border-radius: 10px;
    margin-left: 22px
}

.custom-theme-box-section .left-sidebar-box .custom-theme-detail .custom-theme-detail-box .custom-theme-icon {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: -21px;
    background-color: var(--theme-color);
    padding: 13px;
    border-radius: 7px;
    display: inherit;
    color: #fff
}

.custom-theme-box-section .left-sidebar-box .custom-theme-detail .custom-theme-detail-box .custom-theme-detail-title, .custom-theme-box-section .left-sidebar-box .custom-theme-detail .custom-theme-detail-box .custom-theme-detail-contain {
    width: 100%
}

.custom-theme-box-section .left-sidebar-box .custom-theme-detail .custom-theme-detail-box .custom-theme-detail-title h4 {
    font-weight: 600;
    font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
    margin-top: -2px
}

.custom-theme-box-section .left-sidebar-box .custom-theme-detail .custom-theme-detail-box .custom-theme-detail-contain p {
    margin: 0;
    font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1920 - 320)));
    line-height: 1.5;
    color: #4a5568;
    margin-bottom: -5px
}

.custom-theme-box-section .right-sidebar-box {
    padding: calc(21px + (60 - 21) * ((100vw - 320px) / (1920 - 320)));
    border-radius: 10px;
    background-color: #f8f8f8
}

.custom-theme-box-section .right-sidebar-box .custom-form label {
    color: #4a5568;
    display: block;
    font-size: 16px;
    margin-bottom: calc(3px + (8 - 3) * ((100vw - 320px) / (1920 - 320)))
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-input {
    position: relative
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) calc(41px + (52 - 41) * ((100vw - 320px) / (1920 - 320)));
    border: none
}

[dir="rtl"] .custom-theme-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) calc(41px + (52 - 41) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320))) calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)))
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-input .form-control:focus {
    background-color: #fff;
    border-color: transparent
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-input i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
    color: #4a5568
}

[dir="rtl"] .custom-theme-box-section .right-sidebar-box .custom-form .custom-input i {
    left: unset;
    right: 0
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-textarea {
    position: relative
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: 52px;
    border: none
}

[dir="rtl"] .custom-theme-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: unset;
    padding-right: 52px
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-textarea .form-control:focus {
    background-color: #fff;
    border-color: transparent
}

.custom-theme-box-section .right-sidebar-box .custom-form .custom-textarea i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 18px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    color: #4a5568
}

[dir="rtl"] .custom-theme-box-section .right-sidebar-box .custom-form .custom-textarea i {
    left: unset;
    right: 0
}