/*!
Theme Name: SCU Post Professional OTD
Theme URI: http://underscores.me/
Author: Ayokay
Author URI: https://ayokay.com/
Description: A marketing and web design agency with purpose.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: engineering-innovation
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SCU Post Professional OTD is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root {
    --primary-font-family : "Lato", sans-serif;
    --secondary-font-family : 'Bicyclette';

    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-blue: #194E80;
    --color-sky-blue: #94E1FF;
    --color-sky-blue-dark: #4AC1F0;
    --color-yellow: #FDD46A;

    /* Font Color */
    --color-dark: #090B0D;
    

}


/*
    font-family: "Lato", sans-serif; (Primary)
    font-family: 'Bicyclette'; (Secondary)
    font-family: "Roboto", sans-serif;
*/
/* 1. Clean Base
------------------------------------------------------------------------------*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; height: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
iframe {vertical-align: top;}
textarea:focus, input:focus, a, div, img { outline: none; }

*,
*:before,
*:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#090B0D; font-size: 20px; line-height: 34px; font-family: "Lato", sans-serif; font-weight:400; font-weight: 300; background-color: #fff;margin: 0;padding: 0}

@font-face {
  font-family: 'Bicyclette';
  src: url('./assets/fonts/Bicyclette-Regular.woff') format('woff2'),
      url('./assets/fonts/Bicyclette-Regular.woff2') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bicyclette';
  src: url('./assets/fonts/Bicyclette-Bold.woff') format('woff2'),
      url('./assets/fonts/Bicyclette-Bold.woff2') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}



@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh7USSwiPGQ.woff2) format(‘woff2’);
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format(‘woff2’);
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format(‘woff2’);
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh50XSwiPGQ.woff2) format(‘woff2’);
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

.lato-light {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: normal;
}
.lato-regular {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.lato-bold {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.lato-black {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: normal;
}
.lato-thin-italic {
    font-family: "Lato", sans-serif;
    font-weight: 100;
    font-style: italic;
}
.lato-light-italic {
    font-family: "Lato", sans-serif;
    font-weight: 300;
    font-style: italic;
}
.lato-regular-italic {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.lato-bold-italic {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: italic;
}
.lato-black-italic {
    font-family: "Lato", sans-serif;
    font-weight: 900;
    font-style: italic;
}


.h1, .h2, .h3, .h4, .h5, .h6, 
h1, h2, h3, h4, h5, h6 {font-weight:700;font-family: "Lato", sans-serif;}

.h1, h1 {font-size:45px; line-height: 50px; font-style: italic;}
.h2, h2 {font-size:40px; line-height: 50px; font-style: italic;}
.h2-sm  {font-size:39px; line-height: 44px;}
.h3, h3 {font-size:35px; line-height: 50px; font-style: italic;}
.h4, h4 {font-size:25px; line-height: 35px;}
.h5, h5 {font-size:20px; line-height: 22px; font-weight: 400;}
.h6, h6 {font-size:18px; line-height: 20px; text-transform: uppercase; font-weight:700; font-family: 'Bicyclette';}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: inherit; text-decoration: none;}

.font-12 { font-size:12px; line-height: 22px; font-weight:400; font-family: "Lato", sans-serif;}
.font-14 { font-size:14px; line-height: 18px; font-weight:400; font-family: 'Bicyclette';}
.font-15 { font-size:15px; line-height: 38px; font-weight:400; font-family: 'Bicyclette';}
.font-17 { font-size:17px; line-height: 20px; font-weight:400; font-family: 'Bicyclette';}

p { font-size: 16px; font-weight: 400; line-height: 22px;}
p:last-child { margin-bottom:0; }
p strong {font-weight: 700;}

ul{ margin:0;margin-left: 20px; padding:0; }
ul li{font-family: "Lato", sans-serif; font-size:16px; color: var(--color-black); font-weight:400; line-height:22px;}
ul li:last-child{margin-bottom: 0;}
ul > li { list-style:outside disc; }

ol{ margin:0;margin-left: 20px; padding:0; list-style: none; }
ol li{ font-size:16px; color: var(--color-black); font-weight:400; line-height:22px;padding: 0;}
ol > li { list-style: outside decimal; }

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px; border-left:4px solid var(--color-blue);line-height: 2;font-size: 20px; font-style: italic;margin-bottom: 25px;}
blockquote p{ font-size:inherit; font-weight:inherit; line-height:inherit; }

hr {border:0 var(--color-dark) solid; border-top-width:1px; clear:both; height:0;margin: 10px auto 40px;}

img{ border:none; max-width: 100%; vertical-align: top; height: auto;}
img[src$=".svg"] {width: 100%;}

/* 4. Link
------------------------------------------------------------------------------*/
a{ color: inherit; transition: background-color 0.3s ease 0s, color 0.3s ease 0s; text-decoration: none;}
a:hover{ color: var(--color-yellow); text-decoration: underline; }
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
label {color: var(--color-black); font-size:12px; font-weight:400; line-height:16px; margin-bottom:10px; display: block; text-transform: capitalize;}
input, 
textarea, 
button { font-family: "Lato", sans-serif;  }
input[type="text"],
input[type="submit"],
input[type="button"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {-webkit-appearance: none; outline: none;}

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
input[type="search"],
input[type="number"],
textarea { 
    border-radius: 2px;
    border: 1px solid #4AC1F0;
    font-size: 16px;
    line-height: 22px;
    color: var(--color-dark);
    padding: 12px 30px 12px 30px;
    height: auto;
}
textarea {
    height: 80px !important;
    resize: none;
    overflow: auto;
}

input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus {border-color: var(--color-blue)}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer; padding: 7px 35px; height: auto; display: inline-block; vertical-align: top; font-family: 'Bicyclette'; font-size: 18px; font-weight: 700; line-height: 20px; text-transform: uppercase; text-align: center; border: none; text-transform: uppercase; border-radius: 25px; color: var(--color-blue); background-color: var(--color-yellow); transition: all .3s ease;}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover { background-color: #9AE2FD; border-color: var(--color-yellow); color: var(--color-blue);}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

::-webkit-input-placeholder { opacity: 1 !important; color: var(--color-blue); }
:-moz-placeholder { opacity: 1 !important; color: var(--color-blue); }
::-moz-placeholder { opacity: 1 !important; color: var(--color-blue); }
:-ms-input-placeholder { opacity: 1 !important; color: var(--color-blue); }

.form-group {margin-bottom: 30px;}

/* buttons */
.btn { font-family: 'Bicyclette'; display: inline-block; padding: 12px 35px 9px; font-size: 18px; font-weight: 700; letter-spacing: normal; line-height: 20px; text-align: center; border: none; text-transform: uppercase; border-radius: 25px; color: var(--color-blue); transition: all 0.3s ease;}
.btn:hover,
.btn:focus { color: var(--color-blue); background-color: var(--color-yellow); text-decoration: none;}
.btn-sm {padding: 8px 16px;}
.btn-md {padding: 12px 24px;}
.btn-link { color: var(--color-blue); text-transform: uppercase; font-size: 16px; font-weight: 700; letter-spacing: normal; border-bottom: 1px solid #98989c; margin-bottom: 2px; transition: all .3s ease;}
.btn-link:hover,
.btn-link:focus{ color: var(--color-blue); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--color-blue); }

.btn-yellow { background-color: var(--color-yellow);}
.btn-blue   { background-color: var(--color-blue); color: var(--color-white);}
.btn-skyblue{ background-color: #9AE2FD;}

.btn-yellow:hover { background-color: #9AE2FD; border-color: var(--color-yellow);}
.btn-blue:hover   { background-color: var(--color-white); color: var(--color-blue); border-color: var(--color-white);}
.btn-skyblue:hover{ background-color: var(--color-yellow); border-color: #9AE2FD;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}
.table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar}
.table-bordered{width: 100%;max-width: 100%;text-align: left;}
.table-bordered th, 
.table-bordered td{ vertical-align: bottom;border-bottom: 1px solid var(--color-dark);padding: 10px;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper {width: 100%;display: flex;min-height: 100%;position: relative;flex-wrap: wrap;justify-content: space-between;align-content: space-between;}
.main-container {width: 100%;}
.body-content ul, 
.body-content ol{margin-bottom: 20px;}
.body-content ul ul, 
.body-content ul ol,
.body-content ol ol,
.body-content ol ul{margin-bottom: 0;}

/* header */
/* responsive nav for small devices */
#menu, .hamburger { display: none !important;} /* MENU NOT REQUIRED FOR THIS PROJECT */
.hamburger{padding: 0;margin: 0;height: auto;width: auto; text-align: center;background-color: transparent;min-width: unset;}
.hamburger:not(.close) {position: absolute; top: 20px; right: 20px; z-index: 99; width: 50px; height: 50px; min-width: unset; }
.hamburger:hover, 
.hamburger:focus{outline: none; background-color: transparent;}
.hamburger .line{width: 30px;height: 4px;background-color: var(--color-white);display: block;margin: 6px auto; transition: all .3s ease;}
.hamburger:hover{cursor: pointer;}
.hamburger:hover .line { background-color: var(--color-yellow);}
.hamburger.close{padding: 10px;    background-color: var(--color-white);    border-radius: 10px 0 0 10px;min-width: unset; }
.hamburger.close .wrap{ position: relative;width: 30px;height: 30px;display: block;}
.hamburger.close .line{margin: 0;width:100%;position: absolute;top: calc(50% - 2px);transform: rotate(45deg);background-color: var(--color-white)}
.hamburger.close .line:last-child{transform: rotate(-45deg);}
#menu{position: fixed;top: 0;left: -100%;width:80%;height: 100%;background-color: var(--color-blue);max-width: 450px;transition: all 0.3s ease-in;z-index: 999;}
#mobilenav.is-open #menu{left: 0;}
#mobilenav .nav-logo{padding: 15px;}
#mobilenav ul,
#mobilenav li{padding: 0;margin: 0;list-style: none;position: relative;}
#mobilenav ul ul{display: none;}
#mobilenav .caret{display: block;width: 36px;height: 36px;position: absolute; top: 18px;right: 2px;cursor: pointer;}
#mobilenav .caret:not(.trigger-caret){pointer-events: none;}
#mobilenav .caret:before,
#mobilenav .caret:after{content:'';position: absolute;top: 0;left: 0;bottom: 0;right: 0;display: block;margin: auto; width: 20px;height: 2px;background: var(--color-white);}
#mobilenav .caret:after{transform: rotate(-90deg);transition: all .2s ease;}
#mobilenav .is-open > .caret:after{transform: rotate(0)}
#mobilenav ul a {display: block;padding: 10px 15px;cursor: pointer;z-index: 2;font-size: 16px;text-decoration: none;color: var(--color-white);}
#mobilenav ul a:hover, #mobilenav ul a:focus {background: var(--color-yellow);}
#mobilenav .has-sub>a{padding-right: 40px;}
#mobilenav li li a { padding-left: 30px; font-size: 14px;text-decoration: none;color: var(--color-white);}
#mobilenav li li li a {padding-left: 50px;}
#mobilenav .nav-backdrop{ position: fixed;height: 100%;width: 100%;background: rgba(0,0,0,0.8);z-index: -1;opacity: 0;visibility: hidden;transition: all 0.3s ease-in;}
#mobilenav.is-open .nav-backdrop{ opacity: 1;z-index: 999;visibility: visible;}
#mobilenav .menu-outer{max-height: calc(100vh - 82px);overflow-y: auto;padding-bottom: 60px;}

/* nav */
/* Nav */
.header-navigation ul{padding:0;margin:0;list-style:none;}
.header-navigation ul li{padding:0;margin:0;list-style:none;}
.header-navigation ul li a{font-size: 18px; letter-spacing:normal; text-transform: none; color: var(--color-white); text-align: center; text-decoration:none;}
.header-navigation ul li.parent{position:relative;}
.header-navigation ul li.parent .arrowclick{position:absolute;right:14px;top:50%;margin-top:-13px;}
.header-navigation .main-menu{display:flex;flex-wrap:wrap;align-items:center;}
.header-navigation .main-menu > li{position:relative}
.header-navigation .main-menu > li > a {position: relative; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-flex; padding: 39.01px 26.7px;}
.header-navigation .main-menu > li > a:before{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:0;background-color:var(--color-white);opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.header-navigation .main-menu > li > a:hover { background-color: var(--color-yellow); color: var(--color-white); }
.header-navigation .main-menu > li > a:hover:before{opacity:1;height:2px}
.header-navigation .main-menu > li > a:hover + .arrowclick svg path{stroke:var(--color-yellow) !important;}
.header-navigation .main-menu ul{margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;width:250px;background-color:var(--color-white);box-shadow:0 0 16px 7px rgba(0,0,0,.15);opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;z-index:9}
.header-navigation .main-menu > li.parent:hover ul{opacity:1;visibility:visible}
.header-navigation .main-menu ul a{border-bottom: 1px solid var(--color-white);padding:15px 28px;font-size:17px;line-height:1.17;color:var(--color-dark);font-weight:400;position:relative;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;display:inline-flex;width:100%;z-index:1}
.header-navigation .main-menu ul li:last-child a{border: 0;}
.header-navigation .main-menu ul a:before{content:"";position:absolute;left:0;top:0;bottom:0;background-color: var(--color-white);color: var(--color-yellow);;height:0;width:100%;opacity:0;z-index:-1;-webkit-transition: none;transition: none;}
.header-navigation .main-menu ul a:hover,.current_page_item a{color: var(--color-yellow);}
.header-navigation .main-menu ul a:hover:before{height:100%;opacity:1}
.current_page_item a:before{width:100%;opacity:1}
.current-menu-parent a {color: var(--color-yellow);}
.header__main ul li ul.sub-menu {top: 100%;display: none;}
.header__main ul li:hover ul.sub-menu {opacity: 1; visibility: visible; top: 100%;display: block;}
.header__main .header__right .header__menu li.current-menu-item > a {color: var(--color-yellow);}
header.main-header { background-color: var(--color-blue); padding-block: 25px;}
header.main-header > .container-fluid {max-width: 1060px;padding:0 20px !important;}
/* Common CSS */
.container-fluid,
.wrapper,
.wrapper-fluid {padding-right: 20px;padding-left: 20px;width: 100%;margin: auto;}
.container-fluid,
.wrapper-fluid {max-width: 100%;}
.container,.wrapper { width: 100%; max-width: 1060px; margin-inline: auto; padding-inline: 20px;}
/* row and column */
.row,.wrapper-row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
[class*="col-"]{padding-left: 15px;padding-right: 15px; position: relative;width: 100%;}
.no-gutters {margin-right: 0;margin-left: 0;}
.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0;}

.gy-15px { row-gap: 15px;}

/* align item */
.d-flex { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
.align-items-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center ;}
.align-content-center {-ms-flex-line-pack: center;align-content: center;}
.align-items-end {-ms-flex-align: end ;align-items: flex-end ;}
.justify-content-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.justify-content-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}

/* column structure */
/* ----- Extra small devices ≤640px ----- */
.col-12 {width: 100%}
.col-11 {width: 91.66666667%}
.col-10 {width: 83.33333333%}
.col-9 {width: 75%}
.col-8 {width: 66.66666667%}
.col-7 {width: 58.33333333%}
.col-6 {width: 50%}
.col-5 {width: 41.66666667%}
.col-4 {width: 33.33333333%}
.col-3 {width: 25%}
.col-2 {width: 16.66666667%}
.col-1 {width: 8.33333333%}
.col-offset-12 {margin-left: 100%}
.col-offset-11 {margin-left: 91.66666667%}
.col-offset-10 {margin-left: 83.33333333%}
.col-offset-9 {margin-left: 75%}
.col-offset-8 {margin-left: 66.66666667%}
.col-offset-7 {margin-left: 58.33333333%}
.col-offset-6 {margin-left: 50%}
.col-offset-5 {margin-left: 41.66666667%}
.col-offset-4 {margin-left: 33.33333333%}
.col-offset-3 {margin-left: 25%}
.col-offset-2 {margin-left: 16.66666667%}
.col-offset-1 {margin-left: 8.33333333%}
.col-offset-0 {margin-left: 0}

/* ----- Small devices ≥641px ----- */
@media (min-width:641px) {
    .col-sm-12 {width: 100%}
    .col-sm-11 {width: 91.66666667%}
    .col-sm-10 {width: 83.33333333%}
    .col-sm-9 {width: 75%}
    .col-sm-8 {width: 66.66666667%}
    .col-sm-7 {width: 58.33333333%}
    .col-sm-6 {width: 50%}
    .col-sm-5 {width: 41.66666667%}
    .col-sm-4 {width: 33.33333333%}
    .col-sm-3 {width: 25%}
    .col-sm-2 {width: 16.66666667%}
    .col-sm-1 {width: 8.33333333%}
    .col-sm-offset-12 {margin-left: 100%}
    .col-sm-offset-11 {margin-left: 91.66666667%}
    .col-sm-offset-10 {margin-left: 83.33333333%}
    .col-sm-offset-9 {margin-left: 75%}
    .col-sm-offset-8 {margin-left: 66.66666667%}
    .col-sm-offset-7 {margin-left: 58.33333333%}
    .col-sm-offset-6 {margin-left: 50%}
    .col-sm-offset-5 {margin-left: 41.66666667%}
    .col-sm-offset-4 {margin-left: 33.33333333%}
    .col-sm-offset-3 {margin-left: 25%}
    .col-sm-offset-2 {margin-left: 16.66666667%}
    .col-sm-offset-1 {margin-left: 8.33333333%}
    .col-sm-offset-0 {margin-left: 0}
}

/* ----- Medium devices ≥768px ----- */
@media (min-width:768px) {
    .col-md-12 {width: 100%}
    .col-md-11 {width: 91.66666667%}
    .col-md-10 {width: 83.33333333%}
    .col-md-9 {width: 75%}
    .col-md-8 {width: 66.66666667%}
    .col-md-7 {width: 58.33333333%}
    .col-md-6 {width: 50%}
    .col-md-5 {width: 41.66666667%}
    .col-md-4 {width: 33.33333333%}
    .col-md-3 {width: 25%}
    .col-md-2 {width: 16.66666667%}
    .col-md-1 {width: 8.33333333%}
    .col-md-offset-12 {margin-left: 100%}
    .col-md-offset-11 {margin-left: 91.66666667%}
    .col-md-offset-10 {margin-left: 83.33333333%}
    .col-md-offset-9 {margin-left: 75%}
    .col-md-offset-8 {margin-left: 66.66666667%}
    .col-md-offset-7 {margin-left: 58.33333333%}
    .col-md-offset-6 {margin-left: 50%}
    .col-md-offset-5 {margin-left: 41.66666667%}
    .col-md-offset-4 {margin-left: 33.33333333%}
    .col-md-offset-3 {margin-left: 25%}
    .col-md-offset-2 {margin-left: 16.66666667%}
    .col-md-offset-1 {margin-left: 8.33333333%}
    .col-md-offset-0 {margin-left: 0}   
}

/* ----- Large devices ≥1024px ----- */
@media (min-width:1024px) {
    .col-lg-12 {width: 100%}
    .col-lg-11 {width: 91.66666667%}
    .col-lg-10 {width: 83.33333333%}
    .col-lg-9 {width: 75%}
    .col-lg-8 {width: 66.66666667%}
    .col-lg-7 {width: 58.33333333%}
    .col-lg-6 {width: 50%}
    .col-lg-5 {width: 41.66666667%}
    .col-lg-4 {width: 33.33333333%}
    .col-lg-3 {width: 25%}
    .col-lg-2 {width: 16.66666667%}
    .col-lg-1 {width: 8.33333333%}
    .col-lg-offset-12 {margin-left: 100%}
    .col-lg-offset-11 {margin-left: 91.66666667%}
    .col-lg-offset-10 {margin-left: 83.33333333%}
    .col-lg-offset-9 {margin-left: 75%}
    .col-lg-offset-8 {margin-left: 66.66666667%}
    .col-lg-offset-7 {margin-left: 58.33333333%}
    .col-lg-offset-6 {margin-left: 50%}
    .col-lg-offset-5 {margin-left: 41.66666667%}
    .col-lg-offset-4 {margin-left: 33.33333333%}
    .col-lg-offset-3 {margin-left: 25%}
    .col-lg-offset-2 {margin-left: 16.66666667%}
    .col-lg-offset-1 {margin-left: 8.33333333%}
    .col-lg-offset-0 {margin-left: 0}
}

/* ----- Extra Large devices ≥1200px ----- */
@media (min-width:1200px) {
    .col-xl-12 {width: 100%}
    .col-xl-11 {width: 91.66666667%}
    .col-xl-10 {width: 83.33333333%}
    .col-xl-9 {width: 75%}
    .col-xl-8 {width: 66.66666667%}
    .col-xl-7 {width: 58.33333333%}
    .col-xl-6 {width: 50%}
    .col-xl-5 {width: 41.66666667%}
    .col-xl-4 {width: 33.33333333%}
    .col-xl-3 {width: 25%}
    .col-xl-2 {width: 16.66666667%}
    .col-xl-1 {width: 8.33333333%}
    .col-xl-offset-12 {margin-left: 100%}
    .col-xl-offset-11 {margin-left: 91.66666667%}
    .col-xl-offset-10 {margin-left: 83.33333333%}
    .col-xl-offset-9 {margin-left: 75%}
    .col-xl-offset-8 {margin-left: 66.66666667%}
    .col-xl-offset-7 {margin-left: 58.33333333%}
    .col-xl-offset-6 {margin-left: 50%}
    .col-xl-offset-5 {margin-left: 41.66666667%}
    .col-xl-offset-4 {margin-left: 33.33333333%}
    .col-xl-offset-3 {margin-left: 25%}
    .col-xl-offset-2 {margin-left: 16.66666667%}
    .col-xl-offset-1 {margin-left: 8.33333333%}
    .col-xl-offset-0 {margin-left: 0}
}

/* hidden element */
.hidden, .d-none { display: none ;}

/* ----- Extra small devices ≤640px ----- */
@media (max-width: 640px) {
    .hidden-xs-down {display: none ;}
}
/* ----- Small devices ≥641px ----- */
@media (min-width: 641px) {
    .hidden-sm-up {display: none ;}
}
/* ----- Small devices ≤767px ----- */
@media (max-width: 767px) {
    .hidden-sm-down {display: none ;}
}
/* ----- Medium devices ≥768px ----- */
@media (min-width: 768px) {
    .hidden-md-up {display: none ;}
}
/* ----- Medium devices ≤1024px ----- */
@media (max-width: 1023px) {
    .hidden-md-down {display: none ;}
}
/* ----- Large devices ≥1024px ----- */
@media (min-width: 1024px) {
    .hidden-xl-up {display: none ;}
}

/* Wordpress align class */
.alignnone{float: none; margin: 20px 0;}
.aligncenter {display: block; clear:both; margin:20px auto;}
.alignleft {float: left; margin: 0 20px 20px 0; }
.alignright {float: right; margin: 0 0 20px 20px;}

/* text alignment */
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-justify{text-align: justify;}

/* images */
.img-fluid {max-width: 100%;height: auto;display: block;}
.img-full{width: 100%;display: block;}

/* float class */
.float-left{float:left}
.float-right{float:right}
.float-none{float:none}

/* mange spacing */
.space-small{ padding-top: 30px; padding-bottom: 30px; }
.space-medium { padding-top: 50px; padding-bottom: 50px; }
.space-large { padding-top: 70px; padding-bottom: 70px; }
.no-bdr{border-width: 0 }

/* padding */
.p0{padding: 0 ;}
.pt-0{padding-top: 0;}
.pb-0{padding-bottom: 0;}
.pl-0{padding-left: 0;}
.pr-0{padding-right: 0;}
.pt-1{padding-top: 20px;}
.pb-1{padding-bottom: 20px;}
.pl-1{padding-left: 20px;}
.pr-1{padding-right: 20px;}

/* margin */
.m0{margin: 0 ;}
.mt-0{margin-top: 0;}
.mb-0{margin-bottom: 0;}
.ml-0{margin-left: 0;}
.mr-0{margin-right: 0;}
.mt-1{margin-top: 20px;}
.mb-1{margin-bottom: 20px;}
.ml-1{margin-left: 20px;}
.mr-1{margin-right: 20px;}

/* clear element when using */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

/* Header Style Site Wise */
.header__logo a { display: inline-block; max-width: 235px;}
.header__logo .custom-logo {width: 100%; max-width: 100%; height: auto;}
.header__main {display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
.header__main .header__right{flex:1 1 auto;width:75%;padding-left: 20px;}
.header__main .header__right .header__menu {display: flex; align-items: center; justify-content: flex-end; }
.header__main .header__logo {width: auto;}
.header__menu--btn .btn span {display: inline-flex; line-height: 25px; }
.user-icon {margin-right: 20px; }
.header__menu--btn {padding-left: 25px; }

#mobilenav.is-open #menu .row.no-gutters {background: transparent;}
/*--------- Header ------------*/


/* footer */
.main-footer { width:100%; height:auto; line-height: normal;}

.footer-top { padding-block: 60px;}
.footer-top .wrapper { justify-content: flex-start; align-items: center; gap: 120px;}
.footer-top-left { width: 100%; max-width: 264px; text-align: left;}
.footer-top-right { width: 100%; max-width: 604px; text-align: left;}
.footer-top-right p { color: var(--color-white); line-height: 20px}
.footer-bottom {padding-block: 60px 120px;}
.footer-logo { display: block; width: 100%; max-width: 232px;}
.footer-logo img { width: 100%; max-width: 100%; height: auto;}







/* ================================================ Custom CSS Start ================================================ */

/* ================================================ HOME PAGE Start ================================================ */
/* Banner Section */
section.banner-section {
    width: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 170px;
    padding-bottom: 50px;
    position: relative;
    height: calc(100vh - 82px);
    max-height: 696px;
}
section.banner-section:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.75) 95%);
}
section.banner-section .wrapper { position: relative; align-items: flex-end; height: 100%;}
.banner-section-inner { position: relative; z-index: 1; max-width: 770px;}
.banner-title { color: var(--color-yellow); font-weight: 900; font-style: normal;}
.banner-subtitle, .banner-content { color: var(--color-white);}
.banner-subtitle { margin-bottom: 20px; font-style: italic;}
.banner-content { margin-bottom: 40px;}
.banner-content p { font-family: 'Bicyclette'; font-size: 14px; line-height: 18px; font-weight: 400;padding-top: 20px;}
.btn-banner-button-col .btn { padding: 10px 35px 8px !important;}

/* Practice LR Section */
.practice-section { padding-block: 50px;}
.practice-left-img { width: 100%; max-width: 100%;}
.right-content-col { padding-left: 52px;}
.right-content-wrapper { padding: 55px 0 0 0; position: relative;}
.practice-section h2 { color: var(--color-blue); margin-bottom: 23px;}
.right-content { position: relative;}
.practice-list-wrapper { margin-top: 23px;}
.practice-arrow-wrapper { position: absolute; top: 50%; right: -50px; width: 100%; max-width: 35px; transform: translate(0%, -50%);}

/* Numbers Section */
.numbers-section { margin-top: -100px; padding-block: 150px 40px; background: var(--color-blue);}
.num-left { gap: 20px; padding-left: 70px; height: 100%; text-align: center; position: relative;}
.num-left .h1 { width:64%; padding-right: 10px; color: var(--color-sky-blue);}
.num-left img { width: 18%;}
.numbers-repeater { row-gap: 20px;}
.number-item { text-align: center; min-width: 207px; width: fit-content; margin-inline: auto;}
.number-item .h2-sm { border: 2px solid var(--color-sky-blue); border-radius: 30px; padding: 8px 25px; margin-inline: auto; margin-bottom: 15px; color: var(--color-white);}
.number-item .font-15 { color: var(--color-sky-blue); line-height: 20px; max-width: 180px; margin-inline: auto;}
.numbers-terms { margin-top: 100px; max-width: 800px; text-align: center; margin-inline: auto;}
.numbers-terms p { color: var(--color-white); font-size:11px; line-height: 15px; font-weight:400; font-family: "Lato", sans-serif;}
.numbers-terms p a{word-wrap: break-word;}

/* LR Section */
.lr-section { padding-block: 70px 100px;}
.lr-section.sec_ptb-0 { padding-block: 0px 0px;}
.lr-top-wrp { text-align: center;}
.lr-top-wrp h2 { color: var(--color-sky-blue-dark);}
.lr-top-wrp h4 { color: var(--color-blue); font-style: italic;}
.lr-top-desc    { margin-block: 24px 130px; max-width: 1013px; margin-inline: auto;}
.lr-top-wrp, .lr-repeater { width: 100%;}
.lr-rep-wrp { flex-wrap: nowrap; justify-content: space-between; margin-bottom: 60px;}
.lr-rep-wrp:last-of-type { margin-bottom: 0;}
.lr-rep-wrp:nth-child(even) { flex-direction: row-reverse;}
.lr-rep-wrp:nth-child(even) .lr-title-text-wrp { text-align: right;}
.lr-title-text-wrp { max-width: 800px; width: 100%;}
.lr-title-text-wrp h2 { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #707070; color: var(--color-blue);}
.lr-img-title-wrp  { text-align: center; max-width: 190px; width: 100%;}
.lr-img-title-wrp h5 { margin-bottom: 15px; color: var(--color-sky-blue-dark);}
.lr-img-title-wrp img { max-width: 48px; width: 100%;}
.lr-btn-wrp { margin-inline: auto; margin-top: 110px;}

/* Admission Requirement Section */
.adm-req-section { padding-block: 115px;}
.adm-req-section .wrapper { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 80px;}
.adm-req-left  { padding-inline: 90px 30px; flex-wrap: nowrap; align-items: center;}
.adm-req-left h2 { padding-right: 40px; color: var(--color-blue);}
.adm-req-left img { max-width: 60px;}
.req-desc-wrp { max-width: 375px;}
.req-desc-wrp p:not(:last-of-type){ margin-bottom: 15px;}

/* Form Section */
.form-section { padding-block: 80px 110px;}
.form-section h3 { margin-bottom: 10px; color: var(--color-blue);}
.program-form { margin-top: 50px; margin-inline: -10px; row-gap: 20px;}
.program-form br { display: none;}
.form_group-row { padding-inline: 10px;}
.form-section form label {
    margin-bottom: 10px;
    color: #000000 !important;
    text-transform: capitalize;
    font-size: 12px!important;
    line-height: 16px!important;
    height: auto!important;
    width: 100%!important;
}
.form-section form input, .form-section form select {
    padding: 12px 16px 12px 12px!important;
    margin: 0 !important;
    color: var(--color-dark)!important;
    border: 1px solid var(--color-sky-blue-dark)!important;
    font-size: 12px!important;
    line-height: 16px!important;
    height: auto!important;
    outline: 0!important;
    border-radius: 2px!important;
    width: 100%!important;
}
.form_group-row.form-btn-wrp { width: auto; margin-inline: auto; text-align: center; margin-top: 60px;}
.form_group-row.form-btn-wrp input {font-family: 'Bicyclette' !important; display: inline-block !important; padding: 7px 35px 4px !important; font-size: 18px !important; line-height: 20px !important; font-weight: 700 !important; letter-spacing: normal !important; text-align: center !important; border: none !important; text-transform: uppercase !important; border-radius: 25px !important; color: var(--color-blue) !important; transition: all 0.3s ease;}

/* Thank You Page */
section.banner-section.thank-banner-sec { background-position: center center;}
.thank-banner-sec .btn { background-color: var(--color-yellow);}
.thank-banner-sec .btn:hover { background-color: #9AE2FD; border-color: var(--color-yellow);}
.thank-banner-sec .banner-subtitle { font-family: 'Bicyclette' !important; font-size: 26px !important; line-height: 30px !important; font-weight: 400 !important; font-style: normal;}
.thank-banner-sec ~ .resp-banner-sec .btn { background-color: var(--color-yellow); line-height: 16px;}
.thank-banner-sec ~ .resp-banner-sec .btn:hover { background-color: #9AE2FD; border-color: var(--color-yellow);}

/* Thank You Page Connect Section */
.ty-content-section { padding-block: 100px 120px;}
.cont-row { column-gap: 200px;}
.left-cont { width: 100%; max-width: 515px;}
.top-cont { position: relative; padding-bottom: 80px;}
.cont-row h2 { max-width: 485px; margin-bottom: 15px; padding-bottom: 10px; position: relative; color: var(--color-blue);}
.cont-row h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 484px; height: 1px; background: #707070;}
.cont-row .btm-cont h2::after { left: unset; right: 0;}

.arrow-wrp { position: absolute; bottom: 30px; right: -140px; transform: translate(0%, 0%);}
.cmn-arw { width: 106px;}
.right-cont { padding-top: 35px;}
.right-cont-inr p { margin-inline: auto; box-shadow: 1px 9px 37px #00000027;}
.right-cont-inr img { width: auto;} /* added temporary */

/* ================================================ HOME PAGE End ================================================ */
/* ================================================ REMARKETING PAGE START ================================================ */

/*Bottom Banner CSS*/

section.remarketing-banner {
    background-position: center;
}
.banner-bottom-sec{
    /*-webkit-mask-image: url(./assets/images/bottom-banne-img.png);
    mask-image: url(./assets/images/bottom-banne-img.png);
    mask-repeat: no-repeat;*/
   /* background-color: #d1ebf5;*/
    max-width: 100%;
    /*mask-size: cover;*/
    margin-top: -47px;
    /*height: 179px;*/
    display: flex;
    align-items: center;
    background-image: url(./assets/images/bottom-banne-img.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    position: relative;
    padding: 85px 0px 45px;
}
.banner-bottom-sec .wrapper {
    max-width: 980px;
}
.banner-bottom-sec .botton-banner-title {
    color: var(--color-blue);;
    position: relative;
}
.banner-bottom-sec .botton-banner-title:after {
    position: absolute;
    content: '';
    top: 0px;
    right: -125px;
    background-image: url(./assets/images/bottom-banner-arrow.svg);
    height: 40px;
    width: 65px;
    background-size: contain;
    background-repeat: no-repeat;
}
 .banner-bottom-sec .bottom-section-content {
    align-items: center;
 }

/*CTA section css*/

.cta-section {
    padding: 80px 0 94px;
}
.cta-section .cta-section-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 956px;
}
.cta-section .cta-section-details h2 {
    color: var(--color-blue);;
    text-align: center;
}
.btn-darkblue {
    background-color: #194E80;
    color: #D1EBF5;
}
.cta-button-col {
    margin-top: 46px;
}
.cta-section .cta-content {
    position: relative;
}
.cta-section .cta-content:after {
    position: absolute;
    content: '';
    bottom: -65px;
    right: 250px;
    background-image: url(./assets/images/blue-down-arrow.svg);
    height: 73px;
    width: 73px;
    background-size: contain;
    background-repeat: no-repeat;
}

/*Clandly Section Css*/
.calendly-sec {
    padding: 48px 0 65px;
}
.calendly-sec .top-details {
    /*max-width: 928px;*/
    text-align: center;
    flex-direction: column;
    align-items: center;
}
.calendly-sec .top-details .top-title {
    max-width: 605px;
    color: var(--color-blue);
    margin-bottom: 30px;
}
.calendly-sec .left-right-details {
    padding-top: 92px;
    gap: 237px;
}
.calendly-sec .left-right-details .left-side-content {
    max-width: 383px;
}
.calendly-sec .left-right-details .right-side-section {
    max-width: 363px;
}
.calendly-sec .left-right-details .left-side-top-details {
    max-width: 330px;
}

.calendly-sec .left-right-details h4 {
    color: var(--color-blue);
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}
.calendly-sec .left-content {
    margin-top: 10px;
    margin-bottom: 31px;
}
.calendly-sec .right-side-content .btn  {
    margin-bottom: 84px;
}
.calendly-sec .top-details .top-content {
    position: relative;
}
.calendly-sec .top-details .top-content:before {
    position: absolute;
    content: '';
    bottom: -30px;
    right: -40px;
    background-image: url(./assets/images/yellow-arrow.svg);
    height: 79px;
    width: 24px;
    background-size: contain;
    background-repeat: no-repeat;
}

/*FAQ Section CSS*/

.faq-sec {
    padding: 84px 15px 88px;
}
.faq-sec .wrapper {
    /*max-width: 1175px;*/
    border: 2px solid #D1EBF5;
    border-radius: 64px;
    padding: 60px 40px 40px;
}
.faq-sec .top-title {
    text-align: center;
    margin-bottom: 50px;
    color: #D1EBF5;
}
.faq-sec .faq-repeater {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 100px;
}
.faq-sec .faq-title .h4 {
    font-weight: 700;
    font-size: 16px !important;
    line-height: 32px;
    color: #94E1FF;
    border-bottom: 2px solid #D1EBF5;
    padding-bottom: 5px;
    font-style: italic;
    position: relative;
    padding-right: 20px;
    cursor: pointer;
}
.faq-sec .faq-title .h4:before {
    position: absolute;
    content: '';
    bottom: 10px;
    right: 0px;
    background-image: url("./assets/images/Polygon 3.svg");
    height: 12px;
    width: 17px;
    background-size: contain;
    background-repeat: no-repeat;
}
.faq-sec .faq-content  {
    color: #ffffff;
    margin-top: 15px;
    margin-bottom: 30px;
}
.faq-content {
    visibility: visible !important;
}
.page-id-307 .footer-top {
    display: none;
}

.header-banner {
    text-align: center;
    font-weight: 600;
    padding: 5px 15px;
}
.header-banner.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}
.footer-logo-wrp {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
	align-items: center;
}
.footer-logo-wrp a {
    display: inline-block;
}
.privacy-btn {
    color: #090B0D;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 400;
}
.privacy-btn:hover {
    color: #090B0D;
	    text-decoration: none;
}
@media (min-width: 1921px) {
    .banner-bottom-sec {
        margin-top: -60px;
    }
}
@media (max-width: 1600px) {
    .banner-bottom-sec{
        padding: 65px 0;
    }
}
@media (max-width: 1200px) {
    .right-content { padding-right: 20px;}
    .practice-arrow-wrapper { right: 0;}

    .footer-top .wrapper { gap: 30px;}
    .footer-top-right  { max-width: calc(100% - 294px);}


    /* Thank You Page Connect Section */
    .ty-content-section { padding-block: 80px;}
    .cont-row { column-gap: 100px;}
    .arrow-wrp { bottom: 50px; right: -100px;}
    .cmn-arw { width: 80px;}

    .faq-sec {
        padding: 70px 15px 70px;
    }
    .faq-sec .wrapper {
        padding: 40px 40px;
    }
    .faq-sec .faq-repeater {
        column-gap: 60px;
    }
    .cta-section {
        padding: 76px 0 56px;
    }
    .cta-button-col {
        margin-top: 50px;
    }
    .calendly-sec .left-right-details {
        padding-top: 70px;
        gap: 150px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .calendly-sec .left-right-details .right-side-section,
    .calendly-sec .left-right-details .left-side-content {
        max-width: unset;
    }
    .calendly-sec {
        padding: 48px 0 15px;
    }
    .banner-bottom-sec .botton-banner-title:after {
        right: -95px;
    }
}

@media (max-width: 1024px) {
    .container, .wrapper { padding-inline: 15px !important;}

    .h1, h1 {font-size:40px !important; line-height: 44px !important;}
    .h2, h2 {font-size:36px !important; line-height: 40px !important;}
    .h2-sm  {font-size:34px !important; line-height: 38px !important;}
    .h3, h3 {font-size:32px !important; line-height: 30px !important;}
    .h4, h4 {font-size:22px !important; line-height: 30px !important;}
    .h5, h5 {font-size:19px !important; line-height: 20px !important;}

    .btn  { padding: 12px 28px 9px !important; font-size: 17px !important;}
    
    header.main-header > .container-fluid {padding:0 15px !important;}
    
    .footer-bottom {padding-block: 60px;}
/*     .footer-logo { margin-inline: auto;} */

    .practice-left-img { height: 100%; object-fit: cover; object-position: center center;}
    .practice-section h2 { margin-bottom: 15px;}
    .practice-list-wrapper { margin-top: 15px;}
    .right-content-col { padding-left: 15px;}
    .numbers-section { margin-top: 0; padding-block: 40px;}
    .right-content-wrapper { padding-left: 15px;}
    .right-content-wrapper { padding: 0;}
    .practice-arrow-wrapper { max-width: 25px;}
    .num-left { padding-left: 0; gap: 0;}
    .num-left .h1 { width: 75%;}
    .num-left img { width: 25%;}
    .numbers-terms { margin-top: 60px;}
    .lr-top-desc { margin-block: 30px 60px;}
    .lr-btn-wrp { margin-top: 40px;}
    .adm-req-left { padding-left: 0;}
    .adm-req-section .wrapper { gap: 50px;}  
    .adm-req-section, .lr-section, .form-section { padding-block: 60px;}
    .program-form, .form_group-row.form-btn-wrp { margin-top: 30px;}

    /* Thank You Page Connect Section */
    .cont-row { column-gap: 60px;}
    .left-cont { max-width: 50%;}
    .top-cont { padding-bottom: 60px;}
    .cont-row h2 { max-width: 485px; margin-bottom: 15px; padding-bottom: 10px;}
    .arrow-wrp { bottom: 80px; right: -80px;}
    .cmn-arw { width: 60px;}
    .right-cont { padding-top: 20px; max-width: 40%;}
    .right-cont-inr img { width: auto; max-width: unset;} /* added temporary */

    .btn-banner-button-col .btn {font-size: 18px !important; line-height: 20px !important;}
    .calendly-sec .left-right-details {
        column-gap: 50px;
    }
    .calendly-sec .right-side-content .btn {
        margin-bottom: 60px;
    }
    .calendly-sec .top-details .top-content:before {
        bottom: -70px;
        height: 61px;
        width: 24px;
        right: 0px;
    }
    .faq-sec .top-title {
        margin-bottom: 30px;
    }

}
@media (max-width: 991px) {
    .faq-sec .faq-repeater {
        column-gap: 30px;
    }
    .banner-bottom-sec .botton-banner-title:after {
        right: -80px;
    }
}
@media (max-width: 825px) {
    .banner-bottom-sec .botton-banner-title {
        max-width: 300px;
    }
    .banner-bottom-sec .botton-banner-title:after {
        top: 50%;
        transform: translate(-50%, -25%);
    }
    .cta-section .cta-content:after {
        right: 20px;
    }
        .banner-bottom-sec .botton-banner-title:after {
        right: -80px;
    }
    .banner-bottom-sec .botton-banner-title:after {
        right: -170px;
    }
}
@media (max-width: 767px) {

    .h1, h1 {font-size:30px !important; line-height: 34px !important;}
    .h2, h2 {font-size:28px !important; line-height: 32px !important;}
    .h2-sm  {font-size:22px !important; line-height: 28px !important;}
    .h3, h3 {font-size:26px !important; line-height: 28px !important;}
    .h4, h4 {font-size:20px !important; line-height: 26px !important;}
    .h5, h5 {font-size:18px !important; line-height: 20px !important;}

    .font-12 { line-height: 18px;}
    .font-15 { font-size:14px; line-height: 20px;}
    .font-17 { font-size:15px; line-height: 20px;}
    
    p { font-size: 15px; line-height: 20px;}

    .btn  { padding: 12px 35px 9px !important; font-size: 14px !important; line-height: 20px;}


    /* footer */
    .footer-top { padding-block: 60px;}
    .footer-top .wrapper { flex-direction: column; justify-content: center; align-items: center; gap: 30px;}
    .footer-top-left { text-align: center;}
    .footer-top-right { max-width: 100%; text-align: center;}
    .footer-top-right p { font-size: 16px;}

    /* section.banner-section { max-height: 500px; background-size: 190% 100%; background-position: 70% center; padding-bottom: 20px;} */
    section.banner-section { max-height: 500px; background-size: cover; background-position: center center; padding-bottom: 20px;}
    section.banner-section:before { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.5) 75%);}
    section.banner-section .banner-title { font-size: 28px; line-height: 32px; margin-bottom: 5px;}
    /* section.banner-section.thank-banner-sec { background-position: 40% center;} */
    section.banner-section.thank-banner-sec { max-height: 285px;}
    .thank-banner-sec .banner-subtitle { margin-bottom: 0; font-size: 22px !important; line-height: 30px !important; font-family: 'Bicyclette' !important;}
    .resp-banner-sec { padding-block: 20px 0;}
    .resp-banner-sec .banner-section-inner { text-align: left;}
    .resp-banner-sec .banner-content { margin-bottom: 25px; text-align: left;}
    .resp-banner-sec .banner-content p { font-family: "Lato", sans-serif; font-size: 14px; line-height: 18px; color: var(--color-dark);}



    .practice-section { padding-block: 40px;}
    .practice-section .row .col-12 { padding-inline: 0;} 
    .practice-left-img { max-height: 400px;}
    .practice-arrow-wrapper { display: none;}
    .right-content-wrapper .right-content p { font-size: 14px; line-height: 18px;}
    /* .practice-list-wrapper ul { display: flex; flex-wrap: wrap; justify-content: space-between;} */
    .practice-list-wrapper ul { columns: 2; column-gap: 20px;}
    .practice-list-wrapper ul li { break-inside: avoid; width: 100%; font-size: 14px; line-height: 22px;}
    /* .practice-list-wrapper ul li { width: 100%; max-width: calc(50% - 10px); font-size: 14px; line-height: 22px;} */
    .right-content-wrapper { padding-top: 20px;}
    .num-left { width: fit-content; margin-inline: auto; padding-bottom: 40px; gap: 10px;}
    .num-left .h1 { width: 100%; max-width: 400px; font-size: 28px !important; line-height: 32px !important;}
    .num-left img { position: absolute;
        left: -10px;
        bottom: -60px;
        transform: translate(50%, -50%);
        width: 18px;
    }
    .number-item { min-width: unset;}
    .number-item .h2-sm { margin-bottom: 5px;font-size: 33px !important; line-height: 37px !important; min-width: 183px;}
    .numbers-repeater { row-gap: 30px; padding-top: 40px;} 
    .number-item .font-15 { font-size: 13px; line-height: 33px;}
    .numbers-terms p { max-width: 245px; font-size: 9px; line-height: 12px;}
    .col-md-6.col-12:last-of-type .number-item .font-15 { margin-top: 15px; line-height: 16px; font-size: 14px !important; max-width: 150px;}
    .numbers-terms { margin-top: 30px;}

    .lr-section { padding-block: 40px;}
    .lr-top-wrp h2 { margin-bottom: 5px;}
    .lr-top-desc { margin-block: 15px 40px;}
    .lr-top-desc p { font-size: 14px; line-height: 18px;}
    .lr-title-text-wrp h2 { max-width: 155px; margin-bottom: 0;}
    .lr-rep-wrp:nth-child(even) .mob-resp-top { flex-direction: row-reverse;}
    .lr-img-title-wrp { max-width: 105px;}
    .lr-img-title-wrp h5 { margin-bottom: 5px; font-size: 12px !important; line-height: 15px !important;}
    .lr-img-title-wrp img { width: 30px;}
    .lr-rep-wrp:not(:last-of-type) { margin-bottom: 40px;}
    .lr-btn-wrp { margin-top: 40px;}
    .mob-resp-top { padding-bottom: 10px;}
    .lr-text-wrp p { font-size: 14px !important; line-height: 18px !important;}
    .adm-req-section  { padding-block: 40px;}  
    .adm-req-section .wrapper { flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .adm-req-left { position: relative; padding-inline: 0;}
    .adm-req-left h2 { font-size: 28px !important; line-height: 32px !important;}
    .adm-req-left img { position: absolute; max-width: 18px; right: 0; bottom: -30px;}
    .req-desc-wrp p { font-size: 14px; line-height: 18px;}


    /* Form Section */
    .form-section { padding-block: 40px;}
    .form-title-subtitle { text-align: center;}
    .form-section h3 { margin-bottom: 10px; font-size: 28px !important; line-height: 32px !important;}
    .program-form { margin-top: 25px; margin-inline: -15px; row-gap: 30px;}
    .form_group-row { padding-inline: 15px;}
    .form_group-row.form-btn-wrp { margin-top: 0px;}
    .form-desc { margin-inline: auto; max-width: 265px; font-size: 14px; line-height: 18px;}


    /* Thank You Page Connect Section */
    .ty-content-section { padding-block: 60px;}
    .cont-row { column-gap: unset;}
    .left-cont { max-width: 100%;}
    .top-cont { padding-bottom: 0; padding-right: 40px;}
    .cont-row h2 { max-width: fit-content; margin-bottom: 10px;}
    .cont-row h2::after { max-width: 169px;}
    .arrow-wrp { bottom: -20px; right: 0px;}
    .resp-arw { width: 25px;}
    .right-cont { padding-block: 30px 60px; max-width: 100%;}
    .btm-cont .title-des { text-align: right;}
    .btm-cont .title-des h2 { margin-left: auto;}
    .title-des p { font-size: 14px; line-height: 18px;}
    .right-cont-inr p { max-width: 262px;}

    .faq-sec .faq-repeater,
    .calendly-sec .left-right-details {
        display: block;
    }
    .faq-content {
        margin-bottom: 15px;
    }
    .calendly-sec .left-right-details .right-side-section {
        margin-top: 38px;
    }
    .calendly-sec .left-right-details .right-side-section .btn-button-col,
    .banner-bottom-sec .wrapper {
        display: flex;
        justify-content: center;
    }
    .banner-bottom-sec .bottom-section-content {
        display: flex;
        max-width: 240px;
        justify-content: center;
        align-items: center;
    }
    .banner-bottom-sec .bottom-section-content .btn-banner-button-col {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .banner-bottom-sec {
        margin-top: -10px;
        padding: 40px 0px 0px;
    }
    .banner-bottom-sec .botton-banner-title:after {
        background-image: url(./assets/images/down-arrow.svg);
        height: 60px;
        width: 28px;
        right: -40px;
    }
    .calendly-sec .top-details {
        text-align: left;
        align-items: start;
    }
    .calendly-sec .top-details .top-content:before {
        right: 70px;
    }
    .faq-sec {
        padding: 44px 15px 44px;
    }
    .faq-sec .wrapper {
        border-radius: 36px;
    }
	.header-banner {
       font-size: 20px !important;
    }

}

.page-404 {
    width: 100%;
    padding-top: 68px;
    padding-bottom: 82px;
    height: 77vh;
    max-width: 570px;
    display: flex;
    align-items: center;
    margin: 0 auto;
}
.page-404 .lr-top-desc {
    margin-bottom: 0;
}
.page-404 .lr-btn-wrp {
    margin-bottom: 0;
    margin-top: 0;
}

.error404 .page-404 a.btn-skyblue {
    margin: 0 auto;
    margin-top: 49px;
    background: #194E80;
    color: #D1EBF5;
    text-transform: uppercase;
    position: relative;
}
.error404 .page-404 h2 {
    color: #194E80;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 33px;
}
.error404 .page-404 p {
    color: #090B0D !important;
}
.page-404 .lr-top-desc p:first-child {
    margin-block-end: 20px;
    margin-block-start: 0!important;
}
.error404 .page-404 a.btn-skyblue:hover {
    background: #fdd46a;
    color: #194E80;
}

.error404 .page-404 a.btn-skyblue:before {
    content: "";
    position: absolute;
    top: -60px;
    right: -50px;
    left: auto;
    width: 20px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: top;
    background-size: auto;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC45OCIgaGVpZ2h0PSI2OC42OTIiIHZpZXdCb3g9IjAgMCAyMC45OCA2OC42OTIiPgogIDxwYXRoIGlkPSJhcnJvdyIgZD0iTTYxNi4wOTEsODMxLjY5M2MtLjAyOS0xLjM0OC4wNDYtMi43LjA2Ny00LjA1LjAyOS0xLjkuMDQ0LTMuOC4wNjctNS43YTIuMjY1LDIuMjY1LDAsMCwxLDMuMzc0LTIuMDYycTIuMzgzLDEuNTQzLDQuNzc0LDMuMDc2LjQ3Mi0uNjM5LjkxOC0xLjI5MWE0OS4xMDgsNDkuMTA4LDAsMCwwLDUuODc5LTExLjYwOSw1MC40MjQsNTAuNDI0LDAsMCwwLDEuNTcxLTI3LjIxNyw2MS42NzYsNjEuNjc2LDAsMCwwLTUuNTY2LTE0Ljk1N2MtLjMyMy0uNjI5LjUyMy0xLjQxNy45NzctLjgsNS43NzcsNy44MjksOC41MzIsMTguMDkyLDguNjQ2LDI3Ljk2M2E1Mi41NTMsNTIuNTUzLDAsMCwxLTcuMzczLDI3LjMzMXEtLjgyOCwxLjM4OS0xLjc0MSwyLjcyLDIsMS4zLDMuOTkzLDIuNjE1YzEuNiwxLjA2MSwxLjQ2OSw0LjAzMS0uNTUyLDQuNS0zLjc1Ljg2OS03LjUsMS44NDgtMTEuMjY3LDIuNjI2YTIuMTg3LDIuMTg3LDAsMCwxLTEuODU3LjY5NSwxLjk2NywxLjk2NywwLDAsMS0xLjQxLS45MzMsMi40NCwyLjQ0LDAsMCwxLS41LTIuOW01LjIyMi01LjAzOS0uNy0uNDY2Yy0uMDA4LjQwOS0uMDE4LjgxOC0uMDI1LDEuMjI2cS4zNjQtLjM3NS43MjMtLjc2IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNjE1LjgxOSAtNzY2Ljg1NykiIGZpbGw9IiM5NGUxZmYiLz4KPC9zdmc+Cg==);
}


@media only screen and (max-width: 600px) {
.error404 .page-404 a.btn-skyblue:before {
    content: "";
    position: absolute;
    top: -30px;
    right: -40px;
    left: auto;
    background-size: 15px;
}
}
/* ================================================ Custom CSS END ================================================ */