@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

html {
    scroll-behavior: smooth;
}

body {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    overflow-x: hidden;
}

a,
button {
    text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
. btnDivs a transition: all 0.3 s ease-in-out;
}

a:hover,
button:hover {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

h1,
h2,
h3 {
    font-family: "Oswald", sans-serif;
}

h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

@font-face {
    font-family: "Segoe Script";
    src: url("../fonts/SegoeScript.eot");
    src: url("../fonts/SegoeScript.eot?#iefix") format("embedded-opentype"), url("../fonts/SegoeScript.woff2") format("woff2"), url("../fonts/SegoeScript.woff") format("woff"), url("../fonts/SegoeScript.ttf") format("truetype"), url("../fonts/SegoeScript.svg#SegoeScript") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.container {
    max-width: 1170px;
}

.navigation {
    min-height: 240px;
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.navbar-nav .nav-item .nav-link {
    font-size: 0.875rem;
    font-weight: 400;
    color: #ffffff;
    padding: 0.7rem 0.6rem;
}

.navbar-nav .nav-item .nav-link:hover {
    color: #d8b544;
    color: white;
}

.main-banner {
    display: flex;
    align-items: center;
    min-height: 850px;
    background-image: url(../images/main-banner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

li.nav-item.login-btn a {
    position: absolute;
    right: -80px;
    /*right: -70px;*/
    background: #d8b544;
    border-radius: 5px;
}

.navbar-nav .nav-item {
    padding: 10px 0px;
}

li.nav-item.shopping-cart {
    position: absolute;
    right: -135px;
    padding: 0;
    margin-top: -2px;
}

li.nav-item.shopping-cart a {
    font-size: 2rem !important;
}

.banner-headings h4 {
    font-size: 2.5rem;
    color: #fff;
    font-weight: 500;
}

.banner-headings h1 {
    font-size: 5rem;
    text-transform: uppercase;
    color: #d8b544;
}

.banner-headings p {
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.875rem;
}

.btn-theme {
    background: #000544;
    border-color: #000544;
    color: #fff;
    padding: 0.625rem 1.5625rem;
    text-transform: uppercase;
    font-size: 1.125rem;
}

.btn-theme:hover {
    background: #fff;
    color: #000544;
}

.btn-theme-invert {
    background: #d8b544;
    border-color: #d8b544;
    color: #fff;
    padding: 0.625rem 1.5625rem;
    text-transform: uppercase;
    font-size: 1.125rem;
    text-align: center;
    /*margin-left: 23px;*/
}

.btn-theme-invert:hover {
    background: #fff;
    color: #d8b544;
}

.content-section {
    padding: 6.25rem 0;
    position: relative;
}

.main-banner .container {
    margin-top: 9.375rem;
}

.midBanner {
    min-height: 175px;
    display: flex;
    align-items: center;
    background-color: #000544;
}

.midContent a {
    color: #fff;
    font-size: 1.5625rem;
    font-weight: 600;
    margin: 0;
}

section.midBanner .col-md-4:last-child .midContent {
    width: 80%;
    margin-left: auto;
}

.social-icons ul {
    list-style: none;
}

.social-icons ul li {
    display: inline-block;
    margin: 0 0.5rem;
}

.social-icons ul {
    list-style: none;
}

.social-icons ul li {
    display: inline-block;
    margin: 0 0.5rem;
}

.content-p p {
    color: #828282;
    font-size: 1.125rem;
    line-height: 1.875rem;
}

.content-heading h1,
.dtlnewsText h1 {
    font-size: 4.3475rem;
    color: #d8b544;
    font-weight: 500;
    margin-bottom: 1.5625rem;
}

.content-heading h1 span,
.dtlnewsText h1 span {
    color: #000544;
}

.content-heading {
    position: relative;
    /* z-index: 1; */
}

.content-heading img {
    position: absolute;
    top: -50px;
    left: 30px;
    z-index: -1;
}

.content-heading .centerTxt {
    left: 50%;
    transform: translateX(-50%);
    width: 11%;
    top: -30px;
}

.abt-2 figure {
    margin-bottom: -40px;
}

.content-p p span {
    font-size: 5.383125rem;
    font-weight: 600;
    font-family: "Oswald";
    position: absolute;
    color: #d8b544;
    left: 15px;
    top: -5px;
}

.abtSec .content-p p {
    padding-left: 80px;
    line-height: 2.25rem;
}

.shopSection {
    background-color: #f7f6fb;
}

.shopTabs li a {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #000;
    text-transform: uppercase;
    font-size: 1rem;
    transition: 0.2s all ease-in-out;
}

.shopTabs li a img {
    object-fit: cover;
    height: 53px;
    width: 69px;
    object-position: top;
    transition: 0.2s all ease-in-out;
}

.shopTabs li a:hover img {
    object-position: bottom;
}

.shopTabs li a:hover {
    color: #d8b544;
}

.shopTabs li {
    padding: 0 1.5625rem;
    position: relative;
}

.shopTabs {
    border-bottom: 2px solid #828282;
    padding-bottom: 10px;
}

.shopTabs li a.active {
    color: #d8b544;
}

.shopTabs li a.active img {
    object-position: bottom;
}

.slick-slide:focus {
    outline: none;
}

.slick-slide:focus {
    outline: none;
}

.shop-items figure,
.shop-itemstwo figure {
    margin: 0;
}

.shop-items .itmContent,
.shop-itemstwo .itmContent {
    background: #fff;
    width: 90%;
    margin: -40px auto 0px;
    position: relative;
    z-index: 1;
    padding: 30px 15px;
    border: 1px solid #cccccc;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.shop-items .itmContent h5,
.shop-itemstwo .itmContent h5 {
    color: #000;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: 400;
}

.slick-slide {
    /* padding: 10px; */
}

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

.exContent i {
    font-size: 0.6875rem;
}

.ratings p {
    font-size: 0.6875rem;
    display: inline-block;
    margin: 0;
    color: #828282;
    font-weight: 600;
}

.price p {
    margin: 0;
    font-size: 0.9375rem;
    color: #000000;
    font-weight: 600;
}

.colored {
    color: #ffc107;
}

.shopTabs li a.active:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: -12px;
    background: #d8b544;
}

.shopTabs li a.active:after {
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #d8b544;
    position: absolute;
    bottom: -17px;
}

.btn-slide {
    background: #000544;
    border: none;
    border-radius: 10px;
    font-size: 1.5rem;
    color: #fff;
    width: 50px;
    height: 50px;
    cursor: pointer;
    top: 40%;
    position: absolute;
}

.prev-btn {
    left: -75px;
}

.next-btn {
    right: -75px;
}

.btn-slide:focus {
    outline: none;
}

.btn-slide:hover {
    background: #d8b544;
}

.momentSection {
    background-image: url(../images/moment-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 700px;
}

.momentSection .content-heading h1 {
    color: #fff;
}

.proMain {
    text-align: center;
    width: 34%;
    margin-left: auto;
    position: relative;
}

.proMain a {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125rem;
}

.proMain figure {
    min-height: 84px;
}

.proMain .event-details {
    position: absolute;
    top: 0;
    left: 100%;
    /* width: 100%; */
    /* min-width: 300px; */
    background: #d8b544;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    color: white;
    transition: 0.3s ease-in-out;
    border-radius: 100%;
    width: 19rem;
    height: 19rem;
    display: grid;
    place-items: center;
}

.proMain:hover .event-details {
    visibility: visible;
    opacity: 1;
}

.proMain .event-details h2 {
    font-size: 2rem;
    text-transform: capitalize;
}

.proMain .event-details p {
    margin: 0;
}

.specialSection {
    background-image: url(../images/events-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 580px;
}

.calenderMain {
    background: #fff;
    padding: 20px 50px;
}

.calenderMain .content-heading img {
    width: 15%;
    top: 0;
}

.instructorMain {
    text-align: center;
    cursor: pointer;
}

.instructorMain h4 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #000;
}

.instructorMain h5 {
    font-size: 1rem;
    color: #000;
    font-weight: 400;
    height: 40px;
}

.instructorMain p {
    color: #828282;
    font-size: 1rem;
    margin-bottom: 10px;
    height: 270px;
    text-align: justify;
    overflow: auto;
    padding-right: 6px;
}

.instructorMain figure img {
    filter: grayscale(1);
    border: 5px solid #fff;
    border-radius: 100%;
    transition: 0.2s all ease-in-out;
    margin: auto;
}

.instructorMain:hover img {
    filter: none;
    transform: translateY(-10px);
}

.main-newsltr {
    background: url(../images/newsletter-bg.jpg) no-repeat top center/ cover;
    padding: 109px 0;
}

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

.newsltr-txt h2 {
    font-size: 4.3125rem;
    color: #ffffff;
    margin: 0 0 15px;
    position: relative;
    padding: 0 0 15px;
}

.newsltr-txt h2:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 146px;
    height: 3px;
    background-color: #d8b544;
    bottom: 0;
    margin: auto;
}

.newsltr-txt p {
    font-size: 1.125rem;
    color: #ffffff;
    font-weight: 400;
    margin: 20px auto;
    width: 63%;
    line-height: 32px;
}

.newsltr-txt span input {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 428px;
    height: 58px;
    font-size: 0.9375rem;
    border-color: transparent;
    padding: 0 15px;
    outline: none;
    margin: 0 10px 0 0;
}

.newsltr-txt span a {
    border-radius: 5px;
    background-color: rgb(216, 181, 68);
    display: inline-block;
    padding: 16px 51px 16px 23px;
    font-size: 1.125rem;
    color: #ffffff;
    text-transform: uppercase;
    position: relative;
}

.newsltr-txt span a i {
    position: absolute;
    right: 24px;
    top: 20px;
}

.newsltr-txt h6 {
    font-size: 0.8125rem;
    color: #d8b544;
    margin: 20px auto 0;
    line-height: 25px;
    width: 93%;
}

.main-stdntsay {
    padding: 100px 0;
}

.main-stdntsay .content-heading h1 span {
    color: #010101;
}

.main-stdntsay .content-heading h1 {
    margin-bottom: 50px;
}

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

.stdnt-bx figure {
    /* border: 7px solid #f4f4f4; */
    display: inline-block;
    border-radius: 50%;
    margin: 0px;
}

.stdnt-bx p {
    font-size: 1rem;
    color: #828282;
    margin: 0;
    padding: 0 10px;
    line-height: 29px;
    font-weight: 400;
}

.stdnt-bx h4 {
    font-size: 1.25rem;
    color: #000000;
    font-weight: 700;
    margin: 0px 0 5px;
}

.stdnt-bx span {
    font-size: 0.875rem;
    color: #828282;
    font-weight: 500;
}

.stdn-sldr .slick-slide.slick-current.slick-active.slick-center {
    border-left: 1px solid #d8b544;
    border-right: 1px solid #d8b544;
}


/* .stdn-sldr .slick-slide.slick-current.slick-active.slick-center .stdnt-bx figure {
  border: 7px solid #d8b544;
} */

.folow-socl {
    background-color: #d8b544;
    padding: 70px 0;
}

.socl-head {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.socl-head h2 {
    font-size: 4.3125rem;
    color: #ffffff;
    margin: 0;
}

.socl-head ul {
    display: flex;
    align-items: center;
}

.socl-head ul li {
    margin-right: 30px;
}

.socl-head ul li:last-child {
    margin-right: 0;
}

footer {
    background-color: #000544;
    padding: 80px 0 0;
}

.ftr-logo img {
    width: 75%;
}

.ftr-logo p {
    font-size: 1rem;
    color: #ffffff;
    margin: 30px 0 0;
    line-height: 33px;
}

.quck-lst h4 {
    font-size: 1.4375rem;
    color: #ffffff;
    margin: 0 0 35px;
}

.quck-lst ul li a {
    font-size: 0.9375rem;
    color: #ffffff;
    display: block;
    margin-bottom: 10px;
}

.get-head {
    display: flex;
    align-items: center;
    margin-bottom: 22px;
}

.get-head i {
    color: #fff;
}

.get-txt {
    padding-left: 10px;
}

.get-txt span {
    font-size: 0.9375rem;
    color: #ffffff;
}

.get-txt span a {
    color: #fff;
}

.cpyrght {
    border-top: 1px solid #333769;
    padding: 25px 0;
    margin: 20px 0 0;
}

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

.cpy-txt p {
    font-size: 1rem;
    color: #ffffff;
    margin: 0;
}

.cpy-txt ul {
    display: flex;
    align-items: center;
}

.cpy-txt ul li a {
    font-size: 1rem;
    color: #ffffff;
    border-bottom: 1px solid #fff;
    display: block;
    margin: 0 0 0 25px;
}

.ap-img img {
    margin-bottom: 15px;
    width: 48%;
}


/*inner pages css start*/

.inrbnr {
    position: relative;
}

.inrbnr img {
    max-height: 75vh;
    object-fit: cover;
    object-position: top;
}

.inrbnr.staticpg .overlay {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8));
}

.inrbnr .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.inrbnr .overlay h2 {
    font-size: 4.375rem;
    color: #ffffff;
    text-transform: uppercase;
    margin: 0;
    text-shadow: 0 0 5px black;
}

.donateFormBanner.inrbnr .content-heading h1 {
    font-size: 2.5rem;
    font-family: "Poppins", sans-serif;
}

.donateFormBanner.inrbnr .content-heading :is(h1,
span) {
    color: #d8b544;
}

.vsionsec-head {
    text-align: center;
    /* padding-bottom: 60px; */
}

.vsionsec-head .content-heading img {
    left: 0;
    right: 0;
    margin: auto;
}

.msg-txt .content-heading h1 {
    font-size: 3.125rem;
    margin-bottom: 16px;
}

.msg-txt .content-p p {
    margin: 0;
}

.main-vsionsec {
    padding: 130px 0 0;
}

.almuni-txt {
    margin-bottom: 85px;
    margin-top: 20px;
}

.almuni-txt .content-heading h1,
.lates-box .content-heading h1 {
    font-size: 2.8125rem;
}

.almuni-txt .btn-theme-invert {
    margin-top: 15px;
    padding: 0.625rem 1.8625rem;
}

.lates-box {
    background-color: #f7f6fb;
    padding: 30px 27px;
}

.lates-box .latest-box-inner {
    max-height: 450px;
    overflow-y: auto;
}

.latst-lst {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.latst-txt {
    padding: 0 0px 0 20px;
    width: 65%;
}

.latst-txt p {
    font-size: 1rem;
    color: #737373;
    font-weight: 400;
    margin: 0 0 6px;
    line-height: 26px;
    text-align: justify;
}

.latst-txt a {
    font-size: 1rem;
    color: #d8b544;
    font-family: "Oswald", sans-serif;
}

.almuni-pag1 {
    padding: 100px 0;
}

.ftur-alumni {
    padding: 0 0 120px;
}

.ftur-alumni .content-heading.text-center {
    margin-bottom: 80px;
}

.ftur-bx {
    background-color: #f7f6fb;
    text-align: center;
    padding: 45px 12px;
}

.ftur-bx h2 {
    font-size: 2rem;
    color: #000000;
    margin: 25px 0 20px;
}

.ftur-bx h2 span {
    color: #d8b544;
}

.ftur-bx p {
    font-size: 1rem;
    color: #737373;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    text-align: justify;
}

.main-upevnts .content-heading h1 {
    margin-bottom: 70px;
}

.evnt-bx p {
    font-size: 1.8125rem;
    color: #000000;
    font-weight: 500;
    line-height: 38px;
    font-family: "Oswald", sans-serif;
    margin: 0;
    background-color: #ffffff;
    padding: 18px 25px;
}

.main-upevnts {
    background-color: #f7f6fb;
    padding: 110px 0 70px;
}

.evnt-bx figure {
    margin: 0;
}

.evnt-main .evnt-bx p {
    font-size: 1.3125rem;
    padding: 22px 15px 10px;
    line-height: 28px;
}

.evnt-main .evnt-bx {
    margin-bottom: 51px;
}


/*step css start*/

.stepwizard-step p {
    margin-top: 0px;
    color: #666;
}

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

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard .btn.disabled,
.stepwizard .btn[disabled],
.stepwizard fieldset[disabled] .btn {
    opacity: 1 !important;
    color: #bbb;
}

.stepwizard-row:before {
    top: 27px;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    content: " ";
    width: 95%;
    height: 4px;
    background-color: #000544;
    z-index: 0;
    margin: 0 auto;
}

.stepwizard-step {
    /* display: table-cell; */
    /* text-align: center; */
    position: relative;
}

.btn-circle {
    text-align: center;
    padding: 6px 0;
    font-size: 1.0625rem;
    line-height: 1.428571429;
    border-radius: 15px;
    border-width: 1px;
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-radius: 50%;
    background-color: rgb(247, 246, 251);
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.15);
    width: 55px;
    height: 54px;
    color: #828282;
    font-family: "Oswald", sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-success {
    background-color: #000544;
    color: #fff;
}

.main-aplctnfrm {
    background-color: #f7f6fb;
    padding: 100px 0;
}


/*.frmst {

    width: 100%;

}

.frmst .setup-content {

    display: flex;

    align-items: center;

}*/

.stp-logo {
    text-align: center;
    margin: 60px 0;
}

.aplchead h2 {
    font-size: 3rem;
    color: #000544;
    margin: 0 0 60px;
    font-weight: 500;
}

.aplchead h2 span {
    color: #d8b544;
}

.admit1 label.control-label {
    font-size: 1.125rem;
    color: #828282;
    font-weight: 400;
    margin: 0;
    width: 160px;
}

.admit1 .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.admit1 input {
    border-width: 1px;
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 296px;
    height: 43px;
    padding: 0 10px;
    outline: none;
    font-size: 0.8125rem;
}

.aply-tck .count {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #828282;
    font-weight: 300;
    line-height: 19px;
    margin-right: 10px;
}


/* Hide the browser's default checkbox */

.aply-tck .count input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.aply-tck .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-radius: 3px;
    background-color: rgb(255, 255, 255);
    width: 18px;
    height: 17px;
}


/* On mouse-over, add a grey background color */


/* When the checkbox is checked, add a blue background */

.aply-tck .count input:checked ~ .checkmark {
    background-color: #2196f3;
}


/* Create the checkmark/indicator (hidden when not checked) */

.aply-tck .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.aply-tck .count input:checked ~ .checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.aply-tck .count .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cmplt-txt {
    margin-top: 80px;
}

.cmplt-txt h4 {
    font-size: 1.5625rem;
    color: #000544;
    font-weight: 600;
}

.cmplt-txt p {
    font-size: 1.125rem;
    color: #828282;
    font-weight: 400;
    margin: 15px 0 7px;
}

.aply-tck {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}

.aply-tck h6 {
    margin: 0 12px 0 0;
    font-size: 1.125rem;
    color: #828282;
    font-weight: 300;
}

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

.stck-img p {
    font-size: 0.9375rem;
    color: #828282;
    font-weight: 400;
    margin: 15px 0 0;
}

.rbihead h3 {
    font-size: 1.5625rem;
    color: #010101;
    font-weight: 700;
    margin: 0 0 30px;
    font-family: "Poppins", sans-serif;
}

.admit2 label {
    display: block;
    font-size: 1.125rem;
    color: #828282;
    font-weight: 400;
    margin: 0 0 10px;
    text-align: justify;
}

.admit2 input {
    border-width: 1px;
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 43px;
    padding: 0 10px;
    outline: none;
    font-size: 0.8125rem;
    margin-bottom: 20px;
}

.admit3 label.control-label {
    width: 290px;
}

.admit4 label.control-label {
    width: 80px;
}

.admit5 label.control-label {
    width: 80px;
}

.admit6 label.control-label {
    width: 50px;
}

.admit6 input,
.admit7 input {
    width: 100%;
}

.admit7 label.control-label {
    width: 100px;
}

.admit8 label.control-label {
    width: 140px;
}

.admit9 label.control-label {
    width: 256px;
}

.admit9 input {
    width: 303px;
}

.cntctdtl {
    margin-top: 50px;
    margin-bottom: 40px;
}

.smbt-btn .nextBtn {
    background: #000544;
    border-color: #000544;
    padding: 0.525rem 2.5rem;
    text-transform: uppercase;
    font-size: 1.125rem;
    color: #ffffff;
}

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

.stp-logo a img {
    width: 18%;
}

.step2st label {
    font-size: 1.125rem;
    color: #828282;
    margin: 0;
}

.step2st .aply-tck {
    margin-bottom: 0;
}

.step2st .aply-tck .count {
    padding-left: 30px;
    line-height: 18px;
    width: 25%;
}

.step2st {
    margin-bottom: 15px;
}

.admit10 label.control-label {
    width: 230px;
}

.admit10 input {
    width: 86%;
}

.aply-tck12 {
    margin-bottom: 30px;
    margin-top: 15px;
}

.admit2 textarea {
    border-width: 1px;
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 193px;
    padding: 20px 10px;
    outline: none;
    font-size: 0.8125rem;
    margin-bottom: 0;
    resize: none;
}

.step2st .aply-tck23 .count {
    width: 11%;
}

.answr1 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.answr2 .admit2 h4,
.emrgncyhed h4 {
    font-size: 1.5625rem;
    color: #000544;
    font-weight: 600;
    margin: 0 0 15px;
}

.bptsd {
    margin-top: 0;
}

.admit12 label.control-label {
    width: 27%;
}

.admit13 label.control-label {
    width: 32%;
}

.admit13 input {
    width: 100%;
}

.admit12 input {
    width: 100%;
}

.admit12 {
    margin-top: 25px;
}

.stp3st {
    margin-top: 40px;
    margin-bottom: 40px;
}

.stp3st .admit2 input {
    margin-bottom: 10px;
}

.admt14 {
    margin-top: 50px;
}

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

.admit16 label.control-label {
    width: 30%;
}

.admit16 input {
    width: 100%;
}

.admit17 label.control-label {
    width: 19%;
}

.admit17 input {
    width: 100%;
}

.admit18 label.control-label {
    width: 29%;
}

.admit18 input {
    width: 100%;
}

.st4chk .aply-tck .count {
    width: auto;
    margin-right: 20px;
}

.gcs-txt h4 {
    font-size: 1.25rem;
    color: #000000;
    margin: 0 0 20px;
}

.st4chk .aply-tck {
    margin-bottom: 30px;
}

.admit19 label.control-label {
    width: 33%;
}

.admit19 input {
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    background-color: transparent;
    height: auto;
    width: 356px;
}

.admit20 label.control-label {
    width: 22%;
}

.admit20 input,
.admit25 input {
    width: 100%;
}

.aply-tck15 .count {
    width: 50%;
}

.aply-tck15 {
    margin-bottom: 0;
}

.admit25 .form-group {
    margin-bottom: 0;
}

.aply-tck16 {
    margin-top: 30px;
}

.admt27 label.control-label {
    width: 6%;
}

.admt27 input {
    width: 100%;
}

.prpushed h4 {
    font-size: 1.5625rem;
    color: #000544;
    font-weight: 600;
    margin: 0 0 15px;
}


/*step css end*/

.shpage .col-md-4 {
    margin-bottom: 40px;
}

.shpage {
    padding: 130px 0;
}

.lodr {
    text-align: center;
    padding: 30px 0 0;
}

.cntct-hed h2 {
    font-size: 2.8125rem;
    color: #000000;
    font-weight: 600;
    margin: 0 0 45px;
}

.cntct-hed span {
    display: flex;
    align-items: center;
    font-size: 1.1875rem;
    color: #000000;
    font-weight: 600;
    margin-bottom: 30px;
}

.cntct-hed span i {
    color: #d8b544;
    font-size: 1.0625rem;
    margin-right: 10px;
    width: 18px;
}

.cntct-hed span p {
    margin: 0;
    color: #737373;
    padding-left: 10px;
    font-weight: 400;
}

.cntct-hed span a {
    color: #737373;
    font-weight: 400;
    margin-left: 10px;
}

.cntct-hed {
    padding-top: 50px;
}

.cntctpg-1 iframe {
    border-radius: 20px;
    box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.09);
}

.cntctpg-1 {
    padding: 110px 0;
}

.cntctpg-frm {
    background-color: #f7f6fb;
    padding: 140px 0 100px;
}

.cntctpg-frm .content-heading h1 {
    margin-bottom: 5.5625rem;
}

.formsmpl .form-group label {
    font-size: 1.1875rem;
    color: #000000;
    font-weight: 500;
    width: 170px;
    vertical-align: top;
    padding-top: 19px;
}

.formsmpl .form-group input {
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 84.7%;
    height: 67px;
    font-size: 1rem;
    padding: 0 20px;
}

.formsmpl .form-group textarea {
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 84.7%;
    height: 168px;
    font-size: 1rem;
    padding: 20px 20px;
    resize: none;
}

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

.crs-tb .nav-tabs {
    border-bottom: none;
    /* background-color: #f7f6fb; */
    display: block;
}

.crs-tb .nav-tabs .nav-item .nav-link {
    all: unset;
    background-color: #f7f6fb;
    display: block;
    font-size: 1.5625rem;
    color: #000544;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    padding: 14px 0;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.crs-tb .nav-tabs .nav-item {
    margin-bottom: 0;
}

.crspg-1 .col-md-9 {
    padding-left: 0;
}

.crspg-1 .col-md-3 {
    padding-right: 5px;
}

.frst-yr {
    background-color: #f7f6fb;
    padding: 70px 30px 100px;
}

.frst-yr .content-heading h1 {
    font-size: 3.125rem;
    margin-bottom: 0;
}

.frst-yr .content-heading img {
    width: 15%;
    top: -40px;
}

.curiclm-head h2 {
    font-size: 2.5rem;
    color: #000544;
    font-weight: 400;
    margin: 0 0 15px;
}

.curiclm-head p {
    font-size: 1rem;
    color: #828282;
    font-weight: 500;
    line-height: 31px;
    margin: 0;
}

.curiclm-head .opcty {
    opacity: 0;
}

.rabl-st tr th {
    font-size: 1.5rem;
    color: #000544;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    padding: 13px 19px;
}

.rabl-st tr td.mndys {
    font-size: 1.4375rem;
    color: #000544;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}

.rabl-st tr td {
    font-size: 1.125rem;
    color: #828282;
    vertical-align: middle;
    padding: 14px 19px;
}

.rabl-st tr th.col-7 {
    width: 73%;
}

.rabl-st .table-responsive {
    display: table;
}

.rabl-st .strt {
    padding: 14px 44px 14px 30px;
}

.rabl-st tr .prse h2 {
    display: inline-block;
    font-size: 1.5rem;
    color: #000544;
    margin: 0;
}

.rabl-st {
    margin-top: 40px;
}

.cst-head h2 {
    font-size: 2.5rem;
    color: #000544;
    margin: 45px 0 35px;
    font-weight: 400;
}

.cst-tbl tr th {
    font-size: 1.5rem;
    color: #000544;
    vertical-align: middle;
    padding: 10px 10px;
    text-align: center;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}

.cst-tbl tr td {
    text-align: center;
    font-size: 1.125rem;
    color: #828282;
    vertical-align: middle;
}

.cst-tbl tr td.yrhed {
    font-size: 1.5rem;
    color: #000544;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
}

.rgstr-btn {
    text-align: center;
    padding-top: 30px;
}

.crs-tb .nav-tabs .nav-link.active {
    background-color: #d8b544;
    color: #fff;
}

.crspg-1 {
    padding: 100px 0;
}

.dntpg-txt .counts {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.375rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    line-height: 18px;
    margin: 0 15px;
}


/* Hide the browser's default radio button */

.dntpg-txt .counts input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 10px;
}


/* Create a custom radio button */

.dntpg-txt .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #000544;
}


/* On mouse-over, add a grey background color */

.dntpg-txt .counts:hover input ~ .checkmark {
    background-color: transparent;
}


/* When the radio button is checked, add a blue background */

.dntpg-txt .counts input:checked ~ .checkmark {
    background-color: transparent;
    border: 1px solid #d8b544;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.dntpg-txt .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.dntpg-txt .counts input:checked ~ .checkmark:after {
    display: block;
}


/* Style the indicator (dot/circle) */

.dntpg-txt .counts .checkmark:after {
    top: 4px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #d8b544;
}

.dntpg-txt h2 {
    font-size: 2.375rem;
    color: #000544;
    font-weight: 400;
    margin: 0 0 30px;
    text-align: center;
}

.dntpg-txt ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    width: 50%;
    margin: auto;
    gap: 10px;
}

.dntpg-txt ul li {
    width: -webkit-fill-available;
}

.dntpg-txt ul li a {
    margin: 0;
    width: -webkit-fill-available;
}

.dntpg-txt input {
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 71px;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0 22px;
    outline: none;
    margin-top: 15px;
}

.dnt-pg {
    background-color: #f7f6fb;
    padding: 100px 0;
}

.dntpg-txt2 {
    position: relative;
}

.dntpg-txt2:before {
    content: "";
    position: absolute;
    left: 0;
    background: url(../images/line1.png) no-repeat;
    width: 2px;
    height: 330px;
    top: 0;
}

.alrdytxt {
    text-align: center;
    padding-top: 20px;
}

.alrdytxt input {
    width: 24px;
    height: 24px;
    border-color: #e1e1e1;
    vertical-align: middle;
}

.alrdytxt label {
    font-size: 1.125rem;
    color: #828282;
    font-weight: 400;
    margin: 0 0 0 10px;
    vertical-align: middle;
}

.dntpg-txt {
    padding: 50px 0 0;
}

.dntamnt {
    padding: 0 0 50px;
}

.dntfrmtxt .content-heading h1 {
    font-size: 4.0625rem;
    text-align: center;
    margin: 70px 0 60px;
}

.dntpgfrm label {
    font-size: 1.1875rem;
    color: #000000;
    display: block;
    font-weight: 600;
    margin: 0 0 12px;
}

.dntpgfrm input {
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 67px;
    font-size: 1rem;
    padding: 0 25px;
    margin-bottom: 25px;
    outline: none;
}

.dntpgfrm select {
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background-color: rgb(255, 255, 255) !important;
    width: 100%;
    height: 67px;
    font-size: 1rem;
    padding: 0 25px;
    -webkit-appearance: none;
    background: url(../images/angledown.png) no-repeat;
    outline: none;
    background-position: 96%;
    margin-bottom: 25px;
}

.phn-intrnl {
    position: relative;
}

.phn-intrnl .dd {
    background: #fff;
    border: 1px solid #ebebeb;
    width: 120px !important;
    height: 67px;
}

.phn-intrnl .dntpgfrm .phn-intrnl span {
    font-size: 0.875rem;
}

.phn-intrnl .dd .ddTitle {
    background: #fff;
    height: 67px;
}

.phn-intrnl .dd .ddTitle .ddTitleText {
    height: 67px;
    display: flex;
    align-items: center;
}

.dntpgfrm .phn-intrnl input {
    width: calc(258% - 120px);
}

.dntpgfrm .phn-intrnl span {
    font-size: 0.875rem;
    color: #000000;
}

.dntpg-txt23 {
    padding: 0;
}

.paypal ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 45px 0 50px;
}

.paypal ul li {
    margin: 0 15px;
}

.yrhd {
    opacity: 0;
}

.dntpg-txt12 h2 {
    font-size: 2.25rem;
    color: #000544;
    font-weight: 500;
    margin: 0 0 10px;
}

.dntpg-txt12 p {
    font-size: 1.0625rem;
    color: #828282;
    font-weight: 400;
    line-height: 27px;
    margin: 20px 0 13px;
    text-align: justify;
}

.main-dntpg {
    padding: 120px 0 100px;
}

.faqpag-txt h4 {
    font-size: 1.25rem;
    color: #000000;
    font-weight: 500;
    margin: 0 0 20px;
}

.faqpag-txt p {
    font-size: 1rem;
    color: #7c7c7c;
    font-weight: 500;
    line-height: 29px;
    margin: 0 0 30px;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 30px;
    text-align: justify;
}

.faqpag-txt .nonbr {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.main-faqpag {
    padding: 100px 0;
}

.main-regstrnpg .content-heading h1 {
    font-size: 3.125rem;
    margin-bottom: 10px;
}

.main-regstrnpg .content-p p {
    font-size: 1.625rem;
    color: #000000;
    margin: 0 0 50px;
}

.procdur-txt h2 {
    font-size: 3.75rem;
    color: #d8b544;
    font-weight: 600;
    margin: 0 0 20px;
}

.procdur-txt h2 span {
    color: #000544;
}

.procdur-txt h4 {
    font-size: 1.625rem;
    color: #000000;
    margin: 20px 0 20px;
}

.procdur-txt ul li {
    font-size: 1.125rem;
    color: #828282;
    margin-bottom: 30px;
    text-align: justify;
}

.procdur-txt .btn-theme-invert {
    font-size: 1.5rem;
    font-weight: 500;
}

.procdur-txt {
    margin-bottom: 80px;
}

.main-regstrnpg {
    padding: 140px 0;
}

.cpyrghts p {
    color: #fff;
    margin: 50px 0px 0px;
}

.uplddcmnt {
    position: relative;
}

.uplddcmnt .fleupld {
    font-size: 1.125rem;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 20px;
}

.hed-st h2 {
    font-size: 2.5rem;
    color: #000544;
    font-weight: 400;
    margin: 0 0 15px;
}

.curiclm-head ul {
    display: flex;
    flex-wrap: wrap;
}

.curiclm-head ul li {
    flex: 0 1 33%;
    list-style: disc;
}

.curiclm-head ul li span {
    font-size: 0.8125rem;
    color: #828282;
    font-weight: 500;
    line-height: 31px;
    margin: 0;
}

.pckgpg-lst .lst-one {
    background-color: #fff;
    text-align: center;
    padding: 25px 0 15px;
    /* box-shadow: 0 0 5px #000544; */
}

.pckgpg-lst .lst-one h2 {
    font-size: 1.875rem;
    font-weight: bold;
    margin: 0;
    color: #000544;
}

.pckgpg-lst .lst-one h3 {
    font-size: 1.4375rem;
    margin: 15px 0;
    font-weight: 500;
    color: #d8b544;
}

.pckgpg-lst .lst-one h4 {
    font-size: 1.1875rem;
    font-weight: 400;
    font-family: "Oswald", sans-serif;
    margin: 0;
}

.pckgpg-lst .lst-two {
    text-align: center;
}

.pckgpg-lst .lst-two ul {
    padding: 20px 0 0;
    border-top: 1px solid #cccccc3d;
    /* border-bottom: 1px solid #cccccc3d; */
    margin: 10px 0 0;
}

.pckgpg-lst .lst-two ul li {
    font-size: 1rem;
    color: #828282;
    font-weight: 400;
}

.pckgpg-lst .lst-two ul li + li {
    padding: 15px 0 0;
}

.pckgpg-lst .lst-two a {
    display: inline-block;
    margin-top: 18px;
    color: #000544;
    font-size: 1.125rem;
}

.pckgpg-lst .btn-theme-invert {
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: capitalize;
}

.pckgpg-lst {
    box-shadow: 0 0 25px rgb(0 5 68 / 0.1);
    padding: 0.5rem 0.75rem 3rem;
    margin: 1rem 0 2rem;
    position: relative;
}

.main-pckgpg {
    padding: 160px 180px;
}

.main-pckgpg .col:nth-child(2),
.main-pckgpg .col:nth-child(4) {
    margin-top: 70px;
}

.main-pckgpg .col:nth-child(3) {
    margin-top: 180px;
}

.lst-one {
    background: url(../images/logo-bg.png) no-repeat;
    background-size: 40%;
    background-position: center top;
}

.main-dtlpg .content-heading h1 {
    font-size: 3rem;
}

.main-dtlpg {
    padding: 100px 0;
}

.dtl-bld .content-p b {
    color: #000;
    font-weight: 600;
}

.qrtr-ondtl {
    background: url(../images/logo-bg.png) no-repeat;
    border: 1px solid #ccc;
    padding: 30px 0 0;
    margin: 50px 0 0;
    background-color: #f7f6fb;
    background-position: center center;
}

.qrtr-ondtl h2 {
    font-size: 1.875rem;
    margin: 0;
    text-align: center;
}

.qrtr-ondtl p {
    margin: 10px 0 0;
    color: #828282;
    font-size: 1.125rem;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 0 0 30px;
}

.qrtr-ondtl ul {
    padding: 30px 14px 30px 40px;
}

.qrtr-ondtl ul li {
    font-size: 1rem;
    color: #828282;
    list-style: disc;
}

.qrtr-ondtl ul li + li {
    padding: 13px 0 0;
}


/*inner pages css end*/

.inrbnr h2 + p {
    font-size: 1rem;
    margin: 1.25rem 0 -15rem;
    line-height: 1.8;
    color: #fff;
    text-shadow: 0 0 5px black;
    text-align: justify;
}


/*--thank you pop starts here--*/

.thank-you-pop {
    width: 100%;
    padding: 20px;
    text-align: center;
}

.thank-you-pop img {
    width: 76px;
    height: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 25px;
}

.thank-you-pop h1 {
    font-size: 2.625rem;
    margin-bottom: 25px;
    color: #5c5c5c;
}

.thank-you-pop p {
    font-size: 1.25rem;
    margin-bottom: 27px;
    color: #5c5c5c;
}

.thank-you-pop h3.cupon-pop {
    font-size: 1.5625rem;
    margin-bottom: 40px;
    color: #222;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    border: 2px dashed #222;
    clear: both;
    font-weight: normal;
}

.thank-you-pop h3.cupon-pop span {
    color: #03a9f4;
}

.thank-you-pop a {
    display: inline-block;
    margin: 0 auto;
    padding: 9px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.875rem;
    background-color: #8bc34a;
    border-radius: 17px;
}

.thank-you-pop a i {
    margin-right: 5px;
    color: #fff;
}

#ignismyModal .modal-header {
    border: 0px;
}


/*--thank you pop ends here--*/

.qrtr-ondtl .purchase {
    display: table;
    margin: 10px auto 30px;
}


/* Begin: 3 Steps Cart CSS */

.checkOutStyle {
    padding: 4em 0px;
}

.checkOutStyle .title h4 {
    line-height: 24px;
    font-size: 1.5rem;
    font-weight: 600;
}

.checkOutStyle .title p {
    line-height: 16px;
    font-size: 1rem;
    margin-bottom: 5px;
    font-weight: 600;
}

.checkOutStyle .title p a {
    color: #f41a65;
    font-weight: 600;
}

.formStyle {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    padding: 30px 15px;
}

.formStyle label {
    font-size: 0.9375rem;
    text-transform: capitalize;
    font-weight: 600;
    color: black;
}

.formStyle .form-control {
    height: 50px;
    margin-bottom: 20px;
}

.formStyle textarea.form-control {
    height: auto;
    resize: none;
}

.checkbox {
    margin-bottom: 20px;
}

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    color: #000;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.checkbox input[type="checkbox"] + label:last-child {
    margin-bottom: 0;
}

.checkbox input[type="checkbox"] + label:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #f41a65;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.6;
    -webkit-transition: all 0.12s, border-color 0.08s;
    transition: all 0.12s, border-color 0.08s;
}

.checkbox input[type="checkbox"]:checked + label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.order-summery hr {
    border-top: 1px solid #f41a65;
    margin: 20px 0;
}

.order-summery .applyCoupon .form-control {
    height: 50px;
    width: 70%;
    margin: 0;
    border-radius: 5px 0 0 5px;
}

.order-summery .applyCoupon .btnStyle {
    height: 50px;
    width: 30%;
    border-radius: 0 5px 5px 0;
}

.order-summery strong,
.order-summery span {
    font-size: 0.9375rem;
    font-weight: 600;
    /* color: #f41a65; */
}

.order-summery strong {
    color: #000;
}

.cartItemCard {
    border-radius: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: center;
    margin-bottom: 20px;
    border: 1px solid #d2d2d2;
}

.proCounter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.proCounter .minus,
.proCounter .plus {
    width: 50px;
    height: 50px;
    background: #ccc;
    border: 1px solid #ccc;
    color: #616161;
    font-size: 1.5625rem;
    padding: 4px 5px 8px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.proCounter input {
    height: 50px;
    width: 60px;
    text-align: center;
    font-size: 1rem;
    border: 0;
    background: transparent;
    border: 1px solid #ccc;
}

.cartItemCard .delete i {
    color: #000;
    font-size: 1.5rem;
}

.shipping-billing-col {
    list-style: none;
    border-top: 1px solid #ccc;
    margin-top: 22px;
    padding: 0;
}

.shipping-billing-col p,
.shipping-billing-col a {
    position: relative;
    color: #333;
    font-size: 1rem;
    line-height: 26px;
}

.shipping-billing-col p {
    margin: 0px;
    padding: 20px 0 20px 40px;
    overflow: hidden;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.shipping-billing-col p i {
    position: absolute;
    top: 24px;
    left: 0;
    font-size: 1.125rem;
    /* color: #f41a65; */
}

.shipping-billing-col .edit {
    /* color: #f41a65; */
    text-transform: capitalize;
    font-size: 1rem;
    padding: 0;
    float: right;
}


/* END: 3 Steps Cart CSS */

.dtl-bld .content-p p {
    text-align: justify;
}

.instructorSection .slick-slide {
    padding: 15px;
}

.instructorMain ul {
    height: 280px;
}

.instructorMain ul li {
    color: #828282;
    font-size: 1rem;
    margin-bottom: 10px;
}

.instructorMain ul li a {
    color: #828282;
    font-size: 0.8125rem;
}

.instructorMain p::-webkit-scrollbar {
    width: 5px;
}


/* Track */

.instructorMain p::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.instructorMain p::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 10px;
}


/* Handle on hover */

.instructorMain p::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

.pstCode input {
    width: 100%;
}

.cntry input {
    width: 100%;
}

.cntry label {
    width: 100px !important;
}

.pstCode label {
    width: 130px !important;
}

.inrbnr .overlay h5 {
    font-size: 2.1875rem;
    color: #d8b544;
    margin: 0;
    text-shadow: 0 0 2px black;
}

.content-p p b,
.latst-txt p b {
    color: #000;
}

.dtlnewsText p {
    color: #828282;
    font-size: 1.125rem;
    line-height: 1.875rem;
}

.dtlnewsText h1 {
    font-size: 2.8125rem;
    margin-bottom: 15px;
}

.dtlnewsText img {
    margin: 0 0 25px;
}

.dtlnewsText {
    margin: 0 0 50px;
}

.newsDetl {
    padding: 90px 0 20px;
}

#more {
    display: none;
}

.avalble {
    padding: 25px 0 0;
}

.transwrld span {
    font-size: 0.9375rem;
    color: #ffffff;
    display: block;
    padding: 20px 0 0;
}

.transwrld a {
    font-size: 0.875rem;
    color: #ffffff;
    display: block;
}

.transwrld span + span {
    padding: 10px 0 10px;
}

#applicationModal span {
    font-size: 1.0625rem;
    font-weight: 500;
    display: block;
    margin: 15px 0 0;
}

#applicationModal #pwHelp {
    font-size: 0.9375rem;
    margin: 10px 0 0;
}

.title h2 {
    text-align: center;
    margin: 0 0 20px;
}

.momentModl .modal-body {
    padding: 30px 25px;
}

.momentModl .modal-body p {
    margin: 0;
    line-height: 27px;
}


/* Begin: Graduate Alumni Sec CSS */

.graduate-alumni {
    padding: 6rem 0;
    margin-bottom: 8rem;
    background: #f7f6fb;
}

.graduate-alumni .content-heading {
    margin-bottom: 4rem;
}

.graduateThumb {
    padding: 2.5rem;
    margin-bottom: 2rem;
    text-align: center;
    filter: drop-shadow(0px 0px 20px rgb(0 0 0 / 12%));
    min-height: 314px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.graduateThumb h3 span {
    display: block;
    color: #000;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}

.graduateThumb h3 {
    font-size: 1.25rem;
    color: #000;
}

.graduateThumb p {
    margin: 0;
    color: #737373;
}


/* END: Graduate Alumni Sec CSS */

.ftur-bx img {
    width: 132px;
    height: 132px;
    object-fit: cover;
    border-radius: 50%;
}

.clientSayin {
    height: 260px;
    overflow-y: scroll;
    padding-right: 10px;
}

.clientSayin::-webkit-scrollbar {
    width: 5px;
}


/* Track */

.clientSayin::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.clientSayin::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 10px;
}


/* Handle on hover */

.clientSayin::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}

p.inner {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    text-decoration: underline;
    color: #000544;
}

ul.button-container {
    display: FLEX;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

ul.button-container li {
    margin-bottom: 0px;
    flex: 1 1 auto;
}

ul.button-container li a {
    margin: 0;
    padding: 4px 16px;
    font-size: 1.25rem !important;
    width: 100%;
}

h5#exampleModalLongTitle {
    font-family: "Oswald";
    font-size: 1.5625rem;
    text-transform: uppercase;
}

.latst-lst img {
    width: 35%;
    /*width: 150px;*/
    height: 150px;
    object-fit: cover;
}

.donateVdo iframe {
    width: 100%;
    height: 300px;
}

.donateVdo {
    margin-top: 20px;
}


/*new css*/

.evnt-bx-bx-left p {
    font-size: 1.8125rem;
    color: #000000;
    font-weight: 500;
    padding: 23px 20px;
    line-height: 38px;
    font-family: "Oswald", sans-serif;
    margin: 0;
    background-color: #ffffff;
}

.evnt-bx-bx-left figure {
    margin: 0px;
}

.evnt-main .evnt-bx {
    margin-bottom: 15px !important;
}

.evnt-bx-bx-left figure img {
    height: 615px;
    object-fit: cover;
}

.evnt-bx.mt-2.event-chng p {
    padding: 33px 20px 10px;
}


/*end new css*/

.graduate-alumni p {
    text-align: justify;
    padding-bottom: 18px;
}

.evnt-bx figure img {
    width: 100%;
}

.vstloby {
    background-color: #ffffff;
}

.vstloby span {
    padding: 0 20px 20px;
    display: inline-block;
    color: #737373;
    font-size: 0.9375rem;
}

.zululanPro {
    padding: 100px 0;
}

.zululanPro .content-heading h1 {
    font-size: 2.25rem;
    font-weight: 600;
    padding-right: 10px;
    line-height: 55px;
    margin-bottom: 1rem;
}

.zululanPro .content-heading {
    margin-top: 70px;
}

.zuluimg {
    display: flex;
    align-items: center;
    gap: 3px;
}

.zuluimg img {
    width: 100%;
    padding: 2px;
}

.zululanPro .content-heading p {
    font-size: 0.9375rem;
    color: #828282;
    font-weight: 400;
    line-height: 28px;
    padding-right: 15px;
}

.zuluMltiimg img {
    width: 100%;
    height: 100%;
    padding: 2px;
}

.dontArow img {
    width: auto;
    margin: 48px 0 0;
}

.zululanPro .content-heading p + p {
    margin: 0;
}

.zululanPro .contentHeadingtwo {
    margin-top: 20px;
}

.givng {
    text-align: center;
    padding-left: 4px;
}

.givng h6 {
    font-family: "Segoe Script";
    font-size: 1.125rem;
    color: #f40000;
    padding-left: 7px;
    line-height: 29px;
    font-weight: bold;
    padding-top: 10px;
}

.liveImg {
    margin-top: -35px;
    padding-left: 10px;
}

.liveImg .wrkImg2 {
    margin-top: 106px;
}

.shelvesContent {
    padding-left: 10px;
}

.zululanPro .contentHeadingtwo p {
    padding-right: 0;
}

.dntCntr {
    text-align: center;
    margin: 70px 0 0;
}


/*  */

#user_form fieldset:not(:first-of-type) {
    display: none;
}

.studntRegister .progress-bar-striped {
    align-items: flex-end;
    padding: 0 5px;
    font-weight: 500;
    font-size: 0.875rem;
}

.designContent {
    text-align: center;
    padding: 40px 0 40px;
}

.admitSelect select {
    border-width: 1px;
    border-color: rgb(215, 215, 215);
    border-style: solid;
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 43px;
    padding: 0 10px;
    outline: none;
    font-size: 0.9375rem;
    margin-bottom: 20px;
    color: #828282;
}

.admitSelect span {
    display: block;
    border-bottom: 1px dashed;
}

.studntRegister .nextBtn {
    background: #d8b544;
    border-color: #d8b544;
    padding: 0.525rem 2.5rem;
    text-transform: uppercase;
    font-size: 1.125rem;
    color: #ffffff;
}

.studntRegister .progress {
    height: 30px;
    background-color: #e9ecef;
    border-radius: 50px;
}

.studntRegister .nextOne {
    background: #000544;
    border-color: #000544;
    padding: 0.525rem 2.5rem;
    text-transform: uppercase;
    font-size: 1.125rem;
    color: #ffffff;
    display: inline-block;
}

.studntRegister .nexttwo {
    background: #000;
    border-color: #000544;
    padding: 0.525rem 2.5rem;
    text-transform: uppercase;
    font-size: 1.125rem;
    color: #ffffff;
    display: inline-block;
}

.admit2 span {
    display: block;
    text-align: left;
    margin: -10px 0 0;
    font-size: 0.8125rem;
}

.admit2 h2 {
    text-align: left;
    font-size: 1.3125rem;
    margin: 5px 0 20px;
}

.studntRegister .stepwizard {
    width: 20%;
    margin: auto;
}

.latestProject .msg-txt .content-p p {
    margin-bottom: 30px;
    padding-right: 15px;
}

.latestProject {
    position: relative;
    z-index: 1;
}

.latestProject:after {
    content: "";
    position: absolute;
    right: 0;
    width: 470px;
    height: 100%;
    background: #d8b544;
    top: 0;
    z-index: -1;
}

.latestProject {
    padding: 100px 0;
}

.latestProjectOne:after {
    right: inherit;
    left: 0;
}

.latestProjectOne {
    margin-bottom: 160px;
}

.latestProject .content-heading h1 span,
.dtlnewsText h1 span {
    color: #000000;
}

.lates-box .content-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}

.lates-box .content-heading a {
    font-size: 1.125rem;
    text-transform: uppercase;
    color: #d8b544;
    font-family: "Oswald", sans-serif;
    border-bottom: 1px solid #d8b544;
}

.lates-box .content-heading h1 {
    margin-bottom: 0;
}


/*  */

.shop-itemstwo .itmContent h5 a,
.shop-items .itmContent h5 a {
    color: #000;
}

.vstloby span a {
    color: #d8b544;
    font-weight: 600;
    font-style: italic;
}


/* new css */

.stdnt-bx figure img {
    border-radius: 50%;
    width: 170px;
    height: 170px;
    object-fit: cover;
    filter: grayscale(1);
}

.stdnt-bx figure img:hover {
    filter: none;
}

.stnt-bx figure:hover {
    transform: translateY(-10px);
}

.stdnt-bx p {
    font-size: 1rem;
    color: #828282;
    margin: 0;
    overflow: auto;
    padding: 0 25px;
    height: 255px;
    line-height: 29px;
    font-weight: 400;
}

.stdnt-bx p::-webkit-scrollbar {
    width: 5px;
}


/* Track */

.stdnt-bx p::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}


/* Handle */

.stdnt-bx p::-webkit-scrollbar-thumb {
    background: #ffc107;
    border-radius: 10px;
}


/* Handle on hover */

.stndnt-bx p::-webkit-scrollbar-thumb:hover {
    background: #b30000;
}


/* product detail css start */

.main-prodtl .prodtl-img {
    position: relative;
}

.prodtl-txt h2 {
    font-size: 1.625rem;
    color: #323232;
    font-weight: 500;
    line-height: 34px;
}

.prodtl-txt h3 {
    font-size: 1.875rem;
    color: #d8b544;
    margin: 23px 0;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
}

.prodtl-txt h3 span {
    padding-right: 7px;
}

.prodtl-txt h3 span i {
    color: #f7941d;
    padding-right: 5px;
}

.prodtl-txt h4 {
    font-size: 0.875rem;
    color: #727272;
    font-weight: 500;
    margin: 0 0 0;
}

.prodtl-txt .stckst {
    display: flex;
}

.prodtl-txt .stckst li:first-child {
    font-size: 1.625rem;
    color: #323232;
    font-weight: 500;
    padding-right: 20px;
}

.prodtl-txt .stckst li:last-child {
    font-size: 1.375rem;
    color: #f7941d;
    font-weight: 500;
}

.prodtl-txt .stckst li:last-child i {
    padding-right: 7px;
}

.ad-crtstwo ul {
    margin: 30px 0 30px;
    display: flex;
}

.ad-crtst ul li {
    /* display: inline-block; */
}

.number .minus {
    font-size: 1.875rem;
}

.main-prodtl .number .minus {
    width: 54px;
    height: 50px;
    /* background: #f9f9f9; */
    border-radius: 4px;
    padding: 0 5px 0 5px;
    border: 1px solid #e1e1e1;
    display: flex;
    vertical-align: middle;
    text-align: center;
    color: #323232;
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
}

.number {
    display: flex;
}

.main-prodtl .number .plus {
    width: 54px;
    height: 50px;
    background: transparent;
    border-radius: 4px;
    padding: 0 5px 0 5px;
    border: 1px solid #e1e1e1;
    display: flex;
    vertical-align: middle;
    text-align: center;
    color: #323232;
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
}

.number .minus {
    float: left;
}

.number span {
    cursor: pointer;
}

.number input {
    height: 50px;
    border-radius: 4px;
    border: 1px solid #e2e2e2;
    /* display: inline-block; */
    width: 54px;
    text-align: center;
    color: #808080;
    /* float: left; */
    background-color: transparent;
    margin: 0 10px;
}

.ad-crtst ul li a {
    margin: 0 0 0 20px;
}

.prodtl-txt h5 {
    font-size: 0.8125rem;
    padding: 0;
    font-weight: 600;
    margin: 0 0 15px;
    color: #575153;
    text-transform: uppercase;
}

.prodtl-txt h5 a {
    color: #f27b18;
}

.ratd-txt {
    padding: 70px 0 50px;
}

.ratd-txt h2 {
    font-size: 1.625rem;
    color: #323232;
    font-weight: 600;
    margin: 0 0 20px;
}

.ratd-txt p {
    font-size: 1.0625rem;
    color: #747474;
    font-weight: 500;
    margin: 0 0 24px;
    line-height: 28px;
}

.slider-nav img,
.slider-for img {
    width: 100%;
}

.slider-nav .cell {
    width: 90%;
}

.slider-nav .slick-current + .slick-active .cell {
    margin: 0 auto;
}

.slider-nav .slick-current + .slick-active + .slick-active .cell {
    margin-left: 10%;
}

.slider-nav {
    padding-top: 0;
}

.prodtl-txt p {
    font-size: 0.9375rem;
    color: #8e8c8c;
    font-weight: 400;
    line-height: 27px;
}

.main-prodtl {
    padding: 130px 0;
}

.slider-for img {
    /* width: 50%; */
    /* margin: auto; */
    padding: 0 30px;
}

.slider-for {
    border: 1px solid #ccc;
    padding: 128px 0;
}

.slider-nav .slick-slide {
    border: 1px solid #ebebeb;
    padding: 10px;
    margin-bottom: 10px;
}

.slider-for .slick-prev {
    left: 0;
    color: #575153;
    opacity: 1;
    z-index: 2;
    background-color: transparent;
    width: 52px;
    height: 55px;
}

.slider-for .slick-prev:hover {
    background-color: rgb(216, 181, 68);
    color: #fff;
}

.slider-for .slick-prev:hover:before {
    color: #fff;
}

.slider-for .slick-prev:before {
    color: #000;
    opacity: 1;
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.75rem;
}

.slider-for .slick-next {
    right: 0;
    color: #575153;
    opacity: 1;
    z-index: 2;
    background-color: transparent;
    width: 52px;
    height: 55px;
}

.slider-for .slick-next:hover {
    background-color: rgb(216, 181, 68);
    color: #fff;
}

.slider-for .slick-next:hover:before {
    color: #fff;
}

.slider-for .slick-next:before {
    color: #000;
    opacity: 1;
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-size: 1.75rem;
}

.prodtl-txt {
}

.prodtl-txt h2 {
    font-size: 1.625rem;
    color: #000000;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    margin-bottom: 20px;
}

.prodtl-txt .revwSt {
    display: flex;
    align-items: center;
    gap: 0;
}

.prodtl-txt .revwSt li a {
    font-size: 0.875rem;
    color: #d8b544;
    /* border-left: 1px solid #989898; */
}

.prodtl-txt .revwSt li:last-child {
    border-left: 1px solid #989898;
}

.prodtl-txt .revwSt li {
    padding: 0 15px;
}

.prodtl-txt .revwSt li:first-child {
    padding: 0;
}

.prodtl-txt h3 del {
    font-size: 1.6875rem;
    color: #a1a1a1;
    font-weight: 500;
    padding-right: 20px;
}

.prodtl-txt h5 span {
    text-transform: capitalize;
    color: #d8b544;
}

.prodtl-txt .shpGrnte {
    margin-bottom: 40px;
}

.prodtl-txt .shpGrnte li {
    font-size: 0.9375rem;
    color: #8e8c8c;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.prodtl-txt .shpGrnte li:after {
    content: "";
    position: absolute;
    left: 0;
    background-color: #447f4f;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 9px;
}

.prodtl-txt .revwSt li span i {
    color: #e4aa00;
    font-size: 1.0625rem;
}

.prodtl-txt .revwSt li span i:last-child {
    color: #dfdfde;
}

.specfhead {
    padding: 70px 0 50px;
    border-bottom: 1px solid #d7d7d7;
    margin: 0 0 80px;
}

.specfhead h2 {
    font-size: 2.8125rem;
    color: #000000;
    font-weight: 600;
    margin: 0 0 20px;
}

.specfhead p {
    font-size: 1.125rem;
    color: #737373;
    line-height: 31px;
    font-weight: 400;
    margin: 0;
}

.specfhead p + p {
    padding: 30px 0 0;
}

.revewsSection {
}

.revewsSection h2 {
    font-size: 2.8125rem;
    color: #000000;
    font-weight: 600;
    margin: 0 0 40px;
}

.revewsSection h3 {
    font-size: 1.375rem;
    color: #000000;
    font-family: "Poppins", sans-serif;
    margin: 0 0 30px;
    font-weight: 600;
}

.comntsBox {
    display: flex;
    align-items: center;
    margin-bottom: 65px;
}

.cmntsContent {
    padding-left: 15px;
}

.cmntsContent h6 {
    font-size: 0.9375rem;
    color: #000000;
    font-weight: 600;
    margin: 0 0 5px;
}

.cmntsContent span {
    font-size: 0.875rem;
    color: #d8b544;
}

.cmntsContent p {
    font-size: 0.8125rem;
    color: #868686;
    line-height: 25px;
    margin: 0;
    font-weight: 500;
}

.dtlFormSet h6 {
    font-size: 1.375rem;
    color: #000000;
    font-weight: 600;
    margin: 0 0 30px;
}

.dtlFormSet input {
    height: 53px;
    width: 100%;
    font-size: 0.875rem;
    text-transform: uppercase;
    padding: 0 15px;
    margin-bottom: 30px;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
}

.dtlFormSet textarea {
    height: 123px;
    width: 100%;
    font-size: 0.875rem;
    text-transform: uppercase;
    padding: 10px 15px;
    border-width: 1px;
    border-color: rgb(235, 235, 235);
    border-style: solid;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05);
    resize: none;
    margin-bottom: 30px;
}


/* product detail css end */

.graduateThumb .btn-theme-invert {
    background-color: #000;
    border-color: #000;
}

.btnDivs {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
}

.btnDivs a {
    background: #d8b544;
    border-color: #d8b544;
    color: #fff;
    padding: 0.625rem 1rem;
    text-transform: uppercase;
    font-size: 1rem;
    border-radius: 10px;
    width: 100%;
    text-align: center;
}

.alumniBanner img {
    height: 650px;
    object-fit: cover;
}

.inrbnr .content-heading h1 span {
    color: #fff;
}

.inrbnr .content-heading h1 {
    margin: 15px 0 0;
    font-size: 3.4375rem;
}

.buyTicket h2 {
    font-size: 2.1875rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 25px;
}

.buyTicket input {
    height: 60px;
    font-size: 0.9375rem;
    padding: 0 15px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    width: 100%;
}

.buyTicket .modal-content {
    padding: 40px;
}

.buyTicket .bkEvent {
    background: #d8b544;
    color: #fff;
    padding: 0.625rem 1rem;
    text-transform: uppercase;
    font-size: 1rem;
    border-radius: 10px;
    border-color: transparent;
    width: 100%;
}

.privacyPolicy h2 {
    margin-bottom: 0;
}

.privacyPolicy h3 {
    font-size: 1.5rem;
    margin: 2.5rem 0 1rem;
}

.privacyPolicy h3 a {
    font-weight: 300;
    color: #000;
}

.our-karachi-banner .overlay {
    background-color: rgba(0, 0, 0, 0.5);
}

.our-karachi-banner .ourkhi-bnr-arrow {
    height: 50px;
    width: 50px;
    font-size: 1.5rem;
    background-color: #d8b544;
    opacity: 1;
    /* background-color: rgb(216, 181, 68); */
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.our-karachi-banner .ourkhi-bnr-arrow:hover {
    background-color: #000544;
}

.our-karachi-banner .carousel-control-next {
    right: 25px;
}

.our-karachi-banner .carousel-control-prev {
    left: 25px;
}

.curiclm-head.our-karachi ul {
    flex-direction: column;
}

.curiclm-head.our-karachi ul li span {
    font-size: 1rem;
}


/*new css 8-10-2021*/

.privacyTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1.5rem;
}


/* zuland css start */

.zuland-img img {
    width: 100%;
}

.side-2 {
    width: 50%;
    height: 480px;
    padding: 10px 0px;
}

.side-3 {
    width: 100%;
    height: 480px;
    padding: 10px 0px;
    position: relative;
    right: 50%;
}

.our-karachi-banner .carousel-item .w-100 {
    height: 811px;
    object-fit: cover;
}

.zuland-video video {
    background-color: black;
    margin-top: 80px;
}

.items {
    padding: 21px 15px;
}

.items p {
    text-align: center;
    font-size: 1.125rem;
    text-transform: uppercase;
    padding-top: 10px;
}

.items img {
    width: 160px;
    height: 223px;
}

.items a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9375rem;
}


/* zuland css end */


/*counter add*/

.counter.main-prodtl {
    padding: 0;
}

.counter.main-prodtl .number {
    display: flex;
    justify-content: flex-end;
}

.cartItemCard img {
    width: 100px;
}

.generalStatementSec ol li {
    list-style: decimal-leading-zero;
}

.believeSec {
}

.believeSec .Card2 {
    position: relative;
    display: inline-block;
    height: 350px;
    width: 100%;
    margin: 1em;
    background-size: cover;
    border-radius: 10px;
    box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.believeSec .Card2.ph2 {
    background-size: cover;
    background-repeat: no-repeat;
}

.believeSec .Card2 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 1em;
    top: 0;
    z-index: 10;
    color: #fff;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.believeSec .Card2 .overlay h2 {
    position: absolute;
    top: -90%;
    font-size: 1.65rem;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
}

.believeSec .Card2 .overlay h2 span {
    color: #d8b544;
}

.believeSec .Card2 .overlay a {
    position: relative;
    display: block;
    text-align: center;
    top: 190%;
    padding: 0.5em 2em;
    border: 2px solid #fff;
    text-decoration: none;
    color: #FFFFFF;
    background-color: transparent;
    border-radius: 5px;
    background: linear-gradient(to right, #d8b544, #d8b544);
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-repeat: no-repeat;
    background-size: 0 100%;
    font-weight: 600;
}

.believeSec .Card2 a:hover {
    color: #fff;
    background-size: 100% 100%;
}

.believeSec .Card2:hover .overlay {
    background: rgba(0, 0, 0, 0.35);
}

.believeSec .Card2:hover h2 {
    top: 5%;
}

.believeSec .Card2:hover a {
    top: 90%;
}

.content-section.generalStatementSec p,
.main-faqpag {
    text-align: justify;
    line-height: 1.8;
}

.comPg .overlay {
    align-items: flex-end;
}

.comPg .overlay h2 {
    padding-bottom: 50px;
}

.socl-head ul li img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.dntpg-txt p {
    text-align: center;
    margin: 1rem 0;
}

.yearTxt ul li {
    width: auto;
}

.productBox figure {
    overflow: hidden;
}

.productBox figure img {
    transition: all 0.3s ease;
}

.productBox:hover figure img {
    transform: scale(1.2);
}

.productBox:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.productBox {
    transition: all 0.3s ease;
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 1rem;
    background: #fff;
}

.productBox:hover .itmContent {
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.25);
}


/* magnifying glass icon */
.zoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
}

.zoom img {
    display: block;
}

.zoom {
    display: block;
}

.star-filled {
    color: gold !important; /* or any other color you prefer */
    cursor: pointer;
    font-size: 24px;
}

.star-empty {
    color: grey; /* or any other color you prefer */
}

.rating-containers input[type="radio"] {
    display: none;
}

.rating-containers label {
    color: grey;
    cursor: pointer;
    font-size: 24px;
}

/*.rating-containers input[type="radio"]:checked ~ label,*/
/*.rating-containers input[type="radio"]:checked ~ input[type="radio"] + label {*/
/*    color: gold;*/
/*}*/
.rating-boxs .rating-containers {
    direction: rtl !important;
}

.rating-boxs .rating-containers label {
    display: inline-block;
    margin: 0;
    /*color: gold;*/
    cursor: pointer;
    font-size: 2.2rem;
    transition: color 0.2s linear;
}

.rating-boxs .rating-containers input {
    display: none;
}


.rating-boxs {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-boxs .rating-containers label:hover,
.rating-boxs .rating-containers label:hover ~ label,
.rating-boxs .rating-containers input:checked ~ label {
    color: gold;
}

.rating-boxs span {
    font-size: 1.3rem;
    color: #747474;
    font-weight: 500;
    padding-left: 0.5rem;
}

.rating-containers input[type="radio"] {
    display: none;
}

.rating-containers label {
    color: grey;
    cursor: pointer;
    font-size: 24px;
}

/*.rating-containers input[type="radio"]:checked ~ label,*/
/*.rating-containers input[type="radio"]:checked ~ input[type="radio"] + label {*/
/*    color: gold;*/
/*}*/
.rating-box .rating-container {
    direction: rtl !important;
}

.rating-box .rating-container label {
    display: inline-block;
    margin: 0;
    /*color: gold;*/
    cursor: default !important;
    font-size: 2.2rem;
    transition: color 0.2s linear;
}

.rating-box .rating-container input {
    display: none;
}


.rating-box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rating-container label {
    color: grey;
    cursor: default !important;
    font-size: 24px;
}