:root {
    --cn_fnt_fly: "Hanken Grotesk", sans-serif;
    --cn_fz_14: 14px;
    --cn_fz_15: 15px;
    --cn_fz_16: 16px;
    --cn_fz_18: 18px;
    --cn_fz_19: 19px;
    --cn_fz_21: 21px;
    --cn_fz_26: 21px;
    --cn_fz_28: 28px;
    --cn_fz_36: 36px;
    --cn_ttl_fz: 24px;
    --cn_sub_heading_fz: 16px;
    --cn_line_hgt: 1.75;
    --cn_ttl_line_hgt: 1.2;
    --cn_ttl_clr: #0d151a;
    --cn_sub_ttl_clr: #272829;
    --cn_main_clr: #c62127;
    --cn_white_clr: #ffffff;
    --cn_link_clr: var(--cn_main_clr);
    --cn_btn_clr: var(--cn_main_clr);
    --cn_gray_clr_1: #faf9f8;
    --cn_gray_clr_2: #f5f5f5;
    --cn_bg_clr: #161e27;
    --cn_border_1: 1px solid #dedede;
    --cn_border_clr: #dedede;
    --cn_radius_3: 3px;
    --cn_radius_6: 6px;
    --cn_radius_16: 16px;
    --cn_radius_f: 50%;
    --cn_ttl_spacing: .3px;

    --cn_txt_center: center;
    --cn_txt_right: right;
    --cn_txt_left: left;

    --cn_fw_normal: 400;
    --cn_fw_medium: 500;
    --cn_fw_semi_bold: 600;
    --cn_fw_bold: 700;
    --cn_fw_extra_bold: 800;
    --cn_fw_extra_blod_900: 900;

    --cn_relative_: relative;
    --cn_absolute_: absolute;
    --cn_fixed_: fixed;
    --cn_sticky_: sticky;
    --cn_static_: static;

    --cn_zindex_1: 1;
    --cn_zindex_100: 100;

    --cn_w_full: 100%;
    --cn_h_full: 100%;

    --cn_dblock: block;
    --cn_dnone: none;
    --cn_inline_blk: inline-block;
    --cn_dflx: flex;
    --cn_webkit_flx: -webkit-flex;
    --cn_align_flex_start: flex-start;
    --cn_align_center: center;
    --cn_align_flex_end: flex-end;
    --cn_justify_start: start;
    --cn_justify_center: center;
    --cn_justify_end: end;
    --cn_flx_wrap: wrap;
    --cn_flx_direction_row: row;
    --cn_flx_direction_column: column;
    --cn_justify_between: space-between;
    --cn_transition_3s: all .3s ease-in-out;

    --cn_gap_5: 5px;
    --cn_gap_10: 10px;
    --cn_gap_15: 15px;
    --cn_gap_25: 25px;
    --cn_gap_30: 30px;

    --server_location_size: clamp(10rem, 1rem + 40vmin, 30rem);
    --server_location_gap: calc(var(--server_location_size) / 14);
    --server_location_duration: 60s;
    --server_location_scroll_start: 0;
    --mask-direction: to bottom;
    --server_location_scroll_end: calc(-100% - var(--server_location_gap));

    /* ----------------------------------- Spacings 
    paddings ------------------------ */

    --cn_pd_auto: auto;
    --cn_pd_0: 0;
    --cn_pd_5: 5px;
    --cn_pd_8: 8px;
    --cn_pd_10: 10px;
    --cn_pd_15: 15px;
    --cn_pd_20: 20px;
    --cn_pd_25: 25px;
    --cn_pd_30: 30px;
    --cn_pd_35: 35px;
    --cn_pd_40: 40px;
    --cn_pd_45: 45px;
    --cn_pd_50: 50px;
    --cn_pd_60: 60px;
    --cn_pd_70: 70px;
    --cn_pd_80: 80px;
    --cn_pd_90: 90px;
    --cn_pd_100: 100px;
    --cn_pd_160: 160px;

    /* ----------------------------------- Spacings 
    Margin ------------------------ */

    --cn_mg_auto: auto;
    --cn_mg_0: 0;
    --cn_mg_5: 5px;
    --cn_mg_8: 8px;
    --cn_mg_10: 10px;
    --cn_mg_15: 15px;
    --cn_mg_20: 20px;
    --cn_mg_25: 25px;
    --cn_mg_30: 30px;
    --cn_mg_35: 35px;
    --cn_mg_40: 40px;
    --cn_mg_45: 45px;
    --cn_mg_50: 50px;
    --cn_mg_60: 60px;
    --cn_mg_70: 70px;
    --cn_mg_80: 80px;
    --cn_mg_90: 90px;
    --cn_mg_100: 100px;
}

/* General Padding */
.p-0 { padding: var(--cn_pd_0) !important }
.p-5 { padding: var(--cn_pd_5) !important }
.p-10 { padding: var(--cn_pd_10) !important }
.p-15 { padding: var(--cn_pd_15) !important }
.p-20 { padding: var(--cn_pd_20) !important }
.p-25 { padding: var(--cn_pd_25) !important }
.p-30 { padding: var(--cn_pd_30) !important }

/* Padding Top */
.pt-0 { padding-top: var(--cn_pd_0) !important }
.pt-5 { padding-top: var(--cn_pd_5) !important }
.pt-10 { padding-top: var(--cn_pd_10) !important }
.pt-15 { padding-top: var(--cn_pd_15) !important }
.pt-20 { padding-top: var(--cn_pd_20) !important }
.pt-25 { padding-top: var(--cn_pd_25) !important }
.pt-30 { padding-top: var(--cn_pd_30) !important }

/* Padding Bottom */
.pb-0 { padding-bottom: var(--cn_pd_0) !important }
.pb-5 { padding-bottom: var(--cn_pd_5) !important }
.pb-10 { padding-bottom: var(--cn_pd_10) !important }
.pb-15 { padding-bottom: var(--cn_pd_15) !important }
.pb-20 { padding-bottom: var(--cn_pd_20) !important }
.pb-25 { padding-bottom: var(--cn_pd_25) !important }
.pb-30 { padding-bottom: var(--cn_pd_30) !important }

/* Padding Left */
.pl-0 { padding-left: var(--cn_pd_0) !important }
.pl-5 { padding-left: var(--cn_pd_5) !important }
.pl-10 { padding-left: var(--cn_pd_10) !important }
.pl-15 { padding-left: var(--cn_pd_15) !important }
.pl-20 { padding-left: var(--cn_pd_20) !important }
.pl-25 { padding-left: var(--cn_pd_25) !important }
.pl-30 { padding-left: var(--cn_pd_30) !important }

/* Padding Right */
.pr-0 { padding-right: var(--cn_pd_0) !important }
.pr-5 { padding-right: var(--cn_pd_5) !important }
.pr-10 { padding-right: var(--cn_pd_10) !important }
.pr-15 { padding-right: var(--cn_pd_15 ) !important }
.pr-20 { padding-right: var(--cn_pd_20) !important }
.pr-25 { padding-right: var(--cn_pd_25) !important }
.pr-30 { padding-right: var(--cn_pd_30) !important }

/* Horizontal Padding */
.px-0 { padding-left: var(--cn_pd_0) !important; padding-right: var(--cn_pd_0) !important}
.px-5 { padding-left: var(--cn_pd_5) !important; padding-right: var(--cn_pd_5) !important}
.px-10 { padding-left: var(--cn_pd_10) !important; padding-right: var(--cn_pd_10) !important}
.px-15 { padding-left: var(--cn_pd_15) !important; padding-right: var(--cn_pd_15) !important}
.px-20 { padding-left: var(--cn_pd_20) !important; padding-right: var(--cn_pd_20) !important}
.px-25 { padding-left: var(--cn_pd_25) !important; padding-right: var(--cn_pd_25) !important}
.px-30 { padding-left: var(--cn_pd_30) !important; padding-right: var(--cn_pd_30) !important}

/* Vertical Padding */
.py-0 { padding-top: var(--cn_pd_0) !important; padding-bottom: var(--cn_pd_0) !important}
.py-5 { padding-top: var(--cn_pd_5) !important; padding-bottom: var(--cn_pd_5) !important}
.py-10 { padding-top: var(--cn_pd_10) !important; padding-bottom: var(--cn_pd_10) !important}
.py-15 { padding-top: var(--cn_pd_15) !important; padding-bottom: var(--cn_pd_15) !important}
.py-20 { padding-top: var(--cn_pd_20) !important; padding-bottom: var(--cn_pd_20) !important}
.py-25 { padding-top: var(--cn_pd_25) !important; padding-bottom: var(--cn_pd_25) !important}
.py-30 { padding-top: var(--cn_pd_30) !important; padding-bottom: var(--cn_pd_30) !important}


/* General Margin */
.m-0 { margin: var(--cn_mg_0) !important }
.m-5 { margin: var(--cn_mg_5) !important }
.m-10 { margin: var(--cn_mg_10) !important }
.m-15 { margin: var(--cn_mg_15) !important }
.m-20 { margin: var(--cn_mg_20) !important }
.m-25 { margin: var(--cn_mg_25) !important }
.m-30 { margin: var(--cn_mg_30) !important }
.m-35 { margin: var(--cn_mg_35) !important }
.m-40 { margin: var(--cn_mg_40) !important }

/* Margin Top */
.mt-0 { margin-top: var(--cn_mg_0) !important }
.mt-5 { margin-top: var(--cn_mg_5) !important }
.mt-10 { margin-top: var(--cn_mg_10) !important }
.mt-15 { margin-top: var(--cn_mg_15) !important }
.mt-20 { margin-top: var(--cn_mg_20) !important }
.mt-25 { margin-top: var(--cn_mg_25) !important }
.mt-30 { margin-top: var(--cn_mg_30) !important }
.mt-35 { margin-top: var(--cn_mg_35) !important }
.mt-40 { margin-top: var(--cn_mg_40) !important }

/* Margin Bottom */
.mb-0 { margin-bottom: var(--cn_mg_0) !important }
.mb-5 { margin-bottom: var(--cn_mg_5) !important }
.mb-10 { margin-bottom: var(--cn_mg_10) !important }
.mb-15 { margin-bottom: var(--cn_mg_15) !important }
.mb-20 { margin-bottom: var(--cn_mg_20) !important }
.mb-25 { margin-bottom: var(--cn_mg_25) !important }
.mb-30 { margin-bottom: var(--cn_mg_30) !important }
.mb-35 { margin-bottom: var(--cn_mg_35) !important }
.mb-40 { margin-bottom: var(--cn_mg_40) !important }

/* Margin Left */
.ml-0 { margin-left: var(--cn_mg_0) !important }
.ml-5 { margin-left: var(--cn_mg_5) !important }
.ml-10 { margin-left: var(--cn_mg_10) !important }
.ml-15 { margin-left: var(--cn_mg_15) !important }
.ml-20 { margin-left: var(--cn_mg_20) !important }
.ml-25 { margin-left: var(--cn_mg_25) !important }
.ml-30 { margin-left: var(--cn_mg_30) !important }
.ml-35 { margin-left: var(--cn_mg_35) !important }
.ml-40 { margin-left: var(--cn_mg_40) !important }

/* Margin Right */
.mr-0 { margin-right: var(--cn_mg_0) !important }
.mr-5 { margin-right: var(--cn_mg_5) !important }
.mr-10 { margin-right: var(--cn_mg_10) !important }
.mr-15 { margin-right: var(--cn_mg_15) !important }
.mr-20 { margin-right: var(--cn_mg_20) !important }
.mr-25 { margin-right: var(--cn_mg_25) !important }
.mr-30 { margin-right: var(--cn_mg_30) !important }
.mr-35 { margin-right: var(--cn_mg_35) !important }
.mr-40 { margin-right: var(--cn_mg_40) !important }

/* Horizontal Margin */
.mx-0 { margin-left: var(--cn_mg_0) !important; margin-right: var(--cn_mg_0) !important }
.mx-5 { margin-left: var(--cn_mg_5) !important; margin-right: var(--cn_mg_5) !important }
.mx-10 { margin-left: var(--cn_mg_10) !important; margin-right: var(--cn_mg_10) !important }
.mx-15 { margin-left: var(--cn_mg_15) !important; margin-right: var(--cn_mg_15) !important }
.mx-20 { margin-left: var(--cn_mg_20) !important; margin-right: var(--cn_mg_20) !important }
.mx-25 { margin-left: var(--cn_mg_25) !important; margin-right: var(--cn_mg_25) !important }
.mx-30 { margin-left: var(--cn_mg_30) !important; margin-right: var(--cn_mg_30) !important }
.mx-35 { margin-left: var(--cn_mg_35) !important; margin-right: var(--cn_mg_35) !important }
.mx-40 { margin-left: var(--cn_mg_40) !important; margin-right: var(--cn_mg_40) !important }

/* Vertical Margin */
.my-0 { margin-top: var(--cn_mg_0) !important; margin-bottom: var(--cn_mg_0) !important }
.my-5 { margin-top: var(--cn_mg_5) !important; margin-bottom: var(--cn_mg_5) !important }
.my-10 { margin-top: var(--cn_mg_10) !important; margin-bottom: var(--cn_mg_10) !important }
.my-15 { margin-top: var(--cn_mg_15) !important; margin-bottom: var(--cn_mg_15) !important }
.my-20 { margin-top: var(--cn_mg_20) !important; margin-bottom: var(--cn_mg_20) !important }
.my-25 { margin-top: var(--cn_mg_25) !important; margin-bottom: var(--cn_mg_25) !important }
.my-30 { margin-top: var(--cn_mg_30) !important; margin-bottom: var(--cn_mg_30) !important }
.my-35 { margin-top: var(--cn_mg_35) !important; margin-bottom: var(--cn_mg_35) !important }
.my-40 { margin-top: var(--cn_mg_40) !important; margin-bottom: var(--cn_mg_40) !important }

*{margin:var(--cn_mg_0);padding:var(--cn_pd_0);box-sizing:border-box;font-family:var(--cn_fnt_fly)}
body{font-family:var(--cn_fnt_fly);font-size:var(--cn_sub_heading_fz);font-weight:var(--cn_fw_normal);color:var(--cn_sub_ttl_clr);line-height:var(--cn_line_hgt);margin:var(--cn_mg_0);-webkit-font-smoothing:antialiased;overflow-x:hidden} 
img,.img {max-width: 100%;}
a, button {color: var(--cn_sub_ttl_clr);outline: none;text-decoration: none;letter-spacing: var(--cn_ttl_spacing)}
h1{/* font-size: 46px; */}
h1,h2,h3,h4,h5,h6 {font-family: var(--cn_fnt_fly);color: var(--cn_ttl_clr);margin-top: 0px;line-height: var(--cn_ttl_line_hgt)}
.cn-h1 {font-size: var(--cn_fz_36);letter-spacing: var(--cn_ttl_spacing);font-weight: var(--cn_fw_extra_bold)}
.cn-h2 {font-size: 36px;font-weight: var(--cn_fw_bold)}
.cn-h3 {font-size: 24px;font-weight: var(--cn_fw_bold)}
.cn-h4 {font-size: 18px;font-weight: var(--cn_fw_bold)}
.cn-h5 {font-size: 14px;font-weight: var(--cn_fw_bold)}
.cn-h6 {font-size: 12px;font-weight: var(--cn_fw_bold)}
.wht-txt{color: var(--cn_white_clr)}
.list-wrap {margin: var(--cn_mg_0);padding: var(--cn_pd_0)}
.list-wrap li {list-style: none}
.cn-header-p{font-size: var(--cn_fz_16);margin: var(--cn_mg_0);font-weight: var(--cn_fw_normal)}
p {margin-bottom: var(--cn_mg_15)}
.cn-sub-txt{ font-size: var(--cn_fz_16);font-weight: var(--cn_fw_normal);margin-top: var(--cn_mg_15);margin-bottom: var(--cn_mg_0);line-height: 1.5;letter-spacing: var(--cn_ttl_spacing)}
.bg-clr-1{background-color: var(--cn_gray_clr_1)}
.text-center{text-align: var(--cn_txt_center) !important}
.text-left{text-align: var(--cn_txt_left) !important}
.text-right{text-align: var(--cn_txt_right) !important}
.d-flex{display: var(--cn_dflx)}
.cn-align-center {align-items: var(--cn_align_center)}
.cn-justify-center {justify-content: var(--cn_justify_center)}
.cn-faq-ans a, .cn-exlan-lnk{color: #06f}
.cn-faq-ans a:hover, .cn-exlan-lnk:hover{text-decoration: underline}

/* Site Button Style */ 
.cn-btn{display:var(--cn_dflx);align-items:var(--cn_align_center);padding:var(--cn_pd_10) var(--cn_pd_30);border-radius:var(--cn_radius_3);letter-spacing:var(--cn_ttl_spacing);transition:var(--cn_transition_3s)} 
.cn-btn-dark{background:var(--cn_bg_clr);font-size:var(--cn_fz_16);font-weight:var(--cn_fw_normal);width:max-content;color:var(--cn_white_clr)} 
.cn-btn-dark:hover{background:var(--cn_btn_clr)} 
.cn-dark-line-btn{cursor:pointer;color:var(--cn_bg_clr);border:1px solid var(--cn_bg_clr)} 
.cn-light-btn{color:var(--cn_white_clr);border:1px solid var(--cn_white_clr)} 
.cn-cht-support{background:#c62127;color:#fff;margin-left:25px} 
.cn-dark-btns{display:var(--cn_dflx);margin-top:var(--cn_mg_50)} 
.cn-btn-arrow,.cn-dark-arrow{background-size:contain;width:20px;height:20px;display:block;transition:var(--cn_transition_3s)} 
.cn-btn-arrow{background:url(/assets/images/icons/light-right-arrow.svg)} 
.cn-dark-arrow{background:url(/assets/images/icons/dark-right-arrow.svg)} 
.cn-cht-btn-icon{background:url(/assets/images/icons/chat-support.svg);background-repeat:no-repeat;background-size:contain;width:22px;height:22px;margin-right:10px} 
.cn-btn:hover .cn-btn-arrow,.cn-btn:hover .cn-dark-arrow{margin-left:var(--cn_mg_5)} 

@media (max-width: 991.98px){ .cn-dark-btns{flex-wrap: var(--cn_flx_wrap);} }
@media (max-width: 540px) {.cn-dark-btns{gap: var(--cn_gap_15);}}
/* site button style end */

.cn-space { padding: var(--cn_pd_45) var(--cn_pd_0); }
.cn-ttl-h2 { font-size: var(--cn_fz_36); line-height: 1.2; margin-bottom: var(--cn_mg_15);text-align: var(--cn_txt_center);font-weight: var(--cn_fw_bold);letter-spacing: var(--cn_ttl_spacing)}
.cn-ttl-h3{font-size: var(--cn_fz_21);font-weight: var(--cn_fw_bold);letter-spacing: var(--cn_ttl_spacing)}
.cn-sub-ttl { margin-bottom: var(--cn_mg_0);text-align: var(--cn_txt_center);letter-spacing: var(--cn_ttl_spacing)}
*::-moz-selection {background: var(--cn_bg_clr);color: var(--cn_white_clr);text-shadow: none}
::-moz-selection {background: var(--cn_bg_clr);color: var(--cn_white_clr);text-shadow: none}
::selection {background: var(--cn_bg_clr);color: var(--cn_white_clr);text-shadow: none}
.container { max-width: 1350px;margin: 0 auto;padding-right: 15px;padding-left: 15px}

@media only screen and (min-width: 1350px) and (max-width: 1500px) {.container {max-width: 1320px;}}
@media only screen and (min-width: 1199.98px) and (max-width: 1349.99px) {.container {max-width: 1250px;}}
@media (max-width: 1199.98px) {.container {max-width: 1250px;}}
@media (max-width: 991.98px) {.container {max-width: 720px;}}
@media (max-width: 767.98px) {.container {max-width: 100%;}}
@media only screen and (min-width: 576px) and (max-width: 767px) {.container {max-width: 720px;}}
@media (max-width: 1250px) {.cn-h1 {font-size: var(--cn_fz_36);}}
@media (max-width: 991.98px) {.cn-h1{font-size: var(--cn_fz_26);text-align: center;}.cn-ttl-h2{font-size: 26px;}.cn-btn{padding: var(--cn_pd_10) var(--cn_pd_20)}}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: var(--cn_dflx);
    flex-wrap: var(--cn_flx_wrap);
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    flex-shrink: 0;
    width: var(--cn_w_full);
    max-width: var(--cn_w_full);
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

@media (min-width:576px) {
    .col-sm {
        flex: 1 0 0%
    }
    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:768px) {
    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1200px) {
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }
    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1400px) {
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }
}

/*===========================================
	=    		Header styles		      =
=============================================*/
.cn-header {
    position: var(--cn_absolute_);
    left: 0;
    top: 0;
    width: var(--cn_w_full);
    z-index: 9;
    height: auto;
}
.cn-tp-header{
    background: var(--cn_bg_clr);
    padding: var(--cn_pd_10) var(--cn_pd_40);
}
.cn-offer-tgln {
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
}
.cn-header-btn {
    font-size: var(--cn_fz_16);
    margin-left: var(--cn_mg_8);
    color: var(--cn_white_clr);
    border-bottom: 1px solid var(--cn_white_clr);
}

.cn-support-ttl {
    display: var(--cn_dblock);
    text-align: var(--cn_txt_center);
    font-size: var(--cn_fz_18);
    font-weight: var(--cn_fw_bold);
    margin-bottom: 6px;
    color: var(--cn_ttl_clr);
}
.cn-contact-lnk {
    display: var(--cn_dflx);
    gap: 10px;
    align-items: var(--cn_align_center);
}
 
.cn-chat-btn{
    background: var(--cn_main_clr);
    font-size: var(--cn_fz_16);
    font-weight: var(--cn_fw_medium);
    color: var(--cn_white_clr);
    display: var(--cn_dblock);
    padding: var(--cn_pd_8) var(--cn_pd_0);
    text-align: var(--cn_txt_center);
    border-radius: var(--cn_radius_3);
}
.cn-support-btn-group{
    display: var(--cn_dflx);
}
.cn-contact-info{
   position: var(--cn_relative_);
    display: var(--cn_dflx);
    gap: 30px;
}

.cn-support-link {
    position: var(--cn_relative_);
    padding-right: var(--cn_pd_50);
}
.cn-support-link:after {
    content: "";
    height: 6px;
    width: 6px;
    position: var(--cn_absolute_);
    border: solid var(--cn_white_clr);
    border-width: 0 0 1px 1px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    left: 70px;
    top: 10px;
    margin-top: -4px;
}

.cn-support-dropdown {
    position: var(--cn_absolute_);
    opacity: 0.0001;
    visibility: hidden;
    padding-top: var(--cn_pd_20);
    background: var(--cn_white_clr);
    display: var(--cn_inline_blk);
    top: 37px;
    width: 230px;
    box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, .05), 0px 10px 15px -3px rgba(0, 0, 0, .1);
    left: -70px;
    border-radius: var(--cn_radius_3);
    z-index: 100;
}

.cn-support-dropdown:before {
    content: "";
    position: var(--cn_absolute_);
    height: 12px;
    width: 12px;
    border-width: 1px 0 0 1px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    background-color: var(--cn_white_clr);
    top: -4px;
    left: 96px;
}

.cn-support-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
}

.cn-support-box{
    display: var(--cn_dflx);
    gap: var(--cn_gap_30);
    justify-content: flex-end;
}
.select-wrapper {
    position: var(--cn_relative_);
}
.select-wrapper::after {
    content: "";
    border: solid #000000;
    border-width: 0 0 2px 2px;
    position: var(--cn_absolute_);
    height: 6px;
    width: 6px;
    top: 8px;
    right: 16px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    pointer-events: none;
}
.cn-currency-box {
    position: var(--cn_relative_);
    list-style: none;
    line-height: 0;
    width: 110px;
}
.cn-currency-select {
    position: var(--cn_relative_);
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
    justify-content: var(--cn_justify_center);
    cursor: pointer;
    gap: 7px;
    border: 0px solid #e6e6e6;
    background: #ffffff;
    border-radius: var(--cn_radius_3);
    padding: 3px 40px 3px 15px;
}
.cn-currency-list {
    display: none;
    width: 105px;
    height: 70px;
    margin: -1px auto;
    list-style: none;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    position: var(--cn_absolute_);
    left: 1px;
    right: 0px;
    bottom: 0;
    top: 38px;
    z-index: 1000;
    border-bottom: 0;
}
.cn-currency-list li{
    position: var(--cn_relative_);
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
    text-align: var(--cn_txt_center);
    width: var(--cn_w_full);
    gap: 7px;
    height: 35px;
    border-bottom: 1px solid #e6e6e6;
    line-height: 0;
    padding: var(--cn_pd_0) var(--cn_pd_10);
    cursor: pointer;
    color: #444;
}
.cn-currency-flag {
    width: 25px;
}
@media (max-width:1350px){
    .cn-tp-header{
        padding: var(--cn_pd_10) var(--cn_pd_15);
    }
}
@media (max-width: 1290px) and (min-width: 991.98px) {
    .cn-tp-header .col-md-5 {
        display: none;
    }
    .cn-tp-header .col-md-7{
        width: 100% !important;
    }
}
@media (max-width: 991.98px) {
    .cn-tp-header, .cn-menu-navbar {
        display: var(--cn_dnone) !important;
    }
    .cn-menu-nav{
        padding: var(--cn_pd_10) var(--cn_pd_0);
    }
    .cn-currency-select{
        background: #f3f3f3;
    }

}

/*===========================================
	=    	Mobile Menu styles		      =
=============================================*/

.cn-mob-nav{
    display: var(--cn_dnone);
}
.cn-mob-tongle {
    text-align: var(--cn_txt_center);
    display: var(--cn_inline_blk);
    margin: var(--cn_mg_0);
    cursor: pointer;
    vertical-align: middle;
}
.cn-mob-tongle span{
    display: var(--cn_dblock) !important;
    margin-bottom: 6px;
    border-top: 2px solid #252525;
    width: 25px;
    transition: var(--cn_transition_3s);
}
.cn-mob-tongle span:last-child{
    margin-bottom: var(--cn_mb_0);
}
.cn-mob-menu {
    display: var(--cn_dnone);
    position: var(--cn_absolute_);
    top: 65px;
    right: 0;
    overflow-y: scroll;
    height: 535px;
    width: var(--cn_w_full);
    padding: var(--cn_pd_15) var(--cn_pd_20);
    background: var(--cn_white_clr);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
}
.cn-mob-link {
    gap: var(--cn_gap_15);
}
.cn-mob-menu.active {
    display: var(--cn_dblock);
}
.cn-mob-tongle.active span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}
.cn-mob-tongle.active span:nth-child(2) {
    opacity: 0;
}
.cn-mob-tongle.active span:nth-child(3) {
    transform: translateY(-10px) rotate(-45deg);
}
.cn-mob-menu-item{
    margin: 7px 0;
    padding: 7px 0;
}
.cn-mob-menu-item .cn-down-arrow{
    position: var(--cn_relative_);
}

.cn-mob-submenu {
    background: var(--cn_gray_clr_1);
    display: var(--cn_dnone);  
    margin-top: var(--cn_mg_15);
}

.cn-mob-submenu.active {
    display: var(--cn_dblock);
}

.cn-mobsm-link {
    display: var(--cn_dblock);
    padding: var(--cn_pd_15);
    border-bottom: 1px solid var(--cn_border_clr);
}

.cn-mob-link .cn-down-arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    right: 0;
    border: solid #333;
    border-width: 0 2px 2px 0;
    transform: rotate(315deg);
    transition: transform 0.3s ease;
}

.cn-mob-link.active .cn-down-arrow {
    transform: rotate(405deg);
}
.cn-contact-btns-mob a{
    background: var(--cn_bg_clr);
    display: var(--cn_dflx);
    justify-content: var(--cn_justify_center);
    align-items: var(--cn_align_center);
    gap: 13px;
    padding: var(--cn_pd_10) var(--cn_pd_60);
    color: var(--cn_white_clr);
    border-radius: var(--cn_radius_6);
    border: 1px solid var(--cn_bg_clr);
}


@media (max-width: 991.98px) {
    .cn-mob-nav{
        display: unset !important;
    }
    .cn-mob-btns{
        display: var(--cn_dflx);
        gap: var(--cn_gap_15);
        align-items: var(--cn_align_center);
    }
}

/*===========================================
	=    	Header Menu styles		      =
=============================================*/
.cn-logo-box{
    height: 45px;
}
.cn-menu-nav{
    display: var(--cn_webkit_flx);
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
    flex-wrap: var(--cn_flx_wrap);
    justify-content: var(--cn_justify_between);
}
.cn-menu-navigation{
    display: var(--cn_webkit_flx);
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
    padding: 0;
    flex-direction: var(--cn_flx_direction_row);
    margin: 0 0 0 auto;
    flex-wrap: var(--cn_flx_wrap);
}
.cn-menu-item{
    display: var(--cn_dblock);
    margin: var(--cn_mg_20) var(--cn_mg_5);
    list-style: none;
    border-radius: var(--cn_radius_6);
    transition: var(--cn_transition_3s);
}
.cn-menu-item:hover {
    background: var(--cn_gray_clr_2);
}
.cn-menu-link, .cn-menu-sigle-link, .cn-mob-link{
    position: var(--cn_relative_);
    color: var(--cn_ttl_clr);
    padding: var(--cn_pd_10) var(--cn_pd_25) var(--cn_pd_10) var(--cn_pd_10);
    display: var(--cn_webkit_flx);
    display: var(--cn_dflx);
    font-size: var(--cn_fz_16);
    font-weight: var(--cn_fw_medium);
    align-items: var(--cn_align_center);
    cursor: pointer;
    line-height: 1.4;
    z-index: var(--cn_zindex_1);
}
.cn-down-arrow, .cn-up-arrow{
    height: 6px;
    width: 6px;
    position: var(--cn_absolute_);
    border: solid var(--cn_bg_clr);
    border-width: 0 0 2px 2px;
    right: 12px;
    margin-top: -2px;
    transition: all .4s ease-in-out;
}
.cn-down-arrow{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.cn-up-arrow{
    margin-top: 1px;
    transform: rotateZ(135deg);
    -webkit-transform: rotateZ(135deg);
}
.cn-menu-navbar{
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
}
.cn-menu-login-bx{
    margin-left: var(--cn_mg_40);
}
.cn-menu-lgnbtn{
    background: var(--cn_btn_clr);
    color: var(--cn_white_clr);
}
.cn-menu-header{
    background-color: var(--cn_white_clr);
}
.cn-menu-header.sticky-header{
    position: var(--cn_fixed_);
    left: 0;
    margin: auto;
    top: 0px;
    width: var(--cn_w_full);
    z-index: 99;
    background: var(--cn_white_clr);
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.cn-menu-header.sticky-header .cn-submenu{
    top: 82px;
}
.cn-submenu{
    display: var(--cn_dnone);
    position: var(--cn_absolute_);
    width: 100%;
    left: 0;
    top: 130px;
    padding: var(--cn_pd_35) var(--cn_pd_100) var(--cn_pd_35) var(--cn_pd_100);
    background: var(--cn_white_clr);
    border-top: 1px solid var(--cn_border_clr);
    box-shadow: 0 20px 20px #00000026;
}
.cn-submenu-item{
    padding-bottom: var(--cn_pd_15);
    max-width: 280px;
    border-bottom: 1px solid var(--cn_border_clr);
    margin-bottom: var(--cn_mg_15);
}
.cn-submenu-item:last-child {
    border-bottom: var(--cn_mg_0);
    margin-bottom: var(--cn_mg_0);
    padding-bottom: var(--cn_pd_0);
}
.cn-submenu-cntent {
    padding: var(--cn_pd_10) var(--cn_pd_15);
    border-radius: var(--cn_radius_6);
    transition: var(--cn_transition_3s);
}
.cn-submenu-cntent:hover{
    background: var(--cn_gray_clr_2);
}
.cn-submenu-ttl{
    font-size: var(--cn_fz_21);
    font-weight: var(--cn_fw_extra_bold);
    text-transform: uppercase;
    padding: 0 0 0 15px;
    color: #bbbbbbbb;
    margin-bottom: var(--cn_mg_15);
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-submenu-link {
    position: var(--cn_relative_);
    display: var(--cn_dblock);
    font-size: var(--cn_fz_18);
    font-weight: var(--cn_fw_bold);
    color: var(--cn_ttl_clr);
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-submenu-link:before {
    content: '';
    position: var(--cn_absolute_);
    background: url('/assets/images/icons/red-right-arrow.svg');
    width: var(--cn_pd_20);
    height: var(--cn_pd_20);
    background-size: contain;
    background-repeat: no-repeat;
    right: var(--cn_pd_0);
    top: var(--cn_pd_5);
    opacity: var(--cn_opacity_0);
    visibility: hidden;
    transition: var(--cn_transition_3s);
}
.cn-submenu-cntent:hover .cn-submenu-link:before{
    opacity: 1;
    visibility: visible;
}
.cn-submenu-cntent:hover .cn-submenu-link{
    color: var(--cn_link_clr);
}
.cn-submenu-tagline {
    display: var(--cn_inline_blk);
    font-size: var(--cn_fz_16);
    margin-top: var(--cn_mg_5);
    line-height: 22px;
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-submenu-box {
    background: var(--cn_white_clr);
    padding: var(--cn_pd_15) var(--cn_pd_30);
    height: var(--cn_h_full);
    border-left: 1px solid var(--cn_border_clr);
}
.cn-submenu-list {
    padding-left: var(--cn_pd_15);
}

.cn-submenu-otherlink .cn-submenu-link {
    font-size: var(--cn_fz_16);
    font-weight: var(--cn_fw_medium);
    padding: var(--cn_pd_8) var(--cn_pd_0);
}
.cn-submenu-otherlink .cn-submenu-link:before {
    content: '';
    position: var(--cn_absolute_);
    background: url('/assets/images/icons/red-right-arrow.svg');
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    top: 13px;
    opacity: 0;
    visibility: hidden;
    transition: var(--cn_transition_3s);
}
.cn-submenu-otherlink .cn-submenu-link:hover{
    color: var(--cn_link_clr);
}
.cn-submenu-otherlink .cn-submenu-link:hover:before{
    opacity: 1;
    visibility: visible;
}
.cn-submenu-flex{
    height: var(--cn_h_full);
}
.cn-sm-cntnet{
    flex: 1;
}
.cn-submenu-imgBox{
    height: var(--cn_h_full);
    flex: 1;
}
.cn-submenu-imgBox img{
    height: var(--cn_h_full);
    object-fit: cover;
    object-position: right;
    border-radius: var(--cn_radius_16);
}
.cn-submenu-flexbox {
    display: var(--cn_dflx);
    max-width: var(--cn_w_full);
    height: var(--cn_h_full);
    align-items: var(--cn_align_center);
}
.cn-sm-srttl {
    font-size: var(--cn_fz_21);
    font-weight: var(--cn_fw_bold);
    margin-bottom: var(--cn_mg_10);
}
.cn-sm-chatbtn{
    display: var(--cn_inline_blk);
    background: var(--cn_main_clr);
    padding: var(--cn_pd_10) var(--cn_pd_25);
    font-size: var(--cn_fz_16);
    font-weight: var(--cn_fw_normal);
    color: var(--cn_white_clr);
    text-align: var(--cn_txt_center);
    border-radius: var(--cn_radius_3);
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-expln-link{
    color: var(--cn_link_clr);
    display: var(--cn_dblock);
}
.cn-expln-link:hover{
    text-decoration: underline;
}
.cn-sm-mngd{
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
}
.cn-sm-mngd a{
    flex: 1;
    padding-left: var(--cn_pd_10) !important;
}
.cn-menu-price{
    display: var(--cn_dflx);
    font-size: 34px;
    gap: var(--cn_gap_5);
    margin-top: 8px;
    line-height: 33px;
    font-weight: var(--cn_fw_extra_bold);
    align-items: var(--cn_align_flex_end);
}
.cn-menu-price .cn-pln-currency {
    font-size: 30px;
    font-weight: var(--cn_fw_medium);
    line-height: 30px;
}
.cn-menu-price .cn-hmpln-duration {
    font-size: var(--cn_fz_18);
    line-height: 29px;
    font-weight: var(--cn_fw_medium);
}
@media (max-width: 1350px) {
    .cn-submenu{
        padding: var(--cn_pd_35) var(--cn_pd_50);
    }
}

@media (max-width: 1199.98px) {
    .cn-menu-item {
        margin: var(--cn_mg_20) var(--cn_mg_0);
    }
    .cn-menu-login-bx{
        margin-left: var(--cn_mg_15);
    }
}

/* submenu image box style */

.cn-submenu-imgbox, .cn-gpu-imgbox{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    padding: 50px 35px !important;
    border-radius: 16px;
    overflow: hidden;
}
.cn-submenu-imgbox{
    background-image: url('/assets/images/header/server-submenu.webp');
}
.cn-gpu-imgbox{
    background-image: url('/assets/images/header/top-gpu.webp');
}
.cn-submenu-imgbox:before, .cn-gpu-imgbox:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000;
    left: 0;
    top: 0;
    opacity: .6;
}
.cn-sm-imgbox-ttl {
    font-size: 21px;
    color: #fff;
    font-weight: 500;
    position: relative;
    letter-spacing: .3px;
}
.cn-sm-imgbox-txt {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    margin-top: 15px;
    letter-spacing: .3px;
}
.cn-sm-imgbox-link{
    position: relative;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: .3px;
}
.cn-sm-imgbox-link:hover{
    text-decoration: underline;
}

/*===========================================
	=    	 Page Banner Style		     =
=============================================*/
.cn-banner-area{
    padding: var(--cn_pd_160) var(--cn_pd_0) var(--cn_pd_45);
    position: var(--cn_relative_);
    z-index: var(--cn_zindex_1);
}
.cn-banner-container {
    max-width: 540px;
    padding-left: var(--cn_pd_20);
    padding-right: var(--cn_pd_20);
    margin: var(--cn_mg_0) auto;
}
.cn-row {
    margin: var(--cn_mg_0);
}
.cn-bnr-h2 {
    font-size: var(--cn_fz_18);
    font-weight: var(--cn_fw_normal);
    line-height: 26px;
    margin-bottom: var(--cn_mg_15);
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-bnr-ul li {
    position: var(--cn_relative_);
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
    padding: 3px var(--cn_pd_0);
    list-style: none;
}
.cn-bnr-ul li:before {
    content: "";
    position: var(--cn_absolute_);
    left: 0;
    width: 21px;
    height: 21px;
    background: url('/assets/images/header/banner-check.svg') no-repeat;
    background-size: auto;
}
.cn-bnr-listTxt {
    font-size: var(--cn_fz_16);
    font-weight: var(--cn_fw_normal);
    letter-spacing: var(--cn_ttl_spacing);
    padding-left: var(--cn_pd_35);
}
.cn-bnr-img{
    width: 660px;
}
.cn-ban-shape {
    position: var(--cn_absolute_);
    top: 140px;
    right: 0;
    z-index: -1;
}

.cn-bnr-plnBtn {
    cursor: pointer;
    /* background: var(--cn_btn_clr); */
    background: var(--cn_bg_clr);
    color: var(--cn_white_clr);
}

.cn-bnr-plnBtn:hover {
    /* background: var(--cn_bg_clr); */
    background: var(--cn_btn_clr);
}

.cn-bnr-chtBtn {
    background-color: transparent;
    /* color: var(--cn_main_clr); */
    color: var(--cn_ttl_clr);
    margin-left: var(--cn_mg_15);
    /* border: 1px solid var(--cn_main_clr); */
    border: 1px solid var(--cn_bg_clr);
    transition: var(--cn_transition_3s);
}

.cn-bnr-chtBtn:hover {
    background-color: var(--cn_main_clr);
    color: var(--cn_white_clr);
    border-color: var(--cn_main_clr);
}

.cnpl-trus-ratingbx {
    margin-top: 23px;
}

.cnpl-trus-ratingbx span {
    margin-left: var(--cn_mg_20);
}

@media (min-width: 768px) {
    .cn-banner-container{
        max-width: var(--cn_w_full);
        padding-left: var(--cn_pd_10);
        padding-right: var(--cn_pd_0);
    }
}
@media (min-width: 1025px) {
    .cn-banner-container{
        max-width: 1250px;
    } 
}
@media (min-width: 1367px) {
    .cn-banner-container{
        max-width: 1474px;
        padding-left: var(--cn_pd_70);
        padding-right: var(--cn_pd_0);
    }    
}
@media (max-width: 991.98px) {
    .cn-bnr-img{
        display: var(--cn_dnone);
    }
    .cn-banner-area{
        padding: var(--cn_pd_90) var(--cn_pd_0) var(--cn_pd_45);
    }
    .cn-ban-shape{
        display: var(--cn_dnone);
    }
    .cn-bnr-h2{
        text-align: var(--cn_txt_center);
        font-size: var(--cn_fz_16);
    }
    .cn-cnter-list{
        flex-direction: var(--cn_flx_direction_column);
        align-items: var(--cn_align_center);
    }
    .cn-bnr-ul li, .cn-bnr-btns, .cnpl-trus-ratingbx{
        justify-content: var(--cn_justify_center);
    }
    .cn-bnr-btns{
        flex-wrap: wrap;
        gap: 15px;
    }
    .cn-bnr-chtBtn{
        margin-left: var(--cn_mg_0);
    }
}
@media (max-width: 540px) {
    .cnpl-trus-ratingbx{
        gap: 10px;
        flex-wrap: var(--cn_flx_wrap);
    }
    .cnpl-trus-ratingbx span{
        margin-left: var(--cn_mg_0);
    }
    .cn-bnr-listTxt{
        flex: 1;
        font-size: var(--cn_fz_14);
    }
}

/*===========================================
	=    	     FAQ Section Styles		     =
=============================================*/
.cn-faq-box{
    background: var(--cn_white_clr);
    padding: var(--cn_pd_25) var(--cn_pd_30);
    border-radius: var(--cn_radius_16);
    border: var(--cn_border_1);
    margin-bottom: var(--cn_mg_30);
}
.cn-faq-ttl{
    position: var(--cn_relative_);
    padding-bottom: var(--cn_pd_15);
/*    padding-left: var(--cn_pd_50);*/
    border-bottom: var(--cn_border_1);
    font-size: var(--cn_fz_19);
    font-weight: var(--cn_fw_bold);
    letter-spacing: var(--cn_ttl_spacing);
}
/*.cn-faq-ttl:before {
    content: '';
    position: absolute;
    background: url('/assets/images/icons/faq.svg');
    width: 30px;
    height: 30px;
    left: 0;
    top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
}*/
.cn-faq-ans{
    margin-bottom: var(--cn_mg_0);
    margin-top: var(--cn_mg_15);
}
.cn-faq-box ul{
    padding-left: var(--cn_pd_20);
    margin-top: var(--cn_mg_15);
}
@media (max-width: 540px) {
    .cn-faq-ttl{
        font-size: var(--cn_fz_16);
        padding-left: var(--cn_pd_0);
    }
    .cn-faq-ttl:before{
        content: unset;
    }
}
/*===========================================
    =       Footer CTA styles          =
=============================================*/
.cn-ftr-cta-section{
    padding-bottom: var(--cn_pd_80);
}
.cn-ftr-cta-box{
    position: var(--cn_relative_);
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
    justify-content: var(--cn_justify_between);
    padding: var(--cn_pd_30) 130px;
    background: var(--cn_bg_clr);
    margin: var(--cn_mg_0) var(--cn_mg_auto);
    border-radius: var(--cn_radius_6);
    overflow: hidden;
}
.cn-ftr-cta-box:before {
    content: '';
    position: var(--cn_absolute_);
    background-image: url(/assets/images/cta-grid-bg.svg);
    width: var(--cn_w_full);
    height: var(--cn_h_full);
    background-size: cover;
    left: 0;
    top: 0;
    opacity: .3;
}
.cn-ftr-cta-ttl {
    font-size: 28px;
    font-weight: var(--cn_fw_semi_bold);
    color: var(--cn_white_clr);
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-ftr-cta-desc {
    font-size: var(--cn_fz_16);
    color: var(--cn_white_clr);
    font-weight: 300;
    margin-top: var(--cn_mg_5);
    margin-bottom: var(--cn_mg_0);
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-ftr-cta-cnt{
    position: var(--cn_relative_);
}
.cn-ftr-cta-btn {
    position: var(--cn_relative_);
    background: var(--cn_btn_clr);
    color: var(--cn_white_clr);
}
@media (max-width:991.98px){
    .cn-ftr-cta-box{
        text-align: var(--cn_txt_center);
        justify-content: var(--cn_justify_center);
        flex-wrap: var(--cn_flx_wrap);
        padding: var(--cn_pd_30) var(--cn_pd_25);
    }
    .cn-ftr-cta-btn{margin-top: 20px;}
}
@media (max-width:540px){
    .cn-ftr-cta-box:before{
        content: unset;
    }
    .cn-ftr-cta-ttl{
        font-size: var(--cn_fz_18);
    }
    .cn-ftr-cta-desc{
        font-size: var(--cn_fz_14);
    }
}
/*===========================================
	=    	     Footer styles		     =
=============================================*/

.cn-footer-box{
    padding: var(--cn_pd_60) var(--cn_pd_0) var(--cn_pd_60);
}
.cn-foote-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
}
.cn-footer-socialList {
    display: var(--cn_webkit_flx);
    display: var(--cn_dflx);
    gap: var(--cn_gap_12, 12px);
    align-items: var(--cn_align_center);
    justify-content: flex-start;
}
.cn-footer-socialList li{
    list-style: none;
}
.cn-footer-socialList li a{
    display: var(--cn_webkit_flx);
    display: var(--cn_dflx);
    width: 35px;
    height: 35px;
    align-items: var(--cn_align_center);
    justify-content: var(--cn_justify_center);
    -webkit-border-radius: var(--cn_radius_f);
    -moz-border-radius: var(--cn_radius_f);
    -o-border-radius: var(--cn_radius_f);
    -ms-border-radius: var(--cn_radius_f);
    border-radius: var(--cn_radius_f);
    border: 1px solid var(--cn_bg_clr);
    transition: var(--cn_transition_3s);
}
.cn-footer-socialList li a:hover{
    background: var(--cn_bg_clr);
    border-color: var(--cn_bg_clr);
    box-shadow: 0 2px 8px #0000000d;
}
.cn-footer-socialList li a:hover svg path{
    fill: var(--cn_white_clr);
}
.cn-footer-socialList li a img{
    height: 14px;
}
.cn-footer-ttl{
    font-size: var(--cn_fz_18);
    font-weight: var(--cn_fw_bold);
    margin-bottom: var(--cn_mg_15);
    letter-spacing: var(--cn_ttl_spacing);
}
.cn-footer-linkList{
    margin: var(--cn_mg_0);
    padding: var(--cn_pd_0);
    list-style: none;
}
.cn-footer-linkList li{
    margin-bottom: var(--cn_mg_8);
}
.cn-footer-linkList li:last-child{
    margin-bottom: var(--cn_mg_0);
}
.cn-footer-linkList li a{
    font-size: var(--cn_fz_15);
    position: var(--cn_relative_);
}
.cn-footer-linkList li a:hover{
    color: var(--cn_link_clr);
}
.cn-footer-linkList li a:before{
    content: "";
    position: var(--cn_absolute_);
    left: 0;
    bottom: -1px;
    width: var(--cn_w_full);
    height: 1px;
    background: var(--cn_main_clr);
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform 0.4s cubic-bezier(0.74, 0.72, 0.27, 0.24);
}
.cn-footer-linkList li a:hover:before{
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}
.cn-footer-legal .cn-footer-linkList{
    display: var(--cn_dflx);
    gap: 35px;
}
.cn-footer-btm{
    display: var(--cn_dflx);
    align-items: var(--cn_align_center);
    justify-content: var(--cn_justify_between);
}
.cn-bottom-footer {
    display: var(--cn_dflx);
    padding: var(--cn_pd_25) var(--cn_pd_0);
    color: #686868;
    justify-content: var(--cn_justify_between);
    border-top: 1px solid #272829;
}
.cn-payment-logos{
    display: var(--cn_dflx);
    gap: 5px;
}
@media (max-width: 991.98px) {
    .cn-footer-widget{
        margin-bottom: var(--cn_mg_30);
    }
    .cn-footer-btm{
        gap: var(--cn_gap_15) var(--cn_gap_30);
        flex-wrap: var(--cn_flx_wrap);
    }
    .cn-foote-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 540.99px) {
    .cn-foote-grid{
        grid-template-columns: repeat(1, 1fr);
    }   
    .cn-footer-legal .cn-footer-linkList{
        flex-wrap: var(--cn_flx_wrap);
        gap: var(--cn_gap_15) var(--cn_gap_30);
    }
    .cn-bottom-footer{
        flex-wrap: var(--cn_flx_wrap);
    }
    .cn-footer-linkList li a{
        font-size: var(--cn_fz_14);
    }
    .cn-payment-logos{
        gap: 10px;
        flex-wrap: wrap;
        padding-bottom: 10px;
    }
    .cn-footer-widget.pt-20 {
        padding: 0 !important;
    }
    .cn-footer-ttl {
        position: var(--cn_relative_);
        font-size: var(--cn_fz_16);
        cursor: pointer;
    }
    .cn-footer-ttl::before {
        content: "";
        border: solid #000000;
        border-width: 0 0 2px 2px;
        position: var(--cn_absolute_);
        height: 6px;
        width: 6px;
        top: 8px;
        right: 16px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        pointer-events: none;
        transition: all .3s ease-in-out;
    }
    .cn-footer-ttl.open::before {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }
    .cn-footer-linkList {
        display: var(--cn_dnone);
    }
    .cn-footer-socialList{
        margin-top: var(--cn_mg_15);
    }
}