.hide-me, .hidden { display: none !important; }
.twtask-fluid-container-mobile-image-sec{ display: none; }
.twtask-fluid-container-desktop-image-sec{ width: 100%; object-fit: contain; height: 515px;}
@media ( max-width: 1024px) and ( min-width:  768px){
	.twtask-fluid-container-desktop-image-sec{ width: 100%; object-fit: contain; height: 500px; }
}
@media ( max-width:767px ){
	.tw-features-container-fluid { padding: 30px 0px; }
	.twtask-fluid-container-desktop-image-sec{ display: none; }
	.twtask-fluid-container-mobile-image-sec{ display: block; width: 100%; object-fit: contain; height: auto; margin-top: 10px; }
}
/* START: Listening Page CSS  */
.listening-page-first-section { background-image: url('../../images/20task/images/home-banner-01-optimized.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 47% 50%; }
.listening-page-first-section .row.middle_block .col-md-6 .content .title-h1, .listening-page-first-section .row.middle_block .col-md-6 .content p { color: #ffffff !important; }
#listening-page-second-section { padding-bottom: 35px; }
#listening-page-third-section {  }
.ed_tabcontent{ background: white !important; box-shadow: 0 9px 9px 5px rgb(0 0 0 / 8%) !important; padding: 18px !important; border-radius: 5px !important; min-height: auto; margin-top: 0px; border: 2px solid #8fabd5; line-height: 28px; }
@media screen and (max-width:  768px){
	.ed_tabcontent{ margin-bottom: 20px; }
}
@media screen and (min-width:  769px){
	.ed_tabcontent{ margin-top: 27%; }
}


.inner-page-fourth-section{ background-color: #ffffff; }

.listening-page-fifth-section { background: #F9FAFF 0% 0% no-repeat padding-box; }
.listening-page-fifth-section .container .row .col-md-4 .inner-div { background: #F9FAFF 0% 0% no-repeat padding-box; min-height: 270px; padding: 20px; border-radius: 5px; margin-bottom: 20px;}
.listening-page-fifth-section .container .row .col-md-4 .inner-div h2 { font-size: 22px; margin: 15px 0px; min-height: 52px;}
.listening-page-fifth-section .container .row .col-md-4 .inner-div img{  }
.inner-page-fifth-section-image{ width: 100%; height: auto; }
.cta-row {}
#testimonialSection, .gtco-testimonials { background-color: #ffffff !important; }
.listening-page-seventh-section{ padding-bottom: 0px !important; }
.listening-page-eighth-section{ background: #F9FAFF 0% 0% no-repeat padding-box; }
.listening-page-fifth-section .container .sec-title { margin-bottom: 15px; }
.gtco-scorecards .card { padding: 0; }
.gtco-scorecards .center .card-img-top { width: 100%; height: 100%; border-radius: unset; box-shadow: 0 3px 10px 0px rgb(0 62 160 / 63%); margin: 0 auto; }
.gtco-scorecards .card .card-img-top { max-width: 100%; border-radius: unset; margin: 15px auto 0; margin-top: 0; box-shadow: 0 8px 20px -4px #95abbb; width: 100%; height: 100%; }
/* END: Listening Page CSS */

.ed_tabcontent h3{ margin: 0px 0px 10px 0px !important; }
.ed_tabcontent p{ text-align: center; margin-bottom: 0;}

.ed_tab button::before {
    content: '';
    display: block;
    border-left: 8px solid transparent;
    border-top: 10px solid #003ea0;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: -17px;
    right: 0px;
    opacity: 0;
    -ms-transform: rotate(90deg);
    transform: rotate(0deg);
    top: inherit;
    left: 0;
    width: 0;
    margin: auto;
}
.speakingTabs .ed_tab button::before,
.writingTabs .ed_tab button::before,
.readingTabs .ed_tab button::before,
.listningTabs .ed_tab button::before {
    border-top: 8px solid transparent;
    border-left: 10px solid #003ea0;
    border-bottom: 8px solid transparent;
    border-right: none;
    height: 0;
    right: -10px;
    bottom: 0;
    top: 0;
    left: inherit;
}
.ed_tab button{ text-align: left; font-weight: 500;}
/* END: Listening Page CSS  */
.skills-card { background-color: #ffffff; padding: 20px 10px; margin-bottom: 20px; border: 1px solid #e3e3e3; border-radius: 5px; box-shadow: 0px 3px 20px #1e3e5d19; -webkit-box-shadow: 0px 3px 20px #1e3e5d19;}
#skills-card1 #skills-card1:hover ~ .skills-card-inner-h2 { color: #ffffff !important; }
.skills-card:hover { background-color: #003ea0; color: #ffffff; cursor: pointer; box-shadow: 0 3px 10px 0px rgb(0 62 160 / 63%); border-color: #003ea0 !important;}
.skills-card-inner h2:not(:hover){  }
.skills-card-inner h2 { font-size: 18px; letter-spacing: 0.04em; position: relative; padding: 12px 0px 0px 0px; display: block; text-align: center; color: unset; font-weight: 700;margin: 0 0 8px;}
.skills-card:hover h2 {color: #fff !important;}
.skills-card-inner p { text-align: center; }

.tw-features-container-fluid{background-color: #fafafa;}

.twbubble-bg{ background: #F9FAFF 0% 0% no-repeat padding-box; opacity: 1; background-image: url(/20task/images/home-second-sec-bg.svg); background-repeat: no-repeat; background-position: bottom; background-size: contain;  }
@media screen and (min-width: 769px) {
.speakingTabs .container.ed_tabcontent {
    margin-top: 20%;
}
.writingTabs .container.ed_tabcontent {
    margin-top: 2%;
}
.readingTabs .container.ed_tabcontent {
    margin-top: 12%;
}
.listningTabs .container.ed_tabcontent {
    margin-top: 27%;
}

}
.container.ed_tabcontent {
    background: white !important;
    box-shadow: 0 9px 9px 5px rgb(0 0 0 / 8%) !important;
    padding: 18px !important;
    border-radius: 5px !important;
    min-height: auto;
    border: 2px solid #8fabd5;
    margin-top: 0;
    line-height: 28px;
}