/* 
Theme Name: ai-pedagogy-cloud
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Header */

/*.home .home-header { 
    position: absolute !important;
    width: 100% !important;
    background-color: transparent !important;
    z-index: 1;
}*/

/*body .home-header { 
    position: absolute !important;
    width: 100% !important;
    z-index: 1;
}
*/

/*.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1500px;
}*/


/*Header Logo*/
.page-template-default.page-id-574 .main-site-logo,
.page-template-default.page .studant-logo,
.home.page-template .studant-logo {
  display: none;
}

.page-template-default.page-id-574 .studant-logo{
  display: block;
}
.header-dashboard-btn .elementor-widget-container .elementor-shortcode a{
    display: block;
}



[type=button]:focus, [type=submit]:focus, button:focus{
  outline: none !important;
}

.header-top-bar a{
   color: #fff;
   transition: 0.3s;
   text-decoration: underline;
}
.header-top-bar a:hover{
   color: #64D99A;
}
.back_to_dashboard_btn {
    margin-bottom: 30px;
}

#view_assignment_student tbody tr td:nth-child(2), table td, table th {
    text-align: center;
}

/* List style icon */
.list-icon-top.elementor-widget .elementor-icon-list-item {
    align-items: inherit;
}

.list-icon-top .elementor-icon-list-item .elementor-icon-list-icon {
    margin-top: 6px;
}

/* Faqs */

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
}

.tab-accordion .elementor-widget-tabs .elementor-tabs-content-wrapper > .elementor-tab-content {
    padding: 0 !important;
    border: 0px !important;
}

.tab-accordion .elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}


.tab-accordion .elementor-tabs-wrapper .elementor-tab-title {
    background: #EBEFF8 !important;
    color: #000 !important;
    display: inline-flex !important;
    margin-right: 15px !important;
    padding: 10px 20px !important;
    min-width: 187px;
    justify-content: center;
    border-radius: 6px !important;
}

.tab-accordion .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
    background: #4054B2 !important;
    color: #fff !important;
}

.tab-accordion .elementor-accordion-item .elementor-tab-title {
    border-radius: 6px;
    background: #ebeff8 !important;
    padding: 24px 30px !important;
} 

.tab-accordion .elementor-accordion-item .elementor-active.elementor-tab-title {
    background: #4054b2 !important;
    color: #fff !important;
}

.tab-accordion .elementor-accordion .elementor-accordion-item {
    border: 0px !important;
    margin-bottom: 20px
}

.tab-accordion .elementor-accordion .elementor-accordion-item:last-child {
    margin-bottom: 0;
}

.tab-accordion .elementor-widget-tabs > #elementor-tab-content-1771 .elementor-tab-content {
    padding: 20px 0 0 0 !important;
}


/* Price table */
.pricing-table .elementor-price-table__header {
    border-radius: 6px;
}

.pricing-table .elementor-price-table__features-list {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pricing-table .elementor-price-table .elementor-price-table__features-list i {
    margin-right: 5px !important;
    font-size: 16px !important;
}

.pricing-table .elementor-price-table__footer {
    border-top: 1px solid #E0E0E0;
}

.pricing-table .elementor-price-table__footer .elementor-button {
    width: 100%;
}

.pricing-table .elementor-price-table__price {
    border-bottom: 1px solid #E0E0E0;
}

.pricing-table .elementor-price-table__ribbon.elementor-ribbon-right {
    right: 20px !important;
    top: 30px;
}

.pricing-table .elementor-widget-price-table .elementor-widget-container {
    overflow: hidden;
    background-color: #EBEFF8 !important;
    padding: 30px 20px;
}


.child-element {
box-shadow: 0px -5px 5px rgba(0,0,0,0.1), 0px 5px 5px rgba(0,0,0,0.1);
border-radius: 0px 10px 10px 0px;
}

/* dashboard form */
.dashboard-form .frm_chat_form_cont .frm_form_fields > fieldset{
    padding: 0 !important;
}

.dashboard-form .frm-chat-progress .frm-progress-bar > div {
    height: 6px;
    border-radius: 6px;
}

.dashboard-form .frm-chat-progress .frm-progress-bar > div:last-child {
    background: #EBEFF8;
}

.dashboard-form .frm-chat-progress .frm-progress-bar > div:first-child{
    background: #4054B2;
}

.dashboard-form .with_frm_style .frm_top_container .frm_primary_label{
    font-size: 18px;
    font-weight: 500;
    color: #323232;
}

.dashboard-form .frm_form_field.frm_capitalize input{
    background-color: #EBEFF8;
    border-radius: 6px;
    border-bottom: none;
    height: 50px;
    font-size: 16px;
    padding: 10px 20px;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .form-field input:not([type=file]):focus{
  background-color: #EBEFF8 !important;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style div.frm_description{
   display: none;
}

.dashboard-form .with_frm_style .frm_hidden_container .frm_primary_label, 
.dashboard-form .with_frm_style .frm_pos_hidden, 
.dashboard-form .frm_hidden_container .frm_primary_label{
  font-size: 18px !important;
} 

.dashboard-form .frm-chat-wrapper{
  padding:  0 !important;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_submit button{
    background: #4054B2 !important;
    color: #fff !important;
    padding: 10px 40px !important;
    border-radius: 6px !important;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm-edit-page-btn:hover, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style input[type=submit]:hover, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_submit input[type=button]:hover, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_submit button:hover{
    background: #000000 !important;
    color: #fff !important;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_submit button svg{
    display: none;
}

.dashboard-form .frm_chat_arrows a.frm_chat_arrow.frm_chat_prev_arrow{
    height: 47px !important;
    width: 47px !important;
    line-height: 47px !important;
    text-align: center;
    background: #EBEFF8 !important;
    color:#4054B2 !important;
}

.dashboard-form .frm_chat_arrow + .frm_chat_arrow{
    height: 47px !important;
    width: 47px !important;
    line-height: 47px !important;
    text-align: center;
    background: #4054B2 !important;
    color:#fff !important;
}

.dashboard-form .with_frm_style input[type=text], 
.dashboard-form .with_frm_style input[type=password], 
.dashboard-form .with_frm_style input[type=email], 
.dashboard-form .with_frm_style input[type=number], 
.dashboard-form .with_frm_style input[type=url], 
.dashboard-form .with_frm_style input[type=tel], 
.dashboard-form .with_frm_style input[type=file], 
.dashboard-form .with_frm_style input[type=search], 
.dashboard-form .with_frm_style select, 
.dashboard-form .with_frm_style .frm-card-element.StripeElement{
    background-color: #EBEFF8;
    border-radius: 6px;
    border-bottom: none;
    height: 50px;
    font-size: 16px;
    padding: 10px 20px;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .form-field input:not([type=file]):focus, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style select:focus, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style textarea:focus, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field input[type=text], 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field input[type=password], 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field input[type=email], 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field input[type=number], 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field input[type=url], 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field input[type=tel], 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field input[type=search], 
.dashboard-form .frm_form_fields_active_style, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_focus_field .frm-card-element.StripeElement, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, 
.dashboard-form .frm_style_lines-no-boxes.with_frm_style .chosen-container-active .chosen-choices{
   background-color: #EBEFF8 !important;
}
textarea{
    height: auto;
    padding: 15px 20px !important;
}

.dashboard-form .frm_form_field .frm_checkbox, 
.dashboard-form .frm_form_field .frm_checkbox + .frm_checkbox, 
.dashboard-form .frm_form_field .frm_radio, 
.dashboard-form .frm_form_field .frm_radio + .frm_radio{
  margin-bottom: 20px;
}

/*=======================*/
.elementor-190.post-86 .elementor-element.dashboard-form:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap {
    background-color: transparent;
    padding: 0;
}

.dashboard-form .frm_chat_form_cont.frm_forms.with_frm_style {
    justify-content: inherit !important;
    align-items: start;
}

.dashboard-form .frm_forms .frm_chat_form .frm_chat_start_wrapper {
    margin-top: 0;
}

.dashboard-form .frm_forms .frm-chat-wrapper .frm-key-instructions {
    font-size: 16px;
    line-height: 20px;
    color: #323232;
    text-align: left;
    margin-top: 0;
}

.dashboard-form .frm_forms .frm-chat-wrapper .frm-key-instructions .frm-instruction-key {
    font-weight: bold;
    color: #000;
}

.dashboard-form .frm_forms .frm-show-form {
    width: 100%;
}

.dashboard-form .frm_forms .frm-chat-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    align-items: center;
    flex-wrap: wrap;
}

.dashboard-form .frm_forms .frm-chat-wrapper .frm_chat_arrows .frm_chat_arrow + .frm_chat_arrow {
    margin-left: 20px;
}

.dashboard-form .frm_forms .with_frm_style .frm_chat_start_page {
    text-align: left !important;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_chat_start_page .frm_submit button {
    margin: 0;
}

.dashboard-form .dashboard-form .with_frm_style .frm_top_container .frm_primary_label {
    padding-bottom: 15px;
}

.dashboard-form .with_frm_style .frm_chat_start_page {
    text-align: left;
}

.dashboard-form .frm_hidden_container .frm_primary_label {
    padding-bottom: 15px;
}

.dashboard-form .with_frm_style .frm_top_container .frm_primary_label {
    padding-bottom: 15px;
}

.dashboard-form .with_frm_style .frm_required {
    color: #323232;
}

.dashboard-form .with_frm_style .frm_autoadvance .frm_primary_label {
    padding-bottom: 30px;
}

.dashboard-form .with_frm_style .frm_autoadvance .frm_radio label {
       color: #323232;
}

.dashboard-form .with_frm_style .frm_autoadvance .frm_radio input[type=radio] {
      color: #323232;
      border-color: #323232;
}

.dashboard-form .with_frm_style .frm_autoadvance .with_frm_style .frm_radio input[type=radio]:before,
.dashboard-form .with_frm_style .frm_autoadvance .frm_checkbox input[type=checkbox]:before {
    background: #323232;
}

.dashboard-form .with_frm_style .frm_checkbox input[type=checkbox] {
   color: #000;
}

.dashboard-form .with_frm_style .frm_checkbox label {
    color: #000;
}

.dashboard-form .with_frm_style .frm_radio input[type=radio],
.dashboard-form .with_frm_style .frm_checkbox input[type=checkbox] {
    border-color: #000;
    background-color: transparent;
}

.dashboard-form .with_frm_style .frm_message {
     width: 100%;
     text-align: center;
     border: 1px solid #B2CDA8;
     border-color: #B2CDA8;
     border-radius: 6px;
     padding: 8px;
     margin-top: 150px;
}

.dashboard-form .mp_wrapper #mepr-account-nav .mepr-nav-item {
    background-color: #EBEFF8;
    color: #000000;
    border-radius: 6px;
    padding: 13px 34px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.dashboard-form .mp_wrapper #mepr-account-nav .mepr-nav-item a {
    color: #000000;
}

.dashboard-form .mp_wrapper #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab {
    background-color: #4054B2;
    color: #fff;
    font-weight: normal;
}

.dashboard-form .mp_wrapper #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {
    color: #fff;
}

.dashboard-form #mepr-account-welcome-message {
    padding-bottom: 20px;
}

.dashboard-form #mepr-account-welcome-message p {
    margin-bottom: 0;
    font-weight: bold;
}

.dashboard-form div#mepr-account-nav {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
}

.dashboard-form .mepr-account-form.mepr-form .mp-form-row .mp-form-label {
    margin-bottom: 10px;
}

.dashboard-form .mepr-account-form.mepr-form .mp-form-row input[type=text] {
    background: #EBEFF8;
    border-radius: 6px;
    border: 1px solid #EBEFF8;
}

.dashboard-form .mepr-account-form.mepr-form .mp-form-row input[type=email] {
    background: #EBEFF8;
    border-radius: 6px;
    border: 1px solid #EBEFF8;
}

.dashboard-form .mepr-account-form.mepr-form .mepr-submit.mepr-share-button {
    border-radius: 6px;
    padding: 13px 34px;
    background-color: #4054B2;
    color: #fff;
    border: inherit;
}

.dashboard-form .mepr-account-form.mepr-form .mepr-submit.mepr-share-button:focus-visible {
    outline: inherit;
}

.dashboard-form .mp_wrapper .mepr-account-change-password {
    display: flex;
    justify-content: end;
}

.dashboard-form .mp_wrapper h3 {
    font-size: 18px;
    margin-bottom: 0;
}

.dashboard-form div.nsl-container .nsl-button-google[data-skin="light"] {
    box-shadow: inherit;
   
}

.dashboard-form div.nsl-container .nsl-button-default div.nsl-button-label-container {
    display: none;
}

.dashboard-form div.nsl-container .nsl-button-svg-container {
    background: #EBEFF8;
    border-radius: 100%;
}

.dashboard-form .mp-wrapper.mp-no-subs {
    font-weight: bold;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .frm_blank_field input[type=text] {
  background-color: #EBEFF8 !important;
  border-color: #EBEFF8 !important;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .form-field input:not([type=file]):focus {
  border-color: #EBEFF8 !important;
}

.post-102 .dashboard-form .elementor-widget-container p {
   display: none;
}

.post-102 .dashboard-form .with_frm_style .frm_top_container .frm_primary_label {
    padding-top: 0;
}

.post-102 .dashboard-form .frm_forms .frm-chat-wrapper .frm-key-instructions {
   display: none;
}

.post-102 .dashboard-form .frm_forms .button.frm_continue_chat.frm_hidden {
    display: block;
}

.post-114 .dashboard-form .frm_chat_form_cont.frm_forms.with_frm_style .frm_message p {
    margin-bottom: 0;
}

.dashboard-form .frm_chat_arrows a.frm_chat_arrow svg {
    display: none;
}

.dashboard-form .frm_chat_arrows a.frm_chat_arrow { 
  position: relative;
}

.dashboard-form .frm_chat_arrows a.frm_chat_prev_arrow:before {
    content: '\f060';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
}

.dashboard-form .frm_chat_arrows a.frm_chat_next_arrow:after {
    content: '\f061';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    border: 0;
}

.dashboard-form .frm_style_lines-no-boxes.with_frm_style .form-field .frm_checkbox input[type=checkbox]:focus {
    border-color: #000 !important;
    background-color: transparent;
}

.dashboard-form .with_frm_style .frm_autoadvance .frm_radio input[type=radio]:focus {
    border-color: #000 !important;
}

/*========== Edtechbooks New CSS ========*/

.post-template-default.single.single-post .post header.page-header{
  background-color: #EBEFF8;
}

.post-template-default.single.single-post .post header.page-header .entry-title{
    font-size: 48px;
    font-weight: 600;
    line-height: 60px;
}
.post-template-default.single.single-post .site-main{
    max-width: 1200px;
}
.post-template-default.single.single-post .post .comments-area{
    padding: 10px 30px 30px;
    background-color: #EBEFF8;
}


.post-template-default.single.single-post .post .comments-area form input,
.post-template-default.single.single-post .post .comments-area form textarea
{
  border: 1px solid #0000001A; 
  border-radius: 4px;
}

.post-template-default.single.single-post .post .comments-area form input:focus-visible,
.post-template-default.single.single-post .post .comments-area form textarea:focus-visible
{
  border: 1px solid #0000001A; 
}

.post-template-default.single.single-post .post .comments-area form .comment-form-cookies-consent input{
    height: inherit;
}


.post-template-default.single.single-post .post .comments-area form .form-submit input.submit{
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #4054B2;
    padding: 15px 40px 15px 40px;
}
.post-template-default.single.single-post .post .comments-area form .form-submit input.submit:hover{
    background-color: #000000;
}


.post-template-default.single.single-post .post .page-content{
    margin: 80px 0;
}


/*Home-New Css */
.main-banner h1.elementor-heading-title.elementor-size-default span {
    position: relative;
    display: inline-block;
 }
.main-banner h1.elementor-heading-title.elementor-size-default span.teaching:before {
    background-image: url(https://socrat.ai/wp-content/uploads/sites/5/2024/05/Teaching-shep.png);
}

.main-banner h1.elementor-heading-title.elementor-size-default span:before {
    width: 100%;
    top: 80%;
    background-image: url(https://socrat.ai/wp-content/uploads/sites/5/2023/03/Mask-group-11.png);
 }
    
.main-banner h1.elementor-heading-title.elementor-size-default span:before {
    position: absolute;
    content: "";
    left: 0;
    height: 30px;
    background-size: 160px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

.assign-section {
    background: linear-gradient(180deg, rgba(243, 247, 254, 0) 0%, #F3F7FE 51.04%);
}

.option-box .elementor-widget-wrap:hover {
    box-shadow: -13px 0px 124px rgba(37, 75, 141, 0.25);
}

.main-banner .elementor-heading-title span {
    color: #64D99A !important;
}
.main-banner .elementor-heading-title span.teaching{
    color: #FE843A !important;
}

.shadow-btn .elementor-button-link {
    box-shadow: 0px 4px 0px #DFDFDF !important;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.shadow-green-btn .elementor-button-link {
    box-shadow: 0px 4px 0px #29a863;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}


.banner-btn .elementor-button {
    padding: 12px 55px 12px 55px !important;
    transition-duration: 0.6s;
}

.banner-btn .elementor-button:hover {
    background-color: #FE843A !important;
}

.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title {
    border: inherit;
}

.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active {
    background: #fff;
    border-radius: 50px;
    border: inherit;
}

.tab-section .elementor-tabs-content-wrapper {
    border: inherit ! important;
}

.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title {
    margin-bottom: 20px;
    transition-duration: 0.3s !important;
}

.elementor-widget-tabs.tab-section.elementor-tabs-view-vertical .elementor-tabs {
    align-items: center;
}

.tab-shadow-btn .elementor-button-link {
    box-shadow: 0px 4px 0px #924E25;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.header-btn .elementor-button-link {
        padding: 10px 36px 10px 36px !important;
}

.main-banner-section { background: linear-gradient(rgb(243, 247, 254) 0%, rgba(243, 247, 254, 0) 51.04%); }

.elementor-widget-search-form .elementor-search-form .elementor-search-form__input {
    padding-right: 200px !important;
}

.elementor-widget-search-form .elementor-search-form__icon i {
    display: none;
}

.banner-btn .elementor-button-link:hover {
    box-shadow: 0px 4px 0px #a95624 !important;
}

.tab-shadow-btn .elementor-button-link:hover {
    box-shadow: 0px 4px 0px #354176;
}

.shadow-btn .elementor-button-link:hover {
    box-shadow: 0px 4px 0px #a95624 !important;
}

.header-btn .elementor-button-link {
    box-shadow: 0px 4px 0px #924E25 !important;
}

.header-btn .elementor-button-link:hover {
    box-shadow: 0px 4px 0px #354176 !important;
}


.accordion-tab .elementor-accordion .elementor-tab-title {
    background: #fff;
    border-radius: 50px;
    transition-duration: 0.3s;
    padding: 16px 30px !important;
    line-height: 28px;
}
.accordion-tab .elementor-accordion .elementor-tab-title .elementor-accordion-title{
    line-height: 28px;
}

.accordion-tab .elementor-accordion .elementor-accordion-item {
    margin-bottom: 20px;
}

.accordion-tab .elementor-accordion .elementor-tab-title.elementor-active {
    background: #4054B2;
    border-radius: 50px;
}

.team-box {
  transition-duration: 0.3s;
} 
.team-box .elementor-image-box-wrapper .elementor-image-box-content{
  padding-left: 10px;
}

.team-box:hover {
    filter: drop-shadow(-13px 0px 124px rgba(37, 75, 141, 0.25));
}

body .elementor-button {
    font-family: "Inter", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 28px;
    letter-spacing: 0px;
    color: #FFFFFF;
    background-color: #4054B2;
    padding: 14px 60px 14px 60px !important;
    box-shadow: 0px 4px 0px #253581 !important;
    border-radius: 50px;

}

body .elementor-button-danger .elementor-button {
     background-color: #FE843A !important;
         transition-duration: 0.6s;
    border-bottom: 4px solid #924E25;
    box-shadow: 0px 13px 20px rgba(111, 46, 7, 0.21) !important;
}

body .elementor-button-danger .elementor-button:hover {
     background-color: #4054B2 !important;
    color: #fff;
    border-bottom: 4px solid #354176;
    box-shadow: 0px 13px 20px rgb(71 87 167 / 29%) !important;
}

body .elementor-button-success .elementor-button {
    background-color: #64D99A !important;
    box-shadow: 0px 13px 20px rgba(12, 115, 59, 0.21) !important;
    border-bottom: 4px solid #27bf6f;
        transition-duration: 0.6s;
}

body .elementor-button-success .elementor-button:hover {
    background-color: #4054B2 !important;
    border-bottom: 4px solid #354176;
        box-shadow: 0px 13px 20px rgb(71 87 167 / 29%) !important;
}

body .elementor-button-info .elementor-button {
    background-color: #fff !important;
    box-shadow: 0px 13px 20px rgba(12, 115, 59, 0.21) !important;
    border-bottom: 4px solid #e7e7e7;
    color: #000;
    box-shadow: 0px 13px 20px rgba(255, 255, 255, 0.21) !important;
        transition-duration: 0.6s;
}

body .elementor-button-info .elementor-button:hover {
    background-color: #4054B2 !important;
    color: #fff;
    border-bottom: 4px solid #354176;
    box-shadow: 0px 13px 20px rgb(71 87 167) !important;
}


.key-box .elementor-image-box-img img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.key-box .elementor-image-box-content {
    padding: 0 20px 20px;
}

.key-box .elementor-widget-container {
   transition-duration: 0.3s;
}

.key-box .elementor-widget-container:hover {
  box-shadow: -13px 0px 124px rgba(37, 75, 141, 0.25);
}

.our-box .elementor-widget-wrap {
   transition-duration: 0.3s;
}

.our-box .elementor-widget-wrap:hover {
    box-shadow: 0px 1px 12px 4px rgba(0, 45, 255, 0.03);
}

/*contact us*/
.elementor-field-textual.elementor-size-md{
        min-height: 50px;
}
.elementor-widget-form .e-form__buttons .elementor-button{
    background-color: #FE843A !important;
    transition-duration: 0.6s;
    border-bottom: 5px solid #924E25;
    box-shadow: 0px 13px 20px rgba(111, 46, 7, 0.21) !important;
        padding: 20px 67px 20px 67px !important;
}

.elementor-widget-form .e-form__buttons .elementor-button:hover{
    background-color: #4054B2 !important;
    color: #fff;
    border-bottom: 5px solid #354176;
    box-shadow: 0px 13px 20px rgb(71 87 167 / 29%) !important;
}
.option-box .elementor-widget-container img {
    height: 100px;
}



/*Pricing*/

.pricing-box .elementor-price-table__header{
     border-radius: 10px 10px 0px 0px !important;
}
.pricing-box {
     height: 100%;
}
.pricing-box .elementor-widget-container{
    height: 100%;
}

.accordion-tab-fill.accordion-tab .elementor-accordion a.elementor-price-table__button:hover{
    background-color: #FE843A;
    box-shadow: 0px 4px 0px #924E25 !important;
}

.pricing-box .elementor-widget-container:hover{
  box-shadow: -13px 0px 124px rgba(37, 75, 141, 0.25);
}

.pricing-box.elementor-widget-price-table .elementor-price-table__button{
    background-color: #4054B2 !important;
    color: #fff;
    box-shadow: inherit !important;
    border-bottom: 4px solid #354176;

}
.pricing-box .elementor-widget-container {
    height: 100%;
}

.pricing-box.elementor-widget-price-table .elementor-price-table__button:hover{
    background-color: #FE843A !important;
    transition-duration: 0.6s;
    border-bottom: 4px solid #924E25;
    box-shadow: 0px 13px 20px rgba(111, 46, 7, 0.21) !important;
}
.pricing-box.pricing-standard .elementor-price-table__button{
   background-color: #64D99A !important;
   border-bottom: 4px solid #27bf6f;
}
.elementor-price-table{
    display: flex;
    height: 100%;
    flex-direction: column!important;
}
.elementor-price-table__footer     {
    margin-top: auto;
}

/*Faq*/
.accordion-tab-fill.accordion-tab .elementor-accordion .elementor-tab-title{
    background-color: #F3F7FE;
    border: 2px solid #F3F7FE;
    box-shadow: 0px 1px 12px 4px rgba(0, 45, 255, 0.03);
}
.accordion-tab-fill.accordion-tab .elementor-accordion .elementor-tab-title.elementor-active{
  background: #FE843A;
  border: 2px solid #FE843A;
}
.accordion-tab-fill.accordion-tab .elementor-accordion .elementor-tab-title .elementor-tab-content.elementor-active p{
  margin-bottom: 0;
}

.accordion-tab-fill.accordion-tab .elementor-accordion .elementor-tab-content.elementor-active p{
  margin-bottom: 0;
}
.accordion-tab-fill.accordion-tab.help-faq .elementor-accordion .elementor-tab-title{
    background-color: #fff;
    border-width: 0px !important;
}
.accordion-tab-fill.accordion-tab.help-faq .elementor-accordion .elementor-tab-title.elementor-active{
    background: #4054B2;
    border-width: 0px !important;
}

.accordion-tab-fill.accordion-tab.help-faq .elementor-accordion-item  #elementor-tab-title-9056{
   display: none;
}

/*Need Help?*/
.accordion-tab.border-faq .elementor-accordion .elementor-tab-title,
.accordion-tab .elementor-accordion .elementor-tab-title.elementor-active{
   border: 2px solid #4054b2;
}
.accordion-tab .elementor-accordion .elementor-tab-title.elementor-active{
   border-width: 2px !important;
}
    



/*sign-up-form*/

.sign-up-form input:focus-visible {
    outline: inherit;
}

.sign-up-form  {
    background: #4054B2;
    padding: 150px;
}


.sign-up-form label {
    margin-bottom: 20px;
    color: #fff;
}

.sign-up-form input {
    border-radius: 20px;
    margin-bottom: 20px;
    border-color: #E0E0E0;
}

.sign-up-form input[type="submit"] {
    background-color: #FE843A !important;
    transition-duration: 0.6s;
    border-bottom: 5px solid #924E25 !important;
    box-shadow: 0px 13px 20px rgba(111, 46, 7, 0.21) !important;
    padding: 18px 67px 18px 67px !important;
    border-radius: 50px;
    margin-top: 30px;
    color: #fff;
    border: inherit;
}

.sign-up-form  {
    padding: 100px;
}

.sign-in-form p label {
    margin-bottom: 20px;
    border-radius: 20px;
    border-color: #E0E0E0;
}

.sign-in-form p input {
    margin-bottom: 10px;
    border-radius: 20px;
    border-color: #E0E0E0;
}

.sign-in-form p input:focus-visible {
    outline: inherit;
}

.sign-in-form p input[type="submit"] {
    background-color: #FE843A !important;
    transition-duration: 0.6s;
    border-bottom: 5px solid #924E25 !important;
    box-shadow: 0px 13px 20px rgba(111, 46, 7, 0.21) !important;
    padding: 18px 67px 18px 67px !important;
    border-radius: 50px;
    margin-top: 30px;
    color: #fff;
    border: inherit;
}

.sign-up-form  {
    background: #4054B2;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.sign-in-form select {
    display: block;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 12px 20px;
    border-color: #E0E0E0;
    background-color: transparent;


}

.sign-in-form p select:focus-visible {
    outline: inherit;
}
.sign-in-form  {
    padding: 100px;
}

.wp-block-columns {
    margin-bottom: 0;
}

.sign-up-form .sign-up-tittle h2,
.sign-in-form .sign-in-tittle h2 {
    margin-bottom: 40px;
}

.sign-in-form {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
}

.sign-up-form .sign-up-tittle h2 {
    color: #fff;
}

.sign-up-form input[type="submit"]:hover {
    background-color: #fff !important;
    border-bottom: 5px solid #e7e7e7 !important;
    color: #000;
    box-shadow: 0px 13px 20px rgba(255, 255, 255, 0.21) !important;
    transition-duration: 0.6s;
}

.sign-in-form p input[type="submit"]:hover {
    background-color: #4054B2 !important;
    color: #fff;
    border-bottom: 5px solid #354176 !important;
    box-shadow: 0px 13px 20px rgb(71 87 167 / 29%) !important;
}

.page-banner {
    text-align: center;
    padding: 100px 0;
    background: #F3F7FE;
}



/*Blog*/
.elementor-widget-custom-archive-posts .post-list .blog-post-grid{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post-larg{
   flex: 0 0 auto;
   width: 50%;
   padding: 0 15px;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post-medium{
   flex: 0 0 auto;
   width: 25%;
   padding: 0 15px;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-meta .post-author span img{
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 8px;
}

.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post{
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    overflow: hidden;
    margin-bottom: 30px;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-image{
    display: flex;
}

.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-details h5.post-title{
    margin: 0 0 10px;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-details .post-title a{
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #000;
  transition: all .3s;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-excerpt p{
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 10px 0;
}

.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post-medium .blog-post .post-content .post-details .post-title a{
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
}



.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-details .post-title a:hover{
    color: #4054b2;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content{
    padding: 20px;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-meta{
    display: flex;
    flex-wrap: wrap;
} 
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-meta .post-author a{
    display: flex;
    align-items: center;
    margin-right: 8px;
}
.elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post .post-content .post-read-more-btn .btn i{
   padding-left: 10px;
}

.elementor-widget-custom-archive-posts .elementor-widget-container button.load-more{
    text-align: center;
    margin: 0 auto;
    display: block;
    background: #4054b2;
    margin-top: 20px;
    padding: 12px 30px;
    border: none;
    color: #fff;
}
.elementor-widget-custom-archive-posts .elementor-widget-container button.load-more:hover{
    background: #000;
}

.recent-posts article.elementor-post .elementor-post__text .elementor-post__title{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog-post-single .elementor-author-box .elementor-author-box__text h4.elementor-author-box__name{
    margin: 0;
}


/*New Css 20-05*/
.home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active {
  color: #fff;
  background-color: #64D99A;
}
.home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title{
    color: #64D99A;
    padding: 14px 20px;
    border-radius: 50px;
    border: 2px solid #64D99A;
}
.home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper{
  margin-left: 30px;
}
.home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
   border-radius: 20px;
   background-color: #F3F7FE;
}
.home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content p{
    margin-bottom: 0px;
}
.home.tab-section .elementor-tabs .elementor-tab-content{
   position: relative;
}
.home.tab-section .tab-img{
    /* position: absolute;
    right: -60px;
    width: 260px;
    bottom: 0; */
    position: absolute;
    right: -150px;
    width: 320px;
    bottom: -50px;
}



.contact-form form .elementor-form-fields-wrapper input{
    height: 60px;
    padding: 15px 25px;
    border-radius: 50px !important;
   background-color: #fff;
   border: 1px solid #E0E0E0;
}
.contact-form form .elementor-form-fields-wrapper textarea{
   padding: 15px 25px;
   background-color: #fff;
   border: 1px solid #E0E0E0;
   border-radius: 20px !important;
}

.contact-form form .elementor-form-fields-wrapper .elementor-button {
    background-color: #4054B2 !important;
    transition-duration: 0.6s;
    border-bottom: 4px solid #253581;
    padding: 20px 67px 20px 67px !important;
}
.contact-form form .elementor-form-fields-wrapper .elementor-button:hover{
   background-color: #FE843A !important;
   border-bottom: 4px solid #924E25 !important;
}
.get-started .elementor-heading-title a{
   font-weight: 700;
   transition: all .3s;
   text-decoration: underline;
}
.get-started .elementor-heading-title a:hover{
  color: #FE843A !important;
}

.play-form .elementor-widget-wrap.elementor-element-populated:has(#socrat-form){
  max-width: 65% !important;
  width: inherit !important;
  border: 3px solid #FEB589;
  margin-top: 0px !important;
  box-shadow: 0px 13px 20px 0px rgb(111 46 7 / 10%);
}
.play-form .dashboard-form .elementor-widget-text-editor .elementor-widget-container{
    text-align: center;
    display: flex;
    justify-content: center;
}
.play-form .elementor-widget-wrap form#socrat-form {
    text-align: center;
    max-width: 440px;
}

.play-form .elementor-widget-wrap form#socrat-form input{
   height: 60px !important;
   background-color: #F3F7FE;
   border: 1px solid #E0E0E0;
}
.play-form .elementor-widget-wrap form#socrat-form input[type=text]{
  max-width: 320px;
}
.play-form .elementor-widget-wrap form#socrat-form label{
    font-size: 18px;
    color: #000;
    font-weight: 500;
    display: inline !important;
}
.play-form .elementor-widget-wrap form#socrat-form #play-sub-wrap input{
    background-color: #FE843A !important;
    transition-duration: 0.6s;
    border-bottom: 4px solid #924E25 !important;
    box-shadow: 0px 13px 20px rgba(111, 46, 7, 0.21) !important;
    border: inherit;
}
.play-form .elementor-widget-wrap form#socrat-form #play-sub-wrap input:hover{
    background-color: #4054B2 !important;
    color: #fff;
    border-bottom: 4px solid #354176 !important;
    box-shadow: 0px 13px 20px rgb(71 87 167 / 29%) !important;
}

/*Pricing*/
.pricing-features-table table thead{
  background-color: #FE843A;
}
.pricing-features-table table thead tr th{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    line-height: 27px;
    padding: 16px 20px;
}
.pricing-features-table table tbody tr.table-text td,
.pricing-features-table table tbody tr th{
    font-weight: 500 !important;
}
.pricing-features-table table tbody tr td,
.pricing-features-table table tbody tr th{
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    text-align: left;
    line-height: 24px;
    padding: 15px 15px;
    font-weight: normal;
}
.pricing-features-table table td,
.pricing-features-table table th{
  border: 1px solid rgb(64 84 178 / 10%);
}
.pricing-features-table .main-table{
   border-radius: 10px;
   border: 1px solid #FE843A;
}
.pricing-features-table table{
    border-radius: 10px !important;
    margin: 0px !important;
    border-style: hidden;
    overflow: hidden !important;
    box-shadow: 0 0 0 2px #fe843a;
}
.pricing-features-table table tbody tr:hover>td, 
.pricing-features-table table tbody tr:hover>th{
    background-color: transparent !important;
    box-shadow: none;
}
.pricing-features-table table tbody tr td i{
    color: #64D99A;
    font-size: 18px;
}

.pricing-features-table table tbody tr.table-light{
   background-color: #F3F7FE;
}
.pricing-features-table table tbody tr.table-blue{
    background-color: rgb(64 84 178 / 15%);
}
.pricing-features-table table tbody tr.table-green{
    background-color: rgb(100 217 154 / 15%);
}
.pricing-features-table table tbody tr.table-orang{
    background-color: rgb(254 132 58 / 15%);
}

/*Home*/
.dashboard-form .teacher-tools-list.debate-slider .tool-item.card.h-100{
  height: inherit !important;
}
.dashboard-form .teacher-tools-list.debate-slider .card .card-media div:first-child{
    padding: 5px;
    width: 110px;
    height: 110px;
    flex: 0 0 110px;
    margin-right: 20px;
    border-radius: 10px 10px 0px 50px;
    box-shadow: 5px 5px 0px rgb(66 86 172 / 10%);
}
.dashboard-form .teacher-tools-list.debate-slider .card .card-media a img{
   padding: 20px;
}
.dashboard-form .teacher-tools-list.debate-slider .card{
    margin: 10px 10px 30px;
}
.dashboard-form .teacher-tools-list.debate-slider .card .card-body p.card-text{
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease-in-out;
}
.dashboard-form .teacher-tools-list.debate-slider .owl-dots{
    display: none !important;
}
.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
}
.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev:before,
.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:before{
  top: 0px;
  left: -120px;
  right: 0px;
  width: 60px;
  color: #4054B2;
  height: 60px;
  opacity: 0.5;
  font-size: 22px;
  display: flex;
  content: "\f053";
  position: absolute;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  border-radius: 50px;
  background-color: #fff;
  font-family: "Font Awesome 5 Free";
  transform: translateY(-50%);
  transition: all .3s;
}
.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:before{
 content: "\f054"; 
 left: inherit;
 right: -120px;
}
.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev:hover:before,
.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:hover:before{
  opacity: 1;
}

.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev,
.dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next{
    background-color: transparent;
    font-size: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
}
.dashboard-form .teacher-tools-list.debate-slider .category-title h3{
   text-align: center; 
   color: #4054B2;
   margin: 0 0 20px;
}
.dashboard-form .teacher-tools-list.debate-slider .owl-carousel .item .tools-grid{
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}


/*Categories Tools*/
.categories-tools .dashboard-form .teacher-tools-list .card .card-footer{
   padding-bottom: 30px;
}
.categories-tools .dashboard-form .teacher-tools-list .card .card-footer a.btn{
   margin-bottom: inherit;
}
.categories-tools .dashboard-form .teacher-tools-list .cardcolumn{
   margin-bottom: 30px;
}
.categories-tools .dashboard-form br{
    display: none;
}
.categories-tools .dashboard-form .teacher-tools-list .row{
    justify-content: center;
}

/*AI Safety Briefing*/
.futcher-img-box .elementor-image-box-wrapper figure.elementor-image-box-img{
    width: 250px;
    height: 250px;
    padding: 10px;
    flex: 0 0 250px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 0px !important;
}

/*For Students Page*/
.students-features .elementor-image-box-content{
    color: #777;
}
.students-features .elementor-image-box-content h6{
  color: #000;
  font-size: 16px;
  line-height: 26px;
  margin: 0px 0px 5px;
}

.play-btn.elementor-absolute {
    transform: translateY(-50%);
}
.play-btn.elementor-absolute .elementor-button-wrapper a.elementor-button {
    padding: 0px !important;
    box-shadow:none !important;
    border-radius: inherit;
}
.further-items .bubbles-items-left{
  position: relative;
  margin-bottom: 35px !important;
}

.further-items .bubbles-items-left:before{
    left: 20px;
    width: 26px;
    content: "";
    height: 26px;
    bottom: -24px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://socrat.ai/wp-content/uploads/sites/5/2024/05/shep-chet01.svg); 
    
}


.further-items .bubbles-items-right{
    margin-left: auto;
    position: relative;
      margin-bottom: 35px !important;
}

.further-items .bubbles-items-right:before{
    left: inherit;
    width: 26px;
    content: "";
    right: 20px;
    height: 26px;
    bottom: -24px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://socrat.ai/wp-content/uploads/sites/5/2024/05/shep-chet2.svg);
}



/*Keyframes*/

.vert-move {
  -webkit-animation: upmover 1.5s infinite  alternate;
  animation: upmover 1.5s infinite  alternate;
}

.hori-move {
  -webkit-animation: mover 2s infinite  alternate;
  animation: mover 2s infinite  alternate;
}

.hori-move-02 {
  -webkit-animation: mover 5s infinite  alternate;
  animation: mover 5s infinite  alternate;
}


@-webkit-keyframes upmover {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-10px);
  }

}

@keyframes mover {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-20px);
  }

}

@media only (max-width: 1600px) {
    .banner-section .elementor-widget-wrap {
        margin: 0px 50px 0px 50px;
    }

  .banner-section .elementor-widget-wrap.elementor-element-populated {
    margin: 0px 100px 0px 100px;
  }
}


@media only (max-width: 991px) {
   .tab-section .elementor-tabs-wrapper {
        width: 44% !important;
   }

   .tab-section.elementor-widget-tabs .elementor-tab-desktop-title {
        padding: 15px 25px;
   }

   .tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title {
        margin-bottom: 10px;
   }
}


@media only (max-width: 767px) {
    .tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title {
        margin-bottom: 10px;
   }
   
    .tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active {
        background: #fff;
        border-radius: 50px;
        border: inherit;
    }
    
    .main-footer .elementor-widget:not(:last-child) {
      margin-bottom: 10px;
    }

    .main-footer .elementor-widget-container p {
        margin-bottom: 0px;
    }
    
    .header-btn .elementor-button-link {
    padding: 10px 20px 10px 20px !important;
    font-size: 14px;
}
}





/*==========Responsive========*/

@media only (max-width: 1600px) {
    .banner-section .elementor-widget-wrap {
        margin: 0px 50px 0px 50px;
    }
}

@media (max-width: 1500px) {
  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:before{
  right: -100px;
  }
  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev:before{
  left: -100px;
  }
  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev:before, 
  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:before{
    width: 50px;
    height: 50px;
  }
  .home.tab-section .tab-img{
    /* right: -50px; */
    right: -150px;
  }
}

@media (max-width: 1400px) {
  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:before{
    right: -38px;
  }
  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev:before{
    left: -38px;
  } 

  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev:before, 
  .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:before{
     color: #fff;
     background-color: #fe843a;
  } 

  .home.tab-section .tab-img{
    /* right: -10px; */
    right: -150px;
  }
}

@media (max-width: 1300px) {
  .home.tab-section .tab-img{
    /* right: 20px;
    bottom: 10px; */
    right: -150px;
    bottom: -55px;
  }
}

@media (max-width: 1024px) {
    .home.tab-section .tab-img{
        /* width: 25%; */
        width: 60%;
        right: -95px;
    }

    .dashboard-form .frm_forms {
        padding: 30px;
    }

    .dashboard-form .with_frm_style .frm_message {
        margin-top: 120px;
    }

    .dashboard-form .mp_wrapper .mepr-account-change-password {
        justify-content: start;
    }

    .pricing-box .elementor-price-table__features-list{
       padding: 0px 0px 40px 0px !important
    }
    .home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-wrapper {
        width: 44%;
    }

 }

 
  @media (max-width: 991px) {

    .post-116 .dashboard-form .elementor-widget-container {
        padding: 30px;
    }
    
    .dashboard-form .mp_wrapper #mepr-account-nav .mepr-nav-item {
        padding: 9px 14px;
        margin-right: 19px;
    }

    .elementor-button {
    padding: 10px 47px 10px 47px !important;
}

.is-layout-flex {
    display: block !important;
}

.sign-up-form,
.sign-in-form {
    height: auto;
    padding: 30px;

}
.page-banner {
    padding: 70px 0;
}
.socrat-banner .elementor-container.elementor-column-gap-default {
  justify-content: center;
}

   .elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post-larg{
     width: 100%;
   }
   .elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post-medium{
    width: 50%;
   }

}


@media (max-width: 767px) {
    .home.tab-section .tab-img{
        /* right: 20px;
        bottom: 20px; */
        right: -90px;
        bottom: -40px;
    }
    .dashboard-form .teacher-tools-list.debate-slider .category-title h3{
      font-size: 28px;
      line-height: 38px;
      margin: 0 0 10px;
    }
    .tab-accordion .elementor-tab-title.elementor-tab-mobile-title.elementor-active {
        background: #4054b2;
        border-radius: 6px;
        color: #fff !important;
    }

    .tab-accordion .elementor-tab-title.elementor-tab-mobile-title {
        background: #ebeff8;
        border-radius: 6px;
        margin-bottom: 15px;
        padding: 10px 20px;
    }

    .dashboard-form  {
        margin-top: 30px;
    }
    .play-form .dashboard-form{
        margin-top: 0px !important;
    }
     
    .post-114 .dashboard-form .frm_chat_form_cont.frm_forms.with_frm_style .frm_message p {
        font-size: 16px;
    }

    /*New CSS*/
    .tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title {
        margin-bottom: 10px;
    }
    
    .tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active {
        background: #fff;
        border-radius: 50px;
        border: inherit;
    }

    .main-footer .elementor-widget:not(:last-child) {
      margin-bottom: 10px;
    }

    .main-footer.elementor-widget-container p {
        margin-bottom: 0px;
    }

    .header-btn .elementor-button-link {
        padding: 10px 20px 10px 20px !important;
        font-size: 14px;
    }

    .option-box .elementor-widget-container img {
    height: auto;
}

  .tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title.elementor-active {
    background: #fff;
    border-radius: 50px;
    border: inherit;

   }
    .main-banner h1.elementor-heading-title.elementor-size-default span:before{
         height: 15px;
    }
    .home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper{
        margin-left: 0px;
    }
    .home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title{
        color: #64D99A;
        padding: 14px 20px;
        border-radius: 50px;
        margin-bottom: 10px;
        border: 2px solid #64D99A;
    }
    .home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-title.elementor-active{
      color: #fff;
      background-color: #64D99A;
    }
    .home.tab-section.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-content{
        margin-bottom: 10px;
    }
    .play-form .elementor-widget-wrap.elementor-element-populated:has(#socrat-form){
        max-width:100% !important;
    }

    .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-next:before{
       right: 0px;
    }
    .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav .owl-prev:before{
       left: 0px;
    } 
    .assign-option .dashboard-form{
        margin-top:0px !important;
    }

    .futcher-img-box .elementor-image-box-wrapper figure.elementor-image-box-img{
        flex: 220px;
        width: 220px;
        height: 220px;
        margin-bottom: 15px !important;
    }
    .dashboard-form .teacher-tools-list.debate-slider .owl-carousel .item .tools-grid{
        gap: 20px;
       grid-template-columns: repeat(2, 1fr);
    }

    .dashboard-form .teacher-tools-list.debate-slider .card .card-body {
        padding: 15px 15px;
    }
    .dashboard-form .teacher-tools-list.debate-slider .card .card-media .card-title {
        font-size: 18px;
        line-height: 28px;
        margin-top: 10px;
    }
    .dashboard-form .teacher-tools-list.debate-slider .card .card-media div:first-child {
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
        margin-right: 15px;
        border-radius: 10px 10px 0px 30px;
    }
    .dashboard-form .teacher-tools-list.debate-slider .card .card-footer a.btn{
         padding: 10px 30px;
    }
    .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav {
        display: none;
    }

 }

  @media (max-width: 600px) {

    .dashboard-form .with_frm_style .frm_hidden_container .frm_primary_label {
        display: none;
    }
    .elementor-widget-custom-archive-posts .post-list .blog-post-grid .blog-post-medium{
        width: 100%;
    }
 }

 @media (max-width: 605px) {
    .banner-btn {
     position: inherit !important;
    top: 0 !important;
    right: 0 !important;
    }

    .elementor-widget-search-form .elementor-search-form .elementor-search-form__input {
        padding-right: 0px !important;
    }

    .elementor-174 .elementor-element.elementor-element-cfa3d32 .elementor-search-form__container {
        min-height: 50px;
    }

    .banner-btn .elementor-button {
        padding: 8px 45px 8px 45px !important;
        transition-duration: 0.6s;
        font-size: 14px;
    }
}
@media (max-width: 575px) { 

.dashboard-form .teacher-tools-list.debate-slider .owl-carousel .item .tools-grid {
    gap: 20px;
    grid-template-columns: repeat(1, 1fr);
}


.play-form .elementor-widget-wrap form#socrat-form input[type=text]{
    max-width: 300px;
}
.dashboard-form .teacher-tools-list.debate-slider .card .card-media .card-title{
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
}
.dashboard-form .teacher-tools-list.debate-slider .card .card-body p.card-text{
    font-size: 16px;
    line-height: 26px;
}
.dashboard-form .teacher-tools-list.debate-slider .card .card-media div:first-child{
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
    margin-right: 15px;
    border-radius: 10px 10px 0px 35px;
}
.dashboard-form .teacher-tools-list.debate-slider .card .card-body{
    padding: 15px 20px;
}

.categories-tools .dashboard-form .teacher-tools-list .card .card-media div:first-child{
    border-radius: 10px 10px 0px 40px;
    width: 100px;
    height: 100px;
    flex: 0 0 100px;
    margin-right: 20px;
}
.categories-tools .dashboard-form .teacher-tools-list .card .card-media .card-title{
    font-size: 18px;
    line-height: 28px;
}
.categories-tools .dashboard-form .teacher-tools-list .card .card-footer a.btn{
   padding: 8px 30px;
}
.categories-tools .dashboard-form .teacher-tools-list .cardcolumn {
    margin-bottom: 20px;
}
.categories-tools .dashboard-form{
    margin-top: 0px;
}

body .elementor-button{
    padding: 12px 30px 12px 30px !important;
}

 .dashboard-form .teacher-tools-list .card .card-footer a.btn {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 25px;
 }
  .dashboard-form .teacher-tools-list.debate-slider .category-title h3 {
    font-size: 24px;
    line-height: 34px;
  }
}


@media (max-width: 479px) { 

    .view-course-btn {
        margin-left: inherit;
        margin-top: 10px;
    }

   .header-btn .elementor-button-link {
        padding: 5px 15px 5px 15px !important;
        font-size: 12px !important;
   }
   .play-form .elementor-widget-wrap form#socrat-form input[type=text]{
    max-width: 100%;
   }
   .play-form .elementor-widget-wrap form#socrat-form label{
    display: inline-block !important;
   }
   .dashboard-form .teacher-tools-list.debate-slider .owl-controls .owl-nav{
    display: none;
   }

 }