@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto-Regular.eot');

    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Roboto-Regular.woff2') format('woff2'),

        url('../fonts/Roboto-Regular.woff') format('woff'),

        url('../fonts/Roboto-Regular.ttf') format('truetype'),

        url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto-Bold.eot');

    src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Roboto-Bold.woff2') format('woff2'),

        url('../fonts/Roboto-Bold.woff') format('woff'),

        url('../fonts/Roboto-Bold.ttf') format('truetype'),

        url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto-Medium.eot');

    src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Roboto-Medium.woff2') format('woff2'),

        url('../fonts/Roboto-Medium.woff') format('woff'),

        url('../fonts/Roboto-Medium.ttf') format('truetype'),

        url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Roboto';

    src: url('../fonts/Roboto-Black.eot');

    src: url('../fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Roboto-Black.woff2') format('woff2'),

        url('../fonts/Roboto-Black.woff') format('woff'),

        url('../fonts/Roboto-Black.ttf') format('truetype'),

        url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');

    font-weight: 900;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Oooh Baby';

    src: url('../fonts/OoohBaby-Regular.eot');

    src: url('../fonts/OoohBaby-Regular.eot?#iefix') format('embedded-opentype'),

        url('../fonts/OoohBaby-Regular.woff2') format('woff2'),

        url('../fonts/OoohBaby-Regular.woff') format('woff'),

        url('../fonts/OoohBaby-Regular.ttf') format('truetype'),

        url('../fonts/OoohBaby-Regular.svg#OoohBaby-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Inter';

    src: url('../fonts/Inter-ExtraBold.eot');

    src: url('../fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),

        url('../fonts/Inter-ExtraBold.woff2') format('woff2'),

        url('../fonts/Inter-ExtraBold.woff') format('woff'),

        url('../fonts/Inter-ExtraBold.ttf') format('truetype'),

        url('../fonts/Inter-ExtraBold.svg#Inter-ExtraBold') format('svg');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}









/* =============================================================================

   HTML5 CSS Reset Minified - Eric Meyer

   ========================================================================== */



html,

body,

div,

span,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

abbr,

address,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

samp,

small,

strong,

sub,

sup,

var,

b,

i,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary,

time,

mark,

audio,

video {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

    display: block

}



nav ul {

    list-style: none

}



blockquote,

q {

    quotes: none

}

ul{

    margin: 0;

    padding:0;

    list-style: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: none

}



a {text-decoration: none;color: #000}



a:hover{text-decoration: none;}

mark {

    background-color: #ff9;

    color: #000;

    font-style: italic;

    font-weight: bold

}



del {

    text-decoration: line-through

}



abbr[title],

dfn[title] {

    border-bottom: 1px dotted;

    cursor: help

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0

}

.header_menu__SGhy8 {

    height: 2.6rem;

    background: none;

    border: none;

}



.header_menu__SGhy8 figure {

    display: none;

    width: 2.2rem;

    height: 0.7rem;

    margin: 0 auto;

}

.header_menu__SGhy8 svg {

    overflow: visible;

    fill: #000;

}

figure svg {

    display: block;

    width: 100%;

    height: 100%;

    fill: currentcolor;

}

.header_menu__SGhy8:hover svg circle:first-child {

    transform: translateX(-0.2rem);

}

.header_menu__SGhy8:hover svg circle:nth-child(3) {

    transform: translateX(0.2rem);

}

.header_menu__SGhy8 svg circle {

    transition: transform 0.13s cubic-bezier(0.28,0,0.49,1);

}

.header_menu__SGhy8 figure {

    display: none;

}



.header_menu__SGhy8 span {

    font-size: 1.6rem;

    text-transform: uppercase;

}

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

    .header_menu__SGhy8 figure {

        display: none;

    }

    .header_menu__SGhy8 span {

        display: none;

    }

    }

input, select {vertical-align: middle;font-family: 'Roboto';font-weight:500;}



li {list-style: none}



body {margin: 0;padding: 0 0 0 0;position:relative;font-family: 'Roboto';font-weight:100;overflow-x: hidden;}

* {box-sizing: border-box;margin: 0;padding: 0;}

::-webkit-input-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Roboto';font-weight:100;font-weight: 300;text-transform: uppercase;}

::-moz-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Roboto';font-weight:100;font-weight: 300;text-transform: uppercase;}

::-ms-input-placeholder {color: #fff;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Roboto';font-weight:100;font-weight: 300;text-transform: uppercase;}



.form-container .form-field ::-webkit-input-placeholder {color: #797979;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Roboto';font-weight:100;text-transform: uppercase;font-size: 15px}

.form-container .form-field ::-moz-placeholder {color: #797979;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Roboto';font-weight:100;text-transform: uppercase;font-size: 15px}

.form-container .form-field ::-ms-input-placeholder {color: #797979;opacity: 1;transition: 0.2s all ease;-webkit-transition: 0.2s all ease;-moz-transition: 0.2s all ease;-ms-transition: 0.2s all ease;font-family: 'Roboto';font-weight:100;text-transform: uppercase;font-size: 15px}



input:focus::-webkit-input-placeholder {opacity: 0.5;}

input:focus::-moz-placeholder {opacity: 0.5;}

input:focus::-ms-input-placeholder {opacity: 0.5;}

textarea{color: #797979;font-family: 'Roboto';font-weight:100;text-transform: uppercase;font-size: 15px}

.sprite{background:url(../images/sprite.png) no-repeat top left;display:inline-block; }

.dflex{display:flex; flex-wrap: wrap;}

.dflex-space-btw{display:flex; flex-wrap: wrap;justify-content:space-between}

.align-center {align-items:center}

.text-center{text-align: center;}

.text-left{text-align: left;}

.text-right{text-align: right;}

.dflex-between{display:flex;justify-content:space-between;flex-wrap:wrap}

.flex-between{display:flex;justify-content:space-between;align-items: center;flex-wrap:wrap}

.txt-voilet{color: #7c33c0;}

.txt-sky-blue{color: #019eaa;}

.txt-blue{color: #2d79e5 !important;}

.txt-black{color: #000 !important}

.txt-red{ color: #ff3d3d;}

.txt-gray{ color: #787878;}

.txt-white{color: #fff !important;}

.txt-black{color: #000 !important;}

.txt-pink{color: #e7257c;}

.posrel{position: relative;}

.posabs{position: absolute;}

.img-reponsive {width:100%}

.clear{clear:both}

.clearfix:after{content:"";display:block;clear:both}

.ibvt {display:inline-block;vertical-align:top}

.ibvm {display:inline-block;vertical-align:middle}

.ibvb {display:inline-block;vertical-align:bottom}

.sectionpadding {padding:100px 0}

.lnheight {line-height:0}

.img-responsive {width: 100%}

sup {/*vertical-align: super;*/font-size: small;}

table {width: 100%;margin:0;padding:0;border-collapse: collapse;border-spacing: 0;}

.nomargin {margin: 0 !important}

.fl {float: left}

.fr {float: right}

.text-center{text-align: center}

.text-left{text-align: left}

.text-right{text-align: right}

.clear{clear: both;}

.container {width:98%;margin: 0 auto;max-width: 1350px;padding: 0}

.headercontainer{width: 96%;margin: 0 auto;max-width: 1300px;padding: 0;}

.banner_wrapper:before {

    content: "";

    position: absolute;

    width: 100%;

    height: 400px;

    background: #fff;

    background: rgb(255,255,255);

    background: linear-gradient(180deg, rgba(255,255,255,1) 5%, rgba(255,255,255,0) 50%);

    opacity: 0.6;

}

.sprite{background: url(../images/sprite.png) no-repeat 0 0}

.blackoverlay{position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 9;background: rgba(0, 0, 0, 0.6);display: none;}

.blackoverlay.active {display: block}

.ibvm{display:inline-block;vertical-align:middle}

.ibvt{display:inline-block;vertical-align:top}

.ibvb{display:inline-block;vertical-align:bottom}

.dflex{display: flex}

.clear{clear:both;}

.clearfix:after{content:"";display:block;clear:both;}

.sectionblk {position: relative}

.uppercase {text-transform: uppercase}

.flex-between {display: flex;justify-content: space-between; align-items: flex-start;flex-wrap: wrap;}

.flex-start {display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;}

.flex-between-center {display: flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}

figure img, .img-fluid {width: 100%}

.flex {display: flex;flex-wrap: wrap;}

.flex-end {display: flex;justify-content: space-between;align-items: flex-end;}

.width100 {width: 100% !important}

.common_padding {padding: 50px 0;}



.banner_wrapper {width: 100%;height: 100vh;position: relative}

video {width: 100%;height: 100%;object-fit: cover;}



.header_wrapper {padding: 15px 0;position: fixed;top: 0px;left: 0;right: 0;margin: auto;z-index: 99;--blur-height: calc(100*1.3461);-webkit-backdrop-filter: blur(8px);backdrop-filter: blur(8px);left: 0;/* -webkit-mask-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 70'%3E%3Cpath fill='url(%23a)' d='M0 52h20v18H0z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M20 52h4a4 4 0 0 0-4 4z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M0 0h24v52H0z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' x2='10' y1='52' y2='70' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.188'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E),url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 52 52'%3E%3Cpath fill='%23000' d='M-15000 0h30000v30000h-30000z'/%3E%3C/svg%3E),url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 70'%3E%3Cpath fill='url(%23a)' d='M4 52h20v18H4z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 52H0a4 4 0 0 1 4 4z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M0 0h24v52H0z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='14' x2='14' y1='52' y2='70' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.188'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E); *//* mask-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 70'%3E%3Cpath fill='url(%23a)' d='M0 52h20v18H0z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M20 52h4a4 4 0 0 0-4 4z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M0 0h24v52H0z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='10' x2='10' y1='52' y2='70' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.188'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E),url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 52 52'%3E%3Cpath fill='%23000' d='M-15000 0h30000v30000h-30000z'/%3E%3C/svg%3E),url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 70'%3E%3Cpath fill='url(%23a)' d='M4 52h20v18H4z'/%3E%3Cpath fill='%23000' fill-rule='evenodd' d='M4 52H0a4 4 0 0 1 4 4z' clip-rule='evenodd'/%3E%3Cpath fill='%23000' d='M0 0h24v52H0z'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='14' x2='14' y1='52' y2='70' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.188'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E); */-webkit-mask-position: left,left top,right;mask-position: left,left top,right;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: auto,100% var(--header-height),auto;mask-size: auto,100% var(--header-height),auto;}

/* .header_wrapper:hover {background: #fff} */

.logoblk {width: 335px;cursor: pointer;/* background: url('../images/logo-black.webp') no-repeat 0 0; */background-size: cover;height: 45px;}

.header_blk {display: flex;justify-content: space-between;align-items: center;}

.header_wrapper.posrel {position: relative}





#nav {font-family: 'Roboto';font-weight: 500;width: 100%;margin: 0;padding: 0 0;font-size: 16px;letter-spacing: 1px;display: flex;justify-content: space-between;}

#nav li {list-style: none;display: block;position: relative;text-transform: uppercase;margin: 0 10px 0 0}

/*#nav li:last-child {margin: 0}*/

#nav li a {padding: 15px 20px;margin: 0px 0;line-height: 1.2;text-decoration: none;color: #222222;display: block;font-size: 16px;letter-spacing: 0.5px;}

#nav ul {background: #f2f5f6;padding: 0px;border-bottom: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;border-left: 1px solid #DDDDDD;border-radius: 0px 0px 3px 3px;box-shadow: 2px 2px 3px #ECECEC;-webkit-box-shadow: 2px 2px 3px #ECECEC;-moz-box-shadow: 2px 2px 3px #ECECEC;width: 230px;margin: 0 0 0 20px}

#nav .site-name, #nav .site-name:hover {padding-left: 10px;padding-right: 10px;color: #FFF;text-shadow: 1px 1px 1px #66696B;width: 160px;border-right: 1px solid #52BDB5;}

#nav ul li {border-right: none;border-bottom: 1px solid rgba(255, 255, 255, 0.2);width: 230px;background: #fff;}

#nav ul li a {border-right: none;color: #000000;font-weight: 600}

#nav ul li:hover {background: #fff;}

#nav ul li:hover a {color: #000000;}

#nav ul li:hover ul li a {color: #fff}

#nav ul li:hover ul li {background: #002e5b;}

#nav ul li:hover ul li:hover a {color: #002e5b}

#nav ul li:hover ul li:hover {background: #fff;}

#nav ul li:last-child {border-bottom: none;}

#nav ul li:last-child a {border-bottom: none;}

#nav li ul li a span.icon-right-open {position: absolute;right: 10px;}

#nav li ul li a span.icon-right-open:before {font-size: 13px}

#nav li a span.icon-left-open {position: absolute;right: -10px;transform: rotate(-90deg);top: 15px;}

#nav li a span.icon-left-open:before {font-size: 11px}

#nav ul li {position: relative}

/*#nav ul li:first-child:after {width: 0;height: 0px;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #002e5b;position: absolute;top: -8px;content: "";left: 0;right: 138px;margin: 0 auto;}*/

#nav ul li ul li:first-child:after {display: none}

#nav ul {display: none;visibility: hidden;position: absolute;top: 39px;z-index: 99;}

#nav ul ul {top: -1px;left: 229px;display: none;visibility: hidden;border: 1px solid #DDDDDD;}

#nav ul ul ul {top: 0px;left: 230px;display: none;visibility: hidden;border: 1px solid #DDDDDD;}

#nav ul li {display: block;visibility: visible;}

#nav li.menuright:last-child ul {width: auto;right: 0 }

#nav li.menuright:last-child ul ul {right: 230px !important;}

#nav li.menuright ul ul {left: auto;right: 230px;}

#nav li a span.icon-down-open {font-size: 17px;display: inline-block;vertical-align: middle }

#nav li a span.icon-down-open:before {margin: 0 }

#nav li ul li a span.icon-down-open {position: absolute;right: 10px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);}

#nav li.activemenu {background: #00255c;}

#nav li.activemenu a {color: #fff }

#nav ul li ul li a, #nav li ul li a {font-size: 14px;}

#nav ul li:before {position: absolute;content: "";width: 3px;height: 100%;background: #fff;top: 0;left: 0;}

#nav ul li:hover:before {background: #000000;}

#nav ul li a:hover {background: #f0efec}

#nav li a.subnavactive {color: #182534} 



.justabroad_logoblk {width: 320px;line-height: 0;position: absolute;top: 30%;left: 0;right: 0;margin: auto}

.banner_textblk {position: absolute;top: 210px;left: 0;right: 0;margin: auto;text-align: center;color: #fff;font-size: 110px;line-height: 110px;font-weight: 900;letter-spacing: 1px;}

.abroadcount_wrapper {width: 100%;background: #ffffff;padding-top: 104px;}

.abroadcount_blk {display: flex;justify-content: start;width: 100%;margin: 0 auto;flex-wrap: wrap;}

.counter_txt {display: block;color: #000;font-size: 25px;line-height: 35px;font-weight: 200;display: block;}

.countitem_blk {font-size: 113px;line-height: 120px;color: #000;text-align: left;font-weight: 900;width: 33.33%;min-height: 300px;font-weight: 500;}

.counter {margin: 0 10px 0 0;=:font-family: 'Josefin Sans', sans-serif;font-family: 'Josefin Sans', sans-serif;}



.trust_txt {font-family: 'Oooh Baby';font-weight: bold;font-size: 30px;line-height: 30px;color: #182534}

span.trust_arrow {display: inline-block;vertical-align: middle;width: 50px;margin: 20px 0 0 10px;}

.trust_sliderblk {width: 93%;margin: 30px auto 0;border-radius: 15px;box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.13);padding: 50px 20px 50px 20px;background: #fff}

.trustslide_item {padding: 30px;cursor: pointer}

.trustslide_item img {filter: grayscale(1);transition: all 0.4s ease-in-out 0s;position: relative;top: 0}

.trustslide_item img:hover {filter: grayscale(0);top: -20px}



.section_ttl {font-size: 50px;line-height: 60px;color: #1D1D1F;font-weight: 600;margin: 0 0 30px 0}

.section_ttl.small_ttl {font-size: 27px;line-height: 35px;}

.section_ttl.font40 {font-size: 35px;line-height: 45px;}

.red_txt {color: #182534}

.section_desc p {color: #1D1D1F;font-size: 18px;line-height: 27px;margin: 0 0 15px 0}

.section_desc p:last-child {margin: 0}

.white_txt {color: #fff !important}

.section_desc.white_txt p {color: #fff}

.section_desc.boldfont p {font-weight: 600}

.section_desc.red_txt p {color: #182534}



.studentlove_wrapper {padding: 0 0 90px 0;}

.student_item {border: 1px solid #182534;padding: 30px;border-radius: 15px;margin: 0 15px}

.student_description p {font-size: 18px;line-height: 28px;color: #182534;font-weight: 500;}

.student_pic {width: 70px;border-radius: 100%;display: block;line-height: 0;overflow: hidden;margin: 0 20px 0 0}

.student_info {border-top: 1px solid #E9E9E9;padding: 20px 0 0 0;display: flex;justify-content: space-between;align-items: center;}

.student_detail {color: #1d1d1f;font-size: 15px;line-height: 18px;font-weight: 600;width: calc(100% - 70px)}

.student_name {color: #182534;margin: 0 0 5px 0}

.studentlove_sliderblk {width: 100%;margin: 0 auto;}

.student_description {height: 360px;}

.studentlove_slider .slick-prev {width: 50px;height: 50px;box-shadow: 0 10px 35px 0 rgba(5,16,54,0.1);padding: 0;border: 1px solid #ccc;background: #fff;outline: none;display: block;top: 40%}

.studentlove_slider .slick-prev:hover {background: #182534;color: #fff}

.studentlove_slider .slick-next {width: 50px;height: 50px;box-shadow: 0 10px 35px 0 rgba(5,16,54,0.1);padding: 0;border: 1px solid #ccc;background: #fff;outline: none;display: block;border-radius: 100%;top: 40%}

.studentlove_slider .slick-next:hover {background: #182534;color: #fff}

.studentlove_slider .slick-dots {bottom: -50px;text-align: center}

.studentlove_slider .slick-dots li {width: 5px;height: 5px;margin: 0 10px;}

.studentlove_slider .slick-dots li button {width: 100%;height: 100%;border-radius: 100%;background: #ccc}

.studentlove_slider .slick-dots li.slick-active {width: 10px;height: 10px;}

.studentlove_slider .slick-dots li.slick-active button {background: #000}



.academicdream_wrapper {width: 100%;background: #182534}

.achieveimg_blk {line-height: 0;margin: 190px 0 0 0}

.academicdream_wrapper {padding: 150px 0}

.achieveimg_txt {text-align: center;color: #fff;font-size: 80px;line-height: 90px;font-weight: 900;letter-spacing: 1px;}





.testcoacning_blk .section_desc {width: 80%;margin: 0 auto;text-align: center}

.testcoachprep_item {border-radius: 15px;width: 48%;background: #C7D0D6;position: relative;height: 400px;overflow: hidden;cursor: pointer;margin: 0 20px 20px 0;display: inline-block;vertical-align: top}

.testcoachprep_item:nth-child(2n+2) {margin: 0 0 20px 0}

.testcoachprep_item.gmat {background: #C7D0D6 url('../images/gmat-banner.webp') no-repeat left bottom;background-size: 85% auto}

.testcoachprep_item.gre {background: #C7D0D6 url('../images/gre-banner.webp') no-repeat left bottom;background-size: 77% auto}

.testcoachprep_item.gre .coachlogo_item {width: 160px;}

.testcoachprep_item.sat {background: #C7D0D6 url('../images/sat-banner.webp') no-repeat left bottom;background-size: 77% auto}

.testcoachprep_item.ielts {background: #C7D0D6 url('../images/ielts-banner-2.webp') no-repeat left bottom;background-size: 72% auto}

.testcoachprep_item.toefl {background: #C7D0D6 url('../images/toefl-banner.webp') no-repeat left bottom;background-size: 100% auto}

.testcoachprep_item.pte {background: #C7D0D6 url('../images/pte-banner.webp') no-repeat left bottom;background-size: 100% auto}

.testcoachprep_item.det {background: #C7D0D6 url('../images/det-banner.webp') no-repeat left bottom;background-size: 100% auto}



.coachlogo_item {position: absolute;bottom: 20px;right: 20px;width: 200px;}

.testcoachinfoblk {width: 100%;height: 100%;background: #182534;position: absolute;top: -100%;left: 0;right: 0;z-index: 99;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;}

.coaching_itemblk {margin: 40px 0 0 0;text-align: center}

.testcoachprep_item:hover .testcoachinfoblk {top: 0}

.testcoach_info {transform: translate(-50%,-50%);top: 50%;left: 50%;position: relative;color: #fff;font-weight: bold;text-align: center;width: 80%}

.test_name {font-size: 25px;line-height: 35px;margin: 0 0 25px 0;}

.test_desc {font-size: 18px;line-height: 26px;margin: 0 0 26px 0;}

.test_btn a {background: #fff;padding: 10px;display: block;width: 150px;font-size: 15px;line-height: 15px;border-radius: 100px;margin: 0 auto;cursor: pointer;}



.trust_txt.join_txt {color: #1D1D1F;font-size: 50px;line-height: 50px;margin: 0 0 30px 0;}

.learnfrom_expertwrapper {width: 100%;position: relative;background: #FBF7ED}

.learnfrom_expertblk {display: flex;justify-content: space-between;position: relative;align-items: flex-end}

.learnfrom_infoblk {width: 52%;padding: 130px 0 40px 0;}

.learnfrom_picblk {width: 40%;line-height: 0}

.learnfrom_infoblk .section_desc p {font-weight: bold}

.learnfrom_expertwrapper:before {position: absolute;content: "";width: 100%;height: 150px;background: #fff;top: 0;left: 0;right: 0}



.brilliantmind_wrapper {width: 100%;background: #182534}

.professor_item {width: 23%}

.professorpic {width: 100%;line-height: 0;border-radius: 15px;overflow: hidden;filter: grayscale(1);margin: 0 0 20px 0}

.professor_name {font-size: 18px;line-height: 20px;color: #fff;font-weight: bold;margin: 0 0 10px 0}

.professorinfo .section_desc p {color: #CACACA;font-size: 17px;}

.brilliantprofessor_blk {display: flex;justify-content: space-between;}

.professorinfo {display: none}

.knowmore_btn {width: 150px;display: block;margin: 40px auto 0;padding: 10px 20px;background: #fff;border-radius: 100px;cursor: pointer}

.knowmore_btn .icon-left-open {transform: rotate(-90deg);display: inline-block;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;}

.readmoe_btn.knowmore_btn.active .icon-left-open {transform: rotate(90deg);}



.support_wrapper {width: 100%;background: url('../images/close-up-students-indoors-new.webp') no-repeat 0 0;height: 600px;position: relative;background-size: cover;}

.support_wrapper:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(133,11,9,0.8);top: 0;left: 0}

.support_txt {font-size: 26px;line-height: 36px;color: #fff;font-weight: bold;top: 38%;position: relative;width: 80%;text-align: center;margin: 0 auto;}



.unlock_successblk .learnfrom_expertblk {flex-direction: row-reverse;margin: -130px 0 0 0}

.unlock_successblk .learnfrom_expertblk .section_ttl.small_ttl {font-size: 29px;line-height: 38px;}

.official_centerwrapper {width: 100%;background: url('../images/bg-classroom.webp') no-repeat 0 0;padding: 110px 0;position: relative;background-size: cover;background-attachment: fixed}

.official_centerwrapper:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(133,11,9,0.8);top: 0;left: 0}

.official_centerblk .support_txt {position: relative;transform: translate(0,0);top: 0;left: 0;margin: 0 auto;width: 81%}

.official_centerblk {position: relative}

.official_logoblk {margin: 50px 0;text-align: center;}

.official_logoitem {width: 150px;margin: 0 20px;display: inline-block;vertical-align: top;}



.counsel_wrapper {width: 100%;background: url('../images/counseling.webp') no-repeat 0 0;height: 900px;position: relative;background-size: cover;}

.counsel_wrapper:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(29,29,31,0.3);top: 0;left: 0}

.counsel_blk {width: 550px;position: absolute;top: 53%;left: 10%;transform: translate(-16%,-50%);}

.counsel_blk .trust_txt {margin: 0 0 30px 0}

.playworld_txt {font-size: 25px;line-height: 35px;color: #182534;width: 75%;margin: 0 auto 20px;text-align: center}

.worldpic_blk {width: 100%;margin: 180px auto 0;line-height: 0;position: relative;text-align: center}

.worldpic_img {width: 65%;margin: 0 auto}



.world_txt {font-size: 79px;line-height: 100px;font-weight: bold;color: #182534;text-align: center;position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 100%;}

.abroad_txt {font-size: 20px;line-height: 36px;color: #1D1D1F;font-weight: bold;margin: 80px auto 0;width: 77%;text-align: center;}





.footer_wrapper {width: 100%;background: #000000;padding: 80px 0 10px 0;position: fixed;z-index: -1;bottom: 0;}

.topfooter_item {display: flex;justify-content: space-between;}

.footeritem {width: 27%;}

.footeritem .section_desc p {color: #ffffff;font-size: 17px;}

.iconitemblk {margin: 50px 0 0 0;}

.iconpic {font-size: 40px;color: #ffffff;margin: 0 10px 0 0}

.icon_desc p {color: #ffffff;font-size: 17px;margin: 0 0 10px 0}

.icon_desc a {color: #ffffff;}

.icon_item {margin: 0 0 30px 0;}

.footer_ttl {font-size: 20px;line-height: 20px;text-transform: uppercase;color: #ffffff;margin: 0 0 20px 0;font-weight: 500}

.footer_list li {font-size: 16px;line-height: 16px;color: #182534;margin: 0 0 20px 0;text-transform: uppercase;}

.footer_list li a {color: #ffffff;}

.bottomfooter_item {padding: 20px 0 0 0;margin: 20px 0 0 0;border-top: 1px solid #fff;}



.formwrapper {width: 100%;padding: 80px 0 50px 0;height: auto;position: relative}

.formwrapper:before {position: absolute;content: "";width: 100%;height: 100%;background: #182534;opacity: 0.89;top: 0;left: 0;right: 0}

.yesyoucan_wrapper {background: url('../images/form-banner.webp') no-repeat 0 0;background-size: cover}





.formwrap_blk {position: relative}

.formfield_blk {margin: 50px auto 0;width: 80%;display: flex;justify-content: space-between;flex-wrap: wrap}

.formwrap_blk .section_desc p {font-weight: 500}

.form_lablel {font-size: 15px;line-height: 15px;font-weight: 600;color: #fff;margin: 0 0 5px 0}

.form_lablel span.star {color: #E04562;}

.frmfield {width: 100%;border: 0;padding: 14px 14px;border-radius: 7px;outline: none}

.input_error {padding: 6px 10px;background: #F9E4E8;color: #E04562;font-size: 12px;line-height: 12px;font-weight: 500;border-radius: 5px;margin: 6px 0 0 0;display: none}

.formfield_item {width: 48%;margin: 0 0 25px 0}

.formfield_item:last-child {margin: 0}

.formfield_item.fullfield {width: 100%}

.fieldbtn_name {padding: 13px 20px;background: #000;color: #fff;font-size: 14px;line-height: 14px;border-radius: 20px;cursor: pointer;min-width: 125px;text-align: center}

.fieldbtn_name:hover {background: #ad0502}

.frmfield_btn, .frmfieldcountry_btn {display: inline-block;vertical-align: top;margin: 7px 10px 7px 0;}

.frmfield_btn.active .fieldbtn_name, .frmfieldcountry_btn.active .fieldbtn_name {background: #ad0502}

.submit_btn {width: 130px;padding: 16px 0;background: #1e1e1e;color: #fff;font-size: 19px;border: 0;outline: none;border-radius: 10px;cursor: pointer;line-height: 19px;}



.studyinpage_wrapper .banner_textblk {top: 240px;font-size: 130px;line-height: 130px;}

.studyinpage_wrapper .studentlove_wrapper {padding: 90px 0}

.country_txt {color: #000000;font-size: 46px;line-height: 55px;font-weight: bold;width: 81%;font-family: 'Poppins', sans-serif;font-weight: 600;}

.stuincountry_txtwrapper {background: #ffffff;height: 100vh;display: flex;align-items: center;}

.academic_wrapper {width: 100%;background: #182534;}

.academic_blk {display: flex;justify-content: space-between;align-items: center}

.academic_infoblk .section_desc p {font-weight: 500}

.academic_infoblk {width: 40%}

.academic_picblk {width: 50%;line-height: 0;position: relative}

.ranksearch_blk {background: #fff;padding: 10px 20px;border-radius: 50px;font-size: 18px;line-height: 18px;font-weight: bold;margin: 0 0 20px 0}

.ranksearch_blk .icon-search {margin: 0 0 0 5px;font-size: 30px;display: inline-block;vertical-align: middle;}

.rankfeature_list {padding: 20px;background: #fff;border-radius: 20px;}

.rankfeature_list li {margin: 0 0 15px 0;font-size: 15px;line-height: 18px;color: #182534;}

.rankfeature_list li .icon-ok-circle {font-size: 20px;line-height: 20px;margin: 1px 10px 0 0;display: inline-block;vertical-align: top;}

.academic_rankblk {position: absolute;top: 180px;left: -80px;}

.studentlife_wrapper .academic_rankblk {width: 400px;top: auto;bottom: 50px;}

.career_wrapper {background: #1825342E;}

.academic_blk.row-reverse {flex-direction: row-reverse;}

.career_wrapper .academic_infoblk {width: 46%}

.career_wrapper .academic_picblk {width: 47%}

.red_txt {color: #182534 !important}

.career_wrapper .academic_rankblk {width: 300px;left: auto;right: -50px;top: auto;bottom: 70px;}

.achievdream_wrapper {background: #FBF7ED;}

.dream_item {padding: 30px;border-radius: 15px;margin: 0 15px;background: #fff}

.dreampic {width: 100%;line-height: 0;margin: 0 0 20px 0}

.university_name {font-size: 21px;line-height: 25px;color: #182534;font-weight: bold;margin: 0 0 15px 0;}

.university_namedesc p {font-size: 15px;line-height: 25px;color: #1D1D1F;font-weight: 500}

.university_namedesc {height: 300px;}

.rankfee_item .ttl {font-size: 15px;line-height: 15px;color: #1D1D1F;font-weight: 500;margin: 0 0 5px 0}

.rankfee_item .desc {font-size: 24px;line-height: 25px;color: #182534;font-weight: bold}

.rankfee_item {display: inline-block;vertical-align: top;width: 48%;}

.studentlove_slider {padding: 0 0 60px 0;}

.dreamslider_blk .studentlove_slider .slick-dots {bottom: 20px;right: 0}

.applynow_btn {width: 170px;margin: 20px auto 0;text-align: center;background: #182534;padding: 17px 0;border-radius: 20px;cursor: pointer;color: #fff;font-weight: bold;font-size: 18px;line-height: 18px;}

.applynow_btn .icon-right-thin {color: #fff;display: inline-block;font-size: 17px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;}

.applynow_btn:hover {background: #222222}

.applynow_btn:hover .icon-right-thin {margin: 0 0 0 10px}



.popup_wrapper {width: 80%;padding: 30px;border-radius: 30px;background: #182534;position: fixed;top: 3%;left: 0;right: 0;margin: auto;display: none;z-index: 99}

.popup_wrapper .formfield_blk {width: 100%}

.popup_wrapper .section_ttl {margin: 0 0 20px 0;font-size: 40px;line-height: 40px;}

.popup_wrapper .section_desc {display: none}

.popup_wrapper.zoomIn {display: block;}

.closebtn {position: absolute;top: 20px;right: 20px;color: #fff;font-size: 19px;cursor: pointer;}

.yesyoucan_wrapper .closebtn {display: none}



.studyinpage_wrapper .support_wrapper {background-attachment: fixed}

.studyinpage_wrapper .support_txt {top: 0;margin: 60px auto 0}

.studyinpage_wrapper .support_wrapper .applynow_btn {margin: 50px auto 0;position: relative;background: #fff;color: #222222}

.studyinpage_wrapper .applynow_btn:hover {background: #222222;color: #fff}

.faqans_blk {width: 90%;margin: 0 auto;}



.scholarshipstudy_wrapper {width: 100%;background: #182534;position: relative}

.width80 {width: 80%}

.width60 {width: 60%}

.width50 {width: 50%}

.margin_auto {margin: 0 auto}

.scholarship_txt {font-size: 23px;line-height: 25px;color: #fff;font-weight: bold;text-align: center;margin: 30px 0 0 0;position: relative}

.scholarshipslide_item {padding: 30px;border-radius: 15px;background: #fff;margin: 0 20px;height: 300px !important}

.scholarship_slider .slick-dots {bottom: -50px;right: 0;text-align: center}

.scholarship_ttl {color: #182534;font-size: 25px;line-height: 30px;font-weight: 600;margin: 0 0 20px 0;}

.scholarship_desc {color: #1D1D1F;font-size: 18px;line-height: 29px;font-weight: 500;}

.scholarship_sliderblk {margin: 40px 0 0 0;}

.scholarship_slider .slick-dots li button {width: 7px;height: 7px;background: #fff;border-radius: 100%}

.slick-dots li.slick-active button {background: #222}

.costofliving_blk .section_desc p {font-weight: 600}

.costoflive_tableblk {width: 900px;margin: 40px auto 0;border-radius: 20px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 27%);overflow: hidden}

.costfee_tableblk tr th {padding: 20px 0;background: #182534;color: #fff;border-right: 1px solid rgba(255,255,255,0.5)}

.costfee_tableblk tr {align-items: center}

.costfee_tableblk tbody tr td {padding: 15px 20px;vertical-align: middle;font-size: 15px;line-height: 20px;font-weight: 500}

.costfee_tableblk tbody tr td {border-bottom: 1px solid #7A7A7A52;border-right: 1px solid #7A7A7A52}

.costfee_tableblk tbody tr:last-child td {border-bottom: 0}

.costfee_tableblk tr:nth-child(2n+2) {background: #FBF7ED63}

.fees_txt {margin: 0 0 4px 0;}

.fees_txt:last-child {margin: 0}

.costfee_tableblk td.srnumblk {text-align: center}

.studyusa_frmblk {background: url('../images/usafrm_bg.webp') no-repeat center;background-size: cover}

.formwrapper.yesyoucan_wrapper.studyusa_frmblk:before {opacity: 0.7}



.keycity_wrapper {width: 100%;background: #E7E7E7}

.mapimg_bg {background: url('../images/map-banner.webp') no-repeat 0 0;width: 900px;height: 642px;margin: 0 auto;position: relative}

.country_dot {width: 25px;height: 25px;background: #fff;border-radius: 100%;margin: 0 auto 5px;}

.country_name {color: #1D1D1F;font-size: 18px;line-height: 18px;font-weight: bold;}

.country_desc {background: #182534;color: #fff;padding: 20px;border-radius: 10px;display: none;width: 400px;position: absolute;bottom: 60px;z-index: 9}

.desc_ttl {font-size: 15px;line-height: 15px;font-weight: 600;margin: 0 0 9px 0;}

.desc_info {font-size: 15px;line-height: 23px;}

.country_nameitem {width: 200px;text-align: center;cursor: pointer;animation: zoom-in-zoom-out 1.5s ease infinite;}

.country_nameitem:hover .country_dot {background: #182534}

.country_item.active .country_desc {display: block;transition: 0.5a all esae;-webkit-transition: 0.5a all esae;-moz-transition: 0.5a all esae;-ms-transition: 0.5a all esae;-o-transition: 0.5a all esae;}

.country_item {position: absolute;}

@keyframes zoom-in-zoom-out {

  0% {

    transform: scale(1, 1);

  }

  50% {

    transform: scale(1.1, 1.1);

  }

  100% {

    transform: scale(1, 1);

  }

}

.country_item.sanfrancisco {top: 290px;left: 50px;}

.country_item.losangeles {top: 380px;left: 150px;}

.country_item.boston {right: 0;top: 200px;}

.country_item.newyork {right: 60px;top: 250px;}

.country_item.washingtondc {right: 120px;top: 300px;}

.country_item.chicago {top: 260px;right: 210px;}



.academicplayground_wrapper {width: 100%;background: #182534}

.coursedetail_item {border-radius: 100%;overflow: hidden;line-height: 0;position: relative}

.coursedetail_item.course1 {width: 35%;}



/*@keyframes course1 {

  0% {

    transform: transform: scale(1);

  }

  50% {

    transform: scale(1.2);

  }

  100% {

    transform: scale(1);

  }

}*/



.coursedetail_blk {position: relative;padding: 70px 0 100px 0}

.coursedetail_item.course2 {width: 25%;position: absolute;top: 0;right: 450px;}

.coursedetail_item.course3 {width: 29%;position: absolute;top: 170px;right: 60px;}

.coursedetail_item.course4 {position: absolute;width: 23%;top: 360px;left: 480px;}

.coursedetail_item.course5 {position: absolute;width: 23%;bottom: 40px;left: 40px;}

.coursedetail_item.course6 {width: 25%;bottom: -150px;left: 420px;}

.coursedetail_item.course7 {width: 30%;position: absolute;bottom: -10px;right: 80px;}

.coursedetail_item:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;right: 0;z-index: 1;}

.course_name {font-size: 20px;line-height: 27px;color: #fff;position: absolute;top: 50%;text-align: center;left: 0;right: 0;margin: auto;z-index: 9;}



.testpreppage_wrapper .banner_wrapper {width: 100%;background: #182534;height: 100vh}

.testpreppage_wrapper .logoblk {width: 135px;cursor: pointer;background: url('../images/logo-white.webp') no-repeat 0 0;background-size: cover;height: 76px}

.testpreppage_wrapper #nav li a {color: #fff}

.testpreppage_wrapper #nav li ul li a {color: #97302e}

.testpreppage_wrapper .header_wrapper:hover {background: transparent}



.banner_txtblk {display: flex;justify-content: space-between;width: 98%;position: absolute;top: 53%;left: 50%;right: 0;margin: auto;color: #fff;align-items: center;transform: translate(-50%,-50%);}

.banenrtxt_leftblk {width: 48%;font-family: 'Inter';}

.banenrtxt_rightblk {width: 49%;font-size: 30px;line-height: 35px;font-weight: bold;} 

.course_namebig {font-size: 200px;line-height: 170px;text-align: center}

.course_namesmall {font-size: 26px;text-align: center;margin: 10px 0 0 0;}

.testpreppage_wrapper .costoflive_tableblk {width: 80%}

.testpreppage_wrapper .costofliving_wrapper {background: #FBF7ED}

.testpreppage_wrapper .studentlove_wrapper {padding: 90px 0}

.approach_ttl {font-size: 120px;line-height: 120px;color: #182534;font-family: 'Inter';font-weight: bold;text-align: center;margin: 0 0 30px 0}

.approach_ttl.font50 {font-size: 50px;line-height: 70px;}



.unloackdream_wrapper {background: #182534;}

.dreamunlock_itemblk {margin: 30px 0 0 0;display: flex;justify-content: space-between}

.unlockdream_item {width: 32%;padding: 30px;border-radius: 15px;background: #fff;animation-name: zoomIn}

.title {font-size: 30px;line-height: 40px;color: #182534;font-weight: 600;margin: 0 0 20px 0;}

.dresc_blk p {color: #1D1D1F;font-size: 16px;line-height: 29px;font-weight: 500;margin: 0 0 20px 0}

.dresc_blk p:last-child {margin: 0}

.testpreppage_wrapper .faq_wrapper {background: #FBF7ED}

.customizestudyplan_blk {width: 100%;background: #182534;display: flex;border-radius: 0px;overflow: hidden;align-items: center}

.study_leftblk {width: 50%;padding: 20px 60px;margin: 0 0 30px 0}

.study_rightblk {width: 50%;line-height: 0}

.study_leftblk .section_ttl {font-size: 35px;line-height: 42px;}

.study_leftblk .section_desc p {font-weight: 500}

.studyplan_itemblk {display: flex;justify-content: space-between;flex-wrap: wrap;margin: 30px 0 0 0}

.studyplan_item {padding: 30px;border-radius: 15px;border: 2px solid #182534;text-align: center;width: 23%;margin: 0 0 30px 0;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;}

.study_ttl {font-size: 25px;line-height: 30px;color: #182534;font-weight: 700;margin: 0 0 20px 0;height: 60px;}

.study_desc {color: #1D1D1F;font-size: 16px;line-height: 29px;font-weight: 500;}

.studyplan_item:hover {background: #182534;}

.studyplan_item:hover .study_ttl {color: #fff}

.studyplan_item:hover .study_desc {color: #fff}

.icon-check {display: inline-block;vertical-align: middle;border: 2px solid #182534;border-radius: 100%;width: 30px;height: 30px;font-size: 16px;color: #182534;line-height: 26px;}

.icon_txt {display: inline-block;vertical-align: middle;color: #1D1D1F;font-size: 20px;margin: 0 0 0 10px;}

.study_elementitem {display: inline-block;vertical-align: middle;margin: 0 10px}

.study_elementblk {text-align: center;}



.light_yellowbg {background: #ffffff;}

.testpreppage_wrapper .brilliantprofessor_blk {margin: 30px 0 0 0}

.coachingcenter_wrapper {width: 100%;background: url('../images/just-abroad-coaching-centre.webp') no-repeat 0 0;height: 100vh;position: relative;background-size: cover}

.coachingcenter_wrapper:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(29,29,31,0.4);top: 0;left: 0;right: 0}

.coachcenter_blk {position: absolute;top: 25%;left: 10%;width: 40%;}

.coach_ttl {font-size: 30px;line-height: 30px;font-family: 'Oooh Baby';color: #fff;font-weight: bold;margin: 0 0 20px 0;}

.moreicon {width: 125px;margin: 0 auto 20px}

.more_ttl {color: #182534;font-size: 24px;line-height: 30px;font-weight: bold;margin: 0 0 15px 0;height: 60px;}

.section_list li {color: #1D1D1F;font-size: 17px;line-height: 26px;position: relative;padding: 0 0 0 18px;margin: 0 0 6px 0;}

.section_list li:before {position: absolute;content: "";width: 5px;height: 5px;background: #1D1D1F;border-radius: 100%;top: 8px;left: 0}

.whatsmore_item {display: inline-block;vertical-align: top;width: 29%;margin: 0 20px;}

.experiancehome_wrapper {padding: 0 0 80px 0}

.experiance_picblk {width: 48%;line-height: 0;border-radius: 15px;overflow: hidden;}

.experiance_infoblk {width: 48%}

.experiance_blk {display: flex;justify-content: space-between;align-items: center;}

.presmart_wrapper {width: 100%;background: #ffede9;padding: 60px 0 60px 0}

.presmartblk .section_ttl {font-size: 30px;line-height: 30px}

.presmartblk {position: relative}

.presmart_picblk {position: absolute;bottom: -60px;right: 50px;line-height: 0;width: 40%;}

.premsart_infoblk {width: 40%;padding: 0 0 0 80px;}

.presmartblk .applynow_btn {margin: 20px 0 0 0;width: 300px;}

.approachitem_blk {margin: 50px auto 0;width: 80%;position: relative}

.approach_number {width: 100px;height: 100px;background: #182534;color: #fff;border-radius: 100%;font-size: 40px;text-align: center;line-height: 100px;font-weight: bold;margin: 0 50px;position: absolute;top: 0px;left: 0;right: 0;margin: auto;bottom: 0}

.approach_item {display: flex;padding: 120px 0;position: relative;justify-content: space-between;}

.approach_item:nth-child(2n+2) {flex-direction: row-reverse}

.approtchttl {font-size: 30px;line-height: 40px;color: #182534;font-family: 'Inter';font-weight: bold;text-transform: uppercase;margin: 0 0 10px 0}

.approach_desc {font-size: 18px;line-height: 30px;color: #1D1D1F;font-weight: 600}

.approach_info {width: 40%;text-align: right;}

.approach_blankblk {width: 40%;}

.approach_item:nth-child(2n+2) .approach_info {text-align: left}

.approachitem_blk:before {position: absolute;content: "";width: 1px;height: 100%;background: transparent;top: 0;left: 0;right: 0;margin: auto;border-right: 3px dashed #182534;}

.approach_desc span {display: block;color: #182534;font-size: 20px;background: none;width: auto;text-align: right;margin: 0;}

.approach_desc span:hover {background: transparent}

.techno_ttl {font-size: 27px;line-height: 30px;font-weight: bold;color: #182534;margin: 0 0 10px 0;}

.techno_desc {font-size: 16px;line-height: 20px;color: #1D1D1F;font-weight: 500;}

.technolog_item {display: inline-block;vertical-align: text-top;text-align: center;width: 30%;margin: 0 20px 40px 10px}

.technology_itemblk {text-align: center}

.technoicon {width: 100px;margin: 0 auto 20px}

.studyplan_itemblk.threeitemblk .studyplan_item {width: 32%}

.digital_satblk {margin: 0 0 60px 0}

.marTop80 {margin-top: 80px !important;}

.marTop50 {margin-top: 50px !important;}

.marTop40 {margin-top: 40px !important;}

.marTop30 {margin-top: 30px !important;}



.student_issuewrapper .studyplan_itemblk {display: block;text-align: center;margin: 50px 0 0 0}

.student_issuewrapper .studyplan_itemblk .studyplan_item {display: inline-block;vertical-align: top;margin: 0 10px 40px 10px;width: 31%;height: 410px;}

.student_issuewrapper .studyplan_itemblk .studyplan_item .study_ttl {height: auto}

.student_issuewrapper .studyplan_itemblk .studyplan_item .study_desc p {margin: 0 0 14px 0;line-height: 25px;}

.approach_number .icon-check {font-size: 40px;line-height: 100px;color: #fff;width: auto;height: auto;border: 0;}

.section_list.white_txt li {color: #fff;}

.customizestudyplan_blk .section_list li {padding: 0px 0 0 30px;margin: 0 0 10px 0}

.customizestudyplan_blk .section_list li:before {content: '\e815';font-family: "fontello";color: #fff;width: auto;height: auto;background: no-repeat;font-size: 15px;line-height: 15px;top: 7px;}

.iletsprep_page .studyplan_itemblk.twoitemblk {display: flex}

.iletsprep_page .studyplan_itemblk.twoitemblk .studyplan_item {width: 48%;height: auto;background: #182534;display: block;padding: 50px 40px}

.iletsprep_page .studyplan_itemblk.twoitemblk .studyplan_item .study_ttl {color: #fff;font-size: 30px;}

.iletsprep_page .studyplan_itemblk.twoitemblk .studyplan_item .study_desc {color: #fff}

.iletsprep_page.testpreppage_wrapper .costoflive_tableblk {width: 60%;margin: 0 auto 30px}

.iletsprep_page.testpreppage_wrapper .costoflive_tableblk tbody tr td {text-align: center}

.prep_programwrapper .study_ttl {height: auto}

.whitebg {background: #fff !important}

.whychooseitem_blk {display: flex;justify-content: space-between;margin: 50px 0 0 0}

.whychoose_item {width: 33.33%;height: 600px;position: relative}

.whychoose_item:before {position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.3);top: 0;left: 0;right: 0}

.whychoose_item.study_materialblk {background: url('../images/pte-test-prep/expertly-curated.webp') no-repeat 0 0;background-size: cover}

.whychoose_item.customize_learnblk {background: url('../images/pte-test-prep/tailored-masterclasses.webp') no-repeat 0 0;background-size: cover}

.whychoose_item.realtestenvironment_blk {background: url('../images/pte-test-prep/real-testing-environment.webp') no-repeat 0 0;background-size: cover}

.whychoose_infoblk {position: absolute;bottom: 50px;width: 90%;left: 0;right: 0;margin: auto}

.whychoose_ttl {color: #fff;font-size: 32px;line-height: 37px;font-weight: bold;margin: 0 0 30px 0;height: 70px;}

.whychoose_desc p {color: #fff;font-size: 16px;line-height: 25px;font-weight: 500;}

.whychoose_desc {height: 150px;visibility: hidden;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-ms-transition: 0.5s all ease;-o-transition: 0.5s all ease;}

.whychoose_item:hover .whychoose_desc {visibility: visible}



.det_testpage .coachcenter_blk {width: 50%}

.cancada_studypage .scholarshipslide_item {height: 400px !important}

.australia_studypage .coursedetail_item:before, .newzealand_studypage .coursedetail_item:before, .germany_studypage .coursedetail_item:before, .dubai_studypage .coursedetail_item:before {display: none}

.australia_studypage .course_name, .germany_studypage .course_name {width: 70%;font-size: 18px;line-height: 22px;top: 40%}

/*.australia_studypage .rankfeature_list  {padding: 0}*/

.australia_studypage .rankfeature_list li, .germany_studypage .rankfeature_list li, .dubai_studypage .rankfeature_list li {padding: 0 0 0 40px;position: relative;color: #1D1D1F;font-size: 18px;line-height: 24px;}

.australia_studypage .rankfeature_list li .icon-ok-circle, .germany_studypage .rankfeature_list li .icon-ok-circle, .dubai_studypage .rankfeature_list li .icon-ok-circle {position: absolute;top: 0;left: 0;font-size: 25px;color: #182534}

.australia_studypage .scholarshipslide_item {height: 340px !important}

.newzealand_studypage .scholarshipslide_item {height: 400px !important}

.nopadding {padding: 0 !important}

.germany_studypage .scholarshipslide_item {height: auto !important}

.dubai_studypage .scholarshipslide_item {height: 360px !important}

.dubai_studypage .rankfeature_list li span {display: block;font-weight: bold;margin: 0 0 10px 0}

.dubai_studypage .rankfeature_list li {margin: 0 0 25px 0}



.policy_infoblk {width: 90%;margin: 0 auto}

.section_ttl.policy_ttl {font-size: 25px;line-height: 25px;text-transform: uppercase;}

.policy_infoblk .section_desc p {font-size: 16px;}

.policy_infoblk .section_list li {font-size: 15px}

.policy_item {margin: 0 0 40px 0;}

.policy_item:last-child {margin: 0}

.section_ttl.smallttl.policy_ttl {font-size: 20px;text-transform: none;}

.marTop20 {margin: 20px 0 0 0}



.noimg_bannerblk {width: 100%;background: #182534;padding: 80px 0}

.mobilemenublk {display: none}

.menubtn span {display: block;width: 20px;height: 3px;background: #fff;margin: 0 0 5px 0}

.menubtn span:last-child {margin: 0}

#menu {display: none}



.map_picblk {line-height: 0;width: 615px;position: relative}

.mapinfo_blk {width: calc(100% - 625px);}

.mapinfo_blkwrapper {display: flex;justify-content: space-between;flex-direction: row-reverse;}

.branch_txt {color: #182534;font-size: 25px;line-height: 25px;font-weight: bold;margin: 0 0 20px 0;display: block}

.branchlist {margin: 0 0 20px 0}

.branchlist li {width: 100%;font-size: 16px;line-height: 20px;color: #1D1D1F;margin: 0 0 10px 0}

.branchlist li span {font-weight: bold}

.branchwrapper .iconitemblk {margin: 30px 0 0 0}

.branchwrapper .iconitemblk .iconpic {transform: rotate(95deg);}

.branchwrapper .applynow_btn {margin: 30px 0 0 0;width: 250px}

.location_icon {cursor: pointer;position: absolute;font-size: 17px;color: #fff}

.location_icon span.lctname {font-size: 12px;background: #1D1D1F;color: #fff;padding: 10px;border-radius: 4px;letter-spacing: .5px;position: absolute;top: -24px;left: 0;display: none;z-index: 1;}

.location_icon:hover span.lctname {display: block;}

.jammu span.lctname {min-width: 120px;}

.ahmedabad {top: 306px;left: 86px;}

.rajkot {top: 326px;left: 75px;}

.anand {top: 320px;left: 100px;}

.vadodara {top: 310px;left: 105px;}

.surat {top: 335px;left: 115px;}

.mumbai {top: 386px;left: 112px;}

.pune {top: 402px;left: 126px;}

.indore {top: 317px;left: 180px;}

.jaipur {top: 218px;left: 140px;}

.chennai {top: 449px;left: 260px;}

.jammu {top: 90px;left: 184px;}

.delhi {top: 180px;left: 180px;}

.jodhpur {top: 245px;left: 110px;}

.kerala {top: 579px;left: 172px;}

.nagpur {top: 352px;left: 216px;}

.salem {top: 570px;left: 215px;}

.pondicherry {top: 560px;left: 230px;}

.jalgaon {top: 352px;left: 150px;}

.latur {top: 390px;left: 195px;}

.chhattisgarth {top: 350px;left: 280px;}

#menu:not(.mm-menu){display:none}















/*Accordion CSS Start*/



.smk_accordion{position: relative;margin-bottom: 20px;}

.smk_accordion .accordion_in{position: relative;z-index: 10;margin: 0 0 20px 0;padding: 0 0 20px 0;border-bottom: 2px solid #1D1D1F;}

/*.smk_accordion .accordion_in:last-child {border-bottom: 0;margin: 0;padding: 0}*/

.smk_accordion .accordion_in .acc_head {position: relative;padding: 10px 70px 10px 20px;display: block;cursor: pointer;font-size: 25px;line-height: 35px;border-top-left-radius: 0;border-bottom-left-radius: 0px;color: #1D1D1F;font-weight: bold;}

.smk_accordion .accordion_in .acc_head .questblk:before {position: absolute;content: "q";width: 50px;height: 50px;background: #f6862a;top: 0px;left: 0;border-radius: 100%;text-align: center;text-transform: uppercase;color: #fff;font-family: 'CircularStd-Book';font-size: 25px;line-height: 52px;}

.smk_accordion .accordion_in .acc_content .accinner_info p {font-size: 20px;line-height: 33px;color: #000;text-align: justify;margin: 0 0 15px 0}

.smk_accordion .accordion_in .acc_content .accinner_info {margin: 0 0 0px 0}

.smk_accordion .accordion_in h1:first-of-type,

.smk_accordion .accordion_in h2:first-of-type,

.smk_accordion .accordion_in h3:first-of-type,

.smk_accordion .accordion_in h4:first-of-type,

.smk_accordion .accordion_in h5:first-of-type,

.smk_accordion .accordion_in h6:first-of-type

{

	margin-top: 5px;

}

.smk_accordion.acc_with_icon .accordion_in .acc_content {padding: 0px 60px 0px 20px;}

.smk_accordion .accordion_in .acc_head .acc_icon_expand:after {position: absolute;content: "+";width: 50px;height: 50px;background: transparent;top: 0;right: 0;z-index: 9;font-size: 40px;line-height: 45px;padding: 10px 0 0 0;box-sizing: border-box;text-align: center;color: #1D1D1F;border-radius: 100%;text-transform: uppercase;}

.smk_accordion .accordion_in.acc_active .acc_head .acc_icon_expand:after {content: "-";}

.smk_accordion .accordion_in.acc_active .acc_content{display: block;}

.smk_accordion .accordion_in .acc_content .accinner_info .acc_quest_ans p {font-size: 20px;line-height: 27px;font-family: 'CircularStd-Book';color: #000;text-align: justify;padding: 0 0 0 10px;margin: 0 0 9px 0;}

.accordion_in.acc_active {border-bottom: 2px solid #1D1D1F;}

/*Accordion CSS End*/







/*SLICK CSS START*/



.slick-slider{ position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;height: 100%}

.slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0}

.slick-list:focus { outline: none}

.slick-list.dragging { cursor: pointer; cursor: hand}

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);   transform: translate3d(0, 0, 0);}

.slick-track { position: relative; top: 0; left: 0; display: block}

.slick-track:before, .slick-track:after { display: table; content: ''}

.slick-track:after { clear: both}

.slick-loading .slick-track { visibility: hidden}

.slick-slide { display: none; float: left; height: 100%; min-height: 1px;}

[dir='rtl'] .slick-slide {float: right;}

.slick-slide img { display: block;width: 100%}

.slick-slide.slick-loading img {display: none}

.slick-slide.dragging img { pointer-events: none}

.slick-initialized .slick-slide { display: block}

.slick-loading .slick-slide { visibility: hidden}

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent}

.slick-arrow.slick-hidden { display: none}



.slick-prev,.slick-next {position: absolute;top: 60px;display: block;width: 30px;height: 25px; margin-top: 0px; padding: 0; cursor: pointer; border: none; outline: none; background: transparent;z-index: 9;}

.slick-prev {

    left: -10px;

    padding: 10px;

    border-radius: 100%;

}

.slick-prev:before {    

    font-family: "fontello";

    content: '\e803';

    font-size: 20px;

    color: #ccc;

}

.slick-next {

    right: -10px;

    padding: 10px; 

}

.slick-next:before {    

    font-family: "fontello";

    content: '\e802';

    font-size: 20px;

    color: #ccc;

}



/* Dots */ 

.slick-dots {

    position: absolute;

    bottom: 30px;

    display: block;

    width: 100%;

    padding: 0;

    list-style: none;

    text-align: right;

    right: 30px;

}



.slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0 5px;

    padding: 0;

    cursor: pointer;

}



.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    padding: 5px;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}



.slick-dots li button:hover,

.slick-dots li button:focus {

    outline: none;

}



.slick-dots li button:hover:before,

.slick-dots li button:focus:before {

    opacity: 1;

}



.slick-dots li button:before {

    font-family: 'slick';

    font-size: 35px;

    line-height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    content: '';

    text-align: center;

    opacity: 1;

    color: #bebebe;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.slick-dots li.slick-active button:before {opacity: 1;color: #000;}



/*SLICK CSS END*/







/*ANIMATION CSS START*/



.animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}

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

100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px);}

}

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

100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px);}

}

.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}

@keyframes fadeInUp{from{opacity:0;transform:translate3d(0, 100%, 0);}

to{opacity:1;transform:none;}

}

.fadeInUp{animation-name:fadeInUp;}

@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px);}

100%{-webkit-transform:translateX(0);transform:translateX(0);}

}

@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px);}

100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}

}

.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}

@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(120px);transform:translateX(120px);}

100%{-webkit-transform:translateX(0);transform:translateX(0);}

}

@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px);}

100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}

}

.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}

@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}

50%{opacity:1;}

}

@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);}

50%{opacity:1;}

}

.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}

@keyframes fadeIn{from{opacity:0;}

to{opacity:1;}

}

.fadeIn{animation-name:fadeIn;}



/*ANIMATION CSS END*/









/**/




.noise_noise__N0mbn {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 55;



}



.noise_noise__N0mbn:after {

    position: absolute;

    top: -10rem;

    left: -10rem;

    width: calc(100% + 20rem);

    height: calc(100% + 20rem);

    animation: noise_noise__N0mbn 1s steps(2) infinite;

    background-image: url(https://www.basicagency.com/_next/static/media/noise.e8298e81.png);

    background-position: 50%;

    content: "";

    will-change: transform

}





@keyframes noise_noise__N0mbn {

    0% {

        transform: translate3d(0,9rem,0)

    }



    10% {

        transform: translate3d(-1rem,-4rem,0)

    }



    20% {

        transform: translate3d(-8rem,2rem,0)

    }



    30% {

        transform: translate3d(9rem,-9rem,0)

    }



    40% {

        transform: translate3d(-2rem,7rem,0)

    }



    50% {

        transform: translate3d(-9rem,-4rem,0)

    }



    60% {

        transform: translate3d(2rem,6rem,0)

    }



    70% {

        transform: translate3d(7rem,-8rem,0)

    }



    80% {

        transform: translate3d(-9rem,1rem,0)

    }



    90% {

        transform: translate3d(6rem,-5rem,0)

    }



    to {

        transform: translate3d(-7rem,0,0)

    }

}









.wrapper {

    display: inline-block;

  }

  .wrapper .static-txt {

    color: #000000;

    font-size: 44px;

    line-height: 55px;

    font-weight: 200;

  }

  .wrapper .dynamic-txts {

    margin-left: 0;

    height: 50px;

    line-height: 42px;

    overflow: hidden;

    display: inline-block;

    top: 11px;

    position: relative;

    margin: 0;

    padding: 0;

  }

  .dynamic-txts li {

    color: #000000;

    list-style: none;

    font-size: 44px;

    position: relative;

    top: 0;

    line-height: 52px;

    animation: slide 6s steps(4) infinite;

  }

  @keyframes slide {

    100% {

      top: -210px;

    }

  }

  .dynamic-txts li span {

    position: relative;

  }

  .dynamic-txts li span::after {

content: "";

position: absolute;

left: 0;top: 0;

height: 100%;

width: 100%;

background: #ffffff;

/* border-left: 2px solid pink; */

animation: typing 1.5s steps(10) infinite;

}

  @keyframes typing {

    100% {

      left: 100%;

      margin: 0 -35px 0 35px;

    }

  }





  #wrapper {

    display: flex;

    position: relative;

    width: 100vw;

    height: 100vh;

    align-items: start;

    justify-content: center;

  }



  .grow {

    position: relative;

  }

  

  .animate {

    padding-top: 0;

    color: white;

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    position: relative;

    flex-wrap: wrap;

    flex-direction: column;

    background: #e1e1e1;

  }



  .grow {

    overflow: hidden;

    color: white;

    transform: scale(1);

    top:-150px;

    right: 0px;

    width: 100%;

  }

  #wrapper1 {

    display: flex;

    position: relative;

    width: 100vw;

    /* height: 100vh; */

    align-items: start;

    justify-content: center;

  }



  .grow1 {

    position: relative;

  }

  

  .animate1 {

    padding-top: 0;

    color: white;

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    position: relative;

    flex-wrap: wrap;

    flex-direction: column;

    background: #201f1e;

  }



  .grow1 {

    overflow: hidden;

    color: white;

    right: 0px;

    width: 100%;

    text-align: center;

    font-size: 200px;

    text-transform: uppercase;

  }



  

  



.item-image {

    width: 100%;

    height: 100vh;

    position: relative;

}



.item-image img {

    width: 100%;

    height: 100vh;

    object-fit: cover;

}





#bound-two {

  background: #020202;

}





  

.scroll-bound {

height: 800vh;

}

.scroll-bound .content {

height: 100vh;

width: 100%;

position: sticky;

top: 0;

display: flex;

flex-direction: column;

justify-content: center;

align-items: center;

}

.scroll-bound video {width: 60%;top: 75px;position: relative;}

.white-logo{display: block;}

.black-logo{display: none;}

.body.logo-white .black-logo {

    display: none;

}

.body.logo-white .white-logo {

    display: block;

}
.body.logo-black .black-logo {

    display: block;

}

.body.logo-black .white-logo {

    display: none;

}

.end {

    font-size: 150px;

    position: relative;

    margin-top: -500px;

    font-weight: 800;

    top: -150px;

    padding-left: 65px;

    text-transform: uppercase;

}

.change-color-black .animate {

    background: #201f1e;

}

.marquee-container {

    height: 100px;

    overflow: hidden;

    line-height: 100px;

    position: relative;

}

 .marquee {

    top: 0;

    left: 100%;

    width: 100%;

    overflow: hidden;

    white-space: nowrap;

    position: absolute;

    animation: marquee 10s linear infinite;

  }

  .marquee-container .marquee2 {

    animation-delay: 15s;

  }

  .marquee-container b {

    padding-left: 10px;

  }

  

  @keyframes marquee {

    0% {

      left: 100%;

    }

    100% {

      left: -100%;

    }

  }

  .marquee {

    display: flex;

    justify-content: space-around;

}

.marquee span {

    font-size: 100px;

    line-height: 100px;

    text-transform: uppercase;

    font-weight: 600;

}



section#section-3 {

    padding: 100px 0;

}

.change-color-black section#section-3 {

    background: #201f1e;

}



section#section-3 {

    padding: 100px 0;

    background: #fff;

}





.countitem_blk small {

    font-size: 39px;

    position: relative;

    top: 0;

}

section#section-6 {

    overflow: hidden;

    position: relative;

    z-index: -2;

    background: #000;

}



.section8 {

    background: #fff;

    padding: 30px 0;

    z-index: 2;

    position: relative;

}



h2.heading-text {

    color: #000000;

    font-size: 44px;

    line-height: 55px;

    font-weight: 400;

    margin-bottom: 20px;

}



p.text-content {

    font-weight: 200;

    font-size: 23px;

    line-height: 36px;

    font-weight: 200;

}



.text-block {

    width: 44%;

    padding: 30px;

}

section.section-items {

    background: #fff;

}

.pagewrapper {

    margin-bottom: 510px;

    position: relative;

    z-index: 10;

}

.footer-box {

    display: flex;

    align-items: center;

    justify-content: space-between;

}
.footer-right {line-height: 0;padding: 130px 100px}
.footer-right img {width: 100%}

.text-box-block {
    font-size: 35px;
    color: #fff;
    width: 68%;
}
section.box-banner {
    background: #000;
    position: relative;
    z-index: 2;
}



.muted-button {
    position: absolute;
    width: 40px;
    height: 40px;
    background: white;
    z-index: 9999;
    top: 90vh;
    right: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    line-height: 50px;
    padding-top: 5px;
    cursor: pointer;
}
#MuteButton::before {
    content: "";
    background: url('../images/sound-on.svg') center center;
    width: 40px;height: 40px;background-size: 100%;
    top: 0px;
    position: absolute;
}

#MuteButton.muted::before {    
    content: "";
    background: url('../images/sound-off.svg') center center;
    width: 40px;height: 40px;background-size: 100%;
    top: 0px;
    position: absolute;
}


.homepage_wrapper .marquee {color: #000 !important}