@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('flaticon.css');
@import url('fontawesome-all.css');
@import url('fontawesome.css');

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
}

body {
    font-size: 15px;
    color: #000000;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-family: 'Poppins', sans-serif;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

ol, ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

h2 {
    font-size: 36px;
    margin-bottom: 25px;
}

.mh110 {
    min-height: 110px;
}

.mr {
    margin-right: 8px;
}
.font-12{
    font-size: 12px;
}
.taxes-text {
    font-size: 13px;
    color: #f75b16;
}

/* Banner section styles start */
.btn {
    border-radius: 6px;
    padding: 7px 20px;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background: linear-gradient(90deg, #faa600, #ff690a);
    box-shadow: none !important;
}

.btn-default {
    border: 1px solid #ff690a;
    padding: 6px 25px;
    color: #ff690a;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
    color: #d35606;
}

.dropdown-toggle::after {
    display: none;
}

.imgchk {
    display: flex;
    align-items: center;
}

.imgchk .image-box {
    padding: 0px;
}

.alert-info {
    color: #74369b;
    background-color: #eddcf830;
    border: none;
    border-left: 3px solid #74369b;
}

.date-control {
    position: relative;
}

.date-control .ui-datepicker-trigger {
    position: absolute;
    right: 10px;
    top: 10px;
}

section.section {
    border-top: 1px solid #f9f9f9;
    padding: 50px 0px;
}

.section .section-title h2 {
    font-weight: 100;
}

.section .cert-list h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0px;
    padding: 0px;
}

.section .cert-list li {
    padding-bottom: 20px;
    position: relative;
}

.section .cert-list li:last-child {
    padding-bottom: 0px;
}

.section .cert-list li:after {
    content: '';
    background: #dcecf9;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: -20px;
    border-radius: 100%;
}

.section .cert-list li.active:after {
    background: #f4620b;
}

.section .cert-list li.active a,
.secure-section .cert-list li a:hover {
    color: #0060ac;
    text-decoration: underline;
    font-weight: 600;
}

.section .cert-list li a {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.checkoutform .form-title h2 {
    margin-bottom: 0px !important;
    font-size: 32px;
    /*text-transform:capitalize;*/
}

.complete-section {
    padding: 30px;
}

.complete-section .form-group {
    margin-bottom: 10px !important;
}

.complete-section .dvc-method h5 {
    margin-bottom: 15px;
    font-size: 18px;
}

.sec-title {
    position: relative;
    margin-bottom: 20px;
}

.sec-title h1 {
    position: relative;
    font-size: 28px;
    color: #000000;
    line-height: 1.2em;
    font-weight: 400;
    margin-bottom: 0px;
}

.sec-title .text {
    position: relative;
    padding-top: 10px;
    margin-top: 10px;
}

/* Razorpay failure page */
.oops-section {
    margin: 50px 0px
}

.oops-error {
    padding: 15px 10px;
    padding-left: 70px;
    position: relative;
    background: #fff6f6;
}

.oops-error i {
    font-size: 50px;
    position: absolute;
    left: 30px;
    top: 18px;
    color: #9f3a38;
}

.oops-error .header {
    font-size: 20px;
    font-weight: bold;
    color: #9f3a38;
}

/* Razorpay failure page */
/* AICTE landing page */

.subpage-section .page-title {
    font-size: 24px;
}

.contact-form {
    padding: 25px 40px 40px;
    background: #f9fcfe;
    box-shadow: 1px 3px 2px #eee;
    border: 1px solid #ddd;
    margin: 0px 0px 40px;
}

.contact-form h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
}

.contact-form .form-group {
    margin-bottom: 10px;
}

.contact-form .form-control {
    font-size: 14px;
    padding: 3px 10px;
    position: relative;
}

/* testimonial styles */
.procure-section .steps {
    margin-top: 30px;
    position: relative;
    padding-left: 100px;
}

.procure-section .steps .icon {
    position: absolute;
    left: 0px;
}

.procure-section .steps .icon img {
    width: 80px;
}

.procure-section .steps .icon span {
    font-size: 20px;
}

.procure-section .steps h3 {
    font-size: 20px;
}

.mandatory {
    color: #ff0000;
    margin-right: 2px;
}

.form-control {
    font-size: 15px;
    padding: 5px 7px;
    border-color: #999999 !important;
}

.input-group-prepend select, .input-group-text {
    border-color: #999999 !important;
}

select.form-control {
    font-size: 15px;
    padding: 5px 3px;
    color: #000;
}

.form-box .form-title h2 {
    font-size: 22px;
    margin: 0 0 5px;
}

.form-box .form-title h3 {
    font-size: 16px;
    font-weight: bold;
}

.form-box .form-row {
    clear: both;
}

.form-box .form-group {
    margin-bottom: 8px;
}

.form-box .form-group label, .filter-box label {
    font-weight: normal;
    text-align: left !important;
}

.form-box .form-group label {
    padding-top: 7px;
}

.form-box .form-buttons {
    margin-bottom: 20px;
}

.choose-product {
    padding: 0px 5px;
    margin-bottom: 10px;
}

.choose-product .form-row {
    clear: both;
}

.choose-product label {
    margin-bottom: 3px;
}

.choose-product .form-label {
    float: left;
    min-width: 150px;
    color: #333;
}

.choose-product .pro-control {
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.choose-product .pro-control a.dropdown-toggle {
    font-weight: normal;
    margin-left: 7px;
}

.starts-txt {
    margin: 5px 0px;
    min-width: 180px;
    display: inline-block;
    text-align: center;
}

.button-switch {
    border-radius: 20px;
    margin: -5px -15px 5px;
    border: 1px solid #ececec;
}

.button-switch .btn-toggle {
    transition: background-color 0.5s ease;
    cursor: pointer;
    font-size: 15px;
    margin: 0px;
    border-radius: 20px;
    padding: 4px 15px;
    font-weight: normal;
}

.button-switch .active {
    margin-right: -10px;
    background: #4996ff;
    padding: 5px 15px;
    font-weight: bold;
    color: #fff;
}

.product-banner {
    position: relative;
    padding: 20px 0px;
}

.product-banner:before {
    position: absolute;
    left: 0px;
    top: 0px;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: linear-gradient(180deg, #764098, #4f1a71);
}

.product-banner h2 {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin: 0px;
}

.product-banner h1 {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    margin: 0px;
}

.buy-cert-block {
    background: linear-gradient(to bottom, #f6f9ff 20%, #dcecf9 100%);
    border-radius: 20px;
    box-shadow: 0px 25px 20px rgba(0, 38, 44, .02);
    padding: 30px;
    margin: 0px;
}

.buy-cert-block h3 {
    margin: 0px;
    margin: 0px;
    padding: 10px 0px;
    line-height: 32px;
    font-size: 20px;
}

.buy-cert-block .form-group {
    margin-bottom: 8px;
    clear: both;
}

.buy-cert-block .product-description {
    padding: 10px 0px;
}

.buy-cert-block .product-description label {
    font-weight: normal;
}

.buy-cert-block .product-summary {
    padding: 0px;
}

.buy-cert-block .product-summary .btn-right {
    margin-top: 20px;
}

.buy-cert-block .product-summary .classproduct {
    margin: 0px;
}

.buy-cert-block .product-summary .cert-amount .rs {
    font-size: 18px;
}

.buy-cert-block .product-summary .cert-amount .price {
    font-size: 24px;
    font-weight: bold;
}

.buy-cert-block .product-summary .base-amount {
    margin-left: 5px;
    text-decoration: line-through;
    color: #fba067;
    font-size: 16px;
}

.buy-cert-block .form-label {
    float: left;
    margin-right: 10px;
    width: 120px;
    color: #999;
    font-size: 13px;
}

.buy-cert-block .selbox-section {
    vertical-align: top;
}

.buy-cert-block .selbox-section select {
    width: 280px;
}

.checkoutform {
    padding: 40px 15px;
}

.checkoutform .form-group {
    margin-bottom: 10px;
}

.checkoutform .fields-font {
    color: #000;
    padding-top: 5px;
}

.checkoutform .box-title {
    margin: 20px 0px 0px;
}

.mobile-control {
    position: relative;
}

.mobile-control .mobile-prefix {
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 6px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px 0 0 4px;
}

.text-small {
    font-size: 14px;
    line-height: 18px;
}

.mobileSection {
    position: relative;
}

.mobileSection label {
    position: absolute;
    top: 7px;
    color: #999;
    left: 25px;
    margin-bottom: 0px;
}

.checkoutform .box-title h2 {
    font-size: 34px;
    margin: 0 0 15px;
}

.checkoutform .box-title h5 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 35px;
}

.checkoutform .checkout-summary {
    margin: 0px;
    border: 1px solid #eee;
    font-size: 14px;
    box-shadow: 1px 3px 2px #eee;
}

.checkoutform .checkout-summary .box-title {
    position: relative;
    background: #1ba3f3;
    color: #fff;
    margin: -22px -22px 10px;
    padding: 10px 20px;
}

.checkoutform .checkout-summary .box-title h3 {
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0px;
}

.checkoutform .checkout-summary .editLink {
    position: absolute;
    right: 15px;
    top: 15px;
}

.checkoutform .checkout-summary .editLink a {
    color: #fff;
}

.checkoutform .checkout-summary .form-group {
    margin-bottom: 5px;
}

.checkoutform .checkout-summary .product-box {
    padding: 15px 0px 15px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 10px;
}

.checkoutform .checkout-summary .coupon-code {
    padding: 0px 0px 10px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
}

.checkoutform .checkout-summary .coupon-code h4 {
    font-size: 15px;
    margin: 0px;
}

.checkoutform .checkout-summary #usageType {
    padding-right: 0px !important
}

.checkoutform .checkout-summary .title h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
}

.checkoutform .checkout-summary .base-price {
    margin-left: 5px;
    font-weight: normal;
    color: #f75b16;
    font-size: 14px;
    text-decoration: line-through;
}

.price-box lable {
    margin: 0px;
}

.price-box .totalcost {
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.netcost {
    color: green;
}

.price-box .netcost span {
    font-size: 20px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f9f9;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 1px;
    background-color: #f26f27;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #f9f9f9;
}

input:focus + .slider {
    box-shadow: 0 0 1px #f26f27;
}

input:checked + .slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 40px;
}

.slider.round:before {
    border-radius: 50%;
}

/* Customize the label (the container) */
.rdobox-list {
    -moz-user-select: none;
    cursor: pointer;
    margin-bottom: 0px;
    padding-left: 26px;
    margin-right: 10px;
    position: relative;
    line-height: 22px;
}

/*.rdobox-list input {cursor: pointer;opacity: 0;position: absolute;}*/
.checkmark {
    background: #fff;
    height: 22px;
    left: 0px;
    position: absolute;
    top: 0;
    width: 22px;
    border-radius: 100%;
    border: 1px solid #ccc;
}

.rdobox-list:hover input ~ .checkmark {
    border: 1px solid #2489c5;
}

.rdobox-list input:checked ~ .checkmark {
    background-color: #4996ff;
    border: 1px solid #4996ff;
}

.checkmark::after {
    content: "";
    display: none;
    position: absolute;
}

.rdobox-list input:checked ~ .checkmark::after {
    display: block;
}

.rdobox-list .checkmark::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: white;
    border-image: none;
    border-style: solid;
    border-width: 0 2px 2px 0;
    height: 11px;
    left: 8px;
    top: 3px;
    transform: rotate(45deg);
    width: 5px;
}

.rdobox-list.rdo-disabled {
    color: #999;
}

.rdobox-list.rdo-disabled:hover input ~ .checkmark {
    border: 1px solid #ccc;
}

.pro-control .dropdown {
    color: #007bff;
    font-weight: normal;
}

.recommended {
    position: absolute;
    left: 20px;
    top: -13px;
    background: #f36f24;
    color: #fff;
    line-height: 14px;
    padding: 0px 7px;
    font-size: 9px;
    border-radius: 10px;
}

.recommended:after {
    content: '';
    display: block;
    border: 4px solid transparent;
    position: absolute;
    left: 12px;
    bottom: -8px;
    border-top-color: #f36f24;
}

/* security section  */
.light_graybg {
    background-color: rgb(245, 247, 252);
    padding: 20px 0px;
}

section.section .section-title h2 {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 40px;
}

section.section .section-title h3 {
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 34px;
    font-weight: 400;
}

section.section .section-title h4 {
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 28px;
    font-weight: 300;
}

section.section .section-title h5 {
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 10px;
    line-height: 24px;
}

.section .section-title h2 b {
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
}

.light_graybg {
    background-color: #f5f7fc;
}

.section .cert-list li a {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}

.section .cert-list li.active a,
.secure-section .cert-list li a:hover {
    color: #0060ac;
    text-decoration: underline;
    font-weight: 600;
}


/*** 

====================================================================
Buttons Styles
====================================================================

***/

.theme-btn {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    min-width: 160px;
}

.theme-btn i {
    margin-right: 3px;
}

/* Btn Style One */

.btn-style-one {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    padding: 16px 35px;
    line-height: 15px;
    border-radius: 7px;
    background-color: rgb(1, 84, 247);
    border: 2px solid rgb(1, 84, 247);
}

.btn-style-one:hover {
    color: rgb(1, 84, 247);
    background-color: #ffffff;
    border-color: #ffffff;
}

/* Btn Style Two */

.btn-style-two {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    padding: 16px 25px;
    line-height: 15px;
    border-radius: 7px;
    color: #000000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-style-two:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(1, 84, 247);
    border-color: rgb(1, 84, 247);
}

.btn-style-two i {
    margin-right: 10px;
    margin-top: 1px;
    display: inline-block;
    font-size: 18px;
}

/* Btn Style Three */

.btn-style-three {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    padding: 15px 35px;
    line-height: 20px;
    border-radius: 7px;
    background-color: rgb(1, 84, 247);
}

.btn-style-three:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(1, 84, 247);
}

/* Btn Style Four */

.btn-style-four {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    padding: 15px 35px;
    line-height: 20px;
    border-radius: 7px;
    background-color: #3b7eff;
}

.btn-style-four:hover {
    color: rgb(255, 255, 255);
    background-color: #3b7eff;
}

/* Btn Style Five */

.btn-style-five {
    position: relative;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    padding: 16px 35px;
    line-height: 15px;
    border-radius: 7px;
    background-color: #ffffff;
    border: 1px solid #72309b;
}

.btn-style-five:hover {
    color: #ffffff;
    background-color: #72309b;
    border-color: #72309b;
}

.btn-style-five .icon {
    margin-right: 10px;
    font-size: 120%;
}

/*==========================
Icon Btn One
===========================*/

.icon-btn-one {
    position: relative;
    min-height: 50px;
    padding: 0 25px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    white-space: normal;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon-btn-one:hover {
    background: #ffffff;
    border-color: #ffffff;
    color: #000000;
}

.icon-btn-one span {
    position: relative;
    padding: 0 12px;
    white-space: nowrap;
    -webkit-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
}

.icon-btn-one:hover span {
    padding-right: 24px;
    padding-left: 0;
}

.icon-btn-one span:after {
    opacity: 0;
    right: 6px;
    content: '\f121';
    font-family: 'flaticon';
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    margin-top: 1px;
    -webkit-transition: right 0.3s ease, opacity 0.15s ease;
    transition: right 0.3s ease, opacity 0.15s ease;
}

.icon-btn-one:hover span:after {
    right: 0px;
    opacity: 1;
}

/*==========================
Icon Btn Two
===========================*/

.icon-btn-two {
    position: relative;
    min-height: 50px;
    padding: 0 25px;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background-color: #72309b;
    white-space: normal;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.icon-btn-two:hover {
    background: #72309b;
    border-color: #72309b;
    color: #ffffff;
}

.icon-btn-two span {
    position: relative;
    padding-right: 24px;
    white-space: nowrap;
    -webkit-transition: padding 0.3s ease;
    transition: padding 0.3s ease;
}

.icon-btn-two:hover span {
    padding: 0 12px;
}

.icon-btn-two span:after {
    right: 0px;
    opacity: 1;
    content: '\f121';
    font-family: 'flaticon';
    font-weight: 400;
    font-size: 16px;
    position: absolute;
    margin-top: 1px;
    -webkit-transition: right 0.3s ease, opacity 0.15s ease;
    transition: right 0.3s ease, opacity 0.15s ease;
}

.icon-btn-two:hover span:after {
    right: -24px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #ffffff;
}

.theme-btn.large {
    height: 60px;
    padding: 0px 48px;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.theme-btn.small {
    min-height: 40px;
    line-height: 20px;
    padding: 0 23px;
    min-width: 147px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/*==========================
Theme btn / Backgrounds
===========================*/
.btn-orange {
    background: #f26f27;
    color: #ffffff;
    border-color: #f26f27;
}

.theme-btn.bg_red {
    background: #f26f27;
    color: #ffffff;
    border-color: #f26f27;
}

.theme-btn.bg_gray {
    background: #e8d4f3;
    color: #000000;
    border-color: #e8d4f3;
}

.theme-btn.bg_gray2 {
    background: #eef3f9;
    color: #000000;
    border-color: #eef3f9;
}

.theme-btn.bg_purple {
    background: #72309b;
    color: #ffffff;
    border-color: #72309b;
}

.theme-btn.bg_light {
    background: #ffffff;
    color: #000000;
    border: 0px solid #dadce2;
}

.theme-btn.bg_light:hover {
    background-color: #e4d6eb;
    border-color: #e4d6eb;
}

.theme-btn.bg_sky {
    background-color: #e8d4f3;
    border-color: #e8d4f3;
}

.call-to-action {
    position: relative;
    padding: 30px 0px;
    background: #72309b;
}

.call-to-action .content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.call-to-action .theme-btn i {
    display: inline-block;
    margin-right: 10px;
}

.call-to-action h3 {
    color: #ffffff;
}

.call-to-action .text {
    color: rgba(255, 255, 255, 0.75);
}

/* Footer section */
.main-footer {
    position: relative;
    background: #f4ebf9;
}

/*=== Widgets Section ===*/
.main-footer .widgets-section {
    position: relative;
    padding-top: 40px;
    padding-bottom: 5px;
}

.main-footer .footer-column {
    flex: 0 0 20%;
    max-width: 20%;
    position: relative;
    margin-bottom: 10px;
}

.main-footer .footer-widget {
    position: relative;
}
.single-cta i {
    color: #72309b;
    font-size: 20px;
    float: left;
}
.cta-text {
    padding-left: 10px;
    display: inline-block;
}
.cta-text h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
}

.main-footer .widget-title {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.main-footer .logo img {
    position: relative;
    width: 80%;
    height: 100%;
}

.main-footer .inner-box {
    margin: 30px 0px 15px;
}

/*=== Cities Widget ===*/

.main-footer .links-widget {
    position: relative;
}

.main-footer .list {
    position: relative;
}

.main-footer .list li {
    position: relative;
    display: block;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.75);
    font-weight: 400;
    margin-bottom: 10px;
}

.main-footer .list li a {
    display: inline-block;
    color: rgba(0, 0, 0, 0.75);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.main-footer .list li a:hover {
    color: #000000;
}

.main-footer .links-widget {
    position: relative;
}

/*=== Social Widget ===*/
.main-footer .certificates-block {
    background: #fff;
    border-radius: 7px;
    overflow: hidden;
    margin-top: 20px;
}

.main-footer .footer-bottom {
    position: relative;
    width: 100%;
}

.main-footer .copyright-text {
    position: relative;
    padding-top: 15px;
    display: block;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
    padding-bottom: 15px;
}

.main-footer .copyright-text a {
    display: inline-block;
    color: #6b6c80;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-footer .copyright-text a:hover {
    text-decoration: underline;
    color: #ffffff;
}

.main-footer.style-two {
    background: #ffffff;
}

/* Footer section */

.ttips .text-info {
    color: #74369b !important;
}

.ttips .ttipContent.downTips.minHLg {
    min-height: 280px;
}

.ttips .ttipContent.downTips {
    bottom: 0px;
    top: 20px;
    min-height: 140px;
    width: 490px;
    display: block;
    height: 100%;
}


/*** 

====================================================================
Main Header
====================================================================

***/

.main-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 99;
    background: rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
}

.headerStyle {
    padding: 7px 0px;
}

.header-span {
    height: 120px;
}

/* Header Top */

.main-header .header-top {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.main-header .header-top .inner-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.main-header .top-left {
    position: relative;
}

.main-header .contact-list {
    position: relative;
    padding: 5px 0;
    position: relative;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}

.main-header .contact-list li {
    position: relative;
    font-size: 12px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 400;
    margin-right: 30px;
}

.main-header .contact-list li:last-child {
    margin-right: 0;
}

.main-header .contact-list li i {
    float: left;
    font-size: 14px;
    line-height: 25px;
    margin-right: 8px;
    color: #ffffff;
}

.main-header .contact-list li a {
    color: #ffffff;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .top-right {
    position: relative;
}

.main-header .main-box {
    position: relative;
    display: block;
    padding: 0 30px;
    z-index: 999;
}

.main-header .nav-outer {
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-header .logo {
    position: relative;
    z-index: 9;
    padding: 0px 0;
}

.main-header .logo img {
    max-height: 70px;
}

.main-header .menu-box {
    position: static;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-menu {
    position: static;
}

.main-menu .navbar-header {
    display: none;
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation {
    position: static;
    display: flex;
}

.main-menu .navigation > li {
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation > li > a {
    position: relative;
    display: block;
    text-align: center;
    opacity: 1;
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    color: #ffffff;
    padding: 23px 16px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation > li.dropdown > a:after {
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -10px;
    font-family: 'Flaticon';
    content: "\f210";
    display: block;
    line-height: 20px;
    font-size: 8px;
    color: #ffffff;
    z-index: 5;
}

.main-menu .navigation li.head {
    color: #f26f27;
    font-weight: bold;
    font-size: 14px;
    padding-top: 15px;
}

.main-menu .navigation > li > a:before {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 0%;
    background: #3b7eff;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all 300ms ease;
}

.main-menu .navigation > li:hover > a:before,
.main-menu .navigation > li.current > a:before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.main-menu .navigation > li > a > span {
    position: relative;
    display: block;
    padding-right: 10px;
}

.main-menu .navigation > li > ul {
    position: absolute;
    top: 100%;
    left: -25px;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px;
    border: 1px solid #eee;
    z-index: 1;
    min-width: 250px;
    margin-top: 0px;
    display: none;
    -webkit-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation > li > ul:before {
    display: table;
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
}

.main-menu .navigation > li > ul > li {
    position: relative;
    display: block;
    z-index: 1;
}

.main-menu .navigation > li > ul > li:last-child {
    border-bottom: none;
}

.main-menu .navigation > li > ul > li > a {
    position: relative;
    display: block;
    z-index: 1;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.74);
    padding: 7px 0;
    white-space: nowrap;
    /*text-transform:capitalize;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation li > a:hover {
    color: #72309b;
}

.main-menu .navigation > li > ul > li.current.dropdown > a:before,
.main-menu .navigation > li li.current li.current > a,
.main-menu .navigation > li > ul > li.current > a {
    color: #3b7eff;
}

.main-menu .navigation > li > ul > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 17px 25px;
    z-index: 1;
    min-width: 150px;
    margin-top: -10px;
    margin-left: 15px;
    display: none;
    -webkit-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation > li > ul > li > ul:before {
    position: absolute;
    left: -30px;
    top: 0;
    height: 100%;
    width: 30px;
    content: "";
}

.main-menu .navigation > li > ul > li > ul > li {
    position: relative;
    width: 100%;
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
    border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
    position: relative;
    display: block;
    padding: 7px 0;
    z-index: 1;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.74);
    white-space: nowrap;
    /*text-transform:capitalize;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li > ul > li.dropdown > a:before {
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: -10px;
    font-family: 'Font Awesome 5 Free';
    content: "\f105";
    display: block;
    line-height: 20px;
    font-size: 14px;
    font-weight: 900;
    color: #000000;
    z-index: 5;
    opacity: .75;
}

.main-menu .navigation > li.dropdown.active > ul {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.main-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 8px;
    width: 34px;
    height: 30px;
    border: 1px solid #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    cursor: pointer;
    z-index: 5;
    display: none;
}

.main-header .outer-box {
    position: relative;
    margin-left: -140px;
}

.main-header .search-box {
    position: relative;
}

.main-header .search-box .search-btn {
    position: relative;
    background-color: transparent;
    z-index: 1;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
}

.main-header .outer-box {
    position: relative;
    display: flex;
    align-items: center;
}

.main-header .service_wrapper {
    position: relative;
    padding-left: 50px;
    margin-right: 75px;
}

.main-header .service_wrapper .icon {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 30px;
    line-height: 30px;
    margin-top: -15px;
    color: #3b7eff;
}

.main-header .service_wrapper p {
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
}

.main-header .service_wrapper h4 {
    font-size: 15px;
    line-height: 27px;
    color: #ffffff;
}

/************************ Mega Menu ***************************/

.main-menu .navigation > li.has-mega-menu {
    position: static;
}

.main-menu .navigation > li > .mega-menu {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    padding: 35px 30px 25px;
    border-radius: 5px;
    background-color: #ffffff;
    transform: translateX(-50%);
    margin-top: 8px;
    display: none;
    -webkit-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 7px 10px -1px rgba(0, 0, 0, 0.2);
}

.main-menu .navigation > li:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) scaleY(1);
}

.main-menu .navigation > li > .mega-menu:before {
    display: table;
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
}

.main-menu .navigation > li > .mega-menu .mega-menu-bar {
    position: relative;
    margin: 0;
}

.main-menu .navigation > li .mega-menu-bar h3 {
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 9px;
}

.main-menu .navigation > li .mega-menu-bar h3:before {
    content: '';
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #3B7EFF;
}

.main-menu .navigation > li .mega-menu-bar > ul {
    position: relative;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li {
    position: relative;
    display: block;
    z-index: 1;
    border-bottom: 1px solid #E1E1E1;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li:last-child {
    border: none;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li > a {
    position: relative;
    display: block;
    z-index: 1;
    font-weight: 500;
    font-size: 15px;
    line-height: 28px;
    color: rgba(0, 0, 0, 0.74);
    padding: 10px 0;
    white-space: nowrap;
    /*text-transform:capitalize;*/
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu .navigation > li .mega-menu-bar .column > ul > li.current > a {
    color: #3b7eff;
}

.header-post-widget {
    padding: 15px 0;
}

.latest-post {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E1E1E1;
    min-height: 80px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-left: 80px;
}

.latest-post:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.latest-post .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 65px;
    border-radius: 4px;
    overflow: hidden;
}

.latest-post h6 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
}

.latest-post .info {
    font-size: 13px;
    color: #7e7e80;
    font-weight: 500;
}

/*================= End Mega Menu =========================*/

/*** 

====================================================================
        Search Popup
====================================================================

***/

.search-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    /*    -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;*/
}

.search-popup .search-back-drop {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .50);
}

.search-active .search-popup {
    opacity: 1;
    visibility: visible;
}

.search-popup .search-inner {
    position: relative;
    background: #ffffff;
    padding: 25px 0 30px;
    z-index: 1;
    transform: translateY(-100%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup .search-inner {
    transform: translateY(0);
}

.search-popup .upper-text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.search-popup .upper-text .text {
    font-size: 13px;
}

.search-popup .close-search {
    position: absolute;
    right: 0;
    top: 0;
    color: #4C4C4D;
    font-size: 10px;
    line-height: 27px;
    z-index: 3;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group form {
    position: relative;
}

.search-popup .form-group {
    position: relative;
    margin: 0px;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 25px;
    color: #333333;
    padding: 10px 0;
    height: 45px;
    width: 100%;
    background-color: transparent;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    background: transparent;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
    color: #333333;
    padding: 0;
    background: #ffffff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {

}

/*search box btn*/

.main-header .cart-btn-outer {
    position: relative;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #cccccc;
}

.main-header .header-top .cart-btn-outer {
    padding-left: 0;
    border-left: 0;
}

.main-header .cart-btn {
    position: relative;
    display: block;
    z-index: 1;
    color: #000000;
    font-size: 15px;
    line-height: 21px;
}

.main-header .cart-btn .count {
    position: absolute;
    right: -10px;
    top: -2px;
    height: 14px;
    width: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 8px;
    color: #ffffff;
    background-color: #3b7eff;
    border-radius: 50%;
}

/*** 

====================================================================
                Sticky Header
====================================================================

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: 99;
    background: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.07);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.fixed-header .sticky-header {
    opacity: 1;
    z-index: 99;
    visibility: visible;
}

.sticky-header .search-box .search-btn,
.sticky-header .service_wrapper h4,
.sticky-header .service_wrapper p,
.sticky-header .main-menu .navigation > li.dropdown > a:after,
.sticky-header .main-menu .navigation > li > a {
    color: #000000;
}

.sticky-logo {
    display: none;
}

.sticky-header .main-logo {
    display: none;
}

.sticky-header .sticky-logo {
    display: block;
}

/*** 

====================================================================
                Mobile Header
====================================================================

***/

.mobile-header {
    position: relative;
    margin: 0 20px;
    padding: 20px 0;
    display: none;
}

.mobile-header:after {
    display: table;
    clear: both;
    content: "";
}

.mobile-header .logo {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 38px;
}

.mobile-header .nav-outer {
    position: relative;
    float: right;
}

.mobile-header .outer-box {
    position: relative;
    float: right;
}

.mobile-sticky-header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    padding: 20px 15px;
    opacity: 0;
    visibility: hidden;
    background-color: #ffffff;
    z-index: 999;
    -webkit-box-shadow: 0 0 15px 5px rgba(16, 1, 148, 0.05);
    -moz-box-shadow: 0 0 15px 5px rgba(16, 1, 148, 0.05);
    box-shadow: 0 0 15px 5px rgba(16, 1, 148, 0.05);
}

.mobile-sticky-header:after {
    display: table;
    clear: both;
    content: "";
}

.mobile-sticky-header .logo {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    height: 38px;
}

.mobile-sticky-header .nav-outer {
    position: relative;
    float: right;
}

.mobile-sticky-header .outer-box {
    position: relative;
    float: right;
}

/*** 

====================================================================
                        Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
    position: relative;
    float: right;
    font-size: 24px;
    line-height: 30px;
    cursor: pointer;
    margin-left: 20px;
    color: #000000;
    order: 3;
    display: none;
    transition: all 300ms ease;
}

.mobile-menu-back-drop {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 200ms ease;
}

.mobile-menu {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    z-index: 9999;
    /*    transition: all 300ms ease;*/
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 20px 25px;
    text-align: left;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .navigation li.head {
    color: #f26f27;
    font-weight: bold;
    font-size: 14px;
    padding-top: 15px;
}

.mobile-menu .nav-logo img {
    height: 52px;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-outer {
    position: fixed;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 300px;
    height: 100%;
    overflow-y: auto;
    padding: 0px 0px;
    z-index: 5;
    display: block;
    background-color: #ffffff;
    transform: translateX(-100%);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mobile-menu-visible .mobile-menu .menu-outer {
    transform: translateX(0%);
}

.mobile-menu .menu-box {
    position: relative;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 0px;
    z-index: 5;
    display: block;
    background-color: #ffffff;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #e5e5e5;
}

.mobile-menu .navigation > li {
    position: relative;
    display: block;
}

.mobile-menu .navigation li > a {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 20px;
    color: #000000;
    padding: 15px 25px;
}

.mobile-menu .navigation li:last-child > a {
    border-bottom: 0;
}

.mobile-menu .navigation li.current > a {
    color: #0154f7;
}

.mobile-menu .navigation li li > a {
    padding: 10px 0px;
    font-size: 14px;
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
    position: absolute;
    right: 5px;
    top: 0px;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-size: 10px;
    color: #000000;
    -webkit-transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    cursor: pointer;
    z-index: 5;
}

.mobile-menu .navigation li.current.dropdown .dropdown-btn {
    color: #363636;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.active {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.mobile-menu .navigation li > ul {
    display: none;
    padding-left: 40px;
}

.mobile-menu .navigation li > ul > li > ul {
    display: none;
    padding: 0 25px;
}

.mobile-menu .mega-menu-bar h3 {
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 9px;
    margin-left: 40px;
}

.mobile-menu .mega-menu-bar h3:before {
    content: '';
    width: 30px;
    height: 2px;
    bottom: 0;
    left: 0;
    position: absolute;
    background-color: #3B7EFF;
}

.mobile-menu .mega-menu-bar .column {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
}

.mobile-menu .navigation > li > .mega-menu {
    width: 100% !important;
    display: none;
}

.mobile-menu .navigation > li.has-mega-menu ul {
    padding-left: 40px;
}

.mobile-menu .header-post-widget {
    padding-left: 40px;
}

/*** 

====================================================================
        Header Style Two
====================================================================

***/

.header-style-two {
    position: relative;
    background: #ffffff;
}

.header-style-two .contact-list li i,
.header-style-two .contact-list li,
.header-style-two .contact-list li a,
.header-style-two .search-box .search-btn,
.header-style-two .service_wrapper h4,
.header-style-two .service_wrapper p,
.header-style-two .main-menu .navigation > li.dropdown > a:after,
.header-style-two .main-menu .navigation > li > a {
    color: #000000;
}

.header-style-two .outer-box {
    margin-left: 60px;
}

.header-style-two .header-top {
    position: relative;
    background: #f4f4f4;
}

.header-style-two .header-top .service-num {
    position: relative;
    display: flex;
    align-items: center;
}

.header-style-two .header-top .service-num a {
    margin-right: 20px;
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    transition: all 300ms ease;
}

.header-style-two .header-top .service-num a i {
    margin-right: 10px;
}

.header-style-two .header-top .service-num .text {
    font-size: 12px;
}

/*** 

====================================================================
        Color Scheme ORANGE
====================================================================

***/

.theme-color .mobile-menu .navigation li.current > a,
.theme-color .testimonials-block-two .icon,
.theme-color .pricing-table .table-content ul li:before,
.theme-color .main-menu .navigation > li .mega-menu-bar .column > ul > li.current > a,
.theme-color .main-menu .navigation > li > ul > li.current.dropdown > a:before,
.theme-color .main-menu .navigation > li li.current li.current > a,
.theme-color .main-menu .navigation > li > ul > li.current > a,
.theme-color .sec-title .sub-title,
.theme-color .sec-title-two .icon,
.theme-color .quote-style-one .icon,
.theme-color .sec-title .icon,
.theme-color .sec-bottom-text a,
.theme-color .main-slider .theme-btn:hover,
.theme-color .main-footer .social-link a:hover,
.theme-color .main-footer .call-us .service-num a i,
.theme-color .header-style-two .header-top .service-num a:hover,
.theme-color .main-header .service_wrapper .icon {
    color: #2bb510;
}

.theme-color .main-menu .navigation > li .mega-menu-bar h3:before,
.theme-color .pricing-table.tagged .theme-btn,
.theme-color .sec-title .text:before,
.theme-color .mobile-menu .mega-menu-bar h3:before,
.theme-color .pricing-table.tagged .table-header,
.theme-color .main-menu .navigation > li > a:before {
    background: #f16e26;
}

.theme-color .sec-title .sub-title,
.theme-color .pricing-table.tagged .table-info-wrapper,
.theme-color .sec-title .icon {
    background: #fff3ed;
}


/*********Index css **********/
.grid {
    margin-bottom: 15px;
}

.grid .multi-column-item {
    padding: 2vh 2vw;
    border: 1px solid #ddd;
    text-align: center;
}

.title-Name {
    font-size: 17px;
    font-weight: 600;
    height: 35px;
}

.grid .image img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.multi-column-item .item-content {
    text-align: center;
    grid-template-columns: min-content 1fr;
    margin-top: 1.5rem;
}

.multi-column-item .item-content-left {
    text-align: left;
    grid-template-columns: min-content 1fr;
    margin-top: 1rem;
}

.multi-column-item .title {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.multi-column-item .item-content p {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.heading {
    font-size: 28px;
    letter-spacing: -.01em;
    line-height: 1.2;
    font-weight: 600;
}

.no-wrap-text {
    white-space: nowrap;
    display: inline-block;
    text-decoration: inherit;
}

/*.button-set {
margin-inline-start: -0.75rem;
    margin-inline-end: -0.75rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    text-align: center;
}*/
.button-set a {
    border-radius: 7px;
    padding: 10px 30px;
    font-weight: bold;
    width: 100%;
    background: #764098;
    color: #ffffff;
    border-color: #764098;
}

.button-set a:hover {
    color: #ffffff;
}

.instuctions_text {
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 6px;
}

.instuctions_text h5 {
    font-size: 18px;
}

.instuctions_text ul > li {
    position: relative;
    list-style: none;
    padding: 3px 0px;
    padding-left: 30px;
    text-align: left;
    line-height: 21px;
    font-size: 14px;
}

.product-table ul li:before {
    content: '\f109';
    font-family: 'flaticon';
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    position: absolute;
    color: #068515;
    top: 0px;
    left: 0px;
    margin-right: 0px;
}

.product-table ul li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    line-height: 27px;
    color: #000000;
    font-weight: 400;
}

.product-table ul {
    position: relative;
    display: inline-block;
    text-align: left;
}

i.fa.fa-check {
    color: green;
    font-size: 10px;
    height: 20px;
    width: 20px;
}

.instuctions_text ul > li > i {
    position: absolute;
    left: 3px;
    top: 3px;
    font-size: 10px !important;
    background-color: #f9f9f9;
    padding: 4px 4px;
    border-radius: 100%;
    border: 1px solid #ddd;
}

ul.sslProdList li:before {
    content: '\f109';
    font-family: 'flaticon';
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    position: relative;
    color: #008000;
    top: -2px;
    left: -25px;
    margin-right: -12px;
}

ul.list-item li {
    list-style: lower-roman;
    padding: 3px 0px;
    margin-left: 15px;
}

.project-tab #tabs {
    background: #007b5e;
    color: #eee;
}

.project-tab #tabs h6.section-title {
    color: #eee;
}

/*    .project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {   color:#f16e26;  background-color: transparent;  border-color: transparent transparent #f3f3f3;   border-bottom: 3px solid !important;  font-size: 16px; font-weight: bold;}
.project-tab .nav-link {border-top-left-radius: .25rem;   border-top-right-radius: .25rem;  color: #212529;  font-size: 16px;  font-weight: 600;}
.project-tab .nav-link:hover {   border: none;}*/
.project-tab thead {
    background: #f3f3f3;
    color: #333;
}

.project-tab a {
    text-decoration: none;
    font-weight: 600;
}

.section-payment i.fa.fa-download {
    cursor: pointer;
    margin-left: 5px;
}

.currency-right {
    text-align: right;
    color: #fff;
    padding-top: 5px
}

.secure-ssl {
    padding: 30px 0px 50px !important;
}

.secure-ssl-tab {
    padding: 15px 0px 50px !important;
}

/* Buy certificate */
.page-section {
    padding-top: 150px !important;
    min-height: 300px;
}

.certificatedescription h3 {
    padding: 10px 0px;
    font-size: 20px;
    margin-bottom: 10px;
}

.select-mode-box .number {
    color: #666 !important;
}

.demotop {
    margin-left: 0px;
    margin-bottom: 2px;
    padding-bottom: 0px;
}

.certificatedescription .demotop {
    padding-bottom: 0px;
}

#username, #mobile, #businessname, #usagetypeapp, #state, #nationality {
    width: 100%;
}

.productsummary {
    clear: both;
    padding: 10px 15px;
    margin-left: 24px;
}

.classproduct {
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
}

.certificateuser {
    font-size: 18px;
    margin: 5px 0px;
    width: auto;
}

.cert-amount .rs {
    font-size: 16px;
}

.certificatedescription h2 {
    padding: 0px 10px;
    margin-bottom: 4px;
    font-size: 34px;
}

.productsummary #amount {
    font-size: 20px;
}

.keMuBtn .btn {
    border-radius: 6px;
    padding: 5px 9px !important;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}
.mobileSec .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 32px;
}
.mobileSec .select2-container .select2-selection--single {
    height: 36px !important;
    border-radius: 4px 0px 0px 4px !important;
}
.select2-dropdown{
    width:300px!important;
}

.certificateBox  {
    border: 1px solid #dddddd8a;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}
@media (min-width: 992px) and (max-width: 1200px) {
    .productsummary {
        margin-top: 88px;
    }
}

/* Buy certificate */

/* Renew certificate */

.renew-alert {
    margin: 20px 20px -30px;
}

.renew-features {
    padding: 50px 0px 70px !important;
}

.renew-features .list-main li {
    font-size: 17px;
    margin-top: 20px;
    line-height: 24px;
}

.renew-features .list-main .row {
    font-size: 19px;
    margin-top: 20px;
    line-height: 24px;
    padding-left: 15px;
}

.list-main .eClass {
    padding-left: 35px;
    white-space: nowrap;
}

/* Renew certificate */
.steps-box {
    padding: 40px;
    box-shadow: 10px -10px rgb(241 247 252 / 30%);
    background: #f1f8fc;
    border-radius: 6px;
    margin: 30px 10px;
}

.steps-box h3 {
    font-size: 22px;
    font-weight: normal;
}

.steps-box h3 b {
    font-size: 30px;
    display: block;
    color: #ff690a !important;
}

.steps-box ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.steps-box ul li.line:before {
    content: '';
    height: 100%;
    left: 25px;
    border-left: 4px dashed #abccfa;
    display: block;
    position: absolute;
}

.steps-box ul li {
    font-size: 16px;
    padding: 10px;
    padding-left: 65px;
    position: relative;
}

.steps-box ul li span {
    background: #4996ff;
    color: #fff;
    padding: 3px 10px;
    border-radius: 16px;
    font-size: 12px;
    position: absolute;
    left: 0px
}

.step-note {
    font-size: 14px;
    margin-top: 15px;
}

/* Buy Token */
#token-section {
    margin-top: 60px;
}

.checkoutform .checkout-summary .box-title {
    background: #74369b;
    color: #fff;
    margin: 0px 0px 0px;
    padding: 10px 20px;
}

.checkoutform .form-control {
    padding: 7px 10px;
}

.checkoutform .mobile_number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.mobileInput {
    padding-left: 50px !important;
}

.authorized .mobile_number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

button.btn.btn-primary.CertificateInformationClass {
    height: 37px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.checkoutform select.form-control {
    padding: 7px !important;
}

.checkoutform .checkout-summary .form-control {
    padding: 3px 5px !important;
}

.ttips {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.ttips .ttipContent {
    font-size: 13px;
    visibility: hidden;
    min-width: 280px;
    background-color: #fff9f3;
    border: 1px solid #eec592;
    color: #000;
    left: -15px;
    top: 20px;
    text-align: left;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.product-panel-text .ttips .ttipContent {
    font-size: 13px;
    visibility: hidden;
    min-width: 280px;
    background-color: #fff9f3;
    border: 1px solid #eec592;
    color: #000;
    right: -115px;
    left: auto;
    top: 20px;
    text-align: left;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.ttips .ttipContent p {
    margin-bottom: 0px !important;
}

.product-panel-text .ttips .ttipContent p {
    margin-bottom: 8px !important;
}

.fields-font {
    color: #2271b2;
    font-weight: 400;
}

.ttips:hover .ttipContent {
    visibility: visible;
    opacity: 1;
}

.ttips .ttipContent.usageTips {
    width: 300px;
}

.product-panel-text .ttips .ttipContent.usageTips {
    width: 260px;
}

.uploadInfo .ttips {
    margin-left: 5px;
}

.uploadInfo .ttips .ttipContent {
    left: 13px;
    top: 5px;
}

.uploadInfo .ttips .ttipContent p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 10px !important;
}

.uploadInfo .ttips .ttipContent h5 {
    font-size: 14px;
}

.watchdataToken, .usbToken {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 8px 8px;
    background-color: #fff;
    position: relative;
}

.tokenBorder {
    border: 1px solid #0000ff !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 225, 0.14);
}

.tokenSection input {
    margin-top: 5px;
}

.tokenSection img {
    height: 40px;
    position: absolute;
    right: 10px;
}

.tokenSection label {
    font-weight: normal;
    text-align: left !important;
    margin-bottom: 0px;
    margin-left: 10px;
    line-height: 19px;
}

.filter-box label {
    vertical-align: top;
    margin-right: 10px;
}

.tokenBold {
    font-weight: bold;
}

.price-details {
    padding: 0px 16px 12px 16px;
}

.gst-row label {
    margin-bottom: 0px !important;
    margin-left: 4px;
    margin-top: 2px;
    margin-right: 8px !important;
}

.gst-row {
    padding: 0px 10px !important;
}

.gst-row label {
    padding-top: 0px !important;
}

.priceTxt {
    font-size: 14px;
}

#token-section .checkout-summary {
    margin-top: 5px;
}

.quantity-section {
    margin-top: 10px;
}

.certificate-section .demotop {
    margin-left: 0px;
}

.ssl-proceed {
    margin-left: 15%;
}

.ttips-ssl .ttipContent.usageTips {
    min-height: 220px !important;
}

.ttips-sslr .ttipContent.usageTips {
    min-height: 175px !important;
}

.ssl-features ul li {
    position: relative;
    vertical-align: top;
    line-height: 24px;
    font-size: 16px;
    list-style: none;
    padding: 10px 0px;
    margin: 0;
    padding-left: 27px;
    padding-right: 20px;
}

.ssl-features ul li i {
    font-size: 11px;
    color: #4caf50;
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px solid #4caf50;
    padding: 4px;
    border-radius: 50%;
}

.price-ssl s {
    font-size: 18px;
    margin-right: 6px;
    color: #ff0000;
}

.buy-cert-page {
    padding-bottom: 40px;
}

.product-info {
    margin-top: 50px;
    padding-top: 50px;
    border-top: 1px solid #eee;
}

.content-list {
    margin-top: 0px;
    margin-bottom: 50px;
    padding: 0px;
}

.content-list h3 {
    margin-bottom: 20px;
}

.content-list ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.content-list ul li {
    margin-bottom: 15px;
}

.product-info-box {
    box-shadow: 10px -10px rgb(241 247 252 / 30%);
    background: #f1f8fc;
    border-radius: 6px;
    padding: 30px;
    text-align: center;
    margin: 30px 0px 50px;
}

.product-info-box h2 {
    margin: 0px;
    font-size: 30px;
    line-height: 38px;
}

.product-info-box h3 {
    font-size: 22px;
    line-height: 32px;
    margin: 5px 0px 10px;
}

.product-info-box h5 {
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
}

.product-features ul {
    margin-right: 15%;
}

.product-features ul li {
    position: relative;
    vertical-align: top;
    line-height: 24px;
    font-size: 16px;
    list-style: none;
    padding: 8px 0px;
    margin: 0;
    padding-left: 27px;
    padding-right: 20px;
}

.product-features ul li i {
    font-size: 11px;
    color: #4caf50;
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px solid #4caf50;
    padding: 4px;
    border-radius: 50%;
}

.product-features h5 {
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 20px;
}

section.licensed-section {
    padding-top: 0px;
    margin-top: 40px;
}

.licensed-box {
    margin: 0px 0px 50px;
    margin-top: -40px;
    box-shadow: 10px -10px rgb(241 247 252 / 30%);
    position: relative;
    background: #f1f7fc;
    border-radius: 6px;
    padding: 30px;
    text-align: center;
}

.licensed-box h2 {
    font-weight: 400;
    margin: 0px;
    font-size: 24px;
    line-height: 34px;
}

.contact-info-box {
    color: #fff;
    background: linear-gradient(to bottom right, #4296e7, #7ac1fc);
    border-radius: 6px;
    padding: 30px;
    text-align: center;
    margin: 20px 0px 0px;
}

.contact-info-box h4 {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: normal;
}

.contact-info-box h5 {
    font-size: 22px;
    margin: 0px;
    font-weight: normal;
}

.contact-tabs {
    margin-top: 20px;
}

.contact-tabs a.active {
    background: #fdfdfd;
    border: 1px solid #e2e2e2;
    border-bottom-color: #4996ff;
    border-bottom-width: 5px;
    color: #4996ff;
    padding-bottom: 10px;
}

.contact-tabs a {
    padding: 15px 20px;
    display: inline-block;
    font-weight: bold;
    background: #fff;
    border: 1px solid #e2e2e2;
    margin: 0px 5px -1px 0px;
    color: #000;
}

.contact-box {
    margin: 0px 15px 50px;
    border: 1px solid #f1f1f1;
    clear: both;
    padding: 15px 15px 25px;
    border-radius: 0 0 4px 4px;
    box-shadow: 1px 3px 2px #eee;
    width: 100%;
}

.contact-box ol {
    margin: 0px;
    padding: 10px 20px;
}

.contact-tabs a:hover {
    text-decoration: none;
}

.contact-tabs a {
    cursor: pointer;
}

/*  Contact  */
.query-section {
    padding: 30px 0px !important;
    margin-top: 30px;
}

.contact-section {
    padding-bottom: 0px !important;
    padding-top: 20px !important;
}

.contact-section h5 {
    font-size: 18px;
    margin: 20px 0px;
    line-height: 24px;
}

.payment-text {
    font-size: 24px !important;
    margin: 10px 0px !important;
    line-height: 24px;
}

.app-status {
    padding: 20px;
    background: #fff;
    box-shadow: 1px 3px 2px #eee;
    border: 1px solid #ddd;
}

.app-status h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0px;
}

.getintouch-box {
    padding: 25px 40px 40px;
    background: #f9fcfe;
    box-shadow: 1px 3px 2px #eee;
    border: 1px solid #ddd;
    margin: 0px 0px 40px;
}

.getintouch-box h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
}

.getintouch-box .form-group {
    margin-bottom: 8px;
}

.getintouch-box textarea {
    resize: none;
}

.contact-icons {
    margin: 0px;
    display: block;
}

.contact-icons h3 {
    font-size: 18px;
    color: #000;
    font-weight: normal;
}

.contact-icons h3 i {
    width: 30px;
    text-align: center;
    vertical-align: top;
    background: #4996ff;
    color: #fff;
    font-size: 14px;
    padding: 5px 4px;
    border-radius: 20px;
    margin-right: 5px;
}

.contact-icons h3 a {
    color: #000;
}

.address-box {
    display: flex;
    align-items: center;
    margin: 15px 0px;
}

.address-box h2 {
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0px;
    padding: 0px;
}

.address-box h4 {
    line-height: 22px;
    font-size: 16px;
}

/*  Checkout  */
.checkout-product .product-box, .checkout-product .coupon-code, .checkout-product .title, .checkout-product .price-box {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.checkout-product {
    padding-bottom: 8px;
}

#startupForm .form-control {
    height: calc(1.5em + .5rem + 1px);
}

/*  Checkout  */
.buy-checkout .col-md-12 {
    margin-left: 6px;
    margin-bottom: 5px;
}

.form-box-transaction .fields-font {
    color: #000;
    padding-top: 5px;
}

/* SSLOrder_Status_Check */
.complete_transact .fields-font {
    color: #000;
    padding-top: 5px;
}

/* SSLOrder_Status_Check */
/* Payment Success */
.payment-info tbody tr:nth-of-type(odd) {
    background-color: #f1f1f1 !important;
}

/* Payment Success */
/* makepayment_token */
.product-info .col-md-6 span {
    float: right;
}

#payment_form .row {
    margin-bottom: 4px;
}

.product-info .row {
    margin-bottom: 4px;
}

/* makepayment_token */
.order-row .row {
    margin-bottom: 4px;
}

.form-summary {
    width: 100%;
}

/* SSL_Checkout */
#startupForm .form-control {
    height: inherit !important;
}

/* SSL_Checkout */
.form-box {
    margin-bottom: 30px;
    background: #fdfdfd;
    border: 1px solid #f1f1f1;
    padding: 20px;
}

/* Signing & Encryption */
.purchase-info {
    margin-top: 0px;
    padding: 15px 0px;
    background-color: #74369b;
    color: #fff !important;
}

.purchase-info h1 {
    font-size: 19px;
    text-align: left;
    margin-bottom: 10px;
    font-weight: bold;
    margin: 0px;
    /*text-transform:capitalize;*/
}

.purchase-info h1 small {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.purchase-info h2 {
    font-size: 19px;
    text-align: left;
    /*text-transform: capitalize;*/
    font-weight: bold;
    margin-bottom: 0px;
}

.purchase-info h2 small {
    color: #fff;
    display: block;
    margin-bottom: 5px;
}

.purchase-info h3 {
    font-size: 20px;
    margin: 0px;
}

.purchase-info .small, .purchase-info small {
    font-size: 65%;
}

.page-container {
    padding-top: 150px !important;
}

.form-left-section .fields-font {
    color: #000 !important;
    font-weight: 400;
    margin-top: 4px;
}

.form-title h3 {
    color: #222;
    padding: 5px 0px 10px;
    margin: 0px;
    font-size: 15px;
}

.applyform-section {
    margin: 15px 0px;
}

/* Signing & Encryption */

/*-----------------------------------------------------------
    Form Wizard
----------------------------------------------------------*/
.wizardpills-steps {
    position: relative;
    display: block;
    width: 100%;
    padding: 0px;
    margin: 0 0 10px;
}

.wizardpills-steps #bar {
    position: absolute;
    top: 10px;
    left: 0px;
    height: 10px;
    width: 100%;
    margin: 7px 0;
    box-shadow: inset 1px 0px 2px rgba(0, 0, 0, .1);
}

.step-wizard li {
    display: block;
    float: left;
    padding: 0px;
    position: relative;
    text-align: center;
    width: 33.33%;
    margin: 0 !important;
    background: #ddd;
}

.fourSteps .step-wizard li {
    width: 25%;
}

.step-wizard li div {
    display: block;
    position: absolute;
    right: -40px;
    top: -6px;
    border: 24px solid transparent;
    border-left-color: #fff;
    z-index: 1;
}

.step-wizard li div:before {
    content: " ";
    display: block;
    position: absolute;
    right: -13px;
    top: -18px;
    border: 19px solid transparent;
    border-left-color: #ddd;
}

.step-wizard li.active {
    background: #307be1;
    color: #ffffff;
}

.step-wizard li.active div:before {
    border-left-color: #307be1;
}

.step-wizard li.completed {
    background-color: #69b03c;
    color: #ffffff;
}

.step-wizard li.completed div:before {
    border-left-color: #69b03c;
}

.step-wizard li span {
    display: block;
    padding: 7px;
}

.step-wizard li:first-child {
    border-radius: 4px 0 0 4px;
}

.step-wizard li:last-child {
    border-radius: 0 4px 4px 0;
}

.step-wizard li:last-child div {
    display: none;
}

.step-wizard li.active:after {
    background: #D96C00;
    background: -webkit-linear-gradient(#ffa449, #D96C00); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffa449, #D96C00); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffa449, #D96C00); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffa449, #D96C00); /* Standard syntax */
}

.step-wizard li.completed:after {
    background: #68a243;
    background: -webkit-linear-gradient(#82ca55, #68a243); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#82ca55, #68a243); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#82ca55, #68a243); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#82ca55, #68a243); /* Standard syntax */
}

.button-process {
    margin: 20px 0px 30px;
}

.button-process .btn {
    min-width: 100px;
    margin: 0px;
}

.button-process .mr {
    margin-right: 15px;
}

.privacy-txt {
    font-size: 13px;
    line-height: 18px;
    text-align: justify;
}

.line-through {
    color: #f75b16;
    font-size: 14px;
    font-weight: normal;
    margin-left: 5px;
    text-decoration: line-through;
}

.or {
    background-color: #888888;
    padding: 10px 8px;
    font-size: 13px;
    color: white;
    border-radius: 100%
}

.or-divider {
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
}

.or-divider span {
    display: inline-block;
    background: #888888;
    padding: 3px 10px;
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    margin-bottom: -15px;
}

.grecaptcha-badge {
    visibility: hidden;
}

.sitemap-section ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.sitemap-section ul li {
    font-size: 14px;
    padding: 2px 0px;
}

.sitemap-section ul li h3 {
    font-size: 15px;
    margin: 0px;
    font-weight: bold;
}

.sitemap-section ul li a:hover {
    color: #f76d18;
    font-weight: 600;
}

.sitemap-section ul ul {
    margin: 10px 3px 20px;
    padding: 0px;
    position: relative;
}

.sitemap-section ul ul:after {
    content: '';
    width: 2px;
    height: 100%;
    background: #ddd;
    position: absolute;
    left: 0px;
    top: 0px;
}

.sitemap-section ul ul li {
    padding-left: 15px;
    position: relative;
}

.sitemap-section ul ul li:after {
    content: '';
    width: 10px;
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 0px;
    top: 10px;
}

.page-title {
    font-size: 26px;
    margin: 20px 0px;
    border-left: 5px solid #ff690a;
    padding-left: 10px;
}

.list_product .inner_usage {
    width: 100%;
    padding: 20px 0px;
    margin-bottom: 20px;
}

.list_product .inner_usage:hover {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid #ccc;
}

.list_product .buttons_orange {
    display: block;
    text-align: center;
}

.list_product .buttons_orange .btn {
    padding: 5px 20px;
    font-size: 14px;
    border-color: #ccc;
    color: #000;
    font-weight: normal !important;
}

.list_product .inner_usage_title {
    color: #0095d9;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 23px;
    margin: 0 auto;
    overflow: hidden;
    text-transform: uppercase;
    width: 158px;
    text-align: center;
}

.list_product .inner_usage_subtitle {
    font-size: 15px;
    text-align: center;
}

.list_product .innerusage_imgcontainer {
    height: 110px;
    line-height: 110px;
    margin: 0 auto;
    padding-top: 10px;
    width: 90px;
}

.list_product .innerusage_imgcontainer img {
    border-radius: 100%;
}

.list_product .innerusage_price {
    color: #333;
    font-size: 15px;
    text-align: center;
    margin: 10px 0px;
}

.list_product .inner_usage:hover {
    background: #fff;
    border: 1px solid #e2e2e2;
}

.list_product .inner_usage {
    background: #fff;
    border: 1px solid #e2e2e2;
}

.price-section h4 {
    font-size: 16px;
    margin: 0px;
}

.price-title {
    background-color: #f1f1f1;
    font-size: 14px;
    font-weight: bold;
}

.price-rows, .sub-rows {
    background-color: #FFF;
}

.table tr.price-rows td, .table tr.price-title th {
    padding: 7px 15px !important;
}

.table tr.price-title th {
    background: #f1f1f1;
}

.table tr.price-rows td .btn {
    padding: 5px 15px;
}

.table_shadow {
    box-shadow: 1px 3px 2px #eee;
}

.sub-titles {
    font-size: 15px;
    color: #6e6e6e;
    padding: 5px 0px 5px 0px;
}

.subtitleslevel {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}

.gmap {
    border: 1px solid #e0eded;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
    padding: 10px;
    position: relative;
    margin-bottom: 30px;
}

.gmap img {
    width: 100%;
}

.address-section {
    background: #f9f9f9;
    padding: 20px;
    border: 1px solid #e0eded;
    margin-bottom: 10px;
}

.address-section h3 {
    margin: 0px 15px 10px;
}

.address-section .icon-block i {
    font-size: 20px;
    background: #444;
    color: #fff;
    padding: 10px;
    width: 40px;
    text-align: center;
    margin-right: 10px;
    border-radius: 100%;
}

.branch-address {
    line-height: 20px;
    margin-bottom: 20px;
}

.branch-address b {
    text-transform: uppercase;
    color: #0095d9;
}

.list-main {
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
}

.list-main li {
    display: inline-block;
    font-size: 17px;
    margin: 10px 30px 0px 0px;
    padding-left: 35px;
    position: relative;
}

.list-main li i {
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 100%;
    font-size: 14px;
    color: #060;
    position: absolute;
    left: 0px;
}

.list-main .row i {
    border: 1px solid #ccc;
    padding: 6px;
    border-radius: 100%;
    font-size: 14px;
    color: #060;
    position: absolute;
    left: 0px;
}

.price-section table td, .price-section table th {
    vertical-align: middle !important;
    padding: 5px !important;
}

.price-section table td .webRupee {
    color: #999;
    margin-right: 5px;
}

.price-section table td .amount {
    font-size: 17px;
}

.price-section table td:last-child .amount {
    font-weight: bold;
    color: #0095d9;
}

.price-section table td .sslamount {
    font-size: 17px;
    color: #333;
}

.price-section table td .sslamount.offeredprice {
    font-weight: bold;
    color: #0095d9;
}

.price-section table.docsreqs {
    margin-top: 10px;
    background: #fff;
}

.dsc-section h3 {
    font-weight: normal;
    margin-bottom: 10px;
    font-size: 22px;
}

.dsc-section h4 {
    font-size: 18px;
}

.dsc-section .list-main li {
    font-size: 15px;
    padding-left: 30px;
}

.dsc-section .list-main li i {
    padding: 4px;
    font-size: 14px;
}

.dsc-section .buy-actions {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    padding: 15px 20px;
}

.dsc-section .buy-actions h4 {
    margin: 5px 0px;
    padding: 0px;
}

/** FAQ **/
.faq-section .nav-tabs {
    border-bottom: 1px solid #ddd;
}

.faq-section .nav-tabs > li {
    margin-bottom: -1px;
}

.faq-section .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    position: relative;
    display: block;
    padding: 10px 25px;
    text-decoration: none;
    color: #000;
}

.faq-section .tab-content {
    padding: 30px;
    border: 1px solid #e2e2e2;
    border-top: none;
    margin-bottom: 20px;
    background: #f9f9f9;
}

.faq-section .nav-tabs > li a.active, .faq-section .nav-tabs > li a.active:hover, .faq-section .nav-tabs > li > a.active:focus {
    border: 1px solid #e2e2e2;
    border-bottom-color: #f9f9f9;
    background: #f9f9f9;
    font-weight: bold;
    color: #f75b16;
}

.faq-top {
    padding-top: 15px;
}

.faq-head {
    color: #ff6600;
    font-size: 16px;
    padding-top: 10px;
}

.faqimg {
    float: left;
    font-size: 13px;
    width: 25px;
}

.faqcontent {
    font-weight: bold;
    line-height: 20px;
    text-align: justify;
    margin-bottom: 5px;
}

#tab1 {
    margin-bottom: 20px;
}

.faqsection {
    float: left;
    margin-top: 5px;
    width: 100%;
}

.faqicon {
    float: left;
    width: 100%;
}

.faqans {
    clear: both;
    line-height: 22px;
    padding: 5px 20px 10px 25px;
    text-align: justify;
}

.faqans p {
    margin: 0px;
}

.faq_border {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 10px;
    background-color: #FFF;
}

.tabheadsmallnew {
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-size: 13px;
    background-color: #f1f1f1;
    text-transform: uppercase;
    border-right: 1px solid #FFF;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
}

.spinner-border {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 3px 0px;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}


/* index */


/* ssl_certificate */

.content-section .ask {
    color: #ff6600;
}

.list-main-ssl li {
    font-size: 16px !important;
}

.panel-box ul {
    margin-bottom: 0px;
}


/* ssl_certificate */


/* renewal_authenticate */

.authenticate-form .form-title h3 {
    background: #f6f6f6;
    padding-left: 22px;
}

.renew .fields-font {
    color: #000;
}

#getotpdiv input {
    padding: 6px 12px;
    font-size: 14px;
}

/* renewal_authenticate */


/* kyc_enrolment */
.enroll-otp {
    width: 80px;
    display: inline-block;
}

.purchase-section {
    margin: 15px 0px;
}

.purchase-section .step-wizard li div {
    right: -42px !important;
}

.purchase-section .newuser-section, .purchase-section .accountuser-section {
    background: #f9f9f9;
    min-height: 350px;
}

.newuser-section {
    font-size: 13px;
    background: #fdfdfd;
    border: 1px solid #f1f1f1;
    padding: 15px 20px;
    /* box-shadow: 2px 2px 2px rgba(0,0,0,0.1); */
}

.newuser-section {
    font-size: 13px;
}

.newuser-section h4, .accountuser-section h4 {
    color: #D96C00;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 15px;
}

.newuser-section .form-group, .accountuser-section .form-group {
    margin-bottom: 8px;
}

#panemailotpbtndiv a, #sendotpdiv a, #forgotPINSendOTPDiv a, #forgotPINSendEmailOTPDiv a, #forgotUserNameSendOTPDiv a, #sendotpdiv a {
    padding: 8px 14px;
    font-size: 14px;
    margin-left: 5px;
}

#btnProceedtoApply {
    background: linear-gradient(90deg, #faa600, #ff690a);
    color: #fff;
}

#processingimg_proceedtoapply a {
    border: 1px solid #ff690a !important;
    padding: 7px 25px;
    color: #ff690a;
    border-radius: 30px;
    padding: 10px 25px;
    border: none;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
}

#sendotpdiv a {
    background: linear-gradient(90deg, #faa600, #ff690a);
    color: #fff;
}

h3.sub-head {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 1.17em;
}

.accountuser-section {
    margin-top: 20px;
    padding: 15px 20px;
}

.purchase-section .right-content {
    background: #f9f9f9;
    padding: 20px 20px 30px;
    border: 1px solid #eee !important;
    border-radius: 3px;
}

.existing-box {
    margin-top: 10px;
}

.existing-box h3 {
    color: #000;
    font-size: 18px;
    line-height: 22px;
}

.what-box h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.what-box b {
    font-weight: 600;
}

.existing-box h4 {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}

.what-box h4 {
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 20px;
    color: #000;
}

.purchase-section .existing-box .btn-blue {
    margin: 0 0 20px;
}

.what-box p {
    text-align: left;
    line-height: 18px;
    font-size: 13px;
    margin-top: 10px;
}

.purchase-section .kyc-links {
    background: #fff;
    border: 1px solid #eee;
}

.kyc-links {
    padding: 12px 14px;
    border: 1px solid #ccc;
    margin-top: 16px;
    margin-bottom: 16px;
}

.purchase-section .kyc-links h3 {
    line-height: 22px;
    font-size: 15px;
}

.kyc-links h3 {
    margin: 0px;
    font-size: 16px;
    color: #d96c00;
}

.kyc-links span {
    font-weight: 600;
}

.purchase-section .existingUserContent h3 {
    font-size: 16px;
}

.existingUserContent h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.existingUserContent .list-main {
    margin-bottom: 20px;
}

.what-box ul {
    margin: 0px;
    margin-bottom: 0px;
    padding: 0px;
    list-style: none;
}

.existingUserContent .list-main {
    margin-bottom: 20px;
}

.existingUserContent .list-main li {
    font-size: 14px;
    padding-left: 28px;
}

.existingUserContent .list-main li i {
    padding: 4px;
    font-size: 12px;
}

.existingUserContent p {
    margin-left: 5px
}

.existingUserContent h3 {
    font-size: 18px;
    margin-bottom: 10px;
}


/* kyc_enrolment */


/* kyc_esign_success */

.purchase-section .form-kyc-dsc, .purchase-section .kycpayment-success {
    border-radius: 3px;
    background: #f9f9f9;
    min-height: 300px;
    box-shadow: none;
    border: 1px solid #f1f1f1 !important;
}

.kycpayment-section {
    padding: 30px;
}

.videoRec h1 {
    margin-bottom: 20px;
}

.vrecordBox {
    background: #fff;
    padding: 20px;
    border: 1px solid #f1f1f1;
    margin: 15px 0px 0px 0px;
    min-height: 296px;
}

.vrecordBox h4 {
    margin: 5px 0 15px;
    font-size: 22px;
}

.vrecordBox p {
    margin-bottom: 15px;
}

.vrecordBox .vricons a {
    margin-bottom: 10px;
    display: block;
}

.vricons a {
    margin-right: 10px;
}

.videoRec h3 b {
    font-size: 26px;
}


/* kyc_esign_success */


/* kyc_do_later */

.dscPanelIndex .accountuser-section {
    border-radius: 3px;
    background: #f9f9f9;
    min-height: 300px;
    box-shadow: none;
    border: 1px solid #f1f1f1 !important;
    padding: 30px;
}

.videoRec h3 {
    font-size: 20px;
}

.vid-ins h3 {
    margin-top: 52px;
    font-size: 22px;
    text-align: center;
}


/* kyc_do_later */


/* kyc_application_form */


.kyc-application table td {
    padding-bottom: 6px;
}

.kyc-application .card-header {
    padding: 10px 15px;
}

.kyc-application .card-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 600;
}

.form-table td {
    padding: 3px 5px;
    /* font-size: 12px;*/
}

.form-table td:nth-child(2n) {
    font-weight: 600;
}

.de-pin .form-control {
    font-size: 15px;
    padding: 3px 4px;
}

.lgdownttips {
    width: 500px !important;
}

.user-photo {
    height: 120px;
    border: 1px solid #000;
}


/* kyc_application_form */


/* Foreign_KYC_Enrolment */

.date-control .form-control {
    display: inline-block;
    position: relative;
}

.foreignkycdob .date-control img.ui-datepicker-trigger {
    left: 157px !important;
    position: absolute;
    top: 10px;
}

#kycEnrolForm .form-group .form-label {
    padding-top: 5px;
}

.purchase-section .accountuser h4 {
    font-weight: bold;
    margin: 15px 0px;
    font-size: 18px;
}

#Processingimg_ForgotPINSubmit {
    display: flex;
    flex: auto;
    max-width: 100%;
    align-items: center;
}


/* Foreign_KYC_Enrolment */


/* ssl_complete_setup */

.dvc-method .form-group {
    margin-bottom: 16px;
}

/* ssl_complete_setup */


/* ssl_download_invoice */

.amount .amt-txt, .transaction .amt-txt, .invoice .amt-txt, .purchase .amt-txt {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    background-color: #f1f1f1;
    text-align: center;
}

.purchase .amt-txt, .purchase .amt-val {
    border-right: 1px solid #ddd;
}

.section-payment .col-md-3 {
    padding-left: 0px;
    padding-right: 0px;
}

.amount .amt-val, .transaction .amt-val, .invoice .amt-val, .purchase .amt-val {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

/* ssl_download_invoice */
.payment-section h3 {
    font-size: 18px;
    margin: 15px 0px;
}

.payment-section .nav-tabs {
    border-bottom: 1px solid #eee;
}

.payment-section .nav-tabs a {
    border-radius: 0px;
    margin-right: 5px;
    border: 1px solid #eee;
    border-bottom: none;
    padding: 12px 15px 13px;
}

.payment-section .nav-tabs a.active {
    font-weight: bold;
    background: #fafbfb;
    border: 1px solid #eee;
    border-bottom: none;
    border-top: 5px solid #1ba3f3;
    padding: 8px 15px 13px;
}

.payment-section .tab-content {
    border: 1px solid #eee;
    border-top: none;
    padding: 25px;
    background: #fafbfb;
    box-shadow: 1px 3px 2px #eee;
}

.payment-section .tab-content label {
    margin: 0px 0px 3px;
}

.payment-section .tab-content .pay-button {
    margin: 15px 0px;
}

.payment-section .tab-content .btn-verify {
    padding: 5px 15px;
}

.payment-section .tab-content h4 {
    margin: 15px 0px;
    font-size: 14px;
    color: #999;
}

.scan-qrcode {
    color: #000;
    margin: 0px;
    display: inline-block;
    padding: 15px 10px;
    border: 1px solid #e4edf9;
    line-height: 16px;
    background: #f5f9ff;
    border-radius: 4px;
    position: relative;
    padding-left: 60px;
}

.scan-qrcode:hover {
    border: 1px solid #ccddf3;
    text-decoration: none;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 10%);
}

.scan-qrcode img {
    position: absolute;
    left: 10px;
    top: 14px;
}

.input-card {
    position: relative;
}

.input-card .valid {
    position: absolute;
    right: 10px;
    top: 5px;
}

.input-card .type {
    position: absolute;
    right: 35px;
    top: 2px;
}

.payment-section ul.bank-global {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.bank-global li {
    display: inline-block;
    list-style: none;
}

.bank-global li a {
    font-size: 16px;
    position: relative;
    display: block;
    color: #000;
    text-decoration: none;
    border-radius: 3px;
    border: 1px solid #e2ebee;
    padding: 10px 40px;
    background: #fff;
    margin: 0px 7px 10px 0;
}

.bank-global li img {
    width: 32px;
    position: absolute;
    left: 5px;
    top: 7px;
}

.bank-global li a.active {
    border: 1px solid #00b8ff;
}

.bank-global li a:before {
    content: '';
    position: absolute;
    background: url("../images/uncheck-icon.png") no-repeat 0 0;
    height: 21px;
    width: 21px;
    display: block;
    right: 10px;
    top: 12px;
}

.bank-global li a.active:before {
    background: url("../images/check-icon.png") no-repeat 0 0;
}

.pay-option {
    position: relative;
    border-radius: 3px;
    background: #fff;
    vertical-align: top;
    padding: 5px 7px;
    padding-right: 40px;
    border: 1px solid #f1f1f1;
    margin: 0px 7px 10px 0;
    display: inline-block;
}

.pay-option img {
    height: 35px;
}

.pay-option.active {
    border: 1px solid #00b8ff;
}

.pay-option:before {
    content: '';
    position: absolute;
    background: url("../images/uncheck-icon.png") no-repeat 0 0;
    height: 21px;
    width: 21px;
    display: block;
    right: 10px;
    top: 12px;
}

.pay-option.active:before {
    background: url("../images/check-icon.png") no-repeat 0 0;
}


.dropzone-wrapper {
    border-radius: 4px;
    border: 1px dashed #bebebe;
    color: #000;
    position: relative;
    height: 60px;
    margin-bottom: 3px;
    background: #f9f9f9;
}

.preview-zone {
    background: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 44px;
}

.preview-zone .preview-body {
    font-size: 16px;
    padding: 12px 15px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 50px;
    text-overflow: ellipsis;
}

.preview-zone .preview-body .icon i {
    color: #0078d7;
    font-size: 30px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: -4px;
}

.preview-zone .remove-preview {
    border-radius: 100%;
    position: absolute;
    right: 15px;
    top: 16px;
    background: #fff;
}

.dropzone-desc {
    margin: 0;
    font-size: 17px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    color: #000;
    padding: 17px 15px;
    cursor: pointer;
}

.dropzone-desc .icon {
    color: #707070;
}

.dropzone-desc .icon span {
    position: absolute;
    left: 20px;
    top: 12px;
    font-size: 24px;
}

.dropzone-desc .icon i {
    font-size: 30px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: -4px;
}

.dropzone,
.dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 60px;
    cursor: pointer;
    opacity: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    background: #fff;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
}

.dvcMethodText {
    background: #fff;
    border: 1px solid #f1f1f1;
    padding: 15px;
    text-align: justify;
    margin: 15px 0px 0px;
}

.swal-wide {
    width: 40% !important;
}

.setup-success .form-group {
    margin-bottom: 7px;
}

.setup-success .box-title {
    margin: 10px 0px;
}

.setup-success .dvc-method {
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 20px;
    margin: 10px 0px;
}

.setup-success .dvc-method h4 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: bold;
}

.multiDomainList {
    margin: 0px 0px 20px;
    border: 1px solid #f1f1f1;
}

.multiDomainList .row .form-control {
    height: 37px;
}

.multiDomainList .row {
    background: #fff;
    margin: 0px;
    padding: 10px 0px;
    border-bottom: 1px solid #f1f1f1;
}

.multiDomainList .row .btn-addon {
    height: 37px;
    border-radius: 0px 6px 6px 0px;
    min-width: 0px;
    box-shadow: none;
    padding: 5px 12px;
    border: 1px solid #999;
}

.multiDomainList .row .btn-addon i {
    font-size: 17px;
}

.multiDomainList .row .btn-edit {
    border: 1px solid #9999;
    background: rgb(232, 240, 254);
    color: #000;
}

.multiDomainList .row .form-label {
    padding-top: 5px;
}

.multiDomainsTable table td {
    padding: 5px;
}

.drop-help .dropdown-content {
    padding: 10px;
}

.drop-help .dropdown-content label {
    margin-bottom: 7px;
    line-height: 18px;
}

.drop-help .dropdown-toggle {
    display: inline-block;
    padding: 0px 7px;
    background: #e3f3f4;
    border-radius: 100px;
    margin-right: 10px;
}

.drop-help .dropdown-toggle:after {
    display: none !important;
}

.benefits-listing .benefits-item {
    display: flex;
    align-items: center;
    line-height: 24px;
    text-align: left;
    margin: 20px;
    font-size: 16px;
}

.benefits-listing .benefits-item img {
    width: 90px;
    margin-right: 15px;
}

.foreign-content {
    box-shadow: 10px -10px rgb(241 247 252 / 30%);
    background: #f1f8fc;
    border-radius: 6px;
    padding: 30px;
    margin: -20px 0px 10px;
}

.foreign-content .list-main li {
    font-size: 16px;
    line-height: 22px;
}

.foreign-content .list-main li i {
    padding: 4px;
}

.foreign-content h3 {
    font-size: 19px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 15px;
}

.foreign-content h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.foreign-purchase h2 {
    font-size: 32px;
}

.foreign-purchase .rdobox-section {
    margin: 7px 0px;
}

.inner-section .about {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    margin-bottom: 20px;
}

.inner-section .img-brs {
    border-radius: 10px;
}

.inner-section .about, .FAQ-answers p {
    text-align: justify;
}

/* FAQ */
.FAQ-container {
    display: block;
    margin: 0px auto 0;

}

.faq {
    /*  border-bottom:2px solid #c9c9c9;*/
}

.faq:nth-last-child(2) {
    border-bottom: none;
}

.FAQ-container h2 {
    text-align: center;
}

.faq-sub-heading {
    padding: 0 0px;
    box-sizing: border-box;
}

.FAQ-container-categories {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

.FAQ-questions {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 7px;
    position: relative;
    display: block;
    cursor: pointer;
}

.FAQ-questions h4 {
    width: 100%;
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0;
    font-weight: 600;
    font-size: 18px;
}

.new-faq-structure .FAQ-questions h4 {
    padding: 0 150px !important;
    color: #3f5caa !important;
    font-size: 36px !important;
}

.background-accordian {
    display: none;
}

.background-accordian-ans {
    display: none;
}

.new-faq-structure .background-accordian {
    background: #3f5caa;
    display: block !important;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 35px;
    z-index: 0;
}

.new-faq-structure .background-accordian-ans {
    background: #1c89ca;
    display: block !important;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 10px;
    left: 35px;
    z-index: 1;
}

.new-faq-structure .FAQ-questions {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 0px 20px 7px;
    position: relative;
    display: block;
    cursor: pointer;
}

.new-faq-structure .FAQ-questions {
    border: 2px solid #d6d6d6;
    margin-bottom: 20px;
    padding: 27px 0px 28px 7px;
}

.new-faq-structure .FAQ-questions:last-child {
    margin-bottom: 0px;
}

.FAQ-questions .content-h4-neuzeit-grotesk::before,
.FAQ-questions .content-h4-neuzeit-grotesk::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 26px;
    height: 2px;
    width: 12px;
    background: #c9c9c9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.new-faq-structure .FAQ-questions .content-h4-neuzeit-grotesk::before,
.new-faq-structure .FAQ-questions .content-h4-neuzeit-grotesk::after {
    content: "";
    position: absolute;
    left: 47px;
    top: 37px;
    height: 3px;
    width: 35px;
    background: #ffffff !important;
    z-index: 2;
}

.new-faq-structure .FAQ-questions .content-h4-neuzeit-grotesk::after {
    top: 39px;
}

.new-faq-structure .FAQ-answers p {
    padding: 0 150px !important;
    font-size: 20px !important;
    line-height: 32px;
    color: #000000;
}

.FAQ-questions .content-h4-neuzeit-grotesk::after {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: 23px;
}

.FAQ-questions .content-h4-neuzeit-grotesk.content-visible::after {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.FAQ-answers {
    width: 100%;
    margin-top: 20px;
    cursor: default;
    display: none;
}

.FAQ-answers p {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 16px !important;
    line-height: 26px;

}

.ld-over-full-inverse {
    display: none;
}

/****** SSL CSS Start *****/
.sslTabcontect label {
    font-size: 14px;
}

.sslTabcontect .alert {
    font-size: 14px;
}

.sslBox {
    background-color: #f7f7f7;
    padding: 20px;
    padding: 8px 18px 15px 36px;
    border-left: 1px solid #ddd !important;
    /* text-align: center; */
    position: relative;
    cursor: pointer;
}

.sslStep {
    position: absolute;
    top: -1px;
    text-align: center;
    left: -1px;
    background-color: #fff;
    padding: 4px;
    border-radius: 0px 0px 20px 0px;
    height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #72309b;
    width: 30px;
    border: 1px solid #ddd;
}

.sslBox h5 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    margin: 0px 0px;
    text-transform: uppercase;
}

.sslBox p {
    margin-bottom: 0px;
    color: #4c4c4c;
    font-size: 13px;
}

.domainBody .input {
    position: relative;
    vertical-align: middle;
}

.domainBody .input .form-control {
    padding: 0 10px 0 95px !important;
}

.domainBody .input .secureDomain {
    position: absolute;
    top: 8px;
    color: #05881b;
    left: 10px;
}

.sslBody .card .card-header {
    color: #72309b;
    font-weight: 600;
}

.page-header h4 {
    font-size: 32px;
}

.domainInstructions h5 {
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0px;
    color: #72309b;
}

.domainInstructions .step-box {
    padding: 0px;
    background: #fdfdfd;
    border-radius: 4px;
    margin-bottom: 5px;
}

.domainInstructions .step-box h3 {
    color: #74369b;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px;
}

.domainInstructions .step-box p {
    margin-bottom: 4px;
    font-size: 14px;
}

.domainInstructions .dnsTable .copyTxt {
    text-decoration: none;
    margin-left: 10px;
}

.sslTabs li .nav-link {
    display: block;
    padding: 0rem 0rem;
    border: 0px;
    background-color: #f7f7f7 !important;
}

.sslTabs .nav-item.show .nav-link, .sslTabs .nav-link.active {
    color: #72309b;
    border-bottom: 4px solid #72309b;
}

.sslTabcontect {
    padding: 30px;
}

.pasteCSR .importentText {
    color: red;
    font-size: 12px;
}

.pasteCSR textarea.form-control {
    resize: none;
    background-color: #fff;
}

.sslTabcontect .dropzone-desc {
    font-size: 14px;
    padding: 12px 15px;
}

.sslTabcontect .dropzone-wrapper {
    height: 50px;
}

.sslTabcontect .dropzone-desc .icon span {
    top: 9px;
}

.sslTabcontect .or-box {
    margin-bottom: 20px;
    height: 0px;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.sslTabcontect .or-box span {
    position: absolute;
    top: -18px;
    left: 50%;
    width: 36px;
    display: block;
    padding: 8px;
    text-align: center;
    background: #764098;
    color: #fff;
    font-size: 14px;
    border-radius: 100%;
    margin: 0px;
}

.sslTabs .nav-item.show .nav-link, .sslTabs .nav-link.active .sslStep {
    background-color: #72309b;
    color: #fff;
}

.sslTabs .nav-item.show .nav-link, .sslTabs .nav-link.active .sslBox h5 {
    color: #72309b;
}

.wizard-panel {
    margin: 30px 0px;
}

.wizard-content {
    background: 30px 20px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.tabScroll {
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
    border-radius: 10px 10px 0 0;
    overflow: hidden;
}

/****** SSL CSS End*****/

.domainInstructions p {
    align-items: center;
}

.secure-ssl-tab .tab-content .product-panel-text .btn {
    padding: 4px 7px !important;
}

.productList {
    border: 2px solid #dcdcdc;
    border-radius: 4px;
    position: relative;
    padding: 10px;
    margin: 7px 2px;
    cursor: pointer;
}
.billingSec .title h5{
    font-size: 18px;
    color: #72309b;
    font-weight: 600;
}

.billingSec .form-group{
    margin-bottom: 5px;
}
.productList:hover {
    border: 2px solid #bda0cf;
    background: #faf2ff;
}

.productList .qty {
    font-size: 12px;
    color: #999;
    vertical-align: middle;
}

.productList .productName b {
    word-break: break-all;
}

/*.productList .productRemove {*/
/*    font-size: 16px;*/
/*    position: absolute;*/
/*    right: 10px;*/
/*    top: 2px;*/
/*}*/


.dropdown.actionDropdown .btn {
    color: #730eb5;
    border: 1px solid #730eb5 !important;
    border-radius: 4px;
    padding: 1px 10px;
}

.dropdown.actionDropdown .btn:focus {
    outline: 0;
    box-shadow: none !important;
}

.text-primary {
    color: #72309b !important;
}

.product-box select.form-control {
    font-size: 14px;
    height: 30px;
    border-color: #72309b !important;
}

.emSignSiteSeal {
    display: inline-block;
    position: absolute;
    bottom: -8px;
    z-index: 9999;
    left: 20px;
}

.emptyCartImg {
    max-height: 130px;
    margin-bottom: 30px;
}

.redirectToIndexBtn {
    width: 20%;
}
.search-text-div .select2-container .select2-selection--single {
    height: 36px;
    padding: 3px 0px;
}
.search-text-div .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}
.select-text-div .select2-container {
    display: inline;
}
.select2-container {
    height: 36px !important;
    line-height: 32px;
}
/* Media queries */

@media only screen and (max-width: 1023px) {
    .nav-outer .mobile-nav-toggler {
        display: block;
    }

    .nav-outer .mobile-nav-toggler {
        padding: 5px 0;
        margin: 0px 20px;
    }

    .mobile-header {
        position: relative;
        display: block;
        width: 100%;
        background-color: #ffffff;
        margin: 0;
        padding: 20px 15px;
    }

    .hide-sm, .main-header .header-top, .main-header .main-box {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .are_you_ready {
        margin-bottom: 30px;
    }

    .get_in_touchbtn {
        align-items: baseline;
    }

    .get_in_touchbtn button {
        margin: 0;
    }

    .individual-testimonial .testimonial {
        padding: 1rem 1rem;
        margin: 1rem 0rem 3rem;
    }

    .individual-testimonial .testimonial p {
        padding: 1rem 1rem;
    }

    .testimonial-row {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .redirectToIndexBtn {
        width: auto;
    }
    .product-panel-text .product-body {
        padding: 10px 0px 15px 0px !important;
    }

    .product-panel-text {
        border-right: none !important;
        width: 100%;
    }

    .product-panel-text .product-body {
        padding: 0px 0px 15px 0px
    }

    .SSLTxt {
        text-align: left;
        padding: 10px;
    }

    .sslTabs {
        min-width: 1000px;
    }

    .domainInstructions p {
        align-items: initial;
    }

    .sslTabcontect .dropzone-desc {
        font-size: 12px;
        padding: 12px 14px;
    }

    .page-header h4 {
        font-size: 20px;
    }

    .freessl-setup {
        padding: 30px 0px !important;
    }

    .freessl-setup .sec-title {
        padding: 0px 10px;
    }

    .sslTabcontect {
        padding: 20px;
        margin-bottom: 20px;
    }

    .sslBox {
        padding: 10px 2px;
        height: 90%;
        text-align: center;
        margin-bottom: 0px;

    }

    .product-panel {
        margin-bottom: 15px;
        padding: 20px !important;
    }

    .product-panel .product-list .item .btn {
        width: auto !important;
    }

    .track_order {
        width: 100% !important;
    }

    .multi-column-item .title-Name {
        height: 10px;
    }

    .main-footer .logo {
        text-align: center;
    }

    .main-footer .logo img {
        width: 60%;
    }

    .main-footer .footer-column {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .main-footer .footer-column.logo-column {
        min-width: 100%;
    }

    .main-footer .links-widget {
        padding: 0px 20px;
    }

    .sslBox h5 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 599px) {
    .currency-right {
        text-align: center;
    }

    .feature-block-two .icon {
        position: relative;
        display: inline-block;
        margin-bottom: 20px;
    }

    .feature-block-two .inner-box {
        padding-left: 0;
        text-align: center;
    }
}

@media (max-width: 425px) {
    .banner_text h1 {
        font-size: 36px;
    }

    .menu-container {
        margin: 0 auto;
        padding: 5px 10px;
    }
}

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

    .mobile-menu .navigation li li > a {
        font-size: 16px;
    }

    .mobile-menu .navigation li.head {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .success-section {
        padding: 20px 0px;
    }

    .success-section h2 {
        font-size: 24px;
    }

    .success-section h5 {
        font-size: 16px !important;
    }

    .sec-title h3, .product-panel h4, .payment-text {
        font-size: 22px !important;
        line-height: 30px;
    }

    .sec-title.mt-5 {
        margin-top: 15px !important;
    }

    .product-panel .product-list .item {
        line-height: 24px !important;
    }

    .call-to-action .content {
        flex-direction: column;
    }

    .call-to-action h3 {
        font-size: 22px;
    }

    .auto-container {
        padding: 0px 25px;
    }

    .call-to-action {
        text-align: center;
    }

    .product-banner h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    .product-banner {
        text-align: center;
    }

    .call-to-action .btn-box {
        margin-top: 15px;
    }

    .main-footer .links-widget h4 {
        font-size: 18px;
    }

    .main-footer .inner-box {
        margin: 5px 0px;
    }

    .main-footer .links-widget {
        padding: 0px;
    }

    .ssl-proceed {
        margin-left: 0%;
        margin-top: 16px;
    }

    .navbar-expand-lg .navbar-nav {
        margin: 0px;
        padding: 10px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 0px;
        line-height: 20px !important;
        margin: 0px;
    }

    .navbar-expand-lg .navbar-nav .nav-link.active {
        border-bottom: 2px solid #000;
        font-weight: bold;
    }

    .amount .amt-txt, .transaction .amt-txt, .invoice .amt-txt, .purchase .amt-txt, .amount .amt-val, .transaction .amt-val, .invoice .amt-val,
    .purchase .amt-val {
        border-right: 1px solid #ddd;
        border-bottom: none;
    }

    .purchase .amt-val {
        border-bottom: 1px solid #ddd;
    }

    #paymentsuccessmessage h2 {
        font-size: 26px;
    }

    .mob-block {
        display: block;
    }

    .select-mode-box h2 {
        margin-top: 20px !important;
    }

    .renew-alert {
        margin: 0px 0px 20px;
    }

    .ttips {
        position: static !important;
    }

    /*.secure-ssl .ttips {*/
    /*    position:relative !important;*/
    /*}*/
    .ttips .ttipContent {
        left: 0px !important;
        min-width: 300px;
        top: 20px;
    }

    .product-panel-text .ttips .ttipContent {
        left: 0px !important;
        min-width: 300px;
        top: 20px;
    }

    .ttips-ssl .ttipContent.usageTips {
        min-height: 300px !important;
    }

    .ttips-sslr .ttipContent.usageTips {
        min-height: 230px !important;
    }

    .sslTips {
        position: relative !important;
    }

    .sslTips .ttipContent {
        left: -100px !important;
        min-width: 300px;
        top: 20px !important;
    }

    .lgdownttips, .usageTips {
        width: 320px !important;
    }

    .ld-over-full-inverse {
        display: none;
    }

    .mh110 {
        min-height: 0px;
    }

    .checkoutform .box-title h5, .button-process {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 24px;
    }

    .site_usage {
        flex-direction: column;
        align-items: baseline;
    }

    .site_social_links {
        flex-direction: column;
        align-items: baseline;
    }

    .social_links {
        margin: 20px 0;
    }

    .image_rectanglebg {
        padding: 30px 0px;
    }

    .subsection_text_wrap {
        padding: 40px 10px;
    }

    .banner-section {
        padding: 30px 10px;
        min-height: 0px;
    }

    .banner_text {
        margin-bottom: 40px;
    }

    .banner_text {
        margin: 0px;
    }

    .banner_text h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .banner_text h1 b {
        font-size: 24px;
        line-height: 26px;
    }

    .banner_text h4 {
        font-size: 16px;
    }

    .image-box {
        display: none;
    }

    .issued-section .section-title {
        margin: 10px 0px;
    }

    .individual-story .testimonial {
        min-height: 200px;
        padding: 50px 25px 30px;
        margin-bottom: 20px;
    }

    .individual-story .testimonial:last-child {
        margin-bottom: 0px;
    }

    .individual-story .testimonial.large-photo .user-image {
        height: 120px;
        width: 120px;
        top: -60px;
    }

    .individual-story .testimonial.large-photo {
        padding-top: 60px;
        min-height: 0px;
    }

    .individual-story .testimonial .user-image {
        width: 100px;
        height: 100px;
        top: -55px;
    }

    .section {
        padding: 20px 0px 0px !important;
    }

    section.section .section-title h2 {
        margin-bottom: 0px;
    }

    .ssl-features, .issued-section, .mob-section, .certification, .renew-features {
        padding: 30px 10px !important;
    }

    .section .section-title h2, .checkoutform .box-title h2, .select-mode-box h2, .ssl-features h2 {
        font-size: 22px !important;
        font-weight: normal !important;
        line-height: 30px !important;
    }

    section.section .section-title h4, .section.renew-features h4 {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
    }

    section.section .section-title h3 {
        font-size: 20px;
        margin-bottom: 10px;
        line-height: 32px;
    }

    .section .section-title h2 b, .section.renew-features h2 {
        font-size: 24px;
    }

    .section .cert-list li {
        padding-bottom: 0px;
    }

    .checkoutform .box-title, .list-main {
        margin: 0px !important;
    }

    .form-title h2 {
        margin-bottom: 0px;
    }

    .section.renew-features h2 {
        margin-bottom: 5px;
    }

    .renew-features .list-main li {
        font-size: 16px;
        margin-top: 7px;
    }

    .renew-features .list-main .row {
        font-size: 16px;
        margin-top: 7px;
    }

    .renew-features .btn {
        margin: 20px 0px;
    }

    .steps-box {
        margin: 20px 0px;
        padding: 25px;
    }

    .steps-box h3 {
        font-size: 18px;
    }

    .steps-box h3 b {
        font-size: 22px;
    }

    .list-main li i {
        left: 7px;
        padding: 4px;
        font-size: 12px;
    }

    .eClass {
        padding-left: 35px;
    }

    .cert-list {
        margin: 15px 20px;
        padding: 0px;
    }

    .page-title {
        font-size: 22px !important;
        line-height: 30px;
    }

    .dsc-section .buy-actions {
        text-align: center;
        line-height: 30px;
    }

    .dsc-section h3 {
        font-size: 20px;
    }

    .dsc-section .list-main li {
        padding-left: 40px;
    }

    .checkoutform .checkout-summary {
        margin: 20px 0px;
        overflow: hidden;
    }

    .select-mode-box .number {
        margin: 0px !important;
    }

    .demotop {
        margin: 0 0 10px;
    }

    .faq-section .nav-tabs > li {
        width: 100%;
        border: 1px solid #ddd;
    }

    .faq-section .tab-content {
        padding: 16px 24px;
    }

    .faq-section .nav-tabs > li a.active, .faq-section .nav-tabs > li a.active:hover, .faq-section .nav-tabs > li > a.active:focus {
        border: 1px solid transparent;
        margin-right: 0px;
    }

    .faqcontent {
        text-align: left !important;
    }

    .faqans {
        text-align: left !important;
        padding: 5px 0px 10px;
    }

    .panel-box ul {
        margin-bottom: 16px;
    }

    .content-section-paperless .col-md-6 {
        margin-bottom: 20px;
    }

    .purchase-info {
        margin-top: 20px !important;
    }

    .purchase-section {
        padding-top: 16px !important;
    }

    .authenticate-form {
        margin-bottom: 0px !important;
    }

    .product-payment {
        padding-bottom: 80px !important;
    }

    .success-payment {
        padding-bottom: 136px !important;
    }

    .section-failure {
        padding-bottom: 66px !important;
    }

    .step-wizard li div {
        display: none;
    }

    .enroll-otp {
        width: 28%;
    }

    .contact-section iframe {
        height: 680px;
    }

    .contact-box {
        padding: 10px 10px 20px !important;
    }

    .contact-box h4 {
        font-size: 20px;
    }

    .contact-tabs a {
        padding: 10px 20px !important;
        display: block !important;
    }

    .getintouch-box {
        padding: 25px;
        margin-bottom: 15px;
    }

    .app-status {
        margin-bottom: 20px;
    }

    #countryISDCode {
        width: 110px !important;
    }

    .footer_section {
        padding: 30px 10px;
    }

    .footer_section .text-right {
        text-align: left !important;
    }

    .footer_section .mt-5 {
        margin-top: 10px !important;
    }

    .checkoutform .form-title h2 {
        font-size: 24px;
    }

    .form-title h3 {
        font-size: 14px;
    }

    .payment-section h3 {
        margin: 0px 0px 10px;
        font-size: 16px;
    }

    .checkoutform {
        padding: 30px 20px 10px;
    }

    .payment-section .nav-tabs a {
        padding: 12px 6px;
        margin-right: 3px;
        font-size: 14px;
    }

    .payment-section .nav-tabs a.active {
        padding: 8px 6px 12px;
    }

    .payment-section .tab-content {
        padding: 20px 20px;
    }

    .swal-wide {
        width: 100% !important;
    }

    .contact-form, .product-info-box {
        padding: 25px;
        margin-bottom: 25px;
    }

    .product-info-box h2 {
        font-size: 22px;
        line-height: 30px;
        font-weight: bold;
    }

    .product-info-box h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .product-info-box h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .product-features h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .product-features ul {
        margin-bottom: 20px !important;
    }

    .choose-product .form-label {
        min-width: 140px;
    }

    .section.licensed-section {
        margin-top: 10px;
    }

    .licensed-box {
        padding: 20px;
    }

    .licensed-box h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .foreign-content {
        margin: 20px 0px;
        padding: 20px;
    }

    .foreign-content h3 {
        font-size: 18px;
    }

    .foreign-purchase label {
        margin-bottom: 0px;
    }

    .foreign-purchase .form-label {
        margin-bottom: 1px;
    }

    .foreign-purchase h2 {
        font-size: 24px;
        margin: 20px 0px;
    }

    .foreign-purchase .rdobox-section {
        margin-bottom: 15px;
    }

    .foreign-content .list-main li {
        margin-right: 0px;
    }

    .client-list img {
        height: 40px;
        margin: 10px 8px;
    }

    .dscbox {
        margin: 0px;
        padding: 20px;
    }

    .main-footer .widgets-section {
        padding: 30px 10px 5px !important;
    }

    .fixed-header .mobile-sticky-header {
        opacity: 1;
        visibility: visible;
    }

    div.msgBox {
        width: 96% !important;
        margin-left: 2%;
        left: 0px !important;
    }

    .application-details {
        text-align: left !important;
    }

    .application-details {
        padding: 30px 10px;
    }

    .application-details .text-right {
        text-align: left !important;
    }

    .setup-success h4.box-title {
        font-size: 18px !important;
    }
}

@media (min-width: 768px) {
    .footer_section_payment {
        padding: 0px 0px 62px 20px !important;
    }

    .product-payment {
        padding-bottom: 138px !important;
    }

    .success-payment {
        padding-bottom: 142px !important;
    }

    .section-failure {
        padding-bottom: 126px !important;
    }
}

ul.mt-10.feature_list li {
    display: flex;
}

.account-tab.nav-tabs > a.active {
    color: #6a1b9c;
    font-weight: 600;
    cursor: default;
    background-color: #fff;
    border-top: 2px solid #6a1b9c;
    border-bottom-color: transparent;
}

.account-tab.nav-tabs > a {
    color: #000;
}

.mt-20 {
    margin-top: 20px;
}

/*.validity {*/
/*    display: flex;*/
/*    justify-content: space-between*/
/*}*/

.btn-ppl {
    background-color: #6a1b9c;
}

.text-white {
    color: #fff;
}

.product-panel {
    border: 1px solid #ddd;
    width: 100%;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
}

.simpleTxt .product-panel {
    border-right: 1px solid #6c6c6c;
    border-left: none;
    border-top: none;
    border-bottom: none;
    width: 100%;
    padding: 30px;
    border-radius: 0px;
    box-shadow: none;
}

.smimeCer .nav-tabs .nav-link:focus, .smimeCer .nav-tabs .nav-link:hover {
    border: none;
}

.secure-ssl-tab .nav-tabs .nav-link:focus, .secure-ssl-tab .nav-tabs .nav-link:hover {
    border: none;
}

.smimeCer ul li a {
    color: #000;
}

.smimeCer {
    padding: 15px 0px 50px !important;
}

/*.product-panel-text  {
    border: 1px solid #ddd;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0,0.3);
}*/
.product-panel-text {
    border-right: 1px solid #6c6c6c;
    width: 100%;
    /*border-radius: 4px;*/
    /*box-shadow: 0px 1px 3px rgba(0, 0, 0,0.3);*/
    position: relative;
}
.product-panel-text:last-child {
    border-right: none;
}

.product-panel-text.productBorder {
    border: none;
}

.simpleTxt .productBorder {
    border: none;
}

.learnMore {
    border-left: 2px solid #74369b;
    padding-left: 10px;
}

element.style {
}

.section.secure-ssl.secure-ssl-tab ul li a {
    color: #000;
}

.secure-ssl .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #730eb5 !important;
    font-weight: 600;
    background-color: #fff;
    border-color: #ffffff #ffffff #fff;
    border-bottom: 2px solid #730eb5;
}

.secure-ssl .nav-tabs {
    border-bottom: 1px solid #fff;
}

.product-panel-text select.form-control {
    font-size: 14px;
    padding: 2px 3px;
    color: #000;
    height: 25px;
    margin-top: 3px;
}

.product-panel-text .product-body {
    padding: 5px 10px 20px 10px;
}
.product-panel-text .product-body h3 {
    font-size: 18px;
}
.sslSec h1 {
    font-size: 20px;
    margin: 5px;
    font-weight: 600;
}
.product-panel-text .theme-btn {
    background: #ff6f09;
    color: #fff;
    margin: 0px auto;
    font-weight: 500;
    width: 70%;
    box-shadow: none;
    border-color: #ff6f09;
}

.product-panel-text .extraCost {
    font-size: 12px;
}

.currencyType {
    padding: 23px 16px;
}

/*.signType .dropdown-link{
        border: 1px solid #6e348f;
    line-height: 2px !important;
    padding: 18px 20px !important;
    border-radius: 4px;
    color: #723894!important;
}*/

.main-menu .navigation > li.signType > ul > li > a {
    text-transform: initial;
    color: #007bff !important;
    padding: 0px 0 !important;

}

.mobile-menu .navigation > li.signType > ul > li > a {
    text-transform: initial;
    color: #007bff !important;
    padding: 0px 0 !important;

}

.signType hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid rgb(0 0 0 / 27%);
}

.main-menu .navigation > li > ul > li > a {
}

.main-menu .currencyType select.form-control {
    font-size: 15px;
    padding: 5px 12px;
    color: #000;
}

.product-body a {
    color: #72309b;
    padding-right: 10px;
}

/*.product-panel .certificateText {min-height: 90px;}*/
.product-body a {
    color: #72309b;
}

.showTxt .close {
    position: absolute;
    right: -4px;
    top: -3px;
    font-size: 20px;
    background-color: #fff;
    border-radius: 100px;
    z-index: 9999;
    padding: 10px;
    opacity: 0.8;
    height: 30px;
    text-align: center;
    line-height: 0px;
    width: 30px;
}

.showTxt .modal-header {
    padding: 10px 15px;
    background-color: #72309b;
    color: #fff;

}

.showTxt .modal-header h5 {
    font-size: 16px;
}

.product-panel-text .showContent {
    border-top: 1px solid #ddd;
    padding: 10px 20px;
    background: #f6f6f6;
}

.product-panel-text .small {
    font-size: 50%;
}

.product-panel-text h4 {
    margin-bottom: 10px;
    color: #72309b;
    font-size: 18px;
    font-weight: 500;
}
span.year {
    font-size: 14px;
}
.product-panel h4 {
    margin-bottom: 10px;
    color: #72309b;
    font-size: 24px;
    font-weight: bolder;
    white-space: nowrap;
}

.product-panel h3 {
    margin-top: 10px;
}

.product-panel h5 {
    font-size: 24px;
    margin: 5px 0px 15px;
    color: #72309b;
}

.product-panel h5 i {
    font-size: 18px;
    margin-right: 3px;
    margin-top: 5px;
    vertical-align: top;
    font-weight: normal;
}

.product-panel .ev-text {
    min-height: 127px;
}

.product-panel label {
    margin: 0px;
    font-weight: 500;
}

.product-panel span {
    font-weight: 500;
}

.product-panel .label {
    padding-top: 5px;
    display: inline-block;
}

.product-panel .icon {
    text-align: center;
    margin: 0px 0px 10px;
}

.product-panel .icon img {
    height: 60px;
}

.product-panel .product-list {
    margin: 0px 0px 15px;
}

.product-panel .product-list .item {
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 30px;
}

.product-panel .product-list .item .btn {
    padding: 4px 10px;
}

.payment-panel {
    margin: 20px 0px 50px;
}

.payment-panel .form-group {
    margin-bottom: 10px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

i.fa.fa-times {
    color: red;
    font-size: 10px;
    height: 20px;
    width: 20px;
}

.currency-section label {
    font-weight: normal;
    margin-bottom: 10px;
}

.checkbox-position {
    position: absolute;
    left: 2px;
}

div.msgBox {
    padding: 0px;
    position: fixed;
    z-index: 1050;
    width: 430px;
    color: #00335e;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 11px rgba(0, 0, 0, 0.3);
    z-index: 10000;
    top: 200px !important;
}

div.msgBoxBackGround {
    top: 0;
    left: 0;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5 !important;
    z-index: 1060;
}

div.msgBoxContainer {
}

div.msgBoxTitle {
    padding: 0;
    font-variant: small-caps;
    font-size: 16pt;
    font-weight: lighter;
    color: #00335e;
    width: 100%;
    border-bottom: 1px solid #002c5f;
}

div.msgBoxImage {
    margin: 0px;
    width: auto;
    vertical-align: top;
    position: absolute;
    left: 17px;
    top: 25px;
}

div.msgBoxImage .fa {
    font-size: 30px;
}

div.msgBoxContent {
    font-size: 11pt;
    margin: 0px;
    display: block;
    color: #000;
    padding: 30px 25px;
    border-radius: 4px 4px 0px 0px;
    padding-left: 55px;
    text-align: left;
    background-color: #fff;
}

div.msgBoxContent p {
    padding: 0;
    margin: 0;
    display: table;
    height: 100%;
    width: 100%;
}

div.msgBoxContent span {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}

/* Content class for IE7*/
div.msgBoxButtons {
    display: block;
    width: 100%;
    text-align: right;
    background: #f1f1f1;
    border-top: 1px solid #ddd;
    padding: 10px 20px;
    border-radius: 0 0 4px 4px;
}

div.msgBoxButtons input[type='button'] {
    margin-left: 5px;
}

div.msgBoxButtons input[type='button']:nth-child(2), div.msgBoxButtons input[type='button']:nth-child(3) {
    color: #333;
    background: #fff;
    border-color: #ccc !important;
}

div.msgBoxButtons input[type='button']:nth-child(2):hover, div.msgBoxButtons input[type='button']:nth-child(3):hover {
    color: #333;
    background: #d4d4d4 !important;
    border-color: #8c8c8c !important;
}

div.msgBoxInputs {
    margin: 0 auto;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 5px;
    width: 195px;
}

div.msgInput input[type='text'], div.msgInput input[type='password'] {
    padding: 4px;
    border: 1px solid #DFDFDF;
    color: #2f2f2f;
    width: 180px;
}

div.msgInput text {
    color: #2f2f2f;
    font-size: 10pt;
}

.dvShow li {
    display: flex;
}

.track_order {
    margin: 0 auto;
    width: 430px;
    background: #fdfdfd;
    border: 1px solid #f1f1f1;
    padding: 30px 50px;
}

.track_order h1 {
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    margin: 0;
    color: #222c30;
}

.track_order p {
    margin: 15px 0px;
    font-size: 14px;
    line-height: 20px;
}

label.control-label {
    font-weight: 600;
}

.p_txt {
    background-color: #fff;
    padding: 20px;
    margin: 3% auto;
}

.line_txt {
    color: #764098;
    border-bottom: 3px solid #764098;
}

.caption {
    color: #764098;
}

.pay_card {
    position: absolute;
    right: 25px;
    top: 10px;
}

/*.payment_txt:before { left: 0px;position: absolute;  top: 0px;content: ''; width: 100%; height: 100%;  opacity: 0.8;  background: linear-gradient(180deg,#764098,#4f1a71);}*/

.pr-0 {
    padding-right: 0 !important;
}

.content-page {
    min-height: 450px;
}

.invalid-page {
    background: #fff;
}

.unsupport-browser {
    background: #fff;
    padding: 30px 0 40px;
}

.unsupport-browser .inner-section {
    padding: 50px 20px;
    margin-top: 20px;
    background: #f1f1f1;
    border-radius: 10px;
    color: #0e0e0e;
    box-shadow: 0 2px 8px -1px rgba(171, 171, 171, 0.7411764705882353);
}

.unsupport-browser .inner-section h3 {
    font-size: 22px;
    margin: 15px 0 20px;
}

#payAmount {
    margin-right: 15px;
}

.downloadTxt h5 {
    line-height: 21px;
    font-size: 14px;
    color: #000 !important;
    font-weight: 400;
}

.rejectionText {
    margin-top: 8px;
}

.viewCSR .form-label {
    color: #555;
    font-size: 14px;
}

.data-wrap {
    word-break: break-all;
}

.csr-list {
    border-radius: 4px;
    border: 1px solid #eee;
    padding: 10px 20px;
}

.SSLTxt h5 {
    font-size: 16px;
}

.SSLTxt {
    text-align: center;
}

.csr-list .form-label {
    color: #999;
}

.freessl-setup {
    padding: 50px 0px;
}


a.csrEdit {
    position: absolute;
    right: 20px;
    top: 10px;
}

.sslTabcontect .btn {
    font-size: 14px;
}


.professionalLink .btn {
    color: #764098;
    background: #f6f6f6;
}

.productNameHeader h2 {
    font-size: 20px;
}

/*.dropzone-desc {
    margin: 0;
    font-size: 14px;
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    color:#000;
    padding:11px;
    cursor:pointer;
}
.dropzone-desc .icon {
    color:#707070;
}
.dropzone-desc .icon span {
    position: absolute;
    left: 16px;
    top: 8px;
    font-size: 24px;
}
.dropzone-desc .icon i {
    font-size: 30px;
    margin-right: 5px;
    vertical-align: top;
    margin-top:-4px;
}
.dropzone,
.dropzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 46px;
    cursor: pointer;
    opacity: 0;
}
.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    background: #fff;
    box-shadow:0px 0px 7px rgba(0,0,0,0.15);
}
.dropzone-wrapper:focus {
    border: 1px solid #66afe9;
}
.dropzone-wrapper {
    border-radius:4px;
    border: 1px dashed #bebebe;
    color: #000;
    position: relative;
    height: 46px;
    margin-bottom:3px;
    background:#f9f9f9;
}
.data-wrap {
    word-break: break-all;
}*/
.term-length {
    font-size: 11px;
    color: #939393;;
}

.dvSslLength label {
    margin-right: 5px;
    margin-bottom: 0px;
}

.select-subscription h5 {
    font-size: 18px;
    color: #000;
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 10px;
}

.select-subscription span {
    font-size: 12px;
}

.sub-year {
    margin-left: 0px;
    position: relative;
    font-weight: bold;
    color: #74369b;
}

.sub-year .badge {
    position: absolute;
    top: 3px;
    left: 62px;
}

.sub-year h6 {
    color: #8a8a8b;
    font-size: 11px;
    margin-left: 0px
}

.sub-year label {
    cursor: pointer;
}

.sub-txt h6 {
    color: #5a5a5a;
    font-size: 11px;
    margin-left: 20px
}

.subscription-details .row {
    border: 2px solid #dcdcdc;
    border-radius: 4px;
    padding: 7px 0px 0px 0px;
    margin: 7px 5px;
    cursor: pointer;
}

.subscription-details .row:hover {
    border: 2px solid #bda0cf;
    background: #faf2ff;
}

.price-subscription {
    float: right;
}

.price-subscription span {
    color: #8a8a8b;
    font-size: 14px;
}

.price-tag {
    position: absolute;
    display: inline-flex;
    flex-direction: column;
    height: 20px;
    margin-left: 10px;
    padding: 0 5px 0 10px;
    color: #fff;
    border-radius: 0 4px 4px 0;
    background-color: orange;
    line-height: 1;
    justify-content: center;
    white-space: nowrap;
    font-size: 12px;
    left: 60px;
}

.price-tag::before, .price-tag::after {
    position: absolute;
    content: "";
}

.price-tag::before {
    left: -7px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    border-radius: 0 0 0 4px;
    background-color: orange;
}

.price-tag::after {
    z-index: 1;
    top: 50%;
    left: -10px;
    width: 6px;
    height: 6px;
    transform: translate(-50%, -50%) translateX(10px);
    border-radius: 3px;
    background-color: #fff;
}

.active-subscription-details {
    border: 2px solid #bda0cf;
    background: #faf2ff;
}

.orderDetailsNote {
    margin-top: 10px;
    display: block;
}

@media (max-width: 768px) {
    .tabScroll {
        overflow-x: scroll;
    }
}


/* checkout - Kenya  */
.completeYourPurchase {
    position: relative;
    min-height: 560px;
}

.completeYourPurchase .image-box1 img {
    width: 75px;
}

.completeYourPurchase .image-box1 h4 {
    border-left: 5px solid purple;
    padding-left: 5px;
    background-color: #fff0ff;
    width: auto;
    font-size: 20px;
    margin-top: 10px;
    text-align: left;
}

.completeYourPurchase .image-box1 .purchase-steps {
    width: 50%;
    text-align: center;
}

.completeYourPurchase .image-box2 img {
    width: 75px;
}

.completeYourPurchase .image-box2 h4 {
    border-left: 5px solid purple;
    padding-left: 5px;
    background-color: #fff0ff;
    width: 100%;
    font-size: 20px;
    margin-top: 10px;
    text-align: left;
}

.completeYourPurchase .image-box2 p {
    width: 100%;
    text-align: left;
}

.completeYourPurchase .image-box2 .purchase-steps {
    position: absolute;
    right: 0px;
    width: 50%;
    margin-top: -30px;
    text-align: center;
}

.completeYourPurchase .image-box3 img {
    width: 75px;
}

.completeYourPurchase .image-box3 h4 {
    border-left: 5px solid purple;
    padding-left: 5px;
    background-color: #fff0ff;
    width: 100%;
    font-size: 20px;
    margin-top: 10px;
    text-align: left;
}

.completeYourPurchase .image-box3 p {
    width: 100%;
    text-align: left;
}

.completeYourPurchase .image-box3 .purchase-steps {
    position: absolute;
    left: 0px;
    width: 50%;
    margin-top: 160px;
    text-align: center;
}

.line-top {
    width: 286px;
    height: 286px;
    z-index: -1;
    background: transparent;
    border: none;
    border-top: dashed 2px #b1b1b1;
    padding: 40px 40px;
    border-radius: 50%;
    margin: 20px -50px 0;
    transform: rotate(45deg);
    position: absolute;
    top: -17px;
    right: -85px;
}

.line-bottom {
    width: 300px;
    height: 310px;
    z-index: -1;
    background: transparent;
    border: none;
    border-bottom: dashed 2px #b1b1b1;
    padding: 40px 40px;
    border-radius: 0 0 50% 50%;
    margin: 20px -50px 0;
    transform: rotate(133deg);
    position: absolute;
    top: 1px;
    right: 176px;
}

.purchase-steps {
    position: relative;
}

.completeYourPurchase .image-box4 img {
    width: 75px;
}

.completeYourPurchase .image-box4 h4 {
    border-left: 5px solid purple;
    padding-left: 5px;
    background-color: #fff0ff;
    width: 100%;
    font-size: 20px;
    margin-top: 10px;
    text-align: left;
}

.completeYourPurchase .image-box4 p {
    width: 100%;
    text-align: left;
}

.completeYourPurchase .image-box4 .purchase-steps {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50%;
    margin-top: 500px;
    text-align: center;
}

.one {
    position: absolute;
    font-size: 50px;
    top: -36px;
    left: 85px;
    color: #b1b1b1;
    font-weight: 600;
    opacity: 0.4;
}

.two {
    position: absolute;
    font-size: 50px;
    top: -36px;
    left: 75px;
    color: #b1b1b1;
    font-weight: 600;
    opacity: 0.4;
}

.three {
    position: absolute;
    font-size: 50px;
    top: -36px;
    left: 78px;
    color: #b1b1b1;
    font-weight: 600;
    opacity: 0.4;
}


/* Download DSC */

.download-content {
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    padding: 30px;
    border-radius: 5px;
}

.aboutUs h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 5px;
}

.download-tool {
    position: relative;
    background: #fff;
    display: block;
    transition: all .2s;
    -webkit-transition: all .2s;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.download-tool img {
    display: block;
    margin-bottom: 20px;
    height: 70px;
}

.download-content .os-desc {
    display: inline-block;
    vertical-align: middle;
}

.download-tool h3 {
    color: #222;
    margin: 0;
    font-size: 24px;
    line-height: 20px;
}

.download-tool p {
    color: #8a8a8a;
    margin: 0;
    font-size: 14px;
}

.download-tool i {
    border-radius: 100px;
    padding: 20px;
    position: absolute;
    right: 50px;
    top: 30px;
    font-size: 20px;
    border: 1px solid #eee;
    color: #666;
}

.notice-text p {
    margin-bottom: 5px;
    display: flex;
}

.notice-text ul {
    padding-left: 50px;
}

.header-download {
    text-align: center;
    margin-top: 20px;
}

.download-tool:hover {
    transform: scale(1.1);
    box-shadow: 0px 2px 15px rgb(0 0 0 / 2%);
    text-decoration: none;
    cursor: default !important;
}

.notice-text ul, li {
    list-style: inherit !important;
}

.mt-20 {
    margin-top: 20px;
}

.btn-outline-region {
    color: #000;
    background-color: #fff;
    border-color: #000;
    box-shadow: inherit;
    padding: 7px 10px;
}

.btn-outline-region.focus, .btn-outline-region:focus {
    box-shadow: none;
}

.region-width {
    min-width: 8rem !important;
}

.region-width .dropdown-item {
    padding: 5px 15px;
}

.lh-35 {
    line-height: 35px;
}


@media (max-width: 768px) {
    .header-download h4 {
        font-size: 20px;
    }
}