@font-face {
    font-family: 'Lato';
    src: url('../lato-regular-16.html');
    src: url('../lato-regulard41d-4.html?#iefix') format('embedded-opentype'), url('../lato-regular-17.html') format('woff2'), url('../lato-regular-18.html') format('woff'), url('../lato-regular-19.html') format('truetype'), url('../lato-regular-20.html#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HouschkaRoundedAlt-Medium';
    src: url('../houschkaroundedalt-medium-16.html');
    src: url('../houschkaroundedalt-mediumd41d-4.html?#iefix') format('embedded-opentype'), url('../houschkaroundedalt-medium-17.html') format('woff2'), url('../houschkaroundedalt-medium-18.html') format('woff'), url('../houschkaroundedalt-medium-19.html') format('truetype'), url('../houschkaroundedalt-medium-20.html#../css/fonts/HouschkaRoundedAlt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HouschkaRoundedAlt-MediumItalic';
    src: url('../houschkaroundedalt-mediumitalic-16.html');
    src: url('../houschkaroundedalt-mediumitalicd41d-4.html?#iefix') format('embedded-opentype'), url('../houschkaroundedalt-mediumitalic-17.html') format('woff2'), url('../houschkaroundedalt-mediumitalic-18.html') format('woff'), url('../houschkaroundedalt-mediumitalic-19.html') format('truetype'), url('../houschkaroundedalt-mediumitalic-20.html#../css/fonts/HouschkaRoundedAlt-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HouschkaRoundedAlt-LightItalic';
    src: url('../houschkaroundedalt-lightitalic-16.html');
    src: url('../houschkaroundedalt-lightitalicd41d-4.html?#iefix') format('embedded-opentype'), url('../houschkaroundedalt-lightitalic-17.html') format('woff2'), url('../houschkaroundedalt-lightitalic-18.html') format('woff'), url('../houschkaroundedalt-lightitalic-19.html') format('truetype'), url('../houschkaroundedalt-lightitalic-20.html#../css/fonts/HouschkaRoundedAlt-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HouschkaRoundedAlt-DemiBold';
    src: url('../houschkaroundedalt-demibold-16.html');
    src: url('../houschkaroundedalt-demiboldd41d-4.html?#iefix') format('embedded-opentype'), url('../houschkaroundedalt-demibold-17.html') format('woff2'), url('../houschkaroundedalt-demibold-18.html') format('woff'), url('../houschkaroundedalt-demibold-19.html') format('truetype'), url('../houschkaroundedalt-demibold-20.html#../css/fonts/HouschkaRoundedAlt-DemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HouschkaRoundedAlt-DemiBoldItalic';
    src: url('../houschkaroundedalt-demibolditalic-16.html');
    src: url('../houschkaroundedalt-demibolditalicd41d-4.html?#iefix') format('embedded-opentype'), url('../houschkaroundedalt-demibolditalic-17.html') format('woff2'), url('../houschkaroundedalt-demibolditalic-18.html') format('woff'), url('../houschkaroundedalt-demibolditalic-19.html') format('truetype'), url('../houschkaroundedalt-demibolditalic-20.html#../css/fonts/HouschkaRoundedAlt-DemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'HouschkaRoundedAlt-Light';
    src: url('../houschkaroundedalt-light-16.html');
    src: url('../houschkaroundedalt-lightd41d-4.html?#iefix') format('embedded-opentype'), url('../houschkaroundedalt-light-17.html') format('woff2'), url('../houschkaroundedalt-light-18.html') format('woff'), url('../houschkaroundedalt-light-19.html') format('truetype'), url('../houschkaroundedalt-light-20.html#../css/fonts/HouschkaRoundedAlt-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesquePro-Light';
    src: url('../basisgrotesquepro-light-16.html');
    src: url('../basisgrotesquepro-lightd41d-4.html?#iefix') format('embedded-opentype'), url('../basisgrotesquepro-light-17.html') format('woff2'), url('../basisgrotesquepro-light-18.html') format('woff'), url('../basisgrotesquepro-light-19.html') format('truetype'), url('../basisgrotesquepro-light-20.html#../css/fonts/BasisGrotesquePro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesquePro-Black';
    src: url('../basisgrotesquepro-black-16.html');
    src: url('../basisgrotesquepro-blackd41d-4.html?#iefix') format('embedded-opentype'), url('../basisgrotesquepro-black-17.html') format('woff2'), url('../basisgrotesquepro-black-18.html') format('woff'), url('../basisgrotesquepro-black-19.html') format('truetype'), url('../basisgrotesquepro-black-20.html#../css/fonts/BasisGrotesquePro-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesquePro-Regular';
    src: url('../basisgrotesquepro-regular-16.html');
    src: url('../basisgrotesquepro-regulard41d-4.html?#iefix') format('embedded-opentype'), url('../basisgrotesquepro-regular-17.html') format('woff2'), url('../basisgrotesquepro-regular-18.html') format('woff'), url('../basisgrotesquepro-regular-19.html') format('truetype'), url('../basisgrotesquepro-regular-20.html#../css/fonts/BasisGrotesquePro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesquePro-Bold';
    src: url('../basisgrotesquepro-bold-16.html');
    src: url('../basisgrotesquepro-boldd41d-4.html?#iefix') format('embedded-opentype'), url('../basisgrotesquepro-bold-17.html') format('woff2'), url('../basisgrotesquepro-bold-18.html') format('woff'), url('../basisgrotesquepro-bold-19.html') format('truetype'), url('../basisgrotesquepro-bold-20.html#../css/fonts/BasisGrotesquePro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BasisGrotesquePro-Medium';
    src: url('../basisgrotesquepro-medium-16.html');
    src: url('../basisgrotesquepro-mediumd41d-4.html?#iefix') format('embedded-opentype'), url('../basisgrotesquepro-medium-17.html') format('woff2'), url('../basisgrotesquepro-medium-18.html') format('woff'), url('../basisgrotesquepro-medium-19.html') format('truetype'), url('../basisgrotesquepro-medium-20.html#../css/fonts/BasisGrotesquePro-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body.modal-open {
    overflow: hidden;
}

body {
    color: #000000;
    font-family: 'BasisGrotesquePro-Regular';
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    padding: 0 !important;
    overflow-x: hidden;
}

input[type=text] {
    -webkit-appearance: searchfield;
}

#tcsHeader {
    background: #000000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: all ease 0.3s;
}

.headerTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
}

.tcsLogo {
    display: flex;
    align-items: center;
}

.explor-wrap {
    padding-left: 45px;
}


/*  31 Aug 2023  */

.explor-wrap .dropdown .dropdown-menu .container .row .col-md-9 {
    height: 610px;
    overflow: auto;
}

.explor-wrap .dropdown .dropdown-menu .container .row .col-md-9::-webkit-scrollbar {
    width: 6px;
    border-radius: 4px;
}


/* Track */

.explor-wrap .dropdown .dropdown-menu .container .row .col-md-9::-webkit-scrollbar-track {
    background: #1f1f1f;
    border-radius: 4px;
}


/* Handle */

.explor-wrap .dropdown .dropdown-menu .container .row .col-md-9::-webkit-scrollbar-thumb {
    background: #313131;
    border-radius: 4px;
}


/* Handle on hover */

.explor-wrap .dropdown .dropdown-menu .container .row .col-md-9::-webkit-scrollbar-thumb:hover {
    background: #313131;
    border-radius: 4px;
}


/* end */

.explor-wrap .dropdown {
    position: unset !important;
}

.explor-wrap .dropdown:hover .dropdown-menu {
    display: block;
}

.explor-wrap .dropdown .dropdown-menu {
    background: #000000;
    position: absolute;
    top: 51px !important;
    left: 0 !important;
    transform: none !important;
    border-radius: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    z-index: 2;
}

.explorTab {
    border-right: 1px solid #333333;
    padding-top: 30px;
}

.explorTab .nav-item {
    padding: 8px 0;
}

.explorTab .nav-item.border-bottom {
    border-bottom: 1px solid #0c0c0c !important;
}

.explorTab .nav-link {
    font-style: normal;
    font-size: 1.6em;
    color: #FFFFFF;
    padding: 10px 0 10px 25px;
    position: relative;
    transition: all ease 0.3s;
}

.explorTab .nav-link img {
    width: 30px;
}

.explorTab .nav-link.active {
    background: linear-gradient(89.93deg, rgba(45, 0, 16, 0.5) 0.05%, #2469BC59 0.06%, rgba(81, 0, 29, 0) 98.75%);
}

.explorTab .nav-link:hover {
    background: linear-gradient(89.93deg, rgba(45, 0, 16, 0.5) 0.05%, #2469BC59 0.06%, rgba(81, 0, 29, 0) 98.75%);
    transition: all ease 0.3s;
}

.explorTab .nav-link .tab-icons {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
}

.explorTab .nav-link .ex-icon {
    width: 30px;
    display: inline-block;
}

.explorTab .nav-link .ex-icon svg {
    width: 100%;
    fill: #4E84C4;
}

.explorTab .nav-link span {
    padding-left: 15px;
}

#explorContent,
#explorContent1 {
    padding: 30px 0 0 30px;
}

#explorContent .infoWrap p,
#explorContent1 .infoWrap p {
    font-style: normal;
    font-size: 1.6em;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.course-list {
    padding: 0;
    list-style: none;
    margin: 0;
}

.course-list li {
    padding-bottom: 15px;
}

.course-list li a {
    font-style: normal;
    font-size: 1.4em;
    color: #BFBFBF;
    text-decoration: none;
    transition: all .5s ease;
    display: inline-block;
    position: relative;
    padding-bottom: 2px;
}

.course-list li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.course-list li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.course-list li:hover a {
    color: #ffffff;
}

.explor-wrap .dropdown .tcsBtn {
    background: #1f1f1f;
    border: none;
    padding: 5px 30px 6px 15px;
    font-style: normal;
    font-size: 1.8em;
    color: #fff;
    position: relative;
}

.explor-wrap .dropdown .tcsBtn:focus {
    outline: none !important;
}

.explor-wrap .dropdown .tcsBtn.active {
    background: #2469BC;
    color: #ffffff;
}

.explor-wrap .dropdown .tcsBtn.active::after {
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
}

.explor-wrap .dropdown .tcsBtn::after {
    content: '';
    display: block;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotateZ(45deg);
    height: 7px;
    width: 7px;
    position: absolute;
    cursor: pointer;
    right: 12px;
    top: 15px;
    transition: all 0.4s ease;
}

.form-group {
    position: relative;
}

.search .form-group {
    margin: 0;
    min-width: 400px;
    position: relative;
}

.search .form-control {
    background: #1f1f1f;
    border: none;
    border-radius: 50px;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
    color: #ffffff;
    padding: 0.375rem 0.75rem 0.375rem 2.75rem;
    position: relative;
}

.search .form-group span.searchIcon {
    position: absolute;
    top: 50%;
    left: 4%;
    transform: translate(0, -50%);
    z-index: 2;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.search .srcClose {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 20px;
    color: #2469BC;
    text-decoration: none;
}


/* new brand guideline changes start */

.search .form-group span.searchIcon svg {
    fill: #fff;
}


/* new brand guideline changes start */

.search .form-group span.searchIcon img {
    display: block;
    width: 100%;
    height: 100%;
}

.tcsLogin .login-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tcsLogin .login-wrapper .btn-link {
    font-style: normal;
    font-size: 1.6em;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding: 0;
    margin-right: 20px;
}

.tcsLogin .login-wrapper .btn-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.tcsLogin .login-wrapper .btn-link:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.tcsLogin .login-wrapper .btn-primary {
    font-style: normal;
    font-size: 1.6em;
    color: #ffffff;
    background: #000000;
    border: 2px solid #ffffff;
    border-radius: 8px;
    transition: all .5s ease;
}

.tcsLogin .login-wrapper .btn-primary:hover {
    color: #ffffff;
    background: #2469BC;
}

.tcsLogin .login-wrapper .cart {
    padding: 0 25px;
}

.tcsLogin .login-wrapper .cart .cartIcon {
    display: block;
    width: 25px;
    transition: all 0.4s ease;
    position: relative;
}

.tcsLogin .login-wrapper .cart .cartIcon svg {
    fill: #ffffff;
    transition: all 0.4s ease;
}

.tcsLogin .login-wrapper .cart .cartIcon:hover svg {
    fill: #2469BC;
}

.tcsLogin .login-wrapper .cart .cartIcon span {
    position: absolute;
    height: 15px;
    width: 15px;
    background: #FFFFFF;
    text-align: center;
    line-height: 15px;
    top: -5px;
    right: -5px;
    border-radius: 50%;
    font-weight: bold;
    color: #111111;
}

.tcsLogin .login-wrapper .tata {
    width: 35px;
}

.nav-container {
    background: #0f0f0f;
}

.main-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.main-nav .main-nav-links {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-nav .main-nav-links li.dropdown {
    padding-right: 60px;
    transition: all 0.4s ease;
}

.main-nav .main-nav-links li.dropdown:nth-child(2) .dropdown-menu::before {
    left: 81px;
}

.main-nav .main-nav-links li.dropdown:nth-child(3) .dropdown-menu::before {
    left: 76px;
}


/* .main-nav .main-nav-links li.dropdown:hover> .dropdown-menu {
    display: block;
} */

.main-nav .main-nav-links .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    color: #9f9f9f;
    position: relative;
    padding: 0.6rem 1rem 0.6rem 0;
}

.main-nav .main-nav-links .nav-link::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.main-nav .main-nav-links .nav-link:hover {
    color: #ffffff;
}

.main-nav .main-nav-links .nav-link:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.main-nav .main-nav-links .nav-link .arrow {
    display: block;
    border-bottom: 2px solid #9f9f9f;
    border-right: 2px solid #9f9f9f;
    transform: rotateZ(45deg);
    height: 7px;
    width: 7px;
    position: absolute;
    cursor: pointer;
    right: -5px;
    top: 15px;
    transition: all 0.4s ease;
}

.main-nav .main-nav-links .dropdown.show .arrow {
    transform: rotateZ(220deg);
    top: 18px;
}

.main-nav .main-nav-links .dropdown-menu {
    border-radius: 0;
    min-width: 175px;
    padding: 0;
    border: none;
    margin: 0;
    padding-top: 7px;
    left: 0;
    background: none;
    z-index: 1;
}

.main-nav .main-nav-links .dropdown-menu::before {
    position: absolute;
    top: 0;
    left: 66px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #000000;
    content: '';
    display: block;
    z-index: 2;
    transition: all 200ms linear;
}

.main-nav .main-nav-links .dropdown-menu li {
    background: #000000;
    transition: all 0.4s ease;
}

.main-nav .main-nav-links .dropdown-menu li:hover {
    background: #2469BC;
}

.main-nav .main-nav-links .dropdown-menu li a {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    color: #FFFFFF;
    text-decoration: none;
    padding: 15px 0 15px 15px;
    display: block;
}

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

.accessiblity-wrap .tools {
    border-right: 1px solid #38383b;
    padding-right: 10px;
}

.accessiblity-wrap .tools .dropdown {
    position: unset;
}

.accessiblity-wrap .access-btn {
    padding: 0;
    position: relative;
}


/* new brand guideline changes start */

.accessiblity-wrap .accIcon {
    padding: 0;
    position: relative;
    display: inline-block;
    height: 30px;
    width: 30px;
    /* border: 1px solid #fff; */
    border-radius: 50%;
    transition: all 0.4s ease;
}


/* new brand guideline changes ends */

.accessiblity-wrap .accIcon:hover .st0 {
    fill: #FFFFFF;
    transition: all 0.4s ease;
}


/* .accessiblity-wrap .show .accIcon .st0 {
    fill: #FFFFFF;
} */

.accessiblity-wrap .accIcon svg {
    fill: #4E84C4;
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}

.accessiblity-wrap .tools .dropdown .dropdown-menu {
    width: 480px;
    background: #000000;
    border: none;
    border-radius: 0;
    top: 100% !important;
    left: auto !important;
    right: 0;
    transform: none !important;
    margin-top: 8px;
    padding: 20px;
}

.accessiblity-wrap .tools .dropdown .dropdown-menu::before {
    position: absolute;
    top: -7px;
    right: 103px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #000000;
    content: '';
    display: block;
    z-index: 2;
    transition: all 200ms linear;
    transform: translate(-50%, 0);
}

.accessiblity-wrap .tools .dropdown .dropdown-menu p {
    font-style: normal;
    font-size: 1.8em;
    color: #FFFFFF;
    position: relative;
}

.accessiblity-wrap .tools .dropdown .dropdown-menu p span {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.accessiblity-tools {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.accessiblity-tools .font-size {
    flex: 0 0 60.3333%;
    background: #1f1f1f;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 18px;
}

.accessiblity-tools div span {
    font-style: normal;
    font-size: 1.5em;
    color: #FFFFFF;
    padding-left: 12px;
}

.accessiblity-tools .font-size .adjust-font {
    list-style: none;
    margin: 15px 0 5px 0;
    padding: 0;
}

.accessiblity-tools .font-size .adjust-font li {
    display: inline-block;
    border: 1px solid #2469BC;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: all 0.4s ease;
    vertical-align: middle;
}

.accessiblity-tools .font-size .adjust-font li:hover {
    background: #2469BC;
}

.accessiblity-tools .font-size .adjust-font li.active {
    background: #2469BC;
}

.accessiblity-tools .font-size .adjust-font li:nth-child(2) {
    margin: 0 15px;
}

.accessiblity-tools .font-size .adjust-font li a {
    font-style: normal;
    font-size: 1.4em;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 30px;
    display: block;
    margin-bottom: 2px;
}

.accessiblity-tools .font-size .defaultFont {
    font-size: 1.2em;
    color: #FFFFFF;
    padding: 0 !important;
}

.accessiblity-tools .mouse-trail {
    flex: 0 0 35.3333%;
    background: #1f1f1f;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 18px;
}

.accessiblity-tools .mouse-trail .switch {
    margin-top: 20px;
}

.accessiblity-tools .mouse-trail .switch input[type="checkbox"] {
    position: relative;
    width: 40px;
    height: 24px;
    -webkit-appearance: none;
    appearance: none;
    background: #4f4f4f;
    outline: none;
    border-radius: 2rem;
    cursor: pointer;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 50%);
}

.accessiblity-tools .mouse-trail .switch input[type="checkbox"]::before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 2px;
    left: 0;
    transition: 0.5s;
}

.accessiblity-tools .mouse-trail .switch input[type="checkbox"]:checked::before {
    transform: translateX(100%);
    background: #fff;
}

.accessiblity-tools .mouse-trail .switch input[type="checkbox"]:checked {
    background: #2469bc;
}

.accessiblity-tools .contrast {
    flex: 0 0 60.3333%;
    background: #1f1f1f;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 18px;
}

.accessiblity-tools .contrast .contrast-scheme {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0;
}

.accessiblity-tools .contrast .contrast-scheme li {
    display: inline-block;
    border: 1px solid #2469BC;
    width: 40px;
    height: 32px;
    border-radius: 45%;
    transition: all 0.4s ease;
    overflow: hidden;
}

.accessiblity-tools .contrast .contrast-scheme li:hover {
    background: #2469BC;
}

.accessiblity-tools .contrast .contrast-scheme li.active {
    background: #2469BC;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(2):hover {
    background: #ffff42;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(2):hover a {
    color: #000000;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(2) {
    margin: 0 15px;
}

.accessiblity-tools .contrast .contrast-scheme li a {
    font-style: normal;
    font-size: 1.4em;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 32px;
    display: block;
    overflow: hidden;
}

.accessiblity-tools .contrast .contrast-scheme li a.active {
    background: #2469BC;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(2) a.active {
    background: #ffff42;
    color: #000000;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(2) a {
    color: #ffff42;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(3):hover {
    background: #15f1ff;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(3):hover a {
    color: #000000;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(3) a {
    color: #15f1ff;
}

.accessiblity-tools .contrast .contrast-scheme li:nth-child(3) a.active {
    background: #15f1ff;
    color: #000000;
}

.accessiblity-wrap .tools .dropdown .dropdown-menu button {
    width: 100%;
    /* background: #2469BC; */
    font-style: normal;
    font-size: 1.6em;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    padding: 10px 0;
}

.accessiblity-wrap .language {
    padding-left: 10px;
    position: relative;
}

.accessiblity-wrap .language .lngIcon {
    display: inline-block;
    width: 24px;
}

.accessiblity-wrap .language .lngIcon svg {
    fill: #FFFFFF;
    transition: all 0.4s ease;
}

.accessiblity-wrap .language .access-btn:hover .lngIcon svg {
    fill: #2469BC;
}

.accessiblity-wrap .language .access-btn img {
    width: 30px;
    transition: all 0.4s ease;
    padding: 2px;
}

.accessiblity-wrap .language .access-btn img:hover {
    background: #FFFFFF;
}

.accessiblity-wrap .language .show .access-btn img {
    background: #FFFFFF;
}

.accessiblity-wrap .language .access-btn img.yellow {
    display: none;
}

.accessiblity-wrap .language .access-btn img.blue {
    display: none;
}

.accessiblity-wrap .language .lng-txt {
    font-style: normal;
    font-weight: 400;
    font-size: 0.750em;
    color: #FFFFFF;
    padding: 0 15px 0 5px;
}

.accessiblity-wrap .language .arrow {
    display: block;
    border-bottom: 2px solid #9f9f9f;
    border-right: 2px solid #9f9f9f;
    transform: rotateZ(45deg);
    height: 7px;
    width: 7px;
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 10px;
    transition: all 0.4s ease;
}

.accessiblity-wrap .language .dropdown .show .arrow {
    transform: rotateZ(220deg);
    top: 13px;
}

.accessiblity-wrap .language .dropdown-menu {
    border-radius: 0;
    min-width: 175px;
    padding: 0;
    border: none;
    margin: 0;
    padding-top: 13px;
    top: 100% !important;
    left: auto !important;
    right: 0;
    transform: none !important;
    background: none;
}

.accessiblity-wrap .language .dropdown-menu::before {
    position: absolute;
    top: 5px;
    right: -6px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #000000;
    content: '';
    display: block;
    z-index: 2;
    transition: all 200ms linear;
    transform: translate(-50%, 0);
}

.accessiblity-wrap .language .dropdown-menu li {
    background: #000000;
    transition: all 0.4s ease;
    padding: 10px 20px;
    position: relative;
}

.accessiblity-wrap .language .dropdown-menu li:first-child {
    padding: 20px 20px 10px 20px;
}

.accessiblity-wrap .language .dropdown-menu li input {
    vertical-align: middle;
    cursor: pointer;
    display: none;
}

.accessiblity-wrap .language .dropdown-menu li input:checked+label::before {
    border-color: #2469BC;
}

.accessiblity-wrap .language .dropdown-menu li input:checked+label::after {
    transform: translateY(-50%) scale(0.55);
}

.accessiblity-wrap .language .dropdown-menu label {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
    padding-left: 30px;
    position: relative;
}

.accessiblity-wrap .language .dropdown-menu label::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: transparent;
    border: 2px solid #474747;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    transition: border-color 400ms ease;
}

.accessiblity-wrap .language .dropdown-menu li:first-child label::before {
    top: 58%;
}

.accessiblity-wrap .language .dropdown-menu li:first-child label::after {
    top: 58%;
}

.accessiblity-wrap .language .dropdown-menu label::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #2469BC;
    border: 2px solid #2469BC;
    border-radius: 50%;
    top: 50%;
    left: 0;
    transform: translateY(-50%) scale(0);
    transition: transform 400ms ease;
}

.accessiblity-wrap .language .dropdown-menu li:nth-child(2) {
    padding: 10px 0;
}

.accessiblity-wrap .language .dropdown-menu li hr {
    width: 75%;
    border-top: 1px solid #474747;
    margin: 0 auto;
}

.mobile-header {
    display: none;
}


/* Common css start */

.tcs-section {
    padding: 48px 0;
}

section h2 {
    font-family: 'HouschkaRoundedAlt-Medium';
    font-style: normal;
    font-weight: 400;
    font-size: 4.8em;
    color: #000000;
    text-align: center;
}

section p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.8em;
    /*color: #000000;*/
    text-align: center;
}

.tcs-primary-btn {
    background: #2469BC;
    border-radius: 6.25rem;
    font-size: 1.5em;
    color: #fff !important;
    letter-spacing: .03125rem;
    padding: 12px 30px;
    /* new brand guideline changes done*/
    transition: all 0.4s ease;
    text-decoration: none;
    display: inline-block;
    border: 1px solid transparent;
    width: auto;
}

.tcs-primary-btn:hover {
    background: #005B9C;
    transition: all 0.4s ease;
    text-decoration: none;
    color: #fff !important;
    border-radius: 6.25rem;
    font-size: 1.5em;
    letter-spacing: .03125rem;
    padding: 12px 30px;
	cursor: pointer;
}

.secondary-btn {
    background: #ffffff;
    color: #2469BC !important;
    border: 1px solid #2469BC;
}

.secondary-btn:hover {
    color: #005B9C !important;
    background-color: #ebf4ff;
    border-color: #005B9C;
}


/* new brand guideline changes start */

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem #2469bc7a;
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 105, 188, 0.5)
}

.btn-link:focus,
.btn-link.focus {
    box-shadow: 0 0 0 0.2rem rgba(36, 105, 188, 0.5)
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #2469BC;
    border-color: #2469BC;
}

.liveChat-wrap {
    z-index: 9999
}


/* new brand guideline changes ends */


/* Common css End */


/* Login/Register form Start */

#divLogin {
    padding-right: 0 !important;
}

.divLogin .modal-dialog {
    position: absolute;
    top: 101px;
    right: 0;
    width: 500px;
    transform: none !important;
    margin: 0;
}

.divLogin .modal-dialog .modal-content {
    background-clip: unset;
    border: none;
    border-radius: 0;
    height: auto;
    padding-bottom: 40px;
}

.divLogin .modal-dialog .modal-content .modal-header {
    border: none;
    border-radius: 0;
}

.divLogin .modal-dialog .modal-content .prvBtn {
    display: none;
    position: absolute;
    top: 22px;
}

.divLogin .modal-dialog .modal-content .modal-header .close {
    color: #2469BC;
}

.formShow {
    display: block !important;
}

#LoginForm {
    display: none;
}

.loginForm-wrapper {
    padding: 0 40px 0 40px;
}

.loginForm-wrapper h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    margin-bottom: 15px;
}

.loginForm-wrapper p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #707398;
}

.loginForm-wrapper .form-control:focus {
    border-color: #2469BC;
}

.loginForm-wrapper .form-control {
    color: #000000;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.login-form label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
}

.login-form label span {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #2469BC;
}

.login-form label.is-invalid {
    color: #FF3232;
}

.login-form .invalid-feedback {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #FF3232;
    position: relative;
    padding-left: 25px;
}

.login-form .errorIcon {
    display: inline-block;
    background: url(../form-error-5.html) 0 0 no-repeat;
    width: 15px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 2px;
}

.login-form .main-error {
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    position: relative;
    background: #ffeaea;
    padding: 4px 20px 4px 30px;
    margin-bottom: 15px;
}

.login-form .otp-link {
    margin-bottom: 15px;
}

.login-form .otp-link a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #2469BC;
    text-decoration: none;
    position: relative;
}

.login-form .otp-link a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.login-form .otp-link a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.login-form .main-error .errorIcon {
    top: 8px;
    left: 9px;
}

.login-form .form-check {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.login-form .form-check input {
    cursor: pointer;
}

.login-form .form-check label {
    cursor: pointer;
}

.login-form .form-check .forgotPassword-txt a {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    color: #2469BC;
    text-decoration: none;
    position: relative;
}

.login-form .form-check .forgotPassword-txt a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.login-form .form-check .forgotPassword-txt a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.login-form .tnc-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6F6A79;
    margin-bottom: 30px;
}

.login-form .tnc-text p a {
    text-decoration: none;
    color: #2469BC;
    position: relative;
}

.login-form .tnc-text p a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.login-form .tnc-text p a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.login-form .btn-primary {
    width: 100%;
    padding: 10px 0;
    border-radius: 10px;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
}

.disable {
    opacity: 0.5;
    cursor: not-allowed !important;
}

.border-btn {
    display: block;
    width: 100%;
    padding: 6px 0;
    border-radius: 4px;
    font-style: normal;
    font-size: 15px;
    border: 1px solid rgba(218, 221, 233, 1);
    color: #000000;
    text-align: center;
    transition: transform .3s ease-in-out;
}

.border-btn:hover {
    color: rgba(228, 17, 101, 1);
    text-decoration: none;
    border: 1px solid rgba(228, 17, 101, 1);
    transition: transform .3s ease-in-out;
}

.border-btn.active {
    color: rgba(228, 17, 101, 1);
    text-decoration: none;
    border: 1px solid rgba(228, 17, 101, 1);
    transition: transform .3s ease-in-out;
    font-weight: bold;
}

.border-div {
    display: block;
    width: 100%;
    padding: 6px 0;
    border-radius: 4px;
    font-style: normal;
    font-size: 15px;
    border: 1px solid rgba(218, 221, 233, 1);
    color: #000000;
    text-align: center;
}

#LoginVaiOTP {
    display: none;
}

.enter-number span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    padding-right: 10px;
    vertical-align: middle;
}

.otp-wrap {
    display: flex;
    justify-content: space-between;
    max-width: 250px;
}

.otp-wrap input {
    width: 20%;
    text-align: center;
    padding: 0 !important;
}

#verifydOTP {
    display: none;
}

#divForgotPassword {
    display: none;
}

#forgotPasswordOTP {
    display: none;
}

.reset-options {
    list-style: none;
    padding: 0;
    margin: 40px 0 0 0;
}

.reset-options li {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 15px 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    transition: all 0.4s ease;
}

.reset-options li:hover {
    border: 1px solid #2469BC;
}

.reset-options li.active {
    border: 1px solid #2469BC;
}

.reset-options li a {
    text-decoration: none;
}

.reset-options li a h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #000000;
    text-align: left;
}

.reset-options li a p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #474747;
    text-align: left;
    margin: 0;
}

#createPassword {
    display: none;
}

.password-strength {
    display: flex;
    align-items: center;
}

.password-strength .progress {
    width: 90%;
    height: 4px;
    background-color: transparent;
}

.password-strength span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #000000;
    padding-left: 5px;
}

.password-required {
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.password-required li .pass-check {
    display: inline-block;
    background: url(../password-check-5.html) 0 0 no-repeat;
    width: 13px;
    height: 14px;
    vertical-align: middle;
    margin-right: 3px;
}

.password-required li {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #474747;
    padding-bottom: 10px;
}

#passwordPopup .successfull-msg {
    display: block;
}

.register-wrap p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #6F6A79;
    text-align: center;
    margin: 15px 0 25px 0;
}

.register-wrap p a {
    text-decoration: none;
    color: #2469BC;
    font-weight: 700;
    position: relative;
}

.register-wrap p a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.register-wrap p a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.or {
    width: 100%;
    height: 1px;
    background: #FFFFFF;
    background: linear-gradient(to left, #FFFFFF 20%, #DADDE9 50%, #FFFFFF 80%);
    position: relative;
}

.or span {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #474747;
    padding: 0 8px;
    position: absolute;
    top: -9px;
    left: 50%;
    background: #FFFFFF;
    transform: translate(-50%, 0);
}

.other-logins {
    list-style: none;
    padding: 0;
    margin: 25px 0 20px 0;
    text-align: center;
}

.other-logins li {
    display: inline-block;
    margin: 0 8px;
}

.other-logins li a {
    display: inline-block;
    background: #FFFFFF;
    padding: 10px;
    border-radius: 50%;
    box-shadow: 0px 4px 8px rgba(112, 115, 152, 0.5);
}

#primaryAccount {
    display: none;
}

.primary-acc p {
    color: #474747;
}

.account-names {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 15px 10px 15px 10px;
    margin-bottom: 25px;
    text-align: center;
    max-height: 430px;
    overflow-y: scroll;
}


/* width */

.account-names::-webkit-scrollbar {
    width: 4px;
}


/* Track */

.account-names::-webkit-scrollbar-track {
    background: #ccc;
}


/* Handle */

.account-names::-webkit-scrollbar-thumb {
    background: #c8bee1;
}

.account-names li {
    width: 47%;
    background: #FFFFFF;
    box-shadow: 0px 1px 8px rgba(0, 80, 149, 0.2);
    margin-bottom: 25px;
    border: 1px solid transparent;
    transition: all ease 0.3s;
}

.account-names li:hover {
    border: 1px solid #2469BC;
}

.account-names li.active {
    border: 1px solid #2469BC;
}

.account-names li a {
    display: block;
    padding: 20px;
    text-decoration: none;
}

.short-name {
    display: inline-block;
    background: #ffffff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px;
}

.purple-bg {
    background: #B8ACD8;
    color: #4D0092;
}

.blue-bg {
    background: #A3D1F5;
    color: #005095;
}

.yellow-bg {
    background: #FFF599;
    color: #FFBC00;
}

.brown-bg {
    background: #F7B999;
    color: #B03C00;
}

.account-names li a h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #000000;
}

.account-names li a p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #474747;
    margin: 0;
}

.primary-acc .btn-primary {
    width: 100%;
    padding: 10px 0;
    border-radius: 10px;
    font-style: normal;
    font-size: 16px;
    color: #FFFFFF;
}

#similarNumber {
    display: block;
}

#prverifydOTP {
    display: block;
}

.middel-popup .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
    width: 350px;
    /*width: 350px;*/
}

.middel-popup .modal-content {
    border-radius: 10px;
}

.middel-popup .modal-header {
    border: none;
    border-radius: 0;
    padding: 15px 15px 0 15px;
}

.middel-popup .modal-header .close {
    color: #2469BC;
}

.middel-popup .modal-body {
    padding: 0 40px 30px 40px;
}

.permission p {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    color: #000000;
    text-align: center;
}

.pr-btns {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.pr-btns button {
    min-width: 125px;
}

.pr-btns .btn-cancel {
    background: #FFFFFF;
    border: 1px solid #2469BC;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #2469BC;
    padding: 10px 0;
}

.successfull-msg {
    text-align: center;
    display: none;
}

.successfull-msg p {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    color: #000000;
    text-align: center;
    margin: 20px 0 10px 0;
}

.successfull-msg a {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #707398;
    text-align: center;
    text-decoration: none;
    cursor: context-menu;
}

.register-account .modal-dialog {
    width: 700px !important;
    max-width: inherit;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}


/*.register-account .modal-dialog .modal-content {
    border: none;
}*/

.register-account .modal-dialog .modal-content {
    border: none;
    margin-top: 20px;
}


/*.register-account .modal-header {
    border: none;
    border-radius: 0;
    padding: 15px 15px 0 15px;
}*/

.register-account .modal-header {
    border: none;
    border-radius: 0;
    padding: 15px 15px 0 15px;
    position: absolute;
    right: 0px;
    width: auto;
    z-index: 1;
}

.register-account .form-wrap {
    /*max-width: 500px;*/
    margin: 0 auto;
    padding: 0 40px;
}

.register-account .form-wrap .main-form {
    max-height: 450px;
    overflow-x: hidden;
    /* overflow-y: scroll; */
    padding: 0 26px 0 5px;
}


/* width */

.register-account .form-wrap .main-form::-webkit-scrollbar {
    width: 4px;
}


/* Track */

.register-account .form-wrap .main-form::-webkit-scrollbar-track {
    background: #D9D9D9;
}


/* Handle */

.register-account .form-wrap .main-form::-webkit-scrollbar-thumb {
    background: #9E9E9E;
}

.register-account .form-wrap .row {
    align-items: center;
}

.verify-btn .btn-primary {
    margin: 0 !important;
}


/*.register-account .form-wrap h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    text-align: left;
    margin: 40px 0 25px 0;
}*/

.register-account .form-wrap h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #000000;
    text-align: left;
    margin: 15px 0 10px 0;
}

.register-account .form-wrap .form-group {
    margin-bottom: 8px;
}

.register-account .form-wrap .form-check input {
    cursor: pointer;
}

.register-account .form-wrap label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin-bottom: 5px;
    cursor: pointer;
}

.register-account .form-wrap .form-control {
    border: 1px solid #000000;
    color: #000000;
    font-size: 13px;
    margin-bottom: 32px;
}

.register-account .form-wrap .info-wrap {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    margin-top: -4px;
}

.hintIcon {
    display: inline-block;
    background: url(../form-hint-5.html) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    left: 7px;
    top: 5px;
    position: relative;
}

.register-account .form-wrap .form-group .invalid-feedback {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #FF3232;
    position: relative;
}

.register-account .form-wrap .tnc-text p {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: #6F6A79;
}

.register-account .form-wrap .tnc-text p a {
    color: #2469BC;
    text-decoration: none;
    position: relative;
}

.register-account .form-wrap .tnc-text p a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.register-account .form-wrap .tnc-text p a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.register-account .form-wrap .btn-primary {
    margin: 10px 0 0 0;
    width: 100%;
}


/* Login/Register form End */


/* Privacy policy start */

#privacyPolicy .modal-dialog {
    max-width: 1000px;
}

#privacyPolicy .modal-header {
    border: none;
    padding: 1rem 1rem 0 1rem;
}

#privacyPolicy .modal-header .close {
    color: #2469BC;
    font-size: 2rem;
    position: absolute;
    right: 20px;
    z-index: 10;
}

#privacyPolicy .modal-body {
    border: none;
    padding: 0 1.5rem 1rem 1.5rem;
}

#privacyPolicy .nav-tabs .nav-link {
    font-style: normal;
    font-weight: 400;
    font-size: 1.6em;
    color: #474747;
    padding: 1rem 1.5rem;
    border: none;
    position: relative;
}

#privacyPolicy .nav-tabs .nav-link.active,
#privacyPolicy .nav-tabs .nav-link:hover {
    border: none;
    font-weight: 700;
    color: #2469BC;
}

#privacyPolicy .nav-tabs .nav-item {
    margin: 0;
}

#privacyPolicy .nav-tabs .nav-link.active:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 4px;
    background: #2469BC;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#privacyPolicy .modal-body .tab-content {
    padding-top: 20px;
    max-height: 300px;
    overflow-y: scroll;
}

#privacyPolicy .modal-body .tab-content h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 2em;
    color: #000000;
    text-align: left;
    margin-bottom: 15px;
}

#privacyPolicy .modal-body .tab-content p {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4em;
    color: #474747;
    text-align: left;
    margin-bottom: 15px;
}

#privacyPolicy .modal-body .tab-content p a {
    color: #2469BC;
    text-decoration: none;
    position: relative;
    padding-bottom: 4px;
}

#privacyPolicy .modal-body .tab-content p a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

#privacyPolicy .modal-body .tab-content p a:hover:before {
    transform-origin: left;
    transform: scaleX(1);
}

#privacyPolicy .tab-content::-webkit-scrollbar {
    width: 4px;
}

#privacyPolicy .tab-content::-webkit-scrollbar-track {
    background: #D9D9D9;
}

#privacyPolicy .tab-content::-webkit-scrollbar-thumb {
    background: #C0C0C0;
}

#dropDownprivacy {
    display: none;
}


/* Privacy policy end */


/* Footer CSS start */

.tcs-footer {
    background: #0f0f0f;
    padding: 30px 0 0 0;
}

.ftr-buttons {
    display: flex;
}

.ftr-buttons a {
    margin-right: 15px;
}

.ftr-buttons .btn-primary {
    background: #2469BC;
    border: none;
    border-radius: 10px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 30px;
    padding: 10px 50px;
    transition: all 0.4s ease;
}

.ftr-buttons .btn-primary:hover {
    background: #FFFFFF;
    color: #2469BC;
}

.tcs-footer hr {
    border-top: 1px solid #232325;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.ft-nav-sec h3 {
    font-style: normal;
    /* font-weight: 700; */
    font-size: 1.8em;
    color: #FFFFFF;
    margin-bottom: 15px;
}

.ft-nav-sec ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.ft-nav-sec ul li {
    padding-bottom: 10px;
}

.ft-nav-sec ul li a {
    font-style: normal;
    font-weight: 300;
    font-size: 1.6em;
    color: #9f9f9f;
    text-decoration: none;
    display: inline-block;
    transition: all 0.4s ease;
    position: relative;
    padding-bottom: 2px;
}

.ft-nav-sec ul li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #2469BC;
    bottom: 0;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}

.ft-nav-sec ul li a:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.ft-nav-sec ul li a:hover {
    color: #FFFFFF;
}


/* .ft-nav-sec ul.nav-middle {
    margin-top: 30px;
} */

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

.sm-icons li {
    padding-bottom: 0 !important;
}

.sm-icons li a {
    padding: 3px 5px 5px 5px !important;
    width: 30px;
}

.sm-icons li a:hover {
    background: #2469BC;
}

.sm-icons li a svg {
    fill: #9f9f9f;
    transition: all 0.4s ease;
}

.sm-icons li a:hover svg {
    fill: #2469BC;
}

.sm-icons a img {
    width: 20px;
}

.sm-icons a::before {
    display: none;
}

.reach-us {
    padding-top: 45px;
}

.reach-us li {
    position: relative;
    padding-left: 30px;
    font-style: normal;
    font-weight: 300;
    color: #9f9f9f;
}

.reach-us li.address {
    font-size: 1.6em;
}

.reach-us i {
    position: absolute;
    left: 0;
    width: 20px;
}

.copyright {
    background: #000000;
}

.copyright p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #9f9f9f;
    text-align: center;
    margin-bottom: 0;
    padding: 10px 0;
}


/* Footer CSS end */


/*--Model CSS Start--*/

.platformSolutions .modal-dialog {
    max-width: 900px;
}

.platformSolutions .modal-content {
    display: flex;
    vertical-align: top;
    padding: 20px;
}

.platformSolutions .modal-content .close {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;
    color: #2469BC;
    font-size: 1.8rem;
}

.platformSolutions .modal-content p {
    display: block;
    font-size: 2.4em;
    color: #000;
    text-align: center;
    padding: 10px 0px;
}

.solutions-tile {
    display: block;
    background: #FFFFFF;
    min-height: 120px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.31);
    padding: 10px;
    font-size: 13px;
    text-align: center;
    border: 2px solid #FFFFFF;
    transition: all 0.4s ease;
}

.solutions-tile label {
    padding: 0px;
    margin: 0px;
}

.platformSolutions .modal-content a {
    font-size: 1.3em;
    line-height: 15px;
    color: #333;
    text-decoration: none;
}

.platformSolutions .modal-content a:hover .solutions-tile {
    border: 2px solid #2469BC;
}

.courses-icon svg {
    display: inline-block;
    height: 60px;
    fill: #2469BC;
    margin-bottom: 10px;
}


/*--CSS FOR TOP SEARCH ONLY--*/

.resultDiv {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    margin: 0.125rem 0 0;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #000000;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    width: 100%;
}

.resultDiv .defaultResult {
    display: block;
}

.resultDiv .defaultResult ul {
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.resultDiv .defaultResult ul li {
    display: block;
}

.resultDiv .defaultResult ul li a {
    display: block;
    width: 100%;
    font-size: 1.4em;
    padding: 8px 20px;
    color: #FFFFFF;
}

.resultDiv .defaultResult ul li a:hover {
    background: linear-gradient(89.93deg, rgba(45, 0, 16, 0.5) 0.05%, #2469BC59 0.06%, rgba(81, 0, 29, 0) 98.75%);
    color: #FFFFFF;
    text-decoration: none;
}

.resultDiv .border-bottom {
    border-bottom: 1px solid #161617 !important;
}

.resultDiv .defaultResult label {
    color: #FFFFFF;
    font-size: 1.8em;
    padding-left: 20px;
    margin-top: 10px;
}

.resultDiv .dynamicResult {
    display: block;
}

.resultDiv .dynamicResult ul {
    display: block;
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.resultDiv .dynamicResult ul li {
    display: block;
}

.resultDiv .dynamicResult ul li a {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.4em;
    padding: 8px 20px;
    color: #FFFFFF;
}

.resultDiv .dynamicResult ul li a:hover {
    text-decoration: none;
}

.resultDiv .dynamicResult ul li .imgIcon {
    height: 40px;
    width: 40px;
}

.resultDiv .dynamicResult ul li .imgIcon img {
    display: block;
    width: 100%;
    height: auto;
}

.dTextRight {
    padding-left: 15px;
}

.dTextRight p {
    margin-bottom: 0px;
}

.dTextRight span {
    color: #2469BC;
    font-size: 11px;
}

.resultDiv .dynamicResult ul li a:hover p {
    color: #2469BC;
}

.resultDiv .shIcon svg {
    display: inline-block;
    width: 20px;
    fill: #2469BC;
    margin-right: 10px;
}

.rText span {
    color: #868686;
    margin-left: 6px;
}

.modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}

.modal-body {
    position: relative;
    padding: 0px !important;
}


/* .close { position:absolute; right:-30px; top:0; z-index:999; font-size:2rem; font-weight: normal; color:#fff; opacity:1; } */

.quickLinksWrap {
    position: fixed;
    top: 600px;
    right: 0;
    z-index: 10;
    width: 160px;
    height: 153px;
}

.quickLinks {
    width: 153px;
    height: 40px;
    background: #2469BC;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    transform: translate(0, -51%) rotate(-90deg);
    position: absolute;
    top: 50%;
    right: -57px;
    z-index: 11;
    overflow: hidden;
}

.quickLinks a.qLinks {
    text-decoration: none;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 1.4em;
    border-top: 1px solid #2469BC;
}

.quickLinks a.qLinks svg {
    transform: rotate(90deg);
    margin-left: 10px;
    fill: #ffffff;
}

.quickLinksWrap .innerLinks {
    width: 100%;
    height: 100%;
    text-align: center;
    padding-right: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2469BC;
    position: absolute;
    top: 0;
    right: -160px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.quickLinksWrap .innerLinks.showDiv {
    right: 0;
}

.quickLinksWrap .innerLinks a {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 1.4em;
    text-decoration: none;
    padding: 10px 0;
}

.quickLinksWrap .innerLinks a.bottom-border {
    border-top: 1px solid #f188b2;
}

.quickLinksWrap .innerLinks a i {
    display: block;
    text-align: center;
}

.quickLinksWrap .innerLinks a i svg {
    fill: #ffffff;
}

.errorDiv {
    position: absolute;
    bottom: -26px;
    background: #ff0000;
    font-size: 1.2em;
    padding: 4px 15px;
    border-radius: 5px;
    color: #ffffff;
}

.passwerdGuidelines {
    position: absolute;
    left: 24px;
    top: 0px;
    background: #000000;
    color: #FFFFFF;
    font-size: 1.0em;
    padding: 4px 8px;
    width: 300px;
    z-index: 1;
}

.passwerdGuidOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    width: 100%;
    z-index: 99999;
    overflow: hidden;
}

.passwerdGuidInner {
    position: absolute;
    width: 400px;
    height: auto;
    margin: 0 auto;
    background: #FFF;
    padding: 20px;
    border-radius: 8px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.passwerdGuidInner .close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #000000;
    z-index: 10;
    font-family: 'HouschkaRoundedAlt-Medium';
    font-size: 1.5em;
    font-weight: bold;
}

.passwerdGuidInner ul {
    display: block;
    padding: 0px;
    margin: 0px;
}

.passwerdGuidInner ul li {
    display: block;
    margin: 5px 0px;
    position: relative;
    padding-left: 15px;
    font-size: 1.1em;
}

.passwerdGuidInner ul li::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 6px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #333333;
}

.gdprIcon {
    position: absolute;
    bottom: 7px;
    right: -19px;
    width: 16px;
}

.gdprIcon img {
    width: 16px;
    height: auto;
}

.mfText {
    display: block;
    text-align: right;
    font-size: 1.1em;
    margin-bottom: -10px;
}

.mfText span {
    color: #FF0000;
    font-size: 1.8em;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    margin-right: 4px;
}

.mLeft {
    margin-left: 0px;
}

.mLeft1 {
    margin-left: 22px;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0, -50%);
}


/* new brand guideline changes start */

.nqtCertified-carousel .owl-nav {
    top: 32%;
}

.common-logo-carousel .owl-nav {
    top: 32%;
}


/* new brand guideline changes end */

.owl-carousel .owl-prev {
    display: inline-block;
    background: #2469BC;
    width: 4em;
    height: 4em;
    border: 0.5em solid #b2d0f2;
    border-radius: 50%;
    margin-right: 1.5em;
    position: absolute;
    left: -30px;
}

.owl-carousel .owl-next {
    display: inline-block;
    background: #2469BC;
    width: 4em;
    height: 4em;
    border: 0.5em solid #b2d0f2;
    border-radius: 50%;
    margin-left: 1.5em;
    position: absolute;
    right: -30px;
}

.owl-carousel .owl-prev:after {
    content: '';
    display: inline-block;
    margin-top: -3px;
    margin-left: -3px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.owl-carousel .owl-next:after {
    content: '';
    display: inline-block;
    margin-top: -5px;
    margin-left: -5px;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

a:hover .owl-carousel .owl-prev,
a:hover .owl-carousel .owl-prev {
    border: 0.5em solid #e74c3c;
}

a:hover .owl-carousel .owl-next:after,
a:hover .owl-carousel .owl-next:after {
    border-top: 0.5em solid #e74c3c;
    border-right: 0.5em solid #e74c3c;
}

.owl-carousel .owl-dots {
    display: block;
    text-align: center;
    margin-top: 20px;
}

.owl-carousel .owl-dot {
    display: inline-block;
    background: #c3c2c5;
    height: 10px;
    width: 10px;
    margin: 0 4px;
    border-radius: 50%;
}

.owl-carousel .owl-dot.active {
    background: #2469BC;
}

.currencySection p {
    text-align: left;
}

.currency-rupee {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 10px;
}

.currency-rupee::after {
    content: "\20B9";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 10px;
    font-style: normal;
}

.currency-dollar {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 10px;
}

.currency-dollar::after {
    content: "\0024";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 10px;
    font-style: normal;
}

.currency-euro {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 10px;
}

.currency-euro::after {
    content: "\20AC";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 10px;
    font-style: normal;
}

.currency-yen {
    display: inline-block;
    position: relative;
    height: 20px;
    width: 10px;
}

.currency-yen::after {
    content: "\00A5";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 20px;
    width: 10px;
    font-style: normal;
}


/* new brand guideline changes start */


/* global svg color code */


/* new brand guideline changes start */

.yellow-const .tcs-share svg path {
    fill: #000;
}

.blue-const .tcs-share svg path {
    fill: #000;
}


/* new brand guideline changes start 12 Apr 2024 svg changes*/

.yellow-const svg rect {
    fill: #ffff42;
}

.blue-const svg rect {
    fill: #15F1FF;
}

.yellow-const svg path#Path_7637,
.blue-const svg path#Path_7637 {
    fill: #000;
}


/* new brand guideline changes ends 12 Apr 2024 svg changes*/


/* new brand guideline changes end  */

.yellow-const svg path {
    fill: #ffff42;
}

.blue-const svg path {
    fill: #15F1FF;
}

.yellow-const .liveChat-wrap svg path {
    fill: #000000;
}

.blue-const .liveChat-wrap svg path {
    fill: #000000;
}

#tcs-scrollUp .icon-arrow_up svg {
    fill: #fff;
}

.yellow-const #tcs-scrollUp .icon-arrow_up svg path {
    fill: #000000;
}

.blue-const #tcs-scrollUp .icon-arrow_up svg path {
    fill: #000000;
}

.paddingtopzero {
    padding-top: 0px;
}


/* new brand guideline changes ends */

@media (max-width: 1250px) {
    .explorTab .nav-link {
        font-size: 1.2em;
    }
}

@media (max-width: 1200px) {
    .explor-wrap {
        padding-left: 25px;
    }
    .explor-wrap .dropdown .tcsBtn {
        font-size: 14px;
    }
    .search .form-group {
        min-width: 250px;
    }
    .main-nav .main-nav-links li.dropdown {
        padding-right: 30px;
    }
    section h2 {
        font-size: 3.5em
    }
    .platforms ul li a {
        font-size: 1.1em;
    }
    .explor-wrap .dropdown .tcsBtn::after {
        top: 11px;
    }
    .reasonToBelievePoints .pointWrap .hover-txt {
        overflow-y: scroll;
    }
}

@media (max-width: 1024px) {
    .explorTab .nav-link {
        padding: 8px;
        font-size: 1.4em;
    }
    .search .form-control {
        font-size: 1.09em;
    }
    .divLogin .modal-dialog {
        top: 68px;
    }
    .owl-carousel .owl-next {
        right: -40px;
    }
    .owl-carousel .owl-prev {
        left: -40px;
    }
}

@media (max-width: 992px) {
    .tcs-section {
        padding: 45px 0;
    }
    #tcsHeader .desk-head,
    #tcsHeader .nav-container {
        display: none;
    }
    .mobile-header {
        display: block;
        height: auto;
    }
    .tcsLogo {
        padding-left: 20px;
    }
    .search {
        min-width: 250px;
        margin-left: auto;
        z-index: 1;
    }
    .search .form-group {
        position: relative;
        min-width: 100%;
        height: 40px;
        transition: all 0.4s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        float: right;
    }
    .search .form-group span.searchIcon {
        left: auto;
        right: 5px;
    }
    .search .form-control {
        position: absolute;
        top: 0;
        right: 0;
        outline: none;
        width: 100%;
        height: 40px;
        margin: 0;
        opacity: 0;
        padding: 0px 40px 0 20px;
        transition: all 0.4s ease;
    }
    .sb-search-open .form-control {
        opacity: 1 !important;
        right: 0 !important;
    }
    .cart {
        margin-left: 5px;
    }
    .cart a svg {
        display: inline-block;
        width: 20px;
        fill: #4E84C4;
    }
    /* ================= Navigation ================= */
    #nav-toggle {
        width: 40px;
        height: 40px;
        display: block;
        border: none;
        outline: none;
        padding: 0;
        position: relative;
        cursor: pointer;
        background-color: transparent;
        z-index: 1;
    }
    #nav-toggle svg {
        display: inline-block;
        height: 35px;
        width: 35px;
        transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1);
    }
    /* new brand guideline changes start */
    #nav-toggle .line {
        fill: none;
        stroke: #ffffff;
        stroke-width: 6;
        transition: all 600ms cubic-bezier(0.4, 0, 0.2, 1), all 600ms cubic-bezier(0.4, 0, 0.2, 1);
        transition-delay: 0.2s;
    }
    /* new brand guideline changes end */
    #nav-toggle .line1 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    #nav-toggle .line2 {
        stroke-dasharray: 60 60;
        stroke-width: 6;
    }
    #nav-toggle .line3 {
        stroke-dasharray: 60 207;
        stroke-width: 6;
    }
    .tcs-open #nav-toggle svg {
        transform: scaleX(1);
    }
    .tcs-open #nav-toggle .line {
        stroke: #2469BC;
        transition-delay: 0s;
    }
    .tcs-open #nav-toggle .line1 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    .tcs-open #nav-toggle .line2 {
        stroke-dasharray: 1 60;
        stroke-dashoffset: -30;
        stroke-width: 6;
    }
    .tcs-open #nav-toggle .line3 {
        stroke-dasharray: 90 207;
        stroke-dashoffset: -134;
        stroke-width: 6;
    }
    .headerTop {
        padding: 10px 0;
    }
    #nav-toggle {
        width: 35px;
        height: 35px;
    }
    #tcs-mob-nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        color: #000;
        display: none;
        z-index: 2;
        overflow: scroll;
        /* transition: all 0.4s ease; */
    }
    .tcs-open #tcs-mob-nav {
        display: block;
    }
    /* #tcs-mob-nav .closeBtn {
        position: fixed;
        top: 10px;
        right: 66px;
        z-index: 999;
    }
    .mob-nav {width: 85%; height: auto; background: #000000; transition: all 0.4s ease; opacity: 1;}*/
    #tcs-mob-nav .closeBtn {
        position: fixed;
        top: 10px;
        left: 295px;
        z-index: 999;
    }
    .mob-nav {
        width: 295px;
        height: auto;
        background: #000000;
        transition: all 0.4s ease;
        opacity: 1;
    }
    .tcs-open .mob-nav {
        opacity: 1;
    }
    .mob-nav .explorTab {
        list-style: none;
        padding: 55px 0 0 0;
        margin: 0;
        border: none;
        border-bottom: 1px solid #191919;
    }
    .explorTab .nav-link {
        padding: 8px 15px;
    }
    .explorTab .nav-link::after {
        content: '';
        display: inline-block;
        background: url(../mob-arrow-5.html) 0 0 no-repeat;
        width: 7px;
        height: 11px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
    }
    #explorContent,
    #explorContent1 {
        padding: 65px 0 0 30px;
        position: fixed;
        top: 0;
        left: 0;
        background: #000;
        width: 85%;
        height: 100vh;
        z-index: 10;
        overflow: scroll;
    }
    #explorContent .infoWrap p,
    #explorContent1 .infoWrap p {
        margin-bottom: 10px;
    }
    .course-list {
        margin-bottom: 10px;
    }
    .explor-mob .tab-content {
        display: none;
    }
    .tab-content.tab-show {
        display: block;
    }
    .backBtn {
        position: absolute;
        left: 30px;
        top: 20px;
    }
    .tcsLogo img {
        width: 80px;
    }
    .search {
        min-width: 200px;
    }
    .search .form-group {
        height: 30px;
    }
    .search .form-control {
        font-size: 12px;
        height: 30px;
    }
    .mob-nav .main-nav {
        display: block;
    }
    .mob-nav .main-nav .main-nav-links {
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #191919;
    }
    .mob-nav .main-nav .main-nav-links .nav-link {
        padding: 10px 0 10px 25px;
    }
    .mob-nav .main-nav .main-nav-links .dropdown-menu {
        float: none;
        position: relative !important;
        transform: none !important;
        padding: 0 0 0 25px;
    }
    .main-nav .main-nav-links .dropdown-menu::before {
        display: none;
    }
    .main-nav .main-nav-links .dropdown-menu li a {
        padding: 10px 0 10px 10px;
        font-size: 1.2em;
    }
    .main-nav .main-nav-links .nav-link::before {
        display: none;
    }
    .main-nav .main-nav-links .nav-link .arrow {
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
        transform: rotateZ(-50deg);
        height: 8px;
        width: 8px;
        right: -20px;
    }
    .main-nav .main-nav-links .dropdown:hover .arrow {
        transform: rotateZ(45deg);
        top: 15px;
    }
    .accessiblity-wrap {
        display: block;
        text-align: left;
    }
    .accessiblity-wrap a.access-btn {
        display: block;
        text-align: left;
        position: relative;
        /*padding: 10px 0 10px 25px !important;*/
        font-size: 14px;
        color: #FFFFFF;
        margin-left: 15px;
    }
    .accessiblity-wrap a.access-btn::after {
        content: '';
        display: inline-block;
        /* background: url(../images/mob-arrow.png) 0 0 no-repeat;*/
        width: 7px;
        height: 11px;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
    }
    .accessiblity-wrap a img {
        padding-right: 12px;
    }
    .accessiblity-wrap .language .access-btn img {
        width: 40px;
    }
    .accessiblity-wrap .tools .dropdown .dropdown-menu::before {
        right: 45px;
    }
    .accessiblity-wrap .tools {
        border-right: none;
        padding-right: 0;
    }
    .accessiblity-wrap .tools .dropdown .dropdown-menu {
        width: 350px;
        height: auto;
        position: fixed !important;
        top: 55px !important;
        right: 0 !important;
        margin: 0;
    }
    .accessiblity-wrap .tools .dropdown .dropdown-menu p {
        padding-left: 25px;
    }
    .accessiblity-wrap .tools .dropdown .dropdown-menu p span {
        left: 0;
        right: auto;
    }
    .accessiblity-tools .font-size {
        flex: 0 0 100%;
    }
    .accessiblity-tools .contrast {
        flex: 0 0 100%;
    }
    .accessiblity-wrap .language {
        padding-left: 0;
    }
    .accessiblity-wrap .language .lng-txt {
        padding: 0;
    }
    .accessiblity-wrap .language .dropdown-menu {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        padding: 20px;
        background: #000000;
        width: 85%;
        height: 100vh;
    }
    .accessiblity-wrap .language .dropdown-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .accessiblity-wrap .language .dropdown-menu li:first-child {
        padding: 10px 20px;
    }
    .accessiblity-wrap .language .dropdown-menu li:nth-child(2) {
        padding: 10px 20px;
    }
    .accessiblity-wrap .language .dropdown-menu::before {
        display: none;
    }
    .accessiblity-wrap .language .dropdown .dropdown-menu p {
        padding-left: 25px;
        font-style: normal;
        font-size: 18px;
        color: #FFFFFF;
        position: relative;
    }
    .accessiblity-wrap .language .dropdown .dropdown-menu p span {
        left: 0;
        right: auto;
        position: absolute;
    }
    .accessiblity-wrap .language .dropdown .dropdown-menu button {
        width: 100%;
        background: #2469BC;
        font-style: normal;
        font-size: 16px;
        color: #FFFFFF;
        border: none;
        border-radius: 8px;
        padding: 10px 0;
        margin-top: 20px;
    }
    .tcsLogin .login-wrapper {
        display: block;
        text-align: center;
        background: #1f1f1f;
        padding: 15px;
    }
    .tcsLogin .login-wrapper .btn-primary {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        background: #1f1f1f;
        color: #2469BC;
        border: 1px solid #2469BC;
        padding: 8px 0;
    }
    .footer-links .col-sm {
        width: 50%;
    }
    .ftr-buttons {
        display: flex;
    }
    .ftr-buttons .btn-primary {
        font-size: 14px;
        padding: 10px 42px;
        margin-right: 10px;
    }
    .footer-links .col {
        padding: 0 35px
    }
    .ft-nav-sec {
        padding-bottom: 35px;
    }
    .ft-nav-sec h3 {
        font-size: 16px;
    }
    .sm-icons {
        justify-content: start;
    }
    .sm-icons li a img {
        width: 20px !important;
    }
    .ft-nav-sec ul li a {
        font-size: 14px;
    }
    .reach-us {
        padding-top: 0;
    }
    .d-xl-none {
        display: none;
    }
    .divLogin .modal-dialog {
        top: 55px;
    }
    .platformSolutions {
        padding-left: 0;
    }
    #privacyPolicy .nav-tabs .nav-link {
        font-size: 1.4em;
    }
    .accessiblity-tools .mouse-trail {
        flex: 0 0 100%;
    }
    .search .form-group span.searchIcon svg {
        width: 20px;
    }
    .collaborators p br {
        display: none;
    }
    /* new brand guideline changes start */
    .ihcCourseDetails.ihc-product {
        padding: 45px 0 20px;
    }
    .paddingtopzero {
        padding-top: 0px;
    }
    /* new brand guideline changes ens */
}

@media screen and (max-height: 900px) {
    .register-account .modal-dialog {
        top: 0;
        transform: translate(-50%, 0) !important
    }
    .testiContant p {
        margin: 0px 0px 20px 0px;
    }
    .passwerdGuidOverlay {
        padding: 0 20px;
    }
    .passwerdGuidInner {
        width: 35%;
    }
    .passwerdGuidInner ul {
        height: 270px;
        overflow: auto;
    }
    .passwerdGuidInner .close {
        top: 10px;
        right: 12px;
        background: #FFF;
        padding: 5px;
        position: fixed;
    }
}

@media (max-width: 767px) {
    .explorTab .nav-link {
        font-size: 1.4em;
    }
    section h2 {
        font-size: 3em;
    }
    section p {
        font-size: 1.4em;
    }
    .tcs-primary-btn {
        font-size: 1.3em;
        padding: 10px 15px !important;
        /* new brand guideline changes done*/
        margin-right: 10px !important;
    }
    .tcsLogin .login-wrapper .tcs-primary-btn {
        width: 100%;
        margin-bottom: 15px;
    }
    .d-xl-none {
        display: block;
    }
    .d-sm-block {
        display: none !important;
    }
    .divLogin .modal-dialog {
        top: 0;
    }
    .divLogin .modal-dialog {
        width: 100%;
    }
    .loginForm-wrapper {
        padding: 0 20px 40px 20px;
    }
    /*.divLogin .modal-dialog .modal-content {height: 100vh;}*/
    .divLogin .modal-dialog .modal-content {
        height: auto;
    }
    .register-account .modal-dialog {
        top: 0;
        left: 0;
        transform: none !important;
        width: 100% !important;
    }
    .register-account .form-wrap .main-form {
        max-height: fit-content;
        overflow: visible;
        padding-right: 0;
    }
    .ftr-buttons {
        display: flex;
        /* justify-content: space-between; */
    }
    .ftr-buttons .btn-primary {
        margin-right: 0;
    }
    .resultDiv .defaultResult label {
        font-size: 1.5em;
    }
    .resultDiv .defaultResult ul li a {
        font-size: 1.2em;
    }
    .resultDiv .dynamicResult ul li a {
        font-size: 1.2em;
    }
    .resultDiv .dynamicResult ul li .imgIcon {
        width: 30px;
    }
    .dTextRight span {
        font-size: 10px;
    }
    .solutions-tile {
        min-height: auto;
        margin-bottom: 15px;
    }
    .courses-icon svg {
        display: block;
        margin: 0 auto;
        height: 50px;
    }
    .register-account .modal-dialog {
        transform: translate(0, 0) !important;
    }
    .passwordPopup .modal.show .modal-dialog {
        background: #FF0004;
    }
    .pr-btns button {
        min-width: 120px;
    }
    .register-account .modal-dialog .modal-content {
        width: 94%;
        margin: 3%;
    }
    #privacyPolicy .modal-body nav {
        overflow-x: auto;
    }
    #privacyPolicy .nav-tabs {
        display: inline-block;
        min-width: 100%;
    }
    #privacyPolicy .nav-tabs .nav-link {
        display: inline-block;
        padding: 5px 8px;
    }
    #privacyPolicy .modal-body .tab-content {
        max-height: 500px;
    }
    /* .accessiblity-wrap { display: none; } */
    .mobile-header .container {
        padding: 0;
    }
    .accessiblity-wrap a.access-btn {
        margin-left: 10px;
    }
    .accessiblity-wrap .accIcon {
        width: 25px;
        height: 25px;
    }
    .accessiblity-wrap .tools .dropdown .dropdown-menu {
        width: 100%;
        top: 55px !important;
    }
    .accessiblity-tools .mouse-trail {
        display: none;
    }
    .quickLinksWrap {
        top: 200px;
    }
    .passwerdGuidInner {
        width: 88%;
    }
    .owl-carousel .owl-next {
        right: -25px;
    }
    .owl-carousel .owl-prev {
        left: -25px;
    }
    .border-btn {
        margin-bottom: 20px;
    }
}

@media screen and (max-device-width: 915px) and (orientation: landscape) {
    .accessiblity-wrap .tools .dropdown .dropdown-menu {
        height: 360px !important;
        overflow-y: scroll;
        padding: 20px 20px 50px 20px;
    }
    .accessiblity-tools .mouse-trail {
        display: none;
    }
}

@media screen and (max-height: 699px) {
    .explorTab .nav-item {
        padding: 4px 0;
    }
}

@media (max-width: 500px) {
    #tcsHeader {
        height: 55px;
    }
    #nav-toggle {
        width: 25px;
        height: 25px;
    }
    #nav-toggle svg {
        width: 25px;
        height: 25px;
    }
    .tcsLogo {
        padding-left: 10px;
    }
    .search {
        min-width: 150px;
    }
    .platforms ul li a {
        font-size: 12px;
    }
    .courses-tabs .nav-tabs .nav-link {
        font-size: 14px;
    }
}