/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
  font-family: "Segoe Script";
  src: url("fonts/SegoeScript-Bold.eot");
  src: url("fonts/SegoeScript-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/SegoeScript-Bold.woff2") format("woff2"),
    url("fonts/SegoeScript-Bold.woff") format("woff"),
    url("fonts/SegoeScript-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cloud Soft";
  src: url("fonts/CloudSoft-Light.woff2") format("woff2"),
    url("fonts/CloudSoft-Light.woff") format("woff"),
    url("fonts/CloudSoft-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cloud Soft";
  src: url("fonts/CloudSoft-Bold.woff2") format("woff2"),
    url("fonts/CloudSoft-Bold.woff") format("woff"),
    url("fonts/CloudSoft-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Light"), local("Poppins-Light"),
    url("fonts/Poppins-Light.woff2") format("woff2"),
    url("fonts/Poppins-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Bold"), local("Poppins-Bold"),
    url("fonts/Poppins-Bold.woff2") format("woff2"),
    url("fonts/Poppins-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Regular"), local("Poppins-Regular"),
    url("fonts/Poppins-Regular.woff2") format("woff2"),
    url("fonts/Poppins-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Thin"), local("Poppins-Thin"),
    url("fonts/Poppins-Thin.woff2") format("woff2"),
    url("fonts/Poppins-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins SemiBold"), local("Poppins-SemiBold"),
    url("fonts/Poppins-SemiBold.woff2") format("woff2"),
    url("fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Medium"), local("Poppins-Medium"),
    url("fonts/Poppins-Medium.woff2") format("woff2"),
    url("fonts/Poppins-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"),
    url("fonts/Poppins-ExtraLight.woff2") format("woff2"),
    url("fonts/Poppins-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Black"), local("Poppins-Black"),
    url("fonts/Poppins-Black.woff2") format("woff2"),
    url("fonts/Poppins-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* 
################################################### Header #######################################
*/

.home .branding-container {
  /*visibility: hidden;*/
}

header .menu-link span {
  font-size: 1.5rem;
}

header .elementor-element-populated {
  padding: 0 !important;
}

.home header.custom-header {
  position: absolute !important;
}

.home header.custom-header header {
  background-color: rgba(21, 26, 92, 0.65) !important;
}

.home #site-header {
  background: transparent;
}

/* 
################################################# Main ###############################################
*/
.home-banner-img {
  visibility: hidden;
}

.home-banner-logo {
  position: relative;
  max-width: 1140px;
  margin: 0 auto;
}

.home-banner-logo .elementor-widget-container {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 85px;
}

.home-overlapper-section-container {
  height: 100%;
  min-height: 250px;
}

.home-overlapper-section-container>div {
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  top: -50px;
}

.home-overlapper-section-container p {
  margin: 0;
}

span.welcome-msg::before {
  content: "";
  background: #ffc218;
  position: absolute;
  -webkit-clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

span.welcome-msg {
  position: relative;
  font-size: 2.4rem;
  font-family: "Poppins";
  font-weight: 600;
  text-transform: uppercase;
  color: #090505;
  letter-spacing: 1rem;
  padding: 20px 40px;
  z-index: 1;
}

.welcome-msg-logo {
  position: relative;
}

.welcome-msg-logo>div {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  left: -45%;
}

.welcome-msg-logo>div>div.custom-header-logo {
  margin-left: 20px;
}

.home-comparison .col-middle::before {
  content: "VS";
  height: 100px;
  width: 100px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 100px;
  color: #484848;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.home-floating-img {
  position: absolute !important;
  left: 50%;
  top: -50%;
  z-index: 1;
  transform: translateX(calc(100vw - calc(100vw + 25%)));
}

.home-floating-img img {
  max-width: 320px !important;
}

.achivements-person .elementor-image-box-img {
  width: 100% !important;
}

.achievements-container::before {
  content: "";
  background: #09151e;
  width: 100%;
  height: 65%;
  position: absolute;
  top: 0;
}

.achivements-person h3 {
  font-family: "Segoe Script" !important;
  font-size: 1.8rem;
  color: #fff;
}

.home-read-more i {
  margin-left: 10px;
}

.achievements-main-container .elementor-widget-wrap>section:last-child .elementor-widget-container {
  margin-bottom: 0;
}

.student-interview-wrapper img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.single-interview-wrapper {
  display: grid;
  position: relative;
  grid-template-columns: 1fr 1.5fr;
  grid-template-rows: auto;
  min-height: 330px;
  height: 100%;
}

.single-interview-img {
  width: 100%;
}

.home-alumni-slider .owl-stage {
  display: flex;
}

.home-alumni-slider .owl-stage-outer {
  overflow: hidden;
}

h3.achiver-name {
  color: #fff;
}

.single-alumni-slide {
  text-align: center;
}

.image-wrapper {
  height: 100%;
  max-height: 250px;
  margin-bottom: 20px;
}

.achiver-img {
  border: 5px solid #fec119 !important;
  max-height: 250px;
  height: 100% !important;
}

.achiver-comment {
  color: #fff;
  font-family: "Poppins", Sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5em;
}

.content-1 {
  position: relative;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 2;
  left: 30px;
  top: 15px;
}

.content-2 {
  grid-column-start: 2;
  background: #141a5b;
  padding: 50px 30px 30px 50px;
  font-family: "poppins";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5em;
  grid-column-end: -1;
  grid-row-start: 1;
  grid-row-end: 3;
  position: relative;
  top: 50px;
  color: #fff;
  height: 90%;
}

.content-3 {
  font-family: "poppins";
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.5em;
  background: #ffc218;
  padding: 30px 20px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3;
  color: #232323;
  position: relative;
  width: calc(100% + 30px);
}

.content-4 {
  text-align: right;
  padding-top: 10px;
}

.content-4 i {
  color: #1b75bc;
}

.content-4 a {
  padding: 10px;
  border-left: 3px solid #ffc218;
  border-bottom: 3px solid #ffc218;
}

.content-4 a:hover i {
  animation-name: elementor-animation-pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

.get-started-body a {
  color: #fff;
}

.get-started-body a:hover {
  color: #f8c919;
}

.font-medium {
  font-weight: 600;
}

/* Inline #44 | https://webappdesigns.com/projects/finn-college/ */

.event-content-wrapper {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr minmax(160px, auto);
  grid-template-areas: "img""title""read-more";
  overflow: hidden;
  transition: all 350ms ease;
}

.event-content-wrapper:hover {
  box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.1);
  transition: all 300ms ease;
}

.event-content-wrapper:hover img {
  transform: scale(1.1);
  transition: transform 300ms ease;
}

.event-img {
  grid-area: img;
  overflow: hidden;
}

.event-img img {
  height: 100% !important;
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 260px;
  min-height: 260px;
  transition: transform 350ms ease;
}

.event-date {
  grid-area: date;
}

.event-title {
  grid-area: title;
}

.read_more {
  grid-area: read-more;
  background-color: #fcfcfc;
  text-align: center;
  padding-bottom: 20px;
}

.home-finn-event-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 30px 0;
}

.event-date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0e0f10;
  font-size: 1.3rem;
  font-family: "poppins";
  text-align: center;
  color: #fff;
  padding: 20px;
  font-weight: 400;
}

.event-title {
  background: #fcfcfc;
  font-family: "poppins";
  font-size: 1.6rem;
  font-weight: 600;
  text-align: center;
  padding: 20px 40px;
  height: 100%;
}

.event-date::before {
  content: url(images/calender-ico.jpg);
  position: relative;
  display: block;
}

.event-content-wrapper .read_more a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: inherit;
  font-size: inherit;
  padding-left: 5px;
}

/* 
##################################################### Footer ########################################
*/

footer .menu {
  list-style: none;
  margin: 0;
}

footer #menu-footer-menu li a,
footer #menu-footer-menu-thai li a {
  color: #fff;
  font-family: "Poppins";
  font-size: 1.4rem;
  line-height: 3rem;
  text-transform: uppercase;
}

footer #footer-widgets {
  padding: 0;
}

.line-button>div {
  text-align: center;
}

footer #site-logo #site-logo-inner a img {
  max-width: 100%;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*
.owl-carousel .owl-video-tn {
    background-size: cover;
    padding-bottom: 56.25%; /* 16:9 
      padding-top: 25px;
  }
  
  .owl-video-frame {
      position: relative;
      padding-bottom: 56.25%; /* 16:9 
      padding-top: 25px;
      height: 0;
  }
  .owl-video-frame iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  
  .owl-dots {
    text-align: center;
    margin-top: 20px;
  }
  
  .owl-dot {
    display: inline-block;
  }
  
  .owl-dot span {
    width: 11px;
    height: 11px;
    background-color: #ccc;
    border-radius: 50%;
    display: block;
    margin: 5px 3px;
  }
  
  .owl-dot.active span {
    background-color: #000;
  }
  */

/* .owl-carousel {
    display: inherit !important;
  width: 90% !important;
  margin: 0 auto;
}

.item-video iframe {
  width: 100%;
  margin: 0 auto;
}

.owl-carousel img {
  width: 100%;
  height: auto;
}
.owl-carousel .item-video{height:300px} */

/* .owl-carousel .item-video {
    height: 300px;
}

.owl-carousel .owl-video-wrapper {
    height: 300px !important;
} */

.youtube_video_slider {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 30px;
  grid-auto-flow: row;
}

.single-video {
  margin-bottom: 15px;
}

.video-title {
  font-family: "poppins";
  font-weight: 400;
  text-align: center;
  color: #3c3c3c;
}

/* 
######################################################## INTERNAL PAGE ##############################################
*/

/* 
################################ Study at Finn ##############################
*/

.study-at-finn::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2019/11/bg-img-1-1.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

.parent.display-grid {
  display: grid;
  grid-template-columns: 8fr 4fr;
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

.child.display-flex {
  display: flex;
  flex-direction: column;
}

.child.heading {
  padding: 20px 27px;
  color: #fff;
  font-family: "poppins";
  font-weight: 600;
  font-size: 2.4rem;
  text-transform: uppercase;
}

.bg-blue {
  background: #151a5c;
}

.bg-yellow {
  background: #ffc217;
}

ul.child {
  list-style: none;
}

.child.display-grid {
  display: grid;
  grid-auto-rows: 1fr;
  margin-left: 0;
  padding: 0 7px 0 15px;
}

.child.display-grid.col-two {
  grid-template-columns: repeat(2, 1fr);
}

.child.display-grid.col-one {
  grid-template-columns: 1fr;
}

ul.child li {
  display: flex;
  align-items: flex-start;
}

ul.child li::before {
/*   content: url(/wp-content/uploads/2019/11/round-tick.png); */
  content: url(/wp-content/uploads/2021/03/arrow-ico-1.png);
  position: relative;
  margin-right: 5px;
  display: inline-block;
}

.semester-accordian .table-responsive {
  overflow: hidden;
}

.semester-cost table thead {
  padding: 0 50px;
  background: #ffc217;
}

.semester-cost table tbody>tr:last-child {
  background: #fff;
}

.semester-cost table tbody>tr>td:first-child {
  padding-left: 30px;
}

.semester-cost table thead>tr>th:first-child {
  padding-left: 50px;
}

.semester-accordian .elementor-tabs-wrapper>div.elementor-tab-title {
  background: #eee;
  border-radius: 6px;
}

.semester-accordian .elementor-tabs-wrapper>div.elementor-tab-title.elementor-active {
  background: #151a5c;
}

.semester-accordian .elementor-tabs-wrapper>div.elementor-tab-title.elementor-active::after {
  content: "";
  position: absolute;
  background: #151a5c;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.semester-accordian .elementor-tabs-wrapper {
  margin-bottom: 20px;
  overflow: visible !important;
  display: flex;
  justify-content: space-between;
}

.semester-accordian .elementor-tab-desktop-title.elementor-active::before {
  border-bottom-style: none !important;
}

.semester-accordian .elementor-tabs-wrapper>div.elementor-tab-title {
  padding-left: 35px;
  padding-right: 35px;
}

.semester-accordian .elementor-tab-content {
  padding: 0 !important;
  padding-bottom: 10px !important;
  background: #ebebeb;
}

.semester-accordian .table-responsive thead th:first-child,
.semester-accordian .table-responsive tbody>tr>td:first-child {
  padding-left: 30px;
}

.bg-white {
  background: #fff;
}

.semester-accordian.semester-2 .elementor-tabs-wrapper>div.elementor-tab-title {
  padding-left: 58px;
  padding-right: 58px;
}

.semester-accordian.semester-3 .elementor-tabs-wrapper>div.elementor-tab-title {
  padding-left: 25px;
  padding-right: 25px;
}

.semester-accordian.semester-4 .elementor-tabs-wrapper>div.elementor-tab-title {
  padding-left: 12px;
  padding-right: 12px;
}

.semester-accordian .table-responsive tbody>tr.last-row>td {
  font-weight: 700;
}

.semester-accordian .last-row.bg-white {
  border-left: 30px solid #ebebeb;
  border-right: 30px solid #ebebeb;
}

.semester-accordian .table-responsive thead th:first-child,
.semester-accordian .table-responsive tbody>tr:not(.last-row)>td:first-child {
  padding-left: 45px;
}

.semester-accordian p.semester-table-info,
.semester-accordian div.semester-table-info {
  padding: 30px 45px;
  margin-bottom: 0;
}

/* 
########################################################## Why FINN ######################################################
*/
.why-finn-banner::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2020/01/finn-process_edited.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

/* 
########################################################### Professor Page ##################################################
*/
.page_content {
  padding: 80px 0;
}

.professors-details-container .professor-details-container:not(:last-child) {
  margin-bottom: 70px;
}

.display-grid {
  display: grid;
  grid-template-columns: 1fr 1.5fr 1.5fr;
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

.professor-name {
  font-size: 3.6rem;
  text-transform: uppercase;
  font-weight: 700;
  color: #151a5c;
  font-family: "poppins";
  line-height: 1.5em;
  margin-bottom: 0;
}

.professor-designation {
  color: #14191d;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
}

.professor-image img {
  width: 100%;
}

.middle-column .professor-education {
  font-family: "Poppins", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #14191d;
}

.middle-column .professor-education h4 {
  background: #151a5c;
}

.middle-column .professor-education h4,
.last-column .professor-experience h4 {
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.5em;
  padding: 20px 30px;
  text-transform: capitalize;
}

.last-column .professor-experience h4 {
  background: #ffc217;
}

ul.education-list {
  font-size: 1.4rem;
  color: #14191d;
  font-weight: 400;
  font-family: "Poppins", sans-serif;
  line-height: 1.5em;
  text-rendering: optimizeLegibility;
}

ul.education-list li:not(:last-child) {
  margin-bottom: 10px;
}


/* 
###################################################### PARTNER UNIVERSITIES #########################################
*/
.partner-universities::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2019/11/bg-img-universities.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

.finn-universities-container {
  display: flex;
  flex-direction: column;
}

.finn-universities-container .university-wrapper .university-title {
  font-size: 2.8rem;
  text-align: left;
  font-weight: 600;
  color: #151a5c;
  font-family: "Poppins";
}

.finn-universities-container .university-wrapper .university-details-wrapper {
  /* :nth-child(odd) */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 30px;
  grid-auto-rows: auto;
  /* grid-template-areas: "img title" "img content"; */
}

.university-image {
  grid-area: img;
}

.university-images {
  border: 1px solid rgb(238, 238, 238);
  max-height: 230px;
  display: grid;
  place-items: center;
}

.university-majors ul {
  padding: 0px 20px;
}

/* .finn-universities-container .university-majors p {
    font-family: 'Poppins' !important;
} */
.university-majors ul li {
  list-style-image: url(images/blue-right.png);
  padding-left: 5px;
  color: #151a1d;
  font-family: "Poppins";
}
html[lang="th"] .university-majors ul li{
  font-family: "Cloud Soft" !important;
}

.university-content {
  background-color: #f6f6f6;
  padding: 40px 100px;
  margin-top: 30px;
  text-align: center;
}

.university-titles {
  font-family: "Poppins";
  font-size: 3rem;
  font-weight: 700;
}

.univers-content p {
  font-family: "Poppins";
  font-size: 1.4rem;
  font-weight: 400;
  color: #151a1d;
}

.univers-content p:last-child {
/*   font-weight: 600; */
  margin-bottom: 0px !important;
}

.university-wrapper .img-slide {
  overflow: hidden;
  max-height: 230px;
}

.university_image {
  cursor: grab;
}

.university_image>img {
  object-fit: cover;
  object-position: center;
  height: 100% !important;
  max-height: 230px;
}

.img-slide .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  color: #fff;
  font-size: 2.5rem;
  transform: translateY(-50%);
  cursor: pointer;
  line-height: 1em;
  display: flex !important;
  align-items: center;
}

.img-slide .slick-arrow,
.img-slide .slick-arrow svg {
  transition: width 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.img-slide .slick-arrow:hover,
.img-slide .slick-arrow:hover svg {
  width: 30px;
}

.img-slide .slick-prev.slick-arrow {
  left: 30px;
}

.img-slide .slick-next.slick-arrow {
  right: 30px;
  transform: translateY(-50%) rotate(180deg);
}

.img-slide .slick-arrow::before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%) scale(0);
  z-index: -1;
  transition: transform 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: translateY(-50%) scale(0);
  -moz-transform: translateY(-50%) scale(0);
  -ms-transform: translateY(-50%) scale(0);
  -o-transform: translateY(-50%) scale(0);
}

.img-slide .slick-prev.slick-arrow::before,
.img-slide .slick-next.slick-arrow::before {
  right: 40%;
  transform-origin: center left;
}

.img-slide .slick-arrow svg path {
  transition: 0.2s;
}

/* .img-slide .slick-next.slick-arrow::before {
  left: 40%;
  transform-origin: center right;
} */

.img-slide .slick-arrow:hover svg path {
  d: path("M9.532 17.496l1.424-1.382-6.335-6.146h25.392V8.015H4.91l6.335-6.146L9.821.485.909 9.133l8.623 8.363z"
    );
}

.img-slide .slick-arrow:hover::before {
  transform: translateY(-50%) scale(1);
  -webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
}

/* .finn-universities-container .university-wrapper:nth-child(even) .university-details-wrapper {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-gap: 30px;
    grid-auto-rows: 1fr;
}

.finn-universities-container .university-wrapper:nth-child(even) .university-details-wrapper .university-image {
    grid-area: -1 / -2;
} */

.finn-universities-container .university-wrapper .university-details-wrapper .university-content {
  color: #484848;
  font-family: "Poppins";
  font-weight: 400;
  text-rendering: optimizeLegibility;
}

.finn-universities-container .university-wrapper .university-details-wrapper .university-content .university-majors {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
  grid-gap: 20px;
}

.university-majors>div:first-child>div:first-child {
  background: #151a5c;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600 !important;
  font-size: 1.8rem;
  font-family: "Poppins";
  line-height: 1;
}

.university-majors>div:last-child:not(:only-child)>div:first-child {
  background: #ffc217;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600 !important;
  font-size: 1.8rem;
  font-family: "Poppins";
  line-height: 1;
}

.finn-universities-container .university-wrapper:not(:first-child) {
  padding-top: 30px;
}

.finn-universities-container .university-wrapper:not(:last-child) {
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

/* ****************************Responsuive********************* */

@media screen and (max-width: 769px) and (min-width: 991px) {
 .finn-universities-container .university-wrapper .university-details-wrapper {
    grid-column-gap: 20px !important;
  }
}

@media screen and (max-width: 768px) {
  .elementor-13 .partner-universities.elementor-element.elementor-element-37dfe95,
  .elementor-882 .partner-universities.elementor-element.elementor-element-37dfe95 {
    padding: 30px 0 !important;
  }

  .partner-universities .elementor-row  .elementor-row > .elementor-column:first-child {
    width: 57% !important;
  }
  .partner-universities::after {
    width: 48%;
    left: unset;
    right: 0;
  }
  #uni-content .elementor-heading-title{
    font-size: 3.3rem;
  }
   #uni-content .elementor-element-populated{
     padding-left:15px !important;
     padding-right: 20px  !important;
   }
   .elementor-13 .main-container.elementor-element.elementor-element-513fbac,
   .elementor-882 .main-container.elementor-element.elementor-element-513fbac {
     padding:20px 0 !important;
   }
   .elementor-13 .main-container .elementor-element-populated,
   .elementor-882 .main-container .elementor-element-populated {
     padding: 0 !important;
   }
   .university-details-wrapper{
     padding: 0 15px;
   }

  .finn-universities-container .university-wrapper .university-details-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-gap: 10px 40px !important;
    grid-template-rows: auto auto;
  }

  .img-slide {
    grid-row: 1/ span 3;
  }

  .university-majors {
    grid-row: 2/ 3;
  }
  .university-majors>div:last-child:not(:only-child)>div:first-child {
    padding: 10px 30px 10px 20px !important;
  }

  .university-images {
    max-height: 159px !important;

  }

  .university-business-majors {
    margin-bottom: 10px;
  }

  .university-majors>div:first-child>div:first-child,
  .university-majors>div:last-child:not(:only-child)>div:first-child {
    font-weight: 500 !important;
    font-size: 1.6rem !important;
    line-height: 1;
  }

  .university-images img {
    max-height: 156px;
    /* object-fit: cover;
    object-position: center; */
  }

  /* .slick-track,
  .university_image.slick-slide,
  .university_image.slick-slide img {
    height: 500px !important;
  } */
  .university_image>img {
    max-height: 250px !important;
  }

  .university-wrapper .img-slide {
    max-height: 250px;
  }

  .university-business-majors-title.acordian-head.ishidden::after,
  .university-hospitality-majors-title.acordian-head.ishidden::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    bottom: unset;
    transform: translateY(-50%);
    top: 50%;
    background: url(images/bottom-arrow.png) no-repeat center center;
    transition: 300ms ease;
    background-size: 50%;
    background-color: transparent;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
  }

  .university-business-majors-title.acordian-head:not(.ishidden)::after,
  .university-hospitality-majors-title.acordian-head:not(.ishidden)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    bottom: unset;
    top:50%;
    background: url(images/bottom-arrow.png) no-repeat center center;
    background-size: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: 300ms ease;
    background-color: transparent;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -ms-border-radius: none;
    -o-border-radius: none;
  }
  .university-content{
    padding: 40px 20px !important;
    margin-top: 25px;
  }
  
}
@media screen and (max-width: 585px) {
  .partner-universities{
     background: url(/wp-content/uploads/2019/11/bg-img-universities.jpg) center center no-repeat !important;
     background-color: none !important;
    }

 .partner-universities .elementor-row .elementor-row>.elementor-column:first-child {
   width: 100% !important;
   background-color:#ffc217c9;
 }
  .university-images{
    margin-bottom: 20px;
  }
  .img-slide{
    margin-top: 20px;
  }
  .university_image>img {
    max-width: 100% !important;
     height: 250px !important;
     max-height: 250px !important;
     width: 100%  !important;
  }
  .university-content {
    padding: 20px 15px !important;
    margin-top: 12px;
  }
  .university-titles {
    font-size: 1.8rem;
}
#uni-content .elementor-element-populated {
padding:15px !important;
text-align: center im !important;
}
.elementor-13 .partner-universities.elementor-element.elementor-element-37dfe95,
.elementor-882 .partner-universities.elementor-element.elementor-element-37dfe95 {
  padding: 30px 15px  !important;
}
#uni-content .elementor-heading-title {
  font-size: 2.4rem;
  text-align:center;
}
#uni-content p{
  text-align: center !important;
}

}

/* 
################################################# STUDENTS TESTIMONIAL ###############################################
*/

.students-testimonials::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2019/12/bg-img-students-testimonials-edited.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

.finn-testimonials-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

.testimonial-wrapper {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: center;
}

.finn-testimonials-container>div {
  text-align: center;
  padding: 30px 0;
}

.finn-testimonials-container>div a {
  color: #484848;
}

.finn-testimonials-container>div a:first-child *:not(.testimonial-profile-image) {
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Poppins";
}

.finn-testimonials-container>div a:last-child {
  background: #151a5c;
  color: #fff;
  padding: 15px 30px;
  border-radius: 6px;
}

.finn-testimonials-container>div>a:hover+a,
.finn-testimonials-container>div>a:last-child:hover {
  color: #151a5c;
  background: #ffc217;
}

.finn-testimonials-container>div img {
  max-height: 250px;
  height: 100%;
  width: fit-content;
  object-fit: cover;
  object-position: center;
}

.testimonial-title {
  color: #151a5c;
}

.testimonial-details {
  margin-bottom: 30px;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
}

/* 
################################################# ARTICLES ###############################################
*/

.second-section.articles>div::before {
  content: "VS";
  height: 100px;
  width: 100px;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 100px;
  color: #484848;
  background: #fff;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.premium-gallery-container>div {
  height: 100%;
}

.premium-gallery-container>div .pa-gallery-img.default {
  height: 100%;
}

.premium-gallery-container>div .pa-gallery-img.default .pa-gallery-img-container {
  height: 100%;
}

.premium-gallery-container>div .pa-gallery-img.default .pa-gallery-img-container img.pa-gallery-image {
  height: 100%;
}

/* 
################################################## PARENT'S TESTIMONIAL #################################################
*/
.parents-testimonials::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2019/11/picture-2.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

.parent-testimonial-wrapper {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 0.5fr 1fr 0.5fr;
  grid-template-areas:
    "img title"
    "img content"
    "img button";
  grid-gap: 20px;
}

.parent-testimonial-profile-image {
  grid-area: img;
}

.parent-testimonial-title {
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Poppins";
  color: #fff;
  background: #ffc217;
  height: 100%;
  padding-top: calc((100% / 20) - 1em);
  padding-bottom: calc((100% / 20) - 1em);
  padding-left: 30px;
}

.parent-testimonial-details {
  padding-left: 30px;
}

.parent-testimonial-wrapper>a {
  padding-left: 30px;
  background: #151a5c;
  color: #fff;
  padding: 15px 30px;
  border-radius: 6px;
  text-align: center;
  margin-left: calc(100% / 2.6);
  margin-right: calc(100% / 2.6);
  line-height: 30px !important;
  height: 60px !important;
}

.finn-parent-testimonials-container>div:not(:last-child) {
  margin-bottom: 50px;
}

.parent-testimonial-profile-image img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-width: 220px;
}

.parent-testimonial-wrapper>a:hover {
  color: #151a5c;
  background: #ffc217;
}

/* 
################################################# ABOUT US ######################################
*/
.about-us::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2019/12/about-finn.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

/* 
################################################# ACTIVITIES & EVENTS ###########################################
*/
.activities-events::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2019/11/picture-3-optimised.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

/* 
################################################# ALUMNI ###########################################
*/

.finn-all-testimonials-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

.finn-all-testimonials-container>div {
  text-align: center;
  padding: 30px 0;
}

.all-testimonial-title {
  color: #151a5c;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Poppins";
}

.all-testimonial-details {
  margin-bottom: 30px;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  color: #484848;
  font-family: "Poppins";
}

.finn-all-testimonials-container>div>a:last-child {
  background: #151a5c;
  color: #fff;
  padding: 15px 30px;
  border-radius: 6px;
}

.alumni-wrapper .finn-parent-testimonials-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

.alumni-wrapper .parent-testimonial-wrapper {
  display: block;
  text-align: center;
}

.alumni-wrapper .parent-testimonial-wrapper>div {
  text-align: center;
}

.alumni-wrapper .parent-testimonial-title {
  color: #151a5c;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: "Poppins";
  background: transparent;
  height: unset;
}

.alumni-wrapper .parent-testimonial-details {
  margin-bottom: 30px;
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  color: #484848;
  font-family: "Poppins";
}

.alumni-wrapper .parent-testimonial-wrapper>a {
  margin: 0 auto;
}

.alumni-content .elementor-tabs-wrapper {
  text-align: center;
}

.alumni-content .elementor-tab-desktop-title {
  display: inline-block !important;
}

/* 
############################################################# STUDENT INTERVIEW ##############################################
*/
.student-interview-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}

.student-interview-wrapper {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.student-interview-wrapper img.student-interview-image {
  max-height: 300px;
  object-fit: cover;
  object-position: center;
}

.student-interview-title {
  font-family: "Poppins";
  font-size: 2.4rem;
  color: #151a5c;
  font-weight: 400;
}

.student-interview-course-taken {
  font-family: "Poppins";
  font-size: 1.4rem;
  font-weight: 400;
  color: #484848;
}

body:lang(th) .student-interview-course-taken {
  display: none;
}

.student-interview-wrapper>a:last-child {
  margin-top: 20px;
  color: #151a5c;
  font-weight: 600;
  font-family: "Poppins";
  font-size: 1.6rem;
}

/* 
################################################## INDIVIDUAL STUDENT TEMPLATE #############################################
*/

.student-page {
  padding: 70px 0 30px 0;
}

.student-main-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 0 30px;
  margin-bottom: 50px;
}

.student-main-container .student-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}

.student-name {
  font-family: "Poppins";
  font-size: 2.4rem;
  font-weight: 600;
  background: #ffc217;
  color: #fff;
  line-height: 1.5em;
  padding: 10px 20px;
}

.work-container {
  font-family: "Poppins";
  font-weight: 400;
  color: #484848;
  padding: 10px 20px;
  font-size: 1.4rem;
}

.work-position-prepend {
  font-weight: 600;
  color: #151a5c;
}

span.work-position>* {
  display: inherit;
}

.testimonial-text-content {
  font-weight: 400;
  font-family: "Poppins";
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #484848;
  padding: 20px;
  font-style: oblique;
}

.prev-posts,
.next-posts {
  font-family: "Poppins";
  font-size: 1.4rem;
  font-weight: 600;
}

.prev-posts a,
.next-posts a {
  color: #484848;
}

.prev-posts a:hover,
.next-posts a:hover {
  color: #ffc217;
}

/* 
################################################## INDIVIDUAL PARENT TEMPLATE #############################################
*/

.parent-page {
  padding: 70px 0 30px 0;
}

.parent-main-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 0 30px;
  margin-bottom: 50px;
}

.parent-main-container .parent-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.parent-name {
  font-family: "Poppins";
  font-size: 2.4rem;
  font-weight: 600;
  background: #ffc217;
  color: #fff;
  line-height: 1.5em;
  padding: 10px 20px;
}

.parent-relation {
  font-family: "Poppins";
  font-weight: 400;
  color: #484848;
  padding: 10px 20px;
  font-size: 1.4rem;
  font-weight: 600;
  color: #151a5c;
}

.parent-testimonial-text-content {
  font-weight: 400;
  font-family: "Poppins";
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #484848;
  padding: 20px;
  font-style: oblique;
}

.prev-posts,
.next-posts {
  font-family: "Poppins";
  font-size: 1.4rem;
  font-weight: 600;
}

.prev-posts a,
.next-posts a {
  color: #484848;
}

.prev-posts a:hover,
.next-posts a:hover {
  color: #ffc217;
}

/* 
################################################### CONTACT PAGE #################################################
*/
.contact-us::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2019/11/1568089950886.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

.our-presence-table {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  color: #484848;
  grid-gap: 20px;
}

.our-presence-table .gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr;
  grid-gap: 20px;
}

.our-presence-table .gallery figure {
  width: 100%;
  max-width: fit-content;
}

.our-presence-table>table>tbody>tr:first-child>td {
  font-weight: 700;
  font-size: 1.8rem;
  color: #161b5d;
}

.our-presence-table>table>tbody>tr a {
  font-style: oblique;
  color: #161b5d;
  font-weight: 700;
}

.our-presence-table>table>tbody>tr a:hover {
  color: #ffc217;
}

a.contact-full-width {
  text-align: center;
  display: block;
  padding: 30px;
  font-weight: 700;
  font-size: 2rem;
  color: #fff;
}

.contact-info-1,
.contact-info-2,
.contact-info-3,
.contact-info-4 {
  background: cadetblue;
}

.contact-info-1,
.contact-info-2,
.contact-info-3 {
  margin-bottom: 20px !important;
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item img {
  width: auto !important;
  height: 100%;
  object-fit: contain;
  min-height: 200px;
}

figure.item.single-university {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}

figcaption.university-name {
  background: rgba(21, 26, 92, 0.8);
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  padding: 15px 0;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(50%);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 350ms cubic-bezier(0.42, 0, 0.3, 1.5);
}

figure.item.single-university:hover figcaption.university-name {
  transform: translateY(-50%);
  transform-origin: bottom;
}

figure.item.single-university:hover img.university-logo {
  filter: blur(3px);
}

img.university-logo {
  transition: filter 350ms ease-in-out;
}

/* 
################################################## INDIVIDUAL EVENT TEMPLATE #############################################
*/

.event-page {
  padding: 70px 0 30px 0;
}

.event-main-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  margin-bottom: 50px;
  grid-gap: 20px;
}

.event-main-container .event-image {
  /* width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top; */
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  min-height: 400px;
}

.event-name {
  font-family: "Poppins";
  font-size: 2.4rem;
  font-weight: 600;
  background: #ffc217;
  color: #fff;
  line-height: 1.5em;
  padding: 10px 20px;
}

.event-text-content {
  font-weight: 400;
  font-family: "Poppins";
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #484848;
  padding: 20px;
  font-style: oblique;
}

.event-extra-images {
  display: grid;
  grid-gap: 20px;
  margin-top: 30px;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
}

.prev-posts,
.next-posts {
  font-family: "Poppins";
  font-size: 1.4rem;
  font-weight: 600;
}

.prev-posts a,
.next-posts a {
  color: #484848;
}

.prev-posts a:hover,
.next-posts a:hover {
  color: #ffc217;
}

/* 
################################################## INDIVIDUAL STUDENT INTERVIEW TEMPLATE #############################################
*/

.student-interview-page {
  padding: 70px 0 30px 0;
}

.student-interview-main-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  margin-bottom: 50px;
  grid-gap: 20px;
}

.student-interview-main-container .student-interview-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: top;
}

.student-interview-name {
  font-family: "Poppins";
  font-size: 2.4rem;
  font-weight: 600;
  background: #ffc217;
  color: #fff;
  line-height: 1.5em;
  padding: 10px 20px;
}

.student-interview-text-content {
  font-weight: 400;
  font-family: "Poppins";
  font-size: 1.4rem;
  line-height: 1.5em;
  color: #484848;
  padding: 20px;
  font-style: oblique;
}

.prev-posts,
.next-posts {
  font-family: "Poppins";
  font-size: 1.4rem;
  font-weight: 600;
}

.prev-posts a,
.next-posts a {
  color: #151a5c;
  font-size: 1.7rem;
}

.prev-posts a span,
.next-posts a span {
  font-size: 3.5rem;
  line-height: 1em;
}

.prev-posts a strong,
.next-posts a strong {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prev-posts a:hover,
.next-posts a:hover {
  color: #ffc217;
}

/*
################################ FEE Page ##############################
*/
.fees-page::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background: url(/wp-content/uploads/2020/01/green-chameleon-s9CC2SKySJM-unsplash.jpg) center center no-repeat;
  background-size: cover;
  bottom: 0;
  top: 0;
  z-index: 1;
  left: 50%;
  display: block;
}

.outline h2 {
  position: relative;
  display: inline-block;
}

.outline h2::before,
.outline h2::after {
  content: "";
  position: absolute;
  left: 0;
  height: 100%;
  background: #006aae;
}

.outline h2::before {
  width: 100%;
  max-height: 20px;
  bottom: 100%;
}

.outline h2::after {
  width: 50%;
  max-height: 10px;
  top: 100%;
}

.col-gold {
  color: #ffc635;
}

.special-arrow .elementor-text-editor {
  display: flex;
  justify-content: center;
}

.special-arrow:not(.left) .elementor-text-editor::before,
.special-arrow:not(.left) .elementor-text-editor::after {
  content: "";
  position: relative;
  display: inline-block;
  background-size: contain !important;
  max-width: 50px;
  width: 100%;
  height: auto;
}

.special-arrow.left .elementor-text-editor::after {
  display: none;
}

.special-arrow.left .elementor-text-editor p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 auto;
  width: 60%;
}

.special-arrow.left .elementor-text-editor p::before {
  content: "";
  background: url(../oceanwp-child/images/special-arrow-before.png) no-repeat center center;
  margin-right: 5px;
  /* 	margin-left: 15px; */
  position: relative;
  display: inline-block;
  background-size: contain !important;
  max-width: 50px;
  width: 100%;
  height: 30px;
}

/* .special-arrow.left p {
	position: relative;
}

.special-arrow.left p:before {
    content: '';
    width: 120%;
    height: 100%;
    background: #ffc635;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
} */

.special-arrow:not(.left) .elementor-text-editor::before {
  background: url(../oceanwp-child/images/special-arrow-before.png) no-repeat center center;
  margin-right: 5px;
}

.special-arrow:not(.left) .elementor-text-editor::after {
  background: url(../oceanwp-child/images/special-arrow-after.png) no-repeat center center;
  margin-left: 5px;
}

.special-arrow p {
  margin-bottom: 0;
  background: #ffc635;
  padding: 0 10px;
}

.tg {
  border-collapse: collapse;
  border-spacing: 0;
}

.tg th {
  font-size: 1.8rem;
  font-weight: 600;
  padding: 10px 25px;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  word-break: normal;
}

.tg td {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 10px 25px !important;
  border-style: solid;
  border-width: 0px;
  overflow: hidden;
  word-break: normal;
}

.tg .tg-grli {
  background-color: #006aaf;
  text-align: center;
  vertical-align: top;
}

.tg .tg-pv55 {
  font-size: 1.8rem;
  background-color: #9fccf6;
  color: #d1005d;
  text-align: center;
  vertical-align: top;
}

.tg .tg-dv73 {
  background-color: #ffc635;
  text-align: center;
  vertical-align: middle;
}

.tg .tg-ek7q {
  background-color: #006aaf;
  text-align: center;
  vertical-align: middle;
}

.tg .tg-o3lb {
  background-color: #ffc635;
  text-align: center;
  vertical-align: top;
}

.tg .tg-rh1l {
  font-size: 1.8rem;
  background-color: #9fccf6;
  color: #d1005d;
  text-align: left;
  vertical-align: top;
}

.tg .tg-gn79 {
  background-color: #4d90ce;
  text-align: left;
  vertical-align: top;
}

.tg .tg-gs5f {
  background-color: #4d90ce;
  text-align: center;
  vertical-align: top;
}

/* 
################################################################## THAI VERSION ######################################################
*/

.page-id-823 .subject-table-thai tbody>tr>td:first-child .td-content-wrapper>.td-content::before {
  content: url(/wp-content/uploads/2019/11/round-tick.png);
  position: relative;
  margin-right: 5px;
  display: inline-block;
  height: 100%;
}

/* 
######################################################################## TEMP EDIT ####################################################
*/

.ani-hide {
  display: none;
}

.event-content-wrapper:first-child {
  margin-left: 0px;
}

iframe.line-it-button {
  width: 94px !important;
  height: 20px !important;
}

/* iframe.line-it-button .btnWrap,
iframe.line-it-button .btnWrap.afWrap .btn,
.btnWrap.afWrap .btn{
    width: 165px !important;
    height: 47% !important;
    min-width: 165px !important;
}
iframe.line-it-button .btnWrap.afWrap .btn{
    background-color: #00bb00 !important;
}
iframe.line-it-button .btnWrap.afWrap .btn i{
    width: 25px !important;
    background-position: 0px 14px !important;
    background-size: 22px 22px !important;
} */

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

@media only screen and (max-width: 1366px) {
  .custom-header-nav #site-navigation-wrap .dropdown-menu>li.menu-item-1529 ul.sub-menu ul {
    left: -100%;
  }
}

@media only screen and (max-width: 1199px) {
  .semester-accordian .elementor-tabs-wrapper>div.elementor-tab-title {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 1140px) {
  .elementor-page-345 main .elementor-section.elementor-section-boxed>.elementor-container {
    padding: 80px 10px;
  }

  .elementor-24 .elementor-element.elementor-element-09da68f {
    width: 15% !important;
  }

  .elementor-24 .elementor-element.elementor-element-281af45 {
    width: 85% !important;
  }
}

@media only screen and (max-width: 1024px) {

  /* .home .branding-container .elementor-widget-container{
		padding-left:10px;
    } */
  header .custom-header-logo.left {
    padding-left: 15px;
  }

  .home-overlapper-section-container>div {
    position: relative !important;
    left: 0;
    top: 0;
    transform: translateX(0);
  }

  .elementor-9 .elementor-element.elementor-element-4791431>.elementor-element-populated,
  .elementor-9 .elementor-element.elementor-element-47fc5b1>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-4791431>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-47fc5b1>.elementor-element-populated {
    padding: 40px 15px 40px 15px !important;
  }

  .home-floating-img {
    position: relative !important;
    left: inherit;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .home-floating-img img {
    max-width: 100% !important;
  }

  .child.heading.bg-blue {
    height: 126px;
    line-height: 86px;
  }

  .professor-name {
    font-size: 2.6rem;
  }
}

@media only screen and (max-width: 960px) {
  /*body.default-breakpoint #site-navigation-wrap{
		display: block;
	}
	.custom-header-nav #site-navigation-wrap #site-navigation{
		width: 320px;
	}
	.custom-header-nav #site-navigation-wrap .dropdown-menu>li{
		display: block;
    }*/
  /*     .elementor-24 .elementor-element.elementor-element-09da68f{
        width: 15% !important;
    }
    .elementor-24 .elementor-element.elementor-element-281af45{
        width: 85% !important;
    } */

  .elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100%;
  }

  .home .branding-container {
    visibility: visible;
  }

  .home-banner-logo .elementor-widget-container {
    display: none;
  }

  .fa-bars {
    position: absolute;
    right: 15px;
    top: 40px;
    z-index: 3;
  }

  span.welcome-msg {
    padding: 10px;
    font-size: 1rem;
  }

  .elementor-9 .elementor-element.elementor-element-4791431>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-4791431>.elementor-element-populated {
    background: #eee;
  }

  .elementor-9 .elementor-element.elementor-element-c65be9b,
  .elementor-800 .elementor-element.elementor-element-c65be9b {
    margin: 40px 0 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-ab1536f,
  .elementor-800 .elementor-element.elementor-element-ab1536f {
    width: 20% !important;
  }

  .elementor-9 .elementor-element.elementor-element-3246289,
  .elementor-9 .elementor-element.elementor-element-8ed6cd7,
  .elementor-800 .elementor-element.elementor-element-3246289,
  .elementor-800 .elementor-element.elementor-element-8ed6cd7 {
    width: 40% !important;
  }

  .home-floating-img {
    width: 140px !important;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .elementor-9 .elementor-element.elementor-element-3246289>.elementor-element-populated,
  .elementor-9 .elementor-element.elementor-element-8ed6cd7>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-3246289>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-8ed6cd7>.elementor-element-populated {
    padding: 35px !important;
    justify-content: center;
    align-items: center;
  }

  .elementor-9 .elementor-element.elementor-element-d8ccc4a,
  .elementor-800 .elementor-element.elementor-element-d8ccc4a {
    padding: 0px 0px 40px 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-08a3036>.elementor-widget-container,
  .elementor-800 .elementor-element.elementor-element-08a3036>.elementor-widget-container {
    padding: 0px 30px 0px 30px !important;
  }

  .elementor-9 .elementor-element.elementor-element-9e4c742 .elementor-icon-box-wrapper,
  .elementor-9 .elementor-element.elementor-element-99d1071 .elementor-icon-box-wrapper,
  .home-feature-wrapper .elementor-icon-box-wrapper,
  .elementor-800 .elementor-element.elementor-element-9e4c742 .elementor-icon-box-wrapper,
  .elementor-800 .elementor-element.elementor-element-99d1071 .elementor-icon-box-wrapper {
    text-align: center !important;
  }

  .elementor-9 .elementor-element.elementor-element-99640b7,
  .elementor-9 .elementor-element.elementor-element-7d6da20,
  .elementor-800 .elementor-element.elementor-element-99640b7,
  .elementor-800 .elementor-element.elementor-element-7d6da20 {
    width: 50% !important;
  }

  .elementor-9 .elementor-element.elementor-element-020a53a,
  .elementor-800 .elementor-element.elementor-element-020a53a {
    display: none;
  }

  .content-2 {
    height: 100%;
  }

  .elementor-9 .elementor-element.elementor-element-4cb0007,
  .elementor-800 .elementor-element.elementor-element-4cb0007 {
    padding: 30px 0px 0px 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-ab1536f,
  .elementor-800 .elementor-element.elementor-element-ab1536f {
    width: 100% !important;
  }

  .elementor-9 .elementor-element.elementor-element-3246289,
  .elementor-9 .elementor-element.elementor-element-8ed6cd7,
  .elementor-800 .elementor-element.elementor-element-3246289,
  .elementor-800 .elementor-element.elementor-element-8ed6cd7 {
    width: 100% !important;
  }

  .elementor-9 .elementor-element.elementor-element-49516b8,
  .elementor-800 .elementor-element.elementor-element-49516b8 {
    margin-bottom: 15px;
  }

  .elementor-9 .elementor-element.elementor-element-ab1536f:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated,
  .elementor-9 .elementor-element.elementor-element-3246289:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-ab1536f:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-3246289:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated {
    border-width: 0;
  }

  .elementor-9 .elementor-element.elementor-element-ab1536f:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-ab1536f:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated {
    padding: 10px;
  }

  .elementor-9 .elementor-element.elementor-element-f402054,
  .elementor-800 .elementor-element.elementor-element-f402054,
  .elementor-9 .elementor-element.elementor-element-15bfd8d,
  .elementor-800 .elementor-element.elementor-element-15bfd8d {
    padding: 0 !important;
  }

  .home-comparison .col-middle::before {
    height: 50px;
    width: 50px;
    font-size: 2rem;
    line-height: 50px;
    left: 50%;
    top: 100%;
  }

  .event-content-wrapper {
    /*	grid-template-columns: repeat(1, 1fr)*/
    display: list-item;
  }

  .event-title {
    height: auto;
    padding: 15px 10px;
    justify-content: center;
    align-items: center;
  }

  .parent-testimonial-wrapper>a {
    margin-left: auto;
    margin-right: auto;
    display: block;
    line-height: 40px;
    max-width: 200px;
  }
}

@media only screen and (max-width: 900px) {

  /* 	.elementor .elementor-background-video-container{
		top: 28px !important;
	} */
  button#responsive-menu-button {
    right: 15px;
  }

  #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
    height: 40px !important;
  }

  #responsive-menu-container #responsive-menu li.responsive-menu-item a {
    border-bottom: 1px solid #b0b0b0 !important;
  }

  #responsive-menu-container #responsive-menu li.responsive-menu-item a {
    padding: 0 15px !important;
  }
}

@media (min-width: 768px) {
  /*     .elementor-24 .elementor-element.elementor-element-281af45 {
        width: 80% !important;
    } */
}

@media only screen and (max-width: 767px) {

  /* body.content-full-screen .elementor-section-wrap>.elementor-section.elementor-section-boxed>.elementor-container{
		max-width: 100%;
    } */
  .banner-container .elementor-background-video-container,
  .banner-container iframe {
    height: 60vh !important;
  }

  .content-wraper .elementor-widget-wrap>.elementor-element {
    height: 60vh !important;
  }

  .finn_welcome_section .elementor-column.elementor-col-50,
  .elementor-column[data-col="50"] {
    width: 100%;
  }

  span.welcome-msg {
    font-size: 1.8rem;
  }

  .elementor-9 .elementor-element.elementor-element-538932e,
  .elementor-800 .elementor-element.elementor-element-538932e {
    padding: 35px;
  }

  .elementor-9 .elementor-element.elementor-element-ab1536f:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-ab1536f:not(.elementor-motion-effects-element-type-background)>.elementor-element-populated {
    background-color: #fff !important;
  }

  .home-floating-img {
    left: 0;
    top: 0;
    margin: 0 auto 15px;
    position: static !important;
    -webkit-transform: translate(0%, 0%);
    -moz-transform: translate(0%, 0%);
    -o-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
  }

  .elementor-9 .elementor-element.elementor-element-12b10ad,
  .elementor-800 .elementor-element.elementor-element-12b10ad {
    padding: 0px 0px 20px 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-65f9c9a:not(.elementor-motion-effects-element-type-background),
  .elementor-800 .elementor-element.elementor-element-65f9c9a:not(.elementor-motion-effects-element-type-background) {
    background-image: none !important;
    background-color: #151959;
  }

  .welcome-msg-logo>div {
    left: 0px;
  }

  .elementor-9 .elementor-element.elementor-element-cc269a9,
  .elementor-800 .elementor-element.elementor-element-cc269a9 {
    padding: 40px 0px 0px 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-f007dfb>.elementor-widget-container,
  .elementor-800 .elementor-element.elementor-element-f007dfb>.elementor-widget-container {
    margin: 0 0 30px 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-ab1536f>.elementor-element-populated,
  .elementor-9 .elementor-element.elementor-element-3246289>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-ab1536f>.elementor-element-populated,
  .elementor-800 .elementor-element.elementor-element-3246289>.elementor-element-populated {
    border-width: 0 !important;
  }

  .elementor-image-box-description {
    color: #fff !important;
  }

  .achievements-container::before {
    height: 105%;
  }

  .elementor-9 .elementor-element.elementor-element-4c45966>.elementor-widget-container,
  .elementor-800 .elementor-element.elementor-element-4c45966>.elementor-widget-container {
    margin: 0 0 30px 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-4a3c2f6 .home-read-more,
  .elementor-800 .elementor-element.elementor-element-4a3c2f6 .home-read-more {
    color: #fff;
  }

  .elementor-9 .elementor-element.elementor-element-d3d5202,
  .elementor-800 .elementor-element.elementor-element-d3d5202 {
    padding: 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-10a347c>.elementor-widget-container,
  .elementor-800 .elementor-element.elementor-element-10a347c>.elementor-widget-container {
    margin: 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-99640b7,
  .elementor-9 .elementor-element.elementor-element-7d6da20,
  .elementor-800 .elementor-element.elementor-element-99640b7,
  .elementor-800 .elementor-element.elementor-element-7d6da20 {
    width: 100% !important;
  }

  .elementor-9 .elementor-element.elementor-element-d29f5e1 .elementor-heading-title,
  .elementor-800 .elementor-element.elementor-element-d29f5e1 .elementor-heading-title {
    font-size: 2.8rem !important;
  }

  .home-video-container .youtube_video_slider {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-finn-event-container {
    display: block;
    grid-template-columns: 1fr;
  }

  .elementor-widget-icon-box .elementor-icon-box-content {
    padding-left: 10px;
  }

  .elementor-9 .elementor-element.elementor-element-15bfd8d,
  .elementor-800 .elementor-element.elementor-element-15bfd8d {
    padding: 0 0 50px 0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-ed6614e,
  .elementor-800 .elementor-element.elementor-element-ed6614e {
    padding: 30px 0px 0px 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-538932e,
  .elementor-9 .elementor-element.elementor-element-c45d4fb,
  .home-overlapper-section-wrapper,
  .elementor-800 .elementor-element.elementor-element-538932e,
  .elementor-800 .elementor-element.elementor-element-c45d4fb {
    padding: 30px !important;
  }

  .elementor-9 .elementor-element.elementor-element-30aea10,
  .elementor-800 .elementor-element.elementor-element-30aea10 {
    padding: 40px 0px 0px 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-ff20a3b,
  .elementor-800 .elementor-element.elementor-element-ff20a3b {
    padding: 0px 0px 50px 0px !important;
  }

  .elementor-33 .elementor-element.elementor-element-7a77fc0 {
    padding: 30px 0px 30px 0px !important;
  }

  footer h2 {
    font-size: 2rem !important;
  }

  .footer-menu ul li {
    display: inline-block;
    margin: 0 30px 0 0;
  }

  .footer-menu ul li:first-child {
    margin-left: 0px;
  }

  footer .elementor-column .line-button,
  footer .elementor-column .line-id {
    display: inline-block;
    width: auto;
  }

  footer .elementor-column .line-button {
    margin: 0 30px 0 0;
  }

  footer .custom-header-logo.left {
    text-align: center;
  }

  #footer-bottom {
    padding: 15px 0 15px 0 !important;
  }

  .parent.display-grid {
    display: block;
  }

  .child.heading.bg-blue {
    height: inherit;
    line-height: inherit;
  }

  .child.heading {
    padding: 10px 15px;
    font-size: 2rem;
  }

  .elementor-11 .elementor-element.elementor-element-e55b9c2,
  .elementor-220 .elementor-element.elementor-element-b369887,
  .elementor-832 .elementor-element.elementor-element-b369887,
  .elementor-882 .elementor-element.elementor-element-b369887,
  .elementor-220 .elementor-element.elementor-element-e6af44f,
  .elementor-832 .elementor-element.elementor-element-e6af44f,
  .elementor-882 .elementor-element.elementor-element-e6af44f,
  .elementor-766 .elementor-element.elementor-element-070f7f7,
  .elementor-949 .elementor-element.elementor-element-070f7f7,
  .elementor-606 .elementor-element.elementor-element-a521eab,
  .elementor-1154 .elementor-element.elementor-element-a521eab,
  .elementor-766 .elementor-element.elementor-element-e12401f,
  .elementor-949 .elementor-element.elementor-element-e12401f,
  .student-page,
  .elementor-620 .elementor-element.elementor-element-316a97d,
  .elementor-746 .elementor-element.elementor-element-316a97d,
  .elementor-1310 .elementor-element.elementor-element-316a97d,
  .elementor-13 .elementor-element.elementor-element-37dfe95,
  .elementor-882 .elementor-element.elementor-element-37dfe95 {
    padding: 20px 0px 20px 0px !important;
  }

  .elementor-column.elementor-col-50,
  .elementor-column[data-col="50"] {
    width: 50%;
  }

  .elementor-11 .elementor-element.elementor-element-5df311f>.elementor-widget-container,
  .elementor-220 .elementor-element.elementor-element-763fdec>.elementor-widget-container,
  .elementor-220 .elementor-element.elementor-element-6228c95>.elementor-widget-container,
  .elementor-832 .elementor-element.elementor-element-763fdec>.elementor-widget-container,
  .elementor-832 .elementor-element.elementor-element-6228c95>.elementor-widget-container,
  .elementor-882 .elementor-element.elementor-element-763fdec>.elementor-widget-container,
  .elementor-882 .elementor-element.elementor-element-6228c95>.elementor-widget-container {
    margin: 0 0 20px !important;
  }

  .elementor-11 .elementor-element.elementor-element-5df311f .elementor-heading-title,
  .elementor-220 .elementor-element.elementor-element-763fdec.elementor-widget-heading .elementor-heading-title,
  .elementor-220 .elementor-element.elementor-element-6228c95 .elementor-heading-title,
  .elementor-832 .elementor-element.elementor-element-763fdec.elementor-widget-heading .elementor-heading-title,
  .elementor-832 .elementor-element.elementor-element-6228c95 .elementor-heading-title,
  .elementor-882 .elementor-element.elementor-element-763fdec.elementor-widget-heading .elementor-heading-title,
  .elementor-882 .elementor-element.elementor-element-6228c95 .elementor-heading-title,
  .elementor-1482 .elementor-element.elementor-element-6370c9e7 .elementor-heading-title,
  .elementor-1482 .elementor-element.elementor-element-342b812e .elementor-heading-title {
    font-size: 2rem !important;
  }

  .eael-data-table tbody tr td {
    padding: 20px 10px !important;
  }

  .elementor-11 .elementor-element.elementor-element-d821df6 {
    padding: 20px 0px 20px 0px !important;
  }

  .elementor-11 .elementor-element.elementor-element-6a5b3df>.elementor-widget-container {
    margin: 0px 0px 20px 0px !important;
  }

  .elementor-220 .elementor-element.elementor-element-96d60c9,
  .elementor-832 .elementor-element.elementor-element-96d60c9,
  .elementor-882 .elementor-element.elementor-element-96d60c9 {
    padding: 30px 0px 20px 0px !important;
  }

  .elementor-220 .elementor-element.elementor-element-9a8c395,
  .elementor-220 .elementor-element.elementor-element-7b02abe,
  .elementor-220 .elementor-element.elementor-element-1a77dc6,
  .elementor-220 .elementor-element.elementor-element-04e1d73,
  .elementor-832 .elementor-element.elementor-element-9a8c395,
  .elementor-832 .elementor-element.elementor-element-7b02abe,
  .elementor-832 .elementor-element.elementor-element-1a77dc6,
  .elementor-832 .elementor-element.elementor-element-04e1d73,
  .elementor-882 .elementor-element.elementor-element-9a8c395,
  .elementor-882 .elementor-element.elementor-element-7b02abe,
  .elementor-882 .elementor-element.elementor-element-1a77dc6,
  .elementor-882 .elementor-element.elementor-element-04e1d73,
  .elementor-13 .elementor-element.elementor-element-513fbac,
  .elementor-882 .elementor-element.elementor-element-513fbac {
    padding: 0px 0px 0px 0px !important;
  }

  .semester-cost table thead>tr>th:first-child,
  .semester-accordian .table-responsive thead th:first-child,
  .semester-accordian .table-responsive tbody>tr:not(.last-row)>td:first-child {
    padding-left: 15px;
  }

  .semester-cost table tbody>tr>td:first-child,
  .semester-accordian .table-responsive thead th:first-child,
  .semester-accordian .table-responsive tbody>tr:not(.last-row)>td:first-child {
    padding-left: 15px;
  }

  .semester-cost table thead>tr>th:last-child,
  .semester-accordian .table-responsive thead th:last-child,
  .semester-accordian .table-responsive tbody>tr:not(.last-row)>td:last-child {
    padding-right: 15px;
  }

  .semester-cost table tbody>tr>td:last-child,
  .semester-accordian .table-responsive thead th:last-child,
  .semester-accordian .table-responsive tbody>tr:not(.last-row)>td:last-child {
    padding-right: 15px;
  }

  .semester-accordian .table-responsive tbody>tr>td:first-child {
    padding-left: 5px;
  }

  .elementor-page-345 main .elementor-section.elementor-section-boxed>.elementor-container,
  .elementor-page-842 main .elementor-section.elementor-section-boxed>.elementor-container {
    padding: 30px 10px;
  }

  .professors-details-container .professor-details-container:not(:last-child),
  .professors-details-container .professor-details-container {
    margin-bottom: 30px;
  }

  .elementor-page-345 .professor-details-container.display-grid,
  .elementor-page-842 .professor-details-container.display-grid {
    display: block;
  }

  .professor-details-container.display-grid .professor-name {
    font-size: 2.6rem;
  }

  .middle-column .professor-education h4,
  .last-column .professor-experience h4 {
    font-size: 2rem;
    padding: 10px 20px;
  }

  .elementor-503 .elementor-element.elementor-element-c9d4fe9,
  .elementor-877 .elementor-element.elementor-element-c9d4fe9 {
    padding: 30px 0px 10px 0px !important;
  }

  .elementor-503 .elementor-element.elementor-element-51524da>.elementor-element-populated,
  .elementor-503 .elementor-element.elementor-element-cca51b2>.elementor-element-populated,
  .elementor-877 .elementor-element.elementor-element-51524da>.elementor-element-populated,
  .elementor-877 .elementor-element.elementor-element-cca51b2>.elementor-element-populated {
    padding: 40px 0px 40px 0px !important;
  }

  .elementor-503 .elementor-element.elementor-element-8500d96>.elementor-widget-container,
  .elementor-877 .elementor-element.elementor-element-8500d96>.elementor-widget-container {
    padding: 0 !important;
  }

  .elementor-503 .elementor-element.elementor-element-653eeff>.elementor-widget-container,
  .elementor-877 .elementor-element.elementor-element-653eeff>.elementor-widget-container {
    padding: 0 !important;
  }

  .finn-universities-container .university-wrapper .university-details-wrapper .university-content .university-majors {
    display: block;
  }

  .elementor-620 .elementor-element.elementor-element-ebdbe0f,
  .elementor-746 .elementor-element.elementor-element-e0dc4c2,
  .elementor-1310 .elementor-element.elementor-element-ebdbe0f,
  .elementor-1331 .elementor-element.elementor-element-e0dc4c2,
  .elementor-1524 .elementor-element.elementor-element-60c6d97c {
    padding: 30px 0px 0px 0px !important;
  }

  .event-page {
    padding: 30px 0 !important;
  }

  .event-main-container {
    margin-bottom: 20px;
  }

  .event-name {
    font-size: 1.6rem;
  }

  .event-extra-images {
    grid-template-columns: 1fr;
    margin-top: 20px;
  }

  .event-extra-images img {
    width: 100%;
  }

  .elementor-1374 .elementor-element.elementor-element-2e191ba,
  .elementor-1447 .elementor-element.elementor-element-2e191ba,
  .elementor-1374 .elementor-element.elementor-element-2704baf,
  .elementor-1447 .elementor-element.elementor-element-2704baf {
    padding: 30px 0 30px 0 !important;
  }

  .elementor-1374 .elementor-element.elementor-element-46783ac,
  .elementor-1447 .elementor-element.elementor-element-46783ac,
  .elementor-1447 .elementor-element.elementor-element-46783ac,
  .elementor-1374 .elementor-element.elementor-element-46783ac {
    padding: 25px 15px 25px 15px !important;
  }

  .finn-universities-container .university-wrapper .university-title {
    font-size: 2rem;
  }

  .elementor-1374 .elementor-element.elementor-element-7e2692e .elementor-heading-title,
  .elementor-1447 .elementor-element.elementor-element-7e2692e.elementor-widget-heading .elementor-heading-title {
    font-size: 3rem;
  }

  .elementor-220 .elementor-element.elementor-element-7a757df .elementor-tab-title.elementor-active,
  .elementor-220 .elementor-element.elementor-element-efb38d6 .elementor-tab-title.elementor-active,
  .elementor-220 .elementor-element.elementor-element-f79d2dd .elementor-tab-title.elementor-active,
  .elementor-220 .elementor-element.elementor-element-52e8bca .elementor-tab-title.elementor-active,
  .elementor-832 .elementor-element.elementor-element-7a757df .elementor-tab-title.elementor-active,
  .elementor-832 .elementor-element.elementor-element-efb38d6 .elementor-tab-title.elementor-active,
  .elementor-832 .elementor-element.elementor-element-f79d2dd .elementor-tab-title.elementor-active,
  .elementor-832 .elementor-element.elementor-element-52e8bca .elementor-tab-title.elementor-active,
  .semester-accordian .elementor-tabs-wrapper>div.elementor-tab-title {
    background-color: #151a5c !important;
    font-size: 16px;
  }

  .elementor-220 .elementor-element.elementor-element-7a757df>.elementor-widget-container,
  .elementor-220 .elementor-element.elementor-element-efb38d6>.elementor-widget-container,
  .elementor-220 .elementor-element.elementor-element-f79d2dd>.elementor-widget-container,
  .elementor-832 .elementor-element.elementor-element-7a757df>.elementor-widget-container,
  .elementor-832 .elementor-element.elementor-element-efb38d6>.elementor-widget-container,
  .elementor-832 .elementor-element.elementor-element-f79d2dd>.elementor-widget-container {
    padding: 0px 0px 10px 0px !important;
    margin: 0px 0px 20px 0px !important;
    border-bottom: 1px solid #151a5c;
  }

  .our-presence-table {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .our-presence-table .gallery>figure,
  .our-presence-table .gallery>figure>div,
  .our-presence-table .gallery>figure>div>a,
  .our-presence-table .gallery>figure>div img {
    height: 100%;
    max-width: 100%;
    width: 100%;
  }

  .our-presence-tab div.elementor-tab-title.elementor-tab-mobile-title.elementor-active {
    background: #161b5d;
  }

  .our-presence-table .gallery>figure>div img {
    object-fit: cover;
    object-position: center;
  }

  .subject-table-thai.business table>thead,
  .subject-table-thai.tourism table>thead {
    display: table-header-group;
  }

  .subject-table-thai.business table>thead th,
  .subject-table-thai.tourism table>thead th {
    text-align: center;
  }

  .subject-table-thai.business table tr>td div.th-mobile-screen,
  .subject-table-thai.tourism table tr>td div.th-mobile-screen {
    display: none;
  }

  .subject-table-thai.business table tr>td:first-child div.td-content,
  .subject-table-thai.tourism table tr>td:first-child div.td-content {
    font-weight: 700;
    font-size: 2rem;
    color: #161b5d;
  }

  .page-id-842 .display-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .event-main-container,
  .student-interview-main-container,
  .student-main-container,
  .parent-main-container {
    display: block;
  }

  .footer-3 {
    width: 50% !important;
    float: left;
  }

  .footer-4 {
    width: 50% !important;
    float: left;
  }

  .footer-5:before {
    content: "";
    display: table;
    clear: both;
  }

  .acordian-head {
    position: relative;
  }

  .acordian-head:not(.ishidden)::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../oceanwp-child/images/arrow.png) no-repeat center center;
    background-size: 50%;
    transform: rotate(180deg);
    transition: 300ms ease;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }

  .acordian-head.ishidden::after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../oceanwp-child/images/arrow.png) no-repeat center center;
    transition: 300ms ease;
    background-size: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }

  .page-id-11 .child.heading {
    position: relative;
  }

  .page-id-11 .acordian-head.ishidden::after,
  .page-id-823 .acordian-head.ishidden::after,
  .page-id-220 .acordian-head.ishidden::after,
  .page-id-832 .acordian-head.ishidden::after {
    bottom: 50%;
    transform: translateY(50%);
    right: 5%;
  }

  .page-id-11 .acordian-head:not(.ishidden)::after,
  .page-id-823 .acordian-head:not(.ishidden)::after,
  .page-id-220 .acordian-head:not(.ishidden)::after,
  .page-id-832 .acordian-head:not(.ishidden)::after {
    bottom: 50%;
    transform: translateY(50%) rotate(180deg);
    right: 5%;
  }

  .elementor-823 .elementor-element.elementor-element-1de76a2>.elementor-widget-container,
  .elementor-823 .elementor-element.elementor-element-fd205a8>.elementor-widget-container {
    margin: 0 !important;
  }

  .page-id-220 .table-header .acordian-head:not(:last-child)::after,
  .page-id-832 .table-header .acordian-head:not(:last-child)::after {
    display: none;
  }
}

@media only screen and (max-width: 585px) {
  #responsive-menu-container {
    width: 70% !important;
  }

  .home-finn-event-container,
  .youtube_video_slider {
    grid-template-columns: 1fr;
  }

  .single-interview-wrapper {
    display: block;
  }

  ul.event-content-wrapper {
    margin: 15px 0 15px 0px;
  }

  .content-1 {
    left: inherit;
    top: inherit;
  }

  .content-2 {
    top: inherit;
    padding: 10px;
  }

  .content-3 {
    width: 100%;
    padding: 10px;
  }

  .content-4 {
    padding-top: 0px;
  }

  .content-4 a {
    border-right: 3px solid #ffc218;
    display: block;
    text-align: center;
  }

  .content-4 a i:before {
    content: "Read More";
  }

  .about-us:after,
  .study-at-finn:after,
  .partner-universities:after,
  .students-testimonials:after,
  .parents-testimonials:after,
  .activities-events::after,
  .why-finn-banner:after,
  .contact-us:after {
    content: normal;
  }

  .elementor-column.elementor-col-50,
  .elementor-column[data-col="50"] {
    width: 100%;
  }

  .home-video-container .youtube_video_slider {
    grid-template-columns: 1fr;
  }

  .child.display-grid.col-two,
  .child.display-grid.col-one {
    grid-template-columns: auto;
  }

  .finn-universities-container .university-wrapper .university-details-wrapper,
  .finn-universities-container .university-wrapper .university-details-wrapper .university-content .university-majors {
    display: block;
  }

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

  .finn-all-testimonials-container,
  .finn-testimonials-container,
  .alumni-wrapper .finn-parent-testimonials-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .finn-all-testimonials-container>div,
  .finn-testimonials-container>div,
  .alumni-wrapper .finn-parent-testimonials-container>div {
    padding: 15px 0;
  }

  .student-main-container {
    /* grid-template-columns: 1fr; */
    display: block;
  }

  .parent-testimonial-wrapper {
    grid-template-columns: auto;
    grid-template-rows: auto;
  }

  .student-interview-container {
    display: block;
  }

  .student-interview-wrapper {
    margin-bottom: 30px;
  }

  .student-interview-main-container {
    display: block;
  }

  .welcome-msg-logo>div {
    flex-direction: column-reverse;
  }

  .welcome-msg-logo #site-logo-inner {
    height: auto;
  }

  .welcome-msg-logo>div>div.custom-header-logo {
    margin-left: 0px;
  }

  .welcome-msg-logo .elementor-text-editor.elementor-clearfix {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .welcome-msg-logo .welcome-msg {
    display: block;
  }

  .elementor-9 .elementor-element.elementor-element-628ca59,
  .elementor-800 .elementor-element.elementor-element-628ca59 {
    padding: 15px 0px 0px 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-f880df4 .elementor-heading-title,
  .elementor-800 .elementor-element.elementor-element-f880df4 .elementor-heading-title,
  .elementor-9 .elementor-element.elementor-element-0406dbc .elementor-heading-title,
  .elementor-9 .elementor-element.elementor-element-62463fd.elementor-widget-heading .elementor-heading-title,
  .elementor-800 .elementor-element.elementor-element-0406dbc .elementor-heading-title,
  .elementor-800 .elementor-element.elementor-element-62463fd.elementor-widget-heading .elementor-heading-title,
  .elementor-15 .elementor-element.elementor-element-e778598 .elementor-heading-title {
    font-size: 2.6rem !important;
  }

  .fees-page::after {
    display: none;
  }

  .footer-menu ul li {
    margin: 0 15px 0 0;
  }
}

@media only screen and (max-width: 525px) {

  .tg th,
  .tg td,
  .tg .tg-pv55,
  .tg .tg-rh1l {
    font-size: 1.4rem;
  }

  .tg th,
  .tg td {
    padding: 10px 5px !important;
    vertical-align: middle !important;
  }

  tr>td:first-child {
    padding-left: 15px !important;
  }

  tr>td:last-child {
    padding-right: 15px !important;
  }
}

@media only screen and (max-width: 480px) {

  .elementor-9 .elementor-element.elementor-element-538932e,
  .elementor-9 .elementor-element.elementor-element-c45d4fb,
  .elementor-800 .elementor-element.elementor-element-538932e,
  .elementor-800 .elementor-element.elementor-element-c45d4fb {
    padding: 0px !important;
  }

  .elementor-9 .elementor-element.elementor-element-daf343f .elementor-text-editor,
  .elementor-800 .elementor-element.elementor-element-daf343f .elementor-text-editor {
    font-size: 3rem;
    line-height: 1.5;
    margin: 10px 0;
  }

  .elementor-9 .elementor-element.elementor-element-12b10ad,
  .elementor-800 .elementor-element.elementor-element-12b10ad {
    padding: 30px 10px 30px 10px !important;
  }

  .parent-testimonial-wrapper {
    display: block;
  }

  .parent-testimonial-wrapper>a {
    margin-top: 15px;
  }

  .finn-all-testimonials-container,
  /*.finn-testimonials-container,*/
  .alumni-wrapper .finn-parent-testimonials-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .finn-testimonials-container {
    grid-gap: 10px;
  }

  .finn-testimonials-container>div a {
    font-size: 1.4rem;
  }

  .finn-testimonials-container>div a:last-child {
    padding: 7px 20px;
  }
}

@media only screen and (max-width: 470px) {
  .footer-3 {
    width: 100% !important;
    float: none;
  }

  .footer-4 {
    width: 100% !important;
    float: none;
  }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait),
only screen and (min-device-width: 360px) and (max-device-width: 640px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape),
only screen and (max-device-width: 480px) {
  .mobile-only {
    display: block;
  }

  .desktop-only {
    display: none;
  }
}

/* Different font family for Thai version */

body:lang(th),
h1:lang(th),
h2:lang(th),
h3:lang(th),
h4:lang(th),
h5:lang(th),
h6:lang(th),
p:lang(th),
a:lang(th),
div:lang(th),
section:lang(th),
.heading:lang(th),
.body:lang(th) {
  font-family: "Cloud Soft" !important;
}

/* Responsive Font Size */

/*
@media screen and (min-width: 22.5em){
    .home-overlapper-section-heading h1 {
        font-size: calc( 24px + (36 - 24) * (100vw - 360px) / (1360 - 360) ) !important;
    }
    
    .home-overlapper-section-text p {
        font-size: calc( 16px + (22 - 16) * (100vw - 360px) / (1360 - 360) ) !important;
    }
    
    .welcome-msg-logo + .heading h2 {
        font-size: calc( 18px + (30 - 18) * (100vw - 360px) / (1360 - 360) ) !important;
    }
    
    .welcome-msg-logo + .heading + .body p {
        font-size: calc( 12px + (16 - 12) * (100vw - 360px) / (1360 - 360) ) !important;
    }
}

@media screen and (min-width: 85em) {
    .home-overlapper-section-heading h1 {
        font-size: 3.6rem !important;
    }
    
    .home-overlapper-section-text p {
        font-size: 2.2rem !important;
    }
    
    .welcome-msg-logo + .heading h2 {
        font-size: 3.0rem !important;
    }
    
    .welcome-msg-logo + .heading + .body p {
        font-size: 1.6rem !important;
    }
}

@media screen and (max-width: 22.5em) {
    .home-overlapper-section-heading h1 {
        font-size: 2.4rem !important;
    }
    
    .home-overlapper-section-text p {
        font-size: 1.6rem !important;
    }
    
    .welcome-msg-logo + .heading h2 {
        font-size: 1.8rem !important;
    }
    
    .welcome-msg-logo + .heading + .body p {
        font-size: 1.2rem !important;
    }
}
*/

@media screen and (min-width: 769px) {

  span.moreellipses,
  .morelink {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .morelink {
    color: #151a5c;
    text-decoration: underline !important;
  }

  .morecontent span {
    display: none;
  }

  .morelink {
    display: block;
  }
  .mobile-right span.oceanwp-text {
    position: relative;
    top: -7px;
  }
	#rmp-container-4260{
		min-width: 300px;
	}
}
body #rmp-menu-wrap-4260 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
body #rmp-menu-wrap-4260 .rmp-menu-current-item > .rmp-menu-item-link,#rmp-menu-wrap-4260 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link,.current-menu-parent >a {
	color: #ffc218 !important;
}
#rmp_menu_trigger-4260 .responsive-menu-pro-inner, #rmp_menu_trigger-4260 .responsive-menu-pro-inner::before, #rmp_menu_trigger-4260 .responsive-menu-pro-inner::after,#rmp_menu_trigger-4260:hover .responsive-menu-pro-inner, #rmp_menu_trigger-4260:hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-4260:hover .responsive-menu-pro-inner::after {
	background-color: #ffffff !important;
}
div#rmp-menu-title-4260 {
    padding: 10px;
}
#rmp-menu-wrap-4260 li a{
	border-bottom: 1px solid #b1b1b1 !important;
}
.acordian-text.hidden {
  display: none;
}

.myclass {
/*   display: none !important; */
}

.openclassTitle {
  display: block !important;
}

.achievements-container>.elementor-container {
  max-width: 1140px !important;
}

.footer-line-button>div {
  text-align: center;
}

ul.slick-dots {
  display: flex !important;
  justify-content: center;
}

ul.slick-dots li button {
  background: none;
  border: 0;
  font-size: 0;
  text-indent: -999px;
  /* display: none; */
}
.footer-icons-sticky{
    position: fixed;
    z-index: 5555;
    right: 0px;
    top: 300px;
}
.footer-icons-sticky li{
     display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    width: 150px;
    margin-bottom: 2px;
    background-color: #141a5b;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 13px;
    right: -106px;
    transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
	position:relative;
}
.footer-icons-sticky a{
	 display: block;
}
.footer-icons-sticky li svg{
	fill: #fff;
    padding-right: 15px;
    width: 32px;
    height: 32px;
}
.footer-icons-sticky li.line svg{
	width: 36px;
    height: 36px;
	transition: all 0.6s ease;
}
.footer-icons-sticky .lineic{
	max-width:20px;
	margin-right: 15px;
	transition: all 0.6s ease;
}
.footer-icons-sticky li {
    color: #ffffff;
    font-size: 13px;
	font-weight:600;
	transition: all 0.6s ease;
}
.footer-icons-sticky li:hover {
    right: -10px;
    cursor: pointer;
    background-color: #ffc218;
}
.footer-icons-sticky li:hover :is(span,svg) {
	color: #000;
	fill:#000;
}
.footer-icons-sticky li:hover .lineic{
	 filter: invert(100%) sepia(12%) saturate(0%) hue-rotate(177deg) brightness(109%) contrast(101%);
}
@media screen and (max-width: 500px) {
	.footer-icons-sticky {
    right: 0px;
    left: 0;
    width: 100%;
    background-color: #141a5b;
    top: unset;
    margin: 0;
    bottom: 0;
    }
	.footer-icons-sticky li {
	position: static;
    justify-content: center;
    width: 100%;
	padding:15px;
	}
	.footer-icons-sticky li{
		padding-bottom:4px;
	}
}