* { margin: 0 0; padding: 0; outline: none; -ms-word-break: break-word; word-break: break-word; word-wrap: break-word;  }

html {scroll-behavior: smooth; }
body {  font-family: "Work Sans", sans-serif; font-weight: normal !important; font-style: normal !important; overflow-x: hidden; padding: 0px !important; }

/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: rgba(46, 86, 192, 0.6); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3);}

input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid transparent; -webkit-text-fill-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}

/*  */

header { width: 100%; padding: 15px 15px; background: transparent; z-index: 11; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: space-between; }
.site_logo { width: 270px; display: block; } 
.site_logo a { align-items: center; }
.site_logo a .logo { width: 140px; height: 50px; border-radius: 50px; padding: 5px 15px; background: #fff; z-index: 1; }
.site_logo a .logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.site_logo a span.site_name { max-width: 220px; border-radius: 60px; background: #FFFFFF; text-align: right; padding: 12px 15px; display: block; width: 100%; margin-left: -60px; font-size: 24px; font-weight: 700; line-height: 28.15px; letter-spacing: 4px; color: #9A4FDF; }

header ul.nav { margin-left: auto; align-items: center; }
header ul.nav li { margin-left: 35px; }
header ul.nav li a { text-transform: uppercase; font-size: 16px; font-weight: 500; line-height: 17px; text-align: center; color: #fff; }
header ul.nav li a.active_class {text-decoration: underline !important;}

header ul.nav li.login_item a { width: 130px; box-shadow: 0px 8px 12px 0px #00000040; font-weight: 600; background: #FFFFFF; border-radius: 50px; color: #6D2EC9; padding: 16px; }
header ul.nav li a:hover, header ul.nav li a.active { color: #9A4FDF; } 

.fixed-header { position: fixed !important; z-index: 111; top: 0; box-shadow: 0px 4px 4px 0px #00000026; background: rgba(70, 16, 150, 0.85); animation: slide-down 0.7s; left: 0; width: 100%; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); max-width: 100%; left: 0; border-radius: 0; transform: unset;}
@keyframes slide-down {
  0% { opacity: 0; transform: translateY(-100%);}
  100% { opacity: 0.9; transform: translateY(0);}
}

.banner_section { width: 100%; display: block; background: linear-gradient(250.62deg, #461096 -26.6%, #7F3CE0 114.33%); /* min-height: 922px; */ padding: 90px 15px 50px; position: relative; }
.banner_section::before { position: absolute; content: ""; left: 0; right: 0px; bottom: 0px; top: 0px; background: url(../images/banner-shadow_box.png) no-repeat;  }
.banner_content_block { width: 100%; display: flex; align-items: center; padding-top: 30px; position: relative; }
.sql_banner_content { max-width: 790px; width: 100%; padding-right: 20px; }
.sql_banner_content .sql_heading { font-size: 42px; font-weight: 700; line-height:52px; letter-spacing: 4px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 20px; }
.sql_banner_content .sql_desc { font-size: 20px; line-height: 28px; letter-spacing: 4px; color: #C8A2FE; margin-bottom: 30px; }
.sql_banner_content .btn-row { width: fit-content; display: block; }
.sql_banner_content .btn-row .common-button { box-shadow: 0px 8px 12px 0px #00000040; background: #FFFFFF; width: 495px; border-radius: 60px; font-size: 16px; font-weight: 600; color: #6D2EC9; text-transform: uppercase; padding: 12px; }
.sql_banner_content .no_text { font-size: 16px; font-style: italic; font-weight: 500; letter-spacing: 4px; text-align: right;  color: #C8A2FE; margin-top: 10px; }
.sql_screen_block { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); max-width: 975px; width: 100%; height: 550px; border-radius: 22px; box-shadow: 0px 50px 100px 0px #FFFFFF26 inset; padding: 30px; overflow: hidden; display: flex; }

.code-box { font-family: "Roboto Mono", monospace; font-size: 14px; font-weight: 500; line-height: 21px; color: rgba(255, 255, 255, 0.8); overflow-x: auto; white-space: pre-wrap; position: relative; }
.code-box .string { color: rgba(255, 94, 94, 0.8);}
.code-box .comment { color: rgba(139, 139, 139, 0.8);}
.code-box .number { color: rgba(102, 187, 106, 0.8);}
.code-box .cursor { display: inline-block; width: 2px; background-color: #f8f8f2; animation: blink 0.7s infinite; height: 16px; }
@keyframes blink {
    0%, 100% { background-color: #f8f8f2; }
    50% { background-color: transparent; }
}

.line-numbers { white-space: break-spaces; margin-right: 20px; width: 20px; white-space: pre-wrap; font-size: 14px; font-weight: 700; line-height: 21px; color: rgba(255, 255, 255, 0.4); font-family: "Roboto Mono", monospace; }


.testimonials_section {  width: 100%; display: block; padding: 30px 15px; position: relative; }
.testimonials_section::before { position: absolute; content: ""; background: linear-gradient(180deg, #FFFFFF 0%, #F1F1F1 100%); width: 100%; left: 0; bottom: 0px; height: 281px; }
.test_card { box-shadow: 0px 4px 10px 5px #0511140D; max-width: 416px; width: 100%; border-radius: 10px; background: #FFFFFF;  padding: 20px; /* cursor: pointer;  */margin: 20px 10px; }
.test_card:hover, .test_card.slick-current { box-shadow: 0px 2px 4px 0px #5B1FB0;}
.test_card .text_content { width: 100%; display: flex; margin-bottom: 35px; padding: 0px 20px; }
.test_card .text_content img { width: 26px; height: 22px; object-fit: contain; object-position: center;  }
.test_card .text_content p { font-size: 14px; font-style: italic; font-weight: 500; line-height: 22.4px; color: #333333; margin-bottom: 0px; padding-top: 10px; margin-left: 5px; 
    /* text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4; */
}

.testimonial_user { width: 100%; display: flex; align-items: center; padding-left: 15px; }
.testimonial_user .t_img { border: 1px solid #05111466; width: 72px; height: 72px; border-radius: 50%; margin-right: 15px; }
.testimonial_user .t_img img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 50%;  }
.testimonial_user .t_info { width: 100%; flex: 1; }
.testimonial_user .t_name { font-size: 18px; font-weight: 500; line-height: 24px; color: #051114; margin-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 140px; }
.testimonial_user .t_post {font-size: 10px; line-height: 16px; color: #333333; margin-bottom: 0px; }

.test_card:hover .testimonial_user .t_img { border: 1px solid #5319A6; }
.test_card:hover .testimonial_user .t_name { color: #9A4FDF;}

.testimonials_section .slick-track { display: flex !important; }
.testimonials_section .slick-slide { height: auto !important; }
.testimonials_section .test_card { display: flex !important; flex-direction: column; }
.testimonials_section .testimonial_user { margin-top: auto; }

.slick-dots { list-style: none; display: flex; align-items: center; justify-content: center; margin-bottom: 0px; margin-top: 20px; }
.slick-dots li { width: 20px; height: 7px; background: rgba(70, 16, 150, .4); border-radius: 10px; margin: 0px 5px; cursor: pointer; }
.slick-dots li button { display: none; }
.slick-dots li.slick-active {  background: #461096; width: 40px; }

.interviews_section { width: 100%; display: flex; align-items: center; padding: 60px 15px; background: url(../images/Line.png) no-repeat; background-position: center right; background-size: 60%; }
.interview_video { max-width: 660px; width: 100%; height: 410px; border-radius: 40px; background: url(../images/video_img.png) no-repeat; background-position: center; background-size: cover; position: relative; }
.interview_video .play_icon { position: absolute; width: 100px; height: 100px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.interview_video .play_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.interview_video .watch_btn { box-shadow: 0px 8px 12px 0px #00000040; background: #6D2EC9; width: 150px; height: 46px; border-radius: 60px; font-size: 16px; font-weight: 600; position: absolute; left: 50%; transform: translateX(-50%); bottom: -23px; text-transform: uppercase; color: #fff; }
.interview_content_block { width: 100%; flex: 1; padding-left: 35px; }
.interview_content_block .inter_heading { font-size: 28px; font-weight: 700; line-height: 36px; letter-spacing: 4px; color: rgba(154, 79, 223, 1); text-transform: uppercase; margin-bottom: 18px; }
.interview_content_block .inter_desc { font-size: 20px; line-height: 26px; letter-spacing: 4px; color: #686868; } 
.interview_video video { max-width: 100%; height: 100%; border-radius: 40px; object-fit: cover; object-position: center; }


.core_features_section { width: 100%; padding: 45px 15px; background: linear-gradient(180deg, #F2E9FF 0%, rgba(244, 236, 255, 0.1) 7.28%, rgba(255, 255, 255, 0) 100%); overflow: hidden; }
.core_features_block { max-width: 100%; width: 100%; margin: 0px auto;  }
.core_features_block .feature_block { width: 100%; display: flex; margin-bottom: 30px;position: relative; }
.core_features_block .feature_block::before { position: absolute; content: ""; width: 0px; height: 70%; border-right: 4px dashed #E7CEFF; left: 50%; top: 70%; transform: translateX(-50%); }
.core_features_block .count { box-shadow: 0px 7px 30px 0px #00000021; background: #FFFFFF; min-width: 56px; height: 56px; padding: 15px; border-radius: 50%; font-size: 18px; font-weight: 700;  text-align: center; color: #9A4FDF; margin: auto 40px; }
.core_features_block .feature_block:last-child::before { display: none; }
.core_features_block .feature_block:last-child { margin-bottom: 0px; }
.core_features_block .feature_img { width: 50%; border-radius: 20px; background: url(../images/window.svg) no-repeat; background-position: center; background-size: cover; padding: 55px 35px 40px 35px;
  height: 390px;}
.core_features_block .feature_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; }
.feature_content { width: 50%; display: flex; flex-direction: column; justify-content: center; padding: 0px; }
.feature_content .fea_heading { font-size: 18px; font-weight: 700; line-height: 21px; letter-spacing: 4px; color: #9A4FDF; text-transform: uppercase; margin-bottom: 15px; }
.feature_content .fea_heading span { color: #333333;}
.feature_content .fea_desc { font-size: 18px; line-height: 23px; letter-spacing: 4px; color: #686868; margin-bottom: 0px; }
/* .feature_block_left_content .feature_img { margin-right: 0px !important; margin-left: 30px; } */

.advantages_section { width: 100%; display: block; padding: 40px 15px; background:rgba(180, 121, 217, 0.15) ; position: relative; overflow: hidden; /* url(../images/advantages.png) no-repeat  background-size: cover; background-position: center; */ }
.advantages_section::before { width: 986px; height: 986px; border-radius: 50%; position: absolute; content: ""; left: 50%; top: 17%; transform: translateX(-50%); background: linear-gradient(180deg, rgba(238, 194, 253, 0.21) 19.22%, rgba(170, 254, 234, 0) 71.44%, rgba(216, 170, 198, 0) 83.67%); }
.adv_heading { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: 4px; text-align: center; color: #9A4FDF; text-transform: uppercase; margin-bottom: 30px;  }
.advantage_blocks { max-width: 1520px; width: 100%; margin: 0px auto; padding-top: 50px; position: relative; }
.advantage_outer_card { width: 100%; height: 100%; padding-bottom: 20px; max-width: 95%; margin: 0px auto; }
.advantage_inner_card { padding: 20px 20px 25px; box-shadow: 1px 4px 20px 0px #DCDCDC; background: #fff; max-width: 450px; width: 100%; position: relative;  margin: 0px auto; height: 100%; border-radius: 12px; }
.advantage_inner_card .adv_icon { background: #9A4FDF; position: absolute; transform: translateX(-50%); top: -20px; width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.advantage_inner_card .adv_icon img { width: 60px; height: 60px; object-fit: contain; object-position: center; }
.advantage_inner_card .adv_content .adv_title { color: #9A4FDF; font-size: 18px; font-weight: 700; line-height: 23.46px; padding-left: 50px; letter-spacing: 4px; margin-bottom: 20px; text-transform: uppercase; }
.advantage_inner_card .adv_content .adv_title span { color: #333333; }
.advantage_inner_card .adv_content .adv_desc {  font-size: 18px; line-height: 26px; letter-spacing: 2px; margin-bottom: 0px; color: #000;}

.interactive_section {width: 100%; display: block; background: #9A4FDF url(../images/interactive_bg.png) no-repeat; min-height: 815px; padding: 40px 15px; background-position: center; background-size: cover; }
.interactive_section .inter_heading { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: 4px; text-align: center; color: #FFFFFF; text-transform: uppercase; margin-bottom: 35px; }
.interactive_table { max-width: 1253px; width: 100%; /* height: 636px; */ border-radius: 20px; margin: 0px auto; background: #501F7D; box-shadow: 5px 12px 20px 9px #00000040; }
.interactive_table table th { font-size: 16px; font-weight: 600; line-height: 18.77px; color: #fff; padding: 14px 30px; border: none; text-transform: uppercase; }
.interactive_table table td { font-size: 14px; line-height: 14px; border: none; color: #fff; padding: 5px 30px; }
.interactive_table table tbody tr:nth-child(even) { background: #6C29A9;}
.interactive_table table  tbody tr:nth-child(odd) { background: #5C2392;}
.interactive_table table td .status { width: fit-content; padding: 2px 8px; height: 20px; border-radius: 20px; font-size: 12px; line-height: 14px; text-align: center; color: #333333; display: block; }
.interactive_table table td .easy_status { background: #C9FFD8; border: 1px solid #3BF06E; }
.interactive_table table td .hard_status { border: 1px solid #EF4E4E; background: #FFA6A6; }
.interactive_table table td .medium_status {border: 1px solid #F2B926; background: #FFEDC9; }
.interactive_table .arrow_btn { width: 18px; height: 18px; background: #fff !important; border-radius: 50%; box-shadow: none !important; border: none !important; padding: 0px; display: block; }
.interactive_table .arrow_btn img { width: 10px; height: 10px; padding-left: 1px; object-fit: contain; object-position: center; }
.interactive_table .premium_btn { box-shadow: none !important; border: none !important; background: transparent; padding: 0px; display: flex; align-items: center;  }
.interactive_table .premium_btn .pre_icon{ width: 18px; height: 18px; background: #FFEE54; border-radius: 50%; box-shadow: none !important; border: none !important; display: flex; align-items: center; justify-content: center; position: relative; }
.interactive_table .premium_btn .pre_icon img { width: 14px; height: 14px; object-fit: contain; object-position: center; }
.interactive_table .premium_btn .pre_text {  background: #FFEE54; font-size: 10px; line-height: 12px; text-align: center; color: #333333; width: 60px; height: 12px; border-radius: 10px; display: block; text-align: right; margin-left: -10px; padding-right: 5px; }

.pricing_section { width: 100%; display: flex; padding: 35px 15px; background: url(../images/circle.svg) no-repeat; min-height: 390px; background-size: auto; background-position: -5px -160px; align-items: center; }
.pricing_content_block { /* padding-top: 30px; */ max-width: 710px; width: 100%;/*  padding-right: 10px; */ margin: 0px auto; text-align: center; }
.pricing_content_block .pricing_title { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: 4px; color: #9A4FDF; text-transform: uppercase; margin-bottom: 20px; }
.pricing_content_block .pricing_desc { color: #686868; font-size: 18px; line-height: 23px; letter-spacing: 4px; margin-bottom: 20px; }
.pricing_content_block .pricing_img { max-width: 570px; width: 100%; height: 420px; margin-top: 140px; margin-left: -40px; display: none; }
.pricing_content_block .pricing_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.pricing_section .started_btn { background: #6D2EC9; color: #fff; box-shadow: 0px 8px 12px 0px #00000040; min-width: 220px; padding: 15px; border-radius: 60px; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.pricing_section .started_btn.buttonhover:hover::before { background: #fff;}
.pricing_section .started_btn:hover { color: #6D2EC9 !important; }

.pricing_card_block { width: 100%; flex: 1; display: flex; align-items: center; justify-content: flex-end; display: none; }
.price_card { max-width: 370px; width: 100%; border-radius: 10px; background: #FFFFFF; margin-bottom: 12px; }
.price_card_img { width: 100%; height: 175px; border-radius: 10px 10px 0px 0px; background: url(../images/price_bg1.png) no-repeat; background-position: center; background-size: cover; padding: 20px; }
.price_card_img img { width: 130px; height: 130px; object-fit: contain; object-position: center; margin-left: auto; display: block; }
.pricing_card_body { border: 2px solid #EBEAED; border-radius: 0px 0px 10px 10px; }

.que_info { width: 195px; padding: 2px 10px; background: #9A4FDF; margin: -2px auto 0px; border-radius: 0px 0px 10px 10px; font-size: 16px; font-weight: 500; line-height: 32px; text-align: center; color: #fff; }
.pcb_content { padding: 15px 30px 30px; }
.pcb_content .pc_type {font-size: 20px; font-weight: 500; line-height: 32px; color: #9A4FDF; margin-bottom: 10px; }
.pcb_content .pc_amount { font-size: 20px; font-weight: 500; line-height: 32px; text-align: right; color: #333333; margin-bottom: 10px; }
.pcb_content .pc_amount span { font-size: 12px; line-height: 26px; color: #797979; }
.pcb_content .pc_text { color: #333333; font-size: 14px; line-height: 22px; margin-bottom: 0px; }
.pcb_content .pc_amount span:first-child { vertical-align: super;  text-transform: uppercase;}
.Plans_benefits { position: relative; }
.Plans_benefits .pb_title { font-size: 16px; font-weight: 700;line-height: 24px; text-align: center; color: #333333; margin-bottom: 20px;text-transform: uppercase; }
.Plans_benefits ul { list-style: none !important; margin-bottom: 20px; padding: 0px; }
.Plans_benefits ul li { font-size: 16px; font-weight: 500; line-height: 28px; text-align: center; color: #333333; padding: 9px; border-bottom: 1px solid #fff; text-transform: uppercase; }
.Plans_benefits ul li:nth-child(even) { background: #F6ECFF;}
.Plans_benefits ul li:nth-child(odd) { background: #FAF5FF;}
.Plans_benefits .getfree_btn { font-size: 16px; font-weight: 500; line-height: 24px; color: #333333; border: 2px solid #EBEAED; width: 180px; height: 44px; border-radius: 100px; box-shadow: none !important; display: block; margin: 0px auto 25px; }
.Plans_benefits .getpremium_btn { font-size: 16px; font-weight: 500; line-height: 24px; text-align: center; color: #FFFFFF; width: 180px; height: 44px; border-radius: 100px; background: #9A4FDF; border: 1px solid #9A4FDF; display: block; margin: 0px auto 55px; }
.Plans_benefits ul.pb_outer_list { position: absolute; left: -100.4%; width: 100%; }
.Plans_benefits ul.pb_outer_list li { text-align: left; border-radius: 6px 0px 0px 6px; }
.advanced_price_card { margin-left: 24px; margin-bottom: 0px; position: relative; }
.advanced_price_card .price_card_img { height: 190px; background: url(../images/price_bg2.png) no-repeat; background-position: center; background-size: cover; padding: 38px 20px; }
.advanced_price_card .price_card_img img { margin-left: unset; }
.advanced_price_card .advanced_text { position:absolute; right: 0px; top: 5px; }

.advanced_price_card .advanced_text img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.faqs_section { width: 100%; display: block; padding: 35px 15px; background: #F2E9FF url(../images/glob_dots.png) no-repeat; background-position: center right; background-size: contain; min-height: 520px; }
.faqs_section .faq_heading { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: 4px; text-align: center; color: #9A4FDF; margin-bottom: 35px; }
.home_faq_block { display: flex; width: 100%; }
.hfb_question_block { max-width: 880px; width: 100%; }
.hfb_question_block .accordion-item { border: none; border-bottom: 2px solid #DDD2EC; padding: 25px 0px; }
.hfb_question_block .accordion-item:last-child { margin-bottom: 0px !important; }
.hfb_question_block .accordion-button { font-size: 16px; font-weight: 700; line-height: 22px; letter-spacing: 2px;  color: #9A4FDF; text-transform: uppercase; padding: 0px 0px; border-radius: 0px !important; }
.hfb_question_block .accordion-button.collapsed { color: #333333;  }
.hfb_question_block .accordion-button:focus, .hfb_question_block .accordion-button:not(.collapsed) { box-shadow: none !important; background: transparent !important;  color: #9A4FDF; }
.hfb_question_block .accordion-body { padding: 15px 0px 0px; }
.hfb_question_block .accordion-body p { font-size: 14px; line-height: 24px; margin-bottom: 20px; }
.hfb_question_block .accordion-body p:last-child { margin-bottom: 0px !important; }
.hfb_question_block .accordion-button::after { background: url(../images/fa-angle-right.svg) no-repeat; background-size: auto; background-position: center; }
.hfb_question_block .accordion-button:not(.collapsed)::after { transform: rotate(90deg); }

.hfb_content { max-width: 347px; width: 100%; padding-left: 20px; margin-left: auto; }
.hfb_content .hfbc_title { font-size: 14px; font-weight: 700; line-height: 26px; letter-spacing: 2px; text-transform: uppercase; color: #9A4FDF; margin-bottom: 25px; }
.hfb_content .hfbc_text { font-size: 18px; font-weight: 500; line-height: 28px; color: #333333; margin-bottom: 25px; }
.hfb_content .readmore_btn { box-shadow: none !important; background: #9A4FDF; border: 1px solid #9A4FDF; font-size: 16px; font-weight: 600; line-height: 22px; color: #FFFFFF; padding: 15px; border-radius: 50px; }

.home_about_section { display: flex; width: 100%; /* min-height: 580px;  */ }
.home_about_section .has_content_block { width: 100%; background: #6D2EC9 url(../images/about_shadow.png) no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; padding: 50px 50px; }
.home_about_section .hconetnt_box { width: 100%; position: relative; max-width: 50%; margin: 0px auto; }
.home_about_section .has_heading { font-size: 36px; font-weight: 700; line-height: 44px; letter-spacing: -0.4px; color: #FFFFFF; margin-bottom: 25px; }
.home_about_section .has_desc { font-size: 18px; font-weight: 500; line-height: 28px; color: #FFFFFF; margin-bottom: 30px; }
.home_about_section .learn_more_btn { border: 2px solid rgba(255, 255, 255, 0.3); width: 120px; border-radius: 100px; font-size: 16px; font-weight: 500; line-height: 22px; color: #FFFFFF !important; box-shadow: none !important ; padding: 7px 10px; }
.home_about_section .has_img { width: 50%; background: url(../images/has_img.png) no-repeat; height: 580px; background-position: center; background-size: cover;  }

/* footer */

footer { width: 100%; display: flex; align-items: center; justify-content: space-between; background: #1F1F1F; padding: 25px 15px; }
footer .footer_nav { display: flex; align-items: center; margin-bottom: 20px; margin-top: 10px; padding: 0; list-style: none;  }
footer .footer_nav li { margin: 0px 25px;  }
footer .footer_nav li a { font-size: 16px; line-height: 26px; color: #717171; }
footer .footer_nav li a.active, footer .footer_nav li a:hover { color: #fff; }
footer .copy_right_text { font-size: 14px; line-height: 26px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }
footer .copy_right_text a { color: #fff; }
footer .copy_right_text a:hover { text-decoration: underline !important; }
footer .social_links { max-width: 270px; width: 100%;  }
footer .social_icons { display: flex; align-items: center; margin-bottom: 10px; padding: 0; list-style: none; justify-content: flex-end; }
footer .social_icons li { margin: 0px 10px; }
footer .social_icons li:last-child { margin-right: 0px; }
footer .social_icons li a { display: block; width: 24px; height: 24px; }
footer .social_icons li a img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.livesupportchat { width: 30px; height: 30px; border-radius: 50%; position: fixed; right: 23px; bottom: 20px; }
.livesupportchat img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/* btn hover */

.buttonhover { transition: all 0.3s; position: relative; overflow: hidden; z-index: 1; }
.buttonhover:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 50px; z-index: -2; }
.buttonhover:before { content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background-color: #6D2EC9; transition: all 0.3s; border-radius: 150px; z-index: -1; }
.buttonhover:hover { color: #fff !important; }
.buttonhover:hover:before { width: 100%; }

.watch_btn.buttonhover:hover::before { background: #fff; }
.watch_btn.buttonhover:hover { color: #6D2EC9 !important; }
.learn_more_btn.buttonhover::before { background: #fff; }
.learn_more_btn.buttonhover:hover { color: #6D2EC9 !important; }


/* about us iamges */

.about_banner_section { padding-bottom: 0px !important; min-height: unset !important; }
.about_banner_section .sql_banner_content { max-width: 100% !important; padding-right: 0px; }
.banner_bottom_block { display: flex; width: 100%; }
.about_banner_section .sql_banner_content .sql_desc { font-size: 32px; line-height: 48px; letter-spacing: 4px; margin-bottom: 10px; max-width: 585px; width: 100%; }
.about_banner_img { max-width: 1066px; height: 480px; border-radius: 20px; width: 100%; padding-left: 15px; margin-bottom: -100px; }
.about_banner_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; }

.our_story_section { width: 100%; display: block; padding-top: 170px; } 
.our_story_section .story_content { padding: 10px 15px 70px; width: 100%; max-width: 1467px; width: 100%; }
.our_story_section .story_content .story_title {  font-size: 18px; font-weight: 700; line-height: 23px; letter-spacing: 4px; color: #9A4FDF; margin-bottom: 30px; text-transform: uppercase; }
.our_story_section .story_content .story_title span { color: #333333; }
.our_story_section .story_content .story_desc { font-size: 42px; line-height: 56px; letter-spacing: 4px; color: rgba(104, 104, 104, 1); margin-bottom: 0px; }
.our_story_section .story_img { width: 100%; height: 860px; }
.our_story_section .story_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.our_value_section { width: 100%; display: block; padding: 60px 15px 20px; }
.our_value_section .heading_block { width: 100%; max-width: 840px; margin-bottom: 50px; }
.our_value_section .heading_block .value_title { font-size: 18px; font-weight: 700; line-height: 21px; letter-spacing: 4px; color: #9A4FDF;  text-transform: uppercase; margin-bottom: 35px; }
.our_value_section .heading_block .value_title span { color: #333333;}
.our_value_section .heading_block .value_desc { font-size: 30px; line-height: 42px; letter-spacing: 4px; color: #686868; margin-bottom: 10px; }

.values_blocks { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;  }
.values_blocks .value_box { max-width: 520px; width: 100%; display: block; padding: 0px 15px; margin: 0px 0px 70px; background: url(../images/shapebg.png) no-repeat; background-position: center bottom; background-size: 80%; }
.values_blocks .value_box .vb_title { font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 70px; letter-spacing: 4px; margin-bottom: 25px; color: #9A4FDF;}
.values_blocks .value_box .vb_title span { color: #333333; }
.values_blocks .value_box .vb_desc { font-size: 18px; line-height: 24px; letter-spacing: 4px; color: #686868; margin-bottom: 10px; }

.meet_the_teams_section { background: #9A4FDF url(../images/interactive_bg.png) no-repeat; width: 100%; padding: 50px 15px; background-size: cover; background-position: center;}
.team_heading_block { width: 100%; display: block; margin-bottom: 35px; }
.team_heading_block .team_title { font-size: 18px; font-weight: 700; line-height: 23px; letter-spacing: 4px;  color: #FFFFFF; text-transform: uppercase; margin-bottom: 30px; }
.team_heading_block .thb_desc {  font-size: 32px; line-height: 50px; letter-spacing: 4px; color: #FFFFFF; margin-bottom: 10px;  }

.teams_card_block .teams-card {  max-width: 420px; background: #FFFFFF; width: 100%; margin: 0px auto; }
.teams_card_block .teams-card .t_member_img { width: 100%; height: 420px;  }
.teams_card_block .teams-card .t_member_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; } 
.teams_card_block .teams-card .tc_body { padding: 20px; }
.teams_card_block .teams-card .tc_body .tc_title { font-size: 20px; font-weight: 700; color: #9A4FDF; margin-bottom: 10px; }
.teams_card_block .teams-card .tc_body .tc_desc { font-size: 16px; font-weight: 500; line-height: 32px; color: #333333; margin-bottom: 0px; }

/*  */

.common_static_bg { width: 100%; display: block; background: linear-gradient(250.62deg, #461096 -26.6%, #7F3CE0 114.33%);  min-height: 85vh; padding: 160px 15px 70px;  position: relative; overflow: hidden; }
.common_static_bg::before { position: absolute; content: ""; left: 0; right: 0px; bottom: 0px; top: 0px; background: url(../images/banner-shadow_box.png) no-repeat, url(../images/shadow.png) no-repeat; background-position: top center, right bottom; background-size: cover, auto; }  
.contact_us_page { width: 100%; display: flex;  }  
.contact_content { width: 50%; position: relative; }
.contact_content::before { position: absolute; content: ""; width: 100%; height: 100%; left: -25px; top: 0; background: url(../images/mobile.png) no-repeat; background-position: center; background-size: contain; }
.contact_content .page_title { font-size: 42px; font-weight: 700; line-height: 52px; letter-spacing: 4px; color: #fff; text-transform: uppercase; margin-bottom: 20px; }
.contact_content .ctext { font-size: 30px; line-height: 50px; letter-spacing: 4px; color: #C8A2FE;}
.contact_form_block { width: 50%; position: relative; }
.contact_form_block .form-group { width: 100%; background: #AE62FF; border-radius: 20px; padding: 25px; margin-bottom: 30px; }
.contact_form_block .form-group label { font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: 4px; color: #FFFFFF; text-align: center; margin-bottom: 2px; text-transform: uppercase; }
.contact_form_block .form-group .form-control {  padding: 15px 0px; font-size: 14px; line-height: 21px; letter-spacing: 4px; color: #FFF; background: transparent; box-shadow: none !important; border: none !important; border-bottom: 1px solid #9C56E7 !important; border-radius: 0px; resize: unset !important; }
.contact_form_block .form-group .form-control::placeholder { color: #E1CCFF !important; }
.contact_us_page .submit-btn { box-shadow: 0px 8px 12px 0px #00000040; background: #FFFFFF; max-width: 160px; height: 60px; border-radius: 60px; width: 100%; color: #6D2EC9; font-size: 16px; font-weight: 600; line-height: 42px; text-transform: uppercase; }

/*  */

.teams_and_privacy_pages { padding-top: 120px; padding-bottom: 50px; }
.tapp_content_block { max-width: 1230px; width: 100%; margin: 0px auto; }
.tapp_content_block .heading_row { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; position: relative; }
.tapp_content_block .heading_row .page_title { font-size: 42px; font-weight: 700; line-height: 58px; letter-spacing: 4px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 0px; }
.tapp_content_block .heading_row .date_box { max-width: 290px; width: 100%; height: 50px; color: #AE62FF; font-size: 16px; font-weight: 700; line-height: 26px; letter-spacing: 2px; color: #FFFFFF; margin-bottom: 0px; background: #AE62FF; border-radius: 10px; text-transform: uppercase; display: flex; align-items: center; justify-content: center; padding: 10px; }
.terms_privacy_block { position: relative; }
.terms_privacy_block .tpb_box { border: none !important; border-bottom: 2px solid #4B1B8F !important; padding: 20px 0px; width: 100%; }
.terms_privacy_block .tpb_box:first-child { padding-top : 0px; }
.terms_privacy_block .tpb_box .tpb_title { font-size: 18px; font-weight: 600; line-height: 21px; letter-spacing: 4px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 15px; }
.terms_privacy_block .tpb_box .tpb_desc p { font-size: 14px; line-height: 24px; color: #FFFFFF; margin-bottom: 15px; }
.terms_privacy_block .tpb_box .tpb_desc p:last-child { margin-bottom: 0px; }  

/*  */

.faq_page { padding-top: 140px; padding-bottom: 80px; }
.faq_page::before { background: url(../images/banner-shadow_box.png) no-repeat, url(../images/shadow.png) no-repeat; background-position: top center, right bottom; background-size: cover, auto; }
.faq_page .faq_content { max-width: 1260px; width: 100%; margin: 0px auto; position: relative; }
.faq_page .faq_content .hfb_question_block {max-width: 100%; }
.faq_page .hfb_question_block .accordion-item { border-radius: 0px !important; border-color: #4B1B8F !important; padding: 30px 8px; }
.faq_page .hfb_question_block .accordion-button { color: #fff !important; }
.faq_page .hfb_question_block .accordion-body p { color: #fff !important; }
.faq_page .hfb_question_block .accordion-button::after {background: url(../images/fa-angle-right-white.svg) no-repeat; background-size: auto; background-position: center;}

.faq_page .hfb_question_block .accordion-item.collapse-open { background: #AE62FF; border-radius: 10px !important; border-bottom: none !important; padding: 20px; margin-top: 10px; }
.faq_page .hfb_question_block .accordion-item.collapse-open:first-child { margin-top: 0px; }


.swal2-title{font-size: 20px !important;}
.swal2-html-container{font-size: 16px !important;}
.swal2-modal{width: 450px !important;}
.swal2-icon.swal2-warning {border-color: #6D2EC9 !important;color: #6D2EC9 !important;}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {background-image: none !important;background-color: #fff !important; color: #6D2EC9; border-color: #6D2EC9;border: 2px solid;}
.swal2-styled.swal2-default-outline:focus { box-shadow: none !important; }
.swal2-styled.swal2-confirm:focus {  box-shadow: none !important; }
.swal2-icon.swal2-success .swal2-success-ring {border: 0.25em solid #6D2EC9 !important;}
.swal2-icon.swal2-success [class^=swal2-success-line] {background-color: #6D2EC9 !important;}

/*  */

/* #chatbot-chat { bottom: 12px !important; width: 40px !important; height: 40px !important; }
#app .app-wrapper .closed .bubble { margin: 0px !important; width: 100% !important; height: 100% !important; } */
#chatbot-chat{bottom: -16px !important;}

.teams_card_block .slick-track { display: flex !important; }
.teams_card_block .slick-slide { height: auto; }
.teams_card_block .teams-card { height: 100%; }


/* 2nd milestone design */

/* signup page */

.common_static_bg.authpages { padding-top: 150px; padding-bottom: 60px; display: flex; align-items: center; }

.auth_content_block { position: relative; }
.your_plan_block .ypb_title { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: 4px; margin-bottom: 30px; text-transform: uppercase; color: #fff; }
.your_plan_block .pcb_content { padding-bottom: 10px; }

.authpages .your_plan_block  { display: none; }

.auth_form_block { box-shadow: 0px 8px 12px 0px #00000040; background: #FFFFFF; max-width: 740px; width: 100%; border-radius: 20px; padding: 30px 35px; position: relative; margin: 0px auto; }
.auth_heading_block { width: 100%; display: flex; margin-bottom: 30px; }
.auth_heading_block .ahb_title { font-size: 28px; font-weight: 700; letter-spacing: 4px; color: #333333; margin-bottom: 10px; width: 50%; }
.auth_heading_block .ahb_title span { color: #7A34C5; display: block; }
.auth_heading_block .other_page_link { font-size: 14px; letter-spacing: 4px; color: #333; }
.auth_heading_block .other_page_link a { font-weight: 600; color: #333;  }
.auth_heading_block .other_page_link a:hover { text-decoration: underline !important; color: #7A34C5 !important; }
.auth_form_block .contact_form_block { width: 100%; }
.auth-btn { box-shadow: 0px 8px 12px 0px #00000040 !important; background: #7A34C5; width: 210px; height: 60px; border-radius: 60px; font-size: 16px; font-weight: 600; line-height: 42px; color: #fff; text-transform: uppercase; }
.stripe_login { width: 62px; height: 26px; margin: 20px auto 0px; }
.stripe_login a { display: block; } 
.stripe_login a img { width: 100%; height: 100%; object-fit: contain; object-position: center; } 

.checkbox_custom { width: 100%; display: block; margin-bottom: 20px; }
.checkbox { position: relative; padding-left: 30px; cursor: pointer;font-size: 14px; line-height: 24px; color: #333333 !important; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0; margin-left: 0px; }
.checkbox a { color: #333333 !important;  text-decoration: underline !important; }
.checkbox a:hover { color:#7A34C5 !important; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 2px; left: 0; height: 22px; width: 22px; background: #fff; border: 1px solid #CDCCCC; border-radius: 2px; }

.checkmark::after { display: none;content: "";position: absolute; left: 6px; top: 1px; width: 6px; height: 12px; border: solid #7A34C5; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}

.change_plan_btn {text-align: center; margin-bottom: -30px; }

.eye_btn { box-shadow: none !important; border: none !important; background: transparent; border-bottom: 1px solid #9C56E7 !important; border-radius: 0px !important; }
.eye_btn img { width: 16px; height: 16px; object-fit: contain; object-position: center; }

/* login */

.forgot_text { font-size: 14px; line-height: 25px; color: #333333; display: inline-block; margin-bottom: 30px; letter-spacing: 4px; }
.forgot_text a { color: #333333; font-weight: 600; }
.forgot_text a:hover { color: #7A34C5; text-decoration: underline !important; }

.acb_box { max-width: 475px; width: 100%; }
.acb_box .auth_logo { width: 290px; height: 290px; margin: 0px auto ; }
.acb_box .auth_logo img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.acb_box .acb_title { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: 4px; color: #FFFFFF; text-transform: uppercase; margin-bottom: 10px; }
.acb_box .acb_text { font-size: 22px; line-height: 32px; letter-spacing: 4px; color: #C8A2FE; margin-bottom: 0px; }

/* forgot */

.auth_heading_block { display: flex; justify-content: flex-start;}
.auth_heading_block .fp_text { font-size: 14px; line-height: 25px; text-align: center; color: #333333; margin-bottom: 0px; margin-top: 0px; }

.help-block { font-size: 12px;  }


/* signup plan */

.signup_plan_page .acb_box { max-width: 300px; }
.signup_plan_page .auth_form_block { max-width: 1000px; padding: 20px; background-image: url(../images/signplan.png); background-repeat: no-repeat; background-position: left top; background-size: 400px; }

/* subscriptions */
 
.subscriptions_page.common_static_bg { padding-top: 120px; padding-bottom: 40px; }
.after_login_content { box-shadow: 0px 8px 12px 0px #00000040; background: #FFFFFF; width: 100%;  border-radius: 20px; padding: 30px;position: relative; overflow: hidden; }
.after_login_content .subscriptions_block { display: flex;  width: 100%; }
.after_login_content .alc_heading { font-size: 30px; font-weight: 700; line-height: 42px; letter-spacing: 4px; text-align: center; color: #333333;}

.choose_your_plan { width: 100%; background: #FAF5FF; padding: 9px 10px; position: absolute; bottom: -65px; left: 0px; }
.choose_your_plan span { font-size: 14px; font-weight: 600; line-height: 32px; color: #707070; text-transform: uppercase; }
.choose_your_plan span + span { color: #333333; padding-left: 20px; }

.subscriptions_page .price_card { position: relative; margin-bottom: 70px; }
.subscriptions_page .pricing_content_block { max-width: 525px;  }
.subscriptions_page .price_card { max-width: 320px;}
.subscriptions_page .advanced_price_card .price_card_img { height: 205px;}

/* account setting */

.account_setting_page.common_static_bg { padding-top: 120px; padding-bottom:40px; }
.account_setting_page .after_login_content .alc_heading { margin-bottom: 30px; }
.account_setting_page .contact_form_block { width: 100%; }

.user_profile_block { max-width: 519px; width: 100%; height: 202px; border-radius: 20px; background: #F1E3FF; margin-bottom: 85px; padding-top: 24px; margin-left: auto; }
.user_profile_block .user_img { width: 230px; height: 230px; border-radius: 50%; margin: 0px auto; position: relative; border: 15px solid #AE62FF; position: relative; }
.user_profile_block .user_img img { width: 100%; height: 100%; object-fit: cover; object-position:top center; border-radius: 50%; }

.user_profile_block .user_img .upload_img { position: absolute; background: #7131CE; border: 4px solid #FFFFFF; border-radius: 50%; width: 55px; height: 55px; bottom: 0; right: 0px; padding: 10px; cursor: pointer; }
.user_profile_block .user_img .upload_img input { opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer; } 
.user_profile_block .user_img .upload_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; border-radius: 0px !important; }

.your_selected_plan { background: #F1E3FF;max-width: 519px; width: 100%; border-radius: 20px; padding: 15px 15px 50px; margin-left: auto; }
.your_selected_plan .ypb_title { font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: 4px; text-align: center;  color: #7A34C5; text-transform: uppercase;padding: 10px; }
.account_setting_page .price_card { margin: 0px auto !important;}
.account_setting_page .pcb_content { padding-bottom: 20px; }
.account_setting_page .contact_form_block .form-group label { color: #E3CAFE; }

.account_setting_page .after_login_content { background: #501F7D; }
.account_setting_page .contact_form_block .form-group { background: #361257;}
.account_setting_page .after_login_content .alc_heading { color: #fff; }
.account_setting_page .user_profile_block {background: #962DFF;}
.account_setting_page .user_profile_block .user_img { border-color: #361257;}
.account_setting_page .user_profile_block .user_img .upload_img { background: #361257; }
.account_setting_page .your_selected_plan {background: #962DFF;}
.account_setting_page .your_selected_plan .ypb_title { color: #fff; }
.account_setting_page .checkbox { color: #fff !important;  }


/* diagnostic_questions_page */

.diagnostic_questions_page.common_static_bg { min-height: 100vh; padding-top: 120px;}

.diagnostic_que {  box-shadow: 0px 8px 12px 0px #00000040;background: #FFFFFF; max-width: 860px; width: 100%; border-radius: 20px; margin: 0px auto; padding: 28px 35px; position: relative; }
.di_que_title { font-size: 30px; font-weight: 700; line-height: 38px; letter-spacing: 4px; text-align: center; color: #333333; margin-bottom: 70px; }

.dque_box { background: #AE62FF; width: 100%;margin: 0px auto 30px; border-radius: 20px; position: relative; }
.dque_box .que-row { border-bottom: 1px dashed #CA9AFE; padding: 32px 50px 32px 145px; }
.dque_box .que-row:last-child { border: none !important; }
.dque_box .que-row .que_label { font-size: 18px; font-weight: 700; line-height: 23px; letter-spacing: 4px; color: #FFFFFF; margin-bottom: 20px; text-transform: uppercase; }

.radio_check { display: flex; align-items: center; flex-wrap: wrap; }
.radio_check  .radio_item { margin-bottom: 5px; }
[type="radio"]:checked,
[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{ position: relative; padding-left: 28px; margin-right: 30px; cursor: pointer; line-height: 20px; display: inline-block; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0px; }
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 20px; border: 1px solid #9462CA; border-radius: 100%; background: #fff;}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #7A34C5; position: absolute; top: 5px; left: 5px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.dque_box .dque_img { box-shadow: 0px 8px 12px 0px #00000040; background: #fff; width: 130px; height: 130px; border-radius: 50%; border: 10px solid #9C56E7;  position: absolute; top: -56px; left: -10px; display: flex; align-items: center; justify-content: center; }
.dque_box .dque_img img { width: 60px; height: 60px; object-fit: contain; object-position: center; }

#msform fieldset:not(:first-of-type) {display: none;}


/*Icon progressbar*/

#progressbar { border-radius: 25px; max-width: 860px; margin: 45px auto 0px;  max-width: 860px; display: flex; align-items: center; padding: 0px; }
#progressbar li { list-style-type: none; width: 20%; padding: 0px 3px; position: relative; font-weight: 400;}
#progressbar li:after { content: ''; width: 100%; height: 20px; background: #8340E2; position: relative; display: block; border-radius: 25px;  }
#progressbar li.active:before, #progressbar li.active:after { background: #fff;}

/*  */

.profileMenu a.dropdown-toggle { box-shadow: 0px 8px 12px 0px #00000040; background: #FFFFFF; width: 52px; height: 52px; border-radius: 50%; border: 2px solid #fff; margin-right: 20px; position: relative; display: block; }
.profileMenu a.dropdown-toggle::before { position: absolute; content: ""; top:50%; right: -20px; transform: translateY(-50%); width: 10px; height: 10px; background: url(../images/Arrowdown.svg) no-repeat; background-position: center; background-size: contain; }
.profileMenu a.dropdown-toggle img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; }  
header ul.nav li.profileMenu  {margin-left: 20px;}
.profileMenu .dropdown-menu { padding: 0px !important; box-shadow: 0px 8px 12px 0px #00000040; background: #fff; border-radius: 10px !important; min-width: 16rem !important; border: none !important; }
header ul.dropdown-menu li { margin-left: 0px !important; border-bottom: 1px dotted #E5CCFF;  }
header ul.dropdown-menu li:last-child { border: none !important; }
header ul.dropdown-menu li a { font-size: 16px; font-weight: 500; line-height: 21px; color: #CA98FF; padding: 14px 10px; text-align: left; display: block;  }
header ul.dropdown-menu li a.active { color: #7A34C5;}
header .dropdown-menu[style] { left: auto !important; right: 0 !important;}
header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:focus, header .dropdown-item:hover { background-color: transparent;}

.cancel_subscription { position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: 500; line-height: 32px; color: #333333 !important; text-transform: uppercase;}
.cancel_subscription:hover { color: #8340E2 !important; }
.swal2-styled { border: 1px solid transparent !important; }
.swal2-styled:hover { border-color: #6D2EC9 !important; }

/* leaderboard-page */

.leaderboard-page { padding-top: 130px !important; position: relative; }
.leaderboard-block { background: #7633D6; box-shadow: 0px 8px 12px 0px #00000040; max-width: 1766px; border-radius: 20px; width: 100%; margin: 0px auto; padding: 0px 25px 40px; position: relative; }
.leader_row { width: 100%; display: flex; align-items: center; justify-content: space-between; }
.leader_row .leader_img { width: 212px; height: 90px;   }
.leader_row .leader_img img { width: 100%; height: 100%; object-fit: contain; object-position: left;  }
.leader_row .leader_title { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: 4px; text-align: center; color: #FFFFFF; margin-bottom: 0px; }
.leader_row .leader_count { font-size: 14px; font-weight: 600; line-height: 19px; text-align: right; color: #FFFFFF; }

.leaderboard_table.interactive_table { max-width: 100% !important;}
.interactive_table .score_td { display: flex; align-items: center; }
.interactive_table .score_td img { width: 18px; height: 18px; object-fit: contain; object-position: center; margin-right: 10px; }
.leaderboard-page .interactive_table tr td:last-child, .leaderboard-page .interactive_table tr th:last-child { width: 200px !important; }

.loader { width: 48px; height: 48px; margin: 40px auto 0px; display: block; border-radius: 50%; position: relative; border: 2px solid; border-color: #FFF #FFF transparent; box-sizing: border-box; animation: rotation 1s linear infinite;}
.loader::after { content: '';  box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 2px solid; border-color: transparent #fff #fff;
  width: 24px; height: 24px; border-radius: 50%; animation: rotationBack 0.5s linear infinite; transform-origin: center center;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
    
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
    

/*    */

.explore_question-page { padding-top: 130px !important; position: relative; padding-bottom: 40px; }
.equestion-block { background: #7633D6; box-shadow: 0px 8px 12px 0px #00000040; max-width: 1766px; border-radius: 20px; width: 100%; margin: 0px auto; padding: 20px 0px 20px 20px; position: relative; display: flex; overflow: hidden; }

.equestion_left_block { width: 100%; display: block; max-width: 1450px; }

.eqlb_top_row { width: 100%; display: flex; justify-content: space-between; }
.eqlb_top_row  .select_que { display: flex; align-items: center; }
.eqlb_top_row .form-select { background: #8F4AF1; border: 1px solid #AE62FF; font-size: 14px; font-weight: 500; letter-spacing: 4px; color: #FFFFFF; box-shadow: none !important; border: none  !important; border-radius: 6px; }
.eqlb_top_row .input-group { background: #8F4AF1; border: 1px solid #AE62FF; border-radius: 6px;  width: 190px; } 
.eqlb_top_row .input-group-text { background: transparent; box-shadow: none !important; border: none !important; padding-right: 0px; cursor: pointer; }
.eqlb_top_row .input-group-text img { width: 18px; height: 18px; object-fit: contain; object-position: center; }
.eqlb_top_row .form-control {  font-size: 14px; font-weight: 500; letter-spacing: 4px; color: #FFFFFF !important; background: transparent; box-shadow: none !important; border: none !important; padding: 11px; }
.eqlb_top_row .eqlb_title { font-size: 16px; font-weight: 500; text-align: center; color: #fff; text-transform: uppercase;  margin: 0px auto;}  
.eqlb_top_row .reset_btn { align-self: center; margin-left: 10px; width: 20px; height: 20px; display: block; order: 4; }
.eqlb_top_row .reset_btn svg { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.eqlb_top_row .select2-container {  width: 170px !important; margin-right: 10px; }
.eqlb_top_row .select2-container--default .select2-selection--single {background: #8F4AF1; border: none; letter-spacing: 4px; color: #FFFFFF; height: auto !important; }
.eqlb_top_row .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px; font-weight: 500; color: #FFFFFF; line-height: unset; padding: 11px;}
.eqlb_top_row .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; background: url(../images/downarrow.svg) no-repeat; background-position: center; background-size: 12px; margin-right: 8px; }
.eqlb_top_row .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none !important; }
.select2-container--default .select2-results__option--selected {background-color: #5C2392 !important; color:#fff !important;}
.explore_table { margin: 20px 0px 0px; max-width: 100% !important; }
.equestion_right_block { padding-left: 30px; padding-top: 65px; flex: 1; width: 100%; }
.eqrb_content_block { background: #5B27A5; width: 281px; border-radius: 20px 0px 0px 20px; padding: 10px; margin-bottom: 15px; }
.eqrb_content_block h1 { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 4px; text-align: center; color: #FFFFFF; margin-bottom: 10px; text-transform: uppercase;  }
.eqrb_content_block .common-button { box-shadow: 0px 8px 12px 0px #00000040; background: #FFFFFF; width: 120px; padding: 10px; border-radius: 60px; font-size: 14px; font-weight: 600; display: block; text-align: center; color: #7A34C5; margin: 0px auto !important;  }
.eqrb_content_block .score_td { text-align: center; color: #fff; font-size: 18px; font-weight: 600; }
.eqrb_content_block .score_td img { width: 30px; height: 30px; object-fit: contain; object-position: center; }

.leaderboard_box { background: #5B27A5; width: 281px; border-radius: 20px 0px 0px 20px; padding-top: 12px; overflow: hidden; }
.leaderboard_box .lb_img { width: 106px; height: 106px; border-radius: 50%; background: #4A2086; margin: 0px auto 10px; }
.leaderboard_box .lb_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.leaderboard_box .lb_title { font-size: 20px; font-weight: 700; line-height: 26px; letter-spacing: 4px; text-align: center; color: #fff; margin-bottom: 15px; }
.leader_content .leader_row { border-top: 1px dashed #D1C1E1; padding: 5px 10px; } 
.leader_content .leader_row .leader_name { font-size: 14px; font-weight: 600; line-height: 16px; text-align: left; color: #fff; margin-bottom: 0px; }
.leader_content .leader_row .score_td { font-size: 14px; font-weight: 600; text-align: right; color: #fff; margin-bottom: 0px; }
.leader_content .leader_row .score_td img { width: 18px; height: 18px; object-fit: contain; object-position: center; }

.leaderboard_box + .view_all_btn a{ font-size: 16px; font-weight: 500; line-height: 22px; text-align: center; color: #FFFFFF; width: 100%; max-width: 128px; padding: 10px; border-radius: 0px 0px 20px 20px; background: #9A4FDF; display: block; margin: 0px auto; }

.leader_content .leader_row.my_rank { padding: 10px; background: #5C2392; border: none; margin-bottom: 15px; }

/*  */




.quetions-page { padding-top: 130px !important; position: relative; }

.quetion_sections { background: #7633D6; box-shadow: 0px 8px 12px 0px #00000040; border-radius: 20px; width: 100%; margin: 0px auto; padding: 30px 30px; position: relative; }
.quetions-block {  }

.quetions-page .nav-tabs { border: none !important; padding-left: 10px; }
.quetions-page .nav-item { margin-left: 10px; }
.quetions-page .nav-tabs .nav-link { min-width: 190px; border-radius: 10px 10px 0px 0px; font-size: 18px; font-weight: 600; text-align: center; color: #FFFFFF; background: #8F4AF1; border: none !important; padding: 10px; }
.quetions-page .nav-tabs .nav-link:hover { border: none !important; background: #501F7D; }
.quetions-page .nav-tabs .nav-item.show .nav-link, .quetions-page .nav-tabs .nav-link.active {  background: #501F7D; color: #fff; border-color: #501F7D !important; }
.quetions-page .nav-tabs .nav-link:focus, .quetions-page .nav-tabs .nav-link:hover { border-color: #501F7D; isolation: isolate;}

.quetions-page .quetion_table_block { background: #501F7D; width: 100%; border-radius: 20px; height: 890px; overflow: hidden; }

.quetions-page .quetion_table_block { display: flex; width: 100%; }
.quetions-page .quetion_left_side_content { width: 50%; padding: 33px; height: 890px; overflow: hidden; overflow-y: auto; }
.quetions-page .resizer { width: 6px;height: 890px; background-color: #1F0D2F;cursor: ew-resize;position: absolute;top: 0;right: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.quetions-page .quetion_right_side_content { width: 50%; padding: 22px }
.quetions-page .quetion_left_side_content .ctt_title { font-size: 26px; font-weight: 700; color: #81D4FA; margin-bottom: 15px; }
.quetions-page .quetion_left_side_content .status { font-size: 12px; font-weight: 400; padding: 0px 5px; text-align: center; color: #333333; background: #C9FFD8; border: 1px solid #3BF06E; min-width: 49px; border-radius: 20px; display: inline-block; }
.quetions-page .quetion_left_side_content .status.easy_status { background: #C9FFD8; border: 1px solid #3BF06E; }
.quetions-page .quetion_left_side_content .status.hard_status { border: 1px solid #EF4E4E; background: #FFA6A6; }
.quetions-page .quetion_left_side_content .status.medium_status {border: 1px solid #F2B926; background: #FFEDC9; }
.quetions-page .quetion_left_side_content .quetion_content { margin-bottom: 20px; }
.quetions-page .quetion_left_side_content .quetion_content p { font-size: 14px; font-weight: 400;  color: #fff;}
.quetions-page .quetion_left_side_content .quetion_content p span { padding: 0px 5px; border-radius: 2px; text-align: center; background: #692CA1; border: 1px solid #411866; display: inline-block;  }
.quetions-page .quetion_left_side_content .quetion_content .question_desc { font-size: 14px; font-weight: 400;  color: #fff;}

.quetions-page .code_writer_block { width: 100%; height: 60%; display: flex; flex-direction: column; }
.quetions-page .code_window { height: 90%; overflow: hidden; overflow-y: auto; }
.quetions-page .code_window .code_title { font-size: 16px; font-weight: 500; color: #717986; }
.quetions-page .code_window .code_text { font-size: 16px; font-weight: 500; color: #FFFFFF;}
.quetions-page .code_btn { display: flex; justify-content: flex-end; margin-top: auto; margin-bottom: 10px; }
.quetions-page .code_btn .btn { font-size: 16px; font-weight: 500; line-height: 22px; text-align: center; border-radius: 50px; padding: 7px 30px;  }
.quetions-page .code_btn .btn.clear_btn, .quetions-page .code_btn .btn.run_btn { border: 1px solid rgba(255, 255, 255, 0.3); margin-right: 10px; color: #fff; box-shadow: none !important; }
.quetions-page .code_btn .btn.check_ans_btn { color: #501F7D; border: 2px solid #FFFFFF; background: #FFFFFF;}
.quetions-page .code_btn .btn.clear_btn { margin-right: 0px !important; }

.quetions-page .output_block { width: 100%; height: 40%; background: #5D268F; border-radius: 20px; padding: 20px; overflow-y: auto; position: relative; }
.quetions-page .output_block .output_title {  font-size: 16px; font-weight: 500; color: #fff; margin-bottom: 20px; }

.quetions-page .comment_box { background: #5D268F; width: 100%; border-radius: 20px; margin-bottom: 16px; }
.quetions-page .comment_top_row { background: #361257; width: 100%; height: 34px; border-radius: 20px 20px 0px 0px; display: flex; padding: 5px 25px; align-items: center; }
.quetions-page .cuser_img { width: 16px; height: 16px;border-radius: 50%; margin-right: 13px;  }
.quetions-page .cuser_img img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 50%; vertical-align: top; }
.quetions-page .user_name { font-size: 14px; font-weight: 400; margin-bottom: 0px; color: #fff; }
.quetions-page .comment_time { font-size: 11px; text-align: right; color: #7C39BA; margin-bottom: 0px; margin-left: auto; }
.quetions-page .comment-body { padding: 10px 25px; }
.quetions-page .comment-body p { font-size: 14px; font-weight: 500; line-height: 24px; color: #FFFFFF; margin-bottom: 0px; }
.quetions-page .comment-body p.copy_text  { cursor: pointer; width: auto; height: 30px; border-radius: 6px; border: 1px solid hsla(0, 0%, 100%, .133); padding: 3px; text-wrap: nowrap }
.quetions-page .comment-body p.copy_text svg {width: 20px !important; height: 20px !important; vertical-align: top;}
.quetions-page .comment-body { display: flex; justify-content: space-between; position: relative;}

.quetions-page .error_content .error_title { font-size: 16px; font-weight: 500; color: #FF3232; margin-bottom: 10px; }
.quetions-page .error_content .error_message { background: #FFC1C1; width: 100%; border-radius: 6px; font-size: 12px; font-weight: 500; color: #FF3232; padding: 10px; }
.quetions-page .sucsses-content { background: #501F7D; width: 100%; min-height: 173px; border-radius: 20px; padding: 25px; }
.quetions-page .sucsses-content p{ font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 0px; }
.quetions-page .question-video { width: 100%; height: 100%; border-radius: 20px; margin-bottom: 30px;position: relative; }  
/* .quetions-page .question-video { width: 100%; height: 350px; border-radius: 20px; margin-bottom: 30px;position: relative; }   */
.quetions-page .question-video video, .quetions-page .question-video iframe, .quetions-page .question-video img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 20px; }

.quetions-page .error_content .notification_message { width: fit-content; border-radius: 6px; font-size: 12px; font-weight: 500;  padding: 10px; position: absolute; top: 10px; right: 20px; }
.quetions-page .error_content .notification_message img { width: 18px; height: 18px; object-fit: contain; object-position: center; margin-right: 10px; vertical-align: top; }
.quetions-page .error_content .notification_message.error { color: #FF3232; background: #FFC1C1; }
.quetions-page .error_content .notification_message.crrenct { color: #fff; background: #4ECB71; }

.quetions-page  .notification_message { width: fit-content; border-radius: 6px; font-size: 12px; font-weight: 500;  padding: 10px; position: absolute; top: 10px; right: 20px; }
.quetions-page  .notification_message img { width: 18px; height: 18px; object-fit: contain; object-position: center; margin-right: 10px; vertical-align: top; }
.quetions-page .notification_message.error { color: #FF3232; background: #FFC1C1; }
.quetions-page .notification_message.crrenct { color: #fff; background: #4ECB71; }


.question-video .play_icon { position: absolute; width: 80px; height: 80px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.question-video .play_icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


.nosolution{display: block;text-align: center; color: #fff; padding: 130px;font-size: 24px;}
div.dataTables_wrapper div.dataTables_processing {color: #7A34C5 !important;font-size: 15px !important;font-weight: 700;}

.page-link {padding: 5px 15px;} 
div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin: 2px 0 10px;}
.page-item.active .page-link {box-shadow: none !important;}

.resize_circle{ width: 4px; height: 4px; background-color: #6B2FA3; border-radius: 50%; margin: 1px 1px;}


/* -------------------------------------------------------------------------------------------------------- */

.slick-track { display: flex; }
.outputresizer { width: 100%; height: 6px; background-color: #1F0D2F; cursor: ns-resize;  display: flex;  justify-content: center;  align-items: center;z-index: 10; border-radius: 4px; }
.resizable { position: relative;  }
.outputresizable { position: relative; }

.select2-selection__clear{ margin-top: 9px;margin-right: 25px !important;}
.select2-selection__clear span{color: #fff;}
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #fff !important;}
#keyword::placeholder {
  color: #fff !important; /* Change to your desired color */
}

/* select 2 */

.select2-dropdown { background: #8F4AF1; border: 1px solid #AE62FF; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #5C2392; color: #fff;}
.select2-results__option {color: #fff;}
.select2-container--default .select2-search--dropdown .select2-search__field { border-color: #AE62FF; background: transparent; color: #fff; }

.select2-results__option:last-child{  border-radius: 0px 0px 4px 4px; }

.nav-tabs .nav-link {margin-bottom: 0;}

/*  */

.classroom_page { padding-top: 120px !important;  }
.classroom_block { background: #7633D6; box-shadow: 0px 8px 12px 0px #00000040; max-width: 1766px; border-radius: 20px; width: 100%; margin: 0px auto; padding: 25px 20px; position: relative;  }
.classroom_top_block { display: flex; align-items: center; margin-bottom: 25px; width: 100%; }
.classroom_top_block .class_title { font-size: 20px; color: #fff; text-transform: uppercase; padding-left: 260px; margin: 0px auto; }
.classroom_top_block .search-room { max-width: 260px; width: 100%; }
.classroom_top_block .search-room .form-control {  background: #8F4AF1; border: 1px solid #AE62FF; box-shadow: none !important; font-size: 14px; font-weight: 500; letter-spacing: 4px; color: #fff; border-radius: 6px; border-left: 0px; padding: 10px; }
.classroom_top_block .search-room .form-control::placeholder { color: #fff; }
.classroom_top_block .search-room .input-group-text { background: #8F4AF1; border: 1px solid #AE62FF; font-size: 14px; font-weight: 500; letter-spacing: 4px; color: #FFFFFF; box-shadow: none !important; border-radius: 6px; padding-right: 0px !important; }

.crcb_outer_block { width: 100%; height: 100%; padding-bottom: 20px; }
.crcb_inner_block { background: #FFFFFF; max-width: 535px; width: 100%; border-radius: 10px; margin: 0px auto; height: 100%; display: block; }
.crcb_inner_block .video_thumb { width: 100%; height: 280px; border-radius: 10px 10px 0px 0px; background: url(../../assets/images/video_bg.png) no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; }
.crcb_inner_block .video_thumb img { width: 100%; height: 100%; border-radius: 10px 10px 0px 0px; object-fit: cover; object-position: center; }
.crcb_inner_block .video_center { border: 4px solid #FFFFFF; background: #7633D645; width: 270px; height: 160px; border-radius: 10px; display: flex; align-items: center; justify-content: center; display: none !important; }
.crcb_inner_block .video_center img { width: 50px; height: 50px; object-fit: contain; object-position: center; }
.crcb_inner_block .crcb_body { min-height: 92px; display: flex; align-items: center; justify-content: center; padding: 10px; }
.crcb_inner_block .crcb_body h1 { font-size: 18px; font-weight: 500; line-height: 26px; color: #9A4FDF; display: block; text-align: center; margin-bottom: 0px; }

.unlock_query{ position: relative; cursor: no-drop; }
.wlc_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 10px; background: rgba(0, 0, 0, 0.8); border-radius: 10px; }
.wlc_content .lockicon { width: 102px; height: 102px; margin: 0px auto 40px;}
.wlc_content .lockicon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.wlc_content .lock_btn { box-shadow: 0px 8px 12px 0px #00000040; background: #FFFFFF; width: 120px; padding: 10px; border-radius: 60px; font-size: 14px; font-weight: 600; display: block; text-align: center; color: #7A34C5; margin: 0px auto !important; }


/* classroom_detail_page */

.classroom_detail_page .classroom_block { padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
.classroom_detail_page {  padding-top: 120px !important; }
.classroom_detail_page .classroom_top_block { justify-content: space-between; padding: 0px 25px; align-items: flex-start; }
.classroom_detail_page .classroom_top_block .class_title {margin: 0px; padding-left: 0px; }
.classroom_detail_page .back_btn { font-size: 14px; line-height: 16.42px; text-align: right; color: #fff; display: inline-block; max-width: 155px; width: 100%; padding-top: 2px;}
.classroom_detail_page .back_btn img { width: 12px; height: 12px; object-fit: contain; object-position: center; vertical-align: -2px; }

.all_video_section { width: 100%; display: flex;  }
.video_list_block { max-width: 370px; /* height: 700px; */ width: 100%; background: #672DB9; border-radius: 0px 20px 0px 20px; padding-top: 25px; overflow: hidden; }
.video_list_block ul { list-style: none; padding: 0px; margin: 0px; overflow-y: auto; height: 100%; }
.video_list_block ul li a:first-child { border-top: 1px solid #5C26AB; }
.video_list_block ul li a { border-bottom: 1px solid #5C26AB; display: block; font-size: 14px; font-weight: 600; line-height: 16.42px; padding: 18px; color: #fff; }
.video_list_block ul li a img { width: 14px; height: 14px; object-fit: contain; object-position: center; margin-right: 10px; }
.video_list_block ul li a img + img { display: none; }
.video_list_block ul li a:hover, .video_list_block ul li a.active { background: #7633D6; }
.video_list_block ul li a:hover img, .video_list_block ul li a.active img { display: none; }
.video_list_block ul li a:hover img + img, .video_list_block ul li a.active img + img { display: inline-block; }

.video_slider_block { width: 100%; flex: 1; padding: 10px 10px; }
.video_slider_block .video_que { font-size: 26px; font-weight: 600; line-height: 32px; color: #FFFFFF; margin-bottom: 15px; }
.video_slider_block .video_section { max-width: 1280px; width: 100%; height: 529px; border-radius: 20px; margin-bottom: 30px; }
.video_slider_block .video_section video, .video_slider_block .video_section iframe { width: 100%; height: 100%; object-fit: contain; object-position: center;  border-radius: 20px;}

.video_slider_block .video_btn_block { display: flex; align-items: center; justify-content: center; }  
.video_slider_block .video_btn_block button { width: 48px; height: 48px; margin: 0px 5px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #46109699; box-shadow: none !important; border: none !important; }
.video_slider_block .video_btn_block button:hover { background: #461096;}
.video_slider_block .video_btn_block button img { width: 20px; height: 20px; object-fit: contain; object-position: center; }

.video_description { font-size: 14px; padding-top: 20px; }

.no_data {  max-width: 630px;  width: 100%; height: 100%; padding: 20px; display: flex; align-items: center; margin: 40px auto; }
.img_no_data { width: 190px; height: 210px; }
.img_no_data img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.nodata_content_block { padding: 20px; flex: 1; width: 100%; }
.nodata_content_block h1 { font-size: 24px; line-height: 32px; color: #fff; margin-bottom: 10px;  font-weight: 700; text-transform: uppercase; }
.nodata_content_block p { font-size: 16px; line-height: 24px; margin-bottom: 0px; }

.no_video_post { text-align: center;  }
.no_video_post .no_data {  max-width: 580px;  width: 100%; border-radius: 20px; height: 100%; padding: 20px; display: flex; align-items: center; margin: 40px auto; }

.no_video_post .img_no_data { width: 100%; height: 250px; margin: 0px auto 0px; }
.no_video_post .img_no_data img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

/* new field */

.core_features_section { position: relative; }  
.core_features_section::before { position: absolute; content: ""; background: url(../images/shadow.svg) no-repeat; background-position: right; background-size: contain; width: 100%; height: 25%; bottom: 0;  }
.other_platform_block { padding: 50px 15px 0px; position: relative;}
.core_features_block { position: relative; }
.other_platform_block .platform_block { box-shadow: 0px 4px 20px 4px #9A4FDF42; background: #F2E9FF; max-width: 1180px; width: 100%; margin: 0px auto; border-radius: 56px; padding: 30px; }
.table_div { max-width: 1118px; width: 100%; margin: 0px auto; }
.table_div table { width: 100%; }
.table_div .ttitle { font-size: 20px; font-weight: 700; letter-spacing: 4px; text-align: center; color: #9A4FDF; text-transform: uppercase; margin-bottom: 0px; }
.table_div .ttitle span { color: #333333;}

.table_div th { padding: 10px; width: 33.33%; }
.table_div .logotable { width: 189px; height: 40px; margin: 0px auto; }
.table_div .logotable img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.table_div td { background: #FAF5FF; font-size: 16px; font-weight: 600; line-height: 32px; color: #333333; border:1px solid #F2E9FF; text-transform: uppercase; padding: 8px; }
.table_div td .t-icon { width: 25px; height: 25px; margin: 0px auto; display: block; }
.table_div td .t-icon img { width: 100%; height: 100%; object-position: center; object-fit: contain; vertical-align: top; }

.account_setting_page .change_plan_btn { margin: 0px !important; }


/* plan new page design */


.subscriptions_page .after_login_content { padding: 0px; }
.subscriptions_page .plan_block { padding: 20px; background: #501F7D; }
.subscriptions_page .sub_desc {font-size: 18px; letter-spacing: 3px; text-align: center; color: #fff; max-width: 770px; width: 100%; margin: 10px auto 30px;}

.subscriptions_page .plan_block .alc_heading { color: #fff; }

.plan_block .plan_list_block { width: 100%; display: flex; align-items: center; justify-content: center; }
.plan_block .plan_list_block .plans { box-shadow: 0px 8px 12px 0px #00000040; border: 1px solid #C49BFF; background: #361257; max-width: 650px; width: 100%; border-radius: 20px; padding: 30px; margin: 0px 40px; }

.plan_block .mypb_top { width: 100%; display: flex; align-items: center; margin-bottom: 20px; }
.plan_block .m_icon { width: 50px; height: 50px; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: #6A8AFF url(../images/monthpatten.png) no-repeat; background-position: center; background-size: cover; }
.plan_block .m_icon img { width: 32px; height: 32px; object-fit: cover; object-position: center; }
.plan_block .mypb_top .my-text { font-size: 26px; font-weight: 700; letter-spacing: 3px; color: #fff; margin-left: 16px; margin-bottom: 0px;  }

.plan_block .plan_desc { font-size: 18px; letter-spacing: 3px; color: #fff; margin-bottom: 20px; }
.plan_block .per_month_amount {font-size: 48px; font-weight: 700; letter-spacing: 3px; color: #fff; margin-bottom: 15px; }
.plan_block .per_month_amount span { font-size: 18px; letter-spacing: 3px; color: #fff; font-weight: normal; }
.plan_block .per_year_amount { font-size: 26px; font-weight: 700; letter-spacing: 3px; color: #fff; margin-bottom: 20px; }
.plan_block .per_year_amount span { font-size: 18px; letter-spacing: 3px; font-weight: normal; }
.plan_block .btn_sub { border-top: 1px dashed #DFDFDF; padding-top: 30px; }
.plan_block .btn_sub .sub_btn { border: 2px solid #EBEAED; background: #FFFFFF; font-size: 16px; font-weight: 700; color: #9A4FDF; border-radius: 50px; padding: 10px; min-width: 220px; box-shadow: none !important; }
.plan_block .cplan { font-size: 16px; margin-bottom: 0px; margin-top: 20px; font-weight: 700; color: #333333;  }  

.plan_block .plan_list_block .plans.year_plan_block { border: 1px solid #5C26AB; background: #361257; background-position: top; background-size: cover; }
.plan_block .year_plan_block .m_icon { background: #FFFFFF url(../images/yearpatten.png) no-repeat; background-position: center; background-size: cover; }
.plan_block .year_plan_block .mypb_top .my-text { color: #fff; }
.plan_block .year_plan_block .plan_desc { color: #fff; }
.plan_block .year_plan_block .per_month_amount { color: #fff; }
.plan_block .year_plan_block .per_month_amount span { color: #fff; }
.plan_block .year_plan_block .btn_sub { border-color: #D6CEF9; }
.plan_block .year_plan_block .cplan { color: #fff;  }  


.benefits_block { padding: 35px 200px 20px; width: 100%;  }  
.benefits_block .benefit_box { width: 100%; display: flex; margin: 0px auto 20px; max-width: 650px; }
.benefits_block .benefit_box .icon { width: 42px; height: 42px; margin-right: 15px;  }
.benefits_block .benefit_box .icon img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.benefits_block .bb_content { width: 100%; flex: 1; padding-top: 10px; }
.benefits_block .bb_content .bb_title { font-size: 18px; font-weight: 500; letter-spacing: 3px; color: #fff; margin-bottom: 10px; }
.benefits_block .bb_content .bb_desc { font-size: 18px; letter-spacing: 3px; color: #fff; margin-bottom: 10px; }

.testimonials_block { background: url(../images/advantages.png) no-repeat; background-size: cover; background-position: center; min-height: 420px; padding-left: 15px !important; padding-right: 15px !important; }
.testimonials_block .tes_heading { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: 3px; text-align: center; color: #9A4FDF; margin-bottom: 10px; }
.testimonials_block.testimonials_section::before { display: none !important; }

.ai_btn { margin-right: 10px; color: #fff; }
.ai_chat_room { box-shadow: 0px 8px 12px 0px #00000040; border: 1px solid #7633D6; background: #F6F6F7; max-width: 350px; width: 100%; height: 590px; position: fixed; z-index: 1111; bottom: 10px; right: 10px; display: none; }
.ai_chat_header { padding: 0px 10px; background: #FFFFFF; border-bottom: 1px solid #E3E3E3; }


.ai_chat_top_row { display: flex; align-items: center; width: 100%; padding: 10px 0px; border-bottom: 1px solid rgba(102, 112, 133, 0.15); }
.ai_chat_top_row .ai_name { font-size: 18px; line-height: 30px; text-align: center; color: #667085; margin-left: auto; margin-bottom: 0px; }
.ai_chat_top_row .right_btns { display: flex; margin-left: 50px; align-items: center; }
.ai_chat_top_row .minimize_button { width: 35px; height: 35px; border: none !important; box-shadow: none !important; background: transparent; color: #667085; font-size: 20px; padding: 0; }
.ai_chat_top_row .minimize_button img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.ai_chat_top_row .close_button { width: 35px; height: 35px; border: none !important; box-shadow: none !important; background: transparent; color: #667085; font-size: 20px; padding: 0; }
.ai_chat_top_row .close_button img { width: 100%; height: 100%; object-fit: contain; object-position: center; }

.ai_user_row {padding: 10px 0px; display: flex; align-items: center; }
.ai_user_row .ai_img { border-radius: 50%; border: 1px solid #E3E3E3; width: 40px; height: 40px; margin-right: 10px; padding: 8px; }
.ai_user_row .ai_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.ai_user_row .ai_user_name { font-size: 18px; line-height: 30px; color: #454B58; margin-bottom: 0px; }

.chat_section { padding: 5px 10px 10px; }
.chat_section .chat_body { padding: 5px 14px; height: 340px; overflow-y: auto; }
.chat_section .cb_left_block { display: flex; width: 100%; }
.chat_section .cblb_img { width: 28px; height: 28px; background: #FFFFFF; border: 1px solid #E3E3E3; border-radius: 50%; padding: 2px; }
.chat_section .cblb_img img { width: 100%; height: 100%; object-fit: contain; object-position: center; vertical-align: top; }
.chat_section .cb_left_block .cb_content { margin-left: 10px; }
.chat_section .cb_time { color: #667085; font-size: 12px;line-height: 26px; margin-bottom: 0;}
.chat_section .cb_text { border: 1px solid #E3E3E3; background: #FFFFFF; max-width: 240px; padding:10px 15px; border-radius: 10px; font-size: 16px; line-height: 26px; color: #191825; }
.chat_section .cb_right_block { display: flex; justify-content: flex-end; }
.chat_section .cb_right_block .cb_time { text-align: right; }
.chat_section .cb_right_block .cb_text { background: #26316B; color: #fff; }
.chat_section .chat_input_block .input-group { border: 1px solid #E3E3E3; background: #FFFFFF; padding: 10px; align-items: center; }
.chat_section .chat_input_block .input-group .form-control { border: none  !important; background: none !important; box-shadow: none !important; font-size: 14px; line-height: 26px; color: #667085; resize: unset !important; }
.chat_section .chat_input_block .input-group .send_btn { box-shadow: none !important; border: none !important; background: none !important; width: 30px; height: 30px; padding: 0; margin-left: 5px; }
.chat_section .chat_input_block .input-group .send_btn img { width: 100%; object-fit: contain; object-position: center; height: 100%; }


.ai_footer { border-top: 1px solid #E3E3E3; padding: 4px; background: rgba(255, 255, 255, 0.5); font-size: 15px; line-height: 30px; text-align: center; border-radius: 0px 0px 30px 30px; color: #667085; }
.ai_footer span { color: #26316B; }

/* new plan css */

.plan_block .plan_list_block { align-items: unset; }
.plan_block .plan_list_block .plans { border-top-right-radius: 0px !important; border: none !important; }
.plan_block .mypb_top { display: block; text-align: center; }
.plan_block .mypb_top .my-text { margin-left: 0px !important; margin-bottom: 10px; font-size: 22px !important; }
.plan_block .m_icon { margin: -30px auto 20px; border-radius: 50% !important; border: 2px solid #361257; }
.plan_block .per_month_amount { text-align: center; }
.plan_block .per_year_amount { text-align: center; }
.plan_block .plan_list_block .plans { max-width: 500px !important; display: flex; flex-direction: column; }
.plan_block .plan_desc { font-size: 16px !important; margin-bottom: 0px !important; }

.mypb_middle_body { border-radius: 20px; background: #962DFF; display: flex; flex-direction: column; padding: 0px 20px 20px; margin-top: 50px; height: 100%; }




/*  */

.quetion_controls { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 20px; }
.quetion_controls .backbtn { font-size: 14px; color: #fff; display: inline-block; }
.quetion_controls .backbtn img { width: 12px; height: 12px; object-fit: contain; object-position: center; }
.quetion_controls .backbtn:hover { text-decoration: underline !important; color: #fff; }
.quetion_controls .qc_block { display: flex; align-items: center; margin: 0px auto;  padding-left: 50px;}
.quetion_controls .qc_block button { box-shadow: none !important; background: transparent !important; border: none !important; padding: 0px 10px; margin: 0px 10px; }
.quetion_controls .qc_block button img { width: 12px; height: 12px; object-fit: contain; object-position: center; }
.quetion_controls .qc_block button.nextbtn { transform: rotate(180deg); }

.quetion_controls .select2-container {  width: 380px !important; }
.quetion_controls .select2-container--default .select2-selection--single {background: #8F4AF1; border: none; letter-spacing: 4px; color: #FFFFFF; height: auto !important; }
.quetion_controls .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px; font-weight: 500; color: #FFFFFF; line-height: unset; padding: 11px; padding-right: 25px; }
.quetion_controls .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; background: url(../images/downarrow.svg) no-repeat; background-position: center; background-size: 12px; margin-right: 8px; }
.quetion_controls .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none !important; }

.select2-container--default .select2-results__option[aria-selected="true"] { background: #501F7D;}

/* update design */

.Btn {
  width: 140px;
  height: 40px;
  border-radius: 30px;
  background: linear-gradient(to right,#361257,#8F4AF1,#361257,#361257,#8F4AF1,#361257);
  background-size: 250%;
  background-position: left;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition-duration: 1s;
  overflow: hidden;
}

.Btn::before {
  position: absolute;
  content: "Ask AI";
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 96%;
  height: 90%;
  left: 2%;
  border-radius: 30px;
  transition-duration: 1s;
  background-color: rgba(0, 0, 0, 0);
  background-size: 200%;
  font-size: 16px;
}

.Btn:hover {
  background-position: right;
  transition-duration: 1s;
}

.Btn:hover::before {
  background-position: right;
  transition-duration: 1s;
}

.Btn:active {
  transform: scale(0.95);
}

.Btn.aiBtnfree { position: relative; background: #332e38; opacity: 0.5; }
.Btn img {position: absolute; width: 18px; height: 18px;   left: 18px; }


/* new update sub page */

/* font-family: "Plus Jakarta Sans", serif; font-family: "Open Sans", serif; */

.subscriptions_page .plan_block { background: url(../images/Bg-left.png) no-repeat, url(../images/bg-right.png) no-repeat, linear-gradient(120.29deg, #D8CEEF -4.36%, #EEF9F8 135.4%); background-position: top left, bottom right; background-size: auto; }
.subscriptions_page .plan_block .alc_heading { font-size: 48px; font-family: "Plus Jakarta Sans", serif; font-weight: 700; line-height: 68px; color: #000000; letter-spacing: normal; }
.subscriptions_page .plan_block .alc_heading span { color: #501F7D;  }
.subscriptions_page .sub_desc { font-size: 22px; font-weight: 500; font-family: "Open Sans", serif; line-height: 32px; color: #000000;  letter-spacing: normal; margin-top: 0px !important; }
.plan_block .plan_list_block .plans { box-shadow: 0px 4px 4px 0px #00000040; background: #FFFFFF; max-width: 388px !important; border-radius: 10px !important; padding: 0px !important; }
.plan_block .mypb_top { border-radius: 10px 10px 0px 0px; background: #501F7D; padding: 19px 26px; margin: 0px !important; }
.plan_block .mypb_top .my-text { font-size: 30px; font-weight: 700; line-height: 37px; color: #fff; margin-bottom: 2px !important; text-align: left !important; font-family: "Plus Jakarta Sans", serif; letter-spacing: normal; }
.plan_block .plan_desc { font-size: 16px;  font-family: "Open Sans", serif; font-weight: 500; line-height: 21px; color: #fff; margin-bottom: 0px; text-align: left !important; letter-spacing: normal; }

.mypb_middle_body { background: transparent; padding: 25px !important; margin: 0px !important; justify-content: space-between; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; }
.plan_block .m_icon { margin: 0px auto 28px !important; background: #D8CEEF !important; border: none !important; }
.plan_block .per_month_amount { font-size: 40px !important; font-weight: 700; line-height: 50px; color: #501F7D !important; font-family: "Plus Jakarta Sans", serif; letter-spacing: normal; }
.plan_block .per_month_amount span { font-weight: 500; line-height: 25px; color: #501F7D !important; font-family: "Open Sans", serif; letter-spacing: normal; }

.plan_block .btn_sub { border: none !important; padding-top: 0 !important; }
.plan_block .btn_sub .sub_btn { max-width: 206px; height: 63px; border-radius: 12px !important; font-size: 22px !important; font-weight: 600; line-height: 21px; text-align: center; color: #fff; background: #501F7D !important; min-width: unset !important; width: 100% !important; border: none !important; }
.plan_block .btn_sub .sub_btn.buttonhover::before { border-radius: 12px !important; }
.plan_block .btn_sub .sub_btn.buttonhover::after { border-radius: 12px !important; }
.plan_block .cplan { font-size: 16px !important; font-weight: 500 !important; color: #501F7D !important; margin-bottom: 0px !important;  margin-top: 10px !important; }
.plan_block .plan_list_block .plans.year_plan_block { background: #fff !important; }
.plan_block .plan_list_block .plans.year_plan_block  .btn_sub .sub_btn { background: #7101D9 !important; }
.year_plan_block.plans  .mypb_middle_body  { padding: 16px !important; }

.benefits_block .bb_content .bb_title { color: #000000; font-weight: 600; font-family: "Open Sans", serif; letter-spacing: normal; margin-bottom: 6px !important;  letter-spacing: normal; }
.benefits_block .bb_content .bb_desc { font-size: 16px !important; line-height: 20px; color: #000000; font-family: "Open Sans", serif;  letter-spacing: normal;  }
.benefits_block .benefit_box .icon { margin-right: 10px !important; width: 30px !important; height: 30px !important; }
.benefits_block .bb_content { padding: 0px !important; }
.benefits_block .benefit_box {  max-width: 388px !important; }

.testimonials_block .tes_heading { font-size: 42px; font-weight: 700; line-height: 52px; color: #501F7D; font-family: "Plus Jakarta Sans", serif; letter-spacing: normal; }
.subscriptions_page .testimonials_section .test_card { box-shadow: 0px 0px 12px 4px #0000001A; max-width: 370px !important; width: 100% !important; /* height: 405px; */ border-radius: 8px; padding: 27px !important; margin: 20px auto; }   
.test_card .text_content { padding: 0px !important; display: block; }
.test_card .text_content .que_img { width: 48px; height: 48px; border-radius: 50%; background: #D8CEEF; display: flex; align-items: center; justify-content: center; padding: 5px; margin-bottom: 20px; }
.test_card .text_content p { font-size: 16px; line-height: 22px; letter-spacing: 0.03em; color: #000; font-family: "Open Sans", serif; }
.testimonial_user .t_img { width: 54px !important; height: 54px !important; border: 1px solid transparent; margin-right: 13px !important; }
.testimonial_user .t_name { font-size: 18px !important; font-weight: 600; font-family: "Open Sans", serif; line-height: 22px !important; letter-spacing: 0.03em; color: #000; margin-bottom: 0px !important; }
.testimonial_user .t_post { font-size: 16px !important; font-weight: 500; font-family: "Open Sans", serif; line-height: 22px !important; letter-spacing: 0.03em; color: #000; }
.subscriptions_page .testimonial_slider { display: flex; align-items: center; }
.subscriptions_page .testimonial_slider { padding: 0px 20px; }
.testimonial_slider .slick-custom-arrow  { background: none !important; border: none !important; box-shadow: none !important; min-width: 32px; height: 32px; }
.testimonial_slider .slick-custom-arrow img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.testimonial_slider .slick-custom-arrow.slick-disabled { cursor: no-drop; opacity: 0.6; }

.subscriptions_page .faqs_section { background: #fff !important; padding: 50px 80px !important;  }
.subscriptions_page .faq_heading { font-size: 42px !important; font-weight: 700; line-height: 57px; color: #501F7D !important; font-family: "Plus Jakarta Sans", serif; letter-spacing: normal; }
.subscriptions_page .hfb_content { margin-left: 0px !important; }
.subscriptions_page .hfb_content .hfbc_title { font-size: 24px !important; font-weight: 700; font-family: "Plus Jakarta Sans", serif; letter-spacing: normal; line-height: 37px !important; margin-bottom: 15px !important; color: #501F7D; text-transform: unset; }
.subscriptions_page .hfb_content .hfbc_text { font-size: 18px !important; font-weight: 500; font-family: "Open Sans", serif;  line-height: 29px !important; color: #000000; margin-bottom: 74px !important; }
.subscriptions_page .hfb_content .readmore_btn { background: #7101D9; width: 200px; border-radius: 12px !important; font-size: 18px !important; font-weight: 600; line-height: 21px !important; padding: 15px !important; font-family: "Open Sans", serif;  }

.subscriptions_page .hfb_question_block { max-width: 745px !important; margin-left: auto; }
.subscriptions_page .hfb_question_block .accordion-button { font-size: 18px; font-weight: 300; line-height: 29.96px; color: #000;  }
.subscriptions_page .hfb_question_block .accordion-header .accordion-button { width: 100%; min-height: 59px; border-radius: 8px !important; background: #F9F9F9; padding: 15px; text-transform: unset; padding-left: 74px;  font-family: "Open Sans", serif; letter-spacing: normal; }
.subscriptions_page .hfb_question_block .accordion-item { padding: 0px !important; border: none !important; padding-bottom: 28px !important; }
.subscriptions_page .hfb_question_block .accordion-body { padding: 13px 20px 0px 74px !important; }
.subscriptions_page .hfb_question_block .accordion-body p { font-size: 14px; line-height: 25px; color: #000000; font-family: "Open Sans", serif; letter-spacing: normal; }
.subscriptions_page .hfb_question_block .accordion-button:not(.collapsed)::after { content: "-"; transform: unset !important; }
.subscriptions_page .hfb_question_block .accordion-button::after { content: "+"; background: none !important; position: absolute; left: 30px; line-height: 14px; font-size: 16px; text-align: center; }
.subscriptions_page .hfb_question_block .accordion-button:focus, .subscriptions_page  .hfb_question_block .accordion-button:not(.collapsed) { font-weight: 400; color: #000; background: #D8CEEF !important; }




  





















/* responsive view */

@media (max-width: 1480px) {
  .signup_plan_page .price_card { max-width: 310px;}

}

@media (min-width: 1400px) and (max-width: 1500px) {
  .video_slider_block .video_section { height: 590px;}
 /*  .video_list_block { height: 750px;} */
 .core_features_block .feature_img { padding: 45px 35px 25px 35px;}



}
  
@media (min-width: 1200px) and (max-width: 1300px) {

  .teams_card_block .teams-card { max-width: 390px; }
  .video_slider_block .video_section { height: 480px;}
  /* .video_list_block { height: 700px;} */



  .signup_plan_page .price_card { max-width: 280px;}
  .signup_plan_page .auth_form_block {  max-width: 905px; background-size: 320px; }
    
}

@media (min-width: 992px) and (max-width: 1199px) {
  #chatbot-chat { bottom: 60px !important; }
}

@media (min-width: 1400px) {


}

@media (min-width: 1440px) {


}

@media (min-width: 1600px) {

}


@media (min-width: 1680px) {

}


@media (min-width: 2100px){

    
}

@media (min-width: 1700px){

    
/*  */

header { padding: 0.78vw 4.05vw; }
.site_logo { width: 14.21vw; } 
.site_logo a .logo { width: 10.73vw; height: 3.13vw; padding: 0.25vw 1.52vw; border-radius: 2.63vw; }
.site_logo a span.site_name { max-width: 12.47vw; border-radius: 3.15vw; padding: 0.89vw 1.05vw; margin-left: -3.15vw; font-size: 1.26vw; line-height: 1.47vw; letter-spacing: 0.22vw; }

header ul.nav li { margin-left: 3.15vw; }
header ul.nav li a { font-size: 0.94vw; line-height: 1.10vw; }
header ul.nav li.login_item a { width: 9.21vw; border-radius: 2.63vw; padding: 0.84vw; }

.banner_section { min-height: 48.52vw; padding: 6.84vw 4.05vw; }
.banner_content_block { padding-top: 1.57vw; }
.sql_banner_content { max-width: 41.57vw; }
.sql_banner_content .sql_heading { font-size: 3.15vw; line-height: 3.68vw; letter-spacing: 0.22vw; margin-bottom: 1.31vw; }
.sql_banner_content .sql_desc { font-size: 1.26vw; line-height: 1.47vw; letter-spacing: 0.22vw; margin-bottom: 1.84vw; }
.sql_banner_content .btn-row .common-button { width: 28.52vw; border-radius: 3.15vw; font-size: 0.94vw; padding: 0.63vw; }
.sql_banner_content .no_text { font-size: 0.84vw; letter-spacing: 0.22vw; margin-top: 0.52vw; }
.sql_screen_block {  max-width: 51.31vw; height: 33vw; border-radius: 1.15vw; padding: 2.63vw; }
.code-box { font-size: 0.84vw; line-height: 1.10vw; }
.code-box .cursor { width: 0.10vw; height: 0.84vw; }
.line-numbers { margin-right: 1.68vw; width: 1.05vw; font-size: 0.84vw; line-height: 1.10vw; }

.testimonials_section { padding: 2.10vw 4.05vw; }
.testimonials_section::before { height: 14.78vw; }
.test_card { max-width: 21.89vw; height: 17.63vw; border-radius: 0.52vw; padding: 2.63vw; margin: 1.05vw; }
.test_card .text_content { margin-bottom: 2.52vw; padding: 0px 1.84vw; }
.test_card .text_content img { width: 1.36vw; height: 1.15vw; }
.test_card .text_content p { font-size: 0.73vw; line-height: 1.15vw; padding-top: 0.52vw; margin-left: 0.25vw; }

.testimonial_user { padding-left: 0.78vw; }
.testimonial_user .t_img { width: 4.84vw; height: 4.84vw; margin-right: 1.21vw; }
.testimonial_user .t_name { font-size: 1.05vw; line-height: 1.68vw; margin-bottom: 0.52vw;  width: 7.368vw; }
.testimonial_user .t_post {font-size: 0.52vw; line-height: 0.84vw; }

.slick-dots { margin-top: 1.05vw; }
.slick-dots li { width: 1.42vw; height: 0.52vw; border-radius: 0.52vw; margin: 0px 0.25vw; }
.slick-dots li.slick-active {  width: 2.89vw; }

.interviews_section { padding: 3.42vw 4.05vw; background-size: 60%; }
.interview_video { max-width: 45.36vw; height: 26.31vw; border-radius: 2.10vw; }
.interview_video video { max-width: 100%; height: 100%; border-radius: 2.10vw; }

.interview_video .play_icon { width: 6.10vw; height: 6.10vw; }
.interview_video .watch_btn { width: 9.21vw; height: 2.73vw; border-radius: 3.15vw; font-size: 0.94vw; bottom: -1.36vw;}
.interview_content_block { padding-left: 3.68vw; }
.interview_content_block .inter_heading { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; margin-bottom: 1.15vw; }
.interview_content_block .inter_desc { font-size: 1.26vw; line-height: 1.47vw; letter-spacing: 0.22vw; } 
.core_features_section { padding:  3.68vw 4.05vw; }
.core_features_block { max-width: 100% /* 73.68vw */; }
.core_features_block .feature_block { margin-bottom: 3.26vw; }
.core_features_block .count { min-width: 2.94vw; height: 2.94vw; padding: 0.78vw; font-size: 0.94vw; margin: auto 2.10vw; }
.core_features_block .feature_block::before { border-right: 0.22vw dashed #E7CEFF;}
.core_features_block .feature_img { border-radius: 1.05vw; padding: 3.42vw 2.10vw 2.10vw 2.10vw; height: 26.73vw;  }
.core_features_block .feature_img img { border-radius: 1.05vw; }
.feature_content { padding: 2.63vw  0vw; }
.feature_content .fea_heading { font-size: 1.05vw; line-height: 1.21vw; letter-spacing: 0.22vw; margin-bottom: 1.05vw; }
.feature_content .fea_desc { font-size: 1.05vw; line-height: 1.21vw; letter-spacing: 0.22vw;  }
/* .feature_block_left_content .feature_img { margin-left: 2.10vw; } */

.advantages_section { padding: 2.63vw 0px; }
.adv_heading { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; margin-bottom: 2.63vw; }
.advantage_blocks { max-width: 80vw;  padding-top: 2.63vw; }
.advantage_outer_card { padding-bottom: 1.05vw; }
.advantage_inner_card { padding: 1.05vw 1.47vw 1.57vw; max-width: 23.68vw; border-radius: 0.63vw; }
.advantage_inner_card .adv_icon { top: -1.63vw; width: 5.26vw; height: 5.26vw; }
.advantage_inner_card .adv_icon img { width:  3.68vw; height:  3.68vw; }
.advantage_inner_card .adv_content .adv_title {  font-size: 1.05vw; line-height: 1.21vw; letter-spacing: 0.22vw; padding-left: 2.86vw; margin-bottom: 1.42vw; }

.advantage_inner_card .adv_content .adv_desc {  font-size: 1.05vw; line-height: 1.68vw; letter-spacing: 0.10vw; }

.interactive_section { min-height: 42.89vw; padding: 2.63vw 0.78vw; }
.interactive_section .inter_heading { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; margin-bottom: 2.63vw; }
.interactive_table { max-width: 65.94vw; border-radius: 1.05vw; }
.interactive_table table th { font-size: 0.84vw; line-height: 1vw; padding: 0.73vw 1.57vw; }
.interactive_table table td { font-size: 0.73vw; line-height: 0.73vw; padding: 0.25vw 1.57vw; }

.interactive_table table td .status { padding: 0.10vw 0.42vw; height: 1.05vw; border-radius: 1.05vw; font-size: 0.63vw; line-height: 0.73vw; }

.interactive_table .arrow_btn { width: 0.94vw; height: 0.94vw; }
.interactive_table .arrow_btn img { width: 0.52vw; height: 0.52vw; padding-left: 1px; }
.interactive_table .premium_btn .pre_icon{ width: 0.94vw; height: 0.94vw; }
.interactive_table .premium_btn .pre_icon img { width: 0.73vw; height: 0.73vw; }
.interactive_table .premium_btn .pre_text {  font-size: 0.52vw; line-height: 0.63vw; width: 3.15vw; height: 0.63vw; border-radius: 0.52vw; margin-left: -0.52vw; padding-right: 0.25vw; }

.pricing_section { padding: 1.57vw 4.05vw; min-height: 23.52vw; background-position: -0.25vw -8.42vw; }
.pricing_content_block { /* padding-top: 1.57vw;  */max-width: 43.68vw; }
.pricing_content_block .pricing_title { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; margin-bottom: 1.31vw; }
.pricing_content_block .pricing_desc { font-size: 1.05vw; line-height: 1.31vw; letter-spacing: 0.22vw; margin-bottom: 1.57vw; }
.pricing_content_block .pricing_img { max-width: 35.31vw; height: 25.31vw; margin-top: 10vw; margin-left: -2.10vw; }

.pricing_section .started_btn { min-width: 12.63vw; border-radius: 3.15vw; font-size: 0.94vw; padding: 0.94vw; }


.price_card { max-width: 19.47vw; border-radius: 0.52vw; margin-bottom: 0.63vw; }
.price_card_img { height: 11.05vw; border-radius: 0.52vw 0.52vw 0px 0px; padding: 1.05vw; }
.price_card_img img { width: 8.63vw; height: 8.63vw; }
.pricing_card_body { border-radius: 0px 0px 0.52vw 0.52vw; }

.que_info { width: 10.26vw; padding: 0.10vw 0.52vw; margin: -0.10vw auto 0px; border-radius: 0px 0px 0.52vw 0.52vw; font-size: 0.84vw; line-height: 1.68vw; }
.pcb_content { padding: 1.05vw 1.84vw 2.52vw; }
.pcb_content .pc_type {font-size: 1.15vw; line-height: 1.68vw; margin-bottom: 0.52vw; }
.pcb_content .pc_amount { font-size: 1.15vw; line-height: 1.68vw; margin-bottom: 0.52vw; }
.pcb_content .pc_amount span { font-size: 0.63vw; line-height: 1.36vw;  }
.pcb_content .pc_text { font-size: 0.84vw; line-height: 1.36vw; }

.Plans_benefits .pb_title { font-size: 0.84vw; line-height: 1.68vw; margin-bottom: 1.31vw; }
.Plans_benefits ul { margin-bottom: 1.31vw; }
.Plans_benefits ul li { font-size: 0.84vw; line-height: 1.68vw; padding: 0.47vw; }

.Plans_benefits .getfree_btn { font-size: 0.94vw; line-height: 1.36vw; width: 11.05vw; height: 2.63vw; border-radius: 5.26vw; margin: 0px auto 2vw; }
.Plans_benefits .getpremium_btn { font-size: 0.94vw; line-height: 1.36vw; width: 11.05vw; height: 2.63vw; border-radius: 5.26vw; margin: 0px auto 2.89vw; }
.Plans_benefits ul.pb_outer_list { left: -100.4%; }
.Plans_benefits ul.pb_outer_list li {  border-radius: 0.31vw 0px 0px 0.31vw; }
.advanced_price_card { margin-left: 1.26vw; }
.advanced_price_card .price_card_img { height: 11.84vw; padding: 2vw 1.05vw; }
.advanced_price_card .advanced_text { top: 0.25vw; width: 4.26vw; }


.faqs_section { padding: 2.63vw 4.05vw; min-height: 32.36vw; }
.faqs_section .faq_heading { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; margin-bottom: 2.63vw; }

.hfb_question_block { max-width: 65.26vw; }
.hfb_question_block .accordion-item { padding: 1.57vw 0px; }
.hfb_question_block .accordion-button { font-size: 0.94vw; line-height: 1.36vw; letter-spacing: 0.10vw; }
.hfb_question_block .accordion-body { padding: 1.05vw 0px 0px; }
.hfb_question_block .accordion-body p { font-size: 0.84vw; line-height: 1.36vw; margin-bottom: 1.05vw; }

.hfb_content { max-width: 18.26vw; padding-left: 1.05vw;  }
.hfb_content .hfbc_title { font-size: 0.73vw; line-height: 1.36vw; letter-spacing: 0.10vw; margin-bottom: 1.84vw; }
.hfb_content .hfbc_text { font-size: 0.94vw; line-height: 1.47vw; margin-bottom:1.84vw; }
.hfb_content .readmore_btn { font-size: 0.84vw; line-height: 1.15vw; padding: 1.21vw; border-radius: 2.63vw; }

/* .home_about_section { min-height: 32.36vw;  } */
.home_about_section .has_content_block {  padding: 3.15vw 5.26vw;  }


.home_about_section .has_heading { font-size: 2.21vw; line-height: 2.73vw; margin-bottom: 1.05vw; }
.home_about_section .has_desc { font-size: 1.15vw; line-height: 1.68vw; margin-bottom: 2.10vw; }
.home_about_section .learn_more_btn { width: 6.31vw; border-radius: 5.26vw; font-size: 0.84vw; line-height: 1.15vw; padding: 0.36vw 0.52vw; }
.home_about_section .has_img { height: 42.10vw;}

/* footer */

footer { padding: 1.84vw 4.05vw; }
footer .footer_nav { margin-bottom: 1.05vw; margin-top: 0.52vw; }
footer .footer_nav li { margin: 0px 1.31vw; }
footer .footer_nav li a { font-size: 0.84vw; line-height: 1.36vw; }
footer .copy_right_text { font-size: 0.84vw; line-height: 1.36vw; }
footer .social_links { max-width: 14.21vw;}
footer .social_icons {  margin-bottom: 0.52vw; }
footer .social_icons li { margin: 0px 0.52vw; }
footer .social_icons li a { width: 1.26vw; height: 1.26vw; }
.livesupportchat { width: 1.57vw; height: 1.57vw; right: 1.21vw; bottom: 1.05vw; }

/* btn hover */

.buttonhover:after { border-radius: 2.63vw; }
.buttonhover:before { border-radius: 7.89vw; }


/* about us iamges */

.about_banner_section .sql_banner_content .sql_desc { font-size: 2.10vw; line-height: 3.15vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw; max-width: 36.68vw; }
.about_banner_img { max-width: 56.10vw; height: 31.57vw; border-radius: 1.05vw; padding-left: 3.47vw; margin-bottom: -7.47vw; }
.about_banner_img img { border-radius: 1.05vw; }

.our_story_section { padding-top: 13.15vw; } 
.our_story_section .story_content { padding: 1.05vw 4.05vw 10.52vw; max-width: 77.21vw; }
.our_story_section .story_content .story_title { font-size: 1.05vw; line-height: 1.21vw; letter-spacing: 0.22vw; margin-bottom: 2.63vw; }
.our_story_section .story_content .story_desc { font-size: 3.36vw; line-height: 3.94vw; letter-spacing: 0.22vw; }
.our_story_section .story_img { height: 57.89vw; }

.our_value_section { padding: 7.89vw 4.05vw 2.63vw; }
.our_value_section .heading_block { max-width: 44.21vw; margin-bottom: 6.05vw; }
.our_value_section .heading_block .value_title { font-size: 1.05vw; line-height: 1.21vw; letter-spacing: 0.22vw; margin-bottom: 2.63vw; }
.our_value_section .heading_block .value_desc { font-size: 2.10vw; line-height: 2.47vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw; }

.values_blocks .value_box { max-width: 35.52vw; padding: 0px 0.78vw; margin: 0px 0px 5.26vw; }
.values_blocks .value_box .vb_title { font-size: 3.36vw; line-height: 6.31vw; letter-spacing: 0.22vw; margin-bottom: 2.63vw; }
.values_blocks .value_box .vb_desc { font-size: 1.15vw; line-height: 1.36vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw; }

.meet_the_teams_section { padding: 4.73vw 4.05vw; }
.team_heading_block { margin-bottom: 2.63vw; }
.team_heading_block .team_title { font-size: 1.05vw; line-height: 1.21vw; letter-spacing: 0.22vw; margin-bottom: 2.36vw; }
.team_heading_block .thb_desc {  font-size: 2.10vw; line-height: 4.21vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw;  }

.teams_card_block .teams-card {  max-width: 26.31vw; }
.teams_card_block .teams-card .t_member_img { height: 26.31vw; }
.teams_card_block .teams-card .tc_body { padding: 1.05vw; }
.teams_card_block .teams-card .tc_body .tc_title { font-size: 1.26vw; margin-bottom: 0.52vw; }
.teams_card_block .teams-card .tc_body .tc_desc { font-size: 1.05vw; line-height: 1.68vw; }

/*  */

.common_static_bg {  min-height: 48.52vw; padding: 13.15vw 4.05vw 5.89vw; }
.contact_content::before { left: -4.05vw; }
.contact_content .page_title { font-size: 3.15vw; line-height: 3.68vw; letter-spacing: 0.22vw; margin-bottom: 1.31vw; }
.contact_content .ctext { font-size: 2.10vw; line-height: 3.15vw; letter-spacing: 0.22vw; }
.contact_form_block .form-group { border-radius: 1.05vw; padding: 1.52vw; margin-bottom: 2.10vw; }
.contact_form_block .form-group label { font-size: 1.26vw; line-height: 1.47vw; letter-spacing: 0.22vw; margin-bottom: 0.10vw; }
.contact_form_block .form-group .form-control { padding: 0.78vw 0px; font-size: 0.73vw; line-height: 1.10vw; letter-spacing: 0.22vw; }
.contact_us_page .submit-btn { max-width: 9.36vw; height: 3.73vw; border-radius: 3.15vw; font-size: 0.84vw; line-height: 2.21vw; }

/*  */

.teams_and_privacy_pages { padding-top: 7.89vw; padding-bottom: 4.21vw; }
.tapp_content_block { max-width: 83.68vw; }
.tapp_content_block .heading_row { margin-bottom: 2.10vw; }
.tapp_content_block .heading_row .page_title { font-size: 3.15vw; line-height: 3.68vw; letter-spacing: 0.22vw; }
.tapp_content_block .heading_row .date_box { max-width: 17.73vw; height: 3.05vw; font-size: 0.94vw; line-height: 1.36vw; letter-spacing: 0.10vw; border-radius: 0.52vw; padding: 0.52vw; }

.terms_privacy_block .tpb_box { padding: 1.26vw 0px; }
.terms_privacy_block .tpb_box .tpb_title { font-size: 1.05vw; line-height: 1.15vw; letter-spacing: 0.22vw; margin-bottom: 0.94vw; }
.terms_privacy_block .tpb_box .tpb_desc p { font-size: 0.73vw; line-height: 1.26vw; margin-bottom: 1.05vw; }

/*  */

.faq_page { padding-top: 7.36vw; padding-bottom: 4.21vw; }
.faq_page .faq_content { max-width: 66.31vw; }
.faq_page .hfb_question_block .accordion-item { padding: 1.57vw 0.42vw; }

.faq_page .hfb_question_block .accordion-item.collapse-open { border-radius: 0.52vw !important; padding: 1.05vw; margin-top: 0.52vw; }

.swal2-title{font-size: 1.05vw !important;}
.swal2-html-container{font-size: 0.84vw !important;}
.swal2-modal{width: 23.68vw !important;}

/*  */

/* #chatbot-chat { bottom: 0.63vw !important; width: 2.10vw !important; height: 2.10vw !important; } */


/* 2nd milestone design */

/* signup page */

.common_static_bg.authpages { padding-top: 7.89vw; padding-bottom: 3.15vw; }

.your_plan_block .ypb_title { font-size: 2.10vw; line-height: 2.42vw; letter-spacing: 0.22vw; margin-bottom: 2.10vw; }
.your_plan_block .pcb_content { padding-bottom: 0.52vw; }

.auth_form_block { max-width: 53.42vw; border-radius: 1.05vw; padding: 1.57vw 4.73vw; }
.auth_heading_block { margin-bottom: 1.57vw; }
.auth_heading_block .ahb_title { font-size: 1.89vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw; width: 50%; }
.auth_heading_block .other_page_link { font-size: 0.84vw; letter-spacing: 0.22vw; }

.auth-btn { width: 11.89vw; height: 3.73vw; border-radius: 3.15vw; font-size: 0.84vw; line-height: 2.21vw; }
.stripe_login { width: 3.26vw; height: 1.36vw; margin: 1.05vw auto 0px; }

.checkbox_custom { margin-bottom: 1.05vw; }
.checkbox { padding-left: 1.57vw; font-size: 0.73vw; line-height: 1.26vw; }
.checkmark {  top: 0.10vw; height: 1.15vw; width: 1.15vw;  border-radius: 0.10vw; }
.checkmark::after { left: 0.31vw; top: 0.10vw; width: 0.31vw; height: 0.63vw;}
.change_plan_btn { margin-bottom: -1.57vw; }

.eye_btn img { width: 0.84vw; height: 0.84vw; }

/* login */

.forgot_text { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 2.10vw; letter-spacing: 0.22vw; }
.acb_box { max-width: 32.63vw; }
.acb_box .auth_logo { width: 20.73vw; height: 20.73vw; }
.acb_box .acb_title { font-size: 2.10vw; line-height: 2.42vw; letter-spacing: 0.21vw; margin-bottom: 0.52vw; }
.acb_box .acb_text { font-size: 1.47vw; line-height: 2.21vw; letter-spacing: 0.211vw;  }

/* forgot */

.auth_heading_block .fp_text { font-size: 0.73vw; line-height: 1.31vw; margin-bottom: 0.52vw; margin-top: 0.52vw; }
.help-block { font-size: 0.63vw;  }
 
/* signup plan */

.signup_plan_page .acb_box { max-width: 22.42vw; }
.signup_plan_page .auth_form_block { max-width: 63.15vw; padding: 1.05vw; background-size: 21.05vw; }

/* subscriptions */
 
.subscriptions_page.common_static_bg { padding-top: 7.89vw; padding-bottom: 2.10vw; }
.after_login_content { border-radius: 1.05vw; padding: 1.57vw; }
.after_login_content .alc_heading { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw; }
.choose_your_plan { padding: 0.45vw 0.52vw; bottom: -3.42vw; }
.choose_your_plan span { font-size: 0.84vw; line-height: 1.68vw; }
.choose_your_plan span + span { padding-left: 1.05vw; }
.subscriptions_page .price_card { margin-bottom: 3.68vw; }
.subscriptions_page .pricing_content_block { max-width: 33.15vw;  }
.subscriptions_page .price_card { max-width: 19.47vw;}
.subscriptions_page .advanced_price_card .price_card_img { height: 11.84vw;}


/* account setting */

.account_setting_page.common_static_bg { padding-top: 7.89vw; padding-bottom: 2.63vw; }
.account_setting_page .after_login_content .alc_heading { margin-bottom: 2.63vw; }
.user_profile_block { max-width: 27.31vw; height: 10.63vw; border-radius: 1.05vw; margin-bottom: 4.47vw; padding-top: 1.26vw; }
.user_profile_block .user_img { width: 12.10vw; height: 12.10vw; border: 0.78vw solid #AE62FF; }
.user_profile_block .user_img .upload_img { border: 0.22vw solid #FFFFFF; width: 2.89vw; height: 2.89vw; padding: 0.52vw; }

.your_selected_plan { max-width: 27.31vw; border-radius: 1.05vw; padding:0.78vw 0.78vw  2.63vw; }
.your_selected_plan .ypb_title { font-size: 1.26vw; line-height: 1.47vw; letter-spacing: 0.22vw; padding: 0.52vw; }
.account_setting_page .pcb_content { padding-bottom: 1.05vw; }


/* diagnostic_questions_page */

.diagnostic_questions_page.common_static_bg {  padding-top: 7.89vw;}

.diagnostic_que { max-width: 53.42vw; border-radius: 1.05vw; padding: 1.68vw 2.42vw; }
.di_que_title { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; margin-bottom: 4.21vw; }

.dque_box { min-height: 17.26vw; margin: 0px auto 2.10vw; border-radius: 1.05vw; }
.dque_box .que-row { padding: 1.68vw 3.68vw 1.68vw 8.84vw; }
.dque_box .que-row .que_label { font-size: 1.05vw; line-height: 1.21vw; letter-spacing: 0.22vw; margin-bottom: 1.05vw; }

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label{ padding-left: 1.47vw; margin-right: 1.57vw; line-height: 1.05vw; font-size: 0.84vw;}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before { width: 1.05vw; height: 1.05vw; }
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after { width: 0.52vw; height: 0.52vw; top: 0.25vw; left: 0.26vw; }
.dque_box .dque_img { width: 7.89vw; height: 7.89vw; border: 0.63vw solid #9C56E7; top: -2.94vw; left: -0.52vw; }
.dque_box .dque_img img { width: 3.15vw; height: 3.15vw;}

/*Icon progressbar*/

#progressbar { height: 1.05vw; border-radius: 1.31vw; max-width: 53.42vw; margin: 2.36vw auto 0px; }
#progressbar li { width: 20%; padding: 0px 0.15vw;}
#progressbar li:after { height: 1.05vw; border-radius: 1.31vw; }

/*  */

.profileMenu a.dropdown-toggle { width: 2.73vw; height: 2.73vw; margin-right: 1.05vw; }
.profileMenu a.dropdown-toggle::before { right: -1.05vw; width: 0.52vw; height: 0.52vw; }
header ul.nav li.profileMenu  {margin-left: 1.05vw;}
.profileMenu .dropdown-menu { border-radius: 0.52vw !important; min-width: 16rem !important; }
header ul.dropdown-menu li a { font-size: 0.94vw; line-height: 1.10vw; padding: 0.73vw 0.52vw; }

/* leaderboard-page */

.leaderboard-page { padding-top: 8.42vw !important; }
.leaderboard-block {  max-width: 92.94vw; border-radius: 1.05vw; padding: 0px 2.31vw 2.63vw; }
.leader_row .leader_img { width: 11.15vw; height: 5.57vw; }
.leader_row .leader_title { font-size: 1.89vw; line-height: 2.21vw; letter-spacing: 0.22vw; }
.leader_row .leader_count { font-size: 0.84vw; line-height: 1vw; }

.interactive_table .score_td img { width: 0.94vw; height: 0.94vw; margin-right: 0.52vw; }
.leaderboard-page .interactive_table tr td:last-child, .leaderboard-page .interactive_table tr th:last-child { width: 10.52vw !important; }

.loader { width: 2.52vw; height: 2.52vw; margin: 2.10vw auto 0px; }
.loader::after { width: 1.26vw; height: 1.26vw; }
  

/*    */

.explore_question-page { padding-top: 8.42vw !important; padding-left: 0px !important; padding-right: 0px !important; }
.equestion-block { max-width: 92.94vw; border-radius: 1.05vw; padding: 1.57vw 0px 1.05vw 1vw; }

.explore_question-page .interactive_table table td {font-size: 0.84vw; line-height: 0.84vw;  padding: 0.5vw 1.57vw;}
.explore_question-page .interactive_table table td .status {padding: 0.10vw 0.42vw; height: 1.05vw; border-radius: 1.05vw; font-size: 0.73vw; line-height: 0.73vw;}
.explore_question-page .interactive_table .arrow_btn { width: 1.4vw;height: 1.4vw;}
.explore_question-page .interactive_table .premium_btn .pre_text {
  font-size: 0.73vw;
  line-height: 0.73vw;
  width: 4.15vw;
  height: 0.8vw;
  border-radius: 0.52vw;
  margin-left: -0.52vw;
  padding-right: 0.25vw;
}
.explore_question-page .interactive_table .premium_btn .pre_icon {
  width: 1.4vw;
  height: 1.4vw;
}

.eqlb_top_row .form-select { font-size: 0.73vw; letter-spacing: 0.22vw; border-radius: 0.31vw; }
.eqlb_top_row .input-group { border-radius: 0.31vw; width: 14.526vw; } 
.eqlb_top_row .input-group-text img { width: 0.94vw; height: 0.94vw; }
.eqlb_top_row .form-control {  font-size: 0.73vw; letter-spacing: 0.22vw; padding: 0.57vw; }
.eqlb_top_row .eqlb_title { font-size: 0.94vw; }  
.eqlb_top_row .reset_btn { margin-left: 0.52vw; width: 1.05vw; height: 1.05vw; }

.equestion_left_block { max-width: 76.31vw; }

.eqlb_top_row .select2-container {  width: 12.63vw !important; margin-right: 0.52vw; }
.eqlb_top_row .select2-container--default .select2-selection--single { letter-spacing: 0.22vw; }
.eqlb_top_row .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 0.73vw; padding: 0.57vw;}
.eqlb_top_row .select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 0.63vw; }
.eqlb_top_row .select2-container--default .select2-selection--single { border-radius: 0.31vw;}

.explore_table { margin: 1.57vw 0px 0px; }
.equestion_right_block { padding-left: 1vw; padding-top: 3.85vw; padding-right: 1vw; }
.eqrb_content_block { width: 14.78vw; border-radius: 1.05vw 1.05vw; padding: 0.52vw; margin-bottom: 0.78vw; }
.eqrb_content_block h1 { font-size: 1vw; line-height: 1.47vw; letter-spacing: 0.22vw; margin-bottom: 0.52vw; }
.eqrb_content_block .common-button { width: 7.36vw; padding: 0.52vw; border-radius: 3.15vw; font-size: 0.84vw; }
.eqrb_content_block .score_td { font-size: 1.05vw; }
.eqrb_content_block .score_td img { width: 1.78vw; height: 1.78vw; }

.leaderboard_box { width: 14.78vw; border-radius: 1.05vw 1.05vw; padding-top: 0.63vw; }
.leaderboard_box .lb_img { width: 5.57vw; height: 5.57vw; margin: 0px auto 0.52vw; }

.leaderboard_box .lb_title { font-size: 1vw; line-height: 1.47vw; letter-spacing: 0.22vw; margin-bottom: 0.78vw; }
.leader_content .leader_row { padding: 0.25vw 0.52vw; } 
.leader_content .leader_row .leader_name { font-size: 0.73vw; line-height: 0.84vw; }
.leader_content .leader_row .score_td { font-size: 0.73vw;  }
.leader_content .leader_row .score_td img { width: 0.94vw; height: 0.94vw; }
.leader_content .leader_row.my_rank { padding: 0.52vw; margin-bottom: 0.78vw; }


.leaderboard_box + .view_all_btn a{ font-size: 0.94vw;  line-height: 1.36vw; max-width: 7.78vw; padding: 0.52vw; border-radius: 0px 0px 1.05vw 1.05vw; }


/*  */

.quetions-page { padding-top: 8.42vw !important; }
.quetion_sections { border-radius: 1.05vw; padding: 1.57vw 1.57vw; }

.quetions-page .nav-tabs { padding-left: 0.52vw; }
.quetions-page .nav-item { margin-left: 0.52vw; }
.quetions-page .nav-tabs .nav-link { min-width: 11.05vw; border-radius: 0.52vw 0.52vw 0px 0px; font-size: 1.05vw; padding: 0.63vw; }

.quetions-page .quetion_table_block { border-radius: 1.05vw; height: 46.84vw; }

.quetions-page .quetion_left_side_content { width: 50%; padding: 1.73vw;height: 46.84vw; }
.quetions-page .resizer { width: 0.31vw;height: 46.84vw;}
.quetions-page .quetion_right_side_content { width: 50%; padding: 1.15vw; }
.quetions-page .quetion_left_side_content .ctt_title { font-size: 1.68vw; margin-bottom: 0.78vw; margin-bottom: 1.05vw; }
.quetions-page .quetion_left_side_content .status { font-size: 0.63vw; min-width: 2.57vw; border-radius: 1.05vw; }
.quetions-page .quetion_left_side_content .quetion_content { margin-bottom: 1.57vw; }
.quetions-page .quetion_left_side_content .quetion_content p { font-size: 0.73vw; }
.quetions-page .quetion_left_side_content .quetion_content .question_desc { font-size: 0.73vw; }
.quetions-page .quetion_left_side_content .quetion_content p span { padding: 0px 0.25vw; border-radius: 0.10vw; }

.quetions-page .code_writer_block { height: 60%; }
.quetions-page .code_window { height: 90%; }
.quetions-page .code_window .code_title { font-size: 0.84vw; }
.quetions-page .code_window .code_text { font-size: 0.84vw; }
.quetions-page .code_btn .btn { font-size: 0.84vw; line-height: 1.15vw; border-radius: 2.63vw; padding: 0.37vw 1.57vw;  }
.quetions-page .code_btn .btn.clear_btn, .quetions-page .code_btn .btn.run_btn { margin-right: 0.52vw;}

.quetions-page .output_block { height: 40%; border-radius: 1.05vw; padding: 1.05vw; }
.quetions-page .output_block .output_title { font-size: 0.84vw; margin-bottom: 1.05vw; }

.quetions-page .comment_box { border-radius: 1.05vw; margin-bottom: 0.84vw; }
.quetions-page .comment_top_row { height: 1.78vw; border-radius: 1.05vw 1.05vw 0px 0px; padding: 0.25vw 1.31vw; }
.quetions-page .cuser_img { width: 0.84vw; height: 0.84vw; margin-right: 0.69vw; }
.quetions-page .user_name { font-size: 0.73vw; }
.quetions-page .comment_time { font-size: 0.57vw; }
.quetions-page .comment-body { padding: 0.52vw 1.31vw; }
.quetions-page .comment-body p { font-size: 0.73vw; line-height: 1.26vw; }
.quetions-page .comment-body p.copy_text  { width: auto; height: 1.57vw; border-radius: 0.31vw; padding: 0.18vw; }
.quetions-page .comment-body p.copy_text svg {width: 1.05vw !important; height: 1.05vw !important; }

.quetions-page .error_content .error_title { font-size: 0.84vw; margin-bottom: 0.52vw; }
.quetions-page .error_content .error_message { border-radius: 0.31vw; font-size: 0.63vw; padding: 0.52vw; }
.quetions-page .sucsses-content { min-height: 9.10vw; border-radius: 1.05vw; padding: 1.31vw; }
.quetions-page .sucsses-content p{ font-size: 0.73vw; }
.quetions-page .question-video { height: 23.15vw; border-radius: 1.05vw; margin-bottom: 1.57vw; }  
.quetions-page .question-video video, .quetions-page .question-video iframe, .quetions-page .question-video img {  border-radius: 1.05vw; }

.quetions-page .error_content .notification_message {border-radius: 0.31vw; font-size: 0.63vw; padding: 0.52vw; top: 0.52vw; right: 1.05vw; }
.quetions-page .error_content .notification_message img { width: 0.94vw; height: 0.94vw; margin-right: 0.52vw; }

/*  */

.classroom_page { padding-top: 7.89vw !important;  }
.classroom_block { max-width: 92.94vw; border-radius: 1.05vw; padding: 1.84vw 1.31vw; }
.classroom_top_block { margin-bottom: 1.84vw; }
.classroom_top_block .class_title { font-size: 1.15vw; padding-left: 13.68vw; }
.classroom_top_block .search-room { max-width: 13.68vw; }
.classroom_top_block .search-room .form-control { font-size: 0.73vw; letter-spacing: 0.22vw; border-radius: 0.31vw; padding: 0.52vw; }
.classroom_top_block .search-room .input-group-text { font-size: 0.73vw; letter-spacing: 0.22vw; border-radius: 0.31vw; }
.classroom_top_block .search-room .input-group-text img { width: 0.94vw; height: 0.94vw; }

.crcb_outer_block { padding-bottom: 2.10vw; }
.crcb_inner_block {max-width: 28.15vw; border-radius: 0.52vw;}
.crcb_inner_block .video_thumb { height: 15.94vw; border-radius: 0.52vw 0.52vw 0px 0px;  }
.crcb_inner_block .video_thumb img {  border-radius: 0.52vw 0.52vw 0px 0px;  }
.crcb_inner_block .video_center { width: 16.42vw; height: 9.31vw; border-radius: 0.52vw;  }
.crcb_inner_block .video_center img { width: 2.63vw; height: 2.63vw; }
.crcb_inner_block .crcb_body { min-height: 4.84vw; padding: 0.52vw; }
.crcb_inner_block .crcb_body h1 { font-size: 1.15vw; line-height: 1.68vw; }

.wlc_content { padding: 0.52vw; border-radius: 0.52vw; }
.wlc_content .lockicon { width: 5.36vw; height: 5.36vw; margin: 0px auto 2.10vw;}
.wlc_content .lock_btn { width: 6.31vw; padding: 0.52vw; border-radius: 3.15vw; font-size: 0.73vw; }


/*  */

.classroom_detail_page {  padding-top: 7.89vw !important; }
.classroom_detail_page .classroom_top_block { padding: 0px 1.84vw; }
.classroom_detail_page .back_btn { font-size: 0.73vw; max-width: 8vw; }
.classroom_detail_page .back_btn img { width: 0.63vw; height: 0.63vw; }

.video_list_block { max-width: 24.57vw; /* height: 48.42vw; */ border-radius: 0px 1.05vw 0px 1.05vw; padding-top: 1.31vw; }
.video_list_block ul li a { font-size: 0.73vw; padding: 0.94vw; line-height: 0.89vw; }
.video_list_block ul li a img { width: 0.73vw; height: 0.73vw; margin-right: 0.52vw; }

.video_slider_block { padding: 0.52vw 0.52vw; }
.video_slider_block .video_que { font-size: 1.78vw; line-height: 2.10vw; margin-bottom: 0.78vw; }
.video_slider_block .video_section { max-width: 67.36vw; height: 36.89vw; border-radius: 1.05vw; margin-bottom: 2.10vw;  }
.video_slider_block .video_section video, .video_slider_block .video_section iframe { border-radius: 1.05vw;}

.video_slider_block .video_btn_block button { width: 3.05vw; height: 3.05vw; margin: 0px 0.25vw; }
.video_slider_block .video_btn_block button img { width: 1.26vw; height: 1.26vw;}

.video_description { font-size: 0.73vw; padding-top: 1.05vw;}

/* new field */

.other_platform_block { padding: 5.26vw 0.78vw 0px; }
.other_platform_block .platform_block {  max-width: 74.52vw; min-height: 29.89vw; border-radius: 2.94vw; padding: 2.63vw; }
.table_div { max-width: 58.84vw; }
.table_div .ttitle { font-size: 1.05vw; letter-spacing: 0.22vw;}
.table_div th { padding: 0.52vw; width: 33.33%; }
.table_div .logotable { width: 9.94vw; height: 2.10vw; }
.table_div td { font-size: 0.84vw; line-height: 1.68vw; padding: 0.42vw; }
.table_div td .t-icon { width: 1.31vw; height: 1.31vw; }

/* plan new page design */

.subscriptions_page .plan_block { padding: 2.05vw; }
.subscriptions_page .sub_desc { font-size: 1.05vw; max-width: 60.47vw; margin: 1.05vw auto 2.36vw; }

.plan_block .plan_list_block .plans { max-width: 34.21vw; border-radius: 1.05vw; padding: 2.10vw; margin: 0px 2.57vw; }

.plan_block .mypb_top { margin-bottom: 1.57vw; }
.plan_block .m_icon { width: 2.94vw; height: 2.94vw; border-radius: 0.73vw; }
.plan_block .m_icon img { width: 1.68vw; height: 1.68vw; }
.plan_block .mypb_top .my-text { font-size: 1.68vw; margin-left: 1.26vw; }

.plan_block .plan_desc { font-size: 1.05vw; margin-bottom: 1.05vw; }
.plan_block .per_month_amount {font-size: 3.15vw; margin-bottom: 0.78vw; }
.plan_block .per_month_amount span { font-size: 1.05vw; }
.plan_block .per_year_amount { font-size: 1.57vw; margin-bottom: 1.05vw; }
.plan_block .per_year_amount span { font-size: 1.05vw; }
.plan_block .btn_sub {padding-top: 2.10vw; }
.plan_block .btn_sub .sub_btn {  font-size: 0.94vw; border-radius: 2.63vw; padding: 0.63vw; min-width: 14.57vw; }
.plan_block .cplan { font-size: 0.94vw; margin-top: 1.05vw; }  

.benefits_block { padding: 2.63vw 19.36vw 1.05vw;  }  
.benefits_block .benefit_box { margin: 0px auto 1.05vw; max-width: 34.21vw; }
.benefits_block .benefit_box .icon { width: 2.47vw; height: 2.47vw; margin-right: 1.21vw;  }
.benefits_block .bb_content {  padding-top: 0.52vw; }
.benefits_block .bb_content .bb_title { font-size: 1.05vw; margin-bottom: 0.73vw; }
.benefits_block .bb_content .bb_desc { font-size: 1.05vw; margin-bottom: 0.52vw; }
.testimonials_block { min-height: 29.36vw; padding-left: 0.78vw !important; padding-right: 0.78vw !important; }
.testimonials_block .tes_heading { font-size: 1.89vw; margin-bottom: 1.05vw; }
.subscriptions_page .hfb_question_block { max-width: 59.26vw;}

/* new plan css */

.plan_block .mypb_top .my-text { margin-bottom: 0.52vw; font-size: 1.20vw !important; }
.plan_block .m_icon { margin: -1.57vw auto 1.05vw; }
/* .plan_block .plan_list_block .plans { max-width: 26.31vw !important;} */
.plan_block .plan_desc { font-size: 0.84vw !important; }
.mypb_middle_body { border-radius: 1.05vw; padding: 0px 1.05vw 1.05vw; margin-top: 2.63vw; }

/* ai_chat_room */

.ai_chat_room { max-width: 21.15vw; height: 39.84vw; bottom: 0.68vw; right: 0.52vw; }
.ai_chat_header { padding: 0px 1vw;}

.ai_chat_top_row { padding: 1.05vw 0px; }
.ai_chat_top_row .ai_name { font-size: 1.05vw; line-height: 1.57vw; }
.ai_chat_top_row .right_btns { margin-left: 2.63vw;}
.ai_chat_top_row .minimize_button { width: 1.84vw; height: 1.84vw;}
.ai_chat_top_row .close_button { width: 1.84vw; height: 1.84vw; }

.ai_user_row {padding: 1.05vw 0px; }
.ai_user_row .ai_img { width: 2.52vw; height: 2.52vw; margin-right: 0.78vw; padding: 0.42vw; }
.ai_user_row .ai_user_name { font-size: 1.05vw; line-height: 1.57vw;}

.chat_section { padding: 0.26vw 0.52vw 0.52vw; }
.chat_section .chat_body { padding: 0.26vw 0.73vw; height: 23.78vw;}

.chat_section .cblb_img { width: 1.42vw; height: 1.42vw; padding: 0.26vw; }
.chat_section .cb_left_block .cb_content { margin-left: 0.52vw; }
.chat_section .cb_time { font-size: 0.63vw; line-height: 1.36vw; }
.chat_section .cb_text { max-width: 15.52vw; padding: 0.73vw 1.15vw; border-radius: 0.52vw; font-size: 0.94vw; line-height: 1.57vw; }

.chat_section .chat_input_block .input-group { padding: 0.52vw; }
.chat_section .chat_input_block .input-group .form-control { font-size: 0.84vw; line-height: 1.57vw; }
.chat_section .chat_input_block .input-group .send_btn {  width: 1.57vw; height: 1.57vw; margin-left: 0.26vw; }

.ai_footer { padding: 0.22vw; font-size: 0.78vw; line-height: 1.57vw; border-radius: 0px 0px 1.57vw 1.57vw; }

/*  */

.quetion_controls {  margin-bottom: 1.05vw; }
.quetion_controls .backbtn { font-size: 0.73vw;  }
.quetion_controls .backbtn img { width: 0.63vw; height: 0.63vw; }
.quetion_controls .qc_block { padding-left: 2.63vw; }
.quetion_controls .qc_block button { padding: 0px 0.52vw; margin: 0px 0.52vw; }
.quetion_controls .qc_block button img { width: 0.63vw; height: 0.63vw; }

.quetion_controls .select2-container {  width: 20vw !important; }
.quetion_controls .select2-container--default .select2-selection--single { letter-spacing: 0.22vw;  }
.quetion_controls .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 0.73vw; padding: 0.57vw; padding-right: 1.31vw; }
.quetion_controls .select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 0.63vw; margin-right: 0.42vw; }


/* new update sub page */

.subscriptions_page .plan_block .alc_heading { font-size: 3.68vw; line-height: 4.63vw; }
.subscriptions_page .sub_desc { font-size: 1.47vw; line-height: 2vw; }
.plan_block .plan_list_block .plans { max-width: 20.42vw !important; border-radius: 0.52vw !important; }
.plan_block .mypb_top { border-radius: 0.52vw 0.52vw 0px 0px; padding: 1vw 1.36vw;  }
.plan_block .mypb_top .my-text { font-size: 1.57vw; line-height: 1.94vw; margin-bottom: 0.10vw !important; }
.plan_block .plan_desc { font-size: 0.84vw; line-height: 1.10vw; }

.mypb_middle_body { padding: 1.31vw !important; }
.plan_block .m_icon { margin: 0px auto 1.47vw !important; }
.plan_block .per_month_amount { font-size: 2.10vw !important; line-height: 2.63vw; }
.plan_block .per_month_amount span { line-height: 1.31vw; }

.plan_block .btn_sub .sub_btn { max-width: 10.84vw; height: 3.31vw; border-radius: 0.63vw !important; font-size: 1.15vw !important;line-height: 1.10vw; }
.plan_block .btn_sub .sub_btn.buttonhover::before { border-radius: 0.63vw !important; }
.plan_block .btn_sub .sub_btn.buttonhover::after { border-radius: 0.63vw !important; }
.plan_block .cplan { font-size: 0.84vw !important; margin-top: 0.52vw !important; }
.year_plan_block.plans  .mypb_middle_body  { padding: 0.84vw !important; }

.benefits_block .bb_content .bb_title { margin-bottom: 0.31vw !important; }
.benefits_block .bb_content .bb_desc { font-size: 0.84vw !important; line-height: 1.05vw; }
.benefits_block .benefit_box .icon { margin-right: 0.52vw !important; width: 1.57vw !important; height: 1.57vw !important; }
.benefits_block .benefit_box {  max-width: 20.42vw !important; }

.testimonials_block .tes_heading { font-size: 2.63vw; line-height: 3.31vw; }
.subscriptions_page .testimonials_section .test_card { max-width: 20.57vw !important; border-radius: 0.42vw; padding: 1.42vw !important; margin: 1.05vw auto; }  

.test_card .text_content .que_img { width: 2.52vw; height: 2.52vw; padding: 0.26vw; margin-bottom: 1.05vw; }
.test_card .text_content p { font-size: 0.84vw; line-height: 1.15vw; }
.testimonial_user .t_img { width: 2.84vw !important; height: 2.84vw !important; margin-right: 0.68vw !important; }
.testimonial_user .t_name { font-size: 0.94vw !important; line-height: 1.15vw !important; }
.testimonial_user .t_post { font-size: 0.84vw !important; line-height: 1.15vw !important; }
.subscriptions_page .testimonial_slider { padding: 0px 5.26vw; }
.testimonial_slider .slick-custom-arrow  { min-width: 2.73vw; height: 2.73vw; }


.subscriptions_page .faqs_section { padding: 2.63vw 7.89vw !important; }
.subscriptions_page .faq_heading { font-size: 2.63vw !important; line-height: 3vw; }

.subscriptions_page .hfb_content .hfbc_title { font-size: 1.57vw !important; line-height: 1.94vw !important; margin-bottom: 0.78vw !important; }
.subscriptions_page .hfb_content .hfbc_text { font-size: 1.15vw !important; line-height: 1.52vw !important; margin-bottom: 3.89vw !important; }
.subscriptions_page .hfb_content .readmore_btn { width: 12.84vw; border-radius: 0.63vw !important; font-size: 1.15vw !important; line-height: 1.10vw !important; padding: 1.05vw !important; }

.subscriptions_page .hfb_question_block { max-width: 39.21vw !important; }
.subscriptions_page .hfb_question_block .accordion-button { font-size: 1.15vw; line-height: 1.57vw; }
.subscriptions_page .hfb_question_block .accordion-header .accordion-button { min-height: 3.10vw; border-radius: 0.42vw !important; padding: 0.78vw; padding-left: 3.89vw; }
.subscriptions_page .hfb_question_block .accordion-item { padding-bottom: 1.47vw !important; }
.subscriptions_page .hfb_question_block .accordion-body { padding: 0.68vw 1.05vw 0px 3.89vw !important; }
.subscriptions_page .hfb_question_block .accordion-body p { font-size: 0.84vw; line-height: 1.42vw;}
.subscriptions_page .hfb_question_block .accordion-button::after { left: 1.57vw; line-height: 0.73vw; font-size: 0.84vw; }






}

@media (min-width: 2100px) {

  .video_slider_block .video_section { height: 37.11vw; }

}


@media (max-width: 1199px) {

    header ul.nav li a {  font-size: 14px;}
    header ul.nav li.login_item a { width: 110px; padding: 12px;}
    header ul.nav li { margin-left: 25px;}
    .site_logo a span.site_name { max-width: 206px; padding: 10px 15px; font-size: 20px;}
    /* .site_logo a .logo { width: 70px; height: 70px;} */


    .sql_banner_content .sql_heading { font-size: 36px; letter-spacing: 2px; margin-bottom: 15px;}
    .sql_banner_content .sql_desc { font-size: 16px; letter-spacing: 3px; margin-bottom: 25px; line-height: 25px; }
    .sql_banner_content .btn-row .common-button { font-size: 14px; width: 420px; }
    .sql_banner_content .no_text { font-size: 14px;   letter-spacing: 3px;}
    .sql_screen_block { height: 530px; padding: 25px;}
    .testimonials_section {padding: 25px 15px;}
    .test_card { padding: 20px 10px; }
    .testimonial_user .t_img { width: 58px; height: 58px; margin-right: 12px;}
    .test_card .text_content { margin-bottom: 25px; padding: 0px 12px; }
    .interviews_section { padding: 45px 15px;}
    .interview_video { max-width: 510px; height: 350px;}
  /*   .interview_video video{ max-width: 510px; height: 350px;} */
    .interview_content_block .inter_heading {font-size: 22px; line-height: 30px; letter-spacing: 2px; }
    .interview_content_block .inter_desc { font-size: 16px; line-height: 23px; letter-spacing: 3px;}
    .interview_video .watch_btn { width: 140px; height: 44px; font-size: 14px;}
    .feature_content .fea_heading { font-size: 16px; line-height: 19px; letter-spacing: 2px; margin-bottom: 12px;}
    .feature_content .fea_desc { font-size: 16px; line-height: 20px; letter-spacing: 3px;}
   /*  .core_features_block .feature_img { width: 290px; height: 290px; } */
   /*  .feature_content { padding: 30px 45px;} */
/*     .feature_block_left_content .feature_img {margin-left: 25px;} */
    .advantages_section { padding: 35px 15px;}
    /* .advantage_inner_card {  padding: 60px 15px 25px;} */

    .testimonial_user .t_name { font-size: 16px; line-height: 20px;}

    .advantage_inner_card .adv_icon { /* top: -35px; */ width: 75px; height: 75px;}
    .advantage_inner_card .adv_icon img { width: 48px; height: 48px;}

    .advantage_inner_card .adv_content .adv_title {font-size: 16px; letter-spacing: 3px; margin-bottom: 16px;}
    .advantage_inner_card .adv_content .adv_desc { font-size: 14px; line-height: 23px;}
    .advantage_blocks { padding-top: 25px;}
    .interactive_section .inter_heading { font-size: 28px; line-height: 32px; letter-spacing: 2px; margin-bottom: 25px;}
    .adv_heading { font-size: 28px; line-height: 34px; letter-spacing: 2px; margin-bottom: 25px;}
    .interactive_table table th {  font-size: 14px;  padding: 10px 25px;}
    .interactive_section { min-height: 50vh; padding: 32px 15px;}
    .pricing_content_block .pricing_title { font-size: 28px; line-height: 32px; letter-spacing: 2px; margin-bottom: 15px;}
    .pricing_content_block .pricing_desc {font-size: 14px; line-height: 20px; letter-spacing: 2px;}
    .pricing_content_block .pricing_img {  max-width: 500px;height: 365px;}
    .pricing_section { background-size: 400px; }
    .pricing_content_block { max-width: 500px;}
    .que_info { width: 180px; font-size: 14px; line-height: 28px;}
    .pcb_content .pc_type { font-size: 18px; line-height: 26px;}
    .pcb_content .pc_amount { font-size: 18px; line-height: 26px;}
    .pcb_content { padding: 15px 20px 20px;}
    .Plans_benefits ul li { font-size: 14px; line-height: 24px; padding: 8px;}
    .Plans_benefits .getfree_btn { font-size: 14px; line-height: 18px; width: 150px; height: 40px; margin: 0px auto 15px; }
    .Plans_benefits .getpremium_btn { font-size: 14px; line-height: 18px; width: 150px; height: 40px; margin: 0px auto 30px; }
    .price_card_img img { width: 100px; height: 100px;}
    .price_card_img { padding: 35px 20px; }
    .advanced_price_card .price_card_img { padding: 48px 20px; height: 175px; }
    .price_card { max-width: 260px;}
    .advanced_price_card {margin-left: 15px;}
    .Plans_benefits .pb_title { margin-bottom: 12px;}
    .Plans_benefits ul { margin-bottom: 15px;}
    .faqs_section .faq_heading { font-size: 28px; line-height: 32px; margin-bottom: 28px; letter-spacing: 2px; }

    .faqs_section { padding: 30px 15px; min-height: 430px; }
    .hfb_content .hfbc_text { font-size: 16px; line-height: 24px;  margin-bottom: 20px;}
    .hfb_content .hfbc_title { font-size: 14px; line-height: 26px;  letter-spacing: 2px; margin-bottom: 15px;}
    .hfb_content .readmore_btn { font-size: 14px; line-height: 16px;}
    .hfb_question_block .accordion-button {line-height: 20px;}
    .hfb_question_block .accordion-item {padding: 20px 0px;}

   /*  .home_about_section {  min-height: 520px;} */
    .hfb_question_block {max-width: 610px;}
    .home_about_section .has_heading {font-size: 28px; line-height: 35px; margin-bottom: 15px;}
    .home_about_section .has_desc { font-size: 16px; line-height: 25px; margin-bottom: 22px;}
    .home_about_section .learn_more_btn {font-size: 14px; line-height: 19px; }
    .home_about_section .has_img {  height: 520px;}
    footer .footer_nav li { margin: 0px 15px;}
    footer .footer_nav li a { font-size: 14px; line-height: 22px;}
    footer .copy_right_text { font-size: 12px; line-height: 15px;}
    footer .social_icons li a {width: 20px;   height: 20px;}
    footer { padding: 20px 15px;}

    .sql_banner_content .sql_heading { font-size: 28px; margin-bottom: 15px; line-height: 42px;}
    .about_banner_section .sql_banner_content .sql_desc { font-size: 26px; line-height: 38px; margin-bottom: 10px; max-width: 485px; letter-spacing: 2px; }

    .our_story_section { padding-top: 140px;}
    .our_story_section .story_content .story_title { font-size: 16px; line-height: 21px; letter-spacing: 2px; margin-bottom: 20px;}
    .our_story_section .story_content .story_desc { font-size: 32px; line-height: 46px; letter-spacing: 2px; }
    .our_story_section .story_content { padding: 10px 15px 35px;}
    .our_story_section .story_img { height: 700px;}
    .our_value_section { padding: 35px 15px 20px;}
    .our_value_section .heading_block .value_title { font-size: 16px;  line-height: 21px; letter-spacing: 2px; margin-bottom: 20px;}
    .our_value_section .heading_block .value_desc { font-size: 24px; line-height: 32px; letter-spacing: 3px;}
    .values_blocks .value_box .vb_title { font-size: 32px; line-height: 42px; letter-spacing: 2px;  margin-bottom: 15px;}
    .values_blocks .value_box .vb_desc {font-size: 16px; line-height: 22px; letter-spacing: 2px;}

    .our_value_section .heading_block { max-width: 840px; margin-bottom: 30px;}
    .values_blocks .value_box { max-width: 480px; padding: 0px 10px; margin: 0px 0px 40px;}

    .team_heading_block .team_title { font-size: 16px; line-height: 21px; letter-spacing: 2px; margin-bottom: 20px;}
    .team_heading_block .thb_desc { font-size: 24px; line-height: 36px; letter-spacing: 2px;}
    .teams_card_block .teams-card .t_member_img {height: 340px;}
    .teams_card_block .teams-card {  max-width: 340px;}

    .teams_card_block .teams-card .tc_body .tc_title {font-size: 18px; margin-bottom: 7px;}
    .teams_card_block .teams-card .tc_body .tc_desc {font-size: 14px; line-height: 24px;}

    .faq_page { padding-top: 115px; padding-bottom: 60px;}
    .faq_page .hfb_question_block .accordion-item { padding: 24px 8px; }
    .contact_content .page_title { font-size: 32px;line-height: 42px; letter-spacing: 2px; margin-bottom: 10px;}
    .contact_content .ctext {   font-size: 22px;  line-height: 32px; letter-spacing: 2px;}
    .common_static_bg { padding: 120px 15px 50px;}
    .contact_form_block .form-group label {  font-size: 16px; line-height: 28px; letter-spacing: 2px; margin-bottom: 0px;}
    .contact_form_block .form-group { padding: 20px; margin-bottom: 20px; }
    .contact_form_block .form-group .form-control { padding: 10px 0px;}
    .contact_us_page .submit-btn { max-width: 140px;  height: 50px; font-size: 14px; line-height: 33px;}
    .tapp_content_block .heading_row .page_title {font-size: 32px; line-height: 42px; letter-spacing: 2px;}
    .tapp_content_block .heading_row .date_box { max-width: 260px; height: 40px; font-size: 14px;}
    .terms_privacy_block .tpb_box .tpb_title { font-size: 16px; line-height: 21px; letter-spacing: 2px; margin-bottom: 12px; }
    .tapp_content_block { max-width: 980px;}

    .common_static_bg.authpages {padding-top: 120px; padding-bottom: 50px; min-height: 100vh; }
    .auth-btn { width: 170px; height: 50px;font-size: 14px; line-height: 33px;}
    .change_plan_btn { margin-bottom: -25px;}
    .auth_heading_block .ahb_title { font-size: 24px; letter-spacing: 2px;}
    .auth_heading_block .other_page_link { font-size: 14px; letter-spacing: 2px;}
    .auth_form_block { max-width: 630px; padding: 25px 25px;}
    .auth_heading_block {margin-bottom: 15px;}
    .your_plan_block .ypb_title { font-size: 26px; line-height: 32px; letter-spacing: 2px; margin-bottom: 24px;}

    .acb_box .auth_logo { width: 220px; height: 220px;}
    .acb_box .acb_title { font-size: 26px; line-height: 32px; letter-spacing: 2px;}
    .acb_box .acb_text {  font-size: 18px; line-height: 28px; letter-spacing: 2px;}
    .acb_box { max-width: 350px;}
    .forgot_text { letter-spacing: 2px; }

    .signup_plan_page.common_static_bg.authpages { display: block; }
    .signup_plan_page .acb_box { max-width: 100%;  margin-bottom: 25px;}
    .signup_plan_page .auth_form_block {   max-width: 100%;}
    
    .subscriptions_page .pricing_content_block {  max-width: 395px;}
    .subscriptions_page .advanced_price_card .price_card_img {height: 185px;}
    .choose_your_plan span + span {padding-left: 2px;}
    .after_login_content {padding: 20px;}
    .after_login_content .alc_heading { font-size: 28px; line-height: 36px; letter-spacing: 2px;}
    .subscriptions_page.common_static_bg {padding-top: 110px; padding-bottom: 30px;}

    .account_setting_page .after_login_content .alc_heading {margin-bottom: 25px;}
    .user_profile_block { height: 160px; margin-bottom: 60px; padding-top: 15px;}
    .user_profile_block .user_img { width: 180px; height: 180px; border: 10px solid #AE62FF;}
    .your_selected_plan .ypb_title { font-size: 20px; letter-spacing: 2px; padding: 5px; }
    .user_profile_block .user_img .upload_img { width: 46px; height: 46px; bottom: -4px; right: -4px; padding: 6px;}


    .di_que_title { font-size: 26px; line-height: 32px; letter-spacing: 2px; margin-bottom: 50px; }
    .dque_box .que-row .que_label { font-size: 16px; line-height: 21px; letter-spacing: 2px; margin-bottom: 15px;}
    .dque_box .dque_img { width: 110px; height: 110px; border: 8px solid #9C56E7; top: -40px;}
    .dque_box .que-row { padding: 20px 30px 20px 120px; }
    .diagnostic_que { max-width: 740px;}
    #progressbar { max-width: 740px; margin: 35px auto 0px; }
    [type="radio"]:checked + label, [type="radio"]:not(:checked) + label {font-size: 14px;}

    .equestion-block { padding: 20px;  display: block;}
    .eqlb_top_row .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 12px;}
    .eqlb_top_row .form-control { font-size: 12px;}
    
    .equestion_right_block { padding-left: 0px; padding-top: 40px; display: flex; flex-wrap: wrap;}
    .eqrb_content_block { width: 48%; border-radius: 20px; margin: 0px auto 15px; display: flex;  flex-direction: column; justify-content: center; }
    .leaderboard_box { width: 100%; border-radius: 20px;}
    .view_all_btn { width: 100%; }
    .leaderboard_box + .view_all_btn a { font-size: 14px; line-height: 20px;}
    .explore_question-page { padding-top: 115px !important;}

    .leader_row .leader_title { font-size: 28px;  letter-spacing: 2px;}
   
    .leaderboard-page { padding-top: 120px !important;}

    .quetion_sections { padding: 20px 15px;}
    .quetions-page .quetion_left_side_content { width: 50%; padding: 22px;}
    .quetions-page .quetion_right_side_content { padding: 15px;}
    .quetions-page .code_btn .btn { font-size: 14px; line-height: 20px;}
    .quetions-page { padding-top: 110px !important;}
    .quetions-page .output_block { padding: 16px;}
    .quetions-page .comment_top_row { padding: 5px 18px;}
    .quetions-page .comment-body { padding: 10px 15px;}
    .quetions-page .code_window .code_text { font-size: 14px;}


    .crcb_inner_block .video_thumb { height: 210px;}
    .crcb_inner_block .video_center { width: 220px; height: 125px; }
    .crcb_inner_block .crcb_body h1 {font-size: 16px; line-height: 24px;}
    .crcb_inner_block .crcb_body { min-height: 80px;}
    .classroom_page { padding-top: 110px !important;}

    .classroom_detail_page .classroom_block { padding-top: 18px; }
    .video_slider_block .video_que { font-size: 20px; line-height: 26px; margin-bottom: 10px;}
    .video_list_block { max-width: 320px; /* height: 590px; */ }
    .video_list_block ul li a { padding: 15px; }
    .classroom_detail_page .classroom_top_block { margin-bottom: 18px; padding: 0px 15px; }
    .video_slider_block .video_section { height: 457px; margin-bottom: 20px; }
    .video_slider_block .video_btn_block button { width: 40px; height: 40px;}

    .classroom_detail_page { padding-top: 110px !important;}
    .classroom_detail_page .classroom_top_block .class_title { width: 80%;}

    .pricing_section { min-height: 338px;}
    .pricing_section .started_btn { min-width: 185px; padding: 12px; font-size: 14px;}
    
    .core_features_block .feature_img img { border-radius: 10px;}
    .core_features_block .feature_img { padding: 45px 30px 30px 30px; height: 325px;}
    .core_features_block .feature_block::before { border-right: 2px dashed #E7CEFF;}

    .subscriptions_page .sub_desc {font-size: 16px; letter-spacing: 2px; line-height: 24px; }
    .plan_block .mypb_top .my-text { font-size: 22px !important;}
    .plan_block .plan_desc {font-size: 14px !important; margin-bottom: 15px;}
    .plan_block .per_month_amount {font-size: 36px !important;}
    .plan_block .per_month_amount span { font-size: 16px; letter-spacing: 2px;}
    .plan_block .per_year_amount span { font-size: 16px;  letter-spacing: 2px;}
    .plan_block .per_year_amount {font-size: 24px; letter-spacing: 2px;}
    .plan_block .per_month_amount { font-size: 36px; letter-spacing: 2px;}
    .plan_block .plan_list_block .plans { padding: 25px; margin: 0px 15px;}
    .benefits_block .bb_content .bb_title { font-size: 16px; letter-spacing: 2px;}
    .benefits_block .bb_content .bb_desc { font-size: 16px; letter-spacing: 2px; }
    .benefits_block .benefit_box .icon { width: 36px; height: 36px;}
    .testimonials_block .tes_heading { font-size: 28px; letter-spacing: 2px; }
    .benefits_block { padding: 35px 30px 0px;}
    .plan_block .plan_list_block .plans { max-width: 450px;}
    .plan_block .cplan { font-size: 14px;}
    .plan_block .btn_sub .sub_btn { min-width: 170px; }


    .subscriptions_page .plan_block .alc_heading { font-size: 38px; line-height: 52px;}
    .plan_block .btn_sub .sub_btn { max-width: 180px; height: 54px; border-radius: 12px !important; font-size: 18px !important;}
    .plan_block .cplan { font-size: 14px !important; margin-top: 6px !important;}
    .benefits_block .bb_content .bb_desc { font-size: 14px !important;}
    .subscriptions_page .testimonial_slider { padding: 0px 10px;}
    .test_card .text_content p {font-size: 14px; line-height: 20px; }
    .testimonials_section .test_card { padding: 18px !important; }    
    .testimonial_user .t_name { font-size: 16px !important;}
    .testimonial_user .t_post { font-size: 14px !important; }

    .subscriptions_page  .faq_heading { font-size: 32px !important; line-height: unset;}
    .subscriptions_page  .faqs_section { padding: 30px 30px !important;}
    .subscriptions_page  .hfb_content .hfbc_title { font-size: 20px !important;}
    .subscriptions_page  .hfb_content .hfbc_text {font-size: 16px !important; line-height: 24px !important; margin-bottom: 40px !important;}
    .subscriptions_page  .hfb_content { max-width: 300px; padding-left: 0px;}
    .subscriptions_page .hfb_question_block .accordion-header .accordion-button { min-height: 52px; padding: 12px; padding-left: 50px;}
    .subscriptions_page .hfb_question_block .accordion-button::after { left: 22px; }
    .subscriptions_page .hfb_question_block .accordion-body { padding: 11px 20px 0px 50px !important;}
    .subscriptions_page .hfb_question_block .accordion-item { padding-bottom: 15px !important;}
    .subscriptions_page .hfb_content .readmore_btn { border-radius: 12px !important; font-size: 16px !important; line-height: 19px !important; padding: 12px !important;}




}

@media (max-width: 991px) {

  .contact_us_page { display: block; min-height: 85vh; }
  .contact_content { width: 100%;}
  .contact_form_block {margin-top: 20px; width: 100%; }
  .account_form_block { margin-top: 30px; margin-bottom: 20px; }
  .contact_content::before { display: none; }
  .site_logo a span.site_name { max-width: 185px; line-height: 23px; padding: 10px 12px; font-size: 16px;}
  .site_logo a .logo { width: 130px; height: 45px; }
  header ul.nav li { margin-left: 15px;}
  header ul.nav li.login_item a { width: 90px; padding: 8px;}
  .contact_form_block .form-group label { line-height: 24px;} 
  .contact_us_page .submit-btn {max-width: 120px; height: 44px; font-size: 14px; line-height: 28px;}

  .about_banner_section .sql_banner_content .sql_desc { font-size: 20px; line-height: 31px; max-width: 320px;}
  .about_banner_img { height: 320px; margin-bottom: -70px;}
  .our_story_section { padding-top: 100px; }
  .our_story_section .story_content .story_desc { font-size: 24px; line-height: 34px;}
  .our_story_section .story_img {height: 526px;}
  .our_value_section .heading_block .value_desc { font-size: 20px; line-height: 26px; letter-spacing: 2px;}

  .values_blocks .value_box .vb_title {  font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .values_blocks .value_box { max-width: 360px; margin: 0px 0px 30px; }   
  .meet_the_teams_section { padding: 35px 15px;}
  .team_heading_block .thb_desc { font-size: 20px; line-height: 30px;}

  .teams_card_block .teams-card { max-width: 240px; }
  .teams_card_block .teams-card .t_member_img { height: 240px;}
  .teams_card_block .teams-card .tc_body { padding: 10px;}
  .teams_card_block .teams-card .tc_body .tc_title {font-size: 16px; margin-bottom: 5px;}
  .team_heading_block { margin-bottom: 25px;}
  .team_heading_block .team_title { margin-bottom: 14px;}

  .home_about_section .hconetnt_box { max-width: 60%;}

  footer .site_logo a .logo { margin: 0px auto; }

  
  .pricing_section { padding: 35px 15px; /* display: block;  */}
  .pricing_content_block {padding-top: 0px; max-width: 100%; padding-right: 0px;}
  .pricing_content_block .pricing_img {max-width: 330px; height: 250px; margin-top: 0px; }

  .banner_content_block { display: block; padding-top: 10px;}
  .sql_banner_content { padding-right: 0px; margin-bottom: 20px;}
  .interviews_section { padding: 30px 15px; display: block; }
  .interview_video { height: 350px; margin-bottom: 40px; max-width: 100%; }
  /* .interview_video video{ height: 350px; margin-bottom: 40px; max-width: 100%; } */
  /* .core_features_block .feature_img { width: 240px; height: 240px; } */
  .feature_content .fea_desc { font-size: 14px; line-height: 18px; letter-spacing: 2px;}
  /* .feature_block_left_content .feature_img { margin-left: 15px; } */
  .interview_content_block { padding-left: 0;}
  .advantages_section { padding: 30px 15px;}
  .advantage_inner_card .adv_icon img {width: 40px; height: 40px;}
  .advantage_inner_card .adv_icon { /* top: -30px; */ width: 60px; height: 60px;}
  .interview_content_block .inter_desc { font-size: 14px; letter-spacing: 2px;}
  .sql_banner_content .sql_desc { font-size: 14px; margin-bottom: 20px; line-height: 20px;}
  .advantage_inner_card .adv_content .adv_title { letter-spacing: 2px; margin-bottom: 10px; padding-left: 32px; }
  .interactive_section { padding: 28px 15px;}
  .home_about_section .has_desc { font-size: 14px; line-height: 21px; margin-bottom: 20px;}

/*   .advantage_inner_card {padding: 45px 10px 20px;} */
  .hfb_content .readmore_btn { padding: 12px;}

  footer {  flex-wrap: wrap;}
  footer .site_logo { width: 188px; display: block; margin: 0px auto 20px;  }
  footer .middle_block { order: 3; width: 100%;}
  footer .footer_nav { justify-content: center; }
  footer .social_links { margin: 0px auto 0px; order: 2; max-width: 100%; }
  footer .social_icons {  justify-content: center; }

  .tapp_content_block .heading_row .page_title { font-size: 28px; line-height: 38px;}
  .contact_content .page_title { font-size: 28px; line-height: 38px;}
  .contact_content .ctext { font-size: 18px; line-height: 28px;}

  .code-box { width: 100%; flex: 1;}

  /*  */

.nav_open { background: transparent !important; border: none !important; box-shadow: none !important; font-size: 24px; padding: 0px; color: #fff; }
.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; display: block; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover { color: #f1f1f1;}
.sidenav .closebtn { position: absolute; top: 0; right: 10px; font-size: 30px; margin-left: 0; padding: 0;}
header ul.nav li { margin-left: 0;}
header ul.nav li.login_item a { margin: 8px auto 0px;}


.common_static_bg.authpages {padding-top: 100px; padding-bottom: 30px; display: block; }
.your_plan_block .ypb_title { font-size: 24px; line-height: 28px; margin-bottom: 20px; text-align: center;}
.your_plan_block .price_card { margin: 0px auto 50px !important;}
.auth_form_block {margin: 0px auto;}
.auth_heading_block .ahb_title { font-size: 20px; letter-spacing: 2px;}
.acb_box { max-width: 100%; margin-bottom: 30px;}
.acb_box .acb_title { font-size: 24px; line-height: 30px; text-align: center;}
.acb_box .acb_text { font-size: 16px; line-height: 24px; text-align: center;}
.acb_box .auth_logo { width: 180px; height: 180px;}
.auth-btn {width: 162px; height: 44px; font-size: 14px; line-height: 28px;}


.signup_plan_page .price_card {max-width: 240px;}
.signup_plan_page .auth_form_block { background-size: 280px;}

.after_login_content .subscriptions_block { display: block;}
.after_login_content .alc_heading { margin-bottom: 10px; }
.subscriptions_page .pricing_content_block { max-width: 100%;}
.choose_your_plan span { font-size: 12px; line-height: 25px;}
.choose_your_plan { bottom: -50px;}
.subscriptions_page .price_card {max-width: 245px;}

.user_profile_block { margin: 10px auto 60px; }
.your_selected_plan { margin: 0px auto; }
.account_setting_page .after_login_content .alc_heading {margin-bottom: 10px;}
.account_setting_page.common_static_bg { padding-top: 100px; padding-bottom: 30px;}
.user_profile_block, .your_selected_plan { max-width: 430px;}

.eqlb_top_row {flex-wrap: wrap;}
.eqlb_top_row .eqlb_title { width: 100%;  margin: 0 0px 20px; order: 1; }
.eqlb_top_row .search-user { order: 3; }
.eqlb_top_row  .select_que { order: 2; margin-bottom: 10px; }
.eqrb_content_block h1 {  font-size: 18px;}

.leaderboard-page {padding-top: 100px !important;}

.quetions-page .nav-tabs .nav-link {min-width: 150px;font-size: 16px;}
.quetions-page .quetion_table_block {display: block;}
.quetions-page .quetion_left_side_content {width: 100%; padding: 18px; border-right: 0; border-bottom: 2px solid #1F0D2F; height: 760px; }
.quetions-page .question-video { margin-bottom: 24px;  }
.quetions-page .quetion_right_side_content { width: 100%; padding: 15px; height: 800px; }
.quetions-page .quetion_table_block { height: auto;}
.quetions-page .code_window {height: 88%;}
.quetions-page { padding-top: 100px !important;}
.quetions-page .sucsses-content { min-height: auto;}
.quetions-page .quetion_left_side_content .ctt_title {font-size: 22px;}

.video_list_block ul li a { font-size: 12px; font-weight: 500; padding: 12px; }
.video_list_block { max-width: 280px;/*  height: 450px; */}
.video_slider_block .video_section {height: 277px;}
.video_slider_block .video_btn_block button { width: 32px; height: 32px;}
.video_slider_block .video_btn_block button img { width: 16px; height: 16px;}
.video_list_block ul li a img { margin-right: 5px;}
.classroom_detail_page .back_btn { font-size: 12px;}

.video_description {font-size: 12px;}
.pricing_section .started_btn {min-width: 165px;padding: 10px;}
.pricing_section { min-height: 280px;}

.core_features_block .count {min-width: 40px; height: 40px; padding: 10px; font-size: 16px; margin: auto 20px;}
.core_features_section { padding: 30px 15px;}
.core_features_block .feature_img { padding: 33px 20px 22px 20px; height: 230px;}
.core_features_block .feature_block { margin-bottom: 20px;}

.table_div .ttitle {font-size: 16px; letter-spacing: 2px;}
.table_div td {font-size: 14px; line-height: 26px;}
.table_div .logotable { width: 120px; height: 30px;}

.subscriptions_page .sub_desc {font-size: 14px;}
.plan_block .plan_list_block .plans {padding: 20px;}
.plan_block .mypb_top .my-text {font-size: 20px; letter-spacing: 2px;}
.plan_block .plan_desc { font-size: 14px; margin-bottom: 10px; letter-spacing: 2px;}
.plan_block .per_month_amount {font-size: 36px;}
.plan_block .per_month_amount span {font-size: 14px;}
.plan_block .per_year_amount span {font-size: 14px;}
.plan_block .btn_sub .sub_btn { min-width: 140px; font-size: 14px; padding: 8px;}
.plan_block .btn_sub { padding-top: 20px; }
.plan_block .cplan {margin-top: 15px;}
.benefits_block .bb_content .bb_title { font-size: 14px;}
.benefits_block .benefit_box .icon { width: 32px; height: 32px;}
.benefits_block .bb_content .bb_desc {font-size: 14px;}
.benefits_block { padding: 35px 15px 0px;}
.subscriptions_page.common_static_bg {padding-top: 90px;}



  .subscriptions_page .plan_block .alc_heading { font-size: 32px; line-height: 44px;}
  .plan_block .mypb_top .my-text { font-size: 20px !important;}
  .plan_block .m_icon { margin: 0px auto 18px !important;}
  .plan_block .btn_sub .sub_btn { max-width: 162px; height: 48px; border-radius: 12px !important; font-size: 16px !important;}
  .faq_heading { font-size: 28px !important;}
  .home_faq_block { display: block;}
  .hfb_content { margin-bottom: 20px;}
  .subscriptions_page .testimonial_slider { padding: 0px 0px;}

  .home_faq_block .hfb_question_block { max-width: 100%; }
  .home_faq_block .hfb_content { margin-bottom: 20px; margin-top: 30px; margin-left: 0; }

}

@media (max-width: 767px) {

  header { padding: 10px 10px;}

  .fixed-header { display: none !important; }
  .sql_banner_content .sql_heading { font-size: 24px; margin-bottom: 10px; line-height: 35px;}
  .sql_banner_content .btn-row .common-button { font-size: 12px; max-width: 360px; width: 100%; padding: 10px; }
  .sql_banner_content .no_text { font-size: 12px; letter-spacing: 2px;}
  .code-box { font-size: 12px;}
  .line-numbers { font-size: 12px;}
  .banner_section { padding: 90px 15px 30px; }
  .sql_screen_block { height: 520px; padding: 20px;}
  .interview_content_block .inter_heading { font-size: 20px; line-height: 27px; margin-bottom: 10px;  }
  .interview_content_block .inter_desc { margin-bottom: 0px !important;}
 /*  .core_features_section { padding: 30px 15px; } */
/*   .core_features_block .feature_img { width: 200px; height: 200px;} */
  /* .feature_block_left_content .feature_img { margin-left: 10px; } */
  .feature_content .fea_heading { margin-bottom: 8px;}
  /* .feature_content {padding: 20px 30px;} */
  .core_features_block .feature_block { margin-bottom: 20px;}
  .adv_heading { font-size: 24px; line-height: 30px; margin-bottom: 20px;}
  .advantage_outer_card { padding-bottom: 40px;}
  .advantages_section { padding: 30px 15px 0px;}
  .interactive_section .inter_heading {font-size: 24px; line-height: 30px; margin-bottom: 20px;}
  .interactive_table table th { font-size: 14px; padding: 10px 15px;}
  .interactive_table table td { padding: 5px 15px;}
  .pricing_content_block .pricing_title { font-size: 24px; line-height: 30px; margin-bottom: 10px;}
  .pcb_content .pc_type { font-size: 16px; line-height: 24px;}
  .pcb_content .pc_amount { font-size: 16px; line-height: 24px;}
  .que_info { width: 168px;}
  .price_card { max-width: 230px;}
  .faqs_section .faq_heading { font-size: 24px; line-height: 30px; margin-bottom: 25px;}
  .hfb_content { max-width: 250px;}
  .hfb_question_block .accordion-item { padding: 15px 0px;}
  .home_about_section .has_heading { font-size: 24px; line-height: 32px; margin-bottom: 10px;}
  /* .home_about_section .has_content_block { padding: 20px 15px; } */
  
  /* .home_about_section { min-height: 400px; } */
  .home_about_section .has_img { height: 400px;}

  .about_banner_section .sql_banner_content .sql_desc {font-size: 16px; line-height: 26px; max-width: 290px;}
  .about_banner_img { height: 260px;}
  .our_story_section {padding-top: 75px;}
  .our_story_section .story_content .story_title {margin-bottom: 12px;}
  .our_story_section .story_content .story_desc { font-size: 14px; line-height: 23px; }
  .our_story_section .story_content { padding: 10px 15px 25px;}
  .our_story_section .story_img { height: 475px;}
  .our_value_section { padding: 25px 15px 20px;}
  .our_value_section .heading_block .value_desc { font-size: 14px; line-height: 23px;}
  .our_value_section .heading_block .value_title { font-size: 16px; margin-bottom: 12px;}
  .values_blocks .value_box .vb_title { font-size: 20px; line-height: 26px;}
  .values_blocks .value_box .vb_desc { font-size: 14px; line-height: 20px;}
  .our_value_section .heading_block { margin-bottom: 25px;}
  .values_blocks .value_box { max-width: 50%; margin: 0px 0px 20px;}
  .meet_the_teams_section { padding: 25px 15px;}
  .team_heading_block .thb_desc { font-size: 14px; line-height: 24px;}
  .teams_card_block .teams-card .tc_body .tc_desc { font-size: 12px; line-height: 20px;}
  .teams_card_block .teams-card .t_member_img { height: 222px;}

  .faq_page .hfb_question_block .accordion-item { padding: 20px 8px;}
  .common_static_bg {padding: 110px 15px 31px;}
  .contact_content .page_title {font-size: 24px; line-height: 32px;}
  .contact_content .ctext {font-size: 16px; line-height: 26px;}
  .contact_form_block .form-group label { line-height: 18px; font-size: 14px;}
  .contact_form_block .form-group .form-control { font-size: 12px; letter-spacing: 2px;}

  .tapp_content_block .heading_row .page_title { font-size: 24px; line-height: 30px;}
  .tapp_content_block .heading_row .date_box { max-width: 240px; height: 36px; font-size: 12px;}
  .terms_privacy_block .tpb_box .tpb_title { margin-bottom: 10px;}


  .interactive_table .table { width: 700px; }

  #chatbot-chat{bottom: 0px !important;}


  .acb_box .auth_logo { width: 130px; height: 130px;}
  .acb_box .acb_title { font-size: 20px;}
  .acb_box .acb_text { font-size: 14px;line-height: 21px;}


  .signup_plan_page .price_card { max-width: 220px;}
  .signup_plan_page .auth_form_block {padding: 12px;}
  .price_card_img { background-position: center left;}

  .after_login_content .alc_heading { font-size: 24px; line-height: 30px;}
  .after_login_content .Plans_benefits ul.pb_outer_list { left: -65%;}
  .subscriptions_page .price_card { margin-bottom: 60px;}
  .subscriptions_page.common_static_bg { padding-top: 90px;}

  .account_setting_page .price_card {  max-width: 280px; }
  .account_setting_page .after_login_content .alc_heading { margin-bottom: 0px;}

  .diagnostic_questions_page.common_static_bg { padding-top: 100px;}

  #progressbar li::after { height: 12px;}

  .leaderboard_box .lb_title {font-size: 18px;}

  .leader_row .leader_img { width: 60px; height: 60px; margin-right: 10px;  }
  .leader_row { justify-content: unset;}
  .leader_row .leader_count { margin-left: auto;}
  .leaderboard-block { padding: 6px 18px 40px;}
  .leader_row .leader_title { font-size: 26px;}

  .leaderboard_table.interactive_table .table {  width: 100%;  }
  .quetions-page .resizer{display: none;}
  .quetions-page .outputresizer{display: none;}

  .classroom_block { padding: 20px 15px;}
  .classroom_page { padding-top: 95px !important;}
  .classroom_top_block .search-room .form-control { padding: 8px; }
  .classroom_top_block .search-room { max-width: 210px;}
  .classroom_top_block .class_title { padding-left: 210px; }

  .video_list_block { max-width: 250px; /* height: 400px; */ }
  .video_slider_block .video_section { height: 245px;}
  .classroom_detail_page .classroom_top_block { padding: 0px 15px;}

  .classroom_detail_page { padding-top: 95px !important;}

  .core_features_block .count { min-width: 30px; height: 30px; padding: 4px; font-size: 14px; margin: auto 10px;}
  .core_features_block .feature_img {height: 215px;}
  .other_platform_block .platform_block { border-radius: 10px; padding: 10px;}
  .table_div .ttitle { font-size: 14px; letter-spacing: 0px;}
  .table_div .logotable { width: 95px; height: 20px;}
  .table_div td .t-icon { width: 20px; height: 20px;}
  .table_div td { font-size: 12px; line-height: 20px;}


  .benefits_block { padding: 30px 0px 0px;}

  .subscriptions_page .plan_block .alc_heading { font-size: 26px; line-height: 37px;}
  .plan_block .mypb_top { padding: 15px 20px;}
  .plan_block .per_month_amount { font-size: 30px !important;}
  .testimonials_block .tes_heading { font-size: 26px; line-height: unset;}
  .faq_heading { font-size: 24px !important;}
  .hfb_content .hfbc_text {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 28px !important;
  }


}

@media (max-width: 700px) {

}

.mobile_video_nav { display: none; }

@media (max-width: 600px) {

.interview_video {height: 240px;}
.core_features_block .feature_block { flex-wrap: wrap;}
.core_features_block .feature_img {width: 100%;height: 220px;}
.feature_content {margin-top: 15px;}
.feature_block_left_content .feature_img { order: 1;  }
.feature_block_left_content .feature_content { order: 2; }
/* .pricing_card_block { display: block;} */
.price_card { max-width: 230px; margin-left: auto;}
.Plans_benefits ul.pb_outer_list { left: -50%; width: fit-content; z-index: 0;}
.home_faq_block {display: block;}
/* .hfb_content { max-width: 250px; margin: 30px auto 0px; padding: 0px;} */
.home_about_section {display: block;}
.home_about_section .has_content_block {width: 100%;}
.home_about_section .has_img {width: 100%;}
footer .footer_nav { display: block; text-align: center; }
footer .footer_nav li { margin: 12px 0px;}
.home_about_section .has_content_block { padding: 30px 15px;}
.Plans_benefits ul li {text-align: right;}
.feature_content {width: 100%;}
.banner_bottom_block {display: block;}
.about_banner_section .sql_banner_content .sql_desc { max-width: 100%; margin-bottom: 15px; }
.about_banner_img { padding-left: 0px; }
.our_story_section .story_content .story_title { margin-bottom: 8px;}
.our_story_section .story_img {height: 260px;}
.our_value_section .heading_block .value_title { margin-bottom: 8px;}
.our_value_section .heading_block { margin-bottom: 20px;}
.values_blocks .value_box { max-width: 100%; background-size: 60%; }
.values_blocks .value_box .vb_title { font-size: 18px; line-height: 24px;}
.teams_card_block .teams-card { max-width: 240px; margin-bottom: 20px;}
.pricing_section { padding: 25px 15px;}
.tapp_content_block .heading_row { display: block; margin-bottom: 20px;}
.tapp_content_block .heading_row .date_box { margin-top: 12px;}
.teams_and_privacy_pages { padding-top: 100px; }

.signup_plan_page .price_card { max-width: 230px;}

.after_login_content .Plans_benefits ul.pb_outer_list { left: -42%;}

.diagnostic_que {padding: 20px 20px;}
.dque_box .dque_img { width: 80px; height: 80px; border: 6px solid #9C56E7; top: -30px;}
.dque_box .que-row { padding: 20px 20px 20px 85px;}
.di_que_title { font-size: 24px; line-height: 30px; margin-bottom: 45px;}



.home_about_section .has_content_block { padding: 40px 15px; }
.home_about_section .hconetnt_box { max-width: 100%;}
.auth_heading_block .other_page_link {letter-spacing: 0px;}

.equestion-block {padding: 15px;}
.eqrb_content_block {width: 100% !important;}
.eqlb_top_row .select2-container { width: 100% !important; margin-right: 0px; margin-bottom: 10px;}
.eqlb_top_row .input-group { width: 100%;}
.eqlb_top_row .search-user { width: 85%;}
.eqlb_top_row .select_que { width: 100%; display: block; }
.explore_question-page { padding-top: 100px !important;}

.leader_row {flex-wrap: wrap;}
.leader_row .leader_count {margin-left: 0;  margin-bottom: 20px !important;}

.leaderboard-page .interactive_table tr td:last-child, .leaderboard-page .interactive_table tr th:last-child { width: 130px !important;}

.quetions-page { padding-top: 90px !important;}
.quetions-page .nav-tabs .nav-link { min-width: 85px; font-size: 14px; padding: 7px; }
.quetions-page .nav-item { margin-left: 1px;}
.quetion_sections { padding: 20px 10px;}
.quetions-page .quetion_left_side_content .quetion_content p {font-size: 12px;}
.quetions-page .quetion_left_side_content .quetion_content .question_desc {font-size: 12px;}
.quetions-page .quetion_left_side_content .ctt_title { font-size: 20px;}
.quetions-page .code_window .code_title { font-size: 14px;}
.quetions-page .comment-body p {font-size: 12px; line-height: 20px;}
.quetions-page .code_window .code_text { font-size: 12px;}
.quetions-page .quetion_right_side_content { height: 700px;}
.quetions-page .code_btn .btn { padding: 7px 20px;}
.quetions-page .sucsses-content p {font-size: 12px;}
.quetions-page .question-video { height: 195px;}


.classroom_top_block { display: block; }
.classroom_top_block .class_title {padding-left: 0; text-align: center; margin-bottom: 10px; }
.classroom_top_block .search-room {max-width: 100%;}

.all_video_section { display: block;}

.classroom_detail_page .classroom_top_block { display: flex; flex-wrap: wrap; }
.classroom_detail_page .classroom_top_block .class_title { width: 100%; order: 2; }
.classroom_detail_page .back_btn { max-width: 100%; margin-bottom: 20px; }


.video_list_block { display: none;}
.video_slider_block { padding: 0px 15px 20px;}

.video_slider_block .video_que {font-size: 18px;}

.classroom_detail_page .classroom_block { position: relative; }
.classroom_detail_page .classroom_block .mobile_video_nav { cursor: pointer; display: block; position: absolute; background: #7633D6; border-radius: 8px 8px 0px 0px; width: fit-content; padding: 6px 10px; top: -30px; left: 18px; font-size: 12px; color: #fff; }
.classroom_detail_page .classroom_block .mobile_video_nav img { width: 14px; height: 14px; object-fit: contain; object-position: center;  }
.classroom_detail_page .classroom_block .mobile_video_nav img.downarrow { width: 10px; height: 10px; transform: rotate(-90deg); margin-left: 5px; }
.classroom_detail_page { padding-top: 120px !important;}

.show_list.video_list_block { display: block; max-width: 100%; padding-top: 0px; border-radius: 0; margin-bottom: 20px; transition: all 0.5s ease; }
.video_slider_block .video_section { height: 200px;}
.video_list_block { max-height: 400px; }

.core_features_block .feature_block::before { display: none !important; }
.core_features_block .count { position: absolute; top: 0; right: 0;}

.plan_block .plan_list_block { display: block;}
.plan_block .plan_list_block .plans { margin: 0 0px 20px;}
.benefits_block { padding: 20px 0px 0px;}
.benefits_block .benefit_box { margin: 0px auto 15px;}

.ai_chat_room {  max-width: 90%;}
.ai_chat_top_row .right_btns { margin-left: 30px;}

.quetion_controls { flex-wrap: wrap; }
.quetion_controls .qc_block { padding-left: 0px; order: 2; margin-top: 12px; }
.quetion_controls .qc_block button { margin: 0px 0px;}
.quetion_controls .select2-container {width: 100% !important;}


.quetions-page .code_btn { flex-wrap: wrap; }
.quetions-page .code_btn .btn { margin-bottom: 5px; }
.subscriptions_page .hfb_question_block .accordion-button {font-size: 16px;}
.faqs_section .faq_heading { margin-bottom: 19px;}

.subscriptions_page .testimonials_section .test_card {padding: 10px !important; margin: 5px; box-shadow: 0px 0px 3px 2px #0000001A;}






}

@media (max-width: 500px) {

  .testimonials_section .test_card { max-width: 100% !important; margin: 5px; }

}