@charset "utf-8";

@font-face {
  font-family: 'Gotham';
  src: url('../../fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../../fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
     url('../../fonts/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../../fonts/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
   font-weight: 700;
   font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../../fonts/Gotham-Medium.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../../fonts/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
     url('../../fonts/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../../fonts/Gotham-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
   font-weight: 500;
   font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../../fonts/GothamBook.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/GothamBook.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../../fonts/GothamBook.woff') format('woff'), /* Modern Browsers */
     url('../../fonts/GothamBook.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../../fonts/GothamBook.svg#svgFontName') format('svg'); /* Legacy iOS */
   font-weight: 300;
   font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../../fonts/Gotham-BookItalic.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/Gotham-BookItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../../fonts/Gotham-BookItalic.woff') format('woff'), /* Modern Browsers */
     url('../../fonts/Gotham-BookItalic.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../../fonts/Gotham-BookItalic.svg#svgFontName') format('svg'); /* Legacy iOS */
   font-weight: 300;
   font-style: normal;
}
@font-face {
  font-family: 'Gotham';
  src: url('../../fonts/gotham-thin.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/gotham-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../../fonts/gotham-thin.woff') format('woff'), /* Modern Browsers */
     url('../../fonts/gotham-thin.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../../fonts/gotham-thin.svg#svgFontName') format('svg'); /* Legacy iOS */
   font-weight: 200;
   font-style: normal;
}
@font-face {
   font-family: GothamBold; 
   src: url("../../fonts/Gotham Bold.otf");
}
@font-face {
   font-family: GothamMedium;
   src: url("../../fonts/FontsFree-Net-GothamMedium.ttf");
}
@font-face {
   font-family: GothamBook; 
   src: url("../../fonts/Gotham Book Regular.otf");
}
@font-face {
   font-family: 'Glyphicons Halflings';
   src: url("../../fonts/glyphicons-halflings-regular.ttf");
}

body {
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
   font-family: 'Montserrat', sans-serif;
   font-weight: 600;
   font-optical-sizing: auto;
   font-style: normal;
   overflow-x: hidden;
}

* {
   margin: 0px;
   padding: 0px;
   font-family: 'Poppins', sans-serif;
}


/* Common-styles */

@media screen and (max-width:756px) {
   .buttons{
      font-size: 10px;
      margin: 20px 0px 20px 0px;
   }
}

#content.loading {
   font-weight: bold;
   color: gray;
}

/* Home */
.ai-teaching-ass-home {
   background-image: url("../../img/ai-teaching-assistant/Maskgroup2.png");
   background-size: cover;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   width: 100vw;
   padding: 0px 20px 0px;
   padding-left: 90px;
}
.ai-teching-hometext{
   width: 35%;
   padding-top: 30px;
   padding-bottom: 60px;
}
.ai-teching-hometext h1 {
   font-family: "Gotham";
	font-weight: 500;
	font-size: 52px;
   line-height:1;
   margin-bottom: 12px;
}
.green{
   color: #02C39A;
   font-weight: 500;
}
.ai-teching-hometext h2 {
   font-family: "Gotham";
	font-weight: 500;
	font-size: 27px;
   margin-bottom: 10px;
   line-height: 1.2;
   color: #000000;
}
.ai-teching-hometext h3 {
   font-family: 'Montserrat',serif;
   font-size: 22px;
   font-weight: 600;
   color: #1a1818;
   margin: 12px 0px 10px 0px;
}
.ai-teching-hometext h4 {
   font-weight: 500;
   font-size: 16.5px;
   line-height: 1.4;
   color: #000000;
}
.ai-teching-hometext .bold {
   font-size: 20px;
   font-family: 'Montserrat',serif;
   font-weight: 600;
}
.ask-button{
   font-family: 'Montserrat', sans-serif;
   background-color: #ED3ECB;
   border-radius: 4px;
   font-size: 10.6px;
   padding: 13px 18px;
   font-weight: 600 !important;
   text-transform: none;
   float: none;
   letter-spacing: 1px;
   outline: none;
}
.ask-button:hover {
   background-color: #ED3ECB;
}
.ask-button:active, .ask-button:focus {
   background-color: #ED3ECB;
   outline: none;
}
.home-img-card{
   background-image: url("../../img/ai-teaching-assistant/bluebrush2.png");
   background-size: 85%;
   background-repeat: no-repeat;
   background-position: center;
   width: 55vw;
   padding-top: 70px;
   padding-bottom: 45px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}

@media screen and (max-width:756px){
   .ai-teaching-ass-home{
      padding: 20px !important;
   }
   .ai-teching-hometext{
      width: 100vw;
      padding-top: 15px !important;
      padding-bottom: 15px !important;
   }
   .ai-teching-hometext h1 {
      font-size: 25px;
      margin-bottom:8px;
   }
   .ai-teching-hometext h2 {
      font-size: 15px;
      font-weight: 500;
      margin-bottom:8px;
   }
   .ai-teching-hometext h3 {
      font-size: 12px;
      margin-bottom:8px;
   }
   .ai-teching-hometext h4 {
      margin-top: 10px;
      font-weight: 400;
      font-size: 10px;
   }
   .ai-teching-hometext .bold {
      font-size: 10px;
      font-weight: 550;
   }
   .ask-button{
      border-radius: 4px;
      font-size: 7px;
      word-spacing:1px;
      padding: 10px 13px;
      letter-spacing: 0.3px;
      outline: none;
   }
   .home-img-card{
      display: none;
   }
}

@media screen and (min-width:756px) and (max-width:830px) {
   .ai-teaching-ass-home{
      padding: 30px;
   }
   .ai-teching-hometext h1 {
      font-size: 25px;
      margin-bottom:8px;
   }
   .ai-teching-hometext h2 {
      font-size: 18px;
      font-weight: 500;
      margin-bottom:8px;
   }
   .ai-teching-hometext h3 {
      font-size: 14px;
      margin-bottom:8px;
   }
   .ai-teching-hometext h4 {
      margin-top: 10px;
      font-weight: 400;
      font-size: 12px;
   }
   .ai-teching-hometext .bold {
      font-size: 10px;
      font-weight: 550;
   }
   .ask-button{
      border-radius: 4px;
      font-size: 10px;
      word-spacing:1px;
      padding: 10px 13px;
      letter-spacing: 0.3px;
      outline: none;
   }
   .home-img-card img {
      width: 110%;
      height: 200px;
      margin-left: 20px;
      margin-top: 40px;
   }
}

/* Uses */
.uses{
   display: flex;
   flex-direction: column;
   align-items: center;
   padding: 55px 20px 65px 20px;
   gap: 20px;
   min-height: 20vh;
}
.uses h1{
   font-family: "Gotham";
   font-weight: 500;
   font-size: 33px;
   line-height: 0;
   letter-spacing: 0;
   margin-bottom: 14px;
}
.uses h3{
   font-family: "Gotham";
   font-size: 22.2px;
   font-weight: 500;
   margin-bottom: 15px;
}
.usesimg img {
   width: 95vw;
   margin-right: 30px;
   height: 550px;
}
.usesimg .use-btn{
   margin-top: 0px;
}

@media screen and (max-width:756px) {
   .uses{
      padding: 20px;
   }
   .uses h1{
      font-size: 18px;
      text-align: center;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: 1px;
      margin: 8px;
      margin-bottom: 5px;
   }
   .uses h3{
      font-size: 15px;
      font-weight: Medium;
   }
   .usesimg img {
      width: 90vw;
      height: 100%;
   }
}

@media screen and (min-width:756px) and (max-width:830px) {
   .uses{
      padding: 20px;
   }
   .uses h1{
      font-size: 23px;
      text-align: center;
      line-height: 1.2;
      font-weight: 600;
      letter-spacing: 1px;
      margin: 8px;
      margin-bottom: 5px;
   }
   .uses h3{
      font-size: 18px;
      font-weight: Medium;
   }
   .usesimg img {
      width: 90vw;
      height: 100%;
   }
}

/* Aido */
.teaching-ass-Can-do {
   background-image: url(../../img/ai-teaching-assistant/aidoback.png);
   background-size: cover;
   width: 100vw;
   display: flex;
   justify-content: center;
   padding: 0px 30px 40px 0px;
}
.aidoimg{
   width: 120vw;
   height: 100%;
   margin: 0px;
   padding: 0px;
}
.aidoimg .aidoimg-lap{
   width: 120vw;
   height: 110%;
   margin-top: 0px;
}
.aidotext {
   display: flex;
   flex-direction: column;
   color: white;
   padding-right: 40px;
   padding-top: 55px;
}
.aidotext h1 {
   font-family: "Gotham";
   font-size: 32px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 20px;
}
.aidotext ul {
   display: flex;
   flex-direction: column;
   padding-left: 0px;
   margin-left: 0px;
}
.aidotext li {
   display: flex;
}
.aidotext li img {
   width: 13px;
   height: 13px;
   margin-top: 5px;
   margin-right: 10px;
}
.aidotext li p {
   font-size: 16px;
   line-height: 1.3;
   font-family: 'Gotham';
   font-weight: 300 !important;
}
.aidotext li p span{
   font-family: 'Gotham';
   font-weight: 500;
}
.aidotext .ask {
   align-self: flex-start;
   background-color: #151515;
}
.languages-laptop-img{
   display: none;
}

@media screen and (max-width:756px) {
   .teaching-ass-Can-do{
      padding: 15px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }
   .aidoimg{
      height: 100px;
      display: none;
   }
   .aidotext h1{
      font-size: 18px;
      letter-spacing: 0.2;
   }
   .aidotext li p{
      font-size: 11px;
      line-height: 1.4;
   }
   .languages-laptop-img{
      display: block;
   }
}

@media screen and (min-width:756px) and (max-width:830px) {
   .teaching-ass-Can-do{
      padding: 30px;
      justify-content: center;
      align-items: center;
   }
   .aidotext h1{
      font-size: 18px;
      letter-spacing: 0.4;
   }
   .aidotext li p{
      font-size: 14px;
      line-height: 1.4;
   }
   .aidoimg{
      width: 100vw;
      height: 400px;
      padding-top: 30px;
   }
   .aidoimg .aidoimg-lap{
      width: 100%;
      height: 250px;
   }
}

/* keyfeatues */
.keyfeat {
   padding: 35px 0px 60px 65px;
   display: flex;
   width: 100%;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.keyhead{
   font-family: "Gotham";
   font-size: 34px;
   font-weight: 500;
   text-align: center;
   width: 60%;
}
.keymain{
   display: flex;
}
.keyinfo-list{
   list-style-type: none;
   gap: 20px;
}
.keyinfo{
   width: 35%;
}
.keyinfo-list li{
   display: flex;
   gap: 10px;
   margin-bottom: 20px;
   color: #202020;
}
.keyinfo-list img{
   width: 31px;
   height: 31px;
   margin-right: 5px;
}
.keyfeat-list-headin{
   font-family: 'Montserrat', sans-serif;
   font-weight: 600;
   font-size: 13px;
   letter-spacing: 0.5;
   margin-top: 0px;
   margin-bottom: 5px;
   color: #000000;
}
.keyinfo-item1 p{
   font-family: 'Montserrat', sans-serif;
   font-size: 10.5px;
   font-weight: 550;
   color: #212020;
   margin-bottom: 6px;
   line-height: 1.4;
   letter-spacing: 0.4px;
}
.keyinfo-item1 .fee-para{
   font-size: 12px;
}
.keyinfo-item1 span{
   font-family: 'Gotham';
   font-size: 12px;
   font-weight: 500;
   color: #cf55b7;
}
.keyimg{
   display: flex;
   margin-left: 10px;
}
.keyimg img{
   height: 330px;
   width: 150px;
}
.keyimg .item1{
   margin: 5px;
}
.keyimg .item2{
   margin-top: 50px;
}
.keyfeat-note{
   margin-top: 20px;
   font-size: 11px;
   font-family: 'Montserrat', sans-serif;
   color: #2a2a2a;
}
.keyfeat-note span{
   columns: #000000;
   font-size: 11px;
   font-weight: 600;
}

@media screen and (max-width:756px){
   .keyfeat{
      padding: 10px;
   }
   .keyhead{
      font-size: 16px;
      width: 100%;
   }
   .keymain{
      flex-direction: column;
   }
   .keyinfo-list{
      gap: 0px;
   }
   .keyinfo{
      width: 100%;
   }
   .keyinfo-list li{
      gap: none;
   }
   .keyinfo-list img{
      width: 20px;
      height: 20px;
   }
   .keyfeat-list-headin{
      font-size: 11px;
   }
   .keyinfo-item1 p{
      font-size: 10px;
   }
   .keyimg{
      align-items: center;
      justify-content: center;
      margin-top: 0px;
   }
   .keyimg img{
      width: 100px;
      height: 200px;
   }
   .keyfeat-note{
      margin-top: 0px;
      padding: 0px;
      font-size: 11px;
   }
   .keyfeat-note span{
      font-size: 11px;
   }
}

@media screen and (min-width:756px) and (max-width:830px) {
   .keyfeat{
      padding: 30px;
   }
   .keyhead{
      font-size: 24px;
      width: 100%;
   }
   .keyinfo-list{
      gap: 0px;
      padding-left: 0px;
      margin-left: 0px;
   }
   .keyinfo{
      width: 100%;
   }
   .keyinfo-list li{
      gap: none;
      padding-left: 0px;
   }
   .keyinfo-list img{
      width: 22px;
      height: 22px;
      padding-left: 0px;
   }
   .keyfeat-list-headin{
      font-size: 12px;
   }
   .keyinfo-item1 p{
      font-size: 11px;
   }
   .keyimg{
      align-items: center;
      justify-content: center;
      margin-top: 0px;
   }
   .keyimg img{
      width: 180px;
      height: 200px;
   }
   .keyfeat-note{
      margin-top: 0px;
      padding: 0px;
      font-size: 11px;
   }
   .keyfeat-note span{
      font-size: 11px;
   }
}

/*aitech */
.aiteach {
   width: 100vw;
   background-image: url(../../img/ai-teaching-assistant/aiteachback.png);
   background-size: cover;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 40px 80px 40px 90px;
   color: white;
   justify-content: space-evenly;
}
.info{
   width: 50%;
}
.infohead{
   width: 100%;
   font-size: 33px;
   color: #fff;
   font-family: 'Gotham';
   font-weight: 500;
}
.infohead span{
   color: #000000;
   font-weight: 500;
}
.aiteachimg {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 82%;
   width: 52%;
}
.aiteachimg img {
   height: 100%;
   width: 96%;
}
.aiteach-list{
   list-style-type: none;
   margin-top: 20px;
   padding-left: 0px;
   margin-left: 0px;
}
.aiteach-list li{
   display: flex;
   gap: 10px;
   margin-bottom: 12px;
}
.aiteach-list li img{
   width: 32px;
   height: 32px;
   margin: 5px;
}
.aiteach-list li div{
   display: flex;
   flex-direction: column;
}
.aiteach-list h1{
   margin: 0px 0px 6px;
   font-size: 13px;
   color: #fff;
   font-weight: 500;
}
.aiteach-list p {
   font-family: 'Montserrat', sans-serif;
   font-size: 10px;
   color: #fff;
   font-weight: 500;
   line-height: 1.5;
}

@media screen  and (max-width:756px) {
   .aiteach{
      flex-direction: column;
      padding: 20px;
   }
   .aiteachimg{
      width: 90%;
      margin: 20px;
   }
   .aiteachimg img{
      width: 76%;
      height: 20%;
   }
   .info{
      width: 100%;
   }
   .info h1{
      font-size: 20px;
   }
   .aiteach-list li h2{
      font-size: 12px;
   }
   .aiteach-list li p{
      font-size: 10px;
   }
   .infohead span{
      font-size: 21px;
   }
   .aiteach-list li{
      gap: 6px;
      margin-bottom: 0px;
   }
   .aiteach-list li img{
      width: 20px;
      height: 20px;
   }
   .aiteach-list h1{
      font-size: 14px;
   }
   .aiteach-list p{
      margin-bottom: 8px;
   }
}

@media screen  and (min-width:756px) and (max-width:830px) {
   .aiteach{
      padding: 30px;
   }
   .aiteachimg{
      width: 100%;
   }
   .aiteachimg img{
      width: 100%;
      height: 20%;
      margin-left: 20px;
   }
   .info{
      width: 100%;
   }
   .info h1{
      font-size: 25px;
   }
   .aiteach-list li h2{
      font-size: 14px;
   }
   .aiteach-list li p{
      font-size: 12px;
   }
   .infohead span{
      font-size: 21px;
   }
   .aiteach-list li{
      gap: 6px;
      margin-bottom: 0px;
   }
   .aiteach-list li img{
      width: 20px;
      height: 20px;
   }
   .aiteach-list h1{
      font-size: 14px;
   }
   .aiteach-list p{
      margin-bottom: 8px;
   }
}

/* status */
.status {
   display: flex;
   align-items: center;
   justify-content: space-evenly;
   width: 100vw;
   padding: 30px;
}
.stat1 {
   width: 170px;
   height: 180px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   font-size: 12px;
   gap: 4px;
   font-weight: 500;
}
.statimg {
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #8fcbd36d;
   width: 65%;
   border-radius: 50%;
   aspect-ratio: 1;
}
.stat1 img {
   width: 55%;
}
.stat1 .statnum {
   color: #000000;
   font-family: "Gotham";
   font-weight: 500;
   font-size: 26px;
   margin-top: 10px;
}
.stat1 .statname{
   font-size: 13px;
   font-family: "Gotham";
   color: #393838;
   font-weight: 500;
}

@media screen and (max-width:756px) {
   .status {
      min-height: 20vh;
      padding: 10px;
   }
   .stat1{
      width: 120px;
      height: 120px;
      gap: none;
   }
   .statimg{
      width: 50px;
      height: 50px;
   }
   .statimg img{
      width: 20px;
      height: 30px;
   }
   .stat1 .statnum{
      font-size: 13px;
   }
   .stat1 .statname{
      font-size: 10px;
   }
}

@media screen and (min-width:756px) and (max-width:830px)  {
   .status {
      min-height: 30vh;
      padding: 20px;
   }
   .stat1{
      width: 120px;
      height: 120px;
      gap: none;
   }
   .statimg{
      width: 50px;
      height: 50px;
   }
   .statimg img{
      width: 20px;
      height: 30px;
   }
   .stat1 .statnum{
      font-size: 16px;
   }
   .stat1 .statname{
      font-size: 13px;
   }
}

/* whybest */
.whybest {
   padding: 30px 0px 40px 0px;
   display: flex;
   flex-direction: column;
   width: 100vw;
   align-items: center;
   justify-content: center;
   background-image: url(../../img/ai-teaching-assistant/whybestback.png);
   background-size: cover;
   background-color: #CA21A9;
}
.whybest h1{
   font-size: 32px;
   color: #fff;
   font-family: 'Montserrat',sans-serif;
   font-weight: 600;
   margin: 20px;
   margin-bottom: 10px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.whybest h2{
   font-size: 22px;
   font-weight: 500;
   color: #fff;
}
.whybest .table{
   list-style-type: none;
   width: 85vw;
   margin-top: 20px;
}
.table-top{
   display: flex;
   background-color: #fff;
   align-items: center;
   padding: 5px 20px 5px 20px;
   color: #000000;
}
.table-top p{
   margin: 0px;
   font-size: 13px;
}
.table-col1{
   width: 30%;
   font-weight: 600;
   font-size: 13px;
}
.table-col2-img{
   width: 20%;
}
.table-col2-img img{
   height: 25px;
   text-align: center;
}
.table-col3{
   width: 15%;
   text-align: center;
}
.table-items{
   display: flex;
   padding: 5px 5px 5px 10px;
}
.item-name{
   width: 30%;
   color: #fff;
   font-weight: 500;
   font-size: 12px;
   margin: 0px;
}
.review-item1{
   width: 20%;
   text-align: center;
}
.review-item2{
   width: 15%;
   text-align: center;
}
.review-item1 img{
   width: 15px;
   height: 15px;
}
.review-item2 img{
   width: 15px;
   height: 15px;
}
.review-item-color1{
   background-color: #CA21A9;
}
.review-item-color2{
   background-color: #ee5bd0;
}

@media screen and (max-width:756px){
   .whybest{
      padding: 6px 10px;
   }
   .whybest h1{
      font-size: 20px;
      margin-bottom: 10px;
   }
   .whybest h2{
      font-size: 17px;
      margin-bottom: 10px;
   }
   .whybest .table{
      width: 100%;
      margin-left: 0px;
      padding-left: 0px;
      line-height: none;
   }
   .table-top{
      padding: 6px;
   }
   .table-col1{
      font-size: 12px;
      width: 35%;
   }
   .table-col2-img{
      width: 25%w;
   }
   .table-col2-img img{
      height: 14px;
   }
   .table-col3{
      font-size: 9px;
      line-height: 1;
      width: 20%;
   }
   .CompanyC{
      display: none;
   }
   .item-name{
      font-size: 10px;
      line-height: 1;
      width: 35%;
   }
   .review-item1{
      width: 25%;
   }
   .review-item2{
      width: 20%;
   }
   .review-item1 img{
      width: 12px;
      height: 12px;
   }
   .review-item2 img{
      width: 12px;
      height: 12px;
   }
}

@media screen and (min-width:756px) and (max-width:830px){
   .whybest{
      padding: 30px;
   }
   .whybest h1{
      font-size: 25px;
      margin-bottom: 10px;
   }
   .whybest h2{
      font-size: 19px;
      margin-bottom: 10px;
   }
}

/*Users talk css */
.testimonial-new{
	height: auto;
	width: 100%;
	background-image: url(../../img/ourselfstudy_testimonial_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% top;
	padding-bottom: 74px;
}
.testimonial-new h2{
	color: #fff;
	font-family: "Gotham";
	font-weight: 500;
	font-size: 42px;
	margin-top: 100px;
	margin-bottom: 40px;
	text-align: center;
}
.owl-carousel .owl-item img {
	display: initial!important; 
	width: auto!important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	display: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background: 0 0;
	color: inherit;
	border: none;
	padding: 0 !important;
	font: inherit;
	float: none;
	margin: 0 auto;
}
.testimonial-new{
	height: auto;
	width: 100%;
	background-image: url(../../img/ourselfstudy_testimonial_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% top;
	padding-bottom: 100px;
}
.testimonial-new h2{
	color: #fff;
	font-family: "Gotham";
	font-weight: 500;
	font-size: 42px;
	margin-top: 90px;
	margin-bottom: 40px;
	text-align: center;
}
.testimonial-box p {
	width: 80%;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 35px;
	padding-bottom: 35px;
	font-size: 16px;
	color: #202020;
   font-weight: normal;
	text-align: center;
	background: #fff;
	float: none;
	margin: 0 auto;
	position: relative;
}
.testimonial-box p:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	margin-left: -20px;
	margin-bottom: -15px;
}
.testimonial-box img{
	margin-top: 20px;
}
.testimonial-box .student_name{
	background: transparent;
	padding-top: 20px;
	font-family: "Gotham";
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	margin-bottom: 0;
	padding-bottom: 10px;
}
.testimonial-box .student_name:after{
	display: none;
}
.testimonial-box .student_name span{
	font-family: "Gotham";
	font-size: 12px;
	font-style: italic;
	font-weight: 300;
}
.testimonial-quote-left{
	padding-right: 10px;
	color: #1babbf;	
}
.testimonial-quote-right{
	padding-left: 10px;
	color: #e355bb;
}
.testimonial-user {
	width: 79px;
	height: 79px;
	border-radius: 50%;
	border: 1px solid #6ed7bd;
	padding: 8px;
}
@media screen and (max-width:756px) {
   .testimonial-new h2{
      font-size: 34px !important;
   }
}
@media screen and (max-width:540px) {
   .testimonial-new h2{
      font-size: 26px !important;
   }
}
@media screen and (max-width:440px) {
   .testimonial-new h2{
      font-size: 20px !important;
   }
}

/* faq */
#index-faqs-section{
   margin-top: 90px; 
   min-height: 50vh !important;
   margin-right:0px;
   padding-bottom: 65px;
}
#index-faqs-section h3{
   margin-bottom: 40px; 
   font-size: 38px;
   font-family: GothamMedium;
   font-weight: 100;
   font-style: normal;
   color: black;
}
#index-panel-default1,#index-panel-default2,#index-panel-default3,#index-panel-default4,#index-panel-default5{
   margin-bottom: 15px;
   border: 1px solid rgb(200, 200, 200);
   text-align: left;
}
#index-panel-body{
    padding-left: 25px;
    padding-top: 10px;
    text-align: left;
    font-size: 16px; font-family: GothamBook; font-weight: 300;
}
#index-panel-head.collapsed:after {
   /* symbol for "collapsed" panels */
   content: "\e080";
   /* adjust as needed, taken from bootstrap.css */
   color: rgb(237, 62, 203); 
   margin-top: -20px;
   padding-right: 15px;
}
#index-panel-head{
   background-color: rgb(237, 62, 203);
   color: white;
   cursor: pointer;
   padding: 15px;
   padding-left: 25px;
}
#index-panel-head.collapsed{
   background-color:white;
   color: black;
   cursor: pointer;
   padding: 15px;
   padding-left: 25px;
}
.card-link{
   font-size: 19px; font-family: GothamMedium; font-weight: 100; font-style: normal;
}
.ans-link{
   text-decoration: none !important;
}
@media screen and (max-width:756px) {
   #index-faqs-section h3{
      font-size: 34px;
   }
}
@media screen and (max-width:540px) {
   .card-link{
      font-size: 16px;
   }
   #index-faqs-section h3{
      font-size: 26px;
   }
}
@media screen and (max-width:440px) {
   .card-link{
      font-size: 14px;
   }
   #index-panel-body{
      font-size: 13px;
   }
   #index-faqs-section h3{
      font-size: 20px;
   }
}

/* patners */
.patners {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100vw;
   background-color: rgb(239, 236, 236);
   padding: 30px 20px 60px 20px;
}
.patners h1{
   font-size: 33px;
   color: #000000;
   font-family: "Gotham";
   font-weight: 500;
}
.patimg img {
   height: 45px;
}
.patimg {
   width: 90vw;
   display: flex;
   justify-content: space-between;
}
@media screen and (max-width:756px) {
   .patners{
      padding: 25px;
   }
   .patners h1{
      font-size: 20px;
      margin: 10px;
   }
   .patimg{
      flex-wrap: wrap;
   }
   .patimg img{
      height: 25px;
      margin: 10px;
   }
}
@media screen and (min-width:756px) and (max-width:830px) {
   .patners{
      padding: 25px;
   }
   .patners h1{
      font-size: 25px;
      margin: 10px;
   }
   .patimg img{
      height: 28px;
      margin: 10px;
   }
}

/* news-section */
.news {
   padding: 40px 80px;
   background-color: #fff;
}
.news-container {
   display: flex;
   flex-direction: column;
   gap: 30px;
}
.news-heading {
   font-family: "Gotham";
   text-align: center;
   font-size: 32px;
   font-weight: 500;
   margin-bottom: 0px;
}
.news-info-container {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   gap: 18px;
   margin-bottom: 0px;
}
.news-img-card {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   align-self: flex-start;
}
.news-img-card h1 {
   font-size: 22px;
   font-weight: 600 !important;
   font-family: 'Montserrat',sans-serif;
   width: 80%;
}
.news-img {
   height: 62%;
   margin-bottom: 10px;
}
.news-text1 {
   font-size: 13px;
   color: #151515;
   line-height: 1.5;
}
.news-list{
   list-style-type: none;
   margin-left: 0px;
   align-self: flex-start;
   margin-top: 0px;
   padding: 0px;
}
.news-list li{
   display: flex;
   gap: 15px;
   margin-bottom: 20px;
}
.news-list li img{
   width: 200px;
   height: 110px;
}
.news-list li h1{
   font-size: 14px;
   margin-bottom: 10px;
   margin-top: 0px;
   color: #000000;
   font-weight: 600 !important;
   font-family: 'Montserrat',sans-serif;
}
.news-list .list-image{
   width: 200px;
   height: 135px;
}
.news-list li p{
   font-size: 11px;
   font-family: 'Montserrat',sans-serif;
   font-weight: 600;
   color: #151515;
   line-height: 1.8;
}
.new-btn1{
   padding: 10px 15px;
}
.news-btn2{
   display: none;
}
.news-container p {
   font-size: 12px;
   font-weight: 500;
   color: #000000;
}
.news span{
   font-size: 12px;
   font-weight: 600;
   color: #2e2e2e;
}
.news p{
   font-size: 12px;
   color: #2b2a2a;
}

@media screen and (max-width:756px) {
   .news{
      padding: 10px;
   }
   .news-heading{
      font-size: 20px;
      margin: 10px;
      margin-bottom: 0px;
      padding-bottom: 0px;
   }
   .news-info-container{
      flex-direction: column;
      align-items: center;
      margin: 0px;
      padding: 0px !important;
   }
   .news-img{
      height: 100px;
      width: 300px;
   }
   .news-img-card h1{
      font-size: 14px;
      width: 100%;
      margin:5px 0px 10px;
   }
   .new-btn1{
      display: none;
   }
   .news-list{
      padding: 0px;
      margin: 0px;
   }
   .news-list li{
      flex-direction: column;
   }
   .news-list li img{
      width: 200px;
      height: 100px;
   }
   .news-list .list-image{
      height: 110px;
      width: 200px;
   }
   .news-list li p{
      line-height: 1.3;
   }
   .news-btn2{
      display: block;
      align-self: flex-start;
   }
   .news p{
      font-size: 10px;
      line-height: 1.3;
   }
}

@media screen and (min-width:757px) and (max-width:830px) {
   .news{
      padding: 20px;
   }
   .news-heading{
      font-size: 25px;
      margin: 10px;
      margin-bottom: 0px;
      padding-bottom: 0px;
   }
   .news-info-container{
      align-items: center;
      margin: 0px;
      padding: 0px !important;
   }
   .news-img{
      height: 20%;
      width: 95%;
   }
   .news-img-card h1{
      font-size: 14px;
      width: 100%;
      margin:5px 0px 10px;
   }
   .news-list{
      padding: 0px;
      margin: 0px;
   }
   .news-list li img{
      width: 180px;
      height: 90px;
   }
   .news-list .list-image{
      height: 110px;
      width: 200px;
   }
   .news-list li p{
      line-height: 1.2;
   }
   .news-btn2{
      display: none;
   }
   .news p{
      font-size: 10px;
      line-height: 1.3;
   }
}