@font-face {
    font-family: 'graphikblack';
    src: url('fonts/Graphik/graphikblack-webfont.woff2') format('woff2'),
         url('fonts/Graphik/graphikblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'graphikbold';
    src: url('fonts/Graphik/graphikbold-webfont.woff2') format('woff2'),
         url('fonts/Graphik/graphikbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'graphiklight';
    src: url('fonts/Graphik/graphiklight-webfont.woff2') format('woff2'),
         url('fonts/Graphik/graphiklight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'graphikmedium';
    src: url('fonts/Graphik/graphikmedium-webfont.woff2') format('woff2'),
         url('fonts/Graphik/graphikmedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'graphik_regularregular';
    src: url('fonts/Graphik/graphikregular-webfont.woff2') format('woff2'),
         url('fonts/Graphik/graphikregular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'graphiksemibold';
    src: url('fonts/Graphik/graphiksemibold-webfont.woff2') format('woff2'),
         url('fonts/Graphik/graphiksemibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}
@font-face {
    font-family: 'graphikthin';
    src: url('fonts/Graphik/graphikthin-webfont.woff2') format('woff2'),
         url('fonts/Graphik/graphikthin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'arialregular';
    src: url('fonts/Arial/arial_1-webfont.woff2') format('woff2'),
         url('fonts/Arial/arial_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

body{font-family: 'graphik_regularregular'; padding: 0; margin: 0;}
*{word-break: break-word;}


/* header */
.headerfixed{width: 100%; position: fixed; z-index: 2; top: 0; left: 0; background: rgb(255, 255, 255); box-shadow: rgb(0 0 0 / 30%) 0px 0px 5px;}

.ns_header{padding: 15px 0px ;}
.ns_header .navbar-brand{max-width: 190px; height: 56px;display: block;}
.ns_header .navbar-brand img{width: 100%; height: 100%; object-fit: contain;}

.ns_header .header_section{display: flex; justify-content: space-between; align-items:center;}
.ns_header .nav-bar{list-style: none; padding: 0; margin: 0; display: flex; align-items: center;}
.ns_header .nav-bar li a{color: #181819;margin: 0px 15px; transition: .3s all; text-decoration: none; font-size: 16px;  font-family: 'graphik_regularregular';  }
.ns_header .nav-bar li a:hover, .ns_header .nav-bar li a.active{font-family: 'graphiksemibold';}
.ns_header .nav-bar .cd-words-wrapper{background: #1F5F7B; border-radius: 4px;}
.ns_header .nav-bar .cd-words-wrapper a{color: #fff;}
.ns_header .nav-bar .dropdown-toggle::after { display: inline-block; width:7px;  height:7px; content: "";  border: none; vertical-align:4px; margin-left: 10px; border-bottom: 1px solid #000; border-left:1px solid #000; transform: rotate(-45deg);}

/* header_hover_cv + letter */

.ns_header .nav-bar li a.cv_dropmenu.show{font-family: 'graphiksemibold';}
.dropdown_ds .menu_link_cv{width: 100%; padding: 40px 0px; transform: none !important;left: 0; border-radius: 0px !important; top:85px !important;}
/* .ns_header .dropdown_ds:hover .menu_link_cv{display: block; left: 0; top: 95px !important;} */

.dropdown_ds .menu_link_cv .cv_flex{display: flex; /* justify-content: space-between ;*/}

.menu_link_cv  .cv_block_brdr{ border-right: 2px solid #D2D3D3; max-width:435px; padding: 0px 35px;}
.menu_link_cv .menu_fst_blocks{display: flex; background:#fff;cursor: pointer; text-decoration: none; border-radius: 4px; padding: 16px; width:100%; }
.menu_link_cv .menu_fst_blocks .left_icons{ margin-right:16px; background: rgba(31, 123, 112, 0.12); border-radius: 50%; width: 56px; height: 56px; padding: 12px; display: flex; align-items: center; justify-content: center;}
.menu_link_cv .menu_fst_blocks .left_icons img{width: 100%; height: 100%; object-fit: contain;}
.menu_link_cv .menu_fst_blocks .media-body h6{color: #181819; font-size: 20px; margin-bottom: 5px;  font-family: 'graphiksemibold'; }
.menu_link_cv .menu_fst_blocks .media-body p{color: #626262; font-size: 15px; margin-bottom: 0px;  font-family: 'graphik_regularregular'; }
.menu_link_cv .menu_fst_blocks .media-body {flex: 1;}

/* .menu_link_cv .cv_block_brdr.cv_middle_block .menu_fst_blocks{background: #fff;}
.menu_link_cv .cv_block_brdr.cv_middle_block .menu_fst_blocks .left_icons {background: rgba(31, 123, 112, 0.12);} */

.menu_link_cv .menu_fst_blocks:hover{background: rgba(31, 123, 112, 0.12);}
.menu_link_cv .menu_fst_blocks:hover .left_icons{background:#fff;}


.cv_select_views {width: 264px; padding: 16px 20px 16px 40px ; display: flex;}
.cv_select_views .left_line{background: rgba(31, 123, 112, 0.12);width: 8px; /* height: 100%;  */margin-right: 16px; border-radius: 8px; }
.cv_select_views .right_side{flex: 1;}
.cv_select_views .right_side .select_ts{color: #626262; font-size: 15px; margin-bottom: 10px;  font-family: 'graphik_regularregular'; }
.cv_select_views .right_side .view_more{color: #3C5FFE;text-decoration: none; font-size: 15px; margin: 0px; font-family: 'graphiksemibold';}



/* footer  */

footer .footer_main_section{border-top: 2px solid #D2D3D3; width: 100%; padding:90px 0px 0px;}
footer .footer_main_section .left_logo_sc{max-width: 350px;}
footer .footer_main_section .left_logo_sc p{color: #141416; font-size: 20px;  font-family: 'graphik_regularregular'; margin-bottom: 0px;}
footer .footer_main_section .left_logo_sc .footer_logo{width: 156px; height: 56px; margin-bottom: 10px;}
footer .footer_main_section .left_logo_sc .footer_logo img{width: 100%; height: 100%; object-fit: contain;}

footer .footer_main_section .footer_mains{padding-bottom: 50px;}
.footer_links{list-style: none; padding: 0; margin: 0; }
.footer_links .titles{color: #141416; font-size: 20px;font-family: 'graphiksemibold'; margin-bottom: 15px;}
.footer_links li a{color: #141416; font-size: 20px; font-family: 'graphik_regularregular'; margin-bottom: 15px; display: inline-block; text-decoration: none; }
.footer_links li a:hover, .footer_links li a.active{color: #1F5F7B;}
.footer_bottom{padding: 35px 0px; border-top: 2px solid #D2D3D3; }
.footer_bottom .copy_text{color: #141416; font-size: 20px; font-family: 'graphik_regularregular'; margin-bottom: 0px;}
.footer_bottom .social_links{list-style: none; padding: 0; margin: 0; display: flex; align-items: center; justify-content: flex-end;}

.footer_bottom .social_links li{color: #141416; font-size: 20px; font-family: 'graphik_regularregular';}
.footer_bottom .social_links li a{background: #E6E8EC; transition: .3s all; font-size: 16px; border-radius: 6px;text-decoration: none;color: #141416; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center;}
.footer_bottom .social_links li{margin: 0px 10px;}
.footer_bottom .social_links li a:hover{background: #1F5F7B; color: #fff;}


/* main landing-page */
.landing-page-main{width:100%; padding-top: 70px; position: relative;}
.landingcv-page-main { padding-top: 40px; }
.back_shadowzs{width: 100%; height: 292px; background: #1F5F7B; position: absolute;left: 0px; bottom: 0;}
.back_shadowzs::before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%, rgba(255, 255, 255, 0.9) 100%);}

.main_content_fs{position: relative;}
.landing-page-main .fst_content_middle{max-width: 1040px; width: 100%; margin: 0px auto 90px;}
.landingcv-page-main .fst_content_middle {  margin: 0px auto 70px; }
.landing-page-main .fst_content_middle h2{color: #181819; font-size:48px; text-align: center; font-family: 'graphiksemibold'; margin-bottom: 20px;}
.landing-page-main .fst_content_middle h2 span {color: #1F5F7B;}
.landing-page-main .fst_content_middle h2 label { position: relative; font-family: 'graphiksemibold';
    background: -webkit-linear-gradient(rgba(54, 84, 219, 1), rgba(85, 111, 227, 1));
    -webkit-background-clip: text;  -webkit-text-fill-color: transparent; }
.landing-page-main .fst_content_middle h2 label::before { width: 80px; height: 50px; background: url(../pics/nieuw.png)no-repeat center; background-size: contain; position: absolute; content: ""; top: -12px; right: -50px; }

.landing-page-main .fst_content_middle p{text-align: center; color: #979898; font-size: 16px; font-family: 'graphik_regularregular';  margin-bottom: 60px;}
.landingcv-page-main .fst_content_middle p { margin-bottom: 50px; }
.common-ts-btn{display: flex; align-items: center; justify-content: center;}
.common-ts-btn .cv-btn{background: #19286D;margin: 0px 10px; border-radius: 4px; min-width: 174px; padding: 16px 24px; font-size: 16px; color: #fff; font-family: 'graphik_regularregular';  }
.common-ts-btn .resume-btn{border-radius: 4px; margin: 0px 10px;height: auto;border: 1px solid transparent; padding: 16px 24px; font-size: 16px; color: #fff; font-family: 'graphik_regularregular';  background: #1F5F7B; }

.common-ts-btn .cv-btn:hover{color: #fff; background:#535f96;}
.common-ts-btn .resume-btn:hover{background: #4C7F95; color:#fff;}

.landing-images .fst-bnner-imgs{width: 100%; max-width: 592px;; height: 326px; border-radius: 6px 6px 0px 0px; /* box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.08); */ margin: 0px auto; }
.landing-images .fst-bnner-imgs img{width: 100%; height: 100%; object-fit: contain; border-radius: 6px 6px 0px 0px; object-position: bottom center; }
.landing-images .fst-bnner-imgs video{width: 100%; height: 100%; object-fit: cover; border-radius: 6px 6px 0px 0px; }
.bannerbottomdiv.logo_part_Section{background: #F5FCFF; padding: 24px 0px; }
.bannerbottomdiv.logo_part_Section p{color: #979898; font-size: 16px;  font-family: 'graphik_regularregular';  margin-bottom: 20px; text-align: center;}

.logo_part_Section.bannerbottomdiv .logostripe1{display: flex; align-items: center; justify-content:center; }
.logo_part_Section.bannerbottomdiv .logostripe1 .diff_logos{  padding-right: 0px;  height: 46px;  display: flex;align-items: center; max-width: 84px;  margin: 0px 15px;}
.logo_part_Section.bannerbottomdiv .diff_logos img{margin: 0px; max-width: 100%; max-height: 100%;}

.logo_part_Section.bannerbottomdiv .logostripe2{display: flex; align-items: center; justify-content:center;  }
.logo_part_Section.bannerbottomdiv .logostripe2 .diff_logos{  padding-right: 0px;  height: 46px;  display: flex;align-items: center; max-width: 84px;  margin: 0px 15px;}

.landing_third_section{padding:100px 0px;}
.landing_third_section .thrd_content_section .cm-title{margin-bottom: 48px;}
.landing_third_section .thrd_content_section .sub_content {padding-bottom: 30px;}
.thrd_content_section .sub_content .sub_flex{display: flex;  margin-bottom: 20px;}
.thrd_content_section .sub_content .sub_flex h6{color: #181819;line-height: 30px;margin-top: 5px; font-size: 24px;font-family: 'graphiksemibold'; margin-bottom: 0px;}
.thrd_content_section .sub_content .sub_flex img{margin-right: 9px; width: 40px; height: 40px; border-radius: 50%; object-fit: cover;}

.thrd_content_section .right_images_frame{width: 100%; height: 520px;}
.thrd_content_section .right_images_frame img{width: 100%; height: 100%; object-fit: contain;}


.cm-title{color: #181819; font-size:48px; font-family: 'graphiksemibold'; margin-bottom: 25px;}
.cm-description{ color: #979898; font-size: 20px; font-family: 'graphik_regularregular'; margin-bottom: 20px;}

.landing_frame_bottom_content{font-size:26px; font-family: 'graphiksemibold'; color: #181819; display: flex; align-items: center; padding-top: 35px;}
.landing_frame_bottom_content img{width: 70px; height: 70px; margin-right: 30px;}

.review_section{padding: 60px 0px 110px; position: relative;z-index: 0;}
.review_section .scroll_reviews_main{padding-top: 100px;}
.slider_reviews{border: 2px solid #D2D3D3; border-radius: 16px; padding: 40px; display: flex;}
.slider_reviews .slider_reviews_img{width: 200px;  height: 200px;border-radius: 8px; margin-right: 48px; overflow: hidden;}
.slider_reviews .slider_reviews_img img{width: 100%; height: 100%; object-fit: cover;}
.slider_reviews .slider_reviews_content{flex: 1; width: 100%;}
.slider_reviews .slider_reviews_content .qtleftsd_one{width:66px; margin-bottom: 10px;}
.slider_reviews .slider_reviews_content .qtleftsd_one img{width: 100%; height: 100%; object-fit: contain;}
.slider_reviews .slider_reviews_content .slider-desc{color: #181819; font-size: 20px; font-family: 'graphik_regularregular'; margin-bottom: 20px; }

.slider_reviews .slider_reviews_content .name_flex_imgs{display: flex; justify-content: space-between;}
.slider_reviews .slider_reviews_content .name_flex_imgs .user_flexs{display: flex; align-items: center;}

.slider_reviews_content .name_flex_imgs .user_flexs .mb_imgd{width: 40px; height: 40px; border-radius: 5px; margin-right:10px;}
.slider_reviews_content .name_flex_imgs .user_flexs .slder-from{color: #1F5F7B; font-size: 20px; margin-bottom: 0px; font-family: 'graphiksemibold';}
.review_section .owl-carousel.beoorde .item{padding: 0px 140px; width: 100%; display: block;}
.prev_lefts{background: #EBECED; border-radius: 8px; width: 72px; height: 72px; padding: 16px ; color: #1F5F7B; display: flex; align-items: center;justify-content: center; font-size: 20px;}
.prev_lefts:hover{background:#A2A7AD;}
.use_letter_Section{background: #F0F8FB;padding:90px 0px;}
.cm-sub_headers{}
.cm-sub_headers .cm_left_icon{margin-left: auto; width: 100px; height: 100px;display: block;}
.cm-sub_headers .cm_left_icon img{display: block; width: 100%; height: 100%; object-fit: contain;}

.user_frame_section{display: flex; flex-wrap: wrap; padding-top: 80px;justify-content: center;}
.user_frame_section .user_frame_outer{padding: 15px 0px; }

.user_frame_section .user_frame_outer:nth-child(3n+2){padding: 15px 15px;}

.user_frame_outer .user_frame_inner{background: #FFFFFF;/* height:230px; */ height: 100%; padding: 24px; border-radius: 16px; display: flex; width: 360px;}
.user_frame_outer .user_frame_inner .user_contes h5{color: #181819; font-size: 26px; margin-bottom: 10px; font-family: 'graphiksemibold';}
.user_frame_outer .user_frame_inner .user_contes p{color: #626262; font-size: 15px; margin-bottom: 10px;}
.user_frame_outer .user_frame_inner .rgt_imgs{width: 146px; margin-left: 20px;}
.user_frame_outer .user_frame_inner .rgt_imgs img{width: 100%; height: auto; object-fit: contain;}
.user_frame_outer .user_frame_inner .user_contes{flex: 1;}

.width_cover_block .user_frame_inner .rgt_imgs {height:80px; margin-left: 0px;}
.width_cover_block .user_frame_inner .rgt_imgs img{height: 100%; }

.user_frame_outer .user_frame_inner.width_sm_section1{width: 272px;}
.user_frame_outer .user_frame_inner.width_lg_section1{width: 447px;}

.user_frame_outer .user_frame_inner.width_lg_section1 .rgt_imgs{width: 171px; height:163px; margin-left: 0px;}
.user_frame_outer .user_frame_inner.width_lg_section1 p{width: 190px;}

.trust_people_section{padding: 90px 0px;}
.trust_section_row{padding-top: 90px;}
.trust_section_row .us-trust{transition: .3s all; background: #1F5F7B; border-radius: 16px; padding: 32px; margin-bottom: 30px;}
.trust_section_row .us-trust .us-flexs{display: flex;padding-bottom: 40px; align-items: center; color:#fff; font-size: 54px; font-family: 'graphiksemibold'; }
.trust_section_row .us-trust .us-flexs .dot_icons{background: #FFFFFF;margin-right: 32px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.trust_section_row .us-trust p{color: #fff; font-size: 24px; font-family: 'graphik_regularregular'; margin-bottom: 0px;}
.trust_section_row .us-trust .us-flexs .dot_icons img{width: auto; height: auto; object-fit: contain;  max-width: 100%; max-height: 100%;}
.trust_section_row .us-trust:hover{box-shadow: 4px 6px 13px #4d779d;}

.template_Section{background: linear-gradient(180deg, rgba(240, 248, 251, 0) 0%, #EAF9FF 100%); padding: 80px  0px;}
.select_temp_colors{display: flex; align-items: center; justify-content: space-between; margin: 30px 0px;}
.select_temp_colors .tx-title{font-size: 32px; font-family: 'graphiksemibold';margin-bottom: 0px; color: #1F5F7B; }
.right_codes{display: flex; align-items: center;}

.color_panels{display: flex;list-style: none; padding: 0; margin: 0px;}
.color_panels li{width: 44px; height: 44px; border-radius: 8px;padding: 6px;}
.color_panels li .colors_temp{width: 100%; height: 100%; border-radius:8px; cursor: pointer;}
.color_panels li.active{border: 1px solid;}
.color_panels .colorboom_picker{display:flex; align-items: center; justify-content: center; background: conic-gradient(from 135deg at 50% 50%, rgb(228, 58, 58) 0deg, rgb(224, 202, 83) 45deg, rgb(103, 199, 69) 95deg, rgb(66, 218, 163) 145deg, rgb(49, 187, 231) 190deg, rgb(56, 81, 214) 230deg, rgb(143, 0, 255) 280deg, rgb(231, 54, 160) 320deg, rgb(201, 73, 73) 360deg);}
.color_panels .colorboom_picker span{border: 1px solid #D2D3D3; background: #fff; cursor:pointer; border-radius: 4px; width: 24px; height: 24px; display:flex; align-items: center; justify-content: center;}

.select_temp_colors .temp-bg-colors{background: rgba(60, 95, 254, 0.12); margin-left: 20px; padding: 12px 16px 12px 18px;color: #3C5FFE;font-family: 'graphikmedium';  font-size: 16px; border: 1px solid #3C5FFE;border-radius: 4px;}
.select_temp_colors .temp-bg-colors:hover{background: rgba(60, 95, 254, 0.4);color:#3C5FFE; border: 1px dashed #3C5FFE;}

.btn:focus{box-shadow: none !important;}


.temp_cv_section{margin-bottom: 80px; overflow: hidden; }
.temp_cv_section .select_temp_colors{margin-bottom: 40px;}

.templates_scroll_bars .temp_imgs{width: 100%; margin: 0px auto; }
.templates_scroll_bars .temp_imgs .temp_lets_section{width: 100%;transition: .3s all; /* height: 474px; */ position: relative; margin-bottom: 30px;}
.templates_scroll_bars .temp_imgs .temp_lets_section img{width: 100%; height: 100%; object-fit: cover;}
.templates_scroll_bars .temp_imgs .temp_lets_section .common-ts-btn{display: none; align-items: center;justify-content: center; width: 100%; height: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background:linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}
.templates_scroll_bars .temp_imgs .temp_lets_section:hover .common-ts-btn{display: flex;}
.templates_scroll_bars .temp_imgs span{text-align: center; color: #000000; font-size: 20px; display: block;}

.templates_scroll_bars .owl-stage{display: flex;    cursor: grab;}
.templates_scroll_bars .owl-nav, .templates_scroll_bars .owl-dots{display: none;}

.build_section{background: #EBF0F7; padding: 40px 0px;}
.build_section .title{color: #000; font-size:27px; margin-bottom: 0px; font-family: 'graphikbold'; }

.landing_faqs{padding: 80px 0px;}

.landing_faqs .faqs_sections{padding-top: 50px;}
.faqs_sections .accordion-item{ border: 0px; border-radius: 0px !important; border-bottom: 1px solid #D2D3D3; /* margin-bottom: 20px; */}
.faqs_sections .accordion-item .accordion-header .accordion-button{color: #1F5F7B;box-shadow: none; background: #fff; border-radius: 0 !important; font-size:27px;font-family: 'graphiksemibold';  padding:30px 0px; padding-right: 0px;}
.faqs_sections .accordion-item .accordion-body p{margin-bottom: 0px; color: rgba(24, 24, 25, 0.48); font-size: 20px; }
.faqs_sections .accordion-item .accordion-body {padding:0px 0px 20px;}
.accordion-item:last-of-type .accordion-collapse{border-radius: 0px !important;}
.faqs_sections .accordion-item .accordion-button::after{content: ''; background:#fff url(../pics/min.svg)no-repeat center;background-size: 25px; border: 2px solid #D2D3D3; width:40px; height: 40px; border-radius: 50%;}
.faqs_sections .accordion-item .accordion-button.collapsed::after{content: ''; background:#fff url(../pics/plus.svg)no-repeat center;background-size: 25px; border: 2px solid #D2D3D3; width:40px; height: 40px; border-radius: 50%;}

.starts_carrer_Section{padding:8px 0px 112px;}
.starts_carrer_Section .career_main_Content{background: #EBF0F7; border-radius: 16px; padding: 60px; text-align: center;}
.starts_carrer_Section .career_main_Content p{margin-bottom: 60px; color: rgba(24, 24, 25, 0.48);}

.review_section .owl-dots{display: none;}


/* landing page + cv */
.ns_header .nav-bar a.cd-words-wrapper {color: #fff;}
.trust_section_row .us_hs_trust{height: 100%; padding-bottom: 30px;}
.trust_section_row .us_hs_trust .us-trust{margin-bottom: 0px; height: 100%;}

.landing_cv_pages .temp_cv_section{padding-top: 50px;}

.how_it_works{background: #F0F8FB; padding: 112px 0px 100px;}
.works_middle_conts{max-width: 1008px;width: 100%; margin: 0px auto;}

.works_middle_conts .how_cm_section{padding: 100px 0px 70px;}
.works_middle_conts .how_cm_section .left_img_sections{padding:66px 20px 30px; display: flex; align-items: center; justify-content: center; position: relative; width: 384px;  height: 384px; background: linear-gradient(180deg, #74B8AD 0%, rgba(146, 192, 166, 0) 100%); border-radius: 40px 40px 0px 0px;}
.works_middle_conts .how_cm_section .left_img_sections img{width: 100%; height: 122%; object-fit: contain;}
.works_middle_conts .how_cm_section .right_content_sec h4{color: #1F5F7B; font-size: 48px;font-family: 'graphiksemibold';  margin-bottom: 20px; }
.works_middle_conts .how_cm_section .right_content_sec p{color: #626262; font-size: 24px; font-family: 'graphik_regularregular'; margin-bottom: 0px; }
.works_middle_conts .how_cm_section .left_img_sections .left_counts{ width: 96px; height: 96px; position: absolute;right:-45px;top:-45px; border: 2px solid #1F5F7B; border-radius: 16px; background: #FFFFFF; display: flex; justify-content: center; align-items: center; font-size: 88px; font-family: 'graphiksemibold'; color: #1F5F7B;}
.works_middle_conts .how_cm_section .left_img_sections .left_counts::before{content: ''; position: absolute; border-radius: 16px; left: -9px;bottom: -9px; width: 100%; height: 100%; border: 2px solid #1F5F7B; }
.works_middle_conts .how_cm_section .count_ns{position: relative;width: 100%; height: 100%; background: #fff; border-radius: 16px;  display: flex; align-items: center; justify-content: center; padding: 8px;}

.how_cm_section.how_sm_right_sections .left_img_sections{margin-left: auto;}
.how_cm_section.how_sm_right_sections .left_img_sections .left_counts{right: 0; left: -45px;}
.how_cm_section.how_sm_right_sections .left_img_sections .left_counts::before{left: auto; right: -9px;}

.left_img_sections .hr-btns{ position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: 90%; background: #FFFFFF; color: #1F5F7B; font-size: 20px;text-align: center; font-family: 'graphiksemibold';  box-shadow: 0px 24px 24px -16px rgba(0, 0, 0, 0.32); border-radius: 6px;}
.staticmain{padding-top: 0px !important;}

/* job_form_letter */
.job_post_forms{position: relative;  max-width: 760px; width: 100%; margin: 0px auto; z-index: 0;}
.job_post_forms.searchfthome .input-group{box-shadow: none; border-radius: 8px; align-items: center; flex-wrap: nowrap; }
.job_post_forms.searchfthome .input-group .job_icons{position: absolute; left:7px; top: 50%; transform: translateY(-50%);}
.job_post_forms.searchfthome .input-group .mdhomebtn{background: #1F5F7B; position: absolute; top: 50%; transform: translateY(-50%);  right: 6px; width: 118px;padding: 16px 20px; font-family: 'graphikmedium';  color: #FFFFFF;font-size: 16px; border-radius: 4px !important;}
.job_post_forms.searchfthome #serch{border: 0; width: 100%;padding-left: 15px; border-radius: 0;color: #181819; font-size: 16px; font-family: 'graphiksemibold'; }

.job_post_forms.searchfthome .twitter-typeahead{padding: 8px 130px 8px 45px ; border: 1px solid #D2D3D3; border-radius: 8px !important;}
.job_post_forms.mdindexfrm .tt-menu{width: 100%; top: 70px !important; border: 1px solid #D2D3D3; border-radius: 8px !important; box-shadow: none; }
.job_post_forms.searchfthome .tt-dataset{margin: 0px; border: 0;}
.job_post_forms.searchfthome .tt-suggestion{color: #181819; font-size: 16px; font-family: 'graphikmedium';padding: 12px !important;}
.job_post_forms.searchfthome .tt-suggestion:hover{background: rgba(31, 123, 112, 0.12); border-radius: 4px;}

/* FAQ page */
.faq_page_Sections.landing_faqs{padding: 80px 0px;}

.faq_page_Sections .faqs_sections .accordion-item .accordion-body{padding: 0px;}
.faq_page_Sections .faqs_sections .accordion-item .accordion-header .accordion-button{font-family: 'arialregular';font-weight: 600;font-size: 20px; padding: 20px 0px; }
.faq_page_Sections .faqs_sections .accordion-item .accordion-body p{font-size: 16px;}
.faq_page_Sections .cm-sub_headers .cm-title{ font-size: 40px; margin-bottom: 20px;}
.faq_page_Sections .cm-sub_headers .cm-description{font-size: 16px;}

.faq_contact{padding: 0px 0px 80px;}
.faq_contact_sections{background: rgba(60, 95, 254, 0.12); border-radius: 16px; padding: 80px; text-align: center;}
.faq_contact_sections .cm-title{ font-size:32px; margin-bottom: 10px;}
.faq_contact_sections .cm-description{font-size:20px;margin-bottom: 40px;}

.user_contact_imgs{display: flex; align-items: center; justify-content: center; margin-bottom: 40px;}
.user_contact_imgs .user_imgs1{border: 6px solid #FFFFFF; width: 64px; height: 64px; border-radius: 50%; margin-left: -14px;}
.user_contact_imgs .user_imgs1 img{width: 100%; height:100%; object-fit: cover; border-radius: 50%;}
.user_contact_imgs .user_imgs1.user_imgs2{transform: scale(1.35); border-width: 4px; margin-top: -30px;}

/* Contact page */

.conatct_Page{padding: 80px 0px;}
.conatct_Page .contact_top_Section{padding-bottom:64px; border-bottom:2px solid #D2D3D3;}
.contact_top_Section .left_Section{max-width: 385px; width: 100%;}
.contact_top_Section .left_Section .map_imgs{width: 100%; height: 500px; position: relative; border-radius: 8px; margin-bottom: 32px;}
.contact_top_Section .left_Section .map_imgs img{width: 100%; height: 100%; object-fit: cover; border-radius: 8px; }
.left_Section .lct_txt{position: absolute; width: 100%; bottom: 0; left: 50%; transform: translateX(-50%);  text-align: center; padding: 30px; color: #fff; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-family: 'graphiksemibold'; font-size: 48px; }

.map_locations{background: #EBECED; border-radius: 8px; padding: 24px;}
.map_links_icons{ display: flex; margin-bottom: 25px;}
.map_links_icons .mp_icons{background: #1F5F7B;border-radius: 50%;padding: 8px; width: 40px; height: 40px; margin-right: 15px; display: flex; align-items: center; justify-content: center;}
.map_links_icons .mp_icons img{width: 100%; height: 100%; object-fit: contain;}
.map_links_icons .links_mp{color: #181819; font-size: 16px;margin-top: 5px; text-decoration: none; flex: 1;}

.cms_title_sec{display: flex; margin-bottom:35px;}
.cms_title_sec .line{background: #1F5F7B; border-radius: 16px; width: 8px;  margin-right: 16px; }
.cms_title_sec .lft_contents{flex: 1;}
.cms_title_sec .lft_contents h4{font-size: 40px;  font-family: 'graphiksemibold'; color: #181819; margin-bottom: 10px;}
.cms_title_sec .lft_contents p{color: #626262; font-size: 14px; margin-bottom: 0px;}
.cms_title_sec .lft_contents p a{color: #3C5FFE; text-decoration: none;}

.common-form .form-group{margin-bottom:25px;}
.common-form label{color: #181819; font-size: 14px;font-family: 'graphikmedium'; margin-bottom:5px; }
.common-form .form-group .form-control{border: 1px solid #D2D3D3;min-height: auto;height: auto !important;resize: none; padding: 16px; font-size: 14px;color: #181819; border-radius: 8px !important;}
.common-form .form-group .form-control::placeholder{color: #626262;}
.common-form .form-group .form-control:focus{box-shadow: none; border-color: #1F5F7B;  background-color: rgba(31, 123, 112, 0.12);}
.common-form .contactbtn{background: #3C5FFE; color: #fff; text-align: center; font-size: 16px; font-family: 'graphikmedium';  border-radius: 4px; padding: 20px;}
.common-form .contactbtn:hover{background: #8193E7;}
.common-form .form-group.has-error .form-control{ background: rgba(246, 53, 111, 0.24); border: 1px solid #F73541;}
.common-form .form-group.has-error .form-control::placeholder{color: #F73541; }


.contact_bottom_Section{padding-top: 64px;}
.join_grps{background: rgba(31, 123, 112, 0.12); padding: 56px 67px;  border-radius: 16px; position: relative;}
.join_grps::before{content: ''; position: absolute; background: url(../pics/contact_vectors.svg)no-repeat; background-size: cover; width: 100%; height:100%; left: 0; top: 0;}

.join_contents{position: relative;}
.join_contents h2{color: #1F5F7B; font-size: 40px;font-family: 'graphiksemibold'; margin-bottom: 20px; text-align: center; }
.join_contents p{color: #626262; font-size: 16px; margin-bottom: 30px; text-align: center; font-family: 'graphik_regularregular';}

.join_contents .map_links_icons{transition: .3s all; background: rgba(31, 123, 112, 0.16);align-items: center; padding: 6px 16px 6px 6px; border-radius: 40px; margin-bottom: 16px;}
.join_contents .map_links_icons .links_mp{margin-top: 0px; }

.join_contents .map_links_icons:hover{box-shadow: 4px 6px 13px #4d779d;}


.mail_snd{text-align: center; padding-top: 50px;color: #181819; font-size: 16px; font-family: 'graphik_regularregular';}
.mail_snd label{color: #181819; font-family: 'graphik_regularregular';}
.mail_snd a{color: #1F5F7B;transition: .3s all; text-decoration: none;}
.mail_snd a:hover{font-family: 'graphikmedium'; text-decoration: underline;}

.card_members{border: 1px solid #D2D3D3;  border-radius: 16px; height: 100%; }
.card_members .card-body{padding: 32px; text-align: center;}
.card_members .card-body .card-img {width: 112px; height: 112px; border-radius: 50%; margin:0px auto 32px; overflow: hidden;}
.card_members .card-body .card-img img{width: 100%; height: 100%; object-fit: cover; }
.card_members .card-body .title{color: #181819; font-size: 24px; font-family: 'arialregular';font-weight: 700; margin-bottom: 10px;}
.card_members .card-body p{color: #626262; font-size: 16px; font-family: 'graphik_regularregular'; margin-bottom: 42px;}
.card_members .card-body .cancel_subscription{color: #F73541; font-size: 16px; font-family: 'graphikmedium'; }

/* .modal-open .headerfixed{z-index: unset;}
.modal-backdrop { display: none; } */
.modal { background: rgba(24, 24, 25, 0.8);}
/* .modal-backdrop {display: none;} */

/* modal  */
.modal.cm-modals .modal-dialog-centered{max-width: 592px !important; /* margin-top: 120px; */}
.modal.cm-modals .modal-dialog-centered .modal-content{border-radius: 16px; border: 0;}

.modal.cm-modals .modal-dialog-centered .modal-body{padding: 32px;}

.ms-title{text-align: center; color: #181819; font-size: 32px; margin-bottom: 15px; font-family: 'graphikbold';}
.ms-description{text-align: center; margin-bottom: 30px; color: #626262; font-size: 16px; font-family: 'graphik_regularregular'; }
.thnk-img{/* background: #EBECED; */ border-radius: 8px; max-width: 328px;width: 100%; height: 194px; overflow: hidden; margin:0px auto 45px;}
.thnk-img img{width: 100%; height: 100%; object-fit: contain;}
.btn.close-btns{background-color: #F73541;display: flex; align-items: center; border-radius: 4px; padding: 16px 24px;min-width: 160px; color: #fff; text-align: center ; font-size: 16px; font-family: 'graphikmedium'; width: max-content; /* margin: 0px auto; */ justify-content: center; }
.btn.close-btns:hover{background-color: #d06a71 ; color: #fff;}

#thankyouModal .thank-you-content .btn.close-btns{margin: 0px auto;}

.modal.cm-modals .thank-you-content{padding-top: 60px;}
.modal.cm-modals .thank-you-content .ms-description{margin-bottom: 52px;}

/*  cancel_subscription */
.btn-close{background-color: #D2D3D3 !important ; transition: .3s all; padding: 0 !important; border-radius: 4px !important; width: 36px !important; height: 36px !important; display: flex; align-items: center; justify-content: center; opacity: 1 !important; background-size: 14px !important;}
.btn-close:focus{box-shadow: none !important;}
.btn-close:hover{background-color: #e0ebeb !important;}

.cancel_subscription_offcanvas.offcanvas-end{max-width: 768px; width: 100%; }
.cancel_subscription_offcanvas.offcanvas-end .offcanvas-body{padding: 64px;padding-top: 10px;}
.reason-box{border: 1px solid #D2D3D3;margin:50px 0px; border-radius: 8px; padding: 16px; color: #626262; font-size: 16px ; font-family: 'graphik_regularregular';}
.cm-btns-multis{display: flex; align-items: center; justify-content: flex-end;}
.cm-btns-multis .cancels-text{color: #181819; font-size: 16px; font-family: 'graphikmedium';  margin-right: 50px; cursor: pointer; }

/* login-page */

.header-login{background: #181819; padding: 20px 0px;}
.header-login .header-news{display: flex; align-items: center;}
.header-login .header-news .back-btn{background: #313131; border-radius: 4px; padding: 12px 24px 12px 20px; color: #fff; width: auto; font-size: 16px;  font-family: 'graphikmedium'; }
.header-login .header-news .power_img{width: 120px; height: auto; margin-left: 32px;}
.header-login .header-news .power_img img{width: 100%; height: 100%; object-fit: contain;}

.login-page{background: #E3E4E4; padding: 64px 0px;padding-top:85px; min-height: 100vh; display: flex; align-items: center;}
.login-page-mains{ max-width: 592px;width: 100%;margin: 0px auto; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.12);border: 1px solid #799FB0; background: #fff; border-radius: 16px; }

.login-page-mains .nav-pills{padding: 10px;}
.login-page-mains .nav-pills .nav-item{width: 50%; padding: 5px;}
.login-page-mains .nav-pills .nav-link{border: 1px solid #D2D3D3;width: 100%; padding: 20px; border-radius: 8px; color: #181819; font-size: 14px;  font-family: 'graphikmedium'; }
.login-page-mains .nav-pills .nav-link.active{background: rgba(31, 123, 112, 0.12); border: 1px solid #1F5F7B; }
.login-page-mains .nav-pills .nav-link:hover{background: rgba(31, 123, 112, 0.12);}

.login_box_contents{padding:20px 35px;}
.login_box_contents .cms_title_sec .lft_contents h4{font-size:24px;}

.forgot_text a{color: #3C5FFE;margin-bottom: 20px; font-size: 16px; font-family: 'graphik_regularregular'; text-decoration: none; display: inline-block;}
.forgot_text a:hover{color: #1F5F7B; }

.login_txts{color: #626262; font-size: 16px; margin:30px 0px; text-align: center; position: relative;}
.login_txts::before{position: absolute; content: ''; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px ; background: #D2D3D3;}
.login_txts span{padding: 0px 10px; background: #fff; position: relative;}

.social-btn .socail-btn-links{margin-bottom: 16px;transition: .3s all; cursor: pointer; background: #fff;height: auto; border: 1px solid #D2D3D3;text-align: center; border-radius: 4px; padding: 16px 24px 16px 20px; font-size: 16px; color: #181819;  font-family: 'graphikmedium';  }
.social-btn .socail-btn-links img{width: 20px; height: 20px; margin-right: 8px; object-fit: contain;}
.social-btn a{text-decoration: none;}
.social-btn .socail-btn-links:hover{background: rgba(31, 123, 112, 0.12); border-color:#1F5F7B;}

.common-form .form-group {position: relative;}
.common-form .form-group .pss-eye-show{position: absolute;cursor: pointer; right: 10px; top: 52px; /* transform: translateY(-50%); */}

.already_text{text-align: center; color: #626262;font-family: 'graphik_regularregular';  font-size: 16px; margin-top: 30px;}
.already_text a{color: #3C5FFE; text-decoration: none;}
.already_text a:hover{color: #1F5F7B;}


/* dashboard-profile */

.dashbord_paddings {padding-top:75px;}

.dashboard-page{background: #EBECED; padding: 64px 0px;}
.left_menu_links{width: 260px; list-style: none; padding: 0; margin: 0; border-radius: 16px; background: #fff; position: fixed; top:auto; }
.left_menu_links li:last-child .sub_links{ border-radius:0px 0px 16px 16px;}
.left_menu_links li:first-child .sub_links{border-radius: 16px 16px 0px 0px;}

.left_menu_links li .sub_links{color: #181819; padding: 24px 20px;border: 0px solid transparent; border-bottom: 1px solid #D2D3D3; text-decoration: none; font-size: 16px;  font-family: 'graphikmedium'; display: flex; align-items: center;  }
.left_menu_links li .sub_links img{width: 24px; height: 24px; margin-right: 16px; object-fit: contain;}
.left_menu_links li .sub_links .active_icons{display: none;}
.left_menu_links li .sub_links.active .active_icons, .left_menu_links li .sub_links:hover .active_icons{display: block;}
.left_menu_links li .sub_links.active .normal_icons, .left_menu_links li .sub_links:hover .normal_icons{display: none;}
.left_menu_links li .sub_links:hover, .left_menu_links li .sub_links.active{background: rgba(31, 123, 112, 0.12); border: 1px solid #1F5F7B;}

.profile-content-right{background: #FFFFFF; padding: 40px;  border-radius: 16px; margin-bottom: 32px;}
.profile-content-right .cms_title_sec .lft_contents h4{font-size:28px;}
.profile-content-right .cms_title_sec {margin-bottom: 45px;}

.profile_img_Section{display: flex; align-items: center; margin-bottom:32px;}
.profile_img_Section .profile_img{border-radius: 8px; width: 120px; height: 120px;overflow: hidden; margin-right: 16px; }
.profile_img_Section .profile_img img{width: 100%; height:100%; object-fit: cover;}
.profile_img_Section .title{color: #23262F; font-size: 16px; font-family: 'graphikmedium'; margin-bottom: 24px; }
.profile_img_Section .profile_right_content .pfo-btns{display: flex; align-items: center;}
.pfo-btns .upload_pro{display: inline-flex;  max-width: 158px; align-items: center; background: rgba(60, 95, 254, 0.12);position: relative; padding: 8px 12px;  border-radius: 6px; color: #3C5FFE; font-size: 16px; font-family: 'graphik_regularregular';   }
.pfo-btns .upload_pro:hover{background: rgba(60, 95, 254, 0.4);}
.pfo-btns .delete-pro, .removePropic{display: inline-flex;  align-items: center; background: rgba(246, 53, 111, 0.24);margin-left:20px;  border-radius: 6px; color: #F73541; padding: 8px 12px;  font-size: 16px; font-family: 'graphik_regularregular';  }
.pfo-btns .delete-pro:hover, .removePropic:hover{background: rgb(246 53 111 / 38%);}
.pfo-btns .delete-pro img, .pfo-btns .upload_pro img{margin-right: 8px;}

.upload_pro.btn .input-file{  opacity:0;  position: absolute;left: 0; width: 100%; height: 100%; top: 0; cursor: pointer;}

.pro_mail_us_icons{width: 72px; height: 72px; margin-left: auto;}
.pro_mail_us_icons img{width: 100%; height: 100%; object-fit: contain;}

/* toggle switch */
.switch {position: relative;display: inline-block;width: 60px; height: 34px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background: rgba(31, 123, 112, 0.12);-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 3px; background:#1F5F7B; -webkit-transition: .4s;transition: .4s;}
.slider::after{position: absolute; content: ''; width:7px; height: 7px; border-radius: 50%; background: rgb(228 239 238); left: 14px; top: 15px;  -webkit-transition: .4s;transition: .4s;}

input:checked + .slider {background: #1F5F7B;}
input:checked + .slider:before {background: #fff; -webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
input:checked + .slider::after {background: #1F5F7B; -webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.subscribe-toggle{display: flex; align-items: center;}
.subscribe-toggle .label_txt{color: #626262; font-size: 16px; font-family: 'graphik_regularregular'; margin-left: 16px;}

.delete_text{color: #F73541; font-size: 16px; display: inline-block;cursor: pointer; font-family: 'graphikbold'; margin-bottom: 28px;}
.info_txt{color: #626262; font-size: 12px; font-family: 'graphik_regularregular'; align-items: self-start; display: flex;}
.info_txt img{margin-right: 8px;}
.info_txt span{flex: 1;}

.user_type_plan .plan_box{display: flex; border: 1px solid #626262; background: #EBECED; padding: 16px 24px 24px 16px; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.12); border-radius: 8px;}
.user_type_plan .plan_box.permium_plan{border: 1px solid #1F5F7B;  background: rgba(31, 123, 112, 0.12); }
.user_type_plan .plan_box.permium_plan .right_content .d-plan_fst  .title{color: #1F5F7B;}

.user_type_plan .plan_box .left_iocn{width: 56px; height: 56px; border-radius: 50%; margin-right: 16px;}
.user_type_plan .plan_box .left_iocn img{width: 100%; height: 100%; object-fit: contain;}
.user_type_plan .plan_box .right_content {flex: 1;}
.user_type_plan .plan_box .right_content .d-plan_fst{display:flex; align-items: center; justify-content: space-between;}
.user_type_plan .plan_box .right_content .d-plan_fst  .title{ font-family: 'graphikbold'; color: #181819; text-transform: uppercase; font-size: 28px; margin-bottom: 10px;}
.user_type_plan .plan_box .right_content .d-plan_fst .prices{font-family: 'graphikbold'; color: #181819; font-size:28px; margin-bottom: 10px;}
.user_type_plan .plan_box .right_content .d-plan_fst .prices sub{font-size: 16px; font-family: 'graphik_regularregular'; }
.user_type_plan .plan_box .right_content .end_date_flex{display:flex; align-items: center; justify-content: space-between;}
.user_type_plan .plan_box .right_content .date_renews{font-size: 16px; color: #181819; font-family: 'graphik_regularregular'; margin-bottom: 10px; }
.user_type_plan .plan_box .right_content .date_renews span{font-family: 'graphikbold'; display: block; font-size: 20px;}

.user_type_plan .plan_box .right_content .toggle_flex{display: flex; align-items: center; font-size: 16px; color: #181819; font-family: 'graphik_regularregular'; margin-bottom: 10px;}
.user_type_plan .plan_box .right_content .toggle_flex .txt_uit{margin: 0px 10px;}

.user_type_plan .plan_box  .text_plans{display:flex; align-items: flex-end; justify-content: space-between; }
.user_type_plan .plan_box  .text_plans .info_txt{max-width: 343px;align-items: start; width: 100%; padding: 4px 6px 4px 4px; color: #13394A; font-weight: 600; border: 1px solid #13394A; border-radius: 4px;}
.user_type_plan .plan_box .pre_text_plan{color: #F73541; font-size: 16px; font-family: 'graphikbold';  }


.plan_box .right_content .toggle_flex .slider{background: #FFFFFF;}
.plan_box .right_content .toggle_flex .slider:before{background: #D9D9D9; height:38px; width: 38px;}
.plan_box .right_content .toggle_flex .slider:after{background: #fff; left: 19px; top: 19px;}
.plan_box .right_content .toggle_flex .switch{width: 84px; height: 44px;}

.plan_box .right_content .toggle_flex input:checked + .slider {background: #1F5F7B;}
.plan_box .right_content .toggle_flex input:checked + .slider:before {background: #fff; -webkit-transform: translateX(38px);-ms-transform: translateX(38px);transform: translateX(38px);}
.plan_box .right_content .toggle_flex input:checked + .slider::after {background: #1F5F7B; -webkit-transform: translateX(38px);-ms-transform: translateX(38px);transform: translateX(38px);}

.upgrade_primium{background: #FFCE51;padding: 12px 24px; color: #181819; font-size: 16px; font-family: 'graphikbold';  text-transform: uppercase; border-radius: 4px; }

.pb_bottom { display: flex; align-items: center; }
/* .user_type_plan .voucher_code_box { display: none; } */
.voucher_code_box  .left_iocn { border: 4px solid #181819; display: flex; align-items: center; justify-content: center; }
.voucher_code_box  .left_iocn img { width: 32px !important; height: 32px !important; }
.toepassen_btn { background: #3c5ffe; color: #fff !important; }
.code_type_block { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 15px; }
.code_type_block .code_inputs { display: block;  }
.code_type_block .code_inputs .form-group { display: flex; align-items: center; }
.code_type_block .code_inputs .form-group .form-control { width: 40px; margin-right: 4px; text-align: center; padding: 16px 10px; }  
.code_type_block .dash { color: #181819; font-size: 20px; font-family: 'graphikbold'; display: inline-block; margin: 0px 5px; margin-right: 10px; }

.code_type_block .code_inputs .form-group .form-control.error { border-color: #f65050; background-color: rgba(213, 86, 86, 0.12); }

.vouchercode_open { margin-right: 15px; }
.vouchercode_open a { color: #3c5ffe; font-size: 14px; text-decoration: none !important; font-family: 'graphikmedium';  }
.vouchercode_open img { width: 14px; height: 14px; object-fit: contain; object-position: center; }

/* header=row */
.header-login.dashboradheader{padding: 11px 0px;overflow: visible; height: auto;}
.header_row{display: flex; align-items: center; justify-content: space-between;}
.user_row .user_toggles{background: #FFFFFF; border-radius: 48px; padding: 6px 8px 6px 6px; color: #181819;font-size: 16px; font-family: 'graphiksemibold' !important; display: flex; text-decoration: none; align-items: center; }
.user_row .user_toggles .user-img{width: 33px; height: 33px; object-fit: cover; border-radius: 50%; margin-right: 8px;}
.user_row .user_toggles.dropdown-toggle::after { display: inline-block; margin-bottom: 6px; width:7px;  height:7px; content: "";  border: none; vertical-align:4px; margin-left: 10px; border-bottom: 1px solid #000; border-left:1px solid #000; transform: rotate(-45deg);}
.user_row .user_drop_menus li .dropdown-item{margin: 0px !important; font-size: 12px;display: flex;align-items: center; padding: 8px 15px; color: #181819; font-family: 'graphikmedium'; }
.user_row .user_drop_menus li .dropdown-item img{margin-right: 10px; width: 14px; height: 14px; object-fit: contain;}
.user_row .user_drop_menus li .logout_classs{color: #F6356F; }
.user_row .user_drop_menus li .dropdown-item.active, .user_row .user_drop_menus li .dropdown-item:hover{background: rgba(31, 123, 112, 0.12); font-family: 'graphikmedium'; }

/*  */

.cancel_subscription_offcanvas.offcanvas_end_tops{top: 78px;}
.offcanvas-body{scrollbar-width: thin;}

/* other-header */

.ns_header.dashboradheader{height: auto; padding:13px 0px; overflow: visible; }
.ns_header.dashboradheader .navbar-brand{padding: 0px;}

/* resume dashboard */
.profilepage.cv_form_news{background: #EBECED;}
.all_saved_templates .cms_title_sec{margin-bottom: 0px;}
.all_saved_templates .cms_title_sec .lft_contents h4 { font-size:23px; margin-bottom: 0px;}

.modal.cm-modals.cm-modal_temps .modal-dialog-centered {max-width: 711px !important; margin-top:20px;}
.cm-modal_temps .modal-header{align-items: flex-start;border-bottom: 0px; text-align: center; display: block;}
.cm-modal_temps .modal-header p{color: #626262; font-size: 16px; margin-bottom:0px; margin-top: 10px;}
.cm-modal_temps .modal-title{color: #181819; font-size: 28px;  font-family: 'graphiksemibold';}
.cm-modal_temps .modal-footer .btn-primary{background: #1F5F7B; color: #fff; border-radius: 4px; padding: 10px 16px; border-color: #1F5F7B;}
.cm-modal_temps .modal-footer .btn-primary:hover{background: #4C7F95;}
.cm-modal_temps .pdf_links{color: #181819;  font-size: 16px; text-decoration: none ; margin-top: 3px;}
.cm-modal_temps .pdf_links i{color: #1F5F7B; margin-right: 8px; font-size: 20px; font-weight: 700;}
.cm-modal_temps .bootstrap-tagsinput{padding:16px; border-radius: 6px;}

.resume_combine_thumb img, .letter_combine_thumb img{border: 1px solid #D2D3D3; object-fit: cover; object-position: top;width: 100%; border-radius: 4px; overflow: hidden;  max-width: 100%; height:412px;}

.file-name-text{display: flex;align-items: flex-start; justify-content: flex-start;text-align: start;}
.file-name-text img{border: 1px solid #799FB0; margin-right: 8px; border-radius: 8px; width: 32px;  height: 32px; padding: 6px;}
.size12{color: #626262; }
.cm-modal_temps  .file_clip_row .form-group{margin-bottom: 0px;}
.cm-modal_temps .modal-footer{border: 0; padding: 0px;}
.combine_cv_letter_form .combiner_dwnld_btn{background: #3C5FFE;padding: 10px 16px;color: #fff; border-radius: 4px;}

.combine_cv_letter_form  .choose_cv_fst{margin-bottom: 32px;}


/* cv create new templates */

.title-editor{color: #fff; font-size: 32px;  font-family: 'graphiksemibold'; display: flex; align-items: center; margin-left: 16px;}
.title-editor span{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px;}
.title-editor img{margin-left: 16px; cursor: pointer;}

.profilepage.cv_form_news .cvform_padding{/* padding: 30px 0px 30px 30px; */}

.profilepage.cv_form_news .fn_section_panel .cv_component{background: #FFFFFF; border-radius: 8px; padding: 24px;}
#cv_editor .add_more_link{font-family: 'graphiksemibold';}
#cv_editor .cv_section_sub_title{font-size: 16px ; color: #626262;  font-family: 'graphik_regularregular'; margin-bottom: 20px; }

.fb_heading_cvs p{color: #626262; font-size: 16px;  font-family: 'graphik_regularregular'; margin-bottom: 0px; }

.custom_dropup .dropdown-toggle::after { display: inline-block; margin-bottom: 6px; width:7px;  height:7px; content: "";  border: none; vertical-align:4px; margin-left: 10px; border-bottom: 1px solid #000; border-left:1px solid #000; transform: rotate(-45deg);}
.custom_dropup li .dropdown-item{margin: 0px !important; font-size: 12px;display: flex;align-items: center; padding: 8px 15px; color: #181819; font-family: 'graphikmedium'; }
.custom_dropup li .dropdown-item img{margin-right: 10px; width: 14px; height: 14px; object-fit: contain;}
.custom_dropup li .dropdown-item.active, .custom_dropup li .dropdown-item:hover{background: rgba(31, 123, 112, 0.12);}

.check-boxs.currently_check_zlw494{margin:20px 0px; text-align: right;}

.ql-toolbar.ql-snow{border: 1px solid #D2D3D3;  border-radius: 8px 8px 0px 0px;}
.ql-container.ql-snow{border: 1px solid #D2D3D3;border-top: 0px; border-radius: 0px 0px 8px 8px ;}
.ql-container.ql-snow .ql-editor{font-size: 16px;}
/* check-box-css */
.custom-checks { background: none;padding-top: 0px; padding-bottom: 0px; padding-left: 2px; width: 100% !important;}
.checkbox {display: inline-block; position: relative; padding-left: 32px; font-family: 'graphik_regularregular' !important; cursor: pointer;font-size: 16px; -webkit-user-select: none; color: #181819; -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 12px;}
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.custom-checks .checkmark { background-color: #fff; border: 1px solid #D2D3D3;border-radius: 4px; top: 50%; transform: translateY(-50%); left: 0px;}
.checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 24px; }
.custom-checks .checkmark::after {left: 9px; width: 6px;height: 16px;top: 3px;}
.checkmark::after { display: none;}
.checkmark::after {content: "";position: absolute;left: 6px;top: 0px;width: 8px;height: 15px; border: solid white; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark { background-color: #1F5F7B; border:0;}
input:checked ~ .checkmark::after { display: block;}

.skills-flex{display: flex; flex-wrap:wrap ; align-items: center;}
.skills-flex .fn_flex_wowe2w {margin-bottom: 0px; }
.skills-flex  .line-borders{ margin: 0px 10px; background: #D2D3D3; width: 16px; height: 2px;}

.SkillLevelSelect__level_selected {background: #fff;  border: 1px solid #D2D3D3; min-height: auto; height: auto !important;resize: none; padding: 16px; font-size: 16px; color: #181819; border-radius: 8px !important;}

.ref_boxs{background: rgba(31, 123, 112, 0.12);padding:16px; border-radius: 8px; margin-top:10px;}
.ref_boxs .check-boxs.currently_check_zlw494{text-align:left; margin:0px;}
.ref_boxs .check-boxs.currently_check_zlw494 .checkbox{margin-bottom:0px;}

.fn_flex_subheader{display:flex; flex-wrap:wrap;}

.cm-email-sp{display:flex;word-break: break-word; color: #626262; font-size: 16px ;  margin-top: 8px; font-family: 'graphik_regularregular'; margin-right:20px;}
.cm-email-sp img{width: 17px; margin-right: 5px;object-fit: contain;}

.upload_wrapper_4swriww.media{display:flex;}
.pro_delete_flex{display:flex; }
.del_text{color: #F73541 !important; font-size:16px; margin-left: 10px;}

.title-editor{position:relative;}
.title-editor .hide{display:none;}
.title-editor .undoredo{padding: 0; background: transparent; border: 0;border-radius: 0px !important; color: #ccc; width: 200px; border-bottom: 1px solid #ccc; font-size: 24px;}
.headeer_forms{height:auto !important}
.tooltip{z-index: 1;}

.undo_redo_option{display:flex; }
.undo_redo_option i{background: #49494A;cursor:pointer; border-radius: 4px; width: 44px; height: 44px; color:#fff; padding:12px; display: flex; align-items: center; justify-content: center; margin: 0px 5px;}

.template_Select-downlods{display:flex; align-items:center; justify-content:space-between; width:100%; position:absolute; bottom:0px; left:0px; padding:20px;}
.template_Select-downlods .select-temp-pre{background: #49494A;cursor:pointer; border-radius: 4px; color:#fff;  font-family: 'graphikmedium'; font-size: 16px; padding:16px; display: flex; align-items: center; justify-content: center; }
.template_Select-downlods .download-temp-pre{background: #FFCE51;text-decoration:none; border-radius: 4px;border: 0; padding:16px; color: #181819;   font-family: 'graphikmedium'; font-size: 16px; display: flex; align-items: center; justify-content: center;}
.template_Select-downlods .select-temp-pre img, .template_Select-downlods .download-temp-pre img{margin-left:8px;}

.cv_progress_bar{background: #FFFFFF;padding:16px;margin-bottom:32px; border-radius: 8px; overflow-x: auto;}
.cv_progress_bar ul{list-style:none; padding:0px; margin:0px; display:flex; justify-content: space-between;}

.cv_progress_bar .cv_progess_fb{width:auto; color: #181819;text-decoration: none; /* margin:0px 15px;  */font-size:13px; text-align:center; display:flex; flex-direction:column; align-items: center;}
.cv_progress_bar .cv_progess_fb .cv_pro_icon{border: 2px solid #1F5F7B;padding:5px; border-radius:50%; width:35px; height:35px; display:flex; align-items:center; justify-content:center; margin-bottom:8px;}
.cv_progress_bar .cv_progess_fb .cv_pro_icon svg{fill:#1F5F7B; width: 100%; height: 100%;}

.cv_progress_bar .cv_progess_fb.active .cv_pro_icon{background:#1F5F7B;}
.cv_progress_bar .cv_progess_fb.active .cv_pro_icon svg{fill:#fff;}

.cv_progress_bar ul li:first-child .cv_progess_fb {margin-left:0px}
.cv_progress_bar ul li:last-child .cv_progess_fb {margin-right:0px}

.cv_progress_bar .line-bars{background: #D2D3D3;height:3px; width:19px; border-radius: 8px; margin:20px 10px 0px 10px ;}
.cv_progress_bar .line-bars.active{background:#1F5F7B;}
.cv_progress_bar .line-bars.disable_progrss{background: #EBECED;}

.cv_progress_bar .cv_progess_fb.disable_progrss .cv_pro_icon{background: #EBECED; border-color:#EBECED; color: #979898; }
.cv_progress_bar .cv_progess_fb.disable_progrss .cv_pro_icon svg{fill:#979898;}

/*  */
.common-title-templates{padding:32px;}
.titles_temsps{color: #181819; font-size:32px; font-family: 'graphiksemibold'; margin-bottom:0px; }
.btn-close-temps{background: #D2D3D3;display:inline-flex;align-items:center; padding:8px 20px;margin-left:auto;  text-decoration:none; color: #181819;cursor:pointer; font-size:16px;  font-family: 'graphiksemibold'; border-radius: 4px;}
.btn-close-temps:hover{color: #181819; background: #B5B7B7;}
.btn-close-temps span{margin-left:10px;}

.customise_bolcks{background: #FFFFFF;padding:24px;margin-bottom:32px;  border-radius: 8px;}
.customise_bolcks .title{color: #181819; font-size:20px; font-family: 'graphiksemibold'; margin-bottom:20px;}
.customise_restes{display:flex;}
.customise_restes .btn-close-temps{margin-right:10px;}

.text_drag{color: #626262; font-size:16px; margin-top:8px;}

.section_sorting_item .sorting-block-12s{border: 1px solid #D2D3D3;height:100%; padding: 16px; border-radius: 16px;}
.section_sorting_item .sorting-block-12s .sortable_2829wew li{margin-bottom:15px;cursor:pointer; text-transform: uppercase; background: rgba(60, 95, 254, 0.12); border-radius: 8px; padding: 21px 12px; color: #181819; font-size:16px; font-family: 'graphiksemibold';  text-align:center;}
.section_sorting_item .sorting-block-12s .sortable_2829wew {list-style:none; padding:0; margin:0;}
.section_sorting_item .sorting-block-12s .sortable_2829wew li i{display:none;}
.section_sorting_item .sorting-block-12s .sortable_2829wew li:hover{background: rgba(60, 95, 254, 0.48);}

.section_sorting_item .sorting-block-12s .sortable_2829wew li.ui-sortable-helper,
.section_sorting_item .sorting-block-12s .sortable_2829wew li.sortable-chosen,
.section_sorting_item .sorting-block-12s .sortable_2829wew li.sortable-ghost
{background: rgba(246, 53, 111, 0.24); /* cursor:url(../pics/stop.png), auto; */}
.section_sorting_item .sorting-block-12s .sortable_2829wew li:focus{background: rgba(246, 53, 111, 0.24); /* cursor:url(../pics/stop.png), auto; */}

.dragger_handle {cursor: move;}


.section_sorting_item .sorting-block-12s .sortable_2829wew li:last-child{margin-bottom:0px}
.section_sorting_item .sorting-block-12s .header_block_sort{color: #181819; height: 64px;display:flex; align-items:center; justify-content:center; font-size:16px; font-family: 'graphiksemibold';  background: #D2D3D3; border-radius: 8px; }

.preview-overlays .header-login.dashboradheader{z-index: 0;}
/* #context_preview_model::before {content: ''; position: absolute; left: 0; top: 0;right: 0;bottom: 0; background: #181819; width: 100%; height:100%; } */
#context_preview_model .fn_back_to_editor{background: #181819; text-decoration: none; border-radius: 4px; padding: 12px 20px;color: #fff; text-align: center; width: 110px; font-size: 16px; font-family: 'graphikmedium';}
#context_preview_model iframe{width:100%; height: 100vh;}

.cm-btn-collapsings .delete-btn{background: rgba(246, 53, 111, 0.24);padding: 16px 20px;color: #F73541;font-size: 16px !important; border-radius: 4px; }

/* crop image Modal */

.crop_image_modal.cm-modal_temps .modal-header{ justify-content: center; border: 0; padding-top: 30px; padding-bottom: 0;}

.crop_image_modal.cm-modal_temps .fn_choose_image{background: #1F5F7B;border-color: #1F5F7B; padding: 10px 16px; color:#fff; font-size: 16px; border-radius: 4px;}

.cancel-text{font-size: 16px; cursor: pointer;   font-family: 'graphikmedium';  color: #181819;}
.crop_btn_flex{display: flex; justify-content: flex-end;}
.crop_image_modal.cm-modal_temps .crop_btn_flex .fn_choose_image{background: #3C5FFE; border-color: #3C5FFE; margin-right: 10px; }
.crop_image_modal.cm-modal_temps .crop_btn_flex .fn_crop_image{background: #1F5F7B;border-color: #1F5F7B; padding: 10px 16px; color:#fff; font-size: 16px; border-radius: 4px;}
.croppie-container .cr-viewport, .croppie-container .cr-resizer{border: 2px solid #3C5FFE !important; }

.crop_image_modal.cm-modal_temps .crop_btn_flex .fn_crop_image:hover{background: #4C7F95;}
.crop_image_modal.cm-modal_temps .crop_btn_flex .fn_choose_image:hover{background: rgba(60, 95, 254, 0.4); color: #3C5FFE; }

.crop_image_modal .cr-boundary{border: 2px solid #3C5FFE; border-radius: 8px;}
.radio_flex_check{display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.radio_flex_check .form-check label{color: #626262; font-size: 16px; cursor: pointer;    margin-left: 10px;}
.radio_flex_check .form-check{margin: 0px 15px; display: flex; align-items: center; cursor: pointer;}
.radio_flex_check .form-check .form-check-input{background: url(../pics/Switch_Button_disable.svg)no-repeat;background-size: contain; cursor: pointer; border: 0; width: 26px; height: 26px;}
.radio_flex_check .form-check .form-check-input:checked{background: url(../pics/Switch_Button_active.svg)no-repeat;background-size: contain;}
.radio_flex_check .form-check .form-check-input:focus{box-shadow: none;}

.progress{background: rgba(60, 95, 254, 0.12); height: 16px;overflow:visible; border-radius: 24px; margin:0px auto 30px; max-width:250px; width:100%; }
.progress-bar{border: 2px solid #3C5FFE; border-radius: 24px; overflow:visible; background: #FFFFFF; position: relative; }
.progress-bar::before{content: ''; position: absolute;cursor: pointer; background: #3C5FFE;border-radius: 50%; width: 30px; height: 30px; right:-5px; }
.progress-bar::after{content: ''; position: absolute; background: #fff; right: 3px; border-radius: 50%; width: 14px; height: 14px;}

.template_down_arrows{border: 1px solid #EBECED;background: #fff;bottom: 20px; left:30%;transform: translateX(-50%);position: fixed;cursor: pointer; width: 64px; height: 64px; border-radius: 50%; color: #181819; display: flex; align-items: center; justify-content: center;}
.template_down_arrows:hover{box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);}

.customize_footers{width: 100%; padding: 10px; position: fixed;z-index: 9999999; left: 0; bottom: 0; background: #fff;}

/* letter create new */
.letter_text_com {margin-bottom: 30px; display: flex; justify-content: space-between;}
.letter_text_com .letter_txt{display: flex; color: #181819;  font-family: 'arialregular'; font-weight: 700; font-size: 20px;  }
.letter_text_com .letter_txt .line_lefts{width: 6px; background: #13394A;border-radius: 24px;margin-right: 16px; }
.letter_text_com .letter_txt span{flex: 1;margin-right: 5px;}

.letter_preview_main{position: relative;}

.letter_component .new_letter_coms{position: relative;z-index: 0; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.12);border: 1px solid #1F5F7B; background: #FFFFFF; padding: 16px; border-radius: 8px;}
.arrow_rights_fb12{width: 30px; height: 30px;font-size: 16px; border-radius: 4px;  color: #181819; display: flex;align-items: center; justify-content: center; cursor: pointer;}

.fn_pre_back_btn{background: #3C5FFE;width: auto; border-radius: 4px; padding: 16px 20px; color: #fff !important ; font-size: 16px; font-family: 'graphikmedium';   }
.fn_next_btns{background: #1F5F7B; width: auto; border-radius: 4px ; padding: 16px 20px; color: #fff !important ; font-size: 16px; font-family: 'graphikmedium';  }

.common-form.letter_component .form-group .form-control:focus{background-color: transparent;}
.common-form.letter_component .form-group{margin-bottom: 15px;}

.common-form .input-group {border: 1px solid #D2D3D3; border-radius: 8px !important;margin-bottom: 15px; }
.common-form .input-group .form-control{margin: 0px !important; border: 0; border-radius: 8px !important;  min-height: auto;  padding: 15px; font-size: 14px; color: #181819; height: auto !important; resize: none; }
.common-form .input-group .form-control:focus{box-shadow: none; }
.common-form .input-group .input-group-text{background: #fff; border: 0;  border-radius: 8px !important; padding-right: 0px;  }

.common-form .form-group select option { background: #fff; padding: 5px; color: #181819; font-size: 14px; }
.common-form .form-group select option:hover{background: #1F5F7B;}

.any_text_thres{background: #EBECED;display: inline-flex;align-items: center; padding: 6px;color: #181819; font-size: 16px; border-radius: 6px; margin-bottom: 30px; }
.text-terms{text-align: center; color: #626262; font-size: 12px;}

.letter_progress{display: flex; margin-bottom: 30px;}
.letter_progress .progress{background: #D2D3D3;height: 24px;flex: 1;overflow: visible; border-radius: 24px 0px 0px 24px;max-width: 100%; margin-bottom: 0px;}
.letter_progress .progress .progress-bar{background: #1F5F7B;position: relative; border-radius: 24px; height: 24px; border: 0; }
.letter_progress .progress .progress-bar::before, .letter_progress .progress .progress-bar::after{display: none;}
.letter_progress .progress .progress-bar[aria-valuenow='100']{border-radius:24px 0px 0px 24px ;}

.letter_progress .progress .progress-bar.progress-completed{border-radius: 24px 0px 0px 24px;}

.letter_perviews{display: flex;}
.letter_perviews .previews{background: #3C5FFE;border-radius: 0px; padding:2px 10px; color: #fff; font-size: 12px; }
.letter_perviews .download-btn{padding: 2px 10px; color: #181819; font-size: 12px;  background: #FFCE51; border-radius: 0px 13px 13px 0px;}

.form_info_letter{border: 1px solid #F73541;padding: 6px; display: flex;align-items: center; color: #F73541;font-family: 'graphiksemibold';  font-size: 12px;  border-radius: 4px;}
.form_info_letter img{ margin-right: 8px;}

.cv_flex_12w{display: flex;align-items: center; justify-content: space-between; flex: 1;}

.upgrade_data_lfx{display: flex;margin-bottom: 16px;}
.upgrade_data_lfx .manua_title{display: flex; align-items: center; color: #1F5F7B; font-family: 'arialregular'; font-weight: 700;  font-size: 16px; }
.upgrade_data_lfx .manua_title img{margin-right: 16px;}
.upgrade_data_lfx .premimu-acces-btn{background: #29B885;margin-left: 30px; border-radius: 2px; padding: 4px 12px; color: #fff; font-size: 12px ;}
.sub_texts{color: #626262; font-size: 16px; margin-bottom: 0px; text-align: left;}

.upgrage-bg-imgs {background: url(../pics/blur_bg_editor.png)no-repeat;text-align: center; border-radius: 8px; padding:20px 10px; background-size: cover; background-position: left top; width: 100%;  }
.upgrage-bg-imgs .lock-flns{margin: 0px auto 16px; display: block; box-shadow: 0px 0px 50px #c8c5c5; border-radius: 50%;}
.upgrage-bg-imgs .upgrade_sym{background: #FFCE51; border-radius: 2px; font-size: 12px; font-family: 'graphikmedium';  padding: 6px 12px; color: #181819; }

.via_text{font-size: 16px;  font-family: 'graphikmedium';  color: #181819; margin-left: 10px;}
.dpmedia12{margin-top: 45px; display: flex;  align-items: center;}
.creat-ltr-btn{background: rgba(31, 123, 112, 0.12); border-radius: 4px; padding: 16px 20px !important; color: #181819; font-size: 16px; font-family: 'graphikmedium'; }

.back-step-colors{background: #E3E4E4; border-radius: 8px; padding: 16px; margin-bottom: 30px; }
.back-step-colors .letter_text_com .letter_txt{color: #626262;}
.back-step-colors  .letter_text_com .letter_txt .line_lefts{background:#626262 ;}
.back-step-colors .arrow_rights_fb12{color: #626262;}

.letter_progress .popOver{ background: #FFCE51; padding:5px; width: 48px; top: -48px; color: #181819; position: absolute;right: -14px;  border-radius: 4px 4px 0px 0px; font-size:16px; font-family: 'graphikmedium'; }
.letter_progress .popOver::before{background: url(../pics/Union.png); content: '';  width: 48px; height: 15px; background-size: cover; bottom: -11px;  left: 0;  position: absolute;}

.color_letter_selection{background:#fff; padding:10px; border-radius:4px;}

.temp_footer_customize{position:fixed; width:100%; left:0px; bottom:0px;}
.temp_footer_customize .common-ts-btn{padding: 10px; background: #181819;}
.temp_footer_customize .common-ts-btn .resume-btn{margin:0px}

.lock-profile-blur{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.lock-profile-blur .upgrage-bg-imgs {background:none;}

/* price right side slide */
.price_side_toggles .dashboradheader{z-index:0;}
.price_pln_slides {max-width:768px; width:100% !important; padding:20px; }
.price_common_pages .p-title{color: #181819; text-align:center; font-size: 32px;margin-bottom:12px; font-family: 'graphikmedium'; }
.price_common_pages .p-sub-title{color: #626262; font-size:16px; text-align:center; margin-bottom:30px;}

.plain_txts{background: #FFCE51;padding: 8px 12px; display:inline-block;color: #181819;font-size:12px; font-family: 'graphikmedium'; border-radius: 0px 0px 0px 8px; position: absolute; top: 0; right: 0;}

.price_pri_data{margin-top:48px;overflow:hidden; border: 1px solid #1F5F7B;background: #FFFFFF;padding:18px; border-radius: 8px; margin-bottom:40px; position:relative;}
.price_pri_data .p-data-title{color: #181819;margin-bottom:20px; font-size:16px; font-family: 'arialregular'; font-weight: 700; display:flex; align-items:center;  }
.price_pri_data .p-data-title img{margin-right:8px;}
.price_pri_data .main_titles{text-align:center; color: #1F5F7B; font-size:40px;  font-family: 'graphiksemibold'; margin-bottom:16px;}
.price_pri_data .plan_txt_next{border: 1px solid #799FB0;display:inline-block;margin-bottom:30px; border-radius: 8px; padding: 8px 16px; color: #141416; font-size: 16px; }
.price_pri_data .desc_price_plan li{color: #141416;width:45%; font-size: 16px; padding-bottom:24px;margin-right: 50px; border-right:1px solid #D9D9D9 ; }
.price_pri_data .desc_price_plan li:nth-child(2n){margin-right:0px; border-right:0px;width:46%; }
.price_pri_data .desc_price_plan{display:flex; flex-wrap:wrap;}

.plan_price_logo_Section{margin-bottom:30px;}
.plan_price_logo_Section p{color: #979898;  font-size:16px; margin-bottom:16px; text-align:center;}
.plan_price_logo_Section .logostripe1{display:flex; flex-wrap:wrap;justify-content: center;}
.plan_price_logo_Section .logostripe1 .diff_logos{width: 78px; height: 33px;margin:0px 15px 20px;}
.plan_price_logo_Section .logostripe1 .diff_logos img{width:100%; height:100%;object-fit:contain;}
.plan_price_logo_Section .logostripe2{display:flex; flex-wrap:wrap;justify-content: center;}
.plan_price_logo_Section .logostripe2 .diff_logos{width: 78px; height: 33px;margin:0px 15px 20px;}
.plan_price_logo_Section .logostripe2 .diff_logos img{width:100%; height:100%;object-fit:contain;}


.price_common_pages .faq_page_Sections {margin-bottom:48px; }
.price_common_pages .faq_page_Sections .faqs_sections .accordion-item .accordion-header .accordion-button span{margin-right:15px;}
.price_common_pages .faq_page_Sections .faqs_sections .accordion-item .accordion-body{color: rgba(24, 24, 25, 0.48); font-size:16px;padding-bottom:10px;}
.price_common_pages  .psecureheading{background: #EBECED; display: inline-block;margin-bottom:48px; border-radius: 4px; padding:6px; color: #181819; font-size:12px; }
.price_common_pages  .psecureheading span{ font-family: 'graphiksemibold'; }

/* checkout-pay modal */

.cancel_subscription_offcanvas.offcanvas-end .offcanvas-body.checkbox-body12{padding:0px 40px 40px; display: flex; flex-direction: column;}
.nxt-texts{color: #979898; font-size: 16px; text-align: center; margin-bottom: 0px; margin-top: auto; padding-top: 20px;}
.checkbox-body12 .common-form .input-group:focus-within{border-color: #1F5F7B; background-color: rgba(31, 123, 112, 0.12);}
.checkbox-body12 .common-form .input-group .input-group-text{padding-right: 10px; background: transparent;}
.checkbox-body12 .common-form .input-group .form-control:focus{background: transparent;}
.eknown{ font-size: 16px; vertical-align: middle; margin-top: 4px; color: #1F5F7B; font-weight: normal; background: rgba(31, 123, 112, 0.12); border-radius: 4px; display: inline-flex; padding: 6px 10px; align-items: center;}
.checkbox-body12  .mid_block_width{ max-width: 385px;margin: 0 auto;}
.checkbox-body12  .loginwithpwd{background: #1F5F7B;color: #fff;border-radius: 4px;padding: 16px 20px;font-size: 16px; width: 100%;}
.checkbox-body12  .loginwithpwd:hover{color: #fff; background: #4C7F95;}
.cancel_subscription_offcanvas.offcanvas-end .offcanvas-body.price_side_penal{padding:0px 30px 0px;}

/* error page */

.error-page {padding: 140px 0px;}
.error-middle-content{max-width: 592px; width: 100%; text-align: center; margin: 0px auto;}
.error-middle-content .error-img{margin: 0px auto 30px;}
.error-middle-content h3{color: #181819; font-size: 32px; margin-bottom: 20px; font-family: 'graphiksemibold'; }
.error-middle-content p{color: #626262; font-size: 16px; margin-bottom: 30px;}
.error-middle-content p a{color: #626262; text-decoration: none;}
.error-middle-content .common-ts-btn{margin-top: 80px;margin-bottom: 30px;}

/* thank you email conformaion */
.thank-email-conformation{padding: 60px 0px;}
.thank_you_middle{max-width: 592px; width: 100%; margin: 0px auto;}

.thank_you_middle .media{display: flex; margin-bottom: 40px; }
.thank_you_middle .media .media-img{margin-right: 40px;}
.thank_you_middle .media .media-body{flex: 1; }
.thank_you_middle .media .media-body .title{color: #181819; font-size: 32px; margin-bottom: 14px; font-family: 'graphikbold'; }
.thank_you_middle .media .media-body p{color: #626262; font-size: 16px; margin-bottom: 0px;}

.thank_you_middle .table thead th, .thank_you_middle .table tbody td{width: 50%;}
.thank_you_middle .table tbody td{border: 1px solid #D2D3D3; padding: 16px 12px;vertical-align: middle; color: #141416; font-size: 16px;}
.thank_you_middle .table tbody td span{font-family: 'graphikbold';}
.thank_you_middle .table tbody td:nth-child(2), .thank_you_middle .table thead th:nth-child(2){text-align: center;}
.thank_you_middle .table thead th {border: 0px;padding: 16px 12px;  color: #141416; font-size: 16px;  font-family: 'graphikbold'; }
.thank_you_middle .table thead th:nth-child(2){border: 1px solid #D2D3D3;}
.thank_you_middle .table{margin-bottom: 40px;}

/* dashboard */
.offcanvas.template_cv_sides{max-width: 875px; width: 100% ; background: #F9F9F9;/* padding-top: 96px; */}
.switch_tmp_card{transition: all 0.4s ease 0s; cursor: pointer; filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.08));border: 2px solid #D2D3D3; border-radius: 4px;/* overflow:hidden; */ background:#fff; margin-bottom: 30px;}
.switch_tmp_card .preview_modal_container{ color :#181819;padding: 12px; font-family: 'graphiksemibold';  font-size:16px; border-top: 1px solid #D2D3D3; }
.switch_tmp_card .preview_modal_container img{width:20px; margin-right:8px;}
.switch_tmp_card:hover{border: 2px solid #181819;filter: drop-shadow(0px 1px 8px rgba(0, 0, 0, 0.08));}
.switch_tmp_card img{cursor: pointer;width:100%;}
.template_cv_sides .template_down_arrows{position: absolute; left: 50%;}
.template_cv_sides .backtoeditor_row{margin-bottom: 40px;}
.offcanvas .offcanvas-body{scrollbar-width: thin;}

::-webkit-scrollbar { border-radius: 10px; width: 5px;height: 8px; background-color: #fff; }
::-webkit-scrollbar-thumb {background: #D2D3D3;border-radius: 10px; }

.template_cv_sides .switch_tmp_card .letter_template_thumb{height: 348px;}
.template_cv_sides .switch_tmp_card .letter_template_thumb img{height: 100%;}

.create-btn{background: #FFCE51;padding: 11px 20px;margin-right: 10px; color: #181819;font-size: 16px;  font-family: 'graphikmedium'; border-radius: 4px;}

/* about us page */

.about_us_page{padding: 80px 0px;}
.about_us_page .about_fst_middle .about-fst-img {border-radius: 16px; overflow: hidden; width: 100%; height: 260px; margin-bottom: 80px;}
.about_us_page .about_fst_middle .about-fst-img img{width: 100%; height: 100%; object-fit: cover;}

.about_us_page .about_fst_middle .about_content .cm-title, .about-trust-section .cm-title{font-size: 48px;}
.about_us_page .about_fst_middle .about_content p{font-size: 16px;text-align: center;}

.about-img2{width: 100%; height: 400px; padding-bottom: 110px;}
.about-img2 img{width: 100%; height: 100%; object-fit: cover;}

.about-mission-section .top_section_miss {margin-bottom: 112px;}
.abt-com-mis-section{margin-top: 80px;}
.abt-com-mis-section .team-img{background: #EBECED; width: 140px; height: 140px; border-radius: 50%; overflow: hidden; margin: 0px auto 24px;}
.abt-com-mis-section .team-img img{width: 100%; height: 100%; object-fit: cover;}

.abt-mission-section p{font-size: 16px; margin-bottom: 0px; text-align: center; color: #626262; }
.abt-mission-section h5{font-size: 30px; text-align: center;  font-family: 'graphiksemibold';  color: #181819;margin-bottom: 24px;}

.about_third_Section{padding-bottom: 80px;}

.all_saved_templates .cv_new_maker button{background: rgba(60, 95, 254, 0.12); padding: 12px 20px; border: 2px dashed #3C5FFE; color: #3C5FFE; }
.all_saved_templates .cv_new_maker button:hover{background: rgba(60, 95, 254, 0.4); color: #3C5FFE;}
.all_saved_templates .cv_new_maker button:focus{background: #3C5FFE; border-color:#3C5FFE; color: #fff;}

.master_template_list .cv_box_template .btn-select-template:hover{background: #4C7F95; border-color:#4C7F95 ;}

.dashboard_menubar_upper ul li a{display: flex;margin-bottom: 5px; align-items: center; font-size: 16px; width: 100%; padding:28px 18px; border-right:6px solid transparent; }
.dashboard_menubar_upper ul li a img{width: 22px; height: 22px; object-fit: contain; margin-right:10px; }
.dashboard_menubar_upper ul li a:hover, .dashboard_menubar_upper ul li.active a{border-color: #FFCE51; background: #49494A;}

/* progresss bar letter */
.letter_progress_bar .percent { position: relative; width: 100%; height: 100%; border-radius: 50%; z-index: 1000;}
.letter_progress_bar .percent .number { position: absolute; top: 50%; left:50%; transform: translate(-50%,-50%); width: 112px; height: 112px; display: flex;  justify-content: center; align-items: center; border-radius: 50%; font-family: 'arialregular'; font-weight: 700; border: 1px solid #D2D3D3; color: #181819; font-size:32px;}

.letter_progress_bar svg {position: relative;width: 200px;height: 200px;z-index: 1000;transform: rotate(-90deg);}
.letter_progress_bar svg circle{width: 100%;height: 100%; fill: none; stroke: rgba(31, 123, 112, 0.12); stroke-width:20; stroke-linecap: round;  transform: translate(30px, 12px);}
.letter_progress_bar svg circle:nth-child(2) { stroke-dasharray: 550;  stroke-dashoffset: 550; }
.letter_progress_bar svg circle:nth-child(2) {
stroke-dashoffset: calc(550 - (550 * 0) / 100);
stroke: #1F5F7B;
}

/* letter-dashboard */
.pro_letter_common{display:flex;}
.pro_letter_common .left_panel{width:220px}
.pro_letter_common .all_saved_templates{flex:1; padding:30px 18px; }
.all_temp_topbars{margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #EBECED;}
.letter_main_top{display:flex;justify-content:flex-end;}
.letter_main_top .ltr_flex_box{border: 1px solid #D2D3D3;transition: .3s all; cursor:pointer; padding:16px; border-radius: 4px; display:flex; align-items:center;}
.letter_main_top .ltr_flex_box:hover{background: rgba(31, 123, 112, 0.12);}

.letter_main_top .ltr_flex_box .left-side .cv_updated_on{margin:10px 0px 0px;}
.letter_main_top .ltr_flex_box .left-side .cv_edits span{max-width:100%;}
.letter_main_top .ltr_flex_box .left-side .cv_edits span span{margin:0px;}
.letter_main_top .ltr_flex_box .right_side_Add{padding-left:20px;}

.letter_main_top .ltr_flex_box.lter_middle_flx_box{margin:0px 16px;}

.temp_row{display: flex; flex-wrap: wrap;}
.temp_row .temp_widths_box{width: 25%;padding:5px 5px 20px;}
.cv_box_thumb{background: #fff;height: 280px; border-bottom: 1px solid #D2D3D3; overflow: hidden;border-radius: 4px 4px 0px 0px;}
.all_saved_templates{padding: 20px;}

.all_saved_templates .cv_box{transition: .3s all; border: 1px solid #D2D3D3; border-radius: 4px; }
.all_saved_templates .cv_box:hover{box-shadow: 0px 1px 8px rgb(183, 221, 237);}
.cv_infos{display: flex; justify-content: space-between;}
.cv_edits{display: flex; color: #181819; font-size: 14px; font-family: 'graphikmedium'; }
.cv_edits span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 130px;}
.cv_edits img{width: 20px; height: 20px; object-fit: contain;}
.cv_edits span{margin: 0px 10px;}

.dot_edits .cv_box_dropcirlce{margin-left: 10px; display: block; width: 24px; height: 24px; text-decoration: none;}
.dot_edits .cv_box_dropcirlce::after{display: none;}
.dot_edits .cv_box_dropcirlce img{width: 100%; height: 100%; object-fit: contain;}
.dot_edits .cv_box_dropcirlce .active_show{display: none;}
.dot_edits .cv_box_dropcirlce.show .active_show{display: block;}
.dot_edits .cv_box_dropcirlce.show .normal_show{display: none;}

.all_saved_templates .cv_box_info{padding: 12px;}


.cv_downdload_section{display: flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.cv_downdload_section .download_cpy{ width:100%;text-decoration: none; background: #1F5F7B;cursor: pointer; padding: 8px 10px;color: #fff; text-align: center; font-size: 12px; border-radius: 4px;     height: 32px; display: flex; align-items: center; justify-content: center; }
.cv_downdload_section .download_cpy img, .cv_downdload_section .copy_deplicated img{margin-left: 8px;}
.cv_downdload_section .copy_deplicated{background: #EBECED; margin-bottom: 8px; font-size: 12px; color: #181819; min-width:46%; font-family: 'graphikmedium'; text-decoration: none; color: #181819; cursor: pointer; padding: 8px 5px; display: flex;align-items: center; justify-content: center; height: 32px; border-radius: 4px;}
.cv_downdload_section .copy_deplicated.cv_makecopy_wo32x{/* margin: 0px 10px; */}
.cv_downdload_section .download_cpy:hover{background: #4C7F95;}
.cv_downdload_section .copy_deplicated:hover{background: #D2D3D3;}

.cv_downdload_section a:nth-child(3){margin-left:5px;}
.dot_edit_mobiles{display: none;}
.dot_edits .dropdown-menu{border: 1px solid #D2D3D3; border-radius: 6px; padding: 8px;}
.dot_edits .dropdown-menu li a{color: #181819;text-decoration: none; font-size: 12px; font-weight: 500; display: flex; }
.dot_edits .dropdown-menu li a img{width: 16px; object-fit: contain; margin-right: 8px; margin-bottom: 3px;}
.dot_edits .dropdown-menu li{padding: 8px 10px;}
.dot_edits .dropdown-menu li:hover{background: rgba(31, 95, 123, 0.12); border-radius: 4px;}

.all_saved_templates .cv_box_thumb{position: relative;}
.all_saved_templates .cv_box_thumb1{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.all_saved_templates .cv_box:hover{border-color:#1F5F7B ;}
.all_saved_templates .cv_box:hover .new-edit-letter{display: flex;}
.all_saved_templates .new-edit-letter{ transition: .3s all; background:  linear-gradient(0deg, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.16));width: 100%; height: 100%; position: absolute; left: 0; top: 0; left: 0; right: 0; display: none; align-items: center; justify-content: center;}
.all_saved_templates .new-edit-letter .edit-letter-btns{background: #3C5FFE; border-radius: 4px; padding: 8px 20px ; color: #fff; font-size: 12px; font-family: 'graphikmedium'; }
.all_saved_templates .new-edit-letter .edit-letter-btns:hover{background:rgb(59, 89, 225);}

.cv_updated_on{ color: #626262; margin-top: 10px; margin-bottom: 16px; font-size: 12px; font-family: 'graphik_regularregular';}
.cv_box_thumb img{margin: 0 auto;object-position: top;width: 100%;height: 100%;object-fit: cover;}

.master_template_list .cms_title_sec{margin-bottom: 32px;}
#combine_send_mail_modal .file_clip_row  .file-name-text{margin-bottom: 10px;}

/* all template */
.common-form .form-group .select2-container{width: 100% !important;}
.select2-container--default .select2-selection--single{border: 1px solid #D2D3D3; border-radius: 8px !important;background:#fff; height: auto;}
.select2-container--default .select2-selection--single .select2-selection__rendered{color: #181819; padding: 15px; font-family: 'graphik_regularregular';  font-size: 14px; line-height:unset;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{background: url(../pics/dropdown.svg) no-repeat right 3px center; background-size: contain; border: 0px; height: 20px; width: 20px; transform: translate(-50%, -50%);}
.select2-search--dropdown .select2-search__field{display: none;}
.select2-search--dropdown{padding:0px;}
.select2-container--open .select2-dropdown{border: 1px solid #D2D3D3; border-radius: 8px !important; background:#fff; z-index: 9999999;}
.modal .select2-container--open .select2-dropdown{z-index: 99999;}

.select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;}
.select2-container--default .select2-results > .select2-results__options{padding: 8px; scrollbar-width: thin;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected="true"] {background: rgba(31, 95, 123, 0.12); border-radius: 4px; color: #181819;}
.select2-results__option {padding: 8px 8px; font-family: 'graphikmedium'; margin-bottom: 5px; font-size:12px; color: #181819;}
.select2-results{padding-right: 4px;}

.select2-container--focus.select2-container--default .select2-selection--single{border-color: #1F5F7B; background-color: rgba(31, 123, 112, 0.12);}

.img_text_selete{display: flex; align-items: flex-start;}
.img_text_selete img{margin-right: 5px;}
.modal-open .dashboradheader{}

/* review modal */
.review_modals, .offcanvas-body.checkbox-body12{height: 96%;}
.review_modals .common-ts-btn{margin-top: auto;}
.review_modals .ms-title{max-width: 520px; line-height: 1.5; width: 100%; margin: 0px auto 20px;}
.review_modals .ms-title span{color: #1F5F7B;}
.review_modals .ms-description{max-width: 520px; width: 100%; margin: 0px auto 40px;}

.emoji-selections .reviews{list-style: none; padding: 0; margin: 0px 0px 40px; display: flex; flex-wrap: wrap; justify-content: center;}
.emoji-selections .reviews .rev-seletced-dfs{color: #626262;position: relative; font-size: 16px; width: 20%; text-align: center;}
.emoji-selections .reviews .rev-seletced-dfs input[type="radio"]{width: 100%;opacity: 0; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; }
.emoji-selections .reviews .rev-seletced-dfs .rev-fsd{padding: 8px;}
.emoji-selections .reviews .rev-seletced-dfs .rev-fsd span{width: 100%; display: block; padding-top: 15px;}
.emoji-selections .reviews .rev-seletced-dfs input[type="radio"]:checked + .rev-fsd{background: #EBECED; border-radius: 8px; color: #313131;}

/* credit card modal */

.bottom-left-pss{text-align: right;}
.bottom-left-pss .check-cc-btn{background: #3C7CD8;margin-bottom:30px; padding: 16px 20px; color: #fff; font-family: 'graphikmedium'; font-size: 16px; border-radius: 4px; }
.bottom-left-pss .check-cc-btn:hover{color: #fff; background: #72A0E2;}
.plan_tt_box{border: 1px solid #D2D3D3;margin-bottom: 45px; border-radius: 8px; padding: 24px 16px 32px; }
.plan_tt_box .ptt-data-title{color: #181819;padding-bottom: 24px; font-size: 16px; font-family: 'graphikmedium'; display: flex; align-items: center; border-bottom: 1px solid #D2D3D3; }
.plan_tt_box .ptt-data-title img{margin-right: 8px;}
.plan_tt_box .title-tt{text-align: center; color: #1F5F7B; font-size: 40px; font-family: 'graphiksemibold'; padding: 40px 0px; }
.plan_tt_box .pln_flx_check{display: flex;align-items: center; color: #141416; font-size: 10px; max-width: 420px; width: 100%; margin: 0px auto;}
.plan_tt_box .pln_flx_check img{margin-right: 8px;}

.zit-pln{background: #EBECED; border-radius: 4px; padding: 16px; margin-bottom: 48px;}
.zit-pln h6{color: #141416; font-size: 16px; font-family: 'graphiksemibold';  margin-bottom: 10px;}
.zit-pln p{margin-bottom: 0px; color: #141416; font-size: 12px;}

.pln_listings{padding-bottom: 48px;}
.pln_cc .form-check{border-bottom: 1px solid #D2D3D3; padding: 24px 0px; display: flex; align-items: center;}
.pln_cc .form-check .form-check-label{ width: 100%;}
.pln_cc .form-check .pln_cc_select{display: flex;color: #1F5F7B;  font-family: 'arialregular'; font-weight: 700; font-size: 20px; align-items: center; justify-content: space-between; width: 100%;}
.pln_cc .form-check .pln_cc_select .pp_crds{border: 1px solid #D2D3D3;border-radius: 4px; padding: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.pln_cc .form-check .pln_cc_select .pp_crds img{width: 100%; height: 100%;object-fit: contain; }
.pln_cc .form-check .cc_radios{border: 1px solid #D2D3D3;cursor: pointer; margin-right: 16px; width: 32px; height: 32px; padding: 4px; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.pln_cc .form-check .cc_radios .form-check-input{float: none;cursor: pointer; margin-left: 0px; border: 0; margin: 0; width:20px; height: 20px;}
.pln_cc .form-check .cc_radios .form-check-input:checked{background-color: #1F5F7B; background-size: 12px;}
.pln_cc .form-check .cc_radios .form-check-input:focus{box-shadow: none;}

.ideal-cc-plns{border-bottom: 1px solid #D2D3D3; padding: 0px 0px 24px; margin-top: -5px;  background: #fff;}
.ccv_popovers .popover-header{background: #fff; color: #000000; padding: 12px; font-size: 12px; font-weight: 700; border: 0; border-radius: 8px; padding-bottom: 0;}
.ccv_popovers{border: 1px solid #D2D3D3; border-radius: 8px; padding-top: 40px;}
.ccv_popovers .popover-body{color: #000000; font-size: 12px; padding: 12px; }
.ccv_popovers::before{content: ''; position: absolute; top: 12px; left: 12px; background: url(../pics/cvc.png)no-repeat; background-size:contain; width:40px; height:30px;}

.arrow_rights_fb{transform: rotate(0deg);transition: .3s all;}
.arrow_rights_fb.rotate{transform: rotate(-90deg);}

.offcanvas-overlays .headerfixed {position: relative;}
.auth-login-fixed{width: 100%; position: fixed;left: 0; top: 0; z-index: 1; padding: 10px 0px !important;}
.full-wrapper{overflow: hidden;}
#cv_editor .CST_input_3wiw38 input:focus{box-shadow: none;}


/* mobile-preview-letter */

.mobile_preview_ons{position: fixed; left: 0; top: 0; z-index: 1; background:#181819; width: 100%; height: 100%;}
.mobile_preview_ons .fn_back_to_editor{ position: absolute; z-index: 1; top: 10px;left: 10px; background:#49494a; text-decoration: none; border-radius: 4px; padding: 12px 20px;color: #fff; text-align: center; width: 110px; font-size: 16px; font-family: 'graphikmedium';}

/* swal alert */
.sweet-alert button.confirm{background: #1F5F7B !important;margin-top: 0; box-shadow: none; border-radius: 4px; font-size: 16px; font-family: 'graphikmedium';}
.sweet-alert button.confirm:hover{background: #4C7F95 !important;}
.sweet-alert button.cancel{background: #EBECED !important;color: #181819; border-radius: 4px; font-size: 16px; font-family: 'graphikmedium';}
.sweet-alert button.cancel:hover{background: #B9BCBE !important;}
.sweet-alert .sa-button-container{margin: 25px 0px;}

/* input range */

.cr-slider-wrap input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: transparent;
    background: url(../pics/slider_dot.svg) no-repeat center center;
    cursor: ew-resize;
    transition: background .3s ease-in-out;
  }

.cr-slider-wrap  input[type="range"]::-moz-range-thumb {
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: transparent;
    background: url(../pics/slider_dot.svg) no-repeat center center;
    cursor: ew-resize;
    transition: background .3s ease-in-out;
  }

.cr-slider-wrap  input[type="range"]::-ms-thumb {
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: transparent;
    background: url(../pics/slider_dot.svg) no-repeat center center;
    cursor: ew-resize;
    transition: background .3s ease-in-out;
}

/* .cr-slider-wrap .cr-slider + .cr-slider-wrap-before{position: absolute; left: 0; top: 0; width: 100%; height: 16px; border: 2px solid #3c5ffe; border-radius: 24px;}  */

.content_loading_animation {
    /* animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;

    background: linear-gradient(to right, #e8ecff 8%, #ccd3f3 18%, #cbd2f3 33%);
    background-size: 1000px 104px;
    position: relative;
    color: transparent !important;
    overflow: hidden;
    text-shadow: none !important;
    margin: 5px;
   border-radius: 5px; */
}

.content_loading_animation img
{
    /* opacity: 0; */
}

/* loading animations */

@keyframes placeHolderShimmer{
    0%{
        background-position: -468px 0
    }
    100%{
        background-position: 468px 0
    }
}

.letter_component  .panel  button.collapsed .arrow_rights_fb12{transform: rotate(0deg);}
.letter_component  .panel  button .arrow_rights_fb12{transform: rotate(-90deg); transition: .3s all;}

#loader_white{display: flex; align-items: center; justify-content: center; }
#loader_white img{/* animation: blink 1s linear infinite; */}
@keyframes blink{
0%{opacity: 0;}
50%{opacity: .5;}
100%{opacity: 1;}
}

.accordion.faqs_sections .accordion-button:hover{z-index: 0;}

/* updated_section */
.faq_build_section {margin-bottom: 80px;}
.faq_build_section .build_section{background: #EBF0F7;padding: 40px; border-radius: 8px;}
.faq_build_section .build_section .common-ts-btn{justify-content: flex-end;}
.faq_build_section .build_section .common-ts-btn .cv-btn{min-width: auto;}

.conatct_Page .faq_build_section{margin: 64px 0px 0px;}
.conatct_Page .join_contents { max-width: 700px; width: 100%;  margin: 0px auto;}

/*  */
.select_temp_colors .color_panels{background: #fff; padding: 6px; border-radius: 8px;}
/* #switch_template_modal .switch_tmp_card .sw_template_icon{width: 100%; display: block; height: 200px; }
#switch_template_modal .switch_tmp_card .sw_template_icon img{height:100%;} */

.cv_delete_wo32x{color: #F7356F !important;}

.cv_inner_sortable .form-group .form-control:disabled{background-image: url(../pics/lock12.svg); background-size: 21px; background-color: #fff; color: #626262;}

.pro_letter_common .all_saved_templates.fixed_temp_topbars{padding-top: 0px;}
.fixed_temp_topbars .all_temp_topbars{position: fixed;  width: 100%; right: 0px; z-index: 1; background: #fff; padding-top: 30px; padding-left: 240px; padding-right: 20px;}
.fixed_temp_topbars .template_contents{padding-top: 170px; position: relative; z-index: 0;}
.dashboard_menubar_upper{z-index: 2;}

.input-group.cc-card-group{padding: 16px; flex-wrap: nowrap; font-size: 16px; color: #181819;}
.input-group.cc-card-group .input-group-text{padding-right: 0px;}
#card-number{width: 100%;}

.common-form .form-group.has-error .input-group .form-control { border-color: transparent;}
.common-form .form-group.has-error .input-group{border-color: #F73541;}

.reason_text{color: #626262 !important;}
.offcanvas{z-index: 9999999;}

.letter_editor_form .q1searchform .input-group{padding-left: 10px;}
.letter_editor_form .job_post_forms.searchfthome .twitter-typeahead{padding-left: 0px;border: 0px; position: unset !important;}
.letter_editor_form .job_post_forms.searchfthome .input-group .job_icons{  position: unset; transform: none; }

.scroll_reviews_main .owl-carousel .owl-stage{align-items: center; display: flex;}
.scroll_reviews_main .owl-carousel .owl-stage .owl-item{margin: 0px 6px;}

.dashboard-bgs{background: #181819 !important;}
.contact_errore #subject-error{display: none !important;}

/* new magic link  */

.magic_link.socail-btn-links{background: #F7F7F7; color: #181819; font-weight: 400; font-family: 'graphik_regularregular'; text-align: center;}
.magic_link.socail-btn-links a{color: #1F5F7B; font-style: normal; font-weight: 400;}
.magic_link.socail-btn-links span{display: block;}

.kk-numbers p{margin-bottom: 0px; font-size: 11px;}
.kk-numbers {margin-top: 25px;}
.q_criteria .input-group{margin-bottom: 0px;}

.cmb-message{font-size: 11px; padding: 5px; border: 1px solid #1f5f7b70; border-radius: 5px; display: inline-block; margin-top: 10px;}

.common-ts-btn .resume-btn.membership-btns{background: #D2D3D3; color: #626262;cursor: default;font-family: 'graphikmedium'; text-transform: uppercase;}
/* watermark toggle */
.toggle-switch-watermark{margin-left: 25px;}
.toggle-switch-watermark .slider{background: linear-gradient(0deg, #FFFFFF, #FFFFFF), rgba(31, 123, 112, 0.12); box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }
.toggle-switch-watermark .txt_uit{color: #fff;font-style: normal; font-weight: 400; font-size: 12px; font-family: 'graphik_regularregular';margin-left: 5px;}

.preview_modal_overls .sc-koArmy{padding: 40px 10px 0px;}

.common-form .nice-select{ width: 100%; float: unset; line-height: unset;}
.common-form .nice-select .list{width: 100%; background: #fff;z-index: 99;padding: 5px;overflow: hidden; overflow-y: auto;  max-height: 250px;}
.common-form .nice-select::after{border: 0; background: url(../images/Down_Arrow.svg)no-repeat center; background-size: 13px; width: 15px; height: 15px; transform: none; }
.common-form .nice-select.open::after { margin-top: -10px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg);transform: rotate(-180deg); }

.nice-select .option { cursor: pointer; min-height: auto !important;line-height: 20px !important; transition: all .2s; /* font-family: 'graphikmedium'; */padding: 8px !important; margin-bottom: 5px;  font-size: 12px; }
.nice-select .option.focus, .nice-select .option.selected.focus, .nice-select .option:hover {background: rgba(31, 95, 123, 0.12) !important; border-radius: 4px; color: #181819;}
.nice-select .option.selected {font-weight: 400 !important; font-family: 'graphikmedium'; color: #21415d !important;}

.download-temp-pre .ldio-fayl6byxqa{width: 25px;}
.download-temp-pre .ldio-fayl6byxqa div{background: #000 !important;}

/*  */
.price_common_pages .template_down_arrows{left: auto; right: 22%;}

.ltr_flex_box{position: relative;}
.import-file{ position: absolute; top: 0px;  left: 0px; width:100%; height: 100%; opacity: 0; cursor: pointer;}


/*  */



.pop-parent { position: relative; color: #979898 !important; border-bottom: 1px dotted #979898; }
.pop-parent .pop-span{ position: absolute; transition: all .2s ease-in-out; display: none; opacity: 0; background: #ffff; box-shadow: rgba(0, 0, 0, .3) 0 0 5px; background: #fff; padding: 15px; font-size: 14px; left: 0px; top: 141%; 
    width: 280px; /*  min-height: 175px; */ line-height: 24px; color: #8c8c8e;
}
.pop-parent .pop-span::before{content: ''; position: absolute; border: 8px solid transparent; border-top: 0; border-bottom: 8px solid #e4e4e4;
    top: -8px; left: 0; z-index: 999;}
.pop-parent:hover .pop-span{ opacity: 1; display: block; transition: all .2s ease-in-out; }






/* -----------------------responsive------------------------------- */

@media(min-width:1200px) and (max-width:1290px){
    .temp_row .temp_widths_box {width:33.33%;}
    #cv_editor .custom_dropdown_i2i3o23i button{font-size: 13px !important;}
    .cv_progress_bar .cv_progess_fb{font-size: 11px;}
    .cv_progress_bar .cv_progess_fb .cv_pro_icon{width: 30px; height: 30px;}
    .btn-close-temps{padding: 8px 15px;}
    .color_panels li {width: 40px; height: 40px;}

}


@media (min-width:1500px){
.container{width: 1450px !important;}

/* header */
.ns_header{padding: 20px 0px ;}
.ns_header .navbar-brand{max-width: 190px; height: 56px;}

.ns_header .nav-bar li a{margin: 0px 15px; font-size: 16px; }
.ns_header .nav-bar .dropdown-toggle::after { width:7px;  height:7px; vertical-align:4px; margin-left: 10px;}

/* header_hover_cv + letter */

/* .dropdown_ds .menu_link_cv{width: 100%; padding: 40px 0px; top: 95px !important;}
.ns_header .dropdown_ds:hover .menu_link_cv{display: block; left: 0; top: 95px !important;} */

.menu_link_cv  .cv_block_brdr{ max-width:505px; padding: 0px 40px;}
.menu_link_cv .menu_fst_blocks{ padding: 16px; width:100%; }
.menu_link_cv .menu_fst_blocks .left_icons{ margin-right:16px; width: 56px; height: 56px; padding: 12px;}
.menu_link_cv .menu_fst_blocks .media-body h6{font-size: 20px; }
.menu_link_cv .menu_fst_blocks .media-body p{font-size: 16px; }

.cv_select_views {width: 264px; padding: 16px 20px 16px 40px ;}
.cv_select_views .left_line{width: 8px; height: 100%; margin-right: 16px; border-radius: 8px; }
.cv_select_views .right_side .select_ts{font-size: 16px; margin-bottom: 10px;}
.cv_select_views .right_side .view_more{font-size: 16px; margin: 0px;}


/* footer  */

footer .footer_main_section{ padding: 120px 0px 0px;}
footer .footer_main_section .left_logo_sc{max-width: 350px;}
footer .footer_main_section .left_logo_sc p{font-size: 24px;}
footer .footer_main_section .left_logo_sc .footer_logo{width: 156px; height: 56px; margin-bottom: 10px;}

footer .footer_main_section .footer_mains{padding-bottom: 50px;}
.footer_links .titles{font-size: 20px; margin-bottom: 15px;}
.footer_links li a{font-size: 24px;margin-bottom: 15px;}
.footer_bottom{padding: 35px 0px;}
.footer_bottom .copy_text{font-size: 24px;}

.footer_bottom .social_links li{font-size: 24px;}
.footer_bottom .social_links li a{font-size: 16px;  width: 34px; height: 34px;}
.footer_bottom .social_links li{margin: 0px 10px;}

/* main landing-page */
.landing-page-main{width:100%; padding-top: 120px;}
.back_shadowzs{height: 292px;}

.landingcv-page-main { padding-top: 110px; }


.landing-page-main .fst_content_middle{max-width: 1040px;  margin: 0px auto 140px;}
.landingcv-page-main .fst_content_middle{ margin: 0px auto 100px;}

.landing-page-main .fst_content_middle h2{font-size:60px; margin-bottom: 25px;}
.landing-page-main .fst_content_middle p{font-size: 16px; margin-bottom: 65px;}
.landingcv-page-main .fst_content_middle p { margin-bottom: 50px; }
.landing-page-main .fst_content_middle h2 label::before { width: 90px; height: 50px; top: -15px; right: -50px; }

.common-ts-btn .cv-btn{margin: 0px 10px; min-width: 174px; padding: 16px 24px; font-size: 16px; }
.common-ts-btn .resume-btn{margin: 0px 10px; padding: 16px 24px; font-size: 16px; }

.landing-images .fst-bnner-imgs{width: 100%; height: 312px;}

.bannerbottomdiv.logo_part_Section{padding: 24px 0px; }
.bannerbottomdiv.logo_part_Section p{font-size: 16px;  margin-bottom: 20px;}

.logo_part_Section.bannerbottomdiv .logostripe1 .diff_logos{ height: 46px; max-width: 84px;  margin: 0px 15px;}

.landing_third_section{padding: 112px 0px;}
.landing_third_section .thrd_content_section .cm-title{margin-bottom: 48px;}
.landing_third_section .thrd_content_section .sub_content {padding-bottom: 30px;}
.thrd_content_section .sub_content .sub_flex{margin-bottom: 20px;}
.thrd_content_section .sub_content .sub_flex h6{line-height: 30px;margin-top: 5px; font-size: 24px;}
.thrd_content_section .sub_content .sub_flex img{margin-right: 9px; }

.thrd_content_section .right_images_frame{width: 100%; height: 520px;}

.cm-title{font-size:56px;  margin-bottom: 25px;}
.cm-description{ font-size: 24px; margin-bottom: 20px;}

.landing_frame_bottom_content{font-size: 32px; padding-top: 35px;}
.landing_frame_bottom_content img{width: 80px; height: 80px; margin-right: 30px;}

.review_section{padding: 90px 0px 110px;}
.review_section .scroll_reviews_main{padding-top: 100px;}
.slider_reviews{border-radius: 16px; padding: 40px; }
.slider_reviews .slider_reviews_img{width: 232px;  height: 232px;border-radius: 8px; margin-right: 48px;}
.slider_reviews .slider_reviews_content .qtleftsd_one{width: 77px; margin-bottom: 10px;}
.slider_reviews .slider_reviews_content .slider-desc{font-size: 20px; margin-bottom: 20px; }

.slider_reviews_content .name_flex_imgs .user_flexs .mb_imgd{width: 40px; height: 40px; margin-right:10px;}
.slider_reviews_content .name_flex_imgs .user_flexs .slder-from{font-size: 20px;}
.review_section .owl-carousel.beoorde .item{padding: 0px 148px;}
.prev_lefts{border-radius: 8px; width: 72px; height: 72px; padding: 16px ; font-size: 20px;}

.use_letter_Section{padding: 112px 0px;}
.cm-sub_headers .cm_left_icon{ width: 112px; height: 112px;}

.user_frame_section .user_frame_outer{padding: 15px 0px; }
.user_frame_section .user_frame_outer:nth-child(3n+2){padding: 15px 32px;}

.user_frame_outer .user_frame_inner{/* height:240px; */ height: 100%; padding: 24px; border-radius: 16px; width: 384px;}
.user_frame_outer .user_frame_inner .user_contes h5{font-size: 32px; margin-bottom: 10px;}
.user_frame_outer .user_frame_inner .user_contes p{font-size: 16px; margin-bottom: 10px;}
.user_frame_outer .user_frame_inner .rgt_imgs{width: 156px; margin-left: 20px;}

.width_cover_block .user_frame_inner .rgt_imgs {height:80px; margin-left: 0px;}
.width_cover_block .user_frame_inner .rgt_imgs img{height: 100%; }

.user_frame_outer .user_frame_inner.width_sm_section1{width: 272px;}
.user_frame_outer .user_frame_inner.width_lg_section1{width: 496px;}

.user_frame_outer .user_frame_inner.width_lg_section1 .rgt_imgs{width: 171px; height:163px; margin-left: 0px;}
.user_frame_outer .user_frame_inner.width_lg_section1 p{width: 190px;}

.trust_people_section{padding: 112px 0px;}
.trust_section_row{padding-top: 90px;}
.trust_section_row .us-trust{border-radius: 16px; padding: 32px; margin-bottom: 30px;}
.trust_section_row .us-trust .us-flexs{padding-bottom: 40px;font-size: 64px;}
.trust_section_row .us-trust .us-flexs .dot_icons{margin-right: 32px; width: 50px; height: 50px;}
.trust_section_row .us-trust p{color: #fff; font-size: 24px; margin-bottom: 0px;}

.template_Section{padding: 112px  0px;}
.select_temp_colors{ margin: 30px 0px;}
.select_temp_colors .tx-title{font-size: 32px; }

.color_panels li{width: 44px; height: 44px; border-radius: 8px;padding: 6px;}
.color_panels li .colors_temp{border-radius:8px;}
.color_panels .colorboom_picker span{ border-radius: 4px; width: 24px; height: 24px; }

.select_temp_colors .temp-bg-colors{ margin-left: 20px; padding: 12px 16px 12px 18px;  font-size: 16px; }

.temp_cv_section{margin-bottom: 80px;}
.temp_cv_section .select_temp_colors{margin-bottom: 40px;}

.templates_scroll_bars .temp_imgs .temp_lets_section{ /* height: 474px; */  margin-bottom: 30px;}
.templates_scroll_bars .temp_imgs span{font-size: 20px;}


.build_section{padding: 40px 0px;}
.build_section .title{font-size: 32px; }

.landing_faqs{padding: 112px 0px;}

.landing_faqs .faqs_sections{padding-top: 50px;}
.faqs_sections .accordion-item{ /* margin-bottom: 20px; */}
.faqs_sections .accordion-item .accordion-header .accordion-button{font-size: 32px; padding:30px 0px; padding-right: 0px;}
.faqs_sections .accordion-item .accordion-body p{margin-bottom: 0px; font-size: 24px; }
.faqs_sections .accordion-item .accordion-body {padding:0px 0px 20px;}

.faqs_sections .accordion-item .accordion-button::after{background-size: 25px; width:40px; height: 40px;}
.faqs_sections .accordion-item .accordion-button.collapsed::after{background-size: 25px; width:40px; height: 40px;}

.starts_carrer_Section{padding: 112px 0px;}
.starts_carrer_Section .career_main_Content{border-radius: 16px; padding: 60px; }
.starts_carrer_Section .career_main_Content p{margin-bottom: 60px; }

/* landing page + cv */
.trust_section_row .us_hs_trust{padding-bottom: 30px;}

.landing_cv_pages .temp_cv_section{padding-top: 50px;}

.how_it_works{padding: 112px 0px 100px;}
.works_middle_conts{max-width: 1008px;}

.works_middle_conts .how_cm_section{padding: 100px 0px;}
.works_middle_conts .how_cm_section .left_img_sections{padding:66px 20px 30px; width: 384px;  height: 384px; border-radius: 40px 40px 0px 0px;}
.works_middle_conts .how_cm_section .left_img_sections img{width: 100%; height: 122%; }
.works_middle_conts .how_cm_section .right_content_sec h4{font-size: 48px; margin-bottom: 20px; }
.works_middle_conts .how_cm_section .right_content_sec p{font-size: 24px;}
.works_middle_conts .how_cm_section .left_img_sections .left_counts{ width: 96px; height: 96px; right:-45px;top:-45px;font-size: 88px; }
.works_middle_conts .how_cm_section .left_img_sections .left_counts::before{border-radius: 16px; left: -9px;bottom: -9px; }
.works_middle_conts .how_cm_section .count_ns{border-radius: 16px; padding: 8px;}

.how_cm_section.how_sm_right_sections .left_img_sections .left_counts{right: 0; left: -45px;}
.how_cm_section.how_sm_right_sections .left_img_sections .left_counts::before{left: auto; right: -9px;}

.left_img_sections .hr-btns{  bottom: 40px; width: 90%; font-size: 20px;}

/* FAQ page */
.faq_page_Sections.landing_faqs{padding: 80px 0px;}

.faq_page_Sections .faqs_sections .accordion-item .accordion-header .accordion-button{font-size: 20px; padding: 20px 0px; }
.faq_page_Sections .faqs_sections .accordion-item .accordion-body p{font-size: 16px;}
.faq_page_Sections .cm-sub_headers .cm-title{ font-size: 48px;}
.faq_page_Sections .cm-sub_headers .cm-description{font-size: 16px;}

.faq_contact{padding: 0px 0px 80px;}
.faq_contact_sections{border-radius: 16px; padding: 80px;}
.faq_contact_sections .cm-title{ font-size:32px; margin-bottom: 10px;}
.faq_contact_sections .cm-description{font-size:20px;margin-bottom: 40px;}

.user_contact_imgs{ margin-bottom: 40px;}
.user_contact_imgs .user_imgs1{border: 6px solid #FFFFFF; width: 64px; height: 64px; margin-left: -14px;}
.user_contact_imgs .user_imgs1.user_imgs2{transform: scale(1.35); border-width: 4px; margin-top: -30px;}


/* Contact page */

.conatct_Page{padding: 80px 0px;}
.conatct_Page .contact_top_Section{padding-bottom:64px;}
.contact_top_Section .left_Section{max-width: 385px; }
.contact_top_Section .left_Section .map_imgs{height: 555px; border-radius: 8px; margin-bottom: 32px;}
.left_Section .lct_txt{padding: 30px;font-size: 48px; }

.map_locations{border-radius: 8px; padding: 24px;}
.map_links_icons{ margin-bottom: 25px;}
.map_links_icons .mp_icons{padding: 8px; width: 40px; height: 40px; margin-right: 15px;}
.map_links_icons .links_mp{font-size: 16px;margin-top: 5px;}

.cms_title_sec{margin-bottom:35px;}
.cms_title_sec .line{border-radius: 16px; width: 8px;  margin-right: 16px; }
.cms_title_sec .lft_contents h4{font-size: 48px;  margin-bottom: 10px;}
.cms_title_sec .lft_contents p{font-size: 14px; margin-bottom: 0px;}

.common-form .form-group{margin-bottom:25px;}
.common-form  label{ font-size: 16px; margin-bottom: 5px; }
.common-form .form-group .form-control{padding: 16px; font-size: 16px; border-radius: 8px;}
.common-form .contactbtn{font-size: 16px; padding: 20px;}

.contact_bottom_Section{padding-top: 64px;}
.join_grps{padding: 56px 97px;  border-radius: 16px; }

.join_contents h2{font-size: 48px;margin-bottom: 20px; }
.join_contents p{font-size: 16px; margin-bottom: 30px;}

.join_contents .map_links_icons{padding: 6px 16px 6px 6px; border-radius: 40px; margin-bottom: 16px;}

.mail_snd{padding-top: 50px; font-size: 16px; }

.card_members{border-radius: 16px; height: 100%; }
.card_members .card-body{padding: 32px; }
.card_members .card-body .card-img {width: 112px; height: 112px;  margin:0px auto 32px;}
.card_members .card-body .title{ font-size: 24px; margin-bottom: 10px;}
.card_members .card-body p{font-size: 16px; margin-bottom: 42px;}
.card_members .card-body .cancel_subscription{font-size: 16px; }

/* login-page */

.header-login{padding: 20px 0px; }
.header-login .header-news .back-btn{border-radius: 4px; padding: 12px 24px 12px 20px;width: auto; font-size: 16px; }
.header-login .header-news .power_img{width: 120px; height: auto; margin-left: 32px; }

.login-page{background: #E3E4E4; padding: 64px 0px; padding-top: 110px;}
.login-page-mains{ max-width: 592px; border-radius: 16px; }

.login-page-mains .nav-pills{padding: 10px;}
.login-page-mains .nav-pills .nav-item{width: 50%; padding: 5px;}
.login-page-mains .nav-pills .nav-link{ padding: 20px; border-radius: 8px; font-size: 16px; }

.login_box_contents{padding:20px 35px;}
.login_box_contents .cms_title_sec .lft_contents h4{font-size:26px;}

.forgot_text a{font-size: 16px; margin-bottom: 20px;}

.login_txts{ font-size: 16px; margin:30px 0px; }

.social-btn .socail-btn-links{margin-bottom: 16px;padding: 16px 24px 16px 20px; font-size: 16px;  }
.social-btn .socail-btn-links img{width: 20px; height: 20px; margin-right: 8px; }

.common-form .form-group .pss-eye-show{position: absolute;cursor: pointer; right: 10px; top:51px; /* transform: translateY(-50%); */}

/* dashboard-profile */

.dashbord_paddings {padding-top: 78px;}

.dashboard-page{ padding: 64px 0px;}
.left_menu_links{width: 280px; border-radius: 16px; }
.left_menu_links li:last-child .sub_links{/* border-bottom: 0px; */ border-radius:0px 0px 16px 16px;}
.left_menu_links li:first-child .sub_links{border-radius: 16px 16px 0px 0px;}

.left_menu_links li .sub_links{padding: 24px; font-size: 16px; }
.left_menu_links li .sub_links img{width: 24px; height: 24px; margin-right: 16px;}

.profile-content-right{padding: 40px;  border-radius: 16px; margin-bottom: 32px;}
.profile-content-right .cms_title_sec .lft_contents h4{font-size: 32px;}
.profile-content-right .cms_title_sec {margin-bottom: 45px;}

.profile_img_Section{margin-bottom:32px;}
.profile_img_Section .profile_img{border-radius: 8px; width: 120px; height: 120px; margin-right: 16px; }
.profile_img_Section .profile_right_content .title{font-size: 16px; margin-bottom: 24px; }

.user_type_plan .plan_box{padding: 16px 24px 24px 16px; }

.user_type_plan .plan_box .left_iocn{width: 56px; height: 56px; border-radius: 50%; margin-right: 16px;}
.user_type_plan .plan_box .right_content .d-plan_fst  .title{ font-size: 32px; margin-bottom: 10px;}
.user_type_plan .plan_box .right_content .d-plan_fst .prices{font-size: 32px; margin-bottom: 10px;}
.user_type_plan .plan_box .right_content .d-plan_fst .prices sub{font-size: 16px;  }
.user_type_plan .plan_box .right_content .date_renews{font-size: 16px; margin-bottom: 10px; }
.user_type_plan .plan_box .right_content .date_renews span{font-size: 20px;}

.user_type_plan .plan_box .right_content .toggle_flex{font-size: 16px; margin-bottom: 10px;}
.user_type_plan .plan_box .right_content .toggle_flex .txt_uit{margin: 0px 10px;}

.user_type_plan .plan_box  .text_plans .info_txt{max-width: 343px;padding: 4px 6px 4px 4px; font-weight: 600;}


/* cv create new templates */

.title-editor{font-size: 32px; margin-left: 16px;}
.title-editor span{ max-width: 200px;}
.title-editor img{margin-left: 16px; }

.profilepage.cv_form_news .fn_section_panel .cv_component{ border-radius: 8px; padding: 24px;}
#cv_editor .cv_section_sub_title{font-size: 16px ; margin-bottom: 20px; }

.fb_heading_cvs p{font-size: 16px;}

.ql-container.ql-snow .ql-editor{font-size: 16px;}

.skills-flex  .line-borders{ margin: 0px 10px; width: 16px; height: 2px;}

.SkillLevelSelect__level_selected {padding: 16px; font-size: 16px;}

.ref_boxs{padding:16px; border-radius: 8px; margin-top:10px;}

.cm-email-sp{font-size: 16px ;  margin-top: 8px; margin-right:20px;}
.cm-email-sp img{width: 17px;}

.del_text{font-size:16px; margin-left: 10px;}

.title-editor .undoredo{width: 200px; font-size: 24px;}

.undo_redo_option i{border-radius: 4px; width: 44px; height: 44px; padding:12px; margin: 0px 5px;}

.template_Select-downlods{width:98%; bottom:0px; left:0px; padding:20px;}
.template_Select-downlods .select-temp-pre{border-radius: 4px; font-size: 16px; padding:16px; }
.template_Select-downlods .download-temp-pre{padding:16px;  font-size: 16px; }

.cv_progress_bar{padding:16px;margin-bottom:32px; border-radius: 8px;}

.cv_progress_bar .cv_progess_fb{/* width:92px; */ width: auto; /* margin:0px 15px;  */font-size:14px; }
.cv_progress_bar .cv_progess_fb .cv_pro_icon{border: 2px solid #1F5F7B;padding:5px; width:40px; height:40px; }

.cv_progress_bar .line-bars{height:3px; width:19px; border-radius: 8px; margin:20px 15px 0px 15px ;}

/* about us page */

.about_us_page{padding: 80px 0px;}
.about_us_page .about_fst_middle .about-fst-img {border-radius: 16px; height: 260px; margin-bottom: 80px;}

.about_us_page .about_fst_middle .about_content .cm-title, .about-trust-section .cm-title{font-size: 48px;}
.about_us_page .about_fst_middle .about_content p{font-size: 16px;}

.about-img2{width: 100%; height: 400px; padding-bottom: 110px;}

.about-mission-section .top_section_miss {margin-bottom: 112px;}
.abt-com-mis-section{margin-top: 80px; padding: 0px 29px;}
.abt-com-mis-section .team-img{ width: 140px; height: 140px; margin: 0px auto 24px;}

.abt-mission-section p{font-size: 16px; }
.abt-mission-section h5{font-size: 32px; margin-bottom: 24px;}

.about_third_Section{padding-bottom: 80px;}
.temp_row .temp_widths_box{width: 20%;padding:5px 10px 20px;}

.pro_letter_common .all_saved_templates{flex:1; padding:30px 23px; }
.pro_letter_common .left_panel {width: 250px;}
.cv_downdload_section .copy_deplicated{min-width: 48%;}

.pro_letter_common .all_saved_templates.fixed_temp_topbars{padding-top: 0px;}
.fixed_temp_topbars .all_temp_topbars{padding-top: 30px; padding-left: 285px; padding-right: 20px;}
.fixed_temp_topbars .template_contents{padding-top: 170px;}
.price_common_pages .template_down_arrows{left: auto; right: 17%;}


}

@media(min-width:2100px){
    .temp_row .temp_widths_box{width: 16.66%;}
}

@media(max-width:1199px){

.container{width: 100% !important; max-width: 100% !important;padding-left: 20px !important; padding-right: 20px !important;}
.navbar-toggler { box-shadow: none !important;padding: 0 !important; display: flex; flex-direction: column; }
.navbar-toggler-icon { height:3px !important; width: 26px !important; margin-bottom: 4px !important; border-radius: 32px; background: #181819; }
.navbar-toggler-icon:nth-child(2n){width: 16px !important; margin-left: auto;}
.navbar-toggler-icon:last-child { margin-bottom: 0px; }

.btn-close{background-color: #D2D3D3 !important; border-radius: 4px !important; width: 36px !important; height: 36px !important; display: flex; align-items: center; justify-content: center; opacity: 1 !important; background-size: 14px !important;}
.btn-close:focus{box-shadow: none !important;}
.nav_links_flex{display: flex; flex-direction: column; height: 100%;}
.nav_bootom_Section{border-top: 2px solid #D2D3D3;padding-top: 30px; margin-top: auto;}
.m-nav_links{list-style: none; padding: 0; margin: 0;}
.m-nav_links li .btn-login{width:100%;/* margin-bottom:16px; */ background: #EBECED; padding: 16px 24px; color: #181819; font-family: 'graphiksemibold'; font-size: 16px;  border-radius: 4px;}
.m-nav_links li .signup-btns{background:#1F5F7B ; color: #fff;}
.m-nav_links li .cvs-btns{background: #19286D; color: #fff;}

.m-nav_links li{padding: 10px 0px;}
.m-nav_links li .headermenua{color: #181819; font-size: 20px; text-decoration: none;  display: inline-block;}
.nav_top_section{padding-bottom: 30px;}
.m-nav_links li.CV_collapsed .headermenua::before{position: absolute;right: 0; top: 20px; width:7px;  height:7px; content: "";  border: none; vertical-align:4px; margin-left: 10px; border-bottom: 1px solid #000; border-left:1px solid #000;transform: rotate(135deg);}
.m-nav_links li.CV_collapsed{position: relative;}
.m-nav_links li.CV_collapsed .headermenua{display: block;}
.creat-ltr-btn{padding: 16px 14px !important;}

.m-nav_links li.CV_collapsed .headermenua.collapsed::before{transform: rotate(-45deg);}

.landing-images .fst-bnner-imgs.fst-image { height: auto !important; }


/* .landing-images .fst-bnner-imgs{height: auto;} */
.cm-title, .landing-page-main .fst_content_middle h2{font-size: 48px;}
.cm-description{font-size: 16px;}

.thrd_content_section .sub_content .sub_flex h6{font-size: 20px;}

.owl-carousel.beoorde .owl-prev{left: -2px !important;}
.owl-carousel.beoorde .owl-next{right: -2px !important;}

.review_section .scroll_reviews_main {padding-top: 48px; }
.slider_reviews .slider_reviews_content .slider-desc{font-size:18px;}

.user_frame_outer .user_frame_inner{width: 330px; padding: 17px;}
.user_frame_outer .user_frame_inner.width_lg_section1 {width: 408px;}

.select_temp_colors .tx-title{font-size: 27px;}

.faqs_sections .accordion-item .accordion-header .accordion-button{padding-right: 0px;}

.works_middle_conts .how_cm_section .right_content_sec h4{font-size: 40px;}
.works_middle_conts .how_cm_section .right_content_sec p{font-size: 20px;}
.how_it_works{padding: 100px 0px ;}

.faq_page_Sections.landing_faqs { padding: 40px 0px 80px;}
.faq_page_Sections .cm-sub_headers .cm-title {font-size: 32px;}

.conatct_Page{padding: 40px 0px 80px;}
.left_Section .lct_txt{font-size: 32px;}

.dashboard-page{padding: 25px 0px;}

.cv_progress_bar ul{ white-space: nowrap; overflow-x: scroll;}
.cv_progress_bar .cv_progess_fb{font-size: 12px;}

.profilepage.cv_form_news .fn_section_panel .cv_component{padding:16px;}
#cv_editor .custom_dropdown_i2i3o23i button{font-size:15px; white-space: unset;}
#cv_editor .upload_wrapper_4swriww{margin-top:0px !important;}
.arrow_rights_fb {background: #EBECED;}
.title-editor{font-size:27px;}

.titles_temsps{font-size:26px;}
.customise_restes {/* flex-wrap: wrap; */ flex-direction: row-reverse;}
.section_sorting_item .sorting-block-12s .sortable_2829wew li{padding: 17px 12px;}
.about_us_page {
    padding: 40px 0px;
}

.pro_letter_common .all_saved_templates {padding: 30px 15px;}
.letter_main_top{justify-content:start; margin-top:32px;}
.temp_row .temp_widths_box {width: 50%;}

.cv_downdload_section .download_cpy{padding: 8px;}
.cv_edits span{max-width: 110px;}

.cv_downdload_section .copy_deplicated{min-width: 48%;}

.fixed_temp_topbars .template_contents {
    padding-top: 220px;
}
.headerfixed_tops { width: 100%; position: fixed; z-index: 1; top:-4px;left: 0; background: rgb(255, 255, 255);}
.tooltip{display: none !important;}
.cv_progress_bar .cv_progess_fb{font-size: 11px;}
.cv_progress_bar .cv_progess_fb .cv_pro_icon{width: 30px; height: 30px;}

.btn-close-temps{padding: 8px 15px;}
.price_common_pages .template_down_arrows {
    left: auto;
    right: 27%;
}

.code_type_block { display: block;}
.code_type_block .code_inputs {margin-bottom: 16px;}



}

@media(max-width:991px){

.landingcv-page-main{padding-top: 50px;}
.landing-page-main .fst_content_middle p{font-size: 16px;}
.menu_link_cv .cv_block_brdr {border-right: 0; border-bottom: 2px solid #D2D3D3; padding: 0px 0px 30px; margin-bottom: 30px;}
.menu_link_cv .cv_block_brdr.cv_middle_block{margin-bottom: 0px; border-bottom: 0px;}
.cv_select_views{width: 100%; margin-bottom: 30px;}

.logo_part_Section.bannerbottomdiv .logostripe1{justify-content: center;}

.thrd_content_section .right_images_frame{margin-bottom: 100px;}
.landing_third_section{padding: 70px 0px;}

.prev_lefts{display: none;}
.review_section .owl-carousel.beoorde .item{padding: 0px;}
.slider_reviews .slider_reviews_img { width: 150px; height: 150px;}

.slider_reviews .slider_reviews_content .qtleftsd_one {width: 55px;}
.slider_reviews .slider_reviews_content .slider-desc { font-size: 14px; }
.review_section {padding: 60px 0px 60px;}

.user_frame_outer .user_frame_inner , .user_frame_outer .user_frame_inner.width_sm_section1{width: 100%;}
.user_frame_outer .user_frame_inner.width_lg_section1 {width: 100%;}
.user_frame_section .user_frame_outer{width: 50%; padding: 15px !important;}

.trust_section_row .us-trust{padding: 24px;}
.trust_section_row .us-trust p{font-size:16px;}
.trust_section_row .us-trust .us-flexs{font-size: 42px;}

.trust_people_section{padding: 70px 0px;}
.templates_scroll_bars .temp_imgs span{font-size: 16px;}

.temp_cv_section .select_temp_colors{display: block;}
.right_codes{justify-content: space-between;}
.select_temp_colors .tx-title{margin-bottom: 20px;}

.build_section .title{margin-bottom: 20px; text-align: center; font-size: 46px;}

footer .footer_main_section{padding: 55px 0px 0px;}
footer .footer_main_section .left_logo_sc{margin: 0px auto 30px; text-align: center;}
footer .footer_main_section .left_logo_sc .footer_logo{margin: 0px auto 10px;}

.footer_links li a{font-size: 18px; margin-bottom: 10px;}
.footer_bottom .copy_text{text-align: center; margin-bottom: 20px; font-size: 18px;}
.footer_bottom .social_links{justify-content: center;}
.footer_bottom .social_links li.follow_label{display: none;}

.works_middle_conts .how_cm_section .left_img_sections{margin: 0px auto 30px;}
.works_middle_conts .how_cm_section{text-align: center;}

.contact_top_Section .left_Section{margin: 40px auto 0px; max-width: 100%;}
.contact_top_Section .left_Section .map_imgs{height: 400px;}

.join_grps{margin-bottom: 30px; padding: 56px 67px;}
.card_members{max-width: 350px; margin: 0px auto;}

.cms_title_sec .lft_contents h4{font-size:28px;}
.ns_header {padding: 10px 0px;}
.ns_header .navbar-brand {max-width: 143px; height: auto;}
.letter_main_top{margin-top: 26px;}
.all_saved_templates .cms_title_sec .lft_contents h4 {font-size:18px;}
.check-boxs.currently_check_zlw494 {margin:0px 0px 20px;}
.crop_btn_flex {justify-content: center;margin-bottom: 30px;}

.template_down_arrows{bottom: 100px; left: 50%;}
.CV_collapsed .menu_link_cv{padding-top: 20px;}

.offcanvas.template_cv_sides{/* padding-top: 70px; */}
.template_cv_sides .switch_tmp_card .letter_template_thumb {height: 435px;}

.pro_letter_common {display: block;}
.pro_letter_common .left_panel {width: 100%;}
.pro_letter_common .dashboard_menubar_upper{bottom: 0; width:100%; height:auto; z-index: 1; }
.dashboard_menubar_upper ul{padding: 0; margin: 0; justify-content: space-between; display:flex;}
.dashboard_menubar_upper ul li{width:33.33%}
.dashboard_menubar_upper ul li a{margin:0px;justify-content:center; border-right:0px; border-top: 6px solid transparent;}
.letter_padding_bottoms{  padding-bottom: 87px;}
.plan_price_logo_Section .logostripe1 .diff_logos { margin: 0px 12px 20px;}

.dashbord_paddings { padding-top: 70px; }
.cancel_subscription_offcanvas.offcanvas_end_tops {top: 70px;}
.resume_combine_thumb img, .letter_combine_thumb img{max-width: 320px; margin: 0px auto; display: block}
.template_Select-downlods{padding: 20px 10px; z-index: 99999;  background: #181819;}
.template_Select-downlods .select-temp-pre, .template_Select-downlods .download-temp-pre{padding: 14px 10px;}

.customise_restes{/* flex-direction: row; */}
.customise_restes .btn-close-temps{ margin-left: 0px;}

.faq_build_section .build_section .common-ts-btn {justify-content:center;}
.fixed_temp_topbars .all_temp_topbars{padding-left: 20px;}

.faqs_sections .accordion-item .accordion-header .accordion-button{align-items: flex-start;}
#context_preview_model .fn_back_to_editor{left: 11px;top: 10px;}
.price_common_pages .template_down_arrows { right: 38%; bottom: 30px;}


}

@media(max-width:767px){
.code_type_block .code_inputs .form-group .form-control {margin-right: 0px;border-radius: 0 !important;}
.code_type_block .dash {margin: 0px 5px;}

.code_type_block .code_inputs .form-group .form-control:nth-child(1) { border-radius: 8px 0px 0px 8px !important; }
.code_type_block .code_inputs .form-group .form-control:nth-child(4) {border-radius: 0px 8px 8px 0px !important; }
.code_type_block .code_inputs .form-group .form-control:nth-child(6) { border-radius: 8px 0px 0px 8px !important; }
.code_type_block .code_inputs .form-group .form-control:nth-child(11) { border-radius: 0px 8px 8px 0px !important; }

.pb_bottom { flex-wrap: wrap;}


}

@media(max-width:700px){


.join_grps{margin-bottom: 30px; padding: 56px 47px;}
.modal.cm-modals .modal-dialog-centered{max-width: 95% !important; margin-top: 60px;}
.modal.cm-modals.cm-modal_temps .modal-dialog-centered {max-width: 95% !important; margin-top:20px;}

.cancel_subscription_offcanvas.offcanvas-end .offcanvas-body {padding: 16px;}
.header-login .header-news{justify-content: space-between;}
.login-page {padding: 32px 0px;padding-top:85px;}
.login-page-mains .nav-pills .nav-link{padding: 20px 10px;}
.header-login {padding: 10px 0px;}

.login-page{ min-height: calc(100vh - 76px); }
.profile-content-right{padding: 16px;}


.price_pln_slides{padding:40px 0px 10px;}
.price_pln_slides .container{padding:0px 10px;}

.letter_main_top .ltr_flex_box .right_side_Add, .letter_main_top .ltr_flex_box .left-side .cv_updated_on{display: none;}
.all_saved_templates .cv_new_maker{padding-bottom: 20px; text-align: center;}

.mobiles_footers{ position: fixed;  bottom: 0; width: 100%; z-index: 1;  left: 0;}
.mobile_header_preview{background: #181819;display:flex; justify-content:space-between; padding: 12px 10px; }
.mobile_header_preview .back-btn{background: #313131; border-radius: 4px; padding: 12px 24px 12px 20px; color: #fff; width: 110px; font-size: 16px; font-family: 'graphikmedium';}
.mobile_header_preview .preview_download{background: #FFCE51;width:100%; color: #181819; }

.user_frame_section{padding-top: 50px;}


.landing-page-main .fst_content_middle h2 label::before { width: 70px; height: 40px; top: -9px;}





}

@media(max-width:568px){

.logo_part_Section.bannerbottomdiv .logostripe2, .logo_part_Section.bannerbottomdiv .logostripe1{flex-wrap: wrap; justify-content: center;}
.logo_part_Section.bannerbottomdiv .logostripe2 .diff_logos, .logo_part_Section.bannerbottomdiv .logostripe1 .diff_logos{max-width: 33%; width: 100%; margin: 0; justify-content: center;}
.landing_frame_bottom_content{display: block; text-align: center;padding-bottom: 40px;}
.landing_frame_bottom_content span{width: 100%; display: block; padding-top: 15px;}

.slider_reviews .slider_reviews_img{display: none;}
.slider_reviews{padding: 15px;}
.slider_reviews .slider_reviews_content .qtleftsd_one { width: 50px; }
.user_frame_section .user_frame_outer {width: 100% !important; height: auto; padding: 15px 0px !important;}
.user_frame_outer .user_frame_inner.width_lg_section1{width: 100%;}
.user_frame_outer .user_frame_inner{height: auto;}
.trust_section_row {padding-top: 55px;}

.template_Section{padding-top: 20px;}

.all_temps{width: 100%;padding:0px 15px;}
.select_temp_colors .temp-bg-colors{width: 100%; margin: 0px;}

.footer_links{text-align: center;}

.job_post_forms.searchfthome .twitter-typeahead {padding: 0px; box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.12);}
.faq_contact_sections{padding: 80px 15px 60px;}
.faq_contact_sections .cm-title {font-size: 30px;}
.faq_contact_sections .cm-description {font-size: 18px;}

.login_box_contents {padding:20px 15px;}
.login_box_contents .cms_title_sec .lft_contents h4 {font-size: 21px;}

.profile_img_Section{display: block;}
.profile_img_Section .profile_img{margin: 0px auto 30px;}
.profile_img_Section .profile_right_content .pfo-btns{justify-content: center;}
.user_type_plan .plan_box .text_plans{display: block; text-align: center;}
.user_type_plan .plan_box .text_plans .info_txt{margin: 20px auto 20px; max-width: 100%;}
.info_txt span{text-align: left;}

.header-login .header-news{width:100%;}
.header-login.dashborder_flesx .header-news{ width:auto;}


.arrow_rights_fb{position:absolute; top:0px; right:0;}
.cv_component .toggle_flex{justify-content: start; padding-left: 90px; margin-top: 10px;}

.custom-checks .checkmark{top: 13px;}
.fb_heading_cvs{padding-right: 30px;}
.fn_header_actions .pull-right .fa-chevron-down{margin-left:10px; background: #EBECED; width: 32px; height: 32px; color: #181819; border-radius: 4px; display: flex; cursor: pointer; align-items: center; justify-content: center;}
.fn_header_actions div{margin:0px}

.customise_bolcks{padding: 14px;}
.section_sorting_item .sorting-block-12s{padding:8px;}
.section_sorting_item .sorting-block-12s .sortable_2829wew li{font-size:11px; word-break:break-word; padding: 10px 1px; margin-bottom: 10px;}


.preview-overlays .mobile_header_preview{z-index: 0;}
.profilepage.cv_form_news{position: relative;}
.mobile_sving_btn .earebg {background: #313131;padding: 6px; color: #fff;font-size: 16px; border-radius: 48px; position: absolute; z-index: 99; left: 3px; top: 5px;}

.cv_flex_12w{display: block;}
.form_info_letter{display: inline-flex; margin-top: 16px;}
.arrow_rights_fb12{background: #EBECED; font-size: 16px;}
.dpmedia12{margin-top: 0px; margin-bottom: 20px;}
.letter_text_com .letter_txt{flex: 1;}
.letter_component .letter_text_com .letter_txt{font-size: 16px;}
.job_title_block{font-size: 16px;}
.letter_component .new_letter_coms , .back-step-colors{padding: 12px;}

#letter_editor .job_post_forms.searchfthome .input-group{display: block; background: transparent;}
#letter_editor .job_post_forms.searchfthome .input-group .mdhomebtn{position: relative;margin-top: 16px;border-radius: 4px !important; margin-left: 0px; width: 100%; top: auto;right: auto; transform: none;}
#letter_editor .job_post_forms.searchfthome .twitter-typeahead{border-radius: 4px !important; border: 0;}
#letter_editor .searchfthome #serch{border-radius: 4px !important;}


.common-form .input-group .input-group-text img{width:20px; height: 20px;}

.letter_progress{margin-bottom: 0px; position: fixed;z-index: 1; width: 100%; background: #fff;  padding: 16px; left: 0; bottom: 0;}
.template_down_arrows{display:none;}

.price_pri_data .desc_price_plan li, .price_pri_data .desc_price_plan li:nth-child(2n){width:100%; margin-right:0px; border:0px;}
.price_common_pages .psecureheading{display:block;}
.price_common_pages .p-title{font-size:30px;}


.cancel_subscription_offcanvas.offcanvas-end .offcanvas-body.checkbox-body12{padding:0px 15px 20px; display: flex; flex-direction: column;}
.cancel_subscription_offcanvas.offcanvas-end .offcanvas-body.price_side_penal {
    padding: 0px 3px 0px;
}
.error-page {padding: 40px 0px;}
.template_cv_sides .switch_tmp_card .letter_template_thumb {
    height: 304px;
}
.offcanvas.template_cv_sides {
    /* padding-top: 110px; */
}
.offcanvas.template_cv_sides .common-title-templates {
    padding:32px 18px;
}


.dashboard_menubar_upper ul li a{display:block; text-align:center; padding:8px 16px; font-size: 14px;}
.dashboard_menubar_upper ul li a img{margin-right:0px; margin-bottom:10px; width: 20px; height: 20px;}
.temp_row .temp_widths_box {width:100%; padding: 5px 0px 20px;}
.cv_downdload_section .download_cpy{margin-bottom:0px; width:auto; min-width:48%;}
.cv_downdload_section a:nth-child(3) { margin-left: 0px;}
.cv_downdload_section a:nth-child(4) { margin-bottom: 0px;}

.letter_main_top .ltr_flex_box .left-side .cv_edits span span{display: none;}

.modal.cm-modals.cm-modal_temps .modal-dialog-centered .modal-body {padding: 20px; }
.cm-modal_temps .file_clip_row .form-group {margin-bottom: 30px;}

.emoji-selections .reviews .rev-seletced-dfs{ width: 33.33%; }

.ideal-cc-plns{margin-top:30px; border-bottom: 0px;}
.bottom-left-pss {text-align: center;}
.common-ts-btn .fn_item_header_done12.resume-btn {
    width: 100%;
    margin: 10px 0px;
}

.template_Select-downlods{width: 98%;}

.job_post_forms.searchfthome #serch {border-radius: 8px;}

.ns_header .nav-bar .cd-words-wrapper {background: #181819;}
.section_sorting_item .col-6.fn_order_12{width: 100%;}

.offcanvas-selection .fixed_temp_topbars .all_temp_topbars{z-index: 0;}
.offcanvas-selection .pro_letter_common .dashboard_menubar_upper{z-index: 0;}

.social-btn .socail-btn-links{font-size: 14px;padding: 20px;}

.cm-modal_temps .pdf_links{font-size: 14px; margin-top: 6px;}
.modal.cm-modals .thank-you-content{padding-top:15px;}
.modal.cm-modals .thank-you-content .ms-description{margin-bottom: 35px;}
.price_common_pages .template_down_arrows{display: flex;    right: 35%;}

.landing-images .fst-bnner-imgs { width: 100%; max-width: 100%; height: 277px;}

.vouchercode_open { margin-right: 0; width: 100%; text-align: center; order: 2; margin-top: 10px;}
.code_type_block .code_inputs .form-group .form-control { width: 26px; padding: 8px 0px;}
.code_type_block .code_inputs .form-group { justify-content: center; }

}

@media(max-width:500px){

.common-ts-btn{display: block;}
.common-ts-btn .cv-btn, .common-ts-btn .resume-btn{width: 100%;margin: 10px 0px;}
.thrd_content_section .right_images_frame{height: auto;}
.landing-page-main {padding-top: 40px;}
.landingcv-page-main  { padding-top: 25px; }
.cm-title, .landing-page-main .fst_content_middle h2 , .build_section .title{font-size:32px; }
.landing-page-main .fst_content_middle{margin: 0px auto 40px;}
.landingcv-page-main .fst_content_middle{margin: 0px auto 20px;}

.landing-page-main .fst_content_middle p{margin-bottom: 36px; font-size: 14px;}
.landingcv-page-main .fst_content_middle p{margin-bottom: 18px; font-size: 14px;}

.user_frame_outer .user_frame_inner.width_lg_section1 .rgt_imgs{height: auto;}
.trust_section_row .us-trust p {font-size: 24px;}
.templates_scroll_bars .temp_imgs .temp_lets_section:hover .common-ts-btn{padding: 20px;}
.starts_carrer_Section .career_main_Content{padding: 14px;}

.works_middle_conts .how_cm_section .left_img_sections{width: 320px; height: 320px;}
.works_middle_conts .how_cm_section .left_img_sections .left_counts{width: 85px; height: 85px; font-size: 70px; right: -21px;}
.how_cm_section.how_sm_right_sections .left_img_sections .left_counts { right: 0; left: -20px; }
.left_img_sections .hr-btns{font-size: 18px;}
.works_middle_conts .how_cm_section {padding: 100px 0px 40px; }

.card_members{max-width: 100%;}
.common-form .contactbtn{width: 100%;}
.contact_top_Section .left_Section .map_imgs { height: 345px; }
.join_grps {padding: 56px 15px;}
.mail_snd label{width: 100%;}
.card_members .card-body { padding: 32px 32px 60px; }

.profile_form_data .common-ts-btn .resume-btn{width: 100% !important;}
.user_type_plan .plan_box .left_iocn{margin-bottom: 16px;}
.user_type_plan .plan_box, .user_type_plan .plan_box .right_content .d-plan_fst{display: block;}
.upgrade_primium{width: 100%;}

.user_type_plan .plan_box{padding: 15px;}
.user_type_plan .plan_box .right_content .toggle_flex .txt_uit:last-child{margin-right: 0px;}
.user_type_plan .plan_box .right_content .date_renews span{font-size: 18px;}
.pfo-btns .upload_pro, .pfo-btns .delete-pro{font-size: 14px;}

.customise_restes .btn-close-temps{width:100%;justify-content:center; margin:0px;}
.customise_restes .color_panels li {width: 40px;height: 40px; margin-bottom: 10px;}
.common-title-templates { padding:15px; width: 100%; padding-right: 25px;}

.switch_tmp_card .preview_modal_container{font-size:14px;}
.switch_tmp_card .preview_modal_container img {width: 14px; margin-right: 5px; display:none; }
.title-editor .undoredo{width: 120px;}

.cm-btn-collapsings.common-ts-btn{display: flex;}
.cm-btn-collapsings.common-ts-btn .delete-btn{width: 100%; padding: 14px 10px; font-size: 12px !important;}
.cm-btn-collapsings.common-ts-btn .resume-btn{margin: 0px;margin-left: 10px; padding: 14px 10px;}

.crop_image_modal.cm-modal_temps .modal-body{padding: 30px 10px;}
.upgrade_data_lfx{display: block;}
.upgrade_data_lfx .premimu-acces-btn{width: 100%; margin-left: 0px; margin-top: 16px;}
.any_text_thres{width: 100%;}

.skills-flex{display: block;}
.skills-flex .line-borders{display: none;}

.thank_you_middle .media{display: block; text-align: center;}
.thank_you_middle .media .media-img{margin-right: 0px; margin-bottom: 40px;}

.template_cv_sides .switch_tmp_card .letter_template_thumb {height: 220px;}

.user_row .user_toggles .user-img{margin-right: 0px;}
.user_row .user_toggles span{display: none;}
.user_row .user_toggles{padding: 2px; margin-right: 0px !important;}
.user_row .user_toggles.dropdown-toggle::after{display: none;}

.about_us_page .about_fst_middle .about_content .cm-title, .about-trust-section .cm-title {
    font-size: 30px; text-align: center;
}


.letter_main_top .ltr_flex_box .cv_edits {display: block; text-align: center; font-size: 15px;}
.letter_main_top .ltr_flex_box{padding: 10px 2px;/* min-width:49%; */ min-width: 31%; justify-content: center;}
.letter_main_top .ltr_flex_box.lter_middle_flx_box{margin: 0px 10px;}
.letter_main_top {justify-content: space-between;margin-top: 21px;}
.letter_main_top .ltr_flex_box .left-side .cv_edits span{margin: 0px ; width: 100%; display: block;}
.letter_main_top .ltr_flex_box .cv_edits img{margin-bottom: 8px;}

.pro_letter_common .all_saved_templates {padding: 15px 15px;}
.dot_desktop_edit{display: none;}
.dot_edit_mobiles{display: block;}
.dot_edit_mobiles .dropdown-menu{left: 0 !important; overflow-y: auto; position: relative; width: 100%; border: 0;border-radius: 24px 24px 0px 0px; padding:30px 20px 32px; }
.dot_edit_mobiles .offcanvas-bottom{height: auto;border-radius: 24px 24px 0px 0px; }

.dot_edit_mobiles.dot_edits .dropdown-menu::before{content: '';display: none; position: absolute; top:10px; left: 50%; transform: translateX(-50%); background: #979898; border-radius: 48px; width: 40px; height: 5px; }
.dot_edit_mobiles.dot_edits .dropdown-menu li { padding: 21px 10px; border-bottom: 1px solid #EBECED;}
.dot_edit_mobiles.dot_edits .dropdown-menu li:last-child{border-bottom: 0px; padding:21px 0px 0px;}
.dot_edit_mobiles.dot_edits .dropdown-menu li:last-child:hover{background: transparent;}
.dot_edit_mobiles.dot_edits .dropdown-menu li a{justify-content: center; font-size: 14px; margin: 0px;}
.dot_edits .dropdown-menu .cancel-btn{background: #EBECED;padding: 16px 20px;color: #181819;font-size: 14px;display: flex;align-items: center;justify-content: center; border-radius: 4px;}
.dot_edit_mobiles.dot_edits .dropdown-menu .cancel-btn img{margin-right: 8px;}

.dot_edit_mobiles .offcanvas-top{ height: fit-content; border-radius:0px 0px 24px 24px ; }
.dot_edit_mobiles .offcanvas-top .dropdown-menu{border-radius:0px 0px 24px 24px ; padding: 10px 20px 32px; }
.dot_edit_mobiles .offcanvas-top .dropdown-menu::before{top: auto; bottom: 10px;}

.cv_downdload_section .copy_deplicated, .cv_downdload_section .download_cpy{padding: 14px 10px; height: 44px;}
.cv_downdload_section .copy_deplicated{margin-bottom: 12px;}
.cm-modal_temps .modal-footer .btn-primary{width: 100%; margin: 0; order: 1;}
.cm-modal_temps .modal-footer .cancel-text{order: 2; text-align: center;}
.cm-modal_temps .modal-footer{justify-content: center;}
.send_cvemail_form  .bootstrap-tagsinput input{width: 100px;}

.cm-modal_temps .combine_cv_letter_form .modal-footer{justify-content: space-between; }
.cm-modal_temps .combine_cv_letter_form .combiner_dwnld_btn, .cm-modal_temps .combine_cv_letter_form .modal-footer .btn-primary{width: 47%;}
.file_clip_row {text-align: center;}
.cancel-text{margin-top: 24px;}

.emoji-selections .reviews .rev-seletced-dfs{ width:50%; margin-bottom: 8px;}
.dashbord_paddings {padding-top: 72px;}
.bottom-left-pss .check-cc-btn{width: 100%;}

.pln_cc .form-check .pln_cc_select{justify-content: center;color: #181819; font-size: 16px;}
.pln_cc .form-check .pln_cc_select .pp_crds{padding: 0; border: 0; margin-left: 15px;}
.pln_cc .form-check{border: 1px solid #D2D3D3;padding: 16px;margin-bottom: 16px; border-radius: 8px;}

.ideal-cc-plns{/* padding: 0px; */}
.pln_cc .form-check .cc_radios{border-radius: 4px;padding: 0px; width: 24px;  height: 24px; margin-right: 8px;}
.pln_cc .form-check .cc_radios .form-check-input{border-radius: 4px; /* width: 100%; height: 100%; */ }
.pln_cc .form-check .cc_radios .form-check-input:checked[type="radio"]{background-image: url(../pics/check.svg);background-size: contain;}
.pln_cc .form-check.active{background: rgba(31, 123, 112, 0.12); border-color: #1F5F7B;}

.plan_price_logo_Section .logostripe1 .diff_logos {margin: 0px 9px 20px;}
.plan_price_logo_Section .logostripe2 .diff_logos {margin: 0px 9px 20px;}
.landing_frame_bottom_content img{margin-right: 0px;}
.toggle_flex{padding-left: 0px;}
.customise_restes{flex-direction: column-reverse;}

#switch_template_modal{height: calc( 100vh - 190px );}
.cv_component .row>*, .profilepage.cv_form_news .row>*{position: unset;}

.fn_pre_back_btn, .fn_next_btns{width: 100%; padding: 16px 10px;}

.sweet-alert button{width: 100%; margin: 10px 0px 5px;}
.sweet-alert .sa-confirm-button-container{width: 100%;}
.sweet-alert .sa-button-container{display: flex; flex-direction: column-reverse;}

.faq_build_section .build_section{padding: 16px;}

.build_section .title{text-align: left;}

.color_panels{width: 100%; justify-content: space-evenly;}
.template_cv_sides .common-title-templates .col-6 {padding: 0px 5px;}

.membership_mobile_spacess.new_letter_coms{padding: 0px;}
.membership_mobile_spacess.new_letter_coms .panel-heading{padding: 16px 16px 10px;}
.membership_mobile_spacess.new_letter_coms .ql-toolbar{border-left: 0 !important; border-right: 0 !important; border-radius: 0;}
.membership_mobile_spacess.new_letter_coms #quill_editor_wow3932{border:0; border-radius: 0;}

.fixed_temp_topbars .all_temp_topbars{padding: 15px;padding-top: 2px;}
.all_temp_topbars.headerfixed_tops{padding-top:15px;}
.fixed_temp_topbars .template_contents {padding-top:165px;}
.header-login .header-news .back-btn{padding: 10px;}

.all_saved_templates .cms_title_sec .lft_contents h4 {font-size: 18px;}
.letter_main_top .ltr_flex_box .cv_edits{font-size:12px; font-weight: 400; font-family: 'graphik_regularregular';}
.pfo-btns .delete-pro, .removePropic{font-size: 14px; margin-left: 13px;}

.common-ts-btn .resume-btn, .common-ts-btn .cv-btn{padding: 14px 20px; font-size: 12px;}

.about_us_page .about_fst_middle .about-fst-img{height: auto;}
.already_text{font-size: 14px;}

.landing-page-main .fst_content_middle p br{display: none;}

.template_Select-downlods .select-temp-pre, .template_Select-downlods .download-temp-pre{font-size: 14px;}
.plan_box .right_content .toggle_flex .slider::after {left: 18px; top: 16px;}
.plan_box .right_content .toggle_flex .slider::before {height: 33px; width: 33px; }
.plan_box .right_content .toggle_flex .switch {width: 73px;height: 38px;}
.plan_box .right_content .toggle_flex input:checked + .slider::before { -webkit-transform: translateX(33px); -ms-transform: translateX(33px);  transform: translateX(33px);}
.plan_box .right_content .toggle_flex input:checked + .slider::after { -webkit-transform: translateX(33px); -ms-transform: translateX(33px); transform: translateX(33px);}
.user_type_plan .plan_box .right_content .date_renews {font-size: 14px;}

.Cv_Inputs_5weuure .common-ts-btn.d-block {display: none !important;}
.Cv_Inputs_5weuure .expand1 ~ .common-ts-btn.d-block{display: block !important;}

.landing-images .fst-bnner-imgs {height: 194px;}

.landing-page-main .fst_content_middle h2 label::before { width: 60px; height: 30px; top: -9px; right: -42px;}


.pop-parent .pop-span { left: auto; right: 0; width: 200px; }



}

@media(max-width:400px){
    .login-page-mains .nav-pills .nav-link {padding: 20px 4px; font-size: 15px;}
    .user_type_plan .plan_box .right_content .date_renews span {
        font-size: 14px;
    }
    .title-editor, .title-editor .undoredo {
        font-size: 20px;
    }
    .title-editor span {max-width: 120px;}
    .pfo-btns .upload_pro, .pfo-btns .delete-pro {font-size: 12px;}
    .user_type_plan .plan_box .right_content .toggle_flex{font-size: 14px;}
}