* {
        box-sizing: border-box;
    }
    
    html {
        scroll-behavior: smooth;
    }
    
    body {
        font-weight: 400;
        margin: 0;
        padding: 0;
        color: #3D3D3D;
        font-family: 'Poppins', sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    body.overlay-body {
        overflow: hidden;
    }
    
    .clearfix:before,
    .clearfix:after {
        content: " ";
        display: table;
    }
    
    .clearfix:after {
        clear: both;
    }
    
    .clear {
        clear: both;
        line-height: 0;
        font-size: 0;
    }
    
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6 {
        margin: 0;
        padding: 0;
        font-family: 'Poppins', sans-serif;
    }
    
    p {
        color: #3D3D3D;
        font-size: 16px;
        line-height: 1.3125em;
        margin: 0;
        margin-bottom: 16px;
        font-weight: 400;
        font-family: 'Poppins', sans-serif;
    }
    
    p:last-child {
        margin-bottom: 0;
    }
    
    @media (max-width: 1024px) {
        p {
            font-size: 16px;
        }
    }
    
    a {
        color: #000;
        text-decoration: none;
    }
    
    a:hover {
        color: #8181A5;
        text-decoration: none;
    }
    /*....*/
    
    ul,
    ol {
        margin: 0;
        padding: 0;
    }
    
    ul,
    ol {
        margin-left: 14px;
        list-style: none;
    }
    
    ul li,
    ol li {
        position: relative;
        font-size: 16px;
        color: #000000;
        font-weight: 400;
    }
    
    ol li {
        counter-increment: count;
    }
    
    ol li:before {
        content: counter(count) ". ";
        position: absolute;
        top: 0;
        left: 0;
        font-weight: bold;
    }
    /*..
ul li:after {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 10px;
height: 10px;
background: #CB0824;
border-radius: 50%;
}
..*/
    
    @media (min-width: 1025px) {
        ul li:after {
            top: 0px;
        }
        ul li,
        ol li {
            padding: 0 0 0 0px;
        }
        ul,
        ol {
            margin-left: 0px;
        }
    }
    /*icon*/
    
    @font-face {
        font-family: 'icomoon';
        src: url('../fonts/icomoon.eot?k7h9rc');
        src: url('../fonts/icomoon.eot?k7h9rc#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?k7h9rc') format('truetype'), url('fonts/icomoon.woff?k7h9rc') format('woff'), url('fonts/icomoon.svg?k7h9rc#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    
    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        speak: never;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .container {
        width: 100%;
        max-width: 1340px;
    }
    
    @media (min-width: 1440px) {
        .container,
        .container-fluid,
        .container-sm,
        .container-md,
        .container-lg,
        .container-xl {
            padding-right: 34px;
            padding-left: 34px;
        }
    }
    /*button style*/
    
    .btn {
        display: inline-block;
        cursor: pointer;
        border-radius: 50px;
        padding: 14px 40px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        border: none;
        text-transform: capitalize;
        line-height: 1.33em;
        font-family: 'Lato', sans-serif;
        transition: all .4s ease-in-out;
    }
    
    .btn:hover {
        text-decoration: none;
    }
    
    .btn-primary {
        color: #ffffff;
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
    }
    
    .btn-primary:hover {
        color: #ffffff;
        background: linear-gradient(275.29deg, #BE8920 6.47%, #D4A851 81.19%);
    }
    
    .btn-secondary {
        background: #2799F1;
        color: #ffffff;
    }
    
    .btn-secondary:hover {
        background: #0060AB;
        color: #ffffff;
    }
    
    .btn+.btn {
        margin-top: 12px;
    }
    
    @media (min-width: 768px) {
        .btn+.btn {
            margin-left: 20px;
        }
    }
    /**
* Forms
*/
    
    label {
        margin: 0 0 0;
        color: #8181A5;
        font-weight: 400;
        font-size: 14px;
        padding: 0 0 5px;
        line-height: 1.50em;
        font-family: Roboto;
    }
    
    [type="text"],
    [type="date"],
    [type="time"],
    [type="datetime"],
    [type="datetime-local"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="url"],
    [type="week"],
    select {
        width: 100%;
        padding: 12px 0;
        padding-right: 24px;
        font-size: 14px;
        color: #1C1D21;
        font-weight: bold;
        border: none;
        border-bottom: 1px solid #ECECF2;
        outline: none;
        background: transparent;
        height: 44px;
        transition: all .4s ease-in-out;
        font-family: 'Lato', sans-serif;
    }
    
    textarea {
        width: 100%;
        padding: 14px 16px;
        font-size: 14px;
        color: #1C1D21;
        font-weight: bold;
        border: none;
        background: transparent;
        border-bottom: 1px solid #ECECF2;
        outline: none;
        height: 100px;
        resize: none;
        transition: all .4s ease-in-out;
        font-family: 'Lato', sans-serif;
    }
    
    [type="text"]::placeholder,
    [type="date"]::placeholder,
    [type="time"]::placeholder,
    [type="datetime"]::placeholder,
    [type="datetime-local"]::placeholder,
    [type="email"]::placeholder,
    [type="month"]::placeholder,
    [type="number"]::placeholder,
    [type="password"]::placeholder,
    [type="search"]::placeholder,
    [type="tel"]::placeholder,
    [type="url"]::placeholder,
    [type="week"]::placeholder,
    select::placeholder,
    textarea::placeholder {
        color: #8181A5;
        transition: color .4s ease-in-out;
    }
    
    [type="text"]:focus::placeholder,
    [type="date"]:focus::placeholder,
    [type="time"]:focus::placeholder,
    [type="datetime"]:focus::placeholder,
    [type="datetime-local"]:focus::placeholder,
    [type="email"]:focus::placeholder,
    [type="month"]:focus::placeholder,
    [type="number"]:focus::placeholder,
    [type="password"]:focus::placeholder,
    [type="search"]:focus::placeholder,
    [type="tel"]:focus::placeholder,
    [type="url"]:focus::placeholder,
    [type="week"]:focus::placeholder,
    select:focus::placeholder,
    textarea:focus::placeholder {
        color: #1C1D21;
    }
    
    [type="text"]:focus,
    [type="date"]:focus,
    [type="time"]:focus,
    [type="datetime"]:focus,
    [type="datetime-local"]:focus,
    [type="email"]:focus,
    [type="month"]:focus,
    [type="number"]:focus,
    [type="password"]:focus,
    [type="search"]:focus,
    [type="tel"]:focus,
    [type="url"]:focus,
    [type="week"]:focus,
    select:focus,
    textarea:focus {
        border-color: #1C1D21;
    }
    
    .icon-form-field {
        position: relative;
    }
    
    .icon-body {
        position: absolute;
        top: 10px;
        right: 0;
    }
    
    .icon-body span {
        font-size: 18px;
    }
    
    select,
    [type="time"],
    [type="date"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        position: relative;
    }
    
    input[type="date"]::-webkit-calendar-picker-indicator,
    input[type="time"]::-webkit-calendar-picker-indicator {
        color: transparent;
        background: no-repeat;
        background-position: cover;
        z-index: 1;
        position: absolute;
        width: 100%;
        height: 100%;
        cursor: pointer;
        top: 0;
        left: 0;
    }
    
    .select-box,
    .time-box,
    .date-box {
        position: relative;
        overflow: hidden;
    }
    
    .select-box:after,
    .time-box:after,
    .date-box:after {
        content: "";
        font-family: FontAwesome;
        color: #161D20;
        padding: 0 14px;
        position: absolute;
        right: 0;
        font-size: 30px;
        top: 0;
        background: transparent;
        z-index: 1;
        text-align: center;
        height: 100%;
        pointer-events: none;
        box-sizing: border-box;
        line-height: 40px;
    }
    
    .select-box:after {
        content: "\f107";
    }
    
    .date-box:after {
        content: "\e901";
        font-family: 'icomoon';
        font-size: 20px;
    }
    
    .time-box:after {
        content: "\e904";
        font-family: 'icomoon';
        font-size: 20px;
    }
    
    input:not([type="radio"]):not([type="checkbox"]),
    button,
    textarea {
        -webkit-appearance: none;
    }
    
    [type="radio"]:checked,
    [type="radio"]:not(:checked) {
        display: none;
    }
    
    [type="radio"]:checked+label,
    [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        padding-bottom: 0;
        line-height: 20px;
        display: inline-block;
        color: #1C1D21;
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    [type="radio"]:checked+label:last-child,
    [type="radio"]:not(:checked)+label:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }
    
    [type="radio"]:checked+label:before,
    [type="radio"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #12B3E7;
    }
    
    [type="radio"]:checked+label:after,
    [type="radio"]:not(:checked)+label:after {
        content: '';
        width: 8px;
        height: 8px;
        background: #ffffff;
        position: absolute;
        top: 6px;
        left: 6px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    [type="radio"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    [type="radio"]:checked+label:after {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    
    [type="checkbox"] {
        display: none;
    }
    
    [type="checkbox"]:checked+label,
    [type="checkbox"]:not(:checked)+label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        padding-bottom: 0;
        line-height: 20px;
        display: inline-block;
        color: #1C1D21;
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    [type="checkbox"]:checked+label:last-child,
    [type="checkbox"]:not(:checked)+label:last-child {
        margin-right: 0;
        margin-bottom: 0;
    }
    
    [type="checkbox"]:checked+label:before,
    [type="checkbox"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background: #0060AB;
    }
    
    [type="checkbox"]:checked+label:after,
    [type="checkbox"]:not(:checked)+label:after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 7px;
        width: 6px;
        height: 12px;
        border: solid #ffffff;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    [type="checkbox"]:not(:checked)+label:after {
        opacity: 0;
        -webkit-transform: rotate(45deg) scale(0);
        transform: rotate(45deg) scale(0);
    }
    
    [type="checkbox"]:checked+label:after {
        opacity: 1;
        -webkit-transform: rotate(45deg) scale(1);
        transform: rotate(45deg) scale(1);
    }
    
    [type="submit"],
    [type="button"] {
        cursor: pointer;
        outline: none;
    }
    
    [type="submit"]:focus,
    [type="button"]:focus {
        outline: none;
    }
    
    button::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border: none;
        padding: 0;
    }
    /*radion button*/
    /*page login*/
    
    .page-login {
        position: relative;
        width: 100%;
        min-height: 100vh;
    }
    
    .water-background {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .water-background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        -o-object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    
    .page-login-wrapper {
        position: relative;
        padding: 45px 0;
    }
    
    .page-login-white-overlay {
        width: 100%;
        max-width: 736px;
        background: #F4F3F4;
        border-radius: 20px;
        padding: 22px;
        margin: 20px auto;
    }
    
    .page-login-logo {
        text-align: center;
        padding-bottom: 40px;
    }
    
    .page-login-logo img {
        display: inline-block;
    }
    
    .page-login-form {
        width: 100%;
        max-width: 362px;
        margin: 0 auto;
    }
    
    .page-login-field+.page-login-field {
        padding-top: 22px;
    }
    
    .page-login-field-button {
        padding-top: 38px;
    }
    
    .page-login-field-button {
        text-align: center;
    }
    
    @media (min-width: 768px) {
        .page-login-white-overlay {
            padding-top: 65px;
            padding-bottom: 172px;
        }
    }
    
    @media (min-width: 1200px) {
        .page-login-wrapper {
            padding: 0;
        }
        .page-login-flex-box {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            height: 100vh;
        }
    }
    /*page header*/
    
    .menu-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-content: center;
        border-bottom: 1px solid #C9C9C9;
        padding-bottom: 11px;
        margin-top: 2px;
        margin-bottom: 13px;
    }
    
    .menu-top ul {
        padding: 0px;
        margin: 0;
        list-style: none;
    }
    
    .menu-top ul li {
        padding: 0;
        margin: 0;
        display: inline-block;
    }
    
    .menu-top ul li a:hover {
        border-bottom: none;
    }
    
    .menu-top-left ul li {
        padding-right: 42px;
    }
    
    .menu-top-left ul li img {
        margin-right: 8px;
    }
    
    .menu-top-right ul li {
        padding-left: 24px;
    }
    
    .page-header {
        width: 100%;
        padding: 10px 0;
        position: absolute;
        background: transparent;
        z-index: 9999;
        top: 17px;
        left: 0;
    }
    
    .page-header-flexbox {
        display: flex;
        flex-wrap: wrap;
    }
    
    .logo a {
        display: inline-block;
    }
    
    .logo img {
        width: 220px;
    }
    
    .header-right {
        width: calc(100% - 96px);
        text-align: right;
    }
    
    .menu-search {
        display: none;
    }
    
    .nav-toggle {
        width: 48px;
        cursor: pointer;
        margin: 18px 0;
        display: inline-block;
    }
    
    .nav-toggle span {
        width: 100%;
        height: 2px;
        display: block;
        background: #12B3E7;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    
    .nav-toggle span+span {
        margin-top: 10px;
    }
    
    .nav-primary {
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background: #fff;
        padding: 0;
        margin: 0;
        display: none;
        text-align: left;
    }
    
    .nav-primary ul {
        padding: 0;
        margin: 0;
    }
    
    .nav-primary li::after,
    .nav-primary li::before {
        display: none;
    }
    
    .nav-primary li {
        padding: 0;
        margin: 0 0;
        font-weight: 400;
        font-size: 15px;
        line-height: 1.33em;
        text-transform: capitalize;
        color: #fff;
        position: relative;
        border-bottom: 1px solid #2799F1;
    }
    
    .nav-primary li:first-child {
        border-top: 1px solid #2799F1;
    }
    
    .nav-primary a {
        color: #fff;
        padding: 14px 16px;
        display: block;
        position: relative;
        transition: all .4s ease-in-out;
    }
    
    .nav-primary a span {
        color: #2799F1;
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 12px;
        width: 20px;
        position: relative;
        top: -2px;
    }
    
    .nav-primary a:hover {
        text-decoration: none;
        color: #D3A74F;
        /* border-bottom: #D3A74F 2px solid; */
        background: none;
    }
    
    .nav-primary .active {
        text-decoration: none;
        color: #D3A74F;
        border-bottom: #D3A74F 2px solid;
    }
    
    @media (min-width: 375px) {
        .logo img {
            width: 246px;
        }
        .header-right {
            width: calc(100% - 90px);
        }
    }
    
    @media (min-width: 1200px) {
        .page-header {
            padding: 0;
            /* height: 101px;*/
        }
        .logo {
            margin: 20px 0;
        }
        .logo img {
            width: 106px;
        }
        .header-right {
            width: calc(100% - 106px);
            /*height: 101px;*/
            padding-left: 16px;
        }
        .nav-toggle {
            display: none;
        }
        .nav-primary {
            display: inline-block!important;
            position: static;
            width: auto;
            height: auto;
            background: transparent;
            top: unset;
            left: unset;
        }
        .nav-primary>ul {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
        .nav-primary li {
            border: none;
            text-align: center;
            margin-right: 20px;
        }
        .nav-primary li:last-child {
            margin-right: 0;
        }
        .nav-primary a {
            text-align: center;
            /*padding: 30px 0 24px 0;*/
            padding: 0px 0 0 0;
        }
        .nav-primary a::before {
            content: "";
            width: 100%;
            height: 0;
            position: absolute;
            top: 0;
            left: 0;
            transition: height .4s ease-in-out;
        }
        .nav-primary a:hover::before,
        .nav-primary li.active a::before {
            height: 0px;
            color: #0060AB;
        }
        .nav-primary a span {
            display: block;
            position: static;
            margin: 0 auto 10px;
            top: 0;
        }
        .nav-primary li:first-child {
            border: none;
        }
    }
    
    @media (min-width: 1366px) {
        .nav-primary li {
            margin-right: 10px;
            line-height: 30px;
        }
    }
    /* Banner */
    
    .banner {
        position: relative;
    }
    
    .banner img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
    }
    
    .banner-overlay {
        position: relative;
        background: rgba(3, 4, 39, 0.69);
        padding: 302px 0 356px;
        color: #ffffff;
        text-align: center;
    }
    
    .banner-title {
        width: 100%;
        max-width: 840px;
        margin: 0 auto;
        color: white;
        font-weight: 400;
        font-size: 16px;
    }
    
    .banner-title h1 {
        font-weight: 700;
        font-size: 50px;
        text-align: center;
        margin-bottom: 29px;
    }
    
    .search-banner {
        max-width: 700px;
        margin: 0 auto;
        padding-top: 42px;
    }
    
    .input-text:focus {
        box-shadow: 0px 0px 0px;
        border-color: #f8c146;
        outline: 0px;
    }
    
    .search-banner .form-control {
        background: rgba(6, 10, 39, 0.76);
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 6px;
        padding-left: 15px;
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        height: 56px;
    }
    
    .search-banner .btn-outline-warning {
        background-color: transparent;
        position: absolute;
        right: 0px;
        z-index: 100;
    }
    
    .search-banner .btn-outline-warning i {
        color: #fff;
        font-size: 26px;
    }
    /* Banner bottom secton */
    
    .banner-bottom-section {
        background-color: #E5E5E5;
        padding-bottom: 100px;
    }
    
    .banner-bottom {
        position: relative;
    }
    
    .banner-bottom-position {
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.09);
        border-radius: 10px;
        padding: 34px 29px;
        margin-top: -130px;
        color: #5C5C5C;
    }
    
    .banner-bottom-position h2 {
        font-weight: bold;
        font-size: 42px;
        margin-bottom: 11px;
        color: #233039;
    }
    
    .banner-bottom-position p {
        font-weight: normal;
        font-size: 16px;
        color: #5C5C5C;
    }
    
    .grid-container {
        display: grid;
        grid-gap: 24px;
        grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
        grid-auto-rows: minmax(auto);
        grid-auto-columns: minmax(auto);
    }
    
    .items {
        border-radius: 3px;
    }
    
    .nested-item {
        display: grid;
        gap: 24px;
        grid-template-columns: [first] 69px auto [end];
        background: #fff;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
        justify-self: center;
        padding: 6px 0 6px 7px;
    }
    
    .banner-bottom ul {
        padding: 0;
        margin: 0px;
        list-style-type: none;
    }
    
    .banner-bottom ul li {
        display: inline-block;
        width: 100%;
    }
    
    .child-item {
        padding: 6px 0 6px 7px;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
    }
    
    .titel {
        font-weight: 600;
        font-size: 16px;
        color: #233039;
        padding-right: 17px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .box {
        width: calc(100% - 69px);
        float: left;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        display: inline-block;
    }
    
    .icon1 {
        float: left;
        width: 69px;
        height: 71px;
        background: #EAD5F6;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }
    
    .icon2 {
        width: 69px;
        height: 71px;
        background: #E9FBFF;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .icon3 {
        width: 69px;
        height: 71px;
        background: #EBF6D6;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .icon4 {
        width: 69px;
        height: 71px;
        background: #F9EFD4;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .icon5 {
        width: 69px;
        height: 71px;
        background: #E1DEFD;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .items:first-chid .icon1 {
        background-color: #EAD5F6;
    }
    
    .items:nth-child(2) .icon1 {
        background-color: #E9FBFF;
    }
    
    .items:nth-child(3) .icon1 {
        background-color: #EBF6D6;
    }
    
    .items:nth-child(4) .icon1 {
        background-color: #F9EFD4;
    }
    
    .items:nth-child(5) .icon1 {
        background-color: #E1DEFD;
    }
    
    .items:hover .icon1 {
        background-color: #fff;
    }
    
    .items:hover .nested-item {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
    }
    
    .items:hover {
        text-decoration: none;
    }
    
    .items:hover .titel {
        color: #fff;
        text-decoration: none;
    }
    /*  */
    
    .tab-menu ul {
        display: flex;
        justify-content: center;
    }
    
    .tab-memu-section {
        background-color: #E5E5E5;
        padding-bottom: 100px;
    }
    
    .tab-titel-aria {
        max-width: 1010px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 99px;
    }
    
    .tab-titel-aria h2 {
        font-weight: 600;
        font-size: 42px;
        line-height: 46px;
        text-align: center;
        color: #233039;
        margin-bottom: 26px;
    }
    
    .tab-titel-aria p {
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #5C5C5C;
    }
    
    .tab-btn-section {
        padding: 80px 0 0px 0;
        display: flex;
        justify-content: center;
    }
    
    .grid-tab-container {
        display: grid;
        grid-gap: 30px;
        grid-template-columns: repeat(auto-fill, minmax(302px, 1fr));
        grid-auto-rows: minmax(auto);
        grid-auto-columns: minmax(auto);
    }
    
    .grid-tab-items {
        border-radius: 3px;
    }
    
    .grid-tab-nested-item {
        display: grid;
        gap: 24px;
        grid-template-columns: [first] 69px auto [end];
        background: #fff;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
        justify-self: center;
        padding: 24px 30px 24px 30px;
    }
    
    .grid-tab-icon {
        align-content: center;
    }
    
    .grid-tab-titel {
        font-size: 16px;
        color: #233039;
        padding-right: 0px;
    }
    
    .grid-tab-titel .drakan {
        color: #0060AB;
    }
    
    .grid-tab-titel h5 {
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        color: #233039;
    }
    
    .grid-tab-titel span {
        color: #000;
    }
    
    .grid-tab-nested-item {
        display: grid;
        gap: 24px;
        grid-template-columns: [first] 69px auto [end];
        background: #fff;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
        justify-self: center;
        padding: 24px 10px 24px 20px;
    }
    
    .tab-menu {
        margin-top: 34px;
    }
    
    .tab-menu ul {
        display: flex;
        justify-content: center;
    }
    
    .tab-menu ul li {
        /* -ms-flex-preferred-size: 0; 
flex-basis: 0; 
-ms-flex-positive: 1; 
flex-grow: 1; */
        text-align: center;
        padding-left: 0px;
        padding-right: 74px;
        border-bottom: 2px solid #5C5C5C;
    }
    
    .tab-menu ul li:last-child {
        padding-right: 0px;
    }
    
    .tab-menu ul li a {
        letter-spacing: 0.44px;
        display: inline-block;
        /*padding:18px 26px; */
        display: block;
        text-decoration: none;
        transition: 0.4s all;
        border-bottom: 0;
        font-weight: 600;
        font-size: 16px;
        text-align: center;
        padding-bottom: 15px;
        color: #233039;
        border-bottom: 4px solid transparent;
        position: relative;
    }
    
    .tab-menu ul li a.active {
        border-bottom-color: #233039;
    }
    
    .tab-menu ul li a::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        border-top: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #233039;
        border-left: 5px solid transparent;
        opacity: 0;
        transition: opacity .4s ease-in-out;
    }
    
    .tab-menu ul li a.active::before {
        opacity: 1;
    }
    
    .tab-box {
        display: none;
    }
    
    .tab-teaser {
        width: 100%;
        margin: 0 auto;
    }
    
    .tab-main-box {
        padding-top: 43px;
    }
    /* */
    
    .how-it-works-section {
        background: white;
        padding: 106px 0;
        display: flex;
        flex-wrap: nowrap;
    }
    
    .flex-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .grid-container-how-it-works {
        display: grid;
        /*grid-template-columns: 200px 200px 200px;*/
        /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
        /*grid-template-columns: repeat(3, 1fr);*/
        grid-gap: 46px;
        /*grid-auto-rows: 100px;*/
        /*grid-auto-columns: 150px;*/
        grid-template-columns: repeat(auto-fill, minmax(337px, 1fr));
        grid-auto-rows: minmax(auto);
        grid-auto-columns: minmax(auto);
    }
    
    .items-how-it-works {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        background: #FFFFFF;
        box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.09);
        border-radius: 10px;
        padding: 47px 0;
    }
    
    .how-it-works-section h2 {
        font-weight: 600;
        font-size: 42px;
        line-height: 46px;
        color: #233039;
        margin-bottom: 20px;
    }
    
    .how-it-works-section p {
        font-weight: 500;
        font-size: 16px;
        color: #5C5C5C;
        line-height: 1.75em;
    }
    
    .items-how-it-works p {
        font-weight: 600;
        font-size: 16px;
        line-height: 28px;
        color: #233039;
    }
    
    .items-how-it-works h3 {
        font-weight: 600;
        font-size: 40px;
        color: #233039;
    }
    /*  */
    
    .trending-section {
        background: url(../img/trending-bg.png) center center no-repeat;
        background-size: cover;
        padding: 88px 0 104px 0;
    }
    
    .trending-section h2 {
        font-weight: 600;
        font-size: 42px;
        text-align: center;
        color: #FFFFFF;
        margin-bottom: 39px;
    }
    
    .trending-box ul li {
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 2.3125em;
        color: #565656;
        background: url(../img/arrow-icon.png) no-repeat 0px 10px;
        padding: 10px 0 10px 30px;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.1875em;
        color: #565656;
        margin: 0 0 0 20px;
    }
    
    .box-title {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border-radius: 6px 6px 0px 0px;
    }
    
    .box-title h3 {
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
        padding: 25px 0;
    }
    
    .box-con-wrap {
        background: white;
        padding: 30px 0;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.17);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }
    
    .box-content {
        height: 350px;
        overflow-x: auto;
        scrollbar-color: #C4C4C4 #F5F5F5;
        scrollbar-width: thin;
    }
    
    .box-content::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #F5F5F5;
        width: 4px;
    }
    
    .box-content::-webkit-scrollbar {
        width: 11px;
        background-color: #F5F5F5;
    }
    
    .box-content::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #C4C4C4;
    }
    
    @media (min-width: 1200px) {
        .grid-container-how-it-works {
            padding-left: 52px;
        }
    }
    /*****************Popular Colleges Section*****************/
    
    .popular-colleges {
        background: #E5E5E5;
        padding: 65px 0 50px 0;
    }
    
    .popular-colleges {
        background: #FFFFFF;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
    }
    
    .popular-colleges h2 {
        font-style: normal;
        font-weight: 600;
        font-size: 42px;
        line-height: 1.095em;
        text-align: center;
        color: #233039;
        margin-bottom: 66px;
    }
    
    .MS-content {
        position: relative;
        margin: 0 -15px;
    }
    
    .MS-content .item {
        padding: 22px 15px;
    }
    
    .imgTitle {
        background: #FFFFFF;
        box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        text-align: center;
    }
    
    .imgTitle h3 {
        font-weight: 600;
        font-size: 16px;
        line-height: 1.5em;
        text-align: center;
        color: #4D5C64;
        margin-top: 13px;
        padding-bottom: 18px;
    }
    
    .imgTitle img {
        width: 100%;
    }
    
    .slick-prev {
        left: -0;
    }
    
    .slick-next {
        right: -0;
    }
    
    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 38px;
        height: 38px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: #233039;
        border: none;
        outline: none;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
        z-index: 9;
    }
    
    .slick-prev:before,
    .slick-next:before {
        opacity: 1;
        color: #233039;
    }
    
    .slick-prev:hover,
    .slick-next:hover {
        background: #fff;
    }
    
    .slick-prev:hover::before,
    .slick-next:hover::before {
        color: #29AEFD;
    }
    
    .slick-dots {
        display: none;
    }
    
    @media (min-width: 1440px) {
        .slick-prev {
            left: -60px;
        }
        .slick-next {
            right: -60px;
        }
    }
    /*****************Common Application Form (CAF) Section*****************/
    
    .common-application {
        background: url(../img/common-application.png) no-repeat;
        background-size: cover;
        font-weight: 500;
        font-size: 16px;
        color: #FFFFFF;
        padding: 122px 0 120px 0;
    }
    
    .common-application p {
        font-weight: 500;
        font-size: 16px;
        color: #FFFFFF;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 1.75em;
        color: #FFFFFF;
        padding-bottom: 20px;
    }
    
    .common-application h2 {
        font-weight: 600;
        font-size: 42px;
        color: #FFFFFF;
        margin-bottom: 22px;
    }
    
    .common-application ul li {
        text-align: center;
        margin-bottom: 56px;
    }
    
    .common-application h5 {
        font-weight: 500;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
        margin-top: 16px;
    }
    
    .common-application btn {
        margin-top: 30px;
    }
    /****************** Blog Section ******************/
    
    .blog-section {
        padding: 100px 0 80px 0;
    }
    
    .blog-title-section {
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #5C5C5C;
        margin-bottom: 64px;
    }
    
    .blog-title-section h2 {
        font-weight: 600;
        font-size: 42px;
        line-height: 46px;
        text-align: center;
        color: #233039;
        margin-bottom: 22px;
    }
    
    .slick-list {
        padding-bottom: 30px;
    }
    
    .blog-section-item {
        padding: 0 30px;
    }
    
    .blog-item {
        box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
    }
    
    .blog-content {
        padding: 24px 24px 42px 24px;
    }
    
    .blog-left i {
        color: #233039;
        font-size: 22px;
        font-weight: 300;
    }
    
    .blog-left {
        color: #233039;
        font-size: 17px;
        font-weight: 400;
    }
    
    .blog-text {
        padding: 24px 0;
    }
    
    .blog-text a {
        margin-top: 24px;
    }
    
    .blog-text p {
        font-weight: 600;
        font-size: 19px;
        line-height: 28px;
        color: #233039;
    }
    /*****************Top Exam monals Section*****************/
    
    .top-exam-section {
        background: #F7F9F8;
        padding: 89px 0 99px 0;
    }
    
    .top-exam-section h2 {
        font-weight: 600;
        font-size: 42px;
        line-height: 46px;
        text-align: center;
        color: #233039;
        margin-bottom: 39px;
    }
    
    .top-exam-box-title {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border-radius: 6px 6px 0px 0px;
        font-weight: 600;
        font-size: 20px;
        line-height: 1em;
        text-align: center;
        color: #FFFFFF;
    }
    
    .top-exam-box-title h3 {
        font-weight: 600;
        font-size: 20px;
        text-align: center;
        color: #FFFFFF;
        padding: 25px 0;
    }
    /*****************Testimonials monalsSection*****************/
    
    .testimonials-section {
        background: #fff;
        padding: 0px 0 100px 0;
    }
    
    .testimonials-section h2 {
        font-weight: 600;
        font-size: 42px;
        line-height: 46px;
        text-align: center;
        color: #233039;
        margin-bottom: 58px;
        margin-top: 30px;
    }
    
    .testmonials-box-left img {
        z-index: 10;
    }
    
    .testmonials-box-right {
        position: absolute;
        left: -60px;
    }
    
    .testimonials {
        background: #fff;
        max-width: 600px;
        padding: 47px 34px 0px 34px;
        margin: 1.5rem auto 0 auto;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        z-index: 99999;
    }
    
    .testimonials .items-con p {
        line-height: 1.75em;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        color: #5C5C5C;
        padding-top: 50px;
        position: relative;
    }
    
    .testimonials .items-con p:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        height: 34px;
        width: 41px;
        background: url(../img/testminials-icon-top.png);
    }
    
    .after-information img {
        border-radius: 50%;
        width: 64px;
        height: 64px;
    }
    
    .after-information h6 {
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        color: #233039;
        margin-left: 19px;
    }
    
    .after-information h6 span {
        font-size: 10px;
        font-weight: 500;
        font-size: 14px;
        color: #585959;
    }
    
    .after-information {
        padding: 0px 0 26px 0;
        font-weight: 600;
        font-size: 18px;
        line-height: 27px;
        color: #233039;
        display: flex;
        flex-wrap: wrap;
    }
    
    .after-information::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        height: 34px;
        width: 41px;
        background: url(../img/testminials-icon-top.png);
    }
    
    .testimonials-section .slick-prev {
        left: -0;
    }
    
    .testimonials-section .slick-next {
        right: -0;
    }
    
    .testimonials-section .slick-prev {
        font-size: 0;
        line-height: 0;
        position: absolute;
        right: 72px;
        top: unset;
        left: unset;
        bottom: -30px;
        display: block;
        width: 38px;
        height: 38px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: #233039;
        border: none;
        outline: none;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
        z-index: 9;
    }
    
    .testimonials-section .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: unset;
        right: 30px;
        bottom: -30px;
        display: block;
        width: 38px;
        height: 38px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: #233039;
        border: none;
        outline: none;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
        z-index: 9;
    }
    
    .testimonials-section .slick-prev:before,
    .testimonials-section .slick-next:before {
        opacity: 1;
        color: #233039;
    }
    
    .testimonials-section .slick-prev:hover,
    .testimonials-section .slick-next:hover {
        background: #fff;
    }
    
    .testimonials-section .slick-prev:hover::before,
    .testimonials-section .slick-next:hover::before {
        color: #D0A248;
    }
    
    @media (min-width: 1440px) {
        .slick-prev {
            left: -60px;
        }
        .slick-next {
            right: -60px;
        }
    }
    
    @media (min-width: 1200px) {
        .testmonials-box-left img {
            height: 431px;
        }
    }
    
    .title {
        font-size: 1.5rem;
    }
    
    .description {
        font-size: 0.95rem;
        color: #333;
    }
    
    .slider-container {
        margin-top: 0rem;
        margin: 0em auto 0 auto;
        position: relative;
        overflow: hidden;
        padding-bottom: 40px;
    }
    
    .slider {
        display: flex;
        flex: 0 0 1;
        width: 300%;
        /* Depends On slide-box Length * 100 */
        transition: all 0.5s linear;
    }
    
    .slide-box {
        padding: 0 0px;
    }
    
    .slide-box .comment {
        color: #fff;
        padding: 60px 0 0 0;
        margin-bottom: 2rem;
        letter-spacing: 0.4px;
        position: relative;
        font-weight: 500;
        font-size: 16px;
        color: #5C5C5C;
    }
    
    .slide-box .comment::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0px;
        height: 34px;
        width: 41px;
        background: url(../img/testminials-icon-top.png);
    }
    
    .slide-box .comment::before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -10px;
        height: 20px;
        width: 20px;
    }
    
    .slide-box img {
        max-width: 60px;
        border-radius: 50%;
    }
    
    .slide-box .name {
        font-size: 1rem;
    }
    
    .slide-box .job {
        font-size: 0.7rem;
        color: #8d8e97;
        font-weight: 400;
    }
    
    .control-slider {
        position: absolute;
        z-index: 5;
        bottom: - 190px;
        transform: translateY(-50%);
        height: 40px;
        width: 40px;
        background-color: #fff;
        line-height: 40px;
        color: #333;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
        text-align: center;
    }
    
    .btn-left {
        right: 50px;
        border-radius: 50%;
        width: 38px;
        height: 38px;
    }
    
    .btn-right {
        right: 10px;
        border-radius: 50%;
        ;
    }
    
    @media screen and (max-width: 500px) {
        .slide-box {
            padding: 0 55px;
        }
    }
    
    .testmonials-wrp {
        padding-bottom: 100px;
    }
    
    .testmonials-botom-box {
        padding: 52px 55px;
        background: #FFFFFF;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        margin: 0px 0 0px 0;
    }
    
    .testmonials-botom-box h2 {
        font-weight: 600;
        font-size: 42px;
        line-height: 46px;
        text-align: left;
        color: #233039;
        margin-bottom: 38px;
    }
    
    .testmonials-botom-box ul {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
    }
    
    .testmonials-botom-box ul li {
        display: inline-block;
        margin: 0 14px;
    }
    
    .testmonials-botom-box ul li:first-child {
        margin-left: 0px;
    }
    
    .grid-container-testimonials {
        display: grid;
        /*grid-template-columns: 200px 200px 200px;*/
        /*grid-template-columns: 1fr 1fr 1fr 1fr 1fr;*/
        /*grid-template-columns: repeat(3, 1fr);*/
        grid-gap: 10px;
        /*grid-auto-rows: 100px;*/
        /*grid-auto-columns: 150px;*/
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
    
    .items-testimonials {
        display: flex;
        flex-wrap: wrap;
    }
    /*****************Footer Section*****************/
    
    footer {
        background: #233039;
        padding: 64px 0 0px 0;
    }
    
    footer .footerlogo {
        width: 20%;
        margin-bottom: 30px;
    }
    
    footer h3 {
        font-weight: 500;
        font-size: 22px;
        line-height: 33px;
        color: #FFFFFF;
        margin-bottom: 20px;
    }
    
    footer ul {
        padding: 0px 0px 50px 0px;
        margin: 0px;
        list-style-type: none;
    }
    
    footer ul li {
        padding: 0 0 14px 0;
        margin: 0 0 0 0;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
        position: relative;
    }
    
    footer ul li a {
        color: #fff;
    }
    
    footer ul li a:hover {
        color: #C18D26;
        text-decoration: none;
    }
    
    footer .map-marker {
        background: url(../img/map-marker.png) no-repeat left top;
        padding-left: 40px;
    }
    
    footer .footer-phone {
        background: url(../img/footer-phone.png) no-repeat left top;
        padding-left: 40px;
    }
    
    footer .envelope {
        background: url(../img/envelope.png) no-repeat left 6px;
        padding-left: 40px;
    }
    
    .social-icons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .social-icons ul {
        padding: 0;
        margin: 0;
    }
    
    .social-icons ul li {
        padding: 0;
        margin: 0;
        display: inline-block;
    }
    
    .social-icons i {
        margin: 0 24px;
    }
    
    .social-icons i a {
        color: #fff;
    }
    
    .social-icons i a:hover {
        color: #C18D26;
    }
    
    .social-icons ul:before {
        content: "";
        display: block;
        width: 520px;
        height: 1px;
        background: #6D6D6D;
        left: 0;
        top: 50%;
        position: absolute;
    }
    
    .social-icons ul:after {
        content: "";
        display: block;
        width: 520px;
        height: 2px;
        background: #6D6D6D;
        right: 0;
        top: 50%;
        position: absolute;
    }
    
    .copyright {
        display: flex;
        flex-wrap: wrap;
        /*justify-content: center;*/
        /*align-items: center;*/
        justify-content: space-between;
        padding-top: 10px;
    }
    
    .copyright-left ul {
        padding: 0px;
    }
    
    .copyright-left ul li {
        display: inline-block;
        margin-right: 90px;
    }
    
    .copyright-right {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF;
    }
    /*  Back to top */
    
    #button {
        display: inline-block;
        width: 58px;
        height: 58px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        transition: background-color .3s, opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        border-radius: 50%;
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
    }
    
    #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 1.50em;
        line-height: 50px;
        color: #fff;
    }
    
    #button:hover {
        cursor: pointer;
        background: linear-gradient(275.29deg, #BE8920 6.47%, #D4A851 81.19%);
    }
    
    #button:active {
        background-color: #555;
    }
    
    #button.show {
        opacity: 1;
        visibility: visible;
    }
    
    @media (min-width: 500px) {
        .content {
            width: 43%;
        }
        #button {
            margin: 30px;
        }
    }
    /* ******************************************
------------- About us page ------------
******************************************* */
    
    .banner-overlay {
        position: relative;
        background: rgba(3, 4, 39, 0.69);
        padding: 220px 0 174px;
        color: #ffffff;
        text-align: center;
    }
    
    .about-us-section {
        background: #fff;
        padding: 87px 0;
    }
    
    .about-us-section h2 {
        color: #233039;
        font-size: 34px;
        line-height: 1.352em;
        margin-bottom: 28px;
        text-align: center;
    }
    
    .about-us-section p {
        font-size: 16px;
        color: #3D3D3D;
        text-align: center;
        line-height: 1.75em;
    }
    
    .offering-section {
        padding: 50px 0;
    }
    
    .offering-containe {
        width: 932px;
        margin: 0 auto;
    }
    
    .offering-containe h2 {
        color: aquamarine;
        font-weight: 600;
        font-size: 34px;
        line-height: 1.3529411764705883em;
        text-align: center;
        color: #233039;
        margin-bottom: 35px;
    }
    
    .offering-containe .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        justify-content: center;
    }
    
    .offering-containe .nav-tabs {
        border-bottom: none;
    }
    
    .offering-containe .nav li a {
        background: #FFFFFF;
        box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.09);
        border-radius: 10px 10px 0px 0px;
        width: 176px;
        height: 50px;
        display: block;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
    }
    
    .offering-containe .nav li a:hover {
        background: #D3A74F;
        box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.09);
        border-radius: 10px 10px 0px 0px;
        width: 176px;
        height: 50px;
        display: block;
        text-align: center;
        line-height: 50px;
        color: #fff;
        font-size: 18px;
    }
    
    .offering-containe .nav li:first-child a {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    
    .offering-containe .nav li:last-child a {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }
    
    .offering-containe .nav li a.active {
        background: #D3A74F;
        color: #fff;
        box-shadow: none;
        z-index: 1;
    }
    
    .offering-containe .panel-body {
        padding: 40px 30px;
        background: #FFFFFF;
        box-shadow: 0px 4px 41px rgba(0, 0, 0, 0.09);
        border-radius: 10px;
    }
    
    .offering-containe .panel-title a[aria-expanded="true"] {
        background-color: #0F75BC;
        color: #fff;
    }
    
    .tabbed-content .item {
        padding: 0 0;
    }
    
    .tabbed-content .item-content {
        padding: 0px 0px;
    }
    
    @media (min-width: 768px) and (max-width: 1920px) {
        .panel-heading {
            display: none;
        }
    }
    
    @media (min-width: 767px) {
        /* .panel-heading {
display: none;
} */
        .panel {
            border: none;
            box-shadow: none;
        }
        .panel-collapse {
            height: auto;
        }
        .panel-collapse.collapse {
            display: block;
        }
    }
    
    @media (max-width: 767px) {
        .tab-content .tab-pane {
            display: block;
        }
        .nav-tabs {
            display: none;
        }
        .panel-title a {
            display: block;
        }
        .panel {
            margin: 0;
            box-shadow: none;
            border-radius: 0;
            margin-top: -2px;
        }
        .tab-pane:first-child .panel {
            border-radius: 5px 5px 0 0;
        }
        .tab-pane:last-child .panel {
            border-radius: 0 0 5px 5px;
        }
    }
    
    .about-grid-container {
        display: grid;
        grid-gap: 24px;
        grid-template-columns: repeat(auto-fill, minmax(258px, 1fr));
        grid-auto-rows: minmax(auto);
        grid-auto-columns: minmax(auto);
    }
    
    .items {
        border-radius: 3px;
    }
    
    .nested-item {
        display: grid;
        gap: 24px;
        grid-template-columns: [first] 69px auto [end];
        background: #fff;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
        justify-self: center;
        padding: 6px 0 6px 7px;
    }
    
    .banner-bottom ul {
        padding: 0;
        margin: 0px;
        list-style-type: none;
    }
    
    .banner-bottom ul li {
        display: inline-block;
        width: 100%;
    }
    
    .child-item {
        padding: 6px 0 6px 7px;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
    }
    
    .titel {
        font-weight: 600;
        font-size: 16px;
        color: #233039;
        padding-right: 17px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    
    .box {
        width: calc(100% - 69px);
        float: left;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        display: inline-block;
    }
    
    .icon1 {
        float: left;
        width: 69px;
        height: 71px;
        background: #EAD5F6;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
    }
    
    .icon2 {
        width: 69px;
        height: 71px;
        background: #E9FBFF;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .icon3 {
        width: 69px;
        height: 71px;
        background: #EBF6D6;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .icon4 {
        width: 69px;
        height: 71px;
        background: #F9EFD4;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .icon5 {
        width: 69px;
        height: 71px;
        background: #E1DEFD;
        border-radius: 6px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        margin: 6px 0 6px 7px;
    }
    
    .items:first-chid .icon1 {
        background-color: #EAD5F6;
    }
    
    .items:nth-child(2) .icon1 {
        background-color: #E9FBFF;
    }
    
    .items:nth-child(3) .icon1 {
        background-color: #EBF6D6;
    }
    
    .items:nth-child(4) .icon1 {
        background-color: #F9EFD4;
    }
    
    .items:nth-child(5) .icon1 {
        background-color: #E1DEFD;
    }
    
    .items:hover .icon1 {
        background-color: #fff;
    }
    
    .items:hover .nested-item {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
    }
    
    .items:hover {
        text-decoration: none;
    }
    
    .items:hover .titel {
        color: #fff;
        text-decoration: none;
    }
    /* ****** USP ******* */
    
    .usp-section {
        background: #F7F9F8;
        padding: 95px 104px;
    }
    
    .usp-section h2 {
        font-weight: 600;
        font-size: 34px;
        line-height: 46px;
        color: #233039;
        margin-bottom: 26px;
    }
    
    .usp-section img {
        width: 100%;
    }
    
    .usp-section p {
        padding: 0px;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 21px;
        color: #2B2A2A;
        padding-bottom: 3px;
    }
    
    .usp-section p span {
        color: #0F75BC;
        font-weight: bold;
        font-size: 19px;
    }
    
    .align-center {
        display: flex;
        align-items: center
    }
    /* ********* Milestone *********** */
    
    .milestone-section {
        background-size: cover;
        background-image: url(../img/milestone-bg.jpg);
        position: relative;
        padding: 89px 0 70px 0;
    }
    
    .milestone-section h2 {
        font-weight: bold;
        font-size: 36px;
        line-height: 54px;
        text-transform: uppercase;
        color: #FFFFFF;
        text-align: center;
        margin-bottom: 37px;
    }
    
    .milestone-item {
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #FFFFFF;
        position: relative;
        padding-top: 50px;
    }
    
    .milestone-item:after {
        content: "";
        width: 20px;
        height: 20px;
        top: 0px;
        left: 50%;
        position: absolute;
        background: url(../img/milestone-icon.png);
    }
    
    .milestone {
        position: relative;
    }
    
    .milestone-slider:after {
        content: "";
        display: block;
        width: 100%;
        height: 6px;
        background: #fff;
        right: 0;
        top: 6px;
        position: absolute;
        border-radius: 10px;
    }
    
    .milestone-slider {
        padding-bottom: 100px;
    }
    
    .milestone-slider .slick-prev {
        left: -0;
    }
    
    .milestone-slider .slick-next {
        right: -0;
    }
    
    .milestone-slider .slick-prev {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: unset;
        left: 45%;
        bottom: 0;
        display: block;
        width: 38px;
        height: 38px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: #233039;
        outline: none;
        border-radius: 50%;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
        z-index: 9;
        border: #c69533 1px solid;
        background: transparent;
    }
    
    .milestone-slider .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: unset;
        bottom: 0px;
        right: 45%;
        display: block;
        width: 38px;
        height: 38px;
        padding: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: #233039;
        border: none;
        outline: none;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.12);
        z-index: 9;
        background: transparent;
        border: 1px solid #c69533;
    }
    
    .milestone-slider .slick-prev::before,
    .milestone-slider .slick-next::before {
        color: #fff;
    }
    
    .cliend-logo-section {
        padding: 76px 0;
    }
    
    .cliend-logo-section ul {
        margin: 0px auto;
        max-width: 1115px;
    }
    
    .cliend-logo-section ul li {
        margin-bottom: 30px;
    }
    
    .our-office-section {
        padding: 0px 0 92px 0;
    }
    
    .our-office-section h2 {
        padding: 0px 0 29px 0;
        font-weight: 600;
        font-size: 34px;
        line-height: 46px;
        text-align: center;
        color: #233039;
    }
    
    .our-office-section ul li {
        margin-bottom: 30px;
    }
    
    .our-office-section .itemt {
        border-left: 1px solid #D9D5D5;
        border-top: 1px solid #D9D5D5;
        border-bottom: 1px solid #D9D5D5;
        border-radius: 4px;
        padding: 24px 28px;
        position: relative;
    }
    
    .our-office-section .itemt::after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 100%;
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border-radius: 0px 4px 4px 0px;
    }
    
    .our-office-section .itemt h3 {
        font-weight: 600;
        font-size: 18px;
        color: #D3A74F;
        margin-bottom: 12px;
        text-align: left;
    }
    
    .our-office-section .itemt p {
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        color: #777777;
    }
    /* ********* History ********** */
    
    .history-section {
        background-color: #fff;
        padding-bottom: 90px;
    }
    
    .history-section h2 {
        font-weight: 600;
        font-size: 34px;
        line-height: 46px;
        text-align: center;
        color: #233039;
        margin-bottom: 15px;
    }
    
    .history-section p {
        font-weight: normal;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        color: #3D3D3D;
    }
    /* ******************************************
------------- Contact Us Page ------------
******************************************* */
    
    .page-title-section {
        padding: 98px 0 0 0;
    }
    
    .page-title-section h2 {
        font-size: 42px;
        font-size: 34px;
        font-weight: bold;
        line-height: 22px;
        text-align: center;
        color: #3D3D3D;
        margin-bottom: 34px;
    }
    
    .page-title-section h3 {
        font-weight: bold;
        font-size: 24px;
        line-height: 18px;
        text-align: center;
        color: #233039;
        margin-bottom: 42px;
    }
    
    .page-title-section .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        justify-content: center;
    }
    
    .page-title-section .nav-tabs {
        border-bottom: none;
    }
    
    .page-title-section .nav li {
        margin: 0 13px;
    }
    
    .page-title-section .nav li a {
        border: 2px solid #D3A74F;
        border-radius: 4px;
        background: #FFFFFF;
        color: #D3A74F;
        width: 320px;
        height: 58px;
        display: block;
        text-align: center;
        line-height: 58px;
        font-size: 18px;
    }
    
    .page-title-section .nav li a:hover {
        background: #D3A74F;
        border-color: #D3A74F;
        color: #fff;
        border-radius: 4px;
        width: 320px;
        height: 58px;
        display: block;
        text-align: center;
        line-height: 58px;
        color: #fff;
        font-size: 18px;
    }
    
    .page-title-section .nav li:first-child a {
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    
    .page-title-section .nav li:last-child a {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }
    
    .page-title-section .nav li a.active {
        background: #D3A74F;
        border-color: #D3A74F;
        color: #fff;
        box-shadow: none;
        z-index: 1;
    }
    
    .page-title-section .panel-body {
        padding: 65px 0px;
        background: #FFFFFF;
    }
    
    .page-title-section .panel-title a[aria-expanded="true"] {
        background-color: #0F75BC;
        color: #fff;
    }
    
    .contact-form {
        background-color: #fff;
        position: relative;
    }
    
    .input {
        margin-bottom: 37px;
    }
    
    .get-nn-touch h3 {
        font-weight: bold;
        font-size: 34px;
        line-height: 22px;
        color: #000000;
        margin-bottom: 34px;
    }
    
    .contact-form label {
        color: #5B5B5B;
        font-weight: 400;
        font-size: 18px;
        padding: 0 20px;
        line-height: 1.50em;
        font-family: 'Lato', sans-serif;
        position: absolute;
        background-color: #fff;
        left: 38px;
        top: -9px;
    }
    
    [type="text"],
    [type="date"],
    [type="time"],
    [type="datetime"],
    [type="datetime-local"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="url"],
    [type="week"],
    .contact-form select {
        width: 100%;
        padding: 12px 15px;
        padding-right: 24px;
        font-size: 14px;
        color: #1C1D21;
        font-weight: normal;
        outline: none;
        height: 56px;
        transition: all .4s ease-in-out;
        font-family: 'Poppins', sans-serif;
        background: #FFFFFF;
        border: 1px solid #D9D5D5;
        box-sizing: border-box;
        border-radius: 100px;
    }
    
    .contact-form textarea {
        width: 100%;
        padding: 14px 16px;
        font-size: 14px;
        color: #1C1D21;
        font-weight: bold;
        font-family: 'Poppins', sans-serif;
        background: #FFFFFF;
        border: 1px solid #D9D5D5;
        box-sizing: border-box;
        border-radius: 100px;
        outline: none;
        height: 100px;
        resize: none;
        transition: all .4s ease-in-out;
        font-family: 'Lato', sans-serif;
    }
    /* ******************************************
------------- Our Latest Blog Page ------------
******************************************* */
    
    .our-latest-Blog-section {
        padding: 95px 0 60px 0;
    }
    
    .our-latest-Blog-section h2 {
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        text-align: center;
        color: #233039;
        ;
        margin-bottom: 30px;
    }
    
    .our-latest-Blog-section .blog-item {
        box-shadow: none;
        border: 0px;
        border-radius: 0px;
    }
    
    .our-latest-Blog-section ul li {
        padding-bottom: 47px;
    }
    
    .blog-img {
        position: relative;
        overflow: hidden;
    }
    
    .blog-img img {
        width: 100%;
    }
    
    .blog-img .blog-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0.15;
        transition: .5s ease;
        background-color: rgba(0, 0, 0, 1);
    }
    
    .blog-item-con {
        padding: 31px 0 0 0;
    }
    
    .blog-item-con h3 {
        font-weight: bold;
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.04em;
        color: #233039;
        margin-bottom: 12px;
    }
    
    .blog-item-con p {
        line-height: 22px;
        color: #403F3F;
    }
    
    .blog-item-con a {
        color: #F1425F;
    }
    
    .blog-item-con a:hover {
        color: #233039;
    }
    
    .our-latest-Blog-section .pagination {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        margin-top: 30px;
    }
    
    .our-latest-Blog-section .pagination ul {
        text-align: center;
    }
    
    .our-latest-Blog-section .pagination ul li {
        display: inline-block;
        padding: 0 10px;
    }
    
    .our-latest-Blog-section .pagination ul li a {
        display: block;
        border: 1px solid #DADADA;
        height: 42px;
        width: 42px;
        line-height: 42px;
        border-radius: 100%;
        text-align: center;
        color: #6A6868;
    }
    
    .our-latest-Blog-section .pagination ul li a:hover {
        background-color: #D3A74F;
        color: #fff;
        border: 1px solid #D3A74F;
    }
    /* ******************************************
------------- Careers Page ------------
******************************************* */
    
    .careers-section {
        padding: 110px 0 35px 0;
    }
    
    .careers-section .border-bottom {
        border-bottom: 1px dashed #000000;
        padding-bottom: 35px;
    }
    
    .careers-section h2 {
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin: 0px 0px 20px 0px;
    }
    
    .careers-section h4 {
        font-weight: 500;
        font-size: 22px;
        line-height: 18px;
        color: #262626;
        margin-bottom: 26px;
    }
    
    .careers-top h3 {
        font-weight: bold;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        color: #3F3F3F;
        margin-bottom: 22px;
    }
    
    .careers-left-panel {
        padding: 26px 13px;
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
    }
    
    .careers-section p {
        color: #897E7E;
        font-size: 16px;
        line-height: 24px;
    }
    
    * {
        box-sizing: border-box;
    }
    /* Style the search field */
    
    .careers-section [type="text"] {
        width: 100%;
        padding: 12px 15px;
        padding-right: 24px;
        font-size: 14px;
        color: #1C1D21;
        font-weight: normal;
        outline: none;
        height: 42px;
        transition: all .4s ease-in-out;
        font-family: 'Poppins', sans-serif;
        background: #FFFFFF;
        border: 1px solid #D9D5D5;
        box-sizing: border-box;
        border-radius: 0px;
    }
    
    .careers-section form.example input[type=text] {
        padding: 10px;
        font-size: 16px;
        float: left;
        width: 80%;
        background: #FAFAFA;
        border: 1px solid #ECECEC;
        border-right: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    /* Style the submit button */
    
    .careers-section form.example button {
        float: left;
        width: 20%;
        height: 42px;
        padding: 10px;
        color: #897E7E;
        font-size: 17px;
        border-left: none;
        /* Prevent double borders */
        cursor: pointer;
        background: #FAFAFA;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
        border-left: none;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    /* Clear floats */
    
    .careers-section form.example::after {
        content: "";
        clear: both;
        display: table;
    }
    
    .height300 {
        height: 350px;
    }
    
    .careers-bottom {
        background: white;
        height: 350px;
        overflow-x: auto;
        border-radius: 6px;
        scrollbar-color: #C4C4C4 #F5F5F5;
        scrollbar-width: thin;
        margin-top: 20px;
    }
    
    .careers-bottom::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #F5F5F5;
        width: 4px;
    }
    
    .careers-bottom::-webkit-scrollbar {
        width: 11px;
        background-color: #F5F5F5;
    }
    
    .careers-bottom::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #C4C4C4;
    }
    
    .careers-bottom ul {
        padding: 0 30px 0 0px;
    }
    
    .careers-bottom ul li {
        padding-bottom: 50px;
    }
    
    .careers-bottom ul li input {
        float: left;
    }
    
    .careers-bottom ul li label {
        float: left;
        /* width: 250px; */
        width: 180px;
        color: #424242;
    }
    
    .careers-bottom ul li p {
        float: right;
        font-family: Roboto;
        font-weight: normal;
        font-size: 17px;
        color: #897E7E;
    }
    
    .careers-bottom ul li [type="checkbox"]:checked+label,
    .careers-bottom ul li [type="checkbox"]:not(:checked)+label {
        position: relative;
        padding-left: 40px;
        cursor: pointer;
        padding-bottom: 0;
        line-height: 20px;
        display: inline-block;
        color: #424242;
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    .careers-bottom ul li [type="checkbox"]:checked+label:before,
    .careers-bottom ul li [type="checkbox"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        /* background: #0060AB; */
        background: #FFFFFF;
        border: 1px solid #C4C4C4;
        box-sizing: border-box;
        border-radius: 2px;
    }
    
    [type="checkbox"]:checked+label::after,
    [type="checkbox"]:not(:checked)+label::after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 7px;
        width: 6px;
        height: 12px;
        border: solid #233039;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    .careers-section p a {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 17px;
        line-height: 26px;
        text-decoration-line: underline;
        color: #D3A74F;
    }
    
    .careers-section p a:hover {
        color: #000;
    }
    
    .padding-left {
        padding-left: 15px;
    }
    /* Courses Page */
    
    .padding-none {
        padding: 0 0 60px 0;
    }
    
    .courses-section {
        padding: 0px 0 60px 0;
    }
    
    .courses-section h2 {
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        text-align: center;
        color: #233039;
        ;
        margin-bottom: 30px;
    }
    
    .courses-section .courses-item {
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
    }
    
    .courses-section ul li {
        padding-bottom: 47px;
    }
    
    .courses-img {
        position: relative;
        overflow: hidden;
    }
    
    .courses-img img {
        width: 100%;
    }
    
    .courses-img .blog-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0.15;
        transition: .5s ease;
        background-color: rgba(0, 0, 0, 1);
    }
    
    .courses-item-con {
        padding: 34px 20px;
    }
    
    .courses-item-con h3 {
        font-weight: bold;
        font-size: 19px;
        line-height: 26px;
        color: #5F5F5F;
        margin-bottom: 17px;
    }
    
    .padding-left30 {
        float: none !important;
    }
    
    .courses-item-con h4 {
        font-weight: normal;
        font-size: 15px;
        line-height: 22px;
        color: #424242;
        margin-bottom: 14px;
    }
    
    .courses-item-con h4 span {
        float: right;
        padding-left: 20px;
    }
    
    .courses-item-con p {
        line-height: 22px;
        color: #403F3F;
    }
    
    a.view-details {
        border: #f8c146 1px solid;
        color: #f8c146;
        width: 139px;
        height: 46px;
        text-align: center;
        line-height: 46px;
        display: inline-block;
        background: #FFFFFF;
        border-radius: 50px;
        margin-top: 20px;
    }
    
    a.follow {
        border: 1px solid #F1425F;
        color: #F1425F;
        width: 139px;
        height: 46px;
        text-align: center;
        line-height: 46px;
        display: inline-block;
        background: #fff;
        border-radius: 50px;
        margin-left: 18px;
        margin-top: 20px;
    }
    
    .download-brochure {
        margin-left: 30px;
    }
    
    .download-brochure img {
        margin-right: 10px;
    }
    
    a.download-brochure {
        color: #5F5F5F;
    }
    
    a:hover.download-brochure {
        color: #f8c146;
    }
    
    .reviews-fa-star i {
        color: #E7C23D;
    }
    
    .courses-left {
        padding: 0px;
    }
    
    .accordion-box {
        margin-bottom: 30px;
    }
    
    .accordion {
        color: #eee;
        cursor: pointer;
        padding: 26px 13px 19px 13px;
        width: 100%;
        text-align: left;
        outline: none;
        transition: all 0.4s ease-out;
        /* box-shadow: 0px 0px 34px -8px rgba(0, 0, 0, 0.75); */
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border: 0px;
        margin-bottom: 0px;
        position: relative;
    }
    
    .accordion:first-child {
        border-radius: 6px 6px 0 0;
    }
    
    .accordion:nth-last-child(1) {
        border-radius: 0 0 1rem 1rem;
    }
    
    .accordion:nth-last-child(1):hover {
        background: crimson;
    }
    /* .active,
.accordion:hover {
background-color: #426ef0;
} */
    
    .accordion:after {
        content: "";
        color: #eee;
        font-weight: bold;
        float: right;
        margin-left: 0.5rem;
        background: url(../img/down-arrow.png);
        position: absolute;
        width: 18px;
        height: 10px;
        top: 28px;
        right: 30px;
    }
    
    .accordion-box .active:after {
        content: "";
        background: url(../img/up-arrow.png);
        position: absolute;
        width: 18px;
        height: 10px;
        top: 28px;
        right: 30px;
    }
    
    .accordion-content {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding: 0 13px;
        color: #aaa;
        max-height: unset;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        display: block;
    }
    
    .close-accordian .accordion-content {
        max-height: 0 !important;
    }
    
    .accordion-content ul {
        list-style-type: circle;
        margin: 1rem 0;
        padding: 0.2rem;
    }
    
    .accordion-content ul li {
        padding: 0.2rem 0;
    }
    
    .accordion-content-top {
        margin-bottom: 19px;
    }
    /* Style the search field */
    
    .accordion-content [type="text"] {
        width: 100%;
        padding: 12px 15px;
        padding-right: 24px;
        font-size: 14px;
        color: #1C1D21;
        font-weight: normal;
        outline: none;
        height: 42px;
        transition: all .4s ease-in-out;
        font-family: 'Poppins', sans-serif;
        background: #FFFFFF;
        border: 1px solid #D9D5D5;
        box-sizing: border-box;
        border-radius: 0px;
    }
    
    .accordion-content form.example input[type=text] {
        padding: 10px;
        font-size: 17px;
        float: left;
        width: 80%;
        background: #FAFAFA;
        border: 1px solid #ECECEC;
        border-right: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    /* Style the submit button */
    
    .accordion-content form.example button {
        float: left;
        width: 20%;
        height: 42px;
        padding: 10px;
        color: #897E7E;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        border-left: none;
        /* Prevent double borders */
        cursor: pointer;
        background: #FAFAFA;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
        border-left: none;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    /* Clear floats */
    
    .accordion-content form.example::after {
        content: "";
        clear: both;
        display: table;
    }
    
    .accordion-content-bottom {
        height: 350px;
        overflow-x: auto;
        border-radius: 0px;
        scrollbar-color: #BE8920 #FFF8DD;
        scrollbar-width: thin;
        margin-bottom: 20px;
    }
    
    .accordion-content-bottom::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #F5F5F5;
        width: 4px;
    }
    
    .accordion-content-bottom::-webkit-scrollbar {
        width: 11px;
        background-color: #F5F5F5;
    }
    
    .accordion-content-bottom::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #FFF8DD;
    }
    
    .accordion-content-bottom ul {
        padding: 0 10px 0 0px;
    }
    
    .accordion-content-bottom ul li {
        padding-bottom: 50px;
    }
    
    .accordion-content-bottom ul li input {
        float: left;
    }
    
    .accordion-content-bottom ul li label {
        float: left;
        width: 80%;
    }
    
    .accordion-content-bottom ul li p {
        float: right;
        color: #fff;
    }
    
    .accordion-content-bottom ul li [type="checkbox"]:checked+label,
    .accordion-content-bottom ul li [type="checkbox"]:not(:checked)+label {
        position: relative;
        padding-left: 40px;
        cursor: pointer;
        padding-bottom: 0;
        line-height: 20px;
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    .accordion-content-bottom ul li [type="checkbox"]:checked+label:before,
    .accordion-content-bottom ul li [type="checkbox"]:not(:checked)+label:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 24px;
        height: 24px;
        /* background: #0060AB; */
        background: #FFFFFF;
        border: 1px solid #C4C4C4;
        box-sizing: border-box;
        border-radius: 2px;
    }
    
    [type="checkbox"]:checked+label::after,
    [type="checkbox"]:not(:checked)+label::after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 7px;
        width: 6px;
        height: 12px;
        border: solid #233039;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    .accordion-content ul {
        list-style-type: none;
    }
    /* Compare Colleges */
    
    .page-titel-header {
        padding: 40px 0 50px 0;
    }
    
    .page-titel-header ul {
        padding: 0;
        list-style-type: none;
    }
    
    .page-titel-header ul li {
        display: inline-block;
        color: #D3A74F;
        margin-right: 7px;
    }
    
    .page-titel-header ul li span {
        padding-left: 7px;
    }
    
    .page-titel-header ul li a {
        color: #000;
    }
    
    .page-titel-header ul li a:hover {
        color: #D3A74F;
    }
    /* Popular Comparisons With IIT Bombay */
    
    .popular-comparisons-with {
        padding: 110px 0 120px 0;
        width: 100%;
        display: inline-block;
    }
    
    .popular-white {
        background: white;
    }
    
    .popular-gray {
        background: #F7F9F8;
    }
    
    .popular-comparisons-with h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        text-align: center;
        color: #233039;
        margin-bottom: 38px;
    }
    
    .popular-comparisons-with .slick-slide {
        margin: 0 4px;
    }
    
    .comparisons-item {
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-shadow: 0px 2px 27px rgba(0, 0, 0, 0.1);
        border-radius: 4px;
        padding: 26px 20px;
    }
    
    .comparisons-item-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .comparison-img-box {
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
        padding-top: 2px;
        padding-bottom: 2px;
        width: 128px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .comparisons-item-bottom {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .comparison-con-box {
        width: 130px;
        display: flex;
        flex-wrap: wrap;
    }
    
    .comparison-con-box h5 {
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        line-height: 25px;
        color: #233039;
        margin-bottom: 22px;
        margin-top: 20px;
    }
    
    .comparison-con-box h6 {
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #414141;
        margin-bottom: 22px;
    }
    
    .comparison-con-box ul {
        padding: 0px;
        list-style-type: none;
    }
    
    .comparison-con-box ul li {
        padding: 0 0px 0 0;
        display: inline-block;
        font-family: Roboto;
        font-size: 16px;
        color: #565656;
    }
    
    .compare-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 20px;
    }
    
    .compare-btn a {
        display: inline-block;
        width: 139px;
        height: 46px;
        background: #FFFFFF;
        border: 1px solid #D3A74F;
        border-radius: 50px;
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        line-height: 46px;
        text-align: center;
        color: #D3A74F;
        justify-content: center;
    }
    
    .compare-colleges-bottom {
        padding: 100px 0;
    }
    
    .compare-colleges-bottom h3 {
        height: 53px;
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        line-height: 53px;
        color: #D3A74F;
        position: relative;
        padding-left: 18px;
    }
    
    .compare-colleges-bottom h3:after {
        content: " ";
        background: url(../img/bu-icon.png) no-repeat;
        position: absolute;
        width: 11px;
        height: 11px;
        top: 21px;
        left: 0px;
    }
    
    .compare-colleges-bottom h4 {
        height: 47px;
        line-height: 47px;
        background: #FBFBFB;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.03);
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        line-height: 53px;
        color: #575757;
        margin-bottom: 20px;
        padding: 0 17px;
    }
    
    .compare-colleges-bottom h4 a:hover {
        color: #D3A74F;
    }
    
    .compare-colleges {
        padding-top: 20px;
        padding-bottom: 100px;
    }
    
    .login {
        text-align: center;
        padding-top: 30px;
    }
    
    .login a {
        width: 262px;
        height: 46px;
        line-height: 46px;
        background: #FFFFFF;
        border: 1px solid #D3A74F;
        border-radius: 50px;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 500;
        color: #D3A74F;
        display: inline-block;
    }
    
    .compare-colleges h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        line-height: normal;
        color: #233039;
        margin-bottom: 18px;
    }
    
    .compare-colleges p {
        font-family: Roboto;
        font-size: 22px;
        line-height: 36px;
        color: #262626;
    }
    
    .compare-colleges ul {
        padding: 0px;
        margin: 30px 0 0 0;
        list-style-type: none;
    }
    
    .compare-colleges ul li {
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
        padding: 20px 18px;
        position: relative;
    }
    
    .compare-colleges ul li img {
        margin: 0 auto;
        display: block;
    }
    
    .compare-colleges ul li .close-icon {
        position: absolute;
        width: 26px;
        height: 27px;
        right: 18px;
        top: 20px;
    }
    
    .compare-colleges ul li span {
        float: right;
    }
    
    .compare-colleges ul li h2 {
        font-family: Roboto;
        font-weight: normal;
        font-size: 20px;
        line-height: 28px;
        color: #233039;
        margin-top: 36px;
    }
    
    .compare-colleges ul li h3 {
        font-family: Roboto;
        font-weight: 500;
        font-size: 18px;
        line-height: 28px;
        color: #414141;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    .compare-colleges ul li h4 {
        font-family: Roboto;
        font-size: 16px;
        line-height: 25px;
        text-align: center;
        color: #8B8B8B;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    .compare-colleges ul li h5 {
        font-family: Roboto;
        font-size: 25px;
        line-height: 25px;
        text-align: center;
        color: #8B8B8B;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    
    .compare-colleges ul li p {
        font-family: Roboto;
        font-size: 16px;
        line-height: 25px;
        color: #5E5E5E;
    }
    
    .compare-colleges ul li p span {
        width: 140px;
    }
    /* Style the search field */
    
    .compare-colleges [type="text"] {
        width: 100%;
        padding: 12px 15px;
        padding-right: 24px;
        font-size: 14px;
        color: #1C1D21;
        font-weight: normal;
        outline: none;
        height: 42px;
        transition: all .4s ease-in-out;
        font-family: 'Poppins', sans-serif;
        background: #FFFFFF;
        border: 1px solid #D9D5D5;
        box-sizing: border-box;
        border-radius: 0px;
    }
    
    .compare-colleges form.example input[type=text] {
        padding: 10px;
        font-size: 16px;
        float: left;
        width: 80%;
        background: #FAFAFA;
        border: 1px solid #ECECEC;
        border-right: none;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    /* Style the submit button */
    
    .compare-colleges form.example button {
        float: left;
        width: 20%;
        height: 42px;
        padding: 10px;
        color: #897E7E;
        font-size: 17px;
        border-left: none;
        /* Prevent double borders */
        cursor: pointer;
        background: #FAFAFA;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
        border-left: none;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    /* Clear floats */
    
    .compare-colleges form.example::after {
        content: "";
        clear: both;
        display: table;
    }
    
    .compare-colleges .margin-bottom {
        margin-bottom: 30px;
    }
    
    .policy {
        padding-top: 90px;
    }
    
    .policy h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 20px;
    }
    
    .policy h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 18px;
        color: #262626;
        margin-bottom: 30px;
    }
    
    .policy p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;
        color: #5F5F5F;
    }
    
    .box-boder {
        border-top: 1px dashed #e6e6e6;
        border-bottom: 1px dashed #e6e6e6;
        padding-top: 34px;
        padding-bottom: 34px;
    }
    
    .box-boder p {
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        color: #353535;
    }
    
    .terms-conditions {
        padding-top: 90px;
    }
    
    .terms-conditions h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
    }
    
    .terms-conditions h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 18px;
        color: #262626;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    
    .terms-conditions p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 22px;
        color: #5F5F5F;
    }
    
    .change-policy {
        padding-top: 90px;
    }
    
    .change-policy h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 30px;
    }
    
    .change-policy h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 18px;
        color: #262626;
        margin-bottom: 20px;
        margin-top: 30px;
    }
    
    .change-policy p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        font-size: 17px;
        line-height: 22px;
        color: #5F5F5F;
    }
    
    .change-policy ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }
    
    .change-policy ul li {
        position: relative;
        padding-left: 36px;
        font-family: Roboto;
        font-size: 17px;
        line-height: 26px;
        color: #5F5F5F;
        padding-bottom: 30px;
    }
    
    .change-policy ul li h4 {
        font-family: Roboto;
        font-size: 18px;
        line-height: 26px;
        color: #262626;
    }
    
    .change-policy ul li span {
        position: absolute;
        background: #D3A74F;
        height: 24px;
        width: 24px;
        top: 4px;
        left: 0px;
        font-family: Roboto;
        font-weight: normal;
        font-size: 14px;
        line-height: 24px;
        color: #FFFFFF;
        border-radius: 50px;
        text-align: center;
    }
    
    .policy-bottom {
        padding-bottom: 100px;
    }
    
    .policy-bottom-con {
        max-width: 422px;
    }
    
    .policy-bottom p span {
        float: right;
        padding-left: 30px;
        text-align: left;
        display: inline;
        width: 270px;
    }
    
    .exam-left-panel {
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        border-radius: 4px;
        padding: 26px 13px;
    }
    
    .exam-left-panel h3 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 18px;
        text-transform: uppercase;
        color: #3F3F3F;
        border-bottom: 1px solid #F4F4F4;
        padding-bottom: 13px;
    }
    
    .exam-left-panel ul {
        margin: 0px;
        padding: 12px 0 0 0;
    }
    
    .exam-left-panel ul li {
        margin: 0px;
        padding: 0px 0 20px 0;
    }
    
    .exam-left-panel [type="radio"]:checked+label::before,
    .exam-left-panel [type="radio"]:not(:checked)+label::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #fff;
        border: 1px solid #BFBBBB;
    }
    
    .exam-left-panel [type="radio"]:checked+label::after,
    .exam-left-panel [type="radio"]:not(:checked)+label::after {
        content: '';
        width: 8px;
        height: 8px;
        background: #BFBBBB;
        position: absolute;
        top: 6px;
        left: 6px;
        border-radius: 100%;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    .exam-left-panel [type="radio"]:checked+label,
    .exam-left-panel [type="radio"]:not(:checked)+label {
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        padding-bottom: 0;
        line-height: 24px;
        display: inline-block;
        color: #424242;
        font-size: 14px;
        font-weight: bold;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    .exam-boder {
        border-top: 1px dashed #e6e6e6;
        padding: 40px 0;
    }
    
    .exam-two-section {
        padding: 0px;
        margin: 0px 0px 25px 0px;
    }
    
    .exam-two-section li {
        display: inline-block;
        padding-bottom: 0px !important;
    }
    
    .exam-two-section li:last-child {
        padding-left: 30px;
    }
    
    .exam-two-section li img {
        margin-bottom: 10px;
    }
    
    .exam-two-section li p {
        font-family: Roboto;
        font-size: 16px;
        line-height: 26px;
        color: #5F5F5F;
    }
    
    .exam-two-section li p span {
        font-weight: bold;
    }
    
    .exam-btn-section {
        margin: 0px;
    }
    
    .exam-btn-section li {
        display: inline-block;
        padding-bottom: 0px !important;
        padding-right: 20px;
        margin-bottom: 10px;
    }
    
    .exam-btn-section .padding-none {
        padding-right: 0px;
    }
    
    .padding-top {
        padding-top: 0px;
    }
    
    .exam-btn-section li a {
        height: 44px;
        line-height: 44px;
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
        display: inline-block;
        padding: 0 14px;
        font-family: Roboto;
        font-size: 14px;
        text-align: center;
        color: #6A6A6A;
    }
    
    .exam-btn-section li a:hover {
        color: #F1425F;
    }
    
    .text-button {
        margin: 0px;
    }
    
    .text-button li {
        display: inline-block;
        padding-bottom: 0px !important;
        padding-right: 20px;
        margin-bottom: 10px;
    }
    
    .text-button .padding-none {
        padding-right: 0px;
    }
    
    .text-button {
        padding-top: 0px;
    }
    
    .img-padding {
        padding-bottom: 40px;
    }
    
    .text-button li a {
        height: 44px;
        line-height: 44px;
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        box-sizing: border-box;
        border-radius: 4px;
        display: inline-block;
        padding: 0 14px;
        font-family: Roboto;
        font-size: 14px;
        text-align: center;
        color: #6A6A6A;
    }
    
    .text-button li a:hover {
        color: #F1425F;
    }
    
    a.exam-alert {
        border: 1px solid #F1425F;
        color: #F1425F;
        width: 139px;
        height: 46px;
        text-align: center;
        line-height: 46px;
        display: inline-block;
        background: #fff;
        border-radius: 50px;
        margin-top: 25px;
    }
    
    a:hover.exam-alert {
        border: #f8c146 1px solid;
        color: #f8c146;
    }
    
    hr {
        margin-top: 40px;
        margin-bottom: 40px;
        border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
        border-top: 1px dashed rgba(0, 0, 0, 0.1);
        width: 100%;
        display: inline-block;
    }
    
    .career-details-top {
        padding-bottom: 50px;
    }
    /* .career-details-top .col-md-8 {
margin-top: 20px;
} */
    
    .career-details-top h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        color: #233039;
        margin-bottom: 28px;
    }
    
    .career-details-top p {
        font-family: Roboto;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #5F5F5F;
    }
    
    .eligibility {
        padding: 0 0 30px 0;
    }
    
    .eligibility h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        color: #233039;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .eligibility h3 {
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        line-height: 26px;
        color: #9A9A9A;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .eligibility h4 {
        font-family: Roboto;
        font-weight: 500;
        font-size: 22px;
        line-height: 26px;
        color: #233039;
        text-align: center;
        padding-bottom: 20px;
    }
    
    .eligibility ul {
        margin: 0px;
    }
    
    .eligibility ul li {
        padding-bottom: 15px;
    }
    
    .eligibility ul li .con-box {
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        color: #FFFFFF;
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        padding: 40px 28px;
    }
    
    .types-section {
        background: white;
        display: block;
    }
    
    .types-section h2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        text-align: center;
        color: #233039;
        margin-bottom: 20px;
    }
    
    .types-section p {
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
        color: #9A9A9A;
    }
    
    .types-box-con {
        margin-top: 20px;
    }
    
    .types-row {
        margin: 0px;
    }
    
    .types-col {
        display: inline-block;
        float: left;
        width: 20%;
    }
    
    .types-col .top {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border: 1px solid #FFFFFF;
        font-family: Roboto;
        font-weight: normal;
        font-size: 17px;
        line-height: 26px;
        text-align: center;
        color: #FFFFFF;
        padding: 20px 0;
    }
    
    .types-col .top:checked {
        left: 0px;
    }
    
    .types-col .bottom {
        background: #FFFFFF;
        border-right: 1px solid #D3D3D3;
        border-bottom: 1px solid #D3D3D3;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #5A5A5A;
        padding: 32px 23px;
    }
    
    .types-col:first-child .bottom {
        border-left: 1px solid #D3D3D3;
        border-right: 1px solid #D3D3D3;
    }
    
    .types-col .bottom {
        border-left: #D3D3D3 1px solid;
    }
    
    .types-col:nth-child(6) .bottom {
        border-left: 1px solid #D3D3D3;
    }
    
    .electrical-section {
        padding-top: 40px;
    }
    
    .electrical-section h2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        text-align: center;
        color: #233039;
        margin-bottom: 30px;
    }
    
    .electrical-section ul li {
        padding-bottom: 15px;
    }
    
    .electrical-section ul li .top {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 25px;
        line-height: 26px;
        /* identical to box height, or 104% */
        color: #FFFFFF;
        padding: 37px 47px;
    }
    
    .electrical-section ul li .bottom {
        border-top: 1px solid #DFDFDF;
        border-left: 1px solid #DFDFDF;
        border-right: 1px solid #DFDFDF;
        width: 100%;
        display: inline-block;
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #5A5A5A;
        padding: 15px;
    }
    
    .electrical-section .bottom:last-child {
        border-bottom: 1px solid #D3D3D3;
    }
    
    .faq-section {
        padding: 50px 0;
    }
    
    .faq-section h2 {
        padding: 50px 0;
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        line-height: 33px;
        color: #393939;
    }
    
    .main .accordion {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        background: transparent;
        padding: 0px;
    }
    
    .main .accordion:hover {
        background: transparent;
    }
    
    .main .accordion-item {
        padding: 15px 20px;
        margin: 0;
        overflow: hidden;
        outline: none;
        background: #FFFFFF;
        border: 1px solid #ECECEC;
        border-radius: 4px;
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        color: #7D7D7D;
        margin-bottom: 10px;
    }
    
    .main .accordion-item .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: inherit;
        font-size: 1rem;
        font-weight: 600;
        line-height: inherit;
        cursor: pointer;
        color: #454545;
    }
    
    .main .accordion-item .title span {
        font-weight: normal;
    }
    
    .main .accordion-item .title i.fas {
        font-size: 0.9rem;
        color: #454545;
        transform: translateX(-50%) rotate(0);
        transition: transform 0.15s ease;
    }
    
    .main .accordion-item .paragraph {
        font-family: inherit;
        font-size: 16px;
        line-height: 26px;
        font-weight: normal;
        line-height: inherit;
        color: #454545;
        display: none;
        padding: 2px 0;
    }
    
    .main .accordion-item.active .title i.fas {
        color: #1a9de1;
        transform: translateX(-50%) rotate(180deg);
    }
    
    .main .accordion-item.active .paragraph {
        display: block;
    }
    
    @media only screen and (max-width: 768px) {
        .main .accordion {
            max-width: 100%;
            height: auto;
            margin: 0 auto;
        }
    }
    
    .want-to-learn {
        text-align: center;
        background: url(../img/want-to-learn.png) no-repeat center center;
        background-size: cover;
        padding: 100px 0;
    }
    
    .want-to-learn h2 {
        color: #fff;
        margin-bottom: 30px;
    }
    
    .want-to-learn p {
        color: #fff;
    }
    
    .want-to-learn ul {
        margin-top: 30px;
        margin-left: 0px
    }
    
    .want-to-learn ul li {
        padding-bottom: 30px;
    }
    
    [type="text"],
    [type="date"],
    [type="time"],
    [type="datetime"],
    [type="datetime-local"],
    [type="email"],
    [type="month"],
    [type="number"],
    [type="password"],
    [type="search"],
    [type="tel"],
    [type="url"],
    [type="week"],
    .want-to-learn select {
        width: 100%;
        padding: 10px 15px;
        padding-right: 15px;
        padding-right: 24px;
        font-size: 14px;
        color: #787878;
        font-weight: normal;
        outline: none;
        height: 54px;
        transition: all .4s ease-in-out;
        font-family: 'Poppins', sans-serif;
        background: #FFFFFF;
        border: 1px solid #C4C4C4;
        border-radius: 4px;
    }
    
    .want-to-learn input[type="text"]::placeholder {
        font-family: Roboto;
        font-weight: normal;
        font-size: 17px;
        color: #787878;
    }
    
    .iit-Kharagpur {
        background: #fff;
        margin: 100px 0;
    }
    
    .iit-Kharagpur h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #393939;
        margin-bottom: 30px;
    }
    
    .iit-box {
        background: #FFFFFF;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        padding: 34px 12px;
    }
    
    .iit-box h3 {
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 19px;
        line-height: 32px;
        color: #053560;
        margin-bottom: 20px;
    }
    
    .iit-box p {
        margin-bottom: 30px;
        font-family: Poppins;
        font-weight: normal;
        font-size: 17px;
        color: #053560;
    }
    
    .iit-box p span {
        margin-left: 30px;
    }
    
    .iit-box p img {
        margin-right: 10px;
    }
    
    .iit-box a {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 50px;
        height: 44px;
        font-family: Poppins;
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 44px;
        width: 140px;
        text-align: center;
        color: #FFFFFF;
        display: inline-block;
    }
    
    .iit-box a:hover {
        background: linear-gradient(275.29deg, #BE8920 6.47%, #D4A851 81.19%);
    }
    
    .college-details-top h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 22px;
    }
    
    .college-details-top h3 {
        font-family: Roboto;
        font-weight: normal;
        font-size: 22px;
        color: #AFAFAF;
        margin-bottom: 22px;
    }
    
    .college-details-top p {
        font-family: Roboto;
        font-size: 17px;
        line-height: 26px;
        color: #5F5F5F;
    }
    
    .apply-now {
        width: 138px;
        height: 46px;
        line-height: 46px;
        background: #FFFFFF;
        border: 1px solid #3EA90E;
        box-sizing: border-box;
        border-radius: 50px;
        display: inline-block;
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #3EA90E;
        margin-top: 30px;
    }
    
    .apply-now:hover {
        border: 1px solid #D4A851;
        color: #D4A851;
    }
    
    .compare {
        width: 138px;
        height: 46px;
        line-height: 46px;
        background: #FFFFFF;
        border: 1px solid #D4A851;
        color: #D4A851;
        box-sizing: border-box;
        border-radius: 50px;
        display: inline-block;
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        margin-left: 16px;
        margin-top: 30px;
    }
    
    .compare:hover {
        border: 1px solid #3EA90E;
        color: #3EA90E;
    }
    /* tAB TO  */
    
    .tabbed-contents {
        /* padding: 1em; */
        margin: 0 auto;
        padding-top: 50px;
    }
    
    .tabs ul {
        margin: 0;
        padding: 0 0 1em 0;
        font-weight: bold;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
    
    .tabs ul li {
        background: #eee;
        text-align: center;
        border: 1px solid #D3D3D3;
        border-left: 0px;
    }
    
    .tabs ul li:first-child {
        border: 1px solid #D3D3D3;
    }
    
    .tabs ul li a {
        /* padding: .5em 1em; */
        height: 60px;
        line-height: 60px;
        font-family: Roboto;
        font-size: 17px;
        text-align: center;
        color: #787878;
        background: #FFFFFF;
    }
    
    .tabs ul li a:hover,
    .tabs ul li a.active {
        color: #eee;
        background: #D4A851;
    }
    
    .item {
        margin-bottom: 2px;
    }
    
    .item.active .item-content {
        padding: 1em;
        -webkit-transition: opacity 0.3s ease-in-out;
        -moz-transition: opacity 0.3s ease-in-out;
        -o-transition: opacity 0.3s ease-in-out;
        -ms-transition: opacity 0.3s ease-in-out;
        transition: opacity 0.3s ease-in-out;
    }
    
    .tabbed-contents .tabs {
        display: block;
    }
    
    .tabbed-content .tabs li {
        display: inline-block;
    }
    
    .tabbed-content .tabs li a {
        display: block;
    }
    
    .tabbed-content .item {
        min-height: 0;
    }
    
    .tabbed-content .item::before {
        display: none;
    }
    
    .item.active .item-content {
        padding-top: 30px;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .tabs-side .tabs li {
        margin-bottom: 2px;
    }
    
    .tabbed-content .item .item-content {
        display: none;
    }
    
    .tabbed-content .item.active .item-content {
        display: block;
    }
    
    @media all and (max-width: 767px) {
        .tabbed-content .item::before {
            content: attr(data-title);
        }
        .tabbed-content .tabs {
            display: none;
        }
        .item::before {
            cursor: pointer;
            font-weight: bold;
            background: #eee;
            padding: .5em;
            display: block;
        }
        .item.active::before {
            background: #D3A74F;
            color: #fff;
        }
        .item {
            margin-bottom: 2px;
        }
        .tabbed-content .item {
            min-height: 2em;
        }
        .tabbed-content .tabs li {
            display: block;
        }
        .tabbed-content .item::before {
            display: block;
        }
    }
    
    .tab-college {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        text-align: center;
        gap: 10px;
        padding: 48px 0;
    }
    
    .tab-college li {
        border: 1px dashed #CCCCCC;
        padding: 20px;
    }
    
    .tab-college li img {
        margin-bottom: 12px;
    }
    
    .tab-college p {
        font-family: Roboto;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        text-align: center;
        color: #888888;
    }
    
    .tab-college span {
        font-family: Roboto;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #D3A74F;
        padding-top: 10px;
        display: block;
    }
    
    .iit-Kharagpur-highlights {
        padding: 50px 0;
    }
    
    .iit-Kharagpur-highlights h2 {
        font-weight: bold;
        font-size: 34px;
        color: #233039;
    }
    
    .iit-Kharagpur-highlights h2 {
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 10px;
    }
    
    .iit-Kharagpur-highlights p {
        font-family: Roboto;
        font-size: 18px;
        color: #9A9A9A;
    }
    
    .iit-Kharagpur-highlights-box {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        margin-left: 0px;
    }
    
    .iit-Kharagpur-highlights-box .top {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border: 1px solid #FFFFFF;
        padding: 12px 15px;
        font-family: Roboto;
        font-size: 17px;
        line-height: 26px;
        color: #FFFFFF;
    }
    
    .iit-Kharagpur-highlights-box .bottom {
        background: #FFFFFF;
        border: 1px solid #D3D3D3;
        min-height: 100px;
        padding: 12px 15px;
        font-family: Roboto;
        font-size: 16px;
        color: #8A8A8A;
    }
    
    .iit-Kharagpur-highlights thead th {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border: 1px solid #FFFFFF;
        box-sizing: border-box;
        font-family: Roboto;
        font-weight: normal;
        font-size: 17px;
        color: #FFFFFF;
    }
    
    .iit-Kharagpur-highlights tbody td {
        background: #FFFFFF;
        border: 1px solid #D3D3D3;
    }
    
    .iit-Kharagpur-top-courses-fees {
        padding: 50px 0;
    }
    
    .iit-Kharagpur-top-courses-fees h2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        color: #233039;
        margin-bottom: 30px;
    }
    
    .courses-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        border-radius: 3px;
        gap: 15px;
        background: #FFFFFF;
        margin-bottom: 15px;
    }
    
    .courses-grid-item {
        border: 1px solid #D3D3D3;
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 37px 34px;
    }
    
    .courses-grid-item-nested {
        background-color: #fff;
    }
    
    .courses-grid-item-nested p {
        font-family: Roboto;
        font-size: 18px;
        line-height: 23px;
        color: #5F5F5F;
    }
    
    .short-list {
        display: inline-block;
        background: #FFFFFF;
        border: 1px solid #F1425F;
        box-sizing: border-box;
        border-radius: 50px;
        width: 146px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        float: right;
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #F1425F;
    }
    
    .admissions-section {
        padding: 50px 0;
    }
    
    .admissions-section h2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 30px;
    }
    
    .admissions-section td {
        background: #FFFFFF;
        border: 1px solid #D3D3D3;
        text-align: center;
        text-decoration-line: underline;
        color: #D3A74F;
    }
    
    .iit-kharagpur-Kharagpur-rankings-section {
        background: #FFFFFF;
    }
    
    .iit-kharagpur-Kharagpur-rankings {
        background: #FFFFFF;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        padding: 35px 30px;
        margin-top: 30px;
    }
    
    .iit-kharagpur-Kharagpur-rankings h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        font-size: 22px;
        line-height: 26px;
        color: #000000;
        margin-bottom: 30px;
        margin-left: 15px;
    }
    
    .iit-kharagpur-Kharagpur-rankings ul {
        margin-left: 0px;
    }
    
    .iit-kharagpur-Kharagpur-rankings ul li .item {
        margin-bottom: 30px;
        background: #FFFFFF;
        border: 1px solid #D3D3D3;
        display: flex;
        flex-wrap: wrap;
        padding: 30px 16px;
    }
    
    .iit-kharagpur-Kharagpur-rankings ul li .item p {
        margin-left: 30px;
    }
    
    .iit-kharagpur-Kharagpur-rankings ul li .item p span {
        margin-left: 30px;
    }
    
    .placement-section {
        padding: 50px 0;
    }
    
    .placement-section h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 30px;
    }
    
    .placement-section .item {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        text-align: center;
        color: #233039;
        background: #FFFFFF;
        border: 1px solid #D3D3D3;
    }
    
    .placement-section .item span {
        font-family: Roboto;
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        color: #233039;
        display: block;
        padding: 10px 0;
        margin-bottom: 30px;
    }
    
    .placement-section a {
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        line-height: 23px;
        text-align: center;
        color: #D3A74F;
        display: inline-block;
        width: 100%;
        margin-top: 30px;
    }
    
    .placement-section a:hover {
        color: #000;
    }
    
    .iit-testimonial-section {
        padding: 100px 0;
    }
    
    .iit-testimonial-section .box {
        background: #FFFFFF;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        padding: 100px 48px;
        position: relative;
    }
    
    .iit-testimonial-section .box p:after {
        content: "";
        background: url(../img/testimonial-icon.png) no-repeat;
        width: 43px;
        height: 43px;
        top: 35px;
        left: 48px;
        position: absolute;
    }
    /* Admission */
    
    .admission-section {
        padding: 100px 0;
    }
    
    .admission {
        padding-bottom: 60px;
    }
    
    .admission h2 {
        padding-bottom: 37px;
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        color: #233039;
    }
    
    .admissionbox {
        background: #fff;
    }
    
    .admissionbox-top {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        height: 122px;
        padding: 0 16px;
    }
    
    .admissionbox-top h3 {
        line-height: 122px;
        font-family: Roboto;
        font-weight: 500;
        font-size: 25px;
        color: #FFFFFF;
    }
    
    .admissionbox-bottom {
        border: 1px solid #D3D3D3;
        padding: 23px 16px 50px 16px;
    }
    
    .related-questions {
        background: #FFFFFF;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        padding: 60px;
        margin-bottom: 30px;
    }
    
    .related-questions h3 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 30px;
        line-height: 53px;
        color: #233039;
    }
    
    .related-questions .post {
        display: inline-block;
        width: 100%;
    }
    
    .related-questions .post input {
        float: left;
        width: 80%;
    }
    
    .related-questions .post button {
        float: right;
        width: 19%;
        background: #F1425F;
        border: 1px solid #F1425F;
        display: block;
        height: 54px;
        font-size: 16px;
        font-weight: 500;
        color: #fff;
    }
    
    .related-questions-bottom {
        padding-left: 80px;
        padding-top: 20px;
        margin-top: 30px;
        position: relative;
    }
    
    .related-questions-bottom img {
        position: absolute;
        top: 0px;
        left: 0px;
    }
    
    .related-questions-bottom a {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        color: #233039;
    }
    
    .related-questions-bottom a:hover {
        color: #D3A74F;
    }
    
    .related-questions-bottom h4 {
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        color: #373737;
        margin-bottom: 27px;
    }
    
    .related-questions-bottom h5 {
        color: #233039;
        margin-bottom: 15px;
    }
    
    .related-questions-bottom p {
        font-family: Roboto;
        font-weight: normal;
        font-size: 17px;
        line-height: 26px;
        color: #717171;
    }
    
    .courses-fees h2 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        line-height: 53px;
        color: #233039;
        margin-bottom: 30px;
    }
    
    .courses-fees p {
        font-family: Roboto;
        font-weight: normal;
        font-size: 17px;
        line-height: 26px;
        color: #5F5F5F;
    }
    
    .courses-fees-box {
        background: #FFFFFF;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.12);
        border-radius: 4px;
        margin-top: 60px;
        padding: 46px 52px;
    }
    
    .courses-fees-box-top {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    
    .courses-fees-box-bottom {
        border-top: 1px dashed #ccc;
        height: 50px;
        display: inline-block;
        width: 100%;
        margin: 20px 0;
        padding-top: 20px;
    }
    
    .courses-fees-box-bottom h4 {
        float: left;
        display: inline-block;
    }
    
    .courses-fees-box-bottom-right {
        float: right;
        text-align: right;
        display: inline;
    }
    
    .courses-fees-box-bottom-right a {
        font-size: 18px;
        text-align: right;
        text-decoration-line: underline;
        color: #5F5F5F;
        margin-left: 15px;
    }
    
    .short-list-left {
        display: inline-block;
        background: #FFFFFF;
        border: 1px solid #F1425F;
        box-sizing: border-box;
        border-radius: 50px;
        width: 146px;
        height: 46px;
        line-height: 46px;
        text-align: center;
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #F1425F;
    }
    
    .courses-fees-box h3 {
        font-family: Roboto;
        font-style: normal;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 20px;
    }
    
    .available-courses {
        display: none;
        margin-bottom: 15px;
    }
    
    .available-courses-grid {
        background: #FFFFFF;
        border: 1px solid #D3D3D3;
        padding: 37px 32px;
        display: grid;
        grid-gap: 15px;
        grid-template-columns: auto 250px;
    }
    
    .available-courses-item p {
        font-family: Roboto;
        font-weight: normal;
        font-size: 18px;
        line-height: 46px;
        color: #5F5F5F;
    }
    
    .load-more {
        display: inline-block;
        text-align: center;
        width: 100%;
        margin-top: 20px;
    }
    
    .load-more img {
        margin-right: 10px;
    }
    
    .placement-section-bottom {
        width: 887px;
    }
    
    .placement-section-bottom p {
        font-family: Roboto;
        font-size: 17px;
        line-height: 26px;
        color: #5F5F5F;
    }
    
    .placement-section-bottom h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 20px;
    }
    
    .placement-section-bottom [type="checkbox"]:checked+label,
    .placement-section-bottom [type="checkbox"]:not(:checked)+label {
        font-family: Roboto;
        position: relative;
        padding-left: 30px;
        cursor: pointer;
        padding-bottom: 0;
        line-height: 20px;
        display: inline-block;
        color: #5F5F5F;
        font-size: 17px;
        font-weight: normal;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    
    .placement-section-bottom [type="checkbox"]:checked+label::before,
    .placement-section-bottom [type="checkbox"]:not(:checked)+label::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #C4C4C4;
    }
    
    .placement-section-bottom [type="checkbox"]:checked+label::after,
    .placement-section-bottom [type="checkbox"]:not(:checked)+label::after {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 7px;
        width: 6px;
        height: 12px;
        border: solid #959595;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    
    .placement-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    
    .placement-grid-item {
        background-color: #0060AB;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    .placement-grid-item-header {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        border: 1px solid #FFFFFF;
        height: 82px;
        line-height: 82px;
        font-family: Roboto;
        font-weight: 500;
        font-size: 18px;
        text-align: center;
        color: #FFFFFF;
    }
    
    .placement-grid-item-body {
        margin-left: 0px;
    }
    
    .placement-grid-item-body li {
        background: #FFFFFF;
        border: 1px solid #D3D3D3;
        height: 58px;
        font-family: Roboto;
        font-size: 16px;
        line-height: 58px;
        text-align: center;
        color: #5A5A5A;
    }
    
    .get-free {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin-top: 15px;
    }
    
    .get-free a {
        background: #FFFFFF;
        border: 1px solid #F1425F;
        border-radius: 50px;
        width: 198px;
        height: 46px;
        display: block;
        font-family: Roboto;
        font-weight: 500;
        font-size: 16px;
        text-align: center;
        color: #F1425F;
        line-height: 46px;
    }
    
    .reviews {
        width: 100%;
    }
    
    .reviews h4 {
        font-family: Roboto;
        font-weight: 500;
        font-size: 18px;
        color: #333333;
        margin-bottom: 20px;
    }
    
    .reviews h4 span {
        font-weight: normal;
    }
    
    .reviews h5 {
        font-family: Roboto;
        font-weight: normal;
        font-size: 17px;
        color: #626262;
        margin-bottom: 36px;
    }
    
    .reviews h5 i {
        color: #D7D7D7;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .reviews p {
        font-family: Roboto;
        font-size: 16px;
        line-height: 26px;
        color: #5F5F5F;
    }
    
    .titel-left {
        display: inline-block;
        margin-bottom: 15px;
    }
    
    .titel-left img {
        float: left;
    }
    
    .titel-left h6 {
        float: right;
        margin-left: 20px;
        font-family: Roboto;
        font-size: 18px;
        color: #373737;
    }
    
    .titel-left h6 span {
        color: #D3A74F;
    }
    
    .lick {
        font-size: 12px;
        color: #626262;
    }
    
    .lick img {
        padding-left: 6px;
        padding-right: 6px;
    }
    
    .loding {
        font-weight: 600;
        font-size: 19px;
        text-transform: uppercase;
        color: #D3A74F;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    
    .overall-rating {
        display: grid;
        grid-template-columns: 220px 300px auto;
        padding-top: 50px;
    }
    
    .overall-rating-item {
        background: transparent;
    }
    
    .first-box {
        border-right: 1px solid #EAEAEA;
        text-align: center;
    }
    
    .section-box {
        border-right: 1px solid #EAEAEA;
        padding-left: 50px;
        padding-right: 50px;
    }
    
    .third-box {
        display: block ruby;
        width: 100%;
        text-align: center;
    }
    
    .third-box h6 {
        margin-top: 0px;
        font-family: Roboto;
        font-size: 16px;
        line-height: 53px;
        text-align: center;
        color: #555555;
    }
    
    .first-box p {
        font-family: Roboto;
        font-weight: bold;
        font-size: 18px;
        color: #555555;
        text-align: center;
    }
    
    .first-box p span {
        font-family: Roboto;
        font-size: 18px;
        color: #4F4F4F;
        font-weight: normal;
    }
    
    .progress {
        vertical-align: baseline;
        width: 90%;
        height: 50px;
    }
    /*  */
    
    .set-size {
        font-size: 100px;
    }
    
    .charts-container:after {
        clear: both;
        content: "";
        display: table;
    }
    
    .pie-wrapper {
        height: 1em;
        width: 1em;
        float: left;
        margin: 0 15px;
        position: relative;
    }
    
    .pie-wrapper:nth-child(4n+1) {
        clear: both;
    }
    
    .pie-wrapper .pie {
        height: 100%;
        width: 100%;
        clip: rect(0, 1em, 1em, 0.5em);
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .pie-wrapper .pie .half-circle {
        height: 100%;
        width: 100%;
        border: 0.1em solid #3498db;
        border-radius: 50%;
        clip: rect(0, 0.5em, 1em, 0);
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .pie-wrapper .label {
        background: #34495e;
        border-radius: 50%;
        bottom: 0.4em;
        color: #ecf0f1;
        cursor: default;
        display: block;
        font-size: 0.25em;
        left: 0.4em;
        line-height: 2.8em;
        position: absolute;
        right: 0.4em;
        text-align: center;
        top: 0.4em;
    }
    
    .pie-wrapper .label .smaller {
        color: #bdc3c7;
        font-size: 0.45em;
        padding-bottom: 20px;
        vertical-align: super;
    }
    
    .pie-wrapper .shadow {
        height: 100%;
        width: 100%;
        border: 0.1em solid #bdc3c7;
        border-radius: 50%;
    }
    
    .pie-wrapper.style-2 .label {
        background: none;
        color: #7f8c8d;
    }
    
    .pie-wrapper.style-2 .label .smaller {
        color: #bdc3c7;
    }
    
    .pie-wrapper.progress-30 .pie .half-circle {
        border-color: #3498db;
    }
    
    .pie-wrapper.progress-30 .pie .left-side {
        transform: rotate(108deg);
    }
    
    .pie-wrapper.progress-30 .pie .right-side {
        display: none;
    }
    
    .pie-wrapper.progress-60 .pie {
        clip: rect(auto, auto, auto, auto);
    }
    
    .pie-wrapper.progress-60 .pie .half-circle {
        border-color: #9b59b6;
    }
    
    .pie-wrapper.progress-60 .pie .left-side {
        transform: rotate(216deg);
    }
    
    .pie-wrapper.progress-60 .pie .right-side {
        transform: rotate(180deg);
    }
    
    .pie-wrapper.progress-90 .pie {
        clip: rect(auto, auto, auto, auto);
    }
    
    .pie-wrapper.progress-90 .pie .half-circle {
        border-color: #e67e22;
    }
    
    .pie-wrapper.progress-90 .pie .left-side {
        transform: rotate(324deg);
    }
    
    .pie-wrapper.progress-90 .pie .right-side {
        transform: rotate(180deg);
    }
    
    .pie-wrapper.progress-45 .pie .half-circle {
        border-color: #D3A74F;
    }
    
    .pie-wrapper.progress-45 .pie .left-side {
        transform: rotate(162deg);
    }
    
    .pie-wrapper.progress-45 .pie .right-side {
        display: none;
    }
    
    .pie-wrapper.progress-75 .pie {
        clip: rect(auto, auto, auto, auto);
    }
    
    .pie-wrapper.progress-75 .pie .half-circle {
        border-color: #8e44ad;
    }
    
    .pie-wrapper.progress-75 .pie .left-side {
        transform: rotate(270deg);
    }
    
    .pie-wrapper.progress-75 .pie .right-side {
        transform: rotate(180deg);
    }
    
    .pie-wrapper.progress-95 .pie {
        clip: rect(auto, auto, auto, auto);
    }
    
    .pie-wrapper.progress-95 .pie .half-circle {
        border-color: #e74c3c;
    }
    
    .pie-wrapper.progress-95 .pie .left-side {
        transform: rotate(342deg);
    }
    
    .pie-wrapper.progress-95 .pie .right-side {
        transform: rotate(180deg);
    }
    
    .pie-wrapper--solid {
        border-radius: 50%;
        overflow: hidden;
    }
    
    .pie-wrapper--solid:before {
        border-radius: 0 100% 100% 0/50%;
        content: "";
        display: block;
        height: 100%;
        margin-left: 50%;
        transform-origin: left;
    }
    
    .pie-wrapper--solid .label {
        background: transparent;
    }
    
    .pie-wrapper--solid.progress-65 {
        background: linear-gradient(to right, #e67e22 50%, #34495e 50%);
    }
    
    .pie-wrapper--solid.progress-65:before {
        background: #e67e22;
        transform: rotate(126deg);
    }
    
    .pie-wrapper--solid.progress-25 {
        background: linear-gradient(to right, #9b59b6 50%, #34495e 50%);
    }
    
    .pie-wrapper--solid.progress-25:before {
        background: #34495e;
        transform: rotate(-270deg);
    }
    
    .pie-wrapper--solid.progress-88 {
        background: linear-gradient(to right, #3498db 50%, #34495e 50%);
    }
    
    .pie-wrapper--solid.progress-88:before {
        background: #3498db;
        transform: rotate(43.2deg);
    }
    /* mega menu */
    
    .page-header-flexbox {
        position: relative;
    }
    
    * {
        box-sizing: border-box;
    }
    
    a {
        color: #333;
        transition: all 200ms ease-in-out;
    }
    /* .container {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
} */
    
    .menu {
        /* display: flex; */
        /* position: relative; */
    }
    
    .menu a {
        display: block;
        text-decoration: none;
    }
    
    .menu>li>a {
        padding: 0px 0px;
        margin-right: 20px;
    }
    
    .menu>li {
        position: relative;
    }
    
    .menu>li>ul {
        background: rgba(0, 0, 0, 0.1);
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        transform: translateY(20px);
        transition: all 300ms ease-in-out 500ms;
        transition: all 300ms ease-in-out;
    }
    
    .menu>li>ul>li>a {
        padding: 4px 10px;
    }
    
    .menu>li>ul>li>a:hover {
        background-color: #D4A851;
        color: #fff;
        border: 0px;
    }
    
    .menu>li:hover>ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0px);
        transition: all 300ms ease-in-out;
    }
    
    .mega-menu .menu-list li a {
        text-align: left;
        padding: 6px;
    }
    
    .big-nav2 h3 {
        font-family: Poppins;
        font-weight: 600;
        font-size: 20px;
        color: #D4A851;
        border-bottom: #D4A851 1px solid;
        display: table;
    }
    
    .viewall-careers a {
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        text-transform: uppercase;
        color: #FFFFFF;
        text-align: left;
        display: table;
    }
    
    .big-nav2 h3 a:hover {
        color: #FFFFFF;
    }
    
    .menu>li>a:hover {
        background-color: rgba(0, 0, 0, 0.05);
    }
    
    .menu .big-nav2 {
        position: static;
    }
    
    .menu .big-nav2>ul {
        min-height: 100%;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #233039;
        text-align: left;
        padding: 48px 39px;
        text-align: left;
    }
    
    .menu .big-nav2>ul>li {
        width: 100%;
        background: #233039;
        margin: 0;
        padding: 0;
        display: table;
        text-align: left;
    }
    
    .menu .big-nav2>ul>li>a {
        padding: 10px 10px;
        background: transparent;
        display: block;
        text-align: left;
        width: 100%;
        float: left;
        display: inline-block;
    }
    
    .menu .big-nav2>ul>li>ul {
        display: none;
        position: fixed;
        top: 0;
        left: 25%;
        width: 75% !important;
        background: #233039;
        float: left;
        z-index: 99;
    }
    
    .menu .big-nav2>ul>li.show>ul {
        display: block;
        width: 100%;
        float: right;
        padding: 48px 60px;
        height: 100%;
    }
    
    .menu .big-nav2>ul>li>ul>li {
        display: block;
        width: 100%;
        float: left;
    }
    
    .menu .big-nav2>ul>li>ul>li.col3 {
        width: 33.3334%;
        padding: 0 10px;
    }
    
    .menu .big-nav2>ul>li>ul>li>a {
        font-weight: bold;
        border-bottom: 1px solid #333;
    }
    
    .menu .big-nav2>ul>li>ul>li a {
        padding: 4px 10px;
    }
    
    .menu .big-nav {
        position: static;
    }
    
    .menu .big-nav>ul {
        min-height: 400px;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: rgb(208, 21, 21);
    }
    
    .menu .big-nav>ul>li {
        width: 25%;
        background: #D4A851;
        margin: 0;
        padding: 0;
        display: table;
    }
    
    .menu .big-nav>ul>li>a {
        padding: 10px 30px;
        background: rgba(255, 100, 0, 0.1);
        display: block;
        text-align: left;
        width: 100%;
        float: left;
        display: inline-block;
    }
    
    .menu .big-nav>ul>li>ul {
        display: none;
        position: fixed;
        top: 0;
        left: 25%;
        width: 75% !important;
        background: #233039;
        float: left;
        z-index: 99;
    }
    
    .menu .big-nav>ul>li.show>ul {
        display: block;
        width: 100%;
        float: right;
        padding: 48px 60px;
        height: 100%;
    }
    
    .menu .big-nav>ul>li>ul>li {
        display: block;
        width: 100%;
        float: left;
    }
    
    .menu .big-nav>ul>li>ul>li.col3 {
        width: 33.3334%;
        padding: 0 10px;
    }
    
    .menu .big-nav>ul>li>ul>li>a {
        font-weight: bold;
        border-bottom: 1px solid #333;
    }
    
    .menu .big-nav>ul>li>ul>li a {
        padding: 4px 10px;
    }
    
    .mega-menug-col-2 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 40px;
    }
    
    .mega-menug-col-2 h3 {
        font-weight: 600;
        font-size: 18px;
        color: #D4A851;
        text-align: left;
        margin-bottom: 16px;
    }
    
    .mega-menug-col-2 ul li {
        text-align: left;
    }
    
    .mega-menug-col-2 ul li a {
        font-size: 15px;
        color: #FFFFFF;
        text-align: left;
        text-decoration: none;
        border: none;
    }
    
    .mega-menug-col-2 ul li a:hover {
        text-decoration: none;
        border: none;
    }
    
    .mega-menug-col-3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .mega-menug-col-3 h3 {
        font-weight: 600;
        font-size: 18px;
        color: #D4A851;
        text-align: left;
        margin-bottom: 16px;
    }
    
    .mega-menug-col-3 ul li {
        text-align: left;
    }
    
    .mega-menug-col-3 ul li a {
        font-size: 15px;
        color: #FFFFFF;
        text-align: left;
        text-decoration: none;
        border: none;
    }
    
    .mega-menug-col-3 ul li a:hover {
        text-decoration: none;
        border: none;
    }
    
    .overview-testimonials {
        padding: 60px 0;
    }
    
    .overview-testimonials h2 {
        font-family: Roboto;
        font-weight: bold;
        font-size: 34px;
        color: #233039;
        margin-bottom: 35px;
    }
    
    .overview-testimonials-box {
        background: #FFFFFF;
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 10px;
        padding: 107px 34px 46px 34px;
        position: relative;
    }
    
    .overview-testimonials-box p {
        font-size: 16px;
        color: #5C5C5C;
        line-height: 24px;
    }
    
    .overview-testimonials-box p::after {
        content: " ";
        background: url(../img/testimonial-icon.png) no-repeat;
        position: absolute;
        top: 45px;
        left: 34px;
        width: 40px;
        height: 34px;
    }
    
    .overview-testimonials-box .bottom {
        display: inline-block;
        width: 100%;
    }
    
    .overview-testimonials-box .bottom .left {
        float: left;
    }
    
    .overview-testimonials-box .bottom .left img {
        float: left;
    }
    
    .overview-testimonials-box .bottom .left h4 {
        float: right;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        color: #D3A74F;
        margin-left: 10px;
        margin-top: 7px;
    }
    
    .overview-testimonials-box .bottom .left h4 span {
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
        color: #585959;
    }
    
    .overview-testimonials-box .bottom .right {
        float: right;
    }
    
    .cities {
        background: linear-gradient(275.29deg, #D4A851 6.47%, #BE8920 81.19%);
        box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.12);
        border-radius: 6px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        padding: 28px 23px 0px 23px;
        margin-bottom: 35px;
    }
    
    .cities h4 {
        font-style: normal;
        font-weight: bold;
        font-size: 19px;
        line-height: 18px;
        color: #FFFFFF;
    }
    
    .cities ul {
        padding: 0px;
        margin: 0px;
        height: 30px;
        overflow-y: auto;
    }
    
    .cities ul li {
        float: left;
    }
    
    .cities .scrollmenu {
        overflow: auto;
        white-space: nowrap;
    }
    
    .cities .scrollmenu a {
        display: inline-block;
        color: white;
        text-align: center;
        padding: 14px;
        text-decoration: none;
    }
    
    .cities .scrollmenu a:hover {
        color: bisque;
    }
    
    .cities .scrollmenu::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #F5F5F5;
        width: 4px;
    }
    
    .cities .scrollmenu::-webkit-scrollbar {
        width: 11px;
        background-color: #F5F5F5;
    }
    
    .cities .scrollmenu::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #FFF8DD;
    }