/*------------------------------------------------------------------ 
[TABLE OF CONTENTS] 
 
=> font 
=> anim 
=> transform 
=> border radius 
=> flex 
=> ellipsis 
=> image 
=> box-shadow 
 
-------------------------------------------------------------------*/ 
/*========================================================================== 
=> font 
==========================================================================*/ 
/*========================================================================== 
=> anim 
==========================================================================*/ 
/*========================================================================== 
=> transform 
==========================================================================*/ 
/*========================================================================== 
=> border radius 
==========================================================================*/ 
/*========================================================================== 
=> flex 
==========================================================================*/ 
/*========================================================================== 
=> ellipsis 
==========================================================================*/ 
/*========================================================================== 
=> image 
==========================================================================*/ 
/*========================================================================== 
=> box-shadow 
==========================================================================*/ 
/*------------------------------------------------------------------ 
[TABLE OF CONTENTS] 
 
=> Color 
=> Common 
=> Fonts 
=> Custom Grid 
=> Global Styles 
=> buttons 
=> Form Elements 
=> Radio Small 
=> Checkbox Small 
=> Tooltip 
=> Modal 
=> Accordion 
 
-------------------------------------------------------------------*/ 
html, 
body { 
 font-family: "Poppins", sans-serif; 
 font-weight: 400; 
} 
/*========================================================================== 
=> Color 
==========================================================================*/ 
:root { 
 --sidebarWidth: 430px; 
 --clr: ; 
 /* common */ 
 --clr-primary: #1d438d; 
 --clr-secndry: #231f20; 
 --clr-lBlue: #c6d3e3; 
 --clr-white: #fff; 
 /* common end */ 
 /* input */ 
 --input-font: 400; 
 --input-height: 50px; 
 --input-fs-main: 16px; 
 --input-fs-top: 14px; 
 --input-icon-fs: 18px; 
 --input-icon: #1baac4; 
 --input-border: #aaa; 
 --input-error: #ff2323; 
 /* input end */ 
 /* button */ 
 --button-font: 600; 
 --button-fill: #1d438d; 
 --button-line: #1d438d; 
 /* button end */ 
} 
/*========================================================================== 
=> Common 
==========================================================================*/ 
/* Chrome, Safari, Edge, Opera */ 
input::-webkit-outer-spin-button, 
input::-webkit-inner-spin-button { 
 -webkit-appearance: none; 
 margin: 0; 
} 
/* Firefox */ 
input[type="number"] { 
 -moz-appearance: textfield; 
} 
.variable { 
 margin-bottom: 30px; 
} 
.variable p { 
 font-size: 16px; 
 font-weight: 700; 
 line-height: 1.5; 
 color: #4e68ea; 
 margin-bottom: 8px; 
} 
.variable span { 
 display: block; 
 font-size: 14px; 
 line-height: 1.5; 
 color: #212529; 
 margin-bottom: 5px; 
} 
/*========================================================================== 
=> Fonts 
==========================================================================*/ 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
p { 
 font-weight: normal; 
 margin-bottom: 0; 
} 
/*========================================================================== 
=> Custom Grid 
==========================================================================*/ 
/* Grid */ 
.f-row { 
 display: flex; 
 margin-left: -15px; 
 margin-right: -15px; 
 flex-wrap: wrap; 
} 
.f-col { 
 padding: 0 15px; 
} 
.f-10 .f-col { 
 width: 10%; 
} 
.f-9 .f-col { 
 width: 11.11111111%; 
} 
.f-8 .f-col { 
 width: 12.5%; 
} 
.f-7 .f-col { 
 width: 14.28571429%; 
} 
.f-6 .f-col { 
 width: 16.66666667%; 
} 
.f-5 .f-col { 
 width: 20%; 
} 
.f-4 .f-col { 
 width: 25%; 
} 
.f-3 .f-col { 
 width: 33.33333333%; 
} 
.f-2 .f-col { 
 width: 50%; 
} 
.f-1 .f-col { 
 width: 100%; 
} 
/* Width */ 
.w100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w33 { 
 width: 33%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
.w16 { 
 width: 16.666666%; 
 padding-left: 15px; 
 padding-right: 15px; 
} 
/* Margin */ 
.mb-100 { 
 margin-bottom: 100px; 
} 
.mb-95 { 
 margin-bottom: 95px; 
} 
.mb-90 { 
 margin-bottom: 90px; 
} 
.mb-85 { 
 margin-bottom: 85px; 
} 
.mb-80 { 
 margin-bottom: 80px; 
} 
.mb-75 { 
 margin-bottom: 75px; 
} 
.mb-70 { 
 margin-bottom: 70px; 
} 
.mb-65 { 
 margin-bottom: 65px; 
} 
.mb-60 { 
 margin-bottom: 60px; 
} 
.mb-55 { 
 margin-bottom: 55px; 
} 
.mb-50 { 
 margin-bottom: 50px; 
} 
.mb-45 { 
 margin-bottom: 45px; 
} 
.mb-40 { 
 margin-bottom: 40px; 
} 
.mb-35 { 
 margin-bottom: 35px; 
} 
.mb-30 { 
 margin-bottom: 30px; 
} 
.mb-25 { 
 margin-bottom: 25px; 
} 
.mb-20 { 
 margin-bottom: 20px; 
} 
.mb-15 { 
 margin-bottom: 15px; 
} 
.mb-10 { 
 margin-bottom: 10px; 
} 
.mb-5 { 
 margin-bottom: 5px; 
} 
.mb-0 { 
 margin-bottom: 0px; 
} 
@media all and (max-width: 1440px) { 
 .w-1440-40 { 
 width: 40%; 
 } 
 .w-1440-60 { 
 width: 60%; 
 } 
} 
@media all and (max-width: 1280px) { 
 .f-1280-10 .f-col { 
 width: 10%; 
 } 
 .f-1280-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-1280-8 .f-col { 
 width: 12.5%; 
 } 
 .f-1280-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-1280-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-1280-5 .f-col { 
 width: 20%; 
 } 
 .f-1280-4 .f-col { 
 width: 25%; 
 } 
 .f-1280-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-1280-2 .f-col { 
 width: 50%; 
 } 
 .f-1280-1 .f-col { 
 width: 100%; 
 } 
 .w-1280-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1280-33 { 
 width: 33%; 
 } 
 .w-1280-16 { 
 width: 16.666666%; 
 } 
 .mb-1280-100 { 
 margin-bottom: 100px; 
 } 
 .mb-1280-95 { 
 margin-bottom: 95px; 
 } 
 .mb-1280-90 { 
 margin-bottom: 90px; 
 } 
 .mb-1280-85 { 
 margin-bottom: 85px; 
 } 
 .mb-1280-80 { 
 margin-bottom: 80px; 
 } 
 .mb-1280-75 { 
 margin-bottom: 75px; 
 } 
 .mb-1280-70 { 
 margin-bottom: 70px; 
 } 
 .mb-1280-65 { 
 margin-bottom: 65px; 
 } 
 .mb-1280-60 { 
 margin-bottom: 60px; 
 } 
 .mb-1280-55 { 
 margin-bottom: 55px; 
 } 
 .mb-1280-50 { 
 margin-bottom: 50px; 
 } 
 .mb-1280-45 { 
 margin-bottom: 45px; 
 } 
 .mb-1280-40 { 
 margin-bottom: 40px; 
 } 
 .mb-1280-35 { 
 margin-bottom: 35px; 
 } 
 .mb-1280-30 { 
 margin-bottom: 30px; 
 } 
 .mb-1280-25 { 
 margin-bottom: 25px; 
 } 
 .mb-1280-20 { 
 margin-bottom: 20px; 
 } 
 .mb-1280-15 { 
 margin-bottom: 15px; 
 } 
 .mb-1280-10 { 
 margin-bottom: 10px; 
 } 
 .mb-1280-5 { 
 margin-bottom: 5px; 
 } 
 .mb-1280-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 1200px) { 
 .f-1200-10 .f-col { 
 width: 10%; 
 } 
 .f-1200-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-1200-8 .f-col { 
 width: 12.5%; 
 } 
 .f-1200-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-1200-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-1200-5 .f-col { 
 width: 20%; 
 } 
 .f-1200-4 .f-col { 
 width: 25%; 
 } 
 .f-1200-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-1200-2 .f-col { 
 width: 50%; 
 } 
 .f-1200-1 .f-col { 
 width: 100%; 
 } 
 .w-1200-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1200-33 { 
 width: 33%; 
 } 
 .w-1200-16 { 
 width: 16.666666%; 
 } 
 .mb-1200-100 { 
 margin-bottom: 100px; 
 } 
 .mb-1200-95 { 
 margin-bottom: 95px; 
 } 
 .mb-1200-90 { 
 margin-bottom: 90px; 
 } 
 .mb-1200-85 { 
 margin-bottom: 85px; 
 } 
 .mb-1200-80 { 
 margin-bottom: 80px; 
 } 
 .mb-1200-75 { 
 margin-bottom: 75px; 
 } 
 .mb-1200-70 { 
 margin-bottom: 70px; 
 } 
 .mb-1200-65 { 
 margin-bottom: 65px; 
 } 
 .mb-1200-60 { 
 margin-bottom: 60px; 
 } 
 .mb-1200-55 { 
 margin-bottom: 55px; 
 } 
 .mb-1200-50 { 
 margin-bottom: 50px; 
 } 
 .mb-1200-45 { 
 margin-bottom: 45px; 
 } 
 .mb-1200-40 { 
 margin-bottom: 40px; 
 } 
 .mb-1200-35 { 
 margin-bottom: 35px; 
 } 
 .mb-1200-30 { 
 margin-bottom: 30px; 
 } 
 .mb-1200-25 { 
 margin-bottom: 25px; 
 } 
 .mb-1200-20 { 
 margin-bottom: 20px; 
 } 
 .mb-1200-15 { 
 margin-bottom: 15px; 
 } 
 .mb-1200-10 { 
 margin-bottom: 10px; 
 } 
 .mb-1200-5 { 
 margin-bottom: 5px; 
 } 
 .mb-1200-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 1024px) { 
 .f-1024-10 .f-col { 
 width: 10%; 
 } 
 .f-1024-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-1024-8 .f-col { 
 width: 12.5%; 
 } 
 .f-1024-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-1024-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-1024-5 .f-col { 
 width: 20%; 
 } 
 .f-1024-4 .f-col { 
 width: 25%; 
 } 
 .f-1024-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-1024-2 .f-col { 
 width: 50%; 
 } 
 .f-1024-1 .f-col { 
 width: 100%; 
 } 
 .w-1024-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-1024-33 { 
 width: 33%; 
 } 
 .w-1024-16 { 
 width: 16.666666%; 
 } 
 .mb-1024-100 { 
 margin-bottom: 100px; 
 } 
 .mb-1024-95 { 
 margin-bottom: 95px; 
 } 
 .mb-1024-90 { 
 margin-bottom: 90px; 
 } 
 .mb-1024-85 { 
 margin-bottom: 85px; 
 } 
 .mb-1024-80 { 
 margin-bottom: 80px; 
 } 
 .mb-1024-75 { 
 margin-bottom: 75px; 
 } 
 .mb-1024-70 { 
 margin-bottom: 70px; 
 } 
 .mb-1024-65 { 
 margin-bottom: 65px; 
 } 
 .mb-1024-60 { 
 margin-bottom: 60px; 
 } 
 .mb-1024-55 { 
 margin-bottom: 55px; 
 } 
 .mb-1024-50 { 
 margin-bottom: 50px; 
 } 
 .mb-1024-45 { 
 margin-bottom: 45px; 
 } 
 .mb-1024-40 { 
 margin-bottom: 40px; 
 } 
 .mb-1024-35 { 
 margin-bottom: 35px; 
 } 
 .mb-1024-30 { 
 margin-bottom: 30px; 
 } 
 .mb-1024-25 { 
 margin-bottom: 25px; 
 } 
 .mb-1024-20 { 
 margin-bottom: 20px; 
 } 
 .mb-1024-15 { 
 margin-bottom: 15px; 
 } 
 .mb-1024-10 { 
 margin-bottom: 10px; 
 } 
 .mb-1024-5 { 
 margin-bottom: 5px; 
 } 
 .mb-1024-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 990px) { 
 .f-990-10 .f-col { 
 width: 10%; 
 } 
 .f-990-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-990-8 .f-col { 
 width: 12.5%; 
 } 
 .f-990-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-990-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-990-5 .f-col { 
 width: 20%; 
 } 
 .f-990-4 .f-col { 
 width: 25%; 
 } 
 .f-990-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-990-2 .f-col { 
 width: 50%; 
 } 
 .f-990-1 .f-col { 
 width: 100%; 
 } 
 .w-990-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-990-33 { 
 width: 33%; 
 } 
 .w-990-16 { 
 width: 16.666666%; 
 } 
 .mb-990-100 { 
 margin-bottom: 100px; 
 } 
 .mb-990-95 { 
 margin-bottom: 95px; 
 } 
 .mb-990-90 { 
 margin-bottom: 90px; 
 } 
 .mb-990-85 { 
 margin-bottom: 85px; 
 } 
 .mb-990-80 { 
 margin-bottom: 80px; 
 } 
 .mb-990-75 { 
 margin-bottom: 75px; 
 } 
 .mb-990-70 { 
 margin-bottom: 70px; 
 } 
 .mb-990-65 { 
 margin-bottom: 65px; 
 } 
 .mb-990-60 { 
 margin-bottom: 60px; 
 } 
 .mb-990-55 { 
 margin-bottom: 55px; 
 } 
 .mb-990-50 { 
 margin-bottom: 50px; 
 } 
 .mb-990-45 { 
 margin-bottom: 45px; 
 } 
 .mb-990-40 { 
 margin-bottom: 40px; 
 } 
 .mb-990-35 { 
 margin-bottom: 35px; 
 } 
 .mb-990-30 { 
 margin-bottom: 30px; 
 } 
 .mb-990-25 { 
 margin-bottom: 25px; 
 } 
 .mb-990-20 { 
 margin-bottom: 20px; 
 } 
 .mb-990-15 { 
 margin-bottom: 15px; 
 } 
 .mb-990-10 { 
 margin-bottom: 10px; 
 } 
 .mb-990-5 { 
 margin-bottom: 5px; 
 } 
 .mb-990-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 834px) { 
 .f-834-10 .f-col { 
 width: 10%; 
 } 
 .f-834-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-834-8 .f-col { 
 width: 12.5%; 
 } 
 .f-834-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-834-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-834-5 .f-col { 
 width: 20%; 
 } 
 .f-834-4 .f-col { 
 width: 25%; 
 } 
 .f-834-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-834-2 .f-col { 
 width: 50%; 
 } 
 .f-834-1 .f-col { 
 width: 100%; 
 } 
 .w-834-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-834-33 { 
 width: 33%; 
 } 
 .w-834-16 { 
 width: 16.666666%; 
 } 
 .mb-834-100 { 
 margin-bottom: 100px; 
 } 
 .mb-834-95 { 
 margin-bottom: 95px; 
 } 
 .mb-834-90 { 
 margin-bottom: 90px; 
 } 
 .mb-834-85 { 
 margin-bottom: 85px; 
 } 
 .mb-834-80 { 
 margin-bottom: 80px; 
 } 
 .mb-834-75 { 
 margin-bottom: 75px; 
 } 
 .mb-834-70 { 
 margin-bottom: 70px; 
 } 
 .mb-834-65 { 
 margin-bottom: 65px; 
 } 
 .mb-834-60 { 
 margin-bottom: 60px; 
 } 
 .mb-834-55 { 
 margin-bottom: 55px; 
 } 
 .mb-834-50 { 
 margin-bottom: 50px; 
 } 
 .mb-834-45 { 
 margin-bottom: 45px; 
 } 
 .mb-834-40 { 
 margin-bottom: 40px; 
 } 
 .mb-834-35 { 
 margin-bottom: 35px; 
 } 
 .mb-834-30 { 
 margin-bottom: 30px; 
 } 
 .mb-834-25 { 
 margin-bottom: 25px; 
 } 
 .mb-834-20 { 
 margin-bottom: 20px; 
 } 
 .mb-834-15 { 
 margin-bottom: 15px; 
 } 
 .mb-834-10 { 
 margin-bottom: 10px; 
 } 
 .mb-834-5 { 
 margin-bottom: 5px; 
 } 
 .mb-834-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 768px) { 
 .f-768-10 .f-col { 
 width: 10%; 
 } 
 .f-768-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-768-8 .f-col { 
 width: 12.5%; 
 } 
 .f-768-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-768-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-768-5 .f-col { 
 width: 20%; 
 } 
 .f-768-4 .f-col { 
 width: 25%; 
 } 
 .f-768-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-768-2 .f-col { 
 width: 50%; 
 } 
 .f-768-1 .f-col { 
 width: 100%; 
 } 
 .w-768-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-768-33 { 
 width: 33%; 
 } 
 .w-768-16 { 
 width: 16.666666%; 
 } 
 .mb-768-100 { 
 margin-bottom: 100px; 
 } 
 .mb-768-95 { 
 margin-bottom: 95px; 
 } 
 .mb-768-90 { 
 margin-bottom: 90px; 
 } 
 .mb-768-85 { 
 margin-bottom: 85px; 
 } 
 .mb-768-80 { 
 margin-bottom: 80px; 
 } 
 .mb-768-75 { 
 margin-bottom: 75px; 
 } 
 .mb-768-70 { 
 margin-bottom: 70px; 
 } 
 .mb-768-65 { 
 margin-bottom: 65px; 
 } 
 .mb-768-60 { 
 margin-bottom: 60px; 
 } 
 .mb-768-55 { 
 margin-bottom: 55px; 
 } 
 .mb-768-50 { 
 margin-bottom: 50px; 
 } 
 .mb-768-45 { 
 margin-bottom: 45px; 
 } 
 .mb-768-40 { 
 margin-bottom: 40px; 
 } 
 .mb-768-35 { 
 margin-bottom: 35px; 
 } 
 .mb-768-30 { 
 margin-bottom: 30px; 
 } 
 .mb-768-25 { 
 margin-bottom: 25px; 
 } 
 .mb-768-20 { 
 margin-bottom: 20px; 
 } 
 .mb-768-15 { 
 margin-bottom: 15px; 
 } 
 .mb-768-10 { 
 margin-bottom: 10px; 
 } 
 .mb-768-5 { 
 margin-bottom: 5px; 
 } 
 .mb-768-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 640px) { 
 .f-640-10 .f-col { 
 width: 10%; 
 } 
 .f-640-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-640-8 .f-col { 
 width: 12.5%; 
 } 
 .f-640-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-640-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-640-5 .f-col { 
 width: 20%; 
 } 
 .f-640-4 .f-col { 
 width: 25%; 
 } 
 .f-640-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-640-2 .f-col { 
 width: 50%; 
 } 
 .f-640-1 .f-col { 
 width: 100%; 
 } 
 
 .int-sec-wrap .f-640-1 .f-col { 
 width: 100%; 
 /* margin-left: 5%; 
 margin-right: 5%; */ 
 } 
 
 .w-640-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-640-33 { 
 width: 33%; 
 } 
 .w-640-16 { 
 width: 16.666666%; 
 } 
 .mb-640-100 { 
 margin-bottom: 100px; 
 } 
 .mb-640-95 { 
 margin-bottom: 95px; 
 } 
 .mb-640-90 { 
 margin-bottom: 90px; 
 } 
 .mb-640-85 { 
 margin-bottom: 85px; 
 } 
 .mb-640-80 { 
 margin-bottom: 80px; 
 } 
 .mb-640-75 { 
 margin-bottom: 75px; 
 } 
 .mb-640-70 { 
 margin-bottom: 70px; 
 } 
 .mb-640-65 { 
 margin-bottom: 65px; 
 } 
 .mb-640-60 { 
 margin-bottom: 60px; 
 } 
 .mb-640-55 { 
 margin-bottom: 55px; 
 } 
 .mb-640-50 { 
 margin-bottom: 50px; 
 } 
 .mb-640-45 { 
 margin-bottom: 45px; 
 } 
 .mb-640-40 { 
 margin-bottom: 40px; 
 } 
 .mb-640-35 { 
 margin-bottom: 35px; 
 } 
 .mb-640-30 { 
 margin-bottom: 30px; 
 } 
 .mb-640-25 { 
 margin-bottom: 25px; 
 } 
 .mb-640-20 { 
 margin-bottom: 20px; 
 } 
 .mb-640-15 { 
 margin-bottom: 15px; 
 } 
 .mb-640-10 { 
 margin-bottom: 10px; 
 } 
 .mb-640-5 { 
 margin-bottom: 5px; 
 } 
 .mb-640-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 576px) { 
 .f-576-10 .f-col { 
 width: 10%; 
 } 
 .f-576-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-576-8 .f-col { 
 width: 12.5%; 
 } 
 .f-576-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-576-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-576-5 .f-col { 
 width: 20%; 
 } 
 .f-576-4 .f-col { 
 width: 25%; 
 } 
 .f-576-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-576-2 .f-col { 
 width: 50%; 
 } 
 .f-576-1 .f-col { 
 width: 100%; 
 } 
 .w-576-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-576-33 { 
 width: 33%; 
 } 
 .w-576-16 { 
 width: 16.666666%; 
 } 
 .mb-576-100 { 
 margin-bottom: 100px; 
 } 
 .mb-576-95 { 
 margin-bottom: 95px; 
 } 
 .mb-576-90 { 
 margin-bottom: 90px; 
 } 
 .mb-576-85 { 
 margin-bottom: 85px; 
 } 
 .mb-576-80 { 
 margin-bottom: 80px; 
 } 
 .mb-576-75 { 
 margin-bottom: 75px; 
 } 
 .mb-576-70 { 
 margin-bottom: 70px; 
 } 
 .mb-576-65 { 
 margin-bottom: 65px; 
 } 
 .mb-576-60 { 
 margin-bottom: 60px; 
 } 
 .mb-576-55 { 
 margin-bottom: 55px; 
 } 
 .mb-576-50 { 
 margin-bottom: 50px; 
 } 
 .mb-576-45 { 
 margin-bottom: 45px; 
 } 
 .mb-576-40 { 
 margin-bottom: 40px; 
 } 
 .mb-576-35 { 
 margin-bottom: 35px; 
 } 
 .mb-576-30 { 
 margin-bottom: 30px; 
 } 
 .mb-576-25 { 
 margin-bottom: 25px; 
 } 
 .mb-576-20 { 
 margin-bottom: 20px; 
 } 
 .mb-576-15 { 
 margin-bottom: 15px; 
 } 
 .mb-576-10 { 
 margin-bottom: 10px; 
 } 
 .mb-576-5 { 
 margin-bottom: 5px; 
 } 
 .mb-576-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 480px) { 
 .f-480-10 .f-col { 
 width: 10%; 
 } 
 .f-480-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-480-8 .f-col { 
 width: 12.5%; 
 } 
 .f-480-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-480-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-480-5 .f-col { 
 width: 20%; 
 } 
 .f-480-4 .f-col { 
 width: 25%; 
 } 
 .f-480-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-480-2 .f-col { 
 width: 50%; 
 } 
 .f-480-1 .f-col { 
 width: 100%; 
 } 
 .w-480-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-480-33 { 
 width: 33%; 
 } 
 .w-480-16 { 
 width: 16.666666%; 
 } 
 .mb-480-100 { 
 margin-bottom: 100px; 
 } 
 .mb-480-95 { 
 margin-bottom: 95px; 
 } 
 .mb-480-90 { 
 margin-bottom: 90px; 
 } 
 .mb-480-85 { 
 margin-bottom: 85px; 
 } 
 .mb-480-80 { 
 margin-bottom: 80px; 
 } 
 .mb-480-75 { 
 margin-bottom: 75px; 
 } 
 .mb-480-70 { 
 margin-bottom: 70px; 
 } 
 .mb-480-65 { 
 margin-bottom: 65px; 
 } 
 .mb-480-60 { 
 margin-bottom: 60px; 
 } 
 .mb-480-55 { 
 margin-bottom: 55px; 
 } 
 .mb-480-50 { 
 margin-bottom: 50px; 
 } 
 .mb-480-45 { 
 margin-bottom: 45px; 
 } 
 .mb-480-40 { 
 margin-bottom: 40px; 
 } 
 .mb-480-35 { 
 margin-bottom: 35px; 
 } 
 .mb-480-30 { 
 margin-bottom: 30px; 
 } 
 .mb-480-25 { 
 margin-bottom: 25px; 
 } 
 .mb-480-20 { 
 margin-bottom: 20px; 
 } 
 .mb-480-15 { 
 margin-bottom: 15px; 
 } 
 .mb-480-10 { 
 margin-bottom: 10px; 
 } 
 .mb-480-5 { 
 margin-bottom: 5px; 
 } 
 .mb-480-0 { 
 margin-bottom: 0px; 
 } 
} 
@media all and (max-width: 393px) { 
 .f-393-10 .f-col { 
 width: 10%; 
 } 
 .f-393-9 .f-col { 
 width: 11.11111111%; 
 } 
 .f-393-8 .f-col { 
 width: 12.5%; 
 } 
 .f-393-7 .f-col { 
 width: 14.28571429%; 
 } 
 .f-393-6 .f-col { 
 width: 16.66666667%; 
 } 
 .f-393-5 .f-col { 
 width: 20%; 
 } 
 .f-393-4 .f-col { 
 width: 25%; 
 } 
 .f-393-3 .f-col { 
 width: 33.33333333%; 
 } 
 .f-393-2 .f-col { 
 width: 50%; 
 } 
 .f-393-1 .f-col { 
 width: 100%; 
 } 
 .w-393-100 { 
 width: 100%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-95 { 
 width: 95%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-90 { 
 width: 90%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-85 { 
 width: 85%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-80 { 
 width: 80%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-75 { 
 width: 75%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-70 { 
 width: 70%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-65 { 
 width: 65%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-60 { 
 width: 60%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-55 { 
 width: 55%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-50 { 
 width: 50%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-45 { 
 width: 45%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-40 { 
 width: 40%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-35 { 
 width: 35%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-30 { 
 width: 30%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-25 { 
 width: 25%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-20 { 
 width: 20%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-15 { 
 width: 15%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-10 { 
 width: 10%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-5 { 
 width: 5%; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 
 .w-393-33 { 
 width: 33%; 
 } 
 .w-393-16 { 
 width: 16.666666%; 
 } 
 .mb-393-100 { 
 margin-bottom: 100px; 
 } 
 .mb-393-95 { 
 margin-bottom: 95px; 
 } 
 .mb-393-90 { 
 margin-bottom: 90px; 
 } 
 .mb-393-85 { 
 margin-bottom: 85px; 
 } 
 .mb-393-80 { 
 margin-bottom: 80px; 
 } 
 .mb-393-75 { 
 margin-bottom: 75px; 
 } 
 .mb-393-70 { 
 margin-bottom: 70px; 
 } 
 .mb-393-65 { 
 margin-bottom: 65px; 
 } 
 .mb-393-60 { 
 margin-bottom: 60px; 
 } 
 .mb-393-55 { 
 margin-bottom: 55px; 
 } 
 .mb-393-50 { 
 margin-bottom: 50px; 
 } 
 .mb-393-45 { 
 margin-bottom: 45px; 
 } 
 .mb-393-40 { 
 margin-bottom: 40px; 
 } 
 .mb-393-35 { 
 margin-bottom: 35px; 
 } 
 .mb-393-30 { 
 margin-bottom: 30px; 
 } 
 .mb-393-25 { 
 margin-bottom: 25px; 
 } 
 .mb-393-20 { 
 margin-bottom: 20px; 
 } 
 .mb-393-15 { 
 margin-bottom: 15px; 
 } 
 .mb-393-10 { 
 margin-bottom: 10px; 
 } 
 .mb-393-5 { 
 margin-bottom: 5px; 
 } 
 .mb-393-0 { 
 margin-bottom: 0px; 
 } 
} 
/*========================================================================== 
=> Global Styles 
========================================================================== */ 
*, 
*:before, 
*:after { 
 margin: 0; 
 padding: 0; 
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 box-sizing: border-box; 
} 
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
nav, 
section, 
summary { 
 display: block; 
} 
audio, 
canvas, 
video { 
 display: inline-block; 
} 
audio:not([controls]) { 
 display: none; 
 height: 0; 
} 
[hidden] { 
 display: none; 
} 
html { 
 -webkit-text-size-adjust: 100%; 
 -ms-text-size-adjust: 100%; 
 width: 100%; 
} 
body { 
 width: 100%; 
 margin: 0; 
 padding: 0; 
 overflow-x: hidden; 
} 
abbr[title] { 
 border-bottom: 1px dotted; 
} 
b, 
strong { 
 font-weight: bold; 
} 
dfn { 
 font-style: italic; 
} 
hr { 
 -moz-box-sizing: content-box; 
 box-sizing: content-box; 
 height: 0; 
} 
 
mark { 
 background: #ff0; 
 color: #000; 
} 
code, 
kbd, 
pre, 
samp { 
 font-family: monospace, serif; 
 font-size: 1em; 
} 
pre { 
 white-space: pre-wrap; 
} 
small { 
 font-size: 80%; 
} 
sub, 
sup { 
 font-size: 75%; 
 line-height: 0; 
 position: relative; 
 vertical-align: baseline; 
} 
sup { 
 top: -0.5em; 
} 
sub { 
 bottom: -0.25em; 
} 
svg:not(:root) { 
 overflow: hidden; 
} 
figure { 
 margin: 0; 
} 
fieldset { 
 border: 1px solid #c0c0c0; 
 margin: 0 2px; 
 padding: 0.35em 0.625em 0.75em; 
} 
legend { 
 border: 0; 
 padding: 0; 
} 
button, 
input, 
select, 
textarea { 
 font-family: inherit; 
 font-size: 100%; 
 margin: 0; 
} 
button, 
input { 
 line-height: normal; 
} 
button, 
select { 
 text-transform: none; 
} 
button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"] { 
 -webkit-appearance: button; 
 cursor: pointer; 
} 
button[disabled], 
html input[disabled] { 
 cursor: default; 
} 
input[type="checkbox"], 
input[type="radio"] { 
 box-sizing: border-box; 
 padding: 0; 
} 
input[type="search"] { 
 -webkit-appearance: textfield; 
 -moz-box-sizing: content-box; 
 -webkit-box-sizing: content-box; 
 box-sizing: content-box; 
} 
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration { 
 -webkit-appearance: none; 
} 
button::-moz-focus-inner, 
input::-moz-focus-inner { 
 border: 0; 
 padding: 0; 
} 
textarea { 
 overflow: auto; 
 vertical-align: top; 
} 
table { 
 border-collapse: collapse; 
 border-spacing: 0; 
} 
input, 
button, 
select, 
textarea { 
 font-family: inherit; 
 font-size: inherit; 
 line-height: inherit; 
} 
button, 
input, 
select[multiple], 
textarea { 
 background-image: none; 
} 
a { 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
 text-decoration: none; 
} 
a:hover { 
 text-decoration: none; 
} 
a:active, 
a:hover, 
a:focus { 
 outline: 0; 
 text-decoration: none; 
} 
img { 
 max-width: 100%; 
 border: 0; 
 vertical-align: middle; 
} 
img.obj-cover { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
img.obj-contain { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
ul { 
 list-style: none; 
 padding: 0; 
 margin: 0; 
} 
ul, 
ol, 
dl { 
 -webkit-margin-after: 0; 
 -webkit-margin-before: 0; 
} 
hr { 
 margin-top: 20px; 
 margin-bottom: 20px; 
 border: 0; 
 border-top: 1px solid #cfd1d4; 
} 
/*========================================================================== 
=> buttons 
========================================================================== */ 
.button { 
 font-family: var(--button-font); 
 background: var(--button-fill); 
 border: none; 
 outline: none; 
 border: 1px solid transparent; 
 color: #ffffff; 
 display: inline-flex; 
 align-items: center; 
 justify-content: center; 
 height: fit-content; 
 line-height: 46px; 
 padding: 0 24px; 
 border-radius: 12px; 
 font-size: 16px; 
 font-weight: 500; 
 text-align: center; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.button:hover { 
 background: transparent; 
 border: 1px solid var(--button-fill); 
 color: var(--button-fill); 
} 
.button.white { 
 background: #fff; 
 border: 1px solid #fff; 
 color: var(--clr-secndry); 
} 
.button.white:hover { 
 background: var(--clr-primary); 
 border: 1px solid #fff; 
 color: #fff; 
} 
.button.line { 
 background: transparent; 
 border: 1px solid var(--button-line); 
 color: var(--button-line); 
} 
.button.line:hover { 
 background: var(--button-line); 
 border: 1px solid var(--button-line); 
 color: #fff; 
} 
.button.white-line { 
 background: transparent; 
 border: 1px solid var(--clr-white); 
 color: var(--clr-white); 
} 
.button.white-line:hover { 
 background: var(--clr-white); 
 border: 1px solid var(--clr-white); 
 color: var(--clr-primary); 
} 
.button:hover, 
.button:focus, 
.button:active { 
 text-decoration: none; 
 outline: none; 
} 
button:focus { 
 outline: none; 
} 
.button--block { 
 width: 100%; 
} 
.button svg { 
 position: relative; 
 top: -2px; 
} 
.button svg path { 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.button .phone { 
 margin-right: 5px; 
} 
/*========================================================================== 
=> Form Elements 
========================================================================== */ 
.element-section { 
 padding: 50px 0; 
 border-bottom: 1px solid #ddd; 
} 
.element-section .ehdn1 { 
 margin-bottom: 30px; 
} 
.element-section .ehdn2 { 
 font-size: 18px; 
 margin-bottom: 20px; 
 margin-top: 30px; 
} 
.myElem { 
 display: block; 
 border: 1px solid #ccc; 
 padding: 20px; 
 text-align: center; 
} 
.form-grp, 
.form-textarea-group { 
 position: relative; 
 margin-top: 8px; 
 margin-bottom: 30px; 
} 
.form-grp .inputError { 
 border-bottom: 1px solid var(--input-error); 
} 
.error-msg { 
 font-size: 12px; 
 color: var(--input-error); 
 margin: 0; 
} 
.error-msg2 { 
 font-size: 12px; 
 color: var(--input-error); 
 margin-bottom: 20px; 
} 
 
.error-msg3 { 
 font-size: 20px; 
 color: var(--input-error); 
 margin-bottom: 20px; 
} 
.whatsapp { 
 margin-right: 0; 
} 
.form-field { 
 font-family: var(--input-font); 
 height: var(--input-height); 
 font-size: var(--input-fs-main); 
 border: 0; 
 border-bottom: 1px solid var(--input-border); 
 width: 100%; 
 z-index: 2; 
 position: relative; 
 background: transparent; 
 color: #c6d3e3; 
 outline: none; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.form-field:-webkit-autofill, 
.form-field:-webkit-autofill:hover, 
.form-field:-webkit-autofill:focus, 
.form-field:-webkit-autofill:active { 
 -webkit-box-shadow: 0 0 0 30px white inset !important; 
} 
.form-field:focus, 
.form-field.field--not-empty { 
 border: 0; 
 border-bottom: 1px solid #000; 
} 
.form-field ~ .form-label { 
 color: #aaa; 
 position: absolute; 
 font-size: var(--input-fs-main); 
 left: 0; 
 top: 15px; 
 padding: 0; 
 margin: 0; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.form-field:focus ~ .form-label, 
.form-field.field--not-empty ~ .form-label, 
.form-grp.sTop .form-label { 
 font-size: var(--input-fs-top); 
 background: #fff; 
 top: -10px; 
 z-index: 2; 
} 
.form-textarea-group .form-field { 
 height: 150px; 
 line-height: 1.3; 
 padding: 15px 16px; 
 resize: none; 
} 
:focus-visible { 
 outline: none; 
 border: 0; 
} 
/* Password View */ 
.form-grp.int-padl input, 
.form-grp.form-grp-var input { 
 padding-left: 40px; 
} 
.form-grp.int-padr input { 
 padding-right: 40px; 
} 
.form-grp .view-pass { 
 position: absolute; 
 right: 10px; 
 top: 15px; 
 line-height: 0; 
 font-size: 22px; 
 cursor: pointer; 
 z-index: 9; 
} 
.form-grp.disabled-field { 
 background: #f5f5f5; 
} 
.form-grp.disabled-field .form-field { 
 border-color: #f5f5f5; 
} 
.form-grp.disabled-field .form-label { 
 color: #999; 
 background: transparent; 
 width: 100%; 
 transition: all 0s ease-in-out; 
 -webkit-transition: all 0s ease-in-out; 
} 
/* Password View end */ 
/* date Picker */ 
.datetimepicker-input ~ i { 
 position: absolute; 
 right: 20px; 
 top: 25px; 
 line-height: 0; 
 font-size: 22px; 
 color: #a7b3c4; 
} 
.daterangepicker select.hourselect, 
.daterangepicker select.minuteselect, 
.daterangepicker select.secondselect, 
.daterangepicker select.ampmselect { 
 border: 1px solid #a7b3c4; 
 height: 30px; 
 z-index: 2; 
 padding: 0 10px; 
 font-size: 14px; 
 color: #1c2d41; 
 font-weight: 400; 
 outline: none; 
 border-radius: 5px; 
 background: transparent url(../img/drop-down-arrow.svg) no-repeat 
 calc(100% - 5px) center / 10px; 
 -webkit-appearance: none; 
} 
.daterangepicker { 
 border: 0; 
 color: #425061; 
 -webkit-border-radius: 10px; 
 -moz-border-radius: 10px; 
 -ms-border-radius: 10px; 
 border-radius: 10px; 
 background: #fff; 
 -webkit-box-shadow: 1px 9px 21px rgba(53, 143, 207, 0.2); 
 -moz-box-shadow: 1px 9px 21px rgba(53, 143, 207, 0.2); 
 box-shadow: 1px 9px 21px rgba(53, 143, 207, 0.2); 
 padding: 10px; 
 z-index: 10000; 
} 
.daterangepicker td.start-date { 
 border-radius: 50% 0 0 50%; 
} 
.daterangepicker td.end-date { 
 border-radius: 0 50% 50% 0; 
} 
.daterangepicker .calendar-table .next span, 
.daterangepicker .calendar-table .prev span { 
 color: #a7b3c4; 
 border: 0; 
 -webkit-transform: rotate(0deg); 
 transform: rotate(0deg); 
} 
.daterangepicker .calendar-table .next span:hover, 
.daterangepicker .calendar-table .prev span:hover { 
 color: #3592cf; 
} 
.daterangepicker .calendar-table .next span:before, 
.daterangepicker .calendar-table .prev span:before { 
 border: 1px solid #a7b3c4; 
 -webkit-border-radius: 50%; 
 -moz-border-radius: 50%; 
 -ms-border-radius: 50%; 
 border-radius: 50%; 
 display: block; 
 min-width: 24px; 
 width: 24px; 
 height: 24px; 
 line-height: 24px; 
 font-size: 10px; 
} 
.daterangepicker .calendar-table .next span:hover:before, 
.daterangepicker .calendar-table .prev span:hover:before { 
 border: 1px solid #3490cf; 
} 
.daterangepicker .calendar-table .next span:before { 
 content: "\e918"; 
 font-family: "icomoon" !important; 
} 
.daterangepicker .calendar-table .prev span:before { 
 content: "\e912"; 
 font-family: "icomoon" !important; 
} 
.daterangepicker .calendar-table th, 
.daterangepicker .calendar-table td { 
 height: 32px; 
} 
.daterangepicker .btn-primary { 
 font-family: "medium"; 
 border-color: transparent; 
 background: #1baac4; 
 color: #fff; 
 box-shadow: none !important; 
} 
.daterangepicker:before { 
 border-bottom: 0; 
} 
.daterangepicker .calendar-table th { 
 font-family: "bold"; 
 font-size: 14px; 
 color: #000000; 
} 
.daterangepicker th.month { 
 font-family: "medium"; 
 font-size: 18px; 
 letter-spacing: 0.01em; 
 color: #000; 
} 
.daterangepicker td.in-range { 
 background-color: #3592cf; 
 color: #fff; 
} 
.daterangepicker td.active, 
.daterangepicker td.active:hover { 
 background-color: #3592cf; 
} 
.daterangepicker .calendar-table td { 
 font-family: "regular"; 
 font-size: 14px; 
} 
.daterangepicker td.off, 
.daterangepicker td.off.in-range, 
.daterangepicker td.off.start-date, 
.daterangepicker td.off.end-date { 
 color: rgba(167, 179, 196, 0.5); 
} 
.daterangepicker th.available:hover { 
 background-color: transparent; 
} 
.daterangepicker.show-calendar .drp-buttons { 
 border-top: 0; 
} 
.daterangepicker.show-calendar .drp-buttons .drp-selected, 
.daterangepicker.show-calendar .drp-buttons .cancelBtn { 
 display: none; 
} 
.daterangepicker .drp-buttons .btn { 
 margin-left: 0; 
 width: 100%; 
 padding: 6px 8px; 
} 
.daterangepicker td.start-date.end-date { 
 -webkit-border-radius: 50%; 
 -moz-border-radius: 50%; 
 -ms-border-radius: 50%; 
 border-radius: 50%; 
 background-color: #1baac4; 
} 
/* date Picker end */ 
/* Select */ 
.select-field { 
 background: url("../img/drop-down-arrow.svg") no-repeat calc(100% - 20px) 
 center; 
 -webkit-appearance: none; 
 -moz-appearance: none; 
 appearance: none; 
} 
.select-field option { 
 color: #9fa4a9; 
} 
.select-field option:checked, 
.select-field option:hover { 
 background: #7cb2f6; 
 color: #fff; 
} 
.select-field option:focus-visible { 
 border: 0; 
 outline: 0 none; 
} 
/* // Select */ 
/* Placeholder */ 
input::-webkit-input-placeholder, 
input:-ms-input-placeholder, 
input::placeholder { 
 color: var(--clr-lBlue); 
} 
input::-webkit-input-placeholder { 
 color: var(--clr-lBlue); 
} 
label.error { 
 font-weight: 400; 
 margin: 0; 
 margin-top: 5px; 
 line-height: 2; 
 font-size: 14px; 
 color: #f71336; 
 position: relative; 
} 
/*========================================================================== 
=> Radio Small 
========================================================================== */ 
.radio-box { 
 position: relative; 
 display: inline-block; 
 margin-right: 20px; 
 margin-bottom: 30px; 
} 
.radio-box input { 
 position: absolute; 
 width: 0; 
 opacity: 0; 
} 
.radio-box label { 
 font-size: 18px; 
 color: #000; 
 margin: 0; 
 padding: 5px; 
 padding-left: 36px; 
 cursor: pointer; 
 position: relative; 
} 
.radio-box label:before { 
 content: ""; 
 width: 25px; 
 height: 25px; 
 border-radius: 50%; 
 background: transparent; 
 border: 1px solid #a24eea; 
 display: inline-block; 
 position: absolute; 
 left: 0; 
 top: 5px; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.radio-box input:checked ~ label::before { 
 border: 7px solid #a24eea; 
} 
.radio-box label.error { 
 display: none !important; 
} 
.radio-box input.error ~ label { 
 color: #ff2323; 
} 
.radio-box input.error ~ .chk-label:before { 
 border: 1px solid #ff2323; 
} 
/* // Radio Box */ 
/*========================================================================== 
=> Checkbox Small 
========================================================================== */ 
.checkbox-box { 
 position: relative; 
 display: inline-block; 
 margin-bottom: 30px; 
} 
.checkbox-box input { 
 position: absolute; 
 width: 0; 
 opacity: 0; 
} 
.checkbox-box input.only-chkbox { 
 position: absolute; 
 width: 20px; 
 height: 20px; 
 top: 6px; 
 left: 1px; 
 cursor: pointer; 
 z-index: 2; 
 opacity: 0; 
} 
.checkbox-box .chk-label { 
 font-size: 16px; 
 line-height: 1.5; 
 margin: 0; 
 padding: 5px; 
 padding-left: 36px; 
 cursor: pointer; 
 position: relative; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.checkbox-box .chk-label:before { 
 content: ""; 
 width: 22px; 
 height: 22px; 
 border-radius: 4px; 
 background: transparent; 
 border: 1.5px solid #c6d3e3; 
 display: inline-block; 
 position: absolute; 
 left: 0; 
 top: 5px; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.checkbox-box .chk-label:after { 
 content: ""; 
 border-radius: 3px; 
 display: inline-block; 
 position: absolute; 
 left: 8px; 
 top: 11px; 
} 
.checkbox-box input:checked ~ .chk-label::after { 
 width: 6px; 
 height: 9px; 
 background: transparent; 
 border-bottom: 2px solid #c6d3e3; 
 border-right: 2px solid #c6d3e3; 
 transform: rotate(45deg); 
} 
.checkbox-box label.error { 
 display: none !important; 
} 
.checkbox-box input.error ~ .chk-label { 
 color: #ff2323; 
} 
.checkbox-box input.error ~ .chk-label:before { 
 border: 1px solid #ff2323; 
} 
/* // Checkbox */ 
/* checkbox 2 */ 
.checkbox-box.chk-rd .chk-label:before { 
 border-radius: 100%; 
} 
.checkbox-box input:checked ~ .chk-label::before { 
 background: var(--clr-primary); 
} 
.checkbox-box input:checked ~ .chk-label::after { 
 color: #ffffff; 
} 
/* checkbox 2 end */ 
/* checkbox 3 */ 
.checkbox-box.check-three { 
 width: 100%; 
 margin-bottom: 0; 
 padding-bottom: 30px; 
} 
.checkbox-box.check-three label { 
 border: 1px solid #e7e9ec; 
 text-align: center; 
 border-radius: 8px; 
 padding: 25px 50px; 
 max-width: 255px; 
 width: 100%; 
 height: 100%; 
 display: flex; 
 justify-content: center; 
 flex-direction: column; 
} 
.checkbox-box.check-three label i { 
 display: block; 
 font-size: 60px; 
 margin-bottom: 20px; 
 color: #8594af; 
} 
.checkbox-box.check-three label span { 
 border-radius: 8px; 
 font-size: 18px; 
 color: #8594af; 
} 
.checkbox-box.check-three label:before { 
 border-radius: 100%; 
 border: 1px solid #a24eea; 
} 
.checkbox-box.check-three label:before, 
.checkbox-box.check-three label:after { 
 left: inherit; 
 right: 15px; 
 top: 15px; 
} 
.checkbox-box.check-three input:checked ~ .chk-label { 
 border: 1px solid #a24eea; 
} 
.checkbox-box.check-three input:checked ~ .chk-label span { 
 font-family: 700; 
 color: #30223b; 
} 
.checkbox-box.check-three input:checked ~ .chk-label i { 
 color: #a24eea; 
} 
.checkbox-box.check-three input:checked ~ .chk-label .home-img { 
 filter: none; 
} 
.checkbox-box.check-three input:checked ~ .chk-label::after { 
 width: 22px; 
 height: 22px; 
 border-radius: 100%; 
 position: absolute; 
 background: #a24eea; 
 color: #fff; 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
} 
/* checkbox 3 end */ 
/* checkbox 4 */ 
.checkbox-box.chk-four { 
 margin-right: 10px; 
} 
.checkbox-box.chk-four label { 
 padding: 7px 15px; 
 border: 1px solid #dde3ee; 
 border-radius: 8px; 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: flex-start; 
 align-items: center; 
} 
.checkbox-box.chk-four label i { 
 font-size: 18px; 
 color: #8594af; 
 margin-right: 10px; 
 position: absolute; 
 left: 15px; 
} 
.checkbox-box.chk-four label span { 
 font-family: 500; 
 font-size: 14px; 
 color: #000; 
 margin-left: 25px; 
} 
.checkbox-box.chk-four label:before, 
.checkbox-box.chk-four label:after { 
 display: none; 
} 
.checkbox-box.chk-four.chk-err input:checked ~ .chk-label { 
 border: 1px solid var(--clr-red); 
} 
.checkbox-box.chk-four.chk-err input:checked ~ .chk-label i { 
 color: var(--clr-red); 
} 
.checkbox-box.chk-four input:checked ~ .chk-label { 
 border: 1px solid var(--clr-grn); 
} 
.checkbox-box.chk-four input:checked ~ .chk-label i { 
 color: var(--clr-grn); 
} 
/* checkbox 4 end */ 
/* checkbox 5 */ 
.checkbox-box.check-five .chk-label { 
 padding: 12px 25px; 
 border: 1px solid #dde3ee; 
 border-radius: 8px; 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: flex-start; 
 align-items: center; 
} 
.checkbox-box.check-five .chk-label span { 
 font-family: 500; 
 font-size: 16px; 
 color: #8594af; 
} 
.checkbox-box.check-five .chk-label:before { 
 border-radius: 100%; 
 border: none; 
} 
.checkbox-box.check-five .chk-label:before, 
.checkbox-box.check-five .chk-label:after { 
 left: inherit; 
 right: -11px; 
 top: -11px; 
} 
.checkbox-box.check-five input:checked ~ .chk-label { 
 border: 1px solid #a24eea; 
} 
.checkbox-box.check-five input:checked ~ .chk-label span { 
 color: #000000; 
} 
.checkbox-box.check-five input:checked ~ .chk-label::after { 
 width: 22px; 
 height: 22px; 
 border-radius: 100%; 
 position: absolute; 
 color: #fff; 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
} 
/* checkbox 5 end */ 
/*========================================================================== 
=> Tooltip 
========================================================================== */ 
[tooltip-title] { 
 position: relative; 
 text-decoration: none; 
} 
[tooltip-title]::before { 
 opacity: 0; 
 pointer-events: none; 
 position: absolute; 
 /* top: -999; */ 
} 
[tooltip-title]:hover::before { 
 content: attr(tooltip-title); 
 background-color: #222; 
 border-radius: 4px; 
 text-shadow: 0 0 5px #000; 
 white-space: nowrap; 
 color: #fff; 
 opacity: 1; 
 pointer-events: all; 
 padding: 6px 12px; 
 overflow: hidden; 
 top: unset; 
} 
[tooltip-title]::after { 
 content: ""; 
 pointer-events: none; 
 opacity: 0; 
 position: absolute; 
} 
[tooltip-title]:hover::after { 
 z-index: 100; 
 opacity: 1; 
 pointer-events: all; 
} 
/* Corrige bug do tooltip ficar sem baixo dos outros buttons*/ 
[data-placement="right"]:hover { 
 position: relative; 
 z-index: 1; 
} 
[tooltip-title]:is([data-placement="top"])::before { 
 bottom: 100%; 
 left: 0%; 
 margin-bottom: 16px; 
} 
[tooltip-title]:is([data-placement="right"])::before { 
 bottom: -10%; 
 left: 100%; 
 margin-left: 16px; 
} 
[tooltip-title]:is([data-placement="bottom"])::before { 
 top: 100%; 
 left: 0%; 
 margin-top: 16px; 
} 
[tooltip-title]:is([data-placement="left"])::before { 
 bottom: -10%; 
 right: 100%; 
 margin-right: 16px; 
} 
/* Arrow */ 
[tooltip-title]:is([data-placement="top"])::after { 
 bottom: 100%; 
 left: 20%; 
 margin-bottom: 8px; 
 display: inline-block; 
 vertical-align: middle; 
 width: 0; 
 height: 0; 
 border-left: 10px solid transparent; 
 border-right: 10px solid transparent; 
 border-top: 10px solid #222; 
} 
[tooltip-title]:is([data-placement="right"])::after { 
 bottom: 20%; 
 left: 100%; 
 margin-left: 8px; 
 display: inline-block; 
 vertical-align: middle; 
 width: 0; 
 height: 0; 
 border-top: 10px solid transparent; 
 border-bottom: 10px solid transparent; 
 border-right: 10px solid #222; 
} 
[tooltip-title]:is([data-placement="bottom"])::after { 
 left: 20%; 
 top: 100%; 
 display: inline-block; 
 vertical-align: middle; 
 margin-top: 8px; 
 width: 0; 
 height: 0; 
 border-left: 10px solid transparent; 
 border-right: 10px solid transparent; 
 border-bottom: 10px solid #222; 
} 
[tooltip-title]:is([data-placement="left"])::after { 
 bottom: 20%; 
 right: 100%; 
 display: inline-block; 
 vertical-align: middle; 
 margin-right: 8px; 
 width: 0; 
 height: 0; 
 border-top: 10px solid transparent; 
 border-bottom: 10px solid transparent; 
 border-left: 10px solid #222; 
} 
/*========================================================================== 
=> Modal 
==========================================================================*/ 
.modal-subTitle { 
 font-size: 14px; 
 line-height: 1.2; 
 color: #000000; 
 margin-bottom: 4px; 
} 
.modal-title { 
 font-weight: 600; 
 font-size: 26px; 
 margin-bottom: 20px; 
 line-height: 1.2; 
 color: #003f59; 
 border-bottom: 1px solid rgba(0, 63, 89, 0.1); 
 padding-bottom: 10px; 
} 
.modal-para p { 
 font-size: 16px; 
 line-height: 1.6; 
 color: #8793a2; 
 margin-bottom: 8px; 
} 
.modal-para p:last-child { 
 margin-bottom: 0; 
} 
.modal-cancel { 
 cursor: pointer; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 z-index: 9; 
 font-size: 24px; 
 line-height: 1; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.modal-cross { 
 display: flex; 
 font-size: 22px; 
 margin: 0 auto 12px; 
 margin-right: 0; 
 color: #000000; 
 width: fit-content; 
 cursor: pointer; 
} 
.modal-cross i { 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.modal-cross:hover i { 
 transform: rotate(90deg); 
} 
.modal-content { 
 display: block; 
 border: none; 
 border-radius: 10px; 
 padding: 24px; 
 box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); 
} 
.window-1440 { 
 max-width: 1440px; 
 padding: 0 15px; 
} 
.window-990 { 
 max-width: 990px; 
 padding: 0 15px; 
} 
.window-500 { 
 max-width: 500px; 
 padding: 0 15px; 
} 
.static-cont { 
 margin-bottom: 32px; 
} 
.static-cont li { 
 font-size: 14px; 
 color: #233037; 
 padding-left: 20px; 
 margin-bottom: 6px; 
 position: relative; 
} 
.static-cont li p { 
 margin-bottom: 10px; 
} 
.static-cont li:before { 
 content: ""; 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 7px; 
 height: 7px; 
 background: #fd9933; 
 border-radius: 50%; 
 top: 7px; 
} 
.static-cont p { 
 font-size: 14px; 
 color: #233037; 
 margin-bottom: 20px; 
} 
.modal-backdrop.show { 
 opacity: 0.9; 
} 
.modal-backdrop { 
 background-color: #fff; 
} 
.modal-cancel:hover { 
 -webkit-transform: rotate(90deg); 
 transform: rotate(90deg); 
} 
/* Swiper Slider */ 
.swiper-container { 
 width: 100%; 
 height: 100%; 
} 
.swiper-slide { 
 text-align: center; 
 font-size: 18px; 
 background: #fff; 
} 
 
.swiper-video { 
 text-align: center; 
 font-size: 18px; 
 background: rgba(255, 255, 255, 0.7); 
 border-radius: 16px; 
 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); 
 backdrop-filter: blur(6.4px); 
 -webkit-backdrop-filter: blur(6.4px); 
 border: 1px solid rgba(255, 255, 255, 0.3); 
} 
.swiper-pagination-bullet-active { 
 background: #39e5be; 
} 
.ellipsis { 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
} 
.ellipsis2 { 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.ellipsis3 { 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 3; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.ellipsis4 { 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 4; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.flex-justify { 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
} 
.element-head { 
 font-size: 40px; 
 font-weight: bold; 
} 
/* content page */ 
.content-hdn { 
 font-weight: 700; 
 font-size: 42px; 
 color: #171717; 
 text-align: center; 
 margin-bottom: 48px; 
} 
.content-body { 
 margin-bottom: 80px; 
} 
.content-body img { 
 height: 400px; 
 width: 100%; 
 object-fit: cover; 
 border-radius: 30px; 
 overflow: hidden; 
 margin-bottom: 24px; 
} 
.content-body h1, 
.content-body h2, 
.content-body h3, 
.content-body h4, 
.content-body h5, 
.content-body h6 { 
 font-weight: 700; 
 font-size: 26px; 
 color: #171717; 
 margin: 32px 0 16px; 
} 
.content-body h1:first-child, 
.content-body h2:first-child, 
.content-body h3:first-child, 
.content-body h4:first-child, 
.content-body h5:first-child, 
.content-body h6:first-child { 
 margin-top: 0; 
} 
.content-body p { 
 font-size: 16px; 
 line-height: 1.6; 
 color: #767676; 
 margin-bottom: 16px; 
} 
.content-body ul { 
 margin-bottom: 16px; 
} 
.content-body ul li { 
 position: relative; 
 margin-bottom: 14px; 
 padding-left: 15px; 
} 
.content-body ul li p, 
.content-body ul li a { 
 font-size: 16px; 
 line-height: 1.6; 
 color: #767676; 
 margin-bottom: 0; 
} 
.content-body ul li a { 
 color: #ee163d; 
} 
.content-body ul li::before { 
 content: ""; 
 position: absolute; 
 width: 6px; 
 height: 6px; 
 border-radius: 100%; 
 display: block; 
 top: 8px; 
 left: 0; 
 background: #ee163d; 
} 
.content-body ul li:last-child { 
 margin-bottom: 0; 
} 
@media all and (max-width: 990px) { 
 .content-hdn { 
 font-size: 36px; 
 margin-bottom: 40px; 
 } 
} 
@media all and (max-width: 480px) { 
 .content-hdn { 
 font-size: 32px; 
 margin-bottom: 32px; 
 } 
 .content-body h1, 
 .content-body h2, 
 .content-body h3, 
 .content-body h4, 
 .content-body h5, 
 .content-body h6 { 
 font-size: 24px; 
 margin: 32px 0 12px; 
 } 
} 
/* content page end */ 
/* Thankyou page */ 
.thankyou-contain { 
 height: 100dvh; 
 display: flex; 
 align-items: center; 
} 
.thankyou-card { 
 text-align: center; 
 margin: auto; 
 max-width: 480px; 
} 
.thankyou-img { 
 width: calc(100% - 100px); 
 margin: 0 auto 32px; 
} 
.thankyou-hdn { 
 font-size: 48px; 
 color: #202135; 
 margin-bottom: 18px; 
} 
.thankyou-para p { 
 color: #455a64; 
 font-size: 18px; 
 font-weight: 400; 
 line-height: 1.6; 
 margin-bottom: 10px; 
} 
.thankyou-para p:last-child { 
 margin-bottom: 0; 
} 
@media all and (max-width: 990px) { 
 .thankyou-hdn { 
 font-size: 42px; 
 margin-bottom: 12px; 
 } 
} 
@media all and (max-width: 480px) { 
 .thankyou-hdn { 
 font-size: 32px; 
 margin-bottom: 8px; 
 } 
} 
/* Thankyou page end */ 
/*========================================================================== 
=> Accordion 
==========================================================================*/ 
.accordion { 
 background-color: #fff; 
 color: #444; 
 padding: 18px; 
 width: 100%; 
 border: none; 
 text-align: left; 
 outline: none; 
 font-size: 15px; 
 transition: 0.4s; 
} 
.active, 
.accordion:hover { 
 background-color: transparent; 
} 
.panel { 
 display: none; 
 padding: 0 18px; 
 background-color: white; 
} 
:root { 
 --header-height: 104px; 
 --header-scroll-height: 70px; 
} 
html, 
body { 
 width: 100%; 
} 
::-webkit-scrollbar { 
 width: 6px; 
 height: 6px; 
} 
::-webkit-scrollbar-track { 
 background-color: #fdfdfd; 
 border-radius: 100px; 
} 
::-webkit-scrollbar-thumb { 
 border-radius: 100px; 
 background-clip: content-box; 
 background-color: #1d438d; 
} 
.container { 
 max-width: 1380px; 
 width: 100%; 
 padding-right: 15px; 
 padding-left: 15px; 
 margin-right: auto; 
 margin-left: auto; 
} 
.container-small { 
 max-width: 1063px; 
 width: 100%; 
 padding-right: 15px; 
 padding-left: 15px; 
 margin-right: auto; 
 margin-left: auto; 
} 
.container-tiny { 
 max-width: 846px; 
 width: 100%; 
 padding-right: 15px; 
 padding-left: 15px; 
 margin-right: auto; 
 margin-left: auto; 
} 
.main-container { 
 padding-top: var(--header-height); 
} 
 
.comm-section { 
 padding: 50px 0; 
 position: relative; 
} 
.comm-para p { 
 font-size: 18px; 
 /* text-transform: capitalize; */ 
} 
.comm-para p a { 
 color: var(--clr-secndry); 
 text-transform: lowercase; 
} 
 
.sholar-left li { 
 font-size: 18px; 
} 
 
.white-bg { 
 background: var(--clr-white); 
 border-radius: 40px; 
 padding: 90px 0; 
} 
.blue-bg { 
 background: var(--clr-primary); 
 border-radius: 40px; 
 padding: 90px 0; 
} 
.lBlue-bg { 
 background: var(--clr-lBlue); 
 border-radius: 40px; 
} 
.lBlue-bg-2 { 
 background: #e8edf4; 
 border-radius: 40px; 
} 
.lGrey-bg { 
 background: #e8edf4; 
} 
.sec-title { 
 font-size: 42px; 
 font-weight: 400; 
 text-transform: capitalize; 
} 
 
.primary-text { 
 color: var(--clr-primary) !important; 
} 
.white-text { 
 color: var(--clr-white) !important; 
} 
 
.black-text { 
 color: var(--clr-secndry) !important; 
} 
 
.text-center { 
 text-align: center !important; 
} 
 
.text-left { 
 text-align: left !important; 
} 
 
.fw500 { 
 font-weight: 500; 
} 
 
.fw600 { 
 font-weight: 600; 
} 
 
.top-margin { 
 margin-top: 120px; 
} 
.top-margin-1 { 
 margin-top: 70px; 
} 
.margn-btm { 
 margin-bottom: 90px; 
} 
.pb-space { 
 padding-bottom: 120px !important; 
} 
.p0 { 
 padding: 0; 
} 
.pb0 { 
 padding-bottom: 0; 
} 
.top16 { 
 margin-top: 16px; 
} 
.top40 { 
 margin-top: 40px; 
} 
 
.top65 { 
 margin-top: 65px; 
} 
 
.top70 { 
 margin-top: 70px; 
} 
.top80 { 
 margin-top: 80px; 
} 
.left10 { 
 margin-left: 10px; 
} 
.overflw-y-hdn { 
 overflow: hidden; 
} 
/* index page css start 
========================================================================== */ 
.home-hero { 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 margin-bottom: -61px; 
} 
.hero-right { 
 max-width: 650px; 
 max-height: 631px; 
 width: 100%; 
 height: 100%; 
} 
.hero-right img { 
 width: 100%; 
 height: 100%; 
 object-fit: fill; 
} 
.hero-left { 
 max-width: 700px; 
 width: 100%; 
} 
.hero-left .comm-para { 
 margin: 26px 0 51px; 
} 
.hero-left .comm-para p { 
 color: #4d5566; 
} 
.hero-title-txt { 
 font-size: 52px; 
 font-weight: 400; 
 line-height: 1.4; 
 color: var(--clr-secndry); 
 position: relative; 
} 
.hero-title-txt::before { 
 content: ""; 
 background: url(../img/hero-elem-1.svg) no-repeat; 
 background-size: contain; 
 display: block; 
 width: 44.82px; 
 height: 44.16px; 
 position: absolute; 
 top: -23px; 
 left: -20px; 
} 
.hero-title-txt.hero-title-txt-2 { 
 font-size: 50px; 
} 
.highlighter { 
 font-weight: 600; 
 position: relative; 
} 
.highlighter::after { 
 content: ""; 
 background: url(../img/hero-elem-2.png) no-repeat; 
 background-size: 90% 100%; 
 display: block; 
 width: 100%; 
 height: 15.5px; 
 position: absolute; 
 bottom: -10px; 
 left: 10px; 
} 
.hero-btns { 
 display: flex; 
 align-items: center; 
 gap: 14px; 
} 
.hero-btns .line i { 
 margin-right: 11px; 
 font-size: 22px; 
} 
.team-reach-sec-wrap { 
 display: flex; 
 align-items: center; 
 gap: 0 60px; 
} 
.team-reach-img { 
 width: 522px; 
 height: 611px; 
} 
.team-reach-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 border-radius: 40px; 
} 
.contact-form #comm-form { 
 margin-top: 30px; 
} 
.contact-form .comm-form label { 
 color: var(--clr-lBlue); 
 line-height: 32px; 
 font-size: 15px; 
} 
/*below part commented on 06-08-24 as reachout form not showing properly*/ 
/*.contact-form .form-field { 
 height: 56px; 
 padding: 16px 20px; 
 border-radius: 12px; 
 top: 0px; 
 left: 0px; 
}*/ 
.contact-form .form-field { 
 height: 56px; 
 padding: 16px 20px; 
 border: 1px solid var(--clr-lBlue); 
 border-radius: 12px; 
} 
.contact-form .form-textarea-group .form-field { 
 height: 118px; 
} 
.contact-form .select-field { 
 background: #1d438d url(../img/select-dropdown-icon.svg) no-repeat right 
 center; 
 background-position-x: 97%; 
 border: 1px solid var(--clr-lBlue); 
 width: 100%; 
 height: 56px; 
 padding: 16px 20px; 
 border-radius: 12px; 
 color: var(--clr-lBlue); 
} 
.contact-form .button { 
 height: 52px; 
 width: fit-content; 
 font-weight: 500; 
 padding: 0 18px; 
} 
/* 4 steps css start */ 
.steps-main-wrapper { 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 gap: 100px; 
 position: relative; 
 margin-top: 60px; 
} 
.steps-card-wrap { 
 position: relative; 
 display: flex; 
 flex-direction: column; 
 gap: 30px; 
} 
.steps-card { 
 padding: 40px; 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: flex-start; 
 align-items: flex-start; 
 gap: 28px; 
 position: sticky; 
 top: calc(var(--header-height) + 90px); 
 border-radius: 40px; 
 border: 2px solid transparent; 
 background: linear-gradient(#e8edf4, #e8edf4) padding-box, 
 linear-gradient(252deg, #c6d3e3, #e8edf4, #dde5ee) border-box; 
} 
.steps-card .comm-card-hdn { 
 font-size: 28px; 
 font-weight: 600; 
 text-transform: capitalize; 
 margin-bottom: 33px; 
} 
.numbers { 
 font-size: 46px; 
 font-weight: 300; 
 line-height: 0.9; 
 color: var(--clr-primary); 
} 
.card-content-wrap { 
 flex: 1; 
} 
.card-btn { 
 margin-top: 73px; 
} 
.steps-img { 
 max-width: 605px; 
 max-height: 524px; 
 width: 100%; 
 height: 100%; 
 position: sticky; 
 top: calc(var(--header-height) + 12rem); 
} 
.steps-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: fill; 
} 
.trusted-sec-wrapper { 
 display: flex; 
 align-items: center; 
 height: 54vh; 
} 
.trusted-left { 
 width: 40%; 
} 
.trusted-left p { 
 color: #4d5566; 
} 
.trusted-left .sec-title { 
 margin-bottom: 20px; 
} 
.trusted-left .card-btn { 
 margin-top: 40px; 
} 
.trusted-sec-wrap { 
 overflow: hidden; 
 margin-bottom: 140px; 
} 
.trusted-sec-wrap .container { 
 display: flex; 
} 
.trusted-right { 
 width: 50%; 
 overflow: hidden; 
 position: absolute; 
 right: 0; 
 top: 6%; 
 padding-right: 10px; 
} 
.trusted-right .swiper-slide { 
 background: transparent; 
 display: flex; 
 height: 100%; 
} 
.right-slider-content { 
 overflow: hidden; 
 width: 100%; 
 border-radius: 44px; 
 border: 1px solid var(--clr-primary); 
 /* background: linear-gradient(#e8edf4, #e8edf4) padding-box, linear-gradient(252deg, #c6d3e3, #e8edf4, #dde5ee) border-box; */ 
} 
.slide-title { 
 font-size: 42px; 
 font-weight: 600; 
 padding: 54px; 
 text-align: left; 
 height: 200px; 
} 
.rgt-sld-img { 
 width: 100%; 
 max-height: 406px; 
 height: 100%; 
} 
.rgt-sld-img img { 
 width: 100%; 
 /* height: 100%; */ 
 max-width: 100%; 
 object-fit: contain; /* Image contained for Index Page */ 
 border-bottom-left-radius: 44px; 
 border-bottom-right-radius: 44px; 
} 
 
.trusted-btns-wrap { 
 position: relative; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 12px; 
 margin-top: 48px; 
 z-index: 9; 
} 
.trusted-btns-wrap .trusted-prev, 
.trusted-btns-wrap .trusted-next { 
 position: static; 
 width: fit-content; 
 height: 100%; 
 margin-top: 0px; 
} 
.trusted-btns-wrap .trusted-prev i, 
.trusted-btns-wrap .trusted-next i { 
 background: var(--clr-primary); 
 height: 48px; 
 width: 48px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: #fff; 
 border-radius: 12px; 
 font-size: 22px; 
} 
.trusted-btns-wrap .trusted-prev.swiper-button-disabled, 
.trusted-btns-wrap .trusted-next.swiper-button-disabled, 
.trusted-btns-wrap .trusted-prev.swiper-button-disabled, 
.trusted-btns-wrap .trusted-next.swiper-button-disabled { 
 opacity: 1; 
} 
.trusted-btns-wrap .trusted-prev.swiper-button-disabled i, 
.trusted-btns-wrap .trusted-next.swiper-button-disabled i, 
.trusted-btns-wrap .trusted-prev.swiper-button-disabled i, 
.trusted-btns-wrap .trusted-next.swiper-button-disabled i { 
 background: #fff; 
 border: 1px solid var(--clr-primary); 
 color: var(--clr-primary); 
} 
.trusted-btns-wrap .swiper-button-next:after, 
.trusted-btns-wrap .swiper-rtl .trusted-prev:after, 
.trusted-btns-wrap .swiper-button-prev:after, 
.trusted-btns-wrap .swiper-rtl .swiper-button-next:after { 
 content: ""; 
} 
 
.destination-sec-wrap { 
 display: flex; 
 justify-content: space-between; 
 overflow: hidden; 
 height: 77vh; 
} 
.destination-sec-wrap p { 
 color: var(--clr-lBlue); 
} 
.dest-img-left { 
 width: 20%; 
 margin-bottom: -590px; 
} 
.dest-img-right { 
 width: 20%; 
 margin-right: 40px; 
 margin-top: -590px; 
} 
.dest-content { 
 width: 40%; 
 text-align: center; 
 color: #fff; 
 padding: 180px 0; 
} 
.dest-content .comm-para { 
 margin: 16px 0 40px; 
} 
.dest-img { 
 /* width: 305px; 
 height: 300px; */ 
 width: 100%; 
 height: 270px; 
 margin-bottom: 20px; 
 border-radius: 30px; 
} 
.dest-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 30px; 
} 
.partner-logo-wrap { 
 margin-top: 60px; 
} 
.partner-logo-wrap .f-row { 
 gap: 40px 0; 
} 
.partner-logo { 
 width: 100%; 
 height: 90px; 
} 
.partner-logo img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
.center-btn { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 margin-top: 60px; 
} 
/* course tab css */ 
.course-slider-wrap { 
 margin-top: 60px; 
} 
.course-slider-wrap .swiper { 
 width: 100%; 
 height: 100%; 
} 
.course-slider-wrap .swiper-slide { 
 text-align: center; 
 font-size: 18px; 
 background: transparent; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 border: 0px solid transparent; 
 outline: 0 none; 
} 
.course-slider-wrap .swiper-slide img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
.course-slider-wrap .swiper { 
 width: 90%; 
 margin-left: auto; 
 margin-right: auto; 
 margin-bottom: 60px; 
} 
.course-slider-wrap .swiper-slide { 
 background-size: cover; 
 background-position: center; 
} 
.course-slider-wrap .courseSwiper2 { 
 height: 80%; 
 width: 100%; 
} 
.course-slider-wrap .courseSwiper { 
 height: 20%; 
 box-sizing: border-box; 
 padding: 5px; 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(190deg, #c6d3e3, #e8edf4, #dde5ee) border-box; 
} 
.course-slider-wrap .courseSwiper .swiper-slide { 
 width: 25%; 
 height: 100%; 
 opacity: 0.3; 
 cursor: pointer; 
} 
.course-slider-wrap .courseSwiper .swiper-slide:hover, 
.course-slider-wrap .courseSwiper .swiper-slide-thumb-active { 
 opacity: 1; 
} 
.course-slider-wrap .swiper-slide img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
.course-country { 
 background: var(--clr-primary); 
 border-radius: 50px; 
 width: 100%; 
 padding: 10px 0; 
} 
.course-country p { 
 color: #fff; 
 font-size: 18px; 
 font-weight: 500; 
} 
.courses-slides { 
 width: 100%; 
} 
.courses-slides .f-row { 
 gap: 30px 0; 
} 
.course-box { 
 display: block; 
 width: 100%; 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(190deg, #c6d3e3, #e8edf4, #dde5ee) border-box; 
} 
.course-img { 
 max-height: 259px; 
 width: 100%; 
 height: 100%; 
 position: relative; 
 display: flex; 
} 
.course-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 30px; 
} 
.course-dtl { 
 padding: 24px; 
 text-align: left; 
} 
.univers-name { 
 font-size: 16px; 
 font-weight: 500; 
 line-height: 1.2; 
 color: var(--clr-primary); 
 margin-bottom: 8px; 
} 
.course-name { 
 font-size: 22px; 
 font-weight: 600; 
 color: var(--clr-secndry); 
 line-height: 1.2; 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 1; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.dura-qual-dtl-wrapper { 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
 margin: 16px 0 40px; 
} 
.duration-div { 
 display: flex; 
 align-items: flex-start; 
 gap: 8px; 
 flex: 1; 
} 
.dur-hdr { 
 color: #4d5566; 
 font-size: 14px; 
} 
.dur-icon i { 
 color: #4d5566; 
} 
.duration { 
 font-size: 16px; 
 color: var(--clr-secndry); 
} 
.header-titlewithnav { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 110px; 
} 
 
.header-titlewithnav-video { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 10px; 
} 
.story-nav { 
 position: relative; 
 display: flex; 
 align-items: center; 
 gap: 14px; 
 /* 
 .swiper-button-prev, 
 .swiper-rtl .swiper-button-next { 
 left: -96px; 
 } 
 
 .swiper-button-next, 
 .swiper-rtl .swiper-button-prev { 
 right: 0; 
 } */ 
} 
.story-nav .story-next, 
.story-nav .story-prev { 
 color: #fff; 
 background: var(--clr-primary); 
 border-radius: 12px; 
 width: 44px; 
 height: 44px; 
 position: static; 
} 
.story-nav .swiper-button-prev:after, 
.story-nav .swiper-rtl .swiper-button-next:after { 
 content: ""; 
} 
.story-nav .story-prev i { 
 transform: rotate(-180deg); 
} 
.story-nav .swiper-button-next:after, 
.story-nav .swiper-rtl .swiper-button-prev:after { 
 content: ""; 
} 
.storySwiper { 
 overflow: visible; 
} 
.storySwiper .swiper-slide { 
 background: transparent; 
} 
.storySwiper2 .swiper-slide { 
 background: rgba(255, 255, 255, 0.49); 
 border-radius: 16px; 
 box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); 
 backdrop-filter: blur(20px); 
 -webkit-backdrop-filter: blur(20px); 
 border: 1px solid rgba(255, 255, 255, 1); 
} 
 
.storySwiper1 { 
 overflow: visible; 
} 
.storySwiper1 .swiper-slide { 
 background: transparent; 
} 
.story-slide { 
 position: relative; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 gap: 60px; 
} 
.story-slide::before { 
 content: ""; 
 background: var(--clr-primary); 
 opacity: 0.1; 
 filter: blur(25px); 
 width: 70%; 
 display: block; 
 height: 100%; 
 position: absolute; 
 right: 3%; 
} 
.story-slide::after { 
 content: ""; 
 border-radius: 40px; 
 border: 2px solid var(--ffffff, #ffffff); 
 background: rgba(255, 255, 255, 0.8); 
 width: 77%; 
 display: block; 
 height: 125%; 
 position: absolute; 
 right: 0; 
} 
 
/* For Test Prep page only - AK */ 
.story-slider { 
 position: relative; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 gap: 60px; 
} 
.story-slider::before { 
 content: ""; 
 background: var(--clr-primary); 
 opacity: 0.1; 
 filter: blur(25px); 
 width: 70%; 
 display: block; 
 height: 100%; 
 position: absolute; 
 right: 3%; 
} 
.story-slider::after { 
 content: ""; 
 border-radius: 40px; 
 border: 2px solid var(--ffffff, #ffffff); 
 background: rgba(255, 255, 255, 0.8); 
 width: 100%; 
 display: block; 
 height: 125%; 
 position: absolute; 
 right: 0; 
} 
 
.story-content-tp { 
 max-width: 720px; 
 width: 100%; 
 position: relative; 
 z-index: 9; 
 text-align: left; 
 margin: 10px; 
} 
.story-content-tp p { 
 font-size: 20px; 
 line-height: 1.2; 
 color: var(--clr-secndry); 
 white-space: normal; 
 display: -webkit-box; 
 margin: 10px; 
 -webkit-line-clamp: 4; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 text-align: justify; 
} 
 
/* End of addition */ 
 
.story-vdo { 
 width: 413px; 
 height: 329px; 
 z-index: 9; 
 position: relative; 
} 
.story-vdo img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 30px; 
 border: 1px solid #fff; 
} 
.play-btn { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%, -50%); 
 width: 64px; 
 height: 64px; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 border-radius: 100%; 
 border: 2px solid var(--ffffff, #ffffff); 
 background: rgba(255, 255, 255, 0.8); 
} 
.course-btn { 
 width: 100%; 
} 
.story-content { 
 max-width: 420px; 
 width: 100%; 
 position: relative; 
 z-index: 9; 
 text-align: left; 
 margin-right: 30px; 
} 
.story-content p { 
 font-size: 20px; 
 line-height: 1.2; 
 color: var(--clr-secndry); 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 5; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 text-align: left; 
} 
 
.prof-content1 { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 margin-top: 40px; 
 margin-left: 10px; 
} 
 
.prof-content { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
 margin-top: 40px; 
} 
.prof-pic { 
 width: 64px; 
 height: 64px; 
} 
.prof-pic img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 100%; 
} 
.prof-dtl h4 { 
 font-size: 18px; 
 font-weight: 500; 
} 
.prof-dtl h5 { 
 font-size: 14px; 
} 
.blogs-sec-wrap { 
 margin-top: 55px; 
} 
.blogs-sec-wrap .f-col { 
 display: flex; 
 margin-bottom: 30px; 
} 
.blogs-box { 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(258deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 width: 100%; 
} 
.blogs-img { 
 height: 259px; 
 width: 100%; 
 margin-top: -4px; 
} 
.blogs-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 30px; 
} 
.blogs-dtl { 
 padding: 24px; 
 text-align: left; 
 display: flex; 
 flex-direction: column; 
 height: 45%; 
 justify-content: space-between; 
 gap: 10px; 
} 
.blogs-dtl .button { 
 width: fit-content; 
 margin-bottom: 5%; 
} 
.blogs-title { 
 font-size: 24px; 
 font-weight: 500; 
 /* margin-bottom: 40px; */ 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
 
.news-title { 
 height: 70px; /*ED Times.aspx testing uniform size for all 7.29.204 */ 
} 
 
.news-btn { 
 height: 20px; 
} 
 
/* Notification CSS */ 
.up-events { 
 width: 30vw; 
 display: flex; 
 flex-direction: column; 
 gap: 20px; 
} 
 
.up-events .sec-title { 
 font-size: 30px; 
} 
 
.event-dtls { 
 display: flex; 
 flex-direction: column; 
 gap: 20px; 
} 
 
.event-dtls img { 
 width: 100%; 
 height: auto; 
 border-radius: 10px; 
 box-shadow: rgba(29, 67, 141, 0.3) 0px 19px 38px, 
 rgba(29, 67, 141, 0.22) 0px 15px 12px; 
 /* box-shadow: rgb(29, 67, 141) 0px 20px 30px -10px; */ 
 
 display: flex; 
 flex-direction: column; 
 gap: 20px; 
} 
 
.small-img { 
 width: 200px; 
 height: 250px; 
} 
 
.event-dtls th { 
 color: var(--clr-primary); 
 font-size: 20px; 
} 
 
.event-dtls td, 
tr { 
 padding: 10px; 
} 
 
.event-dtls td { 
 text-align: -webkit-center; 
} 
 
/* .event-dtls td img { 
 width: 320px; 
 height: 360px; 
} */ 
 
.w-button { 
 justify-content: center; 
 align-self: center; 
} 
 
@media screen and (max-width: 800px) { 
 .up-events { 
 width: 85vw; 
 } 
 
 .up-events .sec-title { 
 font-size: 22px; 
 } 
 
 .event-dtls th { 
 font-size: 15px; 
 } 
} 
/* Notification CSS */ 
 
/* Bottom Footer */ 
.btm-bnr { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 0 150px; 
 padding: 0 88px; 
} 
.btm-bnr-content { 
 padding: 66px 0; 
 max-width: 415px; 
 width: 100%; 
 color: #fff; 
} 
.btm-bnr-content p { 
 margin: 20px 0 40px; 
 font-weight: 300; 
 color: var(--clr-lBlue); 
} 
.btm-bnr-img { 
 width: 531px; 
 height: 536px; 
 margin-top: -120px; 
} 
.btm-bnr-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
 
.btm-logos { 
 padding: 2px; 
 object-fit: contain; 
} 
 
.btm-logos:first-child { 
 padding-left: 5px; 
} 
 
.btm-logos:last-child { 
 padding-right: 5px; 
} 
 
.btm-white-bg { 
 background: rgba(255, 255, 255, 0.8); 
 
 border-radius: 10px; 
 padding-left: 5px; 
 padding-right: 5px; 
} 
 
.btm-white-bg img { 
 max-height: 35px; 
 max-width: 35px; 
} 
 
/* Font Awesome 
.btm-logos { 
 padding: 5px; 
} 
 
.btm-logos:last-child { 
 padding: 5px; 
} 
 
 
.btm-white-bg { 
 background: var(--clr-white); 
 
 border-radius: 10px; 
 
} 
 
*/ 
 
.btm-bnr-buttons { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 
 margin-bottom: 20px; 
 font-size: 30px; 
 color: var(--clr-primary); 
} 
 
.open-popup { 
 cursor: pointer; 
} 
 
@media all and (min-width: 480px) { 
 .desk { 
 display: block; 
 } 
 .phone { 
 display: none; 
 } 
} 
 
@media all and (max-width: 750px) { 
 /* 479 */ 
 .desk { 
 display: none; 
 } 
 .phone { 
 display: block; 
 } 
 
 .btm-white-bg { 
 flex: auto; 
 } 
 .btm-bnr-buttons { 
 font-size: 3vh; 
 } 
 
 .btm-white-bg img { 
 max-height: 100px; 
 max-width: 30px; 
 } 
} 
 
/* footer css start */ 
.footer-wrap { 
 background: #e8edf4; 
 border-top-left-radius: 40px; 
 border-top-right-radius: 40px; 
 padding-top: 90px; 
 padding-bottom: 40px; 
} 
.footer-wrap hr { 
 margin-top: 50px; 
 margin-bottom: 0; 
 padding-bottom: 50px; 
 border: 0; 
 border-top: 1px solid var(--clr-lBlue); 
} 
.footer-top { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 
.footer-top .sec-title { 
 width: 50%; 
} 
.footer-top form { 
 width: 30%; 
} 
.footer-subscribe-form { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 background: #fff; 
 border-radius: 12px; 
 padding: 10px 10px 10px 20px; 
} 
.footer-subscribe-form .form-grp { 
 margin-top: 0px; 
 margin-bottom: 0px; 
 width: 60%; 
} 
.footer-subscribe-form .form-field { 
 border-bottom: 0; 
 font-size: 14px; 
 height: 30px; 
 color: #4d5566; 
} 
.footer-subscribe-form .button { 
 height: 44px; 
 line-height: 44px; 
 padding: 0 16px; 
} 
.footer-link-hdr { 
 font-size: 18px; 
 color: var(--clr-primary); 
 font-weight: 600; 
 margin-bottom: 16px; 
} 
.footer-links-ul li { 
 margin: 10px 0; 
} 
.footer-links-ul li strong { 
 color: #4d5566; 
 font-weight: 600; 
 font-size: 15px; 
} 
.footer-links-ul a { 
 color: #4d5566; 
 font-size: 14px; 
} 
.footer-links-ul a:hover { 
 color: var(--clr-secndry); 
} 
.footer-btm { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 
.footer-btm h5 { 
 color: #4d5566; 
 font-size: 14px; 
} 
.fotter-btm-links { 
 display: flex; 
 align-items: center; 
 gap: 40px; 
} 
.fotter-btm-links a { 
 font-size: 14px; 
 color: #4d5566; 
} 
.fotter-btm-links a:hover { 
 color: var(--clr-secndry); 
} 
/* study abroad page css 
========================================================================================= */ 
.inner-hero { 
 background: url("../img/inner-hero-bg.png") center top no-repeat; 
 background-size: cover; 
 width: 100%; 
 height: 100%; 
 padding-top: 30px; 
} 
.inner-hero-wrap { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 
.inner-hero-right { 
 max-width: 444px; 
 max-height: 413px; 
 width: 100%; 
 height: auto; 
} 
.inner-hero-right img { 
 width: 100%; 
 height: auto; 
 object-fit: fill; 
} 
.inner-hero-left { 
 max-width: 630px; 
 width: 100%; 
} 
.inner-hero-left .comm-para { 
 margin: 26px 0 51px; 
} 
.inner-hero-left .comm-para p { 
 color: #4d5566; 
} 
.inner-hero-title-txt { 
 font-size: 48px; 
 font-weight: 400; 
 line-height: 1.4; 
 color: var(--clr-secndry); 
 position: relative; 
} 
.hdr-search-form-wrap { 
 margin-top: 40px; 
} 
.why-sec-wrap { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 
.why-left { 
 width: 40%; 
 line-height: 2; 
} 
.why-left p { 
 margin: 16px 0 24px; 
} 
.why-right { 
 width: 46%; 
} 
.why-gal-wrap { 
 display: grid; 
 grid-template-columns: auto auto; 
 grid-column-gap: 20px; 
 grid-row-gap: 20px; 
} 
.why-gal-elem { 
 position: relative; 
 width: 100%; 
 height: 100%; 
} 
.why-gal-elem img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 20px; 
} 
.why-gal-elem:nth-child(even) { 
 margin-top: 50px; 
} 
.counter-wrap { 
 border-radius: 40px; 
 border: 2px solid transparent; 
 background: linear-gradient(#e8edf4, #e8edf4) padding-box, 
 linear-gradient(252deg, #c6d3e3, #e8edf4, #dde5ee) border-box; 
 padding: 46px 86px; 
} 
.counter-wrap .f-col { 
 border-right: 1px solid var(--clr-lBlue); 
 display: flex; 
 justify-content: center; 
} 
.counter-wrap .f-col:first-child { 
 padding-left: 0; 
} 
.counter-wrap .f-col:last-child { 
 border: 0; 
} 
.counter-cont-wrap { 
 text-align: center; 
} 
.count-nums { 
 color: var(--clr-primary); 
 font-weight: 500; 
 font-size: 36px; 
} 
.count-title { 
 font-size: 18px; 
 font-weight: 600; 
 color: var(--clr-secndry); 
} 
.destn-cntry-box-wrap .f-row { 
 gap: 40px 0; 
} 
.det-cntry-box { 
 display: flex; 
 flex-direction: column; 
} 
.deram-sec-dtl { 
 width: 100%; 
 max-width: 758px; 
 text-align: center; 
 margin: 10px auto 60px; 
} 
.deram-sec-dtl p { 
 color: var(--clr-lBlue); 
} 
.cntry-img { 
 width: 100%; 
 max-height: 312px; 
 height: 100%; 
} 
.cntry-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 30px; 
} 
.cntry-title { 
 font-size: 32px; 
 font-weight: 600; 
 margin-top: 10px; 
} 
 
.center { 
 text-align: center !important ; 
} 
.student-sec-wrap { 
 margin-top: 55px; 
 /* .course-box { 
 padding-bottom: 30px; 
 } */ 
} 
.student-sec-wrap .f-col { 
 display: flex; 
} 
.student-sec-wrap .univers-name { 
 margin-bottom: 0; 
 margin-top: 10px; 
} 
/* accordion css start */ 
.accordion { 
 list-style: none; 
 padding: 0; 
} 
.accordion .pera { 
 overflow: hidden; 
 display: none; 
 margin: 20px 0 0 0; 
 font-size: 18px; 
 color: var(--clr-secndry); 
} 
.accordion li { 
 border-radius: 30px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(193deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 30px; 
 margin: 20px 0; 
} 
.accordion li a.toggle { 
 width: 100%; 
 display: block; 
 padding: 0px 0; 
 cursor: pointer; 
 position: relative; 
 padding-right: 45px; 
 font-size: 24px; 
 font-weight: 500; 
 color: var(--clr-secndry); 
} 
.accordion li a.toggle .sign { 
 position: absolute; 
 width: 30px; 
 height: 30px; 
 border-radius: 50%; 
 border: 2px solid var(--clr-primary); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 right: 0; 
 top: 0; 
} 
.accordion li a.toggle .sign:after, 
.accordion li a.toggle .sign:before { 
 content: ""; 
 width: calc(30px - 16px); 
 height: 2px; 
 background: var(--clr-primary); 
 position: absolute; 
} 
.accordion li a.toggle .sign:after { 
 transform: rotate(90deg); 
 transition: all 0.3s ease; 
} 
.accordion li.active { 
 border-color: var(--clr-primary); 
 background: none; 
} 
.accordion li.active a.toggle { 
 color: var(--clr-primary); 
} 
.accordion li.active a.toggle .sign:after { 
 transform: rotate(0deg); 
 transition: all 0.3s ease; 
} 
/* test prepar page css start 
======================================================================================== */ 
.inner-hero-2 { 
 background: url(../img/inner-hero-bg-2.png) center top no-repeat; 
 background-size: contain; 
} 
.inner-hero-2 .inner-hero-wrap { 
 height: 64vh; 
} 
.inner-hero-2 .inner-hero-right { 
 max-width: 454px; 
 max-height: 468px; 
 width: 100%; 
 height: 100%; 
 margin-right: 90px; 
} 
.inner-hero-2 .inner-hero-right img { 
 width: 100%; 
 height: auto; 
 object-fit: fill; 
} 
.inner-hero-2 .inner-hero-left { 
 max-width: 580px; 
} 
.inner-hero-2 .inner-hero-left .comm-para { 
 margin-top: 40px; 
} 
.inner-hero-2 .inner-hero-left .comm-para p { 
 font-size: 16px; 
} 
.inner-hero-2 .hero-title-txt::before { 
 top: -32px; 
 left: 10px; 
} 
.benefit-hdr { 
 width: 55%; 
} 
.benefit-hdr p { 
 margin-top: 16px; 
} 
.benefit-content-wrap { 
 display: flex; 
 justify-content: space-between; 
 margin-top: 100px; 
} 
.benefit-img-wrap { 
 display: block; 
 width: 40%; 
} 
.benef-sticky-div { 
 position: relative; 
 height: 100%; 
} 
.benefit-img { 
 position: sticky; 
 top: calc(var(--header-height) + 30px); 
} 
.benefit-content { 
 width: 50%; 
} 
.benefit-box { 
 padding: 60px; 
 margin-bottom: 40px; 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(200deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
} 
.benefit-count { 
 color: #fff; 
 -webkit-text-fill-color: white; 
 -webkit-text-stroke: 2px #ff4524; 
 font-size: 45px; 
 font-weight: 600; 
} 
.benef-title { 
 font-size: 24px; 
 font-weight: 600; 
 color: var(--clr-secndry); 
 margin-bottom: 16px; 
 text-transform: capitalize; 
} 
.prep-hdr { 
 width: 80%; 
 margin: 0 auto 60px; 
} 
.prep-hdr p { 
 width: 70%; 
 margin: 16px auto 0; 
 color: #4d5566; 
} 
.prop-corse-wrap .f-row { 
 gap: 30px 0; 
} 
.prop-corse-wrap .f-col { 
 display: flex; 
 height: auto; 
} 
.prep-corse-box { 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(190deg, #c6d3e3, #e8edf4, #dde5ee) border-box; 
 height: 100%; 
 display: flex; 
 flex-direction: column; 
} 
.prep-cors-img { 
 max-height: 389px; 
 height: 100%; 
 width: 100%; 
 margin-top: -2px; 
} 
.prep-cors-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 30px; 
} 
.prep-corse-content { 
 padding: 24px; 
} 
.prep-corse-content .button { 
 margin-top: 20px; 
} 
.prep-corse-content p { 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 3; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
} 
.prep-cors-title { 
 font-size: 22px; 
 font-weight: 600; 
 margin-bottom: 12px; 
} 
/* test prep inner page css start 
=========================================================================================== */ 
.breadcrumb { 
 display: flex; 
 align-items: center; 
 margin: 30px 0 40px; 
} 
.breadcrumb a { 
 color: var(--clr-primary); 
} 
.breadcrumb a::after { 
 content: ">"; 
 font-size: 16px; 
 margin: 0 6px; 
} 
.breadcrumb a:hover { 
 color: var(--clr-secndry); 
} 
.breadcrumb li:last-child a { 
 font-weight: 600; 
} 
.breadcrumb li:last-child a::after { 
 content: ""; 
} 
.test-page-bnr { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 
.test-bnr-cont-left { 
 max-width: 740px; 
 width: 100%; 
} 
.test-page-title { 
 font-size: 42px; 
 font-weight: 400; 
 margin-bottom: 16px; 
 color: var(--clr-primary); 
} 
.test-cont-dtl-wrap { 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
 flex-wrap: wrap; 
} 
.test-cont-div { 
 width: 40%; 
 margin-bottom: 30px; 
} 
.test-cont-div h4 { 
 font-size: 18px; 
 font-weight: 600; 
} 
.test-cont-div p { 
 font-size: 16px; 
 font-weight: 400; 
 color: var(--clr-primary); 
 line-height: 1.2; 
} 
.test-bnr-cont-img { 
 max-width: 410px; 
 width: 100%; 
 height: 100%; 
} 
.test-bnr-cont-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 24px; 
} 
.upload-date { 
 font-size: 14px; 
 font-weight: 300; 
 font-style: italic; 
 text-align: right; 
} 
.test-rolling-sec-wrap { 
 position: relative; 
} 
.test-cont-rolling-links { 
 position: sticky; 
 top: calc(var(--header-height) + 0px); 
 left: 0; 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(185deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 8px; 
 display: flex; 
 z-index: 99; 
 max-width: 1242px; 
 width: 100%; 
 margin-right: auto; 
 margin-left: auto; 
 overflow-y: auto; 
} 
.test-cont-rolling-links .section-name { 
 padding: 10px 40px; 
 position: relative; 
 background: var(--clr-lBlue); 
 color: #4d5566; 
 border-radius: 50px; 
 margin: 0 5px; 
} 
.test-cont-rolling-links .section-name:first-child { 
 margin-left: 0; 
} 
.test-cont-rolling-links .section-name:hover, 
.test-cont-rolling-links .section-name.active { 
 color: #fff !important; 
 background: var(--clr-primary); 
 /* &::after { 
 content: ''; 
 background: #39BCE6; 
 height: 2px; 
 width: 100%; 
 border-radius: 20px 20px 0 0; 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 } */ 
} 
.test-dtl-sections { 
 padding: 100px 0 60px; 
} 
 
.test-dtl-sections .sec-title { 
 margin-bottom: 20px; 
 scroll-margin-top: 75px; 
} 
.test-dtl-sections ul { 
 margin-top: 8px; 
} 
.test-dtl-sections li { 
 color: #4d5566; 
 font-size: 18px; 
 /* text-transform: capitalize; */ 
 display: flex; 
 align-items: flex-start; 
} 
.test-dtl-sections li:before { 
 content: "·"; 
 font-size: 38px; 
 vertical-align: middle; 
 line-height: 20px; 
 padding-right: 10px; 
 margin-top: 4px; 
} 
.test-dtl-sections li ul li { 
 margin-left: 10px; 
} 
.test-dtl-sections li a { 
 color: #4d5566; 
} 
.test-dtl-sections .accordion li:before { 
 content: ""; 
 display: none; 
} 
 
.accordion li { 
 display: block; 
} 
.test-sec-hdr-1 { 
 font-size: 28px; 
 font-weight: 600; 
 color: var(--clr-secndry); 
 margin-top: 40px; 
} 
.test-sec-blue-hdr { 
 font-size: 22px; 
 font-weight: 600; 
 color: var(--clr-primary); 
 margin-top: 16px; 
} 
.test-sec-blue-hdr-1 { 
 font-size: 16px; 
 font-weight: 600; 
 color: var(--clr-primary); 
} 
.test-tables { 
 overflow-y: auto; 
 margin: 40px 0; 
} 
 
.test-tables-10m { 
 overflow-y: auto; 
 margin: 10px 0; 
} 
.test-table { 
 background: #fcfcfd; 
 width: 100%; 
 border-radius: 30px; 
 border-style: hidden; 
 border-collapse: separate !important; 
 border-spacing: 0; 
 border: 1px solid #e6e7e9; 
 -moz-border-radius: 12px; 
 -webkit-border-radius: 12px; 
 border-radius: 12px; 
} 
.test-table th { 
 background: var(--clr-primary); 
 color: #fff; 
 padding: 14px 10px; 
 font-size: 18px; 
 font-weight: 400; 
} 
.test-table th:first-child { 
 -moz-border-radius: 12px 0px 0 0; 
 -webkit-border-radius: 12px 0px 0 0; 
 border-radius: 12px 0px 0 0; 
} 
.test-table th:last-child { 
 -moz-border-radius: 0px 12px 0 0; 
 -webkit-border-radius: 0px 12px 0 0; 
 border-radius: 0px 12px 0 0; 
} 
.test-table td { 
 text-align: center; 
 padding: 20px; 
 border-right: 1px solid #e6e7e9; 
 border-bottom: 1px solid #e6e7e9; 
 font-size: 18px; 
 font-weight: 500; 
 width: 33%; 
 color: var(--clr-secndry); 
 vertical-align: top; 
} 
.test-table td:last-child { 
 border-right: 0; 
} 
.test-table tr:last-child td { 
 border-bottom: 0; 
} 
.test-table ul { 
 margin-top: 0; 
} 
.test-table li { 
 color: var(--clr-secndry); 
 width: 80%; 
 margin: 10px auto 0; 
} 
.test-table li:first-child { 
 margin-top: 0; 
} 
.test-table2 td { 
 width: 25%; 
} 
.test-table3 td { 
 width: auto; 
} 
.test-table3 td:last-child { 
 width: 40%; 
} 
.test-table4 td:first-child { 
 width: 15%; 
} 
 
/*TOEFL Syllabus*/ 
.test-table5 td:nth-child(2) { 
 width: 50%; 
} 
 
.test-table5 td:last-child { 
 border-right: 1px solid #e6e7e9; 
} 
 
/* popup css */ 
.white-popup { 
 position: relative; 
 background: #fff; 
 padding: 40px; 
 width: auto; 
 max-width: 500px; 
 margin: 20px auto; 
 transition: 1s all; 
} 
.selector-item_radio { 
 appearance: none; 
 display: none; 
} 
.qna-container { 
 max-width: 760px; 
 width: 100%; 
} 
.question { 
 color: var(--clr-secndry); 
 text-align: left; 
 font-size: 24px; 
 font-weight: 400; 
 line-height: 1.2; 
 margin: 50px 0 24px; 
} 
.select-quote { 
 font-size: 16px; 
 color: var(--clr-primary); 
 margin-bottom: 32px; 
} 
.qna-sec { 
 display: none; 
} 
.show { 
 display: block !important; 
} 
.btn-wrap { 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 gap: 24px; 
 margin-top: 40px; 
} 
.popup-form { 
 border-radius: 40px; 
 max-width: 760px; 
 margin: auto; 
} 
.back-btn { 
 position: absolute; 
 top: 40px; 
 left: 40px; 
 outline: none; 
 border: none; 
 background: transparent; 
 box-shadow: none; 
} 
.popup-selector-solutions, 
.date-selector { 
 display: flex; 
 align-items: center; 
 justify-content: flex-start; 
 gap: 12px; 
 flex-wrap: wrap; 
} 
.selector-item { 
 width: 23%; 
} 
.selector-item_label { 
 background: #e8edf4; 
 color: #4d5566; 
 width: 100%; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 12px; 
 font-size: 16px; 
 line-height: normal; 
 border-radius: 60px; 
 cursor: pointer; 
 padding: 12px 0px; 
} 
.selector-item_radio:checked + .selector-item_label { 
 background: #fae185; 
} 
button.mfp-close, 
button.mfp-arrow { 
 width: 24px; 
 height: 24px; 
 line-height: 24px; 
 right: 40px; 
 font-size: 22px; 
 border: 1px solid #4d5566; 
 border-radius: 100%; 
} 
button.mfp-close, 
.mfp-close:active { 
 top: 40px; 
} 
.mfp-iframe-scaler button.mfp-close, 
.mfp-iframe-scaler .mfp-close:active { 
 top: -40px; 
} 
.mfp-iframe-scaler button.mfp-close, 
.mfp-iframe-scaler button.mfp-arrow { 
 border: 0; 
} 
.lenis.lenis-smooth [data-lenis-prevent] { 
 overscroll-behavior: contain; 
} 
.selector-item_radio:checked + .selector-item_label { 
 background: var(--clr-primary); 
 color: #fff; 
} 
.popup-form2 .select-field { 
 background: transparent url(../img/popup-dd-icon.svg) no-repeat right center; 
 background-position-x: 97%; 
 border: 1px solid #4d5566; 
 width: 100%; 
 height: 56px; 
 padding: 16px 20px; 
 border-radius: 12px; 
 color: #4d5566; 
} 
.popup-form2 .form-field { 
 border: 1px solid #4d5566; 
 border-radius: 12px; 
 color: #4d5566; 
 padding-left: 16px; 
} 
.process-text { 
 font-size: 16px; 
 color: #4d5566; 
 margin-top: -16px; 
} 
.summ-course-hdr { 
 font-size: 18px; 
 font-weight: 500; 
 color: var(--clr-secndry); 
 margin-top: 24px; 
} 
.dtl-cont-wrap p { 
 font-size: 18px; 
 color: #4d5566; 
 margin-top: 8px; 
} 
.dtl-cont-wrap p span { 
 font-size: 16px; 
 color: var(--clr-primary); 
} 
/* career sounseling page css start 
========================================================================================================== */ 
.sec-title-2 { 
 font-size: 32px; 
 font-weight: 600; 
 margin-bottom: 12px; 
} 
.apt-test-slider-box { 
 position: relative; 
 width: 100%; 
 height: 555px; 
} 
.apt-test-slider-box img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
.apt-overlay { 
 position: absolute; 
 left: 0; 
 top: 0; 
 width: 100%; 
 height: 100%; 
 background: url(../img/ap-img-overlay.jpg) top left no-repeat; 
 background-size: cover; 
 border-radius: 40px; 
} 
.apt-dtls { 
 position: absolute; 
 bottom: 40px; 
 left: 50px; 
 width: 82%; 
 margin: auto; 
 text-align: left; 
} 
.apt-num { 
 font-size: 56px; 
 font-weight: 600; 
 color: #fff; 
} 
.apt-title { 
 font-size: 32px; 
 color: #fff; 
 font-weight: 600; 
} 
.type-bluebg { 
 position: relative; 
 padding: 55px 0 94px; 
} 
.type-bluebg::before { 
 content: ""; 
 background: url(../img/hero-elem-1.svg) no-repeat; 
 background-size: contain; 
 display: block; 
 width: 60px; 
 height: 60px; 
 position: absolute; 
 top: 50px; 
 left: 50px; 
} 
.type-bluebg::after { 
 content: ""; 
 background: url(../img/hero-elem-1.svg) no-repeat; 
 background-size: contain; 
 display: block; 
 width: 60px; 
 height: 60px; 
 position: absolute; 
 bottom: 20px; 
 right: 80px; 
 rotate: 100deg; 
} 
.process-sec-wrap { 
 width: 90%; 
 margin: auto; 
 margin-top: 48px; 
} 
.process-sec-wrap .f-col { 
 display: flex; 
} 
.process-box { 
 background: #fff; 
 padding: 44px; 
 text-align: center; 
 border-radius: 24px; 
 height: 100%; 
} 
.process-box-title { 
 font-size: 24px; 
 font-weight: 600; 
 margin-bottom: 16px; 
} 
.report-sec-wrap .f-row { 
 justify-content: space-between; 
} 
.report-list { 
 margin-top: 40px; 
} 
.report-list li { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 font-size: 24px; 
 color: var(--clr-secndry); 
 border-bottom: 1px solid var(--clr-lBlue); 
 padding: 30px 0; 
} 
.report-list li span { 
 flex: 1; 
} 
.bookcounsr-title { 
 font-size: 18px; 
 color: var(--clr-primary); 
 font-weight: 600; 
 margin-bottom: 24px; 
} 
.report-icon { 
 width: 56px; 
 height: 56px; 
 border-radius: 100%; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(185deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--clr-primary); 
 font-size: 28px; 
} 
.book-counseller-form { 
 border-radius: 40px; 
 border: 2px solid var(--clr-lBlue); 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(252deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 40px; 
} 
 
.book-counseller-form .form-field { 
 color: var(--clr-primary); 
} 
 
.book-counseller-form .form-grp, 
.book-counseller-form .form-textarea-group { 
 color: var(--clr-primary); 
 border: thin solid var(--clr-lBlue); 
 border-radius: 12px; 
 margin-bottom: 10px; 
} 
.book-counseller-form .button { 
 margin-top: 30px; 
} 
.book-counseller-form #comm-form { 
 margin-top: 0; 
} 
/* admission guidance page css start 
========================================================================================== */ 
.admsn-step-main-div { 
 overflow-y: hidden; 
} 
.inner-hero-2 .adminsion-hero-left { 
 max-width: 590px; 
} 
.inner-hero-2 .inner-hero-right { 
 max-width: 444px; 
} 
.adm-proc-steps { 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 flex-direction: row; 
 position: relative; 
 margin-bottom: 120px; 
} 
.adm-proc-steps:nth-child(odd) { 
 flex-direction: row-reverse; 
} 
.adm-proc-steps:nth-child(odd) 
 .adm-proc-step-number 
 .adm-stp-num-wrap 
 .adm-stp-num 
 p { 
 background: var(--clr-lBlue); 
} 
.adm-proc-steps-wrap { 
 position: relative; 
} 
.dotted-line { 
 position: absolute; 
 top: 6%; 
 left: 50%; 
 border: 1px dashed var(--clr-primary); 
 width: 1px; 
 height: 88%; 
} 
.adm-proc-step-left, 
.adm-proc-step-right { 
 width: 40%; 
 height: max-content; 
} 
.adm-proc-step-number { 
 width: 4.6%; 
 text-align: center; 
} 
.adm-proc-step-number .adm-stp-num-wrap { 
 width: 48px; 
 border-radius: 10px; 
} 
.adm-proc-step-number .adm-stp-num-wrap .adm-stp-num { 
 display: flex; 
 justify-content: center; 
 align-items: center; 
} 
.adm-proc-step-number .adm-stp-num-wrap .adm-stp-num p { 
 background: #c1e1c1; 
 color: var(--clr-secndry); 
 width: 100%; 
 height: 48px; 
 display: flex; 
 justify-content: center; 
 align-items: center; 
 border-radius: 50%; 
 font-weight: 300; 
 font-size: 18px; 
 z-index: 99; 
} 
.adm-step-title { 
 font-size: 32px; 
 font-weight: 600; 
 color: var(--clr-primary); 
 margin-bottom: 10px; 
} 
.adm-img { 
 max-width: 413px; 
 max-height: 304px; 
 width: 100%; 
 height: 100%; 
} 
.adm-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
.visa-asst-sec-hdr .sec-title { 
 margin-bottom: 30px; 
} 
.visa-asst-dtl-sec-wrap { 
 margin-top: 80px; 
 position: relative; 
} 
.visa-ass-dtl { 
 display: flex; 
 align-items: center; 
 flex-direction: row; 
 gap: 76px; 
} 
.visa-ass-dtl.row-reverse { 
 flex-direction: row-reverse; 
} 
.sectio-line-sepr { 
 height: 422px; 
 width: 100%; 
} 
.sectio-line-sepr img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
.last-seprtr { 
 height: 490px; 
 margin-top: -70px; 
 width: 75%; 
} 
.img-reverse { 
 -moz-transform: scaleX(-1); 
 -o-transform: scaleX(-1); 
 -webkit-transform: scaleX(-1); 
 transform: scaleX(-1); 
 filter: FlipH; 
 -ms-filter: "FlipH"; 
} 
.visa-asst-img { 
 max-width: 522px; 
 max-height: 425px; 
 width: 100%; 
 height: 100%; 
} 
.visa-asst-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
.visa-asst-cont { 
 flex: 1; 
} 
.visa-asst-cont h3 { 
 font-size: 28px; 
 font-weight: 600; 
 color: var(--clr-primary); 
 margin-bottom: 10px; 
} 
.visa-asst-cont p { 
 color: var(--clr-secndry); 
 font-size: 18px; 
 text-align: justify; 
} 
/* trvl forex asst page css start 
=========================================================================================== */ 
.inner-hero-2 .trvlfrx-hero-left { 
 max-width: 640px; 
} 
.inner-hero-2 .trvlfrx-hero-right { 
 max-width: 520px; 
} 
.single-para { 
 margin: 60px 0; 
} 
.finan-sec-topspc { 
 padding-top: 0px; 
} 
.finan-hero-right { 
 max-width: 434px; 
} 
/* whatwedo page css start 
====================================================================================== */ 
.inner-hero-2 .whatwedo-hero-right { 
 max-width: 474px; 
} 
.whatwedo-cont-row { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 gap: 100px; 
 flex-direction: row; 
 margin-bottom: 84px; 
} 
.whatwedo-cont-row.rowr { 
 flex-direction: row-reverse; 
} 
.whatwedo-cont { 
 width: 50%; 
 flex: 1; 
} 
.whatwedo-cont h3 { 
 font-size: 28px; 
 font-weight: 600; 
 color: var(--clr-primary); 
 margin-bottom: 10px; 
} 
.whatwedo-cont p { 
 color: var(--clr-secndry); 
 font-size: 18px; 
 margin-bottom: 30px; 
} 
.whatwedo-img { 
 max-width: 522px; 
 max-height: 425px; 
 width: 100%; 
 height: 100%; 
 flex: 1; 
} 
.whatwedo-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
/* univ page flow page css start 
==================================================================================== */ 
.inner-hero-2 .univ-hero-left { 
 max-width: 640px; 
} 
.uni-serach-sec { 
 display: flex; 
 justify-content: flex-end; 
} 
.uni-search-form { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
} 
.uni-search-form .form-grp { 
 margin-top: 0px; 
 margin-bottom: 0px; 
} 
.uni-search-form .form-field { 
 border: 1px solid var(--clr-lBlue); 
 border-radius: 12px; 
 padding-left: 16px; 
 width: 333px; 
} 
 
.uni-visit .form-field { 
 border: 1px solid var(--clr-lBlue); 
 border-radius: 12px; 
 padding-left: 16px; 
 width: 133px; 
} 
.univ-serch-input::-webkit-input-placeholder, 
.univ-serch-input::-ms-input-placeholder, 
.univ-serch-input::placeholder { 
 color: #4d5566 !important; 
} 
.univ-list-sec-wrap { 
 display: flex; 
 align-items: flex-start; 
 margin-top: 24px; 
 gap: 20px; 
} 
.unv-list-left { 
 width: 15%; 
} 
.unv-list-left ul { 
 background: #fff; 
 box-shadow: 0 -1px 16px rgba(29, 67, 141, 0.05); 
 border-radius: 20px; 
 padding: 20px 0; 
} 
.unv-list-left ul li { 
 margin: 6px 0; 
} 
.unv-list-left ul li a { 
 color: #4d5566; 
 padding: 10px 36px 10px; 
 background: #fff; 
 display: flex; 
 /* text-transform: capitalize; */ 
 font-size: 18px; 
} 
.unv-list-left ul li a:hover, 
.unv-list-left ul li a.active { 
 background: var(--clr-primary); 
 border-radius: 12px; 
 color: #fff; 
} 
.unv-list-right { 
 width: 84%; 
} 
.univ-list-item { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 background: #fff; 
 box-shadow: 0 -1px 16px rgba(29, 67, 141, 0.05); 
 border-radius: 20px; 
 padding: 10px 24px; 
 margin-bottom: 22px; 
} 
.univ-logo { 
 width: 60px; 
 height: 60px; 
 border: 1px solid var(--clr-lBlue); 
 border-radius: 100%; 
} 
.univ-logo img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 border-radius: 100%; 
} 
.univ-name { 
 font-size: 18px; 
 color: #4d5566; 
 flex: 1; 
} 
.pagination { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-wrap: wrap; 
 gap: 16px; 
 width: 100%; 
 margin-top: 64px; 
} 
.pagination a { 
 background: transparent; 
 border: 1px solid #4d5566; 
 border-radius: 100%; 
 color: var(--clr-secndry); 
 width: 60px; 
 height: 60px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-size: 18px; 
} 
.pagination a i { 
 font-size: 24px; 
 color: var(--clr-primary); 
} 
.pagination a:hover, 
.pagination a.active { 
 background: var(--clr-primary); 
 color: #fff; 
} 
.pagination a:hover i, 
.pagination a.active i { 
 color: #fff; 
} 
/* blogs page css start 
======================================================================================== */ 
.blog-breadcrumb { 
 margin-top: 0; 
} 
.blogs-hdr-sec { 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
} 
.column { 
 gap: 20px; 
 flex-direction: column; 
} 
 
.blog-hdr-left { 
 width: 30%; 
} 
.page-hdr-title { 
 font-size: 42px; 
 text-transform: capitalize; 
} 
.page-hdr-title strong { 
 font-weight: 600; 
} 
.blog-search-form { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
} 
.blog-search-form .select-field { 
 background: transparent url(../img/popup-dd-icon.svg) no-repeat right center; 
 background-position-x: 94%; 
 border: 1px solid var(--clr-lBlue); 
 width: 100%; 
 height: 56px; 
 line-height: 24px; 
 padding: 16px 20px; 
 border-radius: 12px; 
 color: #4d5566; 
 width: 300px; 
} 
.blog-search-form .select-field:nth-child(3) { 
 width: 500px; 
} 
 
.blog-search-form .form-field { 
 border: 1px solid #4d5566; 
 border-radius: 12px; 
 color: #4d5566; 
 padding-left: 16px; 
} 
 
.uni-visit-form { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
} 
.uni-visit-form .select-field { 
 background: transparent url(../img/popup-dd-icon.svg) no-repeat right center; 
 background-position-x: 94%; 
 border: 1px solid var(--clr-lBlue); 
 width: 100%; 
 height: 56px; 
 line-height: 24px; 
 padding: 16px 20px; 
 border-radius: 12px; 
 color: #4d5566; 
 width: 300px; 
} 
.uni-visit-form .form-field { 
 border: 1px solid var(--clr-lBlue); 
 width: 100%; 
 height: 56px; 
 line-height: 24px; 
 padding: 16px 20px; 
 border-radius: 12px; 
 color: #4d5566; 
 width: 300px; 
} 
/* blog detail page css start 
======================================================================================== */ 
.blog-detail-wrap { 
 width: 100%; 
} 
.blog-title { 
 font-size: 42px; 
 color: var(--clr-secndry); 
 line-height: 1.2; 
 margin-bottom: 40px; 
} 
.blog-dtl-img { 
 width: 100%; 
 height: 100%; 
} 
.blog-dtl-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
.blog-content p { 
 margin: 40px 0; 
 font-size: 16px; 
 line-height: 1.6; 
 color: #4d5566; 
 text-align: justify; 
} 
 
.blog-content li { 
 margin: 20px 0; 
} 
.blog-content li p { 
 margin: 20px 0; /*Added to support p in list */ 
 font-size: 16px; 
 line-height: 1.6; 
 color: #4d5566; 
 text-align: justify; 
} 
 
.blog-content li:last-child { 
 margin: 0px 0px 40px; /*Added to support p in list */ 
} 
.blog-content img { 
 border-radius: 30px; 
 margin: 40px 0; 
} 
.blog-content h5 { 
 font-size: 24px; 
 font-weight: 600; 
 color: #4d5566; 
} 
.blog-content h4 { 
 font-size: 24px; 
 font-weight: 400; 
 color: #1d438d; 
} 
.blog-content h2 { 
 font-size: 24px; 
 font-weight: 400; 
 color: #1d438d; 
 margin: 40px 0; 
} 
.blog-content h6 { 
 font-size: 18px; 
 font-weight: 600; 
 color: #4d5566; 
} 
.blog-content a { 
 font-size: 16px; 
 font-weight: 400; 
 color: var(--clr-primary); 
} 
 
.blog-list { 
 list-style-position: outside; 
 list-style: outside; 
 color: #4d5566; 
} 
 
.blog-list-ol { 
 color: #4d5566; 
} 
 
.blog-wrap { 
 display: flex; 
 align-items: center; 
 gap: 20px; 
} 
.blog-wrap h4 { 
 font-size: 14px; 
 border: 1px solid var(--clr-primary); 
 text-align: center; 
 padding: 8px 12px; 
 border-radius: 50px; 
 color: var(--clr-primary); 
} 
 
.share-sec { 
 display: flex; 
 align-items: center; 
 gap: 12px; 
} 
.share-sec span { 
 color: #4d5566; 
} 
.share-soc-icons { 
 display: flex; 
 align-items: center; 
 gap: 24px; 
} 
.share-soc-icons a { 
 background: var(--clr-primary); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 border-radius: 100%; 
 width: 30px; 
 height: 30px; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.share-soc-icons a:hover { 
 background: var(--clr-secndry); 
 transform: translate(0, -5px); 
} 
 
/* Footer pages Start 
======================================================================================== */ 
.ftr-detail-wrap { 
 width: 100%; 
} 
 
.ftr-image { 
 text-align: center; 
 padding: 20px; 
} 
 
.ftr-image img { 
 border: 1px solid var(--clr-primary); 
 border-radius: 20px; 
} 
 
.ftr-content h2 { 
 font-size: 24px; 
 font-weight: 600; 
 color: #1d438d; 
 margin: 40px 0; 
} 
 
.ftr-content p { 
 margin: 10px 0; 
 font-size: 16px; 
 line-height: 1.6; 
 color: #4d5566; 
 text-align: justify; 
} 
 
.ftr-content a p { 
 color: var(--clr-primary); 
} 
 
.ftr-sec-wrap { 
 display: flex; 
 align-items: center; 
 gap: 0 20px; 
 padding: 10px 50px; 
} 
.ftr-img { 
} 
.ftr-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 border-radius: 40px; 
} 
 
.ftr-content .comm-section a p { 
 color: var(--clr-lBlue); 
} 
 
.ftr-form { 
 margin-top: 20px; 
} 
 
.ftr-form #comm-form { 
 margin-top: 30px; 
} 
.ftr-form .comm-form label { 
 color: var(--clr-lBlue); 
 line-height: 32px; 
 font-size: 15px; 
} 
 
.ftr-form .comm-form p { 
 color: var(--clr-lBlue); 
 line-height: 32px; 
 font-size: 20px; 
} 
.ftr-form .form-field { 
 height: 56px; 
 padding: 16px 20px; 
 border: 1px solid var(--clr-lBlue); 
 border-radius: 12px; 
} 
.ftr-form .form-textarea-group .form-field { 
 height: 118px; 
} 
 
.ftr-form .button { 
 height: 52px; 
 width: fit-content; 
 font-weight: 500; 
 padding: 0 18px; 
 width: 100%; 
} 
 
.ftr-form .emailbtn { 
 background-color: var(--clr-white); 
 color: var(--clr-primary); 
 padding: 10px; 
 width: 100%; 
} 
 
.ftr-form .white-text:nth-child(1) { 
 font-size: 18px; 
} 
 
.ftr-form input[type="file"] { 
 -webkit-appearance: none; 
 direction: rtl; 
 top: 0px; 
 left: 0px; 
} 
 
.ftr-form input::file-selector-button { 
 color: var(--clr-primary); 
 padding: 5px; 
 border: thin solid var(--clr-lBlue); 
 border-radius: 5px; 
} 
 
/* Footer pages End 
======================================================================================== */ 
 
/* Virtual pages Start 
======================================================================================== */ 
.vr-imgs-wrap { 
 display: flex; 
 gap: 20px; 
 justify-content: center; 
 padding: 5px 10px; 
} 
 
.vr-sec-wrap .sec-title { 
 font-size: 22px; 
 font-weight: 500; 
 text-transform: capitalize; 
} 
 
.vr-sec-wrap-visa { 
 display: flex; 
} 
 
.vr-sec-wrap-visa .content { 
 display: grid; 
 align-content: center; 
} 
 
.vr-sec-wrap-visa .content .sec-title { 
 font-size: 25px; 
} 
 
.vr-yt { 
 display: flex; 
 gap: 20px; 
 justify-content: center; 
 padding: 30px; 
} 
 
.vr-yt iframe { 
 border-radius: 10px; 
} 
 
@media all and (max-width: 1024px) { 
 .vr-sec-wrap-visa { 
 display: flex; 
 flex-direction: column; 
 } 
 
 .vr-sec-wrap .sec-title { 
 font-size: 16px; 
 } 
} 
 
/* Virtual pages End 
======================================================================================== */ 
 
/* career page css start 
======================================================================================== */ 
.career-box { 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(258deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 32px; 
 width: 100%; 
} 
.job-title { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 font-size: 18px; 
 color: var(--clr-primary); 
 width: 100%; 
} 
.job-title i { 
 font-size: 24px; 
 font-weight: 600; 
} 
.job-title span { 
 flex: 1; 
} 
 
.job-hdr-sec { 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
 flex-direction: row; 
} 
.job-btns { 
 display: flex; 
 gap: 10px; 
} 
 
.job-form { 
 margin-top: 20px; 
} 
 
.job-form #comm-form { 
 margin-top: 30px; 
} 
.job-form .comm-form label { 
 color: var(--clr-lBlue); 
 line-height: 32px; 
 font-size: 15px; 
} 
 
.job-form .comm-form p { 
 color: var(--clr-lBlue); 
 line-height: 32px; 
 font-size: 20px; 
} 
.job-form .form-field { 
 height: 56px; 
 padding: 16px 20px; 
 border: 1px solid var(--clr-lBlue); 
 border-radius: 12px; 
} 
.job-form .form-textarea-group .form-field { 
 height: 118px; 
} 
 
.job-form .button { 
 height: 52px; 
 width: fit-content; 
 font-weight: 500; 
 padding: 0 18px; 
 width: 100%; 
} 
 
.job-form .emailbtn { 
 background-color: var(--clr-white); 
 color: var(--clr-primary); 
 padding: 10px; 
 width: 100%; 
} 
 
.job-form .white-text:nth-child(1) { 
 font-size: 18px; 
} 
 
.job-form input[type="file"] { 
 -webkit-appearance: none; 
 direction: rtl; 
 top: 0px; 
 left: 0px; 
} 
 
.job-form input::file-selector-button { 
 color: var(--clr-primary); 
 padding: 5px; 
 border: thin solid var(--clr-lBlue); 
 border-radius: 5px; 
} 
 
/* .job-form .w100 { 
 width: 30%; 
} 
 
@media all and (max-width: 393px) { 
 .job-form .w100 { 
 width: 100%; 
 } 
} */ 
 
.tag-wrap { 
 display: flex; 
 align-items: center; 
 gap: 6px; 
} 
.tag-wrap h4 { 
 font-size: 14px; 
 border: 1px solid var(--clr-primary); 
 text-align: center; 
 padding: 8px 12px; 
 border-radius: 50px; 
 color: var(--clr-primary); 
} 
.para-small { 
 margin: 10px 0 18px; 
} 
.para-small p { 
 font-size: 14px; 
 line-height: 1.2; 
} 
/* study page css start 
======================================================================================== */ 
.study-hero { 
 background: url(../img/inner-hero-bg-2.png) center top no-repeat; 
 background-size: contain; 
} 
.study-hero .inner-hero-wrap { 
 height: 65vh; 
} 
.study-hero .inner-hero-right { 
 /* max-width: 610px; 
 max-height: 510px; */ 
 max-width: 480px; 
 max-height: 476px; 
 width: 100%; 
 height: auto; 
} 
.study-hero .inner-hero-right img { 
 width: 100%; 
 height: auto; 
 object-fit: fill; 
} 
.study-hero .inner-hero-left { 
 max-width: 700px; 
} 
.study-hero .inner-hero-left .comm-para { 
 margin-top: 40px; 
} 
.study-hero .inner-hero-left .comm-para p { 
 font-size: 16px; 
} 
.study-hero .hero-title-txt::before { 
 display: none; 
} 
/* 
.study-hero .inner-hero-right.inner-hero-right-sml { 
 max-width: 30%; 
 // max-width: 42%; 
 max-height: 400px; 
 
 img { 
 object-fit: contain; 
 } 
} */ 
.study-search-form { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 background: #fff; 
 border-radius: 12px; 
 padding: 8px 8px 8px 10px; 
 margin-top: 40px; 
 gap: 14px; 
 width: 80%; 
} 
.study-search-form .form-grp { 
 margin-top: 0px; 
 margin-bottom: 0px; 
} 
.study-search-form .form-field { 
 border-bottom: 0; 
 font-size: 14px; 
 height: 100%; 
} 
.study-search-form .button { 
 height: 44px; 
 line-height: 44px; 
 padding: 0 16px; 
} 
.study-search-form .select-field { 
 background: transparent url(../img/popup-dd-icon.svg) no-repeat right center; 
 background-position-x: 97%; 
 border: 0px solid #4d5566; 
 width: 100%; 
 height: 100%; 
 padding: 4px 30px 4px 10px; 
 border-radius: 12px; 
 color: var(--clr-lBlue); 
 outline: none; 
} 
.field-icon-wrap, 
.degreeselectbox-icon-wrap { 
 display: flex; 
 align-items: center; 
 gap: 14px; 
} 
.field-icon-wrap i, 
.degreeselectbox-icon-wrap i { 
 font-size: 22px; 
 color: var(--clr-primary); 
} 
.degreeselectbox-icon-wrap { 
 border-right: 1px solid var(--clr-lBlue); 
 padding-right: 14px; 
} 
.study-desc { 
 margin-top: 40px; 
} 
.study-desc li { 
 display: flex; 
 align-items: flex-start; 
 gap: 16px; 
 font-size: 24px; 
 color: var(--clr-secndry); 
 border-bottom: 1px solid var(--clr-lBlue); 
 padding: 30px 0; 
} 
.study-descrp-wrap { 
 flex: 1; 
} 
.desc-title { 
 font-size: 24px; 
 font-weight: 600; 
 line-height: 1.3; 
 margin: 10px 0 16px; 
 text-transform: capitalize; 
} 
.nocap { 
 text-transform: none !important; 
} 
 
.sec-dtl { 
 width: 100%; 
 max-width: 758px; 
 text-align: center; 
 margin: 10px auto 60px; 
} 
 
.courses-box-wrapper { 
 margin-top: 60px; 
} 
.courses-box-wrapper .f-row { 
 gap: 30px 0; 
} 
.univer-swiper { 
 overflow: visible; 
 margin-top: 60px; 
} 
.univer-swiper .swiper-wrapper { 
 padding-bottom: 30px; 
} 
.univer-swiper .swiper-slide { 
 background: transparent; 
 display: flex; 
 height: auto; 
} 
.univer-swiper .swiper-horizontal > .swiper-scrollbar, 
.univer-swiper .swiper-scrollbar.swiper-scrollbar-horizontal { 
 height: 1px; 
} 
.univer-swiper .swiper-scrollbar-drag { 
 background: var(--clr-primary); 
} 
.univer-box { 
 border-radius: 40px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(252deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 30px; 
 width: 100%; 
} 
.unvier-hdr { 
 display: flex; 
 align-items: center; 
 gap: 16px; 
 width: 100%; 
 border-bottom: 1px solid var(--clr-lBlue); 
 padding-bottom: 20px; 
 margin-bottom: 12px; 
} 
.univer-logo { 
 width: 64px; 
 height: 64px; 
} 
.univer-logo img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 border-radius: 10px; 
} 
.univer-name { 
 flex: 1; 
 font-size: 18px; 
 font-weight: 600; 
 line-height: 1.3; 
 text-align: left; 
} 
.univer-dtl-div { 
 display: flex; 
 align-items: flex-start; 
 gap: 24px; 
 margin-bottom: 16px; 
} 
.univer-dtl-div:last-child { 
 margin-bottom: 0; 
} 
.univer-dtl-div i { 
 font-size: 22px; 
 color: var(--clr-primary); 
 margin-top: 3px; 
} 
.univer-dtl-div .comm-para { 
 text-align: left; 
 flex: 1; 
} 
.univer-dtl-div .comm-para p { 
 display: flex; 
 flex-direction: column; 
} 
.univer-dtl-div .comm-para strong { 
 font-weight: 500; 
} 
.costofstudy-dtl-wrap { 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
} 
.costofstudy-dtl-left { 
 width: 30%; 
} 
.costofstudy-dtl-right { 
 width: 65%; 
} 
.fee-title { 
 border-radius: 10px; 
 border: 2px solid transparent; 
 background: linear-gradient(#e8edf4, #e8edf4) padding-box, 
 linear-gradient(192deg, #c6d3e3, #e8edf4, #c6d3e3) border-box; 
 padding: 9px 40px; 
 width: fit-content; 
 font-size: 18px; 
 font-weight: 600; 
 color: #4d5566; 
} 
.cost-wrap { 
 margin-bottom: 40px; 
} 
.fee-desc-wrap { 
 border-radius: 20px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(194deg, #c6d3e3, #e8edf4, #c6d3e3) border-box; 
 padding: 16px 40px; 
 width: 100%; 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
 margin-top: 16px; 
 text-transform: capitalize; 
} 
.fee-desc-wrap h3 { 
 font-size: 18px; 
 font-weight: 600; 
} 
.fee-desc-wrap p { 
 font-size: 18px; 
} 
.fee-desc-wrap .more-content { 
 width: 50%; 
} 
.fee-desc-wrap .more-content strong { 
 font-weight: 600; 
} 
.scholar-sec-wrap { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 
.sholar-left { 
 width: 65%; 
} 
.sholar-left .comm-para { 
 margin-top: 30px; 
} 
.sholar-left .comm-para p { 
 margin-bottom: 24px; 
} 
.sholar-left .comm-para a { 
 color: var(--clr-secndry); 
 text-decoration: none; 
 font-size: 18px; 
 display: flex; 
} 
.sholar-img { 
 max-width: 550px; 
 max-height: 436px; 
 width: 100%; 
 height: 100%; 
} 
.sholar-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
.moreabout-sec-wrap { 
 position: relative; 
 display: flex; 
 align-items: flex-start; 
 gap: 70px; 
 margin-top: 60px; 
} 
.moreabout-sections { 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(241deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 40px; 
 margin-bottom: 30px; 
} 
.moreabout-links { 
 position: sticky; 
 top: calc(var(--header-height) + 0px); 
 left: 0; 
 border-radius: 44px; 
 border: 0px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(185deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 8px; 
 display: flex; 
 flex-direction: column; 
 gap: 10px 0; 
 z-index: 99; 
 width: 25%; 
 margin-right: auto; 
 margin-left: auto; 
 overflow-y: auto; 
} 
.moreabout-links .section-name { 
 padding: 10px 40px; 
 position: relative; 
 background: transparent; 
 color: #4d5566; 
 border-radius: 50px; 
 margin: 0 5px; 
 display: flex; 
 align-items: center; 
 gap: 10px; 
} 
.moreabout-links .section-name i { 
 font-size: 24px; 
} 
.moreabout-links .section-name:hover, 
.moreabout-links .section-name.active { 
 color: #fff !important; 
 background: var(--clr-primary); 
} 
.moreabout-cont-wrap { 
 width: 65%; 
} 
.moreabout-dtl-title { 
 font-size: 24px; 
 font-weight: 600; 
 margin-bottom: 16px; 
} 
.moreabout-dtl-points { 
 margin-bottom: 40px; 
} 
.moreabout-dtl-points li { 
 color: #4d5566; 
 font-size: 18px; 
 display: flex; /* For UK List issue */ 
 /* text-transform: capitalize; */ 
} 
.moreabout-dtl-points li:before { 
 content: "·"; 
 font-size: 38px; 
 vertical-align: middle; 
 line-height: 20px; 
 padding-right: 10px; 
} 
.other-points li { 
 margin-bottom: 20px; 
} 
/* scholar page css start 
=========================================================================================== */ 
.inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 56vh; 
} 
.inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-width: 540px !important; 
 max-height: 410px; 
} 
/* contact page css start 
=========================================================================================== */ 
.contact-hdr-sec { 
 width: 70%; 
 margin: auto; 
} 
.contact-page-form { 
 background: url("../img/contact-form-bg.png") center no-repeat; 
 background-size: contain; 
 width: 100%; 
 height: 100%; 
 padding: 120px; 
} 
.contact-page-form .comm-form label { 
 color: #4d5566; 
 line-height: 32px; 
 font-size: 15px; 
} 
.contact-page-form .form-field { 
 height: 56px; 
 padding: 16px 20px; 
 border: 1px solid #4d5566; 
 color: #4d5566; 
 border-radius: 12px; 
} 
.contact-page-form .form-textarea-group .form-field { 
 height: 118px; 
} 
.contact-page-form .select-field { 
 background: transparent url(../img/popup-dd-icon.svg) no-repeat right center; 
 background-position-x: 95%; 
 border: 1px solid #4d5566; 
 width: 100%; 
 height: 56px; 
 padding: 16px 20px; 
 border-radius: 12px; 
 color: #4d5566; 
} 
.contact-page-form .button { 
 height: 52px; 
 width: fit-content; 
 font-weight: 500; 
 padding: 0 18px; 
} 
.contact-page-form .checkbox-box .chk-label:before { 
 border: 1.5px solid #4d5566; 
} 
.contact-page-form .submit-btn { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
} 
.locate-left { 
 max-width: 600px; 
 width: 100%; 
} 
.locate-left .comm-sec-hdn { 
 margin-bottom: 48px; 
} 
.locate-left i { 
 font-size: 32px; 
 color: #fff; 
} 
.choose-box-wrap { 
 height: 490px; 
 overflow-y: scroll; 
 padding-right: 16px; 
} 
.choose-box-wrap::-webkit-scrollbar-track { 
 background-color: var(--clr-secndry); 
 border-radius: 100px; 
} 
.choose-box-wrap::-webkit-scrollbar-thumb { 
 background: #fff; 
 border-radius: 8px; 
} 
.choose-box { 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: flex-start; 
 align-items: flex-start; 
 gap: 14px; 
 margin-bottom: 40px; 
 cursor: pointer; 
} 
.choose-box div { 
 width: 100%; 
} 
.choose-box .comm-para { 
 display: none; 
 margin-top: 16px; 
} 
.choose-box .comm-para p { 
 color: #fff; 
 margin-bottom: 20px; 
} 
.choose-box:last-child { 
 margin-bottom: 0; 
} 
.choose-box:last-child .comm-para { 
 margin-bottom: 0; 
} 
.choose-box.active .complete-line::after { 
 width: 100%; 
} 
.choose-box.active .choose-num, 
.choose-box.active .choose-hdn { 
 color: #fff; 
} 
.choose-num { 
 color: #fff; 
 font-size: 32px; 
 font-weight: 500; 
 line-height: 1.2; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.choose-hdn { 
 color: #fff; 
 font-size: 24px; 
 font-weight: 500; 
 line-height: 1.2; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.complete-line { 
 width: 100%; 
 height: 1px; 
 background: rgba(255, 255, 255, 0.6); 
 position: relative; 
 margin-top: 40px; 
} 
.complete-line::after { 
 content: ""; 
 width: 0; 
 height: 1px; 
 background: #fff; 
 position: absolute; 
 left: 0; 
 transition: all 0.6s ease-in-out; 
 -webkit-transition: all 0.6s ease-in-out; 
} 
.choose-img { 
 width: 100%; 
 height: 100%; 
} 
.choose-img img { 
 object-fit: cover; 
} 
.locate-right { 
 width: 600px; 
 height: 600px; 
} 
.locate-right img, 
.locate-right iframe { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
.locate-wrap { 
 display: flex; 
 justify-content: space-between; 
 position: relative; 
 margin-top: 60px; 
} 
.search-bar { 
 position: relative; 
 margin-bottom: 16px; 
 color: rgba(255, 255, 255, 0.5); 
} 
.search-bar::before { 
 content: ""; 
 background: url("../img/mapnav-icon.svg") center no-repeat; 
 height: 24px; 
 width: 16px; 
 position: absolute; 
 top: 18px; 
 left: 15px; 
} 
.search-bar input { 
 width: 100%; 
 height: 60px; 
 background: transparent; 
 border-radius: 10px; 
 padding: 14px 14px 14px 40px; 
 border: 1px solid #fff; 
 margin-bottom: 34px; 
 color: #fff; 
} 
.search-bar input:focus-visible { 
 outline: none; 
} 
.address-sec-wrap { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 color: #fff; 
} 
.loc-add { 
 width: 40%; 
} 
.loc-add .sec-title { 
 font-weight: 600; 
} 
.loc-add hr { 
 border-top: 1px solid #fff; 
 width: 36%; 
} 
.loc-add p { 
 font-weight: 300; 
} 
.add-subtitle { 
 font-size: 24px; 
 font-weight: 300; 
} 
.loc-contact { 
 display: inline-flex; 
 flex-direction: column; 
 /* gap: 16px; Space seemes exta */ 
 margin-top: 40px; 
} 
.loc-contact a { 
 font-weight: 300; 
 color: #fff; 
} 
.loc-contact a:hover { 
 color: var(--clr-lBlue); 
} 
 
.loc-gmap { 
 overflow: hidden; 
 max-width: 100%; 
 width: 598px; 
 height: 398px; 
 border-radius: 20px; 
} 
 
.loc-map-img { 
 max-width: 600px; 
 max-height: 600px; 
 width: 100%; 
 height: 100%; 
} 
.loc-map-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
 border-radius: 40px; 
} 
 
@media all and (max-width: 1440px) { 
 .loc-gmap { 
 width: 598px; 
 height: 398px; 
 } 
 
 .add-subtitle { 
 font-size: 14px; 
 font-weight: 300; 
 } 
} 
 
@media all and (max-width: 440px) { 
 .loc-gmap { 
 width: 598px; 
 height: 298px; 
 } 
} 
 
/* about page css start 
=============================================================================================== */ 
.corevalue-swiper-wrap { 
 margin-top: 40px; 
} 
.corevalue-swiper-wrap .swiper { 
 width: 100%; 
 height: 100%; 
} 
.corevalue-swiper-wrap .swiper-slide { 
 display: flex; 
 justify-content: flex-start; 
 align-items: flex-start; 
 height: auto; 
} 
.corevalue-swiper-wrap .swiper-slide img { 
 display: block; 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
} 
.value-btns-wrap { 
 position: relative; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 gap: 12px; 
 margin-top: 48px; 
} 
.value-btns-wrap .swiper-button-prev, 
.value-btns-wrap .swiper-button-next { 
 position: static; 
 width: fit-content; 
 height: 100%; 
 margin-top: 0px; 
} 
.value-btns-wrap .swiper-button-prev i, 
.value-btns-wrap .swiper-button-next i { 
 background: var(--clr-primary); 
 height: 48px; 
 width: 48px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: #fff; 
 border-radius: 12px; 
 font-size: 22px; 
} 
.value-btns-wrap .swiper-button-prev.swiper-button-disabled, 
.value-btns-wrap .swiper-button-next.swiper-button-disabled, 
.value-btns-wrap .swiper-button-prev.swiper-button-disabled, 
.value-btns-wrap .swiper-button-next.swiper-button-disabled { 
 opacity: 1; 
} 
.value-btns-wrap .swiper-button-prev.swiper-button-disabled i, 
.value-btns-wrap .swiper-button-next.swiper-button-disabled i, 
.value-btns-wrap .swiper-button-prev.swiper-button-disabled i, 
.value-btns-wrap .swiper-button-next.swiper-button-disabled i { 
 background: #fff; 
 border: 1px solid var(--clr-primary); 
 color: var(--clr-primary); 
} 
.value-btns-wrap .swiper-button-next:after, 
.value-btns-wrap .swiper-rtl .swiper-button-prev:after, 
.value-btns-wrap .swiper-button-prev:after, 
.value-btns-wrap .swiper-rtl .swiper-button-next:after { 
 content: ""; 
} 
 
/* Jounrey Swiper */ 
.value-btns-wrap .journeybtn-prev, 
.value-btns-wrap .journeybtn-next { 
 position: static; 
 width: fit-content; 
 height: 100%; 
 margin-top: 0px; 
} 
.value-btns-wrap .journeybtn-prev i, 
.value-btns-wrap .journeybtn-next i { 
 background: var(--clr-white); 
 height: 48px; 
 width: 48px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 color: var(--clr-primary); 
 border-radius: 12px; 
 font-size: 22px; 
} 
.value-btns-wrap .journeybtn-prev.swiper-button-disabled, 
.value-btns-wrap .journeybtn-next.swiper-button-disabled, 
.value-btns-wrap .journeybtn-prev.swiper-button-disabled, 
.value-btns-wrap .journeybtn-next.swiper-button-disabled { 
 opacity: 1; 
} 
.value-btns-wrap .journeybtn-prev.swiper-button-disabled i, 
.value-btns-wrap .journeybtn-next.swiper-button-disabled i, 
.value-btns-wrap .journeybtn-prev.swiper-button-disabled i, 
.value-btns-wrap .journeybtn-next.swiper-button-disabled i { 
 background: var(--clr-lBlue); 
 border: 1px solid var(--clr-primary); 
 color: var(--clr-primary); 
} 
.value-btns-wrap .journeybtn-next:after, 
.value-btns-wrap .swiper-rtl .journeybtn-prev:after, 
.value-btns-wrap .journeybtn-prev:after, 
.value-btns-wrap .swiper-rtl .journeybtn-next:after { 
 content: ""; 
} 
 
.value-box { 
 background: #e8edf4; 
 border-radius: 30px; 
 padding: 30px; 
 text-align: left; 
 height: 100%; 
} 
.value-box p { 
 font-size: 16px; 
 color: #4d5566; 
} 
.value-icon { 
 margin-bottom: 40px; 
} 
.value-icon i { 
 font-size: 60px; 
 color: var(--clr-primary); 
} 
.value-title { 
 font-size: 24px; 
 font-weight: 600; 
 color: var(--clr-primary); 
 margin-bottom: 8px; 
} 
 
/* Interview css start */ 
.int-sec-wrap { 
 margin-top: 55px; 
} 
.int-sec-wrap .f-col { 
 display: flex; 
 margin-bottom: 30px; 
} 
 
.int-box { 
 background: #e8edf4; 
 border-radius: 30px; 
 padding: 30px; 
 text-align: left; 
 height: 100%; 
} 
.int-box p { 
 font-size: 16px; 
 color: #4d5566; 
} 
 
.int-btn { 
 display: grid; 
} 
 
.int-cont { 
 display: grid; 
 /* width: 250px; fixed size */ 
} 
 
.int-title { 
 width: 100%; 
 height: 80px; 
 margin-bottom: 8px; 
} 
 
.int-title h3 { 
 font-size: 18px; 
 font-weight: 600; 
 color: var(--clr-primary); 
} 
 
.int-icon-date { 
 font-size: 18px; 
 color: var(--clr-primary); 
 font-family: "Poppins", sans-serif; 
 padding-top: 10px; 
 display: flex; 
} 
 
.int-icon-time { 
 font-size: 18px; 
 color: var(--clr-primary); 
 font-family: "Poppins", sans-serif; 
 display: flex; 
} 
 
.int-icon-country { 
 font-size: 18px; 
 color: var(--clr-primary); 
 font-family: "Poppins", sans-serif; 
 display: flex; 
 height: 25px; 
} 
 
.int-image { 
 border-radius: 10px; 
 height: auto; 
 width: 100%; 
 margin-bottom: 12px; 
 overflow: hidden; 
} 
 
.target { 
 scroll-margin-top: 75px; 
} 
/* Brochure css start */ 
.bro-sec-wrap { 
 margin: 55px 180px 0px; 
} 
.bro-sec-wrap .f-col { 
 display: flex; 
 margin-bottom: 30px; 
} 
 
.bro-box { 
 background: var(--clr-lBlue); 
 border-radius: 30px; 
 padding: 30px; 
 text-align: left; 
 height: 100%; 
} 
 
.bro-cont { 
 display: grid; 
 /* width: 250px; fixed size */ 
} 
 
.bro-title { 
 width: 100%; 
 height: 30px; 
 margin-bottom: 8px; 
 text-align: center; 
} 
 
.bro-title h3 { 
 font-size: 15px; 
 font-weight: 600; 
 color: var(--clr-primary); 
} 
 
.bro-image { 
 border-radius: 10px; 
 border: 2px solid var(--clr-primary); 
 height: auto; 
 width: 100%; 
 margin-bottom: 12px; 
 overflow: hidden; 
 
 box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, 
 rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; 
} 
 
.bro-btn { 
 display: grid; 
} 
 
.bro-btn .button { 
 font-size: 14px; 
 line-height: 30px; 
 padding: 0px 5px; 
} 
 
/* Brochure css end */ 
 
/* journey css start */ 
.journey-swiper-wrap { 
 margin-top: 50px; 
} 
.our-culture-section, 
.our-team-section, 
.our-journey-section { 
 overflow: hidden; 
} 
.our-journey-section { 
 position: relative; 
} 
.our-journey-section::after { 
 content: ""; 
 display: block; 
 position: absolute; 
 width: 100%; 
 height: 2px; 
 background: #fff; 
 top: calc(50% - 99px); 
} 
.swiper-culture { 
 overflow: visible; 
} 
.swiper-culture .swiper-wrapper { 
 transition-timing-function: linear; 
} 
.swiper-journey { 
 overflow: visible; 
} 
.swiper-journey .swiper-slide { 
 background: transparent; 
} 
.journey-box { 
 border-radius: 20px; 
 background: #fff; 
 padding: 20px; 
 min-height: 281px; 
 height: 100%; 
} 
.journey-box p { 
 font-size: 18px; 
 font-weight: 400; 
 line-height: 1.5; 
 text-align: left; 
} 
.journey-image { 
 border-radius: 10px; 
 height: 140px; 
 width: 100%; 
 margin-bottom: 12px; 
 overflow: hidden; 
} 
.journey-image img { 
 height: 100%; 
 width: 100%; 
 object-fit: cover; 
} 
.journey-year span { 
 display: block; 
 color: #fff; 
 text-align: center; 
 font-size: 24px; 
 font-style: normal; 
 font-weight: 700; 
 line-height: 30px; 
} 
.journey-year span::after { 
 content: ""; 
 width: 30px; 
 height: 30px; 
 display: block; 
 border-radius: 50%; 
 background: #fff; 
 margin: auto; 
 margin-top: 14px; 
} 
.journey-year::after { 
 content: ""; 
 width: 2px; 
 height: 62px; 
 display: block; 
 border-radius: 50%; 
 background: #fff; 
 margin: auto; 
} 
.founder-sec-wrap { 
 display: flex; 
 align-items: flex-start; 
 gap: 40px; 
 margin-top: 40px; 
} 
.founder-img { 
 width: 515px; 
 height: 500px; 
} 
.founder-img img:nth-child(0) { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 20px; 
} 
.founder-detail-wrapper { 
 flex: 1; 
 display: flex; 
 align-items: flex-start; 
 justify-content: space-between; 
 flex-direction: column; 
 gap: 130px 0; 
} 
.founder-name-desc-wrap { 
 display: flex; 
 align-items: flex-start; 
 gap: 30px; 
} 
.founder-name-desc-wrap h3 { 
 color: var(--clr-secndry); 
 font-size: 24px; 
 font-weight: 600; 
} 
.founder-name-desc-wrap h4 { 
 font-size: 16px; 
 color: #4d5566; 
} 
.linkedin-link { 
 border: 1px solid #82929a; 
 border-radius: 6px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 width: 45px; 
 height: 45px; 
 margin-top: 6px; 
} 
.team-big-img { 
 max-width: 910px; 
 max-height: 563px; 
 width: 100%; 
 height: 100%; 
 margin: 40px auto; 
} 
.team-big-img img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
.media-logo-wrap { 
 margin-top: 50px; 
} 
.media-logo-wrap .f-row { 
 justify-content: center; 
 align-items: center; 
} 
.media-logos { 
 display: flex; 
 width: 250px; 
 /* height: 149px;*/ 
 padding: 40px; 
 border-radius: 44px; 
 border: 2px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(226deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 margin: 0 0 40px; 
 /* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */ 
} 
 
.media-logos img { 
 width: 100%; 
 height: 100%; 
 object-fit: contain; 
} 
 
.media-grid { 
 display: grid; 
 justify-content: center; 
} 
/* header */ 
:root { 
 --menuWidth: 300px; 
} 
#header { 
 position: fixed; 
 top: 0; 
 left: 0; 
 width: 100%; 
 z-index: 999; 
} 
.head-right { 
 display: flex; 
 justify-content: space-between; 
 width: 77%; 
} 
.logo { 
 display: inline-block; 
 vertical-align: middle; 
 width: 121px; 
} 
.header-box .container { 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 height: var(--headerHeight); 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.drop { 
 position: relative; 
} 
.drop > a:after { 
 content: ""; 
 margin-left: 10px; 
 width: 12px; 
 height: 10px; 
 background: url(../img/menu-drop.svg) no-repeat center center / contain; 
 display: inline-block; 
 vertical-align: middle; 
 transition: 0.3s; 
} 
.drop ul { 
 position: absolute; 
 background-color: rgba(255, 255, 255, 0.6); 
 backdrop-filter: blur(10px); 
 -webkit-backdrop-filter: blur(10px); 
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); 
 border-radius: 10px; 
 top: 40px; 
 padding: 10px; 
 left: 55%; 
 width: 270px; 
 margin-left: -150px; 
 opacity: 0; 
 visibility: hidden; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.drop ul li { 
 padding: 0; 
} 
.drop ul li:last-of-type { 
 border-bottom: 0; 
} 
.drop ul li a { 
 display: block; 
 font-size: 14px; 
 padding: 8px 15px; 
 border-radius: 5px; 
 text-transform: capitalize; 
} 
.drop ul li a:hover { 
 background: #dfdfdf; 
 color: #1d438d; 
} 
.drop:hover ul { 
 opacity: 1; 
 visibility: visible; 
} 
.drop:hover ul li a { 
 color: #010101; 
} 
.drop:hover a { 
 color: #1d438d; 
} 
.drop:hover .drop-box a { 
 color: #010101; 
} 
.drop:hover > a:after { 
 transform: rotate(180deg); 
 transition: 0.3s; 
} 
.drop .drop-box { 
 position: relative; 
} 
.drop .drop-box > a:after { 
 content: ""; 
 width: 12px; 
 height: 10px; 
 background: url(../img/menu-drop.svg) no-repeat center center / contain; 
 display: inline-block; 
 vertical-align: middle; 
 transition: 0.3s; 
 position: absolute; 
 right: 6px; 
 top: 12px; 
 transform: rotate(-90deg); 
} 
.drop .drop-box ul { 
 position: absolute; 
 background-color: rgba(255, 255, 255, 0.9); 
 backdrop-filter: blur(20px); 
 -webkit-backdrop-filter: blur(20px); 
 box-shadow: 0 0 8px rgba(0, 0, 0, 0.11); 
 border-radius: 10px; 
 top: -10px; 
 padding: 10px; 
 left: 166%; 
 width: 270px; 
 margin-left: -150px; 
 opacity: 0; 
 visibility: hidden; 
 z-index: 999; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.drop .drop-box ul li { 
 padding: 0; 
} 
.drop .drop-box ul li:last-of-type { 
 border-bottom: 0; 
} 
.drop .drop-box ul li a { 
 display: block; 
 font-size: 14px; 
 padding: 8px 15px; 
 border-radius: 0px; 
 color: #010101; 
} 
.drop .drop-box:hover ul { 
 opacity: 1; 
 visibility: visible; 
} 
.drop .drop-box:hover ul li a { 
 background: transparent; 
 color: #010101; 
} 
.drop .drop-box:hover ul li a:hover { 
 color: #1d438d; 
 background: #eee; 
} 
.drop .drop-box:hover a { 
 background: #eee; 
 color: #1d438d; 
} 
.drop .drop-box:hover > a:after { 
 right: 1px; 
} 
.header-wrap { 
 display: flex; 
} 
.header-box { 
 display: flex; 
 height: var(--header-height); 
} 
.menuBtn { 
 display: flex; 
 align-items: center; 
} 
.header-list { 
 display: -webkit-flex; 
 display: -webkit-box; 
 display: -moz-flex; 
 display: -moz-box; 
 display: -ms-flexbox; 
 display: flex; 
 justify-content: flex-start; 
 align-items: center; 
} 
.header-list li { 
 padding: 7px 20px; 
} 
.header-list li a { 
 font-size: 16px; 
 color: #010101; 
 font-weight: 500; 
} 
.header-list li a:hover { 
 color: #1d438d; 
} 
.fixHeader { 
 background-color: #ffffff; 
 box-shadow: 0px 0px 20px rgba(19, 28, 162, 0.1); 
} 
.fixHeader .header-box .container { 
 height: var(--headerFixedHeight); 
} 
.menuBtn .button { 
 margin-left: 20px; 
 margin-right: 0px; 
} 
 
.menuBtn .whatsapp-btn { 
 background: none; 
 width: 4.2rem; 
 height: 100%; 
 margin: 0 0.8rem; 
 padding: 0 0.5rem; 
} 
 
.menuBtn .whatsapp-btn img { 
 width: 100%; 
 height: auto; 
} 
 
.menuBtn .whatsapp-btn:hover { 
 border: none; 
} 
/* side menu */ 
.menu { 
 display: none; 
 position: relative; 
} 
/* side menu */ 
.menu { 
 display: none; 
 position: relative; 
 margin-left: 16px; 
 z-index: 2; 
} 
.menuOverlay { 
 width: 100%; 
 height: 100%; 
 background: rgba(0, 0, 0, 0.7); 
 position: fixed; 
 top: 0; 
 left: 0; 
 opacity: 0; 
 visibility: hidden; 
 cursor: pointer; 
 transition: all 0.5s ease-in-out; 
 -webkit-transition: all 0.5s ease-in-out; 
} 
.mob-navigation li.nav-dropdown-open > ul { 
 display: block; 
} 
.menuOverlay.active { 
 opacity: 1; 
 visibility: visible; 
} 
.nav-wrapper { 
 position: fixed; 
 width: 300px; 
 height: 100vh; 
 -webkit-transition: -webkit-transform 0.3s; 
 transition: -webkit-transform 0.3s; 
 transition: transform 0.3s; 
 transition: transform 0.3s, -webkit-transform 0.3s; 
 -webkit-transform: translateX(100%); 
 transform: translateX(100%); 
 right: 0; 
 top: 0; 
 font-size: 14px; 
 display: none; 
} 
.nav-wrapper.show-menu { 
 -webkit-transform: none; 
 transform: none; 
} 
.js-nav-toggle { 
 width: 40px; 
 height: 40px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 padding: 0; 
 color: #000; 
 border: 0px solid #000; 
 position: absolute; 
 right: 0; 
 transition: all 0.2s ease-in-out; 
 -webkit-transition: all 0.2s ease-in-out; 
} 
.js-nav-toggle span { 
 position: relative; 
 background-color: #000; 
 height: 2px; 
 display: block; 
 width: 22px; 
 -webkit-transition: all 0.4s; 
 transition: all 0.4s; 
 -webkit-transition-delay: 0.3s; 
 transition-delay: 0.3s; 
} 
.js-nav-toggle span:before, 
.js-nav-toggle span:after { 
 content: ""; 
 position: absolute; 
 display: block; 
 width: 22px; 
 height: 2px; 
 background: #000; 
 left: 0; 
 top: 50%; 
 margin-top: -7px; 
 -webkit-transition: all 0.3s 0.3s; 
 transition: all 0.3s 0.3s; 
} 
.js-nav-toggle span:before { 
 margin-top: 5px; 
} 
.show-menu .js-nav-toggle { 
 z-index: 99999; 
} 
.show-menu .js-nav-toggle span:before, 
.show-menu .js-nav-toggle span:after { 
 background: #010101; 
} 
.show-menu .js-nav-toggle span { 
 background-color: transparent; 
} 
.show-menu .js-nav-toggle span:before { 
 -webkit-transform: rotate(-45deg); 
 transform: rotate(-45deg); 
} 
.show-menu .js-nav-toggle span:after { 
 -webkit-transform: rotate(45deg); 
 transform: rotate(45deg); 
} 
.show-menu .js-nav-toggle span:before, 
.show-menu .js-nav-toggle span:after { 
 margin-top: 0; 
} 
.mob-navigation { 
 position: absolute; 
 left: 0; 
 top: 0; 
 height: 100%; 
 width: 100%; 
 overflow-x: hidden; 
 overflow-y: auto; 
 box-shadow: 0 0 5px 0.2px rgba(255, 255, 255, 0.3); 
 background-color: #fff; 
} 
.mob-navigation .nav-toggle { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 padding: 16px; 
 background-color: transparent; 
 color: #010101; 
 z-index: 100; 
 cursor: pointer; 
 -webkit-transition: background-color 0.2s; 
 transition: background-color 0.2s; 
} 
.mob-navigation .nav-toggle:hover { 
 background-color: transparent; 
} 
.mob-navigation .nav-toggle.back-visible .nav-back { 
 opacity: 1; 
} 
.mob-navigation .nav-toggle.back-visible .nav-title { 
 -webkit-transform: translateX(30px); 
 transform: translateX(30px); 
} 
.mob-navigation .nav-title { 
 position: absolute; 
 left: 0; 
 top: 30px; 
 padding-left: 1.3em; 
 font-size: 16px; 
 -webkit-transition: -webkit-transform 0.3s; 
 transition: -webkit-transform 0.3s; 
 transition: transform 0.3s; 
 transition: transform 0.3s, -webkit-transform 0.3s; 
 color: #010101; 
} 
.mob-navigation .nav-back { 
 display: inline-block; 
 position: relative; 
 width: 22px; 
 height: 30px; 
 vertical-align: middle; 
 z-index: 1; 
 opacity: 0; 
 color: #010101; 
 -webkit-transition: opacity 0.2s; 
 transition: opacity 0.2s; 
 top: 12px; 
} 
.mob-navigation .nav-back:before, 
.mob-navigation .nav-back:after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
} 
.mob-navigation .nav-back:before { 
 left: 40%; 
 width: 9px; 
 height: 9px; 
 border: 2px solid currentcolor; 
 border-right-color: transparent; 
 border-bottom-color: transparent; 
 -webkit-transform: translate(-50%, -50%) rotateZ(-45deg); 
 transform: translate(-50%, -50%) rotateZ(-45deg); 
} 
.mob-navigation .nav-back:after { 
 left: 28%; 
 width: 15px; 
 height: 2px; 
 background-color: currentcolor; 
 margin-top: -1px; 
} 
.mob-navigation a { 
 display: block; 
 position: relative; 
 padding: 10px 16px; 
 border-bottom: 1px solid rgba(255, 255, 255, 0); 
 color: #010101; 
 text-decoration: none; 
 -webkit-transition: color 0.15s, background-color 0.15s; 
 transition: color 0.15s, background-color 0.15s; 
 font-size: 16px; 
} 
.mob-navigation a:hover { 
 color: #aaa; 
 background-color: var(--nblue); 
} 
.mob-navigation ul { 
 list-style: none; 
 padding: 80px 0 0; 
 -webkit-transition: -webkit-transform 0.3s; 
 transition: -webkit-transform 0.3s; 
 transition: transform 0.3s; 
 transition: transform 0.3s, -webkit-transform 0.3s; 
 background-color: #fff; 
 position: absolute; 
 left: 0; 
 top: 0; 
 height: 100%; 
 width: 100%; 
} 
.mob-navigation ul ul { 
 display: none; 
 left: 100%; 
} 
.mob-navigation li.has-dropdown > a { 
 padding-right: 2.5em; 
 white-space: nowrap; 
 text-overflow: ellipsis; 
 overflow: hidden; 
} 
.mob-navigation li.has-dropdown > a:after { 
 content: ""; 
 position: absolute; 
 top: 50%; 
 right: 1em; 
 width: 9px; 
 height: 9px; 
 border: 1px solid currentcolor; 
 border-left-color: transparent; 
 border-top-color: transparent; 
 -webkit-transform: translateY(-90%) rotateZ(-45deg); 
 transform: translateY(-90%) rotateZ(-45deg); 
 -webkit-transition: -webkit-transform 0.3s; 
 transition: -webkit-transform 0.3s; 
 transition: transform 0.3s; 
 transition: transform 0.3s, -webkit-transform 0.3s; 
 -webkit-transform-origin: 100%; 
 transform-origin: 100%; 
} 
.mob-navigation li.nav-dropdown-open > ul { 
 display: block; 
 height: 100%; 
} 
/* responsive start */ 
@media all and (max-width: 1440px) { 
 .drop:hover ul.country-drop { 
 overflow-y: auto; 
 height: 88vh; 
 } 
 .menuBtn .button { 
 margin-left: 0; 
 margin-right: 0; 
 } 
 .menuBtn .whatsapp-btn { 
 width: 3.8rem; 
 height: 100%; 
 margin: 0; 
 } 
} 
@media all and (max-width: 1366px) { 
 .head-right { 
 width: 78%; 
 } 
 .header-list li { 
 padding: 7px 12px; 
 } 
 .header-list li a { 
 font-size: 16px; 
 font-weight: 400; 
 } 
} 
@media all and (max-width: 1280px) { 
 .header-list li { 
 padding: 7px 12px; 
 } 
 .header-list li a { 
 font-size: 16px; 
 font-weight: 400; 
 } 
} 
@media all and (max-width: 1024px) { 
 .head-right { 
 width: auto; 
 } 
 .navigation { 
 display: none; 
 } 
 .nav-wrapper { 
 display: block; 
 } 
 .header-list { 
 display: none; 
 } 
 .menu { 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 
 .menuBtn .button { 
 margin-left: 20px; 
 margin-right: 36px; 
 } 
 .menuBtn .whatsapp-btn { 
 width: 5.8rem; 
 height: 100%; 
 margin: 0; 
 } 
} 
@media all and (max-width: 824px) { 
 .menuBtn .button { 
 margin-left: 20px; 
 margin-right: 0; 
 } 
 .menuBtn .whatsapp-btn { 
 width: 3.8rem; 
 height: auto; 
 margin: 20px; 
 } 
} 
 
@media all and (max-width: 480px) { 
 .logo { 
 width: 90px; 
 } 
 .menuBtn .button { 
 margin-left: 20px; 
 /* margin-right: 26px; */ 
 margin-right: 0; 
 height: 38px; 
 line-height: 38px; 
 padding: 0 14px; 
 font-size: 14px; 
 } 
 .menuBtn .whatsapp-btn { 
 padding-right: 10px; 
 padding-left: 5px; 
 margin-right: 10px; 
 margin-left: 5px; 
 background: none; 
 width: 3.5rem; 
 } 
} 
@media all and (max-width: 432px) { 
 .menuBtn .button { 
 margin-left: 20px; 
 /* margin-right: 26px; */ 
 margin-right: 0; 
 height: 38px; 
 line-height: 38px; 
 padding: 0 14px; 
 font-size: 14px; 
 } 
 
 .menuBtn .whatsapp-btn { 
 padding-right: 10px; 
 padding-left: 5px; 
 margin-right: 10px; 
 margin-left: 5px; 
 background: none; 
 width: 3.5rem; 
 } 
} 
 
@media all and (max-width: 393px) { 
 .menuBtn .whatsapp-btn { 
 padding-right: 0; 
 padding-left: 0; 
 margin-right: 10px; 
 margin-left: 5px; 
 background: none; 
 width: 2.5rem; 
 } 
} 
 
@media all and (max-width: 1780px) { 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
 
@media all and (max-width: 1680px) { 
 :root { 
 --header-height: 74px; 
 } 
 .logo { 
 width: 100px; 
 } 
 .steps-img { 
 top: 0; 
 bottom: 0; 
 } 
 .inner-hero-2 .inner-hero-wrap { 
 height: 70vh; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 474px; 
 max-height: 508px; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 62vh; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 80vh; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-width: 560px !important; 
 max-height: 470px; 
 } 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
@media all and (max-width: 1536px) { 
 /* test prep page css */ 
 .inner-hero-2 .inner-hero-wrap { 
 height: 88vh; 
 } 
 .study-hero .inner-hero-right { 
 max-width: 480px; 
 max-height: 354px; 
 } 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
@media all and (max-width: 1440px) { 
 .container { 
 max-width: 1280px; 
 } 
 .hero-title-txt { 
 font-size: 50px; 
 } 
 .comm-para p { 
 font-size: 16px; 
 text-align: justify; 
 } 
 
 .sholar-left li { 
 font-size: 16px; 
 text-align: justify; 
 } 
 
 .hero-right { 
 max-width: 580px; 
 max-height: 560px; 
 } 
 .sec-title { 
 font-size: 40px; 
 } 
 .steps-card .comm-card-hdn { 
 font-size: 26px; 
 } 
 .numbers { 
 font-size: 42px; 
 } 
 .slide-title { 
 font-size: 36px; 
 padding: 30px; 
 } 
 .course-name { 
 font-size: 24px; 
 } 
 .story-vdo { 
 width: 300px; 
 height: 290px; 
 } 
 .story-content p { 
 font-size: 22px; 
 } 
 /* test prep page css */ 
 .inner-hero-2 .inner-hero-wrap { 
 height: 66vh; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 454px; 
 max-height: 473px; 
 } 
 .blogs-title { 
 font-size: 20px; 
 } 
 .study-hero .inner-hero-right { 
 max-width: 520px; 
 max-height: 440px; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 66vh; 
 } 
} 
@media only screen and (max-width: 1440px) and (max-height: 768px) { 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 77vh; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 72vh; 
 } 
 
 .inner-hero-2 .inner-hero-wrap { 
 height: 95vh; 
 } 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
@media all and (max-width: 1368px) { 
 .container { 
 max-width: calc(100% - 120px); 
 } 
 .card-btn { 
 margin-top: 40px; 
 } 
 .story-vdo { 
 width: 100%; 
 } 
 .story-content p { 
 font-size: 20px; 
 } 
 
 .story-content-tp p { 
 font-size: 18px; 
 } 
 
 .home-hero { 
 margin-bottom: -56px; 
 } 
 .benefit-count { 
 font-size: 40px; 
 } 
 .benef-title { 
 font-size: 22px; 
 } 
 .hero-title-txt { 
 font-size: 46px; 
 } 
 .hero-title-txt br { 
 /* display: none; */ 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 384px; 
 max-height: 408px; 
 } 
 /* study abroad page css start */ 
 .study-hero .inner-hero-right { 
 max-width: 460px; 
 max-height: 400px; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-width: 460px !important; 
 max-height: 410px; 
 } 
 .inner-hero-title-txt { 
 font-size: 38px; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 46px; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 66vh; 
 } 
 .locate-left, 
 .locate-right { 
 max-width: 560px; 
 } 
 
 .int-btn .button { 
 font-size: 12px; 
 padding: 0px 5px; 
 } 
} 
@media only screen and (max-width: 1368px) and (height: 900px) { 
 /* test prep page css */ 
 .inner-hero-2 .inner-hero-wrap { 
 height: 62vh; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 434px; 
 max-height: 448px; 
 } 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
@media only screen and (max-width: 1368px) and (height: 768px) { 
 /* test prep page css */ 
 .inner-hero-2 .inner-hero-wrap { 
 height: 72vh; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 434px; 
 max-height: 448px; 
 } 
 .hero-title-txt { 
 font-size: 46px; 
 } 
 .hero-title-txt br { 
 /* display: none; */ /* Display hidden because Title needs break */ 
 } 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
 
@media only screen and (max-width: 1368px) and (height: 625px) { 
 .inner-hero-2 .inner-hero-wrap { 
 height: 72vh; 
 margin-top: 50px; 
 } 
} 
@media all and (max-width: 1280px) { 
 .comm-section { 
 padding: 40px 0; 
 } 
 .sec-title { 
 font-size: 34px; 
 } 
 .top-margin { 
 margin-top: 60px; 
 } 
 .trusted-sec-wrapper { 
 height: 60vh; 
 } 
 .trusted-right { 
 top: 0%; 
 } 
 .inner-hero-2 .inner-hero-wrap { 
 height: 69vh; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 380px; 
 max-height: 385px; 
 } 
 .prep-corse-content { 
 padding: 30px; 
 } 
 .center-btn { 
 margin-top: 40px; 
 } 
 .course-img { 
 max-height: 240px; 
 } 
 .adm-step-title { 
 font-size: 28px; 
 } 
 /* study abroad pages css */ 
 .highlighter::after { 
 height: 8.5px; 
 bottom: 0px; 
 } 
 .count-nums { 
 font-size: 40px; 
 } 
 .desc-title, 
 .moreabout-dtl-title { 
 font-size: 22px; 
 } 
 .pb-space { 
 padding-bottom: 60px !important; 
 } 
 .study-search-form { 
 width: 91%; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 66vh; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-height: 405px; 
 max-width: 490px !important; 
 margin-right: 30px; 
 } 
 .study-hero .inner-hero-left { 
 max-width: 570px; 
 } 
 .inner-hero-2 .inner-hero-left { 
 max-width: 550px; 
 } 
 .locate-left, 
 .locate-right { 
 max-width: 520px; 
 } 
 /* about page css start */ 
 .inner-hero-2 .about-hero-wrap { 
 height: 72vh; 
 } 
 .inner-hero-2 .about-hero-wrap .inner-hero-left { 
 max-width: 440px; 
 } 
 .founder-detail-wrapper { 
 gap: 80px 0; 
 } 
 .cost-wrap:last-child { 
 margin-bottom: 0; 
 } 
 .moreabout-sec-wrap { 
 margin-top: 40px; 
 } 
 .steps-card { 
 padding: 30px; 
 } 
 .steps-card .comm-card-hdn { 
 font-size: 22px; 
 } 
 .steps-main-wrapper { 
 margin-top: 40px; 
 } 
 
 .int-btn .button { 
 font-size: 12px; 
 } 
 
 .bro-sec-wrap { 
 margin: 55px 100px 0px; 
 } 
} 
@media only screen and (max-width: 1280px) and (height: 625px) { 
 .inner-hero-2 .inner-hero-wrap { 
 height: 78vh; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 380px; 
 max-height: 392px; 
 } 
 .adm-step-title { 
 font-size: 26px; 
 } 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
@media all and (max-width: 1200px) { 
 .course-img { 
 max-height: 210px; 
 } 
 .container-small { 
 max-width: calc(100% - 120px); 
 } 
 .inner-hero-2 .inner-hero-wrap { 
 height: 64vh; 
 } 
 .study-hero .inner-hero-right { 
 max-width: 390px; 
 max-height: 370px; 
 } 
 .adm-proc-steps:last-child { 
 margin-bottom: 0; 
 } 
 .btm-bnr { 
 gap: 0 70px; 
 } 
 .btm-bnr-img { 
 width: 441px; 
 height: 495px; 
 } 
 .btm-bnr-content { 
 padding: 46px 0; 
 max-width: 345px; 
 } 
 .unv-list-left { 
 width: 22%; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 42px; 
 } 
 .counter-wrap { 
 padding: 46px; 
 } 
 .moreabout-dtl-points li { 
 font-size: 16px; 
 } 
 .fee-desc-wrap { 
 flex-direction: column; 
 gap: 12px; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-height: 366px; 
 max-width: 470px !important; 
 } 
 .locate-left, 
 .locate-right { 
 max-width: 480px; 
 } 
 .locate-right { 
 width: 100%; 
 } 
 .founder-img { 
 width: 515px; 
 height: 540px; 
 } 
 .int-btn .button { 
 font-size: 12px; 
 } 
} 
 
@media all and (max-width: 1178px) { 
 .int-btn .button { 
 font-size: 10px; 
 } 
 .int-title { 
 height: 100px; 
 } 
} 
@media all and (max-width: 1024px) { 
 .container-small { 
 max-width: calc(100% - 120px); 
 } 
 .main-container { 
 padding-top: calc(var(--header-height) + 50px); 
 } 
 .comm-section { 
 padding: 50px 0; 
 } 
 .home-hero { 
 margin-bottom: 0; 
 } 
 .hero-title-txt { 
 font-size: 34px; 
 } 
 .hero-btns { 
 flex-direction: column; 
 } 
 .hero-btns .button { 
 width: 100%; 
 } 
 .hero-left .comm-para { 
 margin: 26px 0 30px; 
 } 
 .hero-right { 
 max-width: 440px; 
 max-height: 380px; 
 margin-top: 75px; 
 } 
 .team-reach-sec-wrap { 
 flex-direction: column; 
 } 
 .team-reach-img { 
 width: 100%; 
 height: 490px; 
 } 
 .team-reach-img { 
 width: 100%; 
 height: 490px; 
 margin-bottom: 40px; 
 } 
 .steps-img { 
 top: 10%; 
 bottom: auto; 
 } 
 .steps-main-wrapper { 
 gap: 20px; 
 } 
 .trusted-sec-wrapper { 
 height: 29vh; 
 } 
 .sec-title { 
 font-size: 32px; 
 } 
 .dest-img { 
 width: 100%; 
 height: 180px; 
 } 
 .destination-sec-wrap { 
 height: 44vh; 
 } 
 .dest-content { 
 padding: 140px 0; 
 } 
 .story-content p { 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 6; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 } 
 .btm-bnr { 
 flex-direction: column-reverse; 
 } 
 .btm-bnr-content { 
 max-width: 100%; 
 } 
 
 .ftr-sec-wrap { 
 flex-direction: column; 
 padding: 0; 
 } 
 .footer-top form { 
 width: 44%; 
 } 
 .btm-bnr { 
 text-align: center; 
 } 
 .blogs-dtl { 
 height: 43%; 
 } 
 /* test prep page css */ 
 .inner-hero-left .comm-para { 
 margin: 26px 0 0px; 
 } 
 .benefit-img-wrap { 
 width: 46%; 
 } 
 .benefit-box { 
 padding: 40px; 
 } 
 .prep-cors-title { 
 font-size: 22px; 
 } 
 /* study abroad page css */ 
 .inner-hero-right { 
 max-width: 364px; 
 max-height: 338px; 
 } 
 .inner-hero-left { 
 max-width: 420px; 
 width: 100%; 
 } 
 .study-hero-btn { 
 margin: 20px 0 30px; 
 } 
 .count-nums { 
 font-size: 36px; 
 } 
 .counter-wrap { 
 padding: 46px 50px; 
 } 
 .cntry-title { 
 font-size: 26px; 
 } 
 .student-sec-wrap .f-col { 
 margin-bottom: 30px; 
 } 
 .count-title { 
 font-size: 16px; 
 } 
 .inner-hero-title-txt { 
 font-size: 33px; 
 } 
 /* blog page css */ 
 .blogs-hdr-sec { 
 flex-direction: column; 
 gap: 30px; 
 } 
 /* career conusel page css */ 
 .book-counseller-form { 
 margin-top: 30px; 
 } 
 .study-search-form { 
 width: 100%; 
 } 
 .blog-hdr-left { 
 width: 80%; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-height: 296px; 
 max-width: 370px !important; 
 } 
 /* contact page css start */ 
 .locate-wrap { 
 flex-direction: column-reverse; 
 gap: 50px; 
 } 
 .locate-left, 
 .locate-right { 
 max-width: 100%; 
 } 
 .lacation-main-div { 
 margin-bottom: 120px; 
 } 
 .choose-hdn { 
 font-size: 22px; 
 } 
 .address-sec-wrap { 
 gap: 70px; 
 } 
 /* about page css */ 
 .founder-sec-wrap { 
 flex-direction: column; 
 } 
 .founder-detail-wrapper { 
 gap: 50px 0; 
 } 
 .media-logos { 
 width: 100%; 
 } 
 
 .int-btn .button { 
 font-size: 13px; 
 } 
 .int-title { 
 width: 300px; 
 } 
} 
@media only screen and (max-width: 1024px) and (max-height: 1366px) { 
 .inner-hero-2 .inner-hero-wrap { 
 height: 26.4vh; 
 } 
 .inner-hero-2 .adm-guid-hero-wrap { 
 height: 30vh; 
 } 
 .inner-hero-2 .adm-guid-hero-wrap .inner-hero-right { 
 max-width: 320px; 
 max-height: 326px; 
 } 
 .study-hero .inner-hero-wrap, 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 32vh; 
 } 
 .study-hero .inner-hero-right, 
 .inner-hero-2 .inner-hero-right { 
 max-width: 340px; 
 max-height: 340px; 
 } 
 .study-hero { 
 padding-top: 10px; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 36px; 
 } 
 .course-img { 
 max-height: 250px; 
 } 
 .inner-hero-2 .inner-hero-left { 
 max-width: 410px; 
 } 
 
 .blog-search-form .select-field { 
 width: 172px; 
 } 
 .blog-search-form .select-field:nth-child(3) { 
 width: 282px; 
 } 
 
 .int-sec-wrap .f-col { 
 padding: 0 50px; 
 } 
 .int-title h3 { 
 font-size: 22px; 
 } 
 .comm-para p { 
 font-size: 18px; 
 text-align: left; 
 /* text-align: justify; */ 
 } 
 
 .sholar-left li { 
 font-size: 18px; 
 text-align: justify; 
 } 
 
 .int-btn .button { 
 font-size: 20px; 
 } 
} 
@media only screen and (max-width: 1024px) and (max-height: 768px) { 
 .main-container { 
 padding-top: calc(var(--header-height) + 0px); 
 } 
 .inner-hero-2 .inner-hero-wrap { 
 height: 48vh; 
 } 
 .inner-hero-2 .adminsion-hero-left { 
 max-width: 420px; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 280px; 
 max-height: 290px; 
 } 
 .adm-step-title { 
 font-size: 22px; 
 } 
 .inner-hero-2 .inner-hero-left.whatwedo-hero-left { 
 max-width: 480px; 
 } 
 .inner-hero-2 .inner-hero-right.whatwedo-hero-right { 
 margin-right: 0; 
 max-width: 290px; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 55vh; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 49vh; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 34px; 
 } 
 .trusted-sec-wrapper { 
 height: 53vh; 
 } 
 .rgt-sld-img { 
 max-height: 286px; 
 } 
 .sec-title { 
 font-size: 32px; 
 } 
 .dest-img { 
 width: 100%; 
 height: 180px; 
 } 
 .destination-sec-wrap { 
 height: 76vh; 
 } 
 .adm-proc-step-number .adm-stp-num-wrap { 
 width: 43px; 
 } 
 .adm-proc-step-number .adm-stp-num-wrap .adm-stp-num p { 
 height: 43px; 
 } 
 /* .f-1024-2 .f-col { 
 width: 50%; 
 } */ 
} 
@media all and (max-width: 990px) { 
 .container-tiny { 
 max-width: calc(100% - 120px); 
 } 
 .hero-right { 
 max-width: 420px; 
 max-height: 365px; 
 } 
 .hero-title-txt { 
 font-size: 32px; 
 } 
 .trusted-sec-wrapper { 
 height: 60vh; 
 } 
 .top-margin { 
 margin-top: 70px; 
 } 
 .destination-sec-wrap { 
 height: 80vh; 
 } 
 .dest-content { 
 padding: 110px 0; 
 } 
 .dest-img-right { 
 margin-top: -360px; 
 margin-right: 0px; 
 } 
 .dest-img-left { 
 margin-bottom: -360px; 
 } 
 .sec-title { 
 font-size: 30px; 
 } 
 .test-sec-blue-hdr { 
 font-size: 20px; 
 } 
 .test-table { 
 width: 1000px; 
 } 
 .accordion li a.toggle { 
 font-size: 20px; 
 } 
 .blogs-title { 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 } 
 /* test prep page css start */ 
 .inner-hero-2 .inner-hero-wrap { 
 height: 55.5vh; 
 } 
 .benefit-hdr { 
 width: 65%; 
 } 
 .visa-ass-dtl { 
 gap: 56px; 
 } 
 .visa-asst-img { 
 max-width: 432px; 
 max-height: 385px; 
 } 
 .unv-list-left { 
 width: 30%; 
 } 
 .inner-hero-2 .univ-hero-left { 
 max-width: 430px; 
 } 
 /* study abroad page css */ 
 .study-hero .inner-hero-wrap { 
 height: 64vh; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 58vh; 
 } 
 .deram-sec-dtl { 
 margin: 10px auto 30px; 
 } 
 .field-icon-wrap i, 
 .degreeselectbox-icon-wrap i { 
 font-size: 18px; 
 } 
 .field-icon-wrap, 
 .degreeselectbox-icon-wrap { 
 gap: 6px; 
 } 
 .center-btn { 
 margin-top: 20px; 
 } 
 .counter-wrap { 
 padding: 34px 34px; 
 } 
 .count-nums { 
 font-size: 32px; 
 } 
 .moreabout-sections { 
 border-radius: 34px; 
 padding: 30px; 
 } 
 .moreabout-links .section-name { 
 padding: 10px 20px; 
 } 
 .contact-page-form { 
 background-size: cover; 
 padding: 0; 
 } 
 /* about page css start */ 
 .inner-hero-2 .about-hero-wrap .inner-hero-left { 
 max-width: 350px; 
 } 
 .inner-hero-2 .about-hero-wrap .inner-hero-left br { 
 display: block; 
 } 
 
 .job-btns .button.line { 
 font-size: 15px; 
 padding: 0 10px; 
 } 
 .int-btn .button { 
 font-size: 13px; 
 } 
 .int-title { 
 width: 100%; 
 } 
} 
@media all and (max-width: 960px) { 
 .hero-right { 
 max-height: 353px; 
 margin-top: 50px; 
 } 
 .hero-title-txt { 
 font-size: 28px; 
 } 
 .steps-card .comm-card-hdn { 
 font-size: 22px; 
 } 
 .sec-title { 
 font-size: 28px; 
 } 
 .course-country p { 
 font-size: 16px; 
 } 
 .course-name { 
 font-size: 20px; 
 } 
 .uni-visit-form { 
 flex-direction: column; 
 } 
 /* .prep-cors-title { 
 .ellipsisV(1); 
 } */ 
 .int-btn .button { 
 font-size: 16px; 
 } 
 .int-sec-wrap .f-col { 
 padding: 0 30px; 
 } 
} 
@media all and (max-width: 834px) { 
 .comm-section { 
 padding: 40px 0; 
 } 
 .home-hero { 
 margin-bottom: 32px; 
 flex-direction: column-reverse; 
 gap: 40px; 
 } 
 .steps-main-wrapper { 
 flex-direction: column-reverse; 
 margin-top: 20px; 
 } 
 .steps-card { 
 position: relative; 
 } 
 .steps-img { 
 position: relative; 
 margin-top: -50px; 
 } 
 /* .steps-card:last-child { 
 display: none; 
 } */ 
 .trusted-sec-wrapper { 
 height: 34vh; 
 } 
 .trusted-left { 
 width: 100%; 
 } 
 .trusted-left .card-btn { 
 margin-top: 30px; 
 } 
 .trusted-sec-wrapper { 
 height: 100%; 
 margin-bottom: 40px; 
 } 
 .trusted-right { 
 width: 100%; 
 position: relative; 
 padding: 0 60px; 
 } 
 .destination-sec-wrap { 
 height: 50vh; 
 } 
 .dest-img { 
 height: 140px; 
 } 
 .course-slider-wrap .courseSwiper { 
 margin-bottom: 40px; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(204deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 } 
 .course-slider-wrap .swiper { 
 width: 100%; 
 } 
 .blogs-title { 
 font-size: 20px; 
 } 
 .story-slide { 
 gap: 40px; 
 } 
 .header-titlewithnav { 
 margin-bottom: 70px; 
 } 
 .header-titlewithnav-video { 
 margin-bottom: 10px; 
 } 
 .footer-top, 
 .footer-btm { 
 flex-direction: column; 
 gap: 10px; 
 } 
 .footer-top .sec-title { 
 width: 100%; 
 font-size: 26px; 
 } 
 .footer-top form { 
 width: 70%; 
 margin-top: 40px; 
 } 
 .hero-right { 
 margin-top: 0; 
 } 
 .dest-img-right { 
 margin-top: -220px; 
 } 
 .dest-img-left { 
 margin-bottom: -220px; 
 } 
 .slide-title { 
 height: 150px; 
 } 
 /* test prep pages css */ 
 .test-cont-dtl-wrap { 
 flex-direction: column; 
 } 
 .test-cont-div { 
 width: 90%; 
 } 
 .inner-hero-2 .inner-hero-wrap { 
 height: 30.5vh; 
 gap: 70px; 
 } 
 .benefit-box { 
 padding: 30px; 
 } 
 .benef-title { 
 font-size: 20px; 
 } 
 /* .inner-hero-2 { 
 height: 340px; 
 } */ 
 .why-left { 
 width: 49%; 
 } 
 .counter-wrap .f-col { 
 margin-bottom: 30px; 
 } 
 .counter-wrap .f-col:nth-child(2) { 
 border: 0; 
 } 
 .counter-wrap { 
 padding: 46px 70px 26px; 
 } 
 .dotted-line { 
 top: 4%; 
 height: 90%; 
 } 
 .adm-step-title { 
 font-size: 22px; 
 } 
 .adm-proc-step-left, 
 .adm-proc-step-right { 
 width: 42.2%; 
 } 
 .visa-asst-img { 
 max-width: 332px; 
 max-height: 265px; 
 } 
 .visa-asst-cont h3 { 
 font-size: 20px; 
 } 
 .visa-asst-cont p { 
 font-size: 16px; 
 } 
 .sectio-line-sepr { 
 height: 332px; 
 } 
 
 .uni-visit-form .select-field .form-field { 
 width: 272px; 
 } 
 /* blogs page css */ 
 .blog-search-form .select-field { 
 width: 122px; 
 } 
 .blog-search-form .select-field:nth-child(3) { 
 width: 182px; 
 } 
 
 .whatwedo-cont-row, 
 .whatwedo-cont-row.rowr { 
 flex-direction: column-reverse; 
 } 
 .whatwedo-cont-row { 
 gap: 40px; 
 } 
 .whatwedo-img { 
 max-width: 100%; 
 max-height: 100%; 
 } 
 .whatwedo-cont { 
 width: 100%; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 48vh; 
 flex-direction: column-reverse; 
 gap: 30px 0; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 45vh; 
 flex-direction: column-reverse; 
 gap: 50px 0; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 28px; 
 } 
 .study-hero .inner-hero-right, 
 .inner-hero-2 .inner-hero-right { 
 max-width: 360px; 
 max-height: 360px; 
 } 
 .inner-hero-2 .inner-hero-left, 
 .study-hero .inner-hero-left { 
 max-width: 100%; 
 } 
 .degreeselectbox-icon-wrap { 
 border: 0; 
 } 
 .costofstudy-dtl-wrap, 
 .moreabout-sec-wrap { 
 flex-direction: column; 
 gap: 40px 0; 
 } 
 .costofstudy-dtl-right, 
 .costofstudy-dtl-left, 
 .sholar-left { 
 width: 100%; 
 } 
 .scholar-sec-wrap { 
 flex-direction: column-reverse; 
 gap: 40px 0; 
 } 
 .sholar-img { 
 max-width: 590px; 
 } 
 .moreabout-links { 
 display: none; 
 } 
 .moreabout-cont-wrap { 
 width: 100%; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-height: 410px; 
 max-width: 450px !important; 
 } 
 .address-sec-wrap { 
 gap: 70px; 
 flex-direction: column-reverse; 
 } 
 .loc-map-img { 
 max-width: 100%; 
 max-height: 100%; 
 } 
 .loc-add { 
 width: 100%; 
 } 
 .contact-hdr-sec { 
 width: 100%; 
 margin-bottom: 20px; 
 } 
 .media-logos { 
 padding: 20px; 
 } 
 .dotted-line { 
 left: 50.9%; 
 } 
 .top-margin { 
 margin-top: 40px; 
 } 
 .course-slider-wrap { 
 margin-top: 40px; 
 } 
 .address-sec-wrap { 
 gap: 30px; 
 } 
 .benefit-content-wrap { 
 flex-direction: column; 
 margin-top: 20px; 
 } 
 .benefit-img-wrap, 
 .benefit-content { 
 width: 100%; 
 } 
 
 .bro-sec-wrap { 
 margin: 55px 25px 0px; 
 } 
} 
@media all and (max-width: 800px) { 
 .inner-hero-2 .inner-hero-wrap { 
 height: 23vh; 
 gap: 40px; 
 } 
 .inner-hero-left { 
 max-width: 350px; 
 width: 100%; 
 } 
 .inner-hero-right { 
 max-width: 280px; 
 max-height: 228px; 
 } 
 .why-sec-wrap { 
 flex-direction: column-reverse; 
 } 
 .why-right { 
 width: 90%; 
 } 
 .why-left { 
 width: 100%; 
 margin-top: 60px; 
 } 
 .course-dtl { 
 padding: 16px 24px 24px 24px; 
 } 
 .counter-wrap .f-col { 
 text-align: center; 
 } 
 .counter-wrap .f-col:first-child { 
 padding-left: 15px; 
 } 
 
 .uni-visit-form { 
 flex-direction: column; 
 } 
 .uni-visit-form .select-field .form-field { 
 width: 272px; 
 } 
 .blog-search-form .select-field .form-field { 
 width: 258px; 
 } 
} 
@media all and (max-width: 768px) { 
 .container, 
 .container-tiny { 
 max-width: calc(100% - 90px); 
 } 
 .home-hero { 
 gap: 10px; 
 } 
 .hero-title-txt::before { 
 top: -33px; 
 } 
 .hero-right { 
 max-width: 90%; 
 max-height: 100%; 
 } 
 .team-reach-img img { 
 border-radius: 26px; 
 /* object-fit: cover; */ 
 } 
 .highlighter::after { 
 background-size: 100% 68%; 
 height: 15.5px; 
 bottom: -14px; 
 left: 0px; 
 } 
 .sec-title { 
 font-size: 26px; 
 } 
 .course-slider-wrap .swiper { 
 margin-bottom: 20px; 
 } 
 .js-nav-toggle { 
 width: 24px; 
 } 
 .blogs-dtl { 
 height: auto; 
 } 
 .blogs-sec-wrap { 
 margin-top: 40px; 
 } 
 
 .int-sec-wrap { 
 margin-top: 40px; 
 } 
 .header-titlewithnav { 
 justify-content: center; 
 margin-bottom: 80px; 
 flex-direction: column; 
 gap: 60px; 
 } 
 
 .header-titlewithnav-video { 
 justify-content: center; 
 margin-bottom: 20px; 
 flex-direction: column; 
 gap: 20px; 
 } 
 .story-vdo { 
 width: 100%; 
 height: 100%; 
 } 
 .story-content p { 
 font-size: 18px; 
 } 
 
 .story-content-tp p { 
 font-size: 15px; 
 } 
 .rgt-sld-img { 
 max-height: 72%; 
 } 
 .footer-link-wrap .f-col { 
 margin-bottom: 30px; 
 } 
 .course-img { 
 max-height: 100%; 
 } 
 .course-slider-wrap .courseSwiper { 
 padding: 8px; 
 } 
 .dest-content { 
 padding: 100px 0; 
 width: 54%; 
 } 
 /* test prep css start */ 
 .breadcrumb { 
 margin: 0px 0 40px; 
 } 
 .inner-hero-2 { 
 height: 100%; 
 } 
 .prep-hdr p { 
 width: 100%; 
 } 
 .student-sec-wrap .course-img { 
 max-height: 66%; 
 } 
 .inner-hero-2 .inner-hero-wrap { 
 height: 25vh; 
 gap: 40px; 
 } 
 .adm-proc-step-number { 
 width: 7%; 
 } 
 .adm-step-title { 
 font-size: 20px; 
 } 
 .adm-proc-steps, 
 .adm-proc-steps:nth-child(odd) { 
 flex-direction: column-reverse; 
 gap: 30px; 
 } 
 .adm-proc-step-number, 
 .adm-proc-step-left, 
 .adm-proc-step-right { 
 width: 100%; 
 } 
 .adm-proc-steps { 
 margin-bottom: 80px; 
 } 
 .adm-img { 
 max-width: 100%; 
 max-height: 100%; 
 } 
 .dotted-line { 
 display: none; 
 } 
 .visa-ass-dtl { 
 flex-direction: column; 
 } 
 .visa-ass-dtl.row-reverse { 
 flex-direction: column; 
 } 
 .visa-ass-dtl { 
 gap: 30px; 
 } 
 .visa-asst-img { 
 max-width: 100%; 
 max-height: 100%; 
 } 
 .sectio-line-sepr { 
 height: 260px; 
 } 
 .last-seprtr { 
 margin-top: -40px; 
 width: 55%; 
 } 
 .blog-hdr-left { 
 width: 100%; 
 } 
 .apt-dtls { 
 left: 30px; 
 } 
 .apt-test-slider-box { 
 height: 465px; 
 } 
 .report-list li { 
 font-size: 18px; 
 } 
 /* careeer counsel page css */ 
 .process-box { 
 padding: 20px; 
 } 
 .process-sec-wrap .f-col { 
 margin-bottom: 30px; 
 } 
 /* univ flow page css */ 
 .univ-list-sec-wrap { 
 flex-direction: column; 
 } 
 .unv-list-left { 
 width: 100%; 
 overflow-y: auto; 
 } 
 .unv-list-left ul { 
 display: flex; 
 width: 640px; 
 } 
 .unv-list-right { 
 width: 100%; 
 } 
 /* student servies css start */ 
 .prep-cors-img { 
 max-height: 178px; 
 } 
 .prep-corse-content { 
 padding: 24px 22px; 
 } 
 .form-grp, 
 .form-textarea-group { 
 margin-bottom: 12px; 
 } 
 .footer-wrap { 
 padding-top: 60px; 
 } 
 .study-hero .inner-hero-wrap, 
 .inner-hero-2 .inner-hero-wrap { 
 height: 48.4vh; 
 flex-direction: column-reverse; 
 gap: 30px 0; 
 margin-top: 20px; 
 } 
 .study-hero { 
 padding-top: 0px; 
 } 
 .inner-hero-2 .inner-hero-right { 
 margin-right: 0px; 
 } 
 
 /*Popup form */ 
 .question { 
 font-size: 20px; 
 } 
 .process-text { 
 font-size: 14px; 
 } 
 .summ-course-hdr { 
 font-size: 18px; 
 } 
 .dtl-cont-wrap p { 
 font-size: 15px; 
 } 
 
 .job-btns .button.line { 
 font-size: 14px; 
 } 
 
 .int-sec-wrap .f-col { 
 padding: 0 20px; 
 } 
 
 .int-title h3 { 
 font-size: 18px; 
 } 
 
 .int-btn .button { 
 font-size: 15px; 
 } 
 
 .tag-wrap h4 { 
 font-size: 10px; 
 } 
 
 .bro-sec-wrap { 
 margin: 20px 40px 0px; 
 } 
 
 .bro-title h3 { 
 font-size: 16px; 
 } 
} 
@media all and (max-width: 640px) { 
 .container, 
 .container-tiny { 
 max-width: calc(100% - 60px); 
 } 
 .container-small { 
 max-width: calc(100% - 60px); 
 } 
 .main-container { 
 padding-top: calc(var(--header-height) + 0px); 
 } 
 .steps-img { 
 max-height: 474px; 
 } 
 .partner-logo { 
 width: 100%; 
 height: 100px; 
 } 
 .trusted-right { 
 padding: 0 44px; 
 } 
 .story-slide { 
 gap: 30px; 
 } 
 .course-slider-wrap .swiper { 
 margin-bottom: 30px; 
 } 
 .question br { 
 display: none; 
 } 
 .test-table { 
 width: 880px; 
 } 
 .inner-hero-2 { 
 height: 100%; 
 } 
 .inner-hero-2 .inner-hero-wrap { 
 height: 100%; 
 gap: 40px; 
 flex-direction: column-reverse; 
 } 
 .benefit-hdr { 
 width: 100%; 
 margin-top: 60px; 
 } 
 .benefit-content-wrap { 
 margin-top: 40px; 
 flex-direction: column; 
 } 
 .benefit-img { 
 position: static; 
 } 
 .benefit-img-wrap, 
 .benefit-content { 
 width: 100%; 
 } 
 .benefit-box:last-child { 
 margin-bottom: 0; 
 } 
 .btm-bnr-img { 
 width: 400px; 
 height: 436px; 
 margin-top: -80px; 
 } 
 .inner-hero-2 { 
 background-position: 0 30px; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 280px; 
 } 
 .inner-hero-2 .inner-hero-left .comm-para { 
 margin-top: 20px; 
 } 
 .inner-hero-wrap { 
 flex-direction: column-reverse; 
 } 
 .inner-hero-right { 
 max-width: 310px; 
 max-height: 290px; 
 } 
 .inner-hero-left { 
 max-width: 100%; 
 margin-top: 20px; 
 } 
 .student-sec-wrap .course-img { 
 max-height: 78%; 
 } 
 .inner-hero { 
 padding-top: 80px; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-height: 380px; 
 max-width: 410px !important; 
 } 
 .cntry-title { 
 font-size: 22px; 
 } 
 .footer-top form { 
 width: 100%; 
 margin-top: 20px; 
 } 
 .footer-wrap { 
 padding-top: 60px; 
 } 
 .footer-wrap hr { 
 margin-top: 36px; 
 padding-bottom: 40px; 
 } 
 .sectio-line-sepr { 
 height: 190px; 
 } 
 
 .uni-visit-form .select-field .form-field { 
 width: 272px; 
 } 
 /* blogs page css */ 
 .blog-search-form .select-field { 
 width: 272px; 
 } 
 .breadcrumb { 
 flex-wrap: wrap; 
 align-items: flex-start; 
 } 
 
 .breadcrumb a { 
 font-size: 14px; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 46.7vh; 
 } 
 .study-desc { 
 margin-top: 10px; 
 } 
 /* about page css start */ 
 .founder-img { 
 width: 100%; 
 } 
 .media-logos { 
 padding: 10px; 
 } 
 .page-hdr-title, 
 .blog-title { 
 font-size: 33px; 
 } 
 .inner-hero.inner-hero-2 { 
 padding-top: 50px; 
 } 
 .inner-hero-2 .inner-hero-right, 
 .inner-hero-2 .adm-guid-hero-wrap .inner-hero-right { 
 margin-right: 0; 
 max-width: 380px; 
 max-height: 380px; 
 } 
 .inner-hero-2 .about-hero-wrap .inner-hero-left { 
 max-width: 100%; 
 } 
 .inner-hero-2 .about-hero-wrap .inner-hero-left br { 
 display: none; 
 } 
} 
@media all and (max-width: 576px) { 
 .comm-section { 
 padding: 30px 0; 
 } 
 .home-hero { 
 margin-bottom: 24px; 
 } 
 .hero-right { 
 max-width: 76%; 
 } 
 .team-reach-img { 
 height: 360px; 
 margin-bottom: 20px; 
 } 
 .sec-title { 
 font-size: 24px; 
 } 
 .steps-img { 
 max-height: 404px; 
 } 
 .trusted-sec-wrapper { 
 margin-bottom: 30px; 
 } 
 .steps-card .comm-card-hdn { 
 margin-bottom: 20px; 
 } 
 .slide-title { 
 font-size: 33px; 
 } 
 .destination-sec-wrap { 
 height: 100%; 
 flex-direction: column; 
 padding: 40px 0; 
 } 
 .dest-img-left { 
 margin-bottom: 0; 
 display: flex; 
 width: 100%; 
 gap: 20px; 
 } 
 .dest-content { 
 padding: 0px 0; 
 width: 80%; 
 margin: 30px auto; 
 } 
 .dest-img-right { 
 margin-top: 0px; 
 width: 100%; 
 display: flex; 
 gap: 20px; 
 } 
 .dest-img { 
 height: 110px; 
 margin-bottom: 0; 
 } 
 .partner-logo-wrap { 
 margin-top: 40px; 
 } 
 .partner-logo-wrap .f-row { 
 gap: 20px 0; 
 } 
 .course-slider-wrap { 
 margin-top: 40px; 
 } 
 .header-titlewithnav { 
 margin-bottom: 50px; 
 } 
 .storySwiper { 
 overflow: hidden; 
 } 
 .story-slide { 
 gap: 30px; 
 flex-direction: column; 
 padding-bottom: 40px; 
 } 
 .story-vdo { 
 width: 60%; 
 height: 100%; 
 } 
 .story-slide::before { 
 width: 60%; 
 height: 40%; 
 right: 3%; 
 bottom: 10%; 
 } 
 .story-slide::after { 
 width: 100%; 
 height: 70%; 
 bottom: 0; 
 } 
 
 /* Media for new addition */ 
 .story-slider::before { 
 width: 60%; 
 height: 40%; 
 right: 3%; 
 bottom: 10%; 
 } 
 .story-slider::after { 
 width: 100%; 
 height: 100%; 
 } 
 /* End Media for new addition */ 
 
 .story-content { 
 max-width: 360px; 
 margin-right: 0px; 
 } 
 .btm-bnr { 
 padding: 0 50px; 
 } 
 .btm-bnr-img { 
 width: 350px; 
 height: 476px; 
 margin-top: -120px; 
 } 
 .btm-bnr-content { 
 padding: 0px 30px 60px; 
 } 
 .footer-top, 
 .footer-btm { 
 align-items: flex-start; 
 justify-content: flex-start; 
 } 
 .fotter-btm-links { 
 gap: 0px; 
 flex-direction: column; 
 justify-content: flex-start; 
 align-items: flex-start; 
 } 
 .footer-link-wrap .f-col:last-child { 
 margin-bottom: 0; 
 } 
 /* test prep page css */ 
 .test-page-title { 
 font-size: 36px; 
 } 
 .test-sec-hdr-1 { 
 font-size: 22px; 
 } 
 .test-sec-blue-hdr { 
 font-size: 18px; 
 } 
 .test-table { 
 width: 800px; 
 } 
 .accordion li a.toggle { 
 font-size: 18px; 
 } 
 .footer-top form { 
 width: 100%; 
 } 
 .upload-date { 
 margin-top: 20px; 
 } 
 .counter-wrap .f-col { 
 border: 0; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 244px; 
 } 
 
 .uni-visit-form .select-field .form-field { 
 width: 100%; 
 } 
 
 .uni-visit-form { 
 flex-direction: column; 
 } 
 .uni-visit-form, 
 .uni-visit-form button, 
 .uni-visit-form .select-field .form-field { 
 width: 100%; 
 } 
 .page 
 /* blog page css */ 
 .blog-search-form { 
 flex-direction: column; 
 } 
 .blog-search-form, 
 .blog-search-form button, 
 .blog-search-form .select-field { 
 width: 100%; 
 flex-direction: column; 
 } 
 .blog-search-form .select-field:nth-child(3) { 
 width: 100%; 
 flex-direction: column; 
 } 
 .page-hdr-title, 
 .blog-title { 
 font-size: 36px; 
 } 
 .sec-title-2 { 
 font-size: 24px; 
 margin-top: 30px; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 56vh; 
 gap: 10px 0; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 61vh; 
 flex-direction: column-reverse; 
 gap: 40px 0; 
 } 
 .benefit-content-wrap { 
 margin-top: 0px; 
 } 
 .study-search-form { 
 flex-direction: column; 
 border-radius: 30px; 
 border: 1px solid transparent; 
 background: linear-gradient(#ffffff, #ffffff) padding-box, 
 linear-gradient(241deg, #c6d3e3, #ffffff, #dde5ee) border-box; 
 padding: 20px; 
 } 
 .field-icon-wrap, 
 .degreeselectbox-icon-wrap, 
 .study-search-form .form-grp { 
 width: 100%; 
 } 
 .study-search-form .button { 
 width: 100%; 
 height: 38px; 
 line-height: 38px; 
 } 
 .study-search-form .select-field { 
 background-position-x: 100%; 
 } 
 .desc-title, 
 .moreabout-dtl-title { 
 font-size: 20px; 
 } 
 .locate-right { 
 height: 340px; 
 } 
 .choose-hdn { 
 font-size: 18px; 
 } 
 .counter-wrap { 
 padding: 40px 40px 26px; 
 } 
 .study-desc li { 
 padding: 20px 0; 
 } 
 .study-desc li:last-child { 
 border: 0; 
 } 
 .job-form .button { 
 height: 48px; 
 width: 100%; 
 } 
} 
@media all and (max-width: 480px) { 
 .container, 
 .container-tiny { 
 max-width: calc(100% - 30px); 
 } 
 .container-small { 
 max-width: calc(100% - 30px); 
 } 
 .steps-img { 
 max-height: 360px; 
 } 
 .highlighter::after { 
 height: 13.5px; 
 bottom: -7px; 
 } 
 .popup-selector-solutions, 
 .date-selector { 
 gap: 18px; 
 } 
 .selector-item { 
 width: 30%; 
 } 
 .dest-img { 
 height: 90px; 
 } 
 .partner-logo { 
 height: 90px; 
 } 
 .sec-title { 
 font-size: 22px; 
 text-align: center; 
 } 
 .header-titlewithnav { 
 margin-bottom: 50px; 
 gap: 30px; 
 } 
 .blogs-sec-wrap { 
 margin-top: 40px; 
 } 
 
 .int-sec-wrap { 
 margin-top: 40px; 
 } 
 .blogs-title { 
 font-size: 18px; 
 } 
 .hero-right { 
 max-width: 90%; 
 } 
 .pb-space { 
 padding-bottom: 70px !important; 
 } 
 .footer-top form { 
 width: 100%; 
 margin-top: 40px; 
 } 
 .footer-wrap { 
 padding-top: 50px; 
 } 
 .trusted-right { 
 padding: 0 30px; 
 } 
 .course-box, 
 .lBlue-bg, 
 .story-slide::after, 
 .blue-bg, 
 .blogs-box, 
 .team-reach-img, 
 .prep-corse-box, 
 .blog-dtl-img img { 
 border-radius: 30px; 
 } 
 /* test prep pages css */ 
 .test-page-bnr { 
 flex-direction: column-reverse; 
 gap: 30px; 
 } 
 .test-bnr-cont-img { 
 max-width: 100%; 
 } 
 .test-cont-rolling-links .section-name { 
 padding: 10px 24px; 
 } 
 .test-rolling-sec-wrap .sec-title { 
 text-align: left; 
 } 
 .test-dtl-sections li { 
 font-size: 16px; 
 } 
 .test-table th { 
 font-size: 16px; 
 } 
 .test-table td { 
 font-size: 14px; 
 } 
 .test-sec-blue-hdr { 
 font-size: 16px; 
 } 
 .inner-hero-2 { 
 background-position: 0 94px; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 267px; 
 } 
 .visa-asst-sec-hdr .sec-title { 
 text-align: left; 
 } 
 .uni-serach-sec { 
 display: flex; 
 justify-content: flex-start; 
 } 
 .uni-search-form { 
 flex-direction: column; 
 width: 100%; 
 } 
 .uni-search-form .form-grp, 
 .uni-search-form .form-field { 
 width: 100%; 
 } 
 
 .uni-visit .form-field { 
 width: 100%; 
 } 
 .uni-search-form .button { 
 width: 100%; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 54vh; 
 margin-top: 30px; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 63vh; 
 } 
 .book-counseller-form { 
 padding: 30px; 
 } 
 .courses-box-wrapper { 
 margin-top: 30px; 
 } 
 .moreabout-sec-wrap { 
 margin-top: 40px; 
 } 
 .loc-add .sec-title { 
 text-align: left; 
 } 
 .founder-img { 
 width: 100%; 
 height: 400px; 
 } 
 .blogs-dtl { 
 height: auto; 
 } 
 .accordion li a.toggle { 
 font-size: 16px; 
 } 
 .benefit-hdr { 
 width: 100%; 
 margin-top: 0px; 
 } 
 .univer-swiper { 
 margin-top: 30px; 
 } 
 .pb-space { 
 padding-bottom: 40px !important; 
 } 
 
 .int-title { 
 height: auto; 
 } 
 .int-title h3 { 
 font-size: 18px; 
 margin-bottom: 8px; 
 } 
 
 .int-icon-date { 
 font-size: 15px; 
 padding-top: 10px; 
 } 
 
 .int-icon-time, 
 .int-icon-country { 
 font-size: 15px; 
 } 
 
 .int-btn .button { 
 font-size: 18px; 
 padding: 0px 10px; 
 /* line-height: 36px; */ 
 } 
 
 .job-form .button { 
 height: 48px; 
 width: 100%; 
 } 
} 
@media all and (max-width: 432px) { 
 .selector-item { 
 width: 46%; 
 } 
 .hero-title-txt { 
 font-size: 26px; 
 } 
 .hero-btns .button { 
 padding: 0; 
 } 
 .sec-title { 
 font-size: 20px; 
 } 
 .form-grp, 
 .form-textarea-group { 
 margin-bottom: 16px; 
 } 
 .steps-card { 
 padding: 30px 20px; 
 gap: 20px; 
 } 
 .steps-card .card-btn { 
 margin-top: 20px; 
 } 
 .steps-card .comm-card-hdn { 
 font-size: 18px; 
 margin-bottom: 10px; 
 } 
 .numbers { 
 font-size: 36px; 
 } 
 .trusted-left .card-btn { 
 width: 100%; 
 } 
 .dest-img-left, 
 .dest-img-right { 
 flex-wrap: wrap; 
 } 
 .dest-img { 
 height: 136px; 
 width: 46%; 
 } 
 .dest-content { 
 width: 90%; 
 } 
 .highlighter::after { 
 height: 10.5px; 
 bottom: -6px; 
 } 
 .story-content { 
 max-width: 310px; 
 } 
 .header-titlewithnav { 
 margin-bottom: 40px; 
 gap: 50px; 
 } 
 .card-btn { 
 margin-top: 40px; 
 padding: 0 14px; 
 width: 100%; 
 } 
 .btm-bnr { 
 padding: 0 10px; 
 } 
 .btm-bnr-img { 
 width: 310px; 
 height: 446px; 
 } 
 .footer-top .sec-title { 
 width: 100%; 
 font-size: 22px; 
 } 
 .footer-top, 
 .footer-btm { 
 gap: 0px; 
 } 
 .footer-wrap hr { 
 margin-top: 30px; 
 margin-bottom: 0; 
 padding-bottom: 40px; 
 } 
 .test-page-title { 
 font-size: 30px; 
 } 
 .test-table { 
 width: 640px; 
 } 
 .inner-hero-title-txt { 
 font-size: 30px; 
 } 
 .fee-title { 
 padding: 9px 16px; 
 } 
 .fee-desc-wrap h3, 
 .fee-desc-wrap p { 
 font-size: 16px; 
 } 
 .desc-title, 
 .moreabout-dtl-title { 
 font-size: 18px; 
 } 
 .moreabout-sections { 
 padding: 20px; 
 } 
 /* .media-logos { 
 height: 120px; 
 } */ 
 .lBlue-bg-2 { 
 background: #e8edf4; 
 border-radius: 30px; 
 } 
 .scholar-sec-wrap { 
 flex-direction: column-reverse; 
 gap: 0px 0; 
 } 
 .study-hero .inner-hero-wrap { 
 margin-top: 110px; 
 } 
 .job-hdr-sec { 
 flex-direction: column; 
 } 
} 
@media all and (max-width: 393px) { 
 .main-container { 
 padding-top: calc(var(--header-height) + 0px); 
 } 
 .home-hero { 
 margin-top: 20px; 
 } 
 .hero-title-txt { 
 font-size: 24px; 
 } 
 .hero-left .comm-para { 
 margin: 26px 0 26px; 
 } 
 .contact-form .button { 
 height: 48px; 
 width: 100%; 
 } 
 .job-form .button { 
 height: 48px; 
 width: 100%; 
 } 
 .job-form .white-text { 
 font-size: 15px; 
 } 
 
 .btm-white-bg img { 
 max-height: 20px; 
 max-width: 30px; 
 } 
 
 .card-btn { 
 padding: 0 6px; 
 } 
 .dest-content { 
 width: 100%; 
 } 
 .dest-img-right { 
 margin-top: 30px; 
 } 
 .story-vdo { 
 width: 80%; 
 } 
 .story-content { 
 max-width: calc(100% - 40px); 
 } 
 .story-content p { 
 font-size: 16px; 
 line-height: 1.5; 
 } 
 
 .story-content-tp p { 
 font-size: 14px; 
 } 
 .btm-bnr-content { 
 padding: 0px 40px 40px; 
 } 
 .footer-top form { 
 width: 100%; 
 margin-top: 40px; 
 flex-direction: column; 
 } 
 .footer-subscribe-form .button { 
 width: 100%; 
 } 
 .footer-subscribe-form .form-grp { 
 margin-top: 0px; 
 margin-bottom: 10px; 
 width: 96%; 
 } 
 .btm-bnr-img { 
 width: 300px; 
 height: 430px; 
 } 
 .inner-hero-2 { 
 background-position: 0 127px; 
 } 
 .prep-hdr { 
 width: 100%; 
 } 
 .prep-corse-content { 
 padding: 30px 20px; 
 } 
 .prep-corse-content p { 
 white-space: normal; 
 display: -webkit-box; 
 -webkit-line-clamp: 15; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 } 
 .prep-corse-content .button { 
 margin-top: 20px; 
 width: 100%; 
 } 
 .inner-hero-title-txt { 
 font-size: 28px; 
 } 
 .why-gal-wrap { 
 display: flex; 
 flex-direction: column; 
 } 
 .why-gal-elem:nth-child(even) { 
 margin-top: 0px; 
 } 
 .why-left { 
 width: 100%; 
 margin-top: 40px; 
 } 
 .student-sec-wrap { 
 margin-top: 36px; 
 } 
 .student-sec-wrap .course-img { 
 max-height: 65%; 
 } 
 .inner-hero { 
 padding-top: 0px; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 75vh; 
 margin-top: 110px; 
 } 
 .hdr-search-form-wrap { 
 margin-top: 20px; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 68vh; 
 gap: 0px 0; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap .hero-title-txt { 
 font-size: 26px; 
 } 
 .inner-hero-2 .inner-hero-right.scholar-hero-img { 
 max-height: 320px; 
 max-width: 320px !important; 
 margin-right: 0; 
 } 
 .inner-hero-2 .inner-hero-right { 
 max-width: 279px; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 26px; 
 } 
 .steps-img { 
 max-height: 280px; 
 margin-top: -20px; 
 } 
 .steps-card-wrap { 
 gap: 16px; 
 } 
 .page-hdr-title, 
 .blog-title { 
 font-size: 34px; 
 } 
 .univ-list-item { 
 flex-direction: column; 
 align-items: flex-start; 
 } 
 .unv-list-left ul li a { 
 padding: 10px 27px 10px; 
 } 
 .study-search-form { 
 gap: 20px; 
 } 
 .contact-hdr-sec { 
 width: 100%; 
 margin-bottom: 0; 
 } 
 /* .media-logos { 
 height: 90px; 
 } */ 
 .destn-cntry-box-wrap .f-row { 
 gap: 20px 0; 
 } 
 .student-sec-wrap { 
 margin-top: 26px; 
 } 
 .student-sec-wrap .f-col:last-child { 
 margin-bottom: 10px; 
 } 
 .book-counseller-form { 
 margin-top: 10px; 
 } 
 .job-hdr-sec { 
 flex-direction: column; 
 } 
 .tag-wrap h4 { 
 font-size: 12px; 
 } 
 
 .int-btn .button { 
 line-height: 46px; 
 } 
} 
@media all and (max-width: 384px) and (max-height: 754px) { 
 .study-hero .inner-hero-wrap { 
 height: auto; /* 76vh Older */ 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 74vh; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap .inner-hero-left { 
 margin-top: 30px; 
 } 
 .hdr-search-form-wrap .button, 
 .moreabout-sections .button { 
 line-height: 32px; 
 font-size: 12px; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 24px; 
 } 
 .pres-recog-sec-wrap .sec-title { 
 font-size: 19px; 
 } 
 .moreabout-sec-wrap { 
 margin-top: 30px; 
 } 
 .moreabout-dtl-points { 
 margin-bottom: 20px; 
 } 
} 
@media all and (max-width: 360px) { 
 .hero-right { 
 max-width: 100%; 
 } 
 .hero-btns .button { 
 padding: 0; 
 } 
 .contact-form #comm-form { 
 margin-top: 0px; 
 } 
 .contact-form .form-field { 
 height: 50px; 
 } 
 .contact-form .comm-form label { 
 line-height: 22px; 
 } 
 .job-form #comm-form { 
 margin-top: 0px; 
 } 
 .job-form .form-field { 
 height: 50px; 
 } 
 .job-form .comm-form label { 
 line-height: 22px; 
 } 
 .job-hdr-sec { 
 flex-direction: column; 
 } 
 
 .tag-wrap h4 { 
 font-size: 12px; 
 } 
 .steps-card .comm-card-hdn { 
 font-size: 16px; 
 } 
 .card-btn { 
 font-size: 14px; 
 margin-top: 30px; 
 } 
 .slide-title { 
 font-size: 28px; 
 } 
 .btm-bnr-img { 
 width: 260px; 
 height: 410px; 
 } 
 /* test prep page css start */ 
 .inner-hero-2 { 
 background-position: 0 140px; 
 } 
 .benefit-count { 
 font-size: 34px; 
 } 
 .benefit-box { 
 margin-bottom: 20px; 
 } 
 .benef-title { 
 font-size: 18px; 
 } 
 .pb-space { 
 padding-bottom: 40px !important; 
 } 
 .page-hdr-title, 
 .blog-title { 
 font-size: 30px; 
 } 
 .study-hero .inner-hero-wrap { 
 height: 77vh; 
 justify-content: center; 
 } 
 .study-hero .inner-hero-right, 
 .inner-hero-2 .inner-hero-right { 
 max-width: 300px; 
 max-height: 300px; 
 } 
 .hero-title-txt.hero-title-txt-2 { 
 font-size: 22px; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap { 
 height: 83vh; 
 gap: 0px 0; 
 } 
 .inner-hero-2 .inner-hero-wrap.scholar-hero-wrap .inner-hero-left { 
 margin-top: 40px; 
 } 
 .univer-name { 
 font-size: 16px; 
 } 
 .course-name { 
 font-size: 18px; 
 } 
 .hdr-search-form-wrap .button { 
 line-height: 32px; 
 } 
 .steps-img { 
 max-height: 260px; 
 margin-top: -20px; 
 } 
 .study-desc li { 
 flex-direction: column; 
 } 
 .study-desc li:first-child { 
 padding-top: 10px; 
 } 
 .fee-desc-wrap { 
 padding: 16px 20px; 
 } 
 
 .costofstudy-dtl-wrap, 
 .moreabout-sec-wrap { 
 flex-direction: column; 
 gap: 20px 0; 
 } 
 .cost-wrap { 
 margin-bottom: 20px; 
 } 
 
 .int-btn .button { 
 font-size: 15px; 
 line-height: 40px; 
 } 
} 
/*# sourceMappingURL=main.css.map */ 
 
/* partner page css 
=============================================================================*/ 
 
.partner-top-links { 
 max-width: fit-content; 
} 
 
.partner-dtl-row { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
} 
 
.partner-dtl-row h3 { 
 font-size: 28px; 
 font-weight: 600; 
 color: var(--clr-primary); 
 margin-bottom: 10px; 
} 
 
.partner-left { 
 width: 38%; 
} 
 
.partner-right { 
 width: 50%; 
 height: 440px; 
} 
 
.partner-right img { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 40px; 
} 
 
@media all and (max-width: 480px) { 
 .partner-dtl-row h3 { 
 font-size: 23px; 
 } 
 
 .partner-top-links .section-name { 
 padding: 10px 22px; 
 text-align: center; 
 } 
 
 .partner-top-links { 
 align-items: center; 
 } 
 
 .partner-right { 
 width: 100%; 
 height: 320px; 
 } 
} 
 
@media all and (max-width: 640px) { 
 /* partner css */ 
 .partner-dtl-row { 
 flex-direction: column-reverse; 
 gap: 30px 0; 
 } 
 
 .partner-left, 
 .partner-right { 
 width: 100%; 
 } 
 
 .partner-hero-left { 
 margin-top: 50px; 
 } 
 
 .partner-top-links .section-name { 
 padding: 10px 20px; 
 } 
} 
 
/*View More */ 
.hide { 
 max-height: 0; 
 overflow: hidden; 
 transition: max-height 0.4s ease-out; 
} 
 
.shown { 
 max-height: 1000px; 
}