/********** Template CSS **********/ @import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Gothic+A1&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Pompiere&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&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Sacramento&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); @font-face { font-family: "Latin CG Elongated"; src: url("../css/font/Latin\ CG\ Elongated.otf") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Trade Gothic'; src: local('Trade Gothic Cond Eighteen'), local('Trade-Gothic-Cond-Eighteen'), url('TradeGothicLT-CondEighteen.woff2') format('woff2'), url('TradeGothicLT-CondEighteen.woff') format('woff'), url('TradeGothicLT-CondEighteen.ttf') format('truetype'); font-weight: normal; font-style: normal; } html{scroll-behavior: smooth;} :root { --primary: #FF6F0F; --secondary: #FFF0E6; --light: #F8F8F9; --dark: #001D23; } .btn-check:focus+.btn, .btn:focus { box-shadow: unset; } /*** Button ***/ .btn { font-weight: 500; transition: .5s; } #backToTop { position: fixed; bottom: 100px; right: 50px; cursor: pointer; z-index: 1000; background: unset; border: unset; } #backToTop span { display: inline-block; animation: moveArrow 2s ease-in-out infinite; } @keyframes moveArrow { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(10px); } } #menu-header-menu .current-menu-ancestor > a:first-of-type { color: #E2C345 !important; } /*** Navbar ***/ .fixed-top { transition: .3s; } .acf-header { border-bottom: 1px solid rgba(255, 255, 255, .07); padding: 18px 12px; } .acf-header.shadow { padding: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1) !important; z-index: 9999; } .acf-header.shadow .header-btn-group{ display: none !important; } @media(max-width:1600px) { .navbar .navbar-nav .menu-item a { /* margin-right: 20px !important; */ padding: 0; font-size: 12px !important; } .nav-header .donate-btn { padding: 11px 15px !important; } .nav-header .navbar.navbar-expand-lg, .top-bar .col-lg-12.px-5 { padding: 0 12px 0 !important; } } .top-bar { padding: 15px 0 0; /* border-bottom: 1px solid rgba(255, 255, 255, .07); */ } ul li:has(ul)>a::after { content: ""; /* Ensures the pseudo-element is visible */ display: inline-block; /* Makes it behave like an image */ width: 9px; height: 9px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M9 0L4.5 4.39353L0 0L4.5 9L9 0Z' fill='white' fill-opacity='0.7'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; /* Ensures the image fits within the dimensions */ margin-left: 5px; /* Optional: adds space between text and icon */ } .header-btn-group .breadcrumb-item+.breadcrumb-item::before { padding-right: 15px; } .bg-dark ul li:has(ul)>a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 9 9' fill='none'%3E%3Cpath d='M9 0L4.5 4.39353L0 0L4.5 9L9 0Z' fill='%23E5DEC0' fill-opacity='0.7'/%3E%3C/svg%3E"); } .sub-menu .menu-item a:hover, .sub-menu .menu-item a:focus { background-color: #FAF9F4 !important; color: #BD9E21 !important; } .header-btn-group .breadcrumb li { color: rgba(249, 249, 249, 0.60) !important; text-align: right; font-family: "Latin CG Elongated"; font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.96px; text-transform: uppercase; } .header-btn-group .breadcrumb li a { color: #FFF; transition: all 0.5s; } .header-btn-group .breadcrumb { margin-bottom: 0; gap: 8px; } /* .header-btn-group .breadcrumb li.active a{ color: #BD9E21 !important; } */ .header-btn-group .breadcrumb li a:hover { color: #BD9E21 !important; } .breadcrumb-item+.breadcrumb-item::before { color: #fff !important; } .bg-dark { background: #FFF !important; } .navbar .first-logo, .navbar .first-logo1 { width: 230px; height: 86px; } .bg-dark .navbar .first-logo, .navbar .first-logo1 { width: 230px; height: 70px; object-fit: contain; } .bg-dark #menu-header-menu .menu-item-has-children .sub-menu { top: 260%; } .bg-dark .navbar .navbar-nav .menu-item a { color: #264058; } .bg-dark .navbar .navbar-nav .sub-menu .menu-item a { color: #7F8E9D; } .bg-dark .donate-btn:hover { border: 1px solid #BD9E21; color: #264058 !important; } .navbar .navbar-nav .menu-item a svg { vertical-align: baseline; } .bg-dark .donate-btn:hover svg path { fill: #264058 !important; stroke: #264058 !important; vertical-align: baseline; } .dropdown-toggle::after { display: none; } .navbar .navbar-nav .menu-item a { margin-right: 20px; color: #FFFFFF; font-weight: 500; font-size: 14px; font-style: normal; font-weight: 800; line-height: normal; letter-spacing: 0.9px; text-transform: uppercase; font-family: "Gothic A1", serif; } /* Base styles for submenu */ .nav-header .sub-menu { min-width: 200px !important; display: none; position: absolute; left: 0; background-color: #fff; z-index: 1000; } /* Hover effect for desktop */ .menu-box .menu-item:hover>.sub-menu { display: block; } /* Mobile-specific styles */ @media (max-width: 991px) { .menu-box .menu-item .sub-menu { display: none; /* Hidden by default on mobile */ position: relative; } .menu-box .menu-item.show>.sub-menu { display: block !important; /* Show submenu when "show" class is added */ } .bg-dark #menu-header-menu .menu-item-has-children .sub-menu { top: 0; } } .nav-header .menu-box { display: flex; justify-content: space-between; /* flex-direction: column; */ margin: 0; padding-left: 0; min-width: 208px; width: 100%; align-items: center; } .navbar-expand-lg .navbar-collapse{ flex-direction: column; } .header-mobile-view{ display: none !important; } .header-desktop-view { display: block !important; } .nav-header .menu-box li { position: relative; /* width: 100%; */ list-style: none; } @media(max-width:991px) { .nav-header .menu-box { flex-direction: column; } } .nav-header .sub-menu li { border-bottom: 1px solid #447A531A; } .nav-header .sub-menu li:before { content: ""; position: absolute; left: 0; bottom: 0; height: 0; width: 100%; background-color: #093917; transition: linear .4s; } #menu-header-menu .menu-item-has-children .sub-menu { padding: 0; } .nav-header .sub-menu .menu-item a { padding: 15px; display: block; margin-right: 0; background-color: #fff; color: #7F8E9D; font-family: "TradeGothic LT CondEighteen"; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.4px; white-space: nowrap; text-transform: capitalize; } /* .nav-header .sub-menu li:hover:before { bottom: calc(100% - 3px); height: 2px; } */ .navbar .navbar-nav .menu-item a:hover, .navbar .navbar-nav .menu-item a.active { color: #BD9E21; } .btn:hover { color: unset; } @media (max-width: 991.98px) { .navbar .navbar-nav { margin-top: 10px; border-top: 1px solid rgba(0, 0, 0, .07); background: var(--dark); } .navbar .navbar-nav .menu-item a { padding: 10px 0; } } @media (min-width: 992px) { #menu-header-menu .menu-item-has-children .sub-menu { display: block; visibility: hidden; top: 250%; transform: rotateX(-75deg); transform-origin: 0% 0%; transition: .5s; opacity: 0; border-top: 3px solid #BD9E21; border-left: 3px solid #BD9E21; border-radius: 0; position: absolute; } #menu-header-menu .menu-item-has-children:hover .sub-menu { transform: rotateX(0deg); visibility: visible; transition: .5s; opacity: 1; } } /*** Header ***/ .carousel-caption { top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(0deg, rgba(127, 142, 157, 0.10) 0%, rgba(6, 77, 25, 0.75) 100%); z-index: 1; } .donate-btn { border-radius: 78px; border: 1px solid rgba(242, 238, 223, 0.10); background: #BD9E21; padding: 10px 20px !important; color: #FFF !important; font-size: 13px !important; font-weight: 600; transition: all 0.5s; text-transform: uppercase; } .donate-btn:hover { /* border: 1px solid #fff; */ background: transparent; } .carousel-control-prev, .carousel-control-next { width: 15%; } .carousel-control-prev-icon, .carousel-control-next-icon { width: 3rem; height: 3rem; background-color: var(--dark); border: 12px solid var(--dark); border-radius: 3rem; } @media (max-width: 768px) { #header-carousel .carousel-item { position: relative; min-height: 450px; } #header-carousel .carousel-item img { position: absolute; width: 100%; height: 100%; object-fit: cover; } } .page-header { padding-top: 12rem; padding-bottom: 6rem; background: linear-gradient(rgba(0, 29, 35, .8), rgba(0, 29, 35, .8)), url(../images/carousel-1.jpg) center center no-repeat; background-size: cover; } .page-header .breadcrumb-item+.breadcrumb-item::before { color: #999999; } #header-carousel { position: relative; } #header-carousel .training-tabs, #header-carousel .mobile-view.training-tabs { position: absolute; left: 50%; transform: translateX(-50%); bottom: 62px; display: flex; gap: 55px; color: #fff; cursor: pointer; z-index: 999; width: 100%; justify-content: center; } .carousel-fade .carousel-item { transition: opacity 0.8s ease; } #header-carousel .training-tabs .training-tab { cursor: pointer; padding-bottom: 10px; color: #FFF; font-family: "Latin CG Elongated"; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 5.72px; text-transform: uppercase; position: relative; border-bottom: 3px solid #D9D9D9; } #header-carousel .training-tabs .training-tab::before { content: ""; position: absolute; bottom: -3px; left: 0; width: 0; height: 3px; background-color: #CEB346; transition: width 0.4s ease-in-out; z-index: 1; } #header-carousel .training-tabs .training-tab:hover::before { width: 100%; } /* Style for centering the carousel caption */ .carousel-item { position: relative; /* Ensure carousel items are positioned relatively */ } #header-carousel .mobile-view.training-tabs { gap: 10px; display: none; bottom: 24px; } #header-carousel .mobile-view.training-tabs a { width: 12px; height: 12px; border-radius: 50%; background: #d1cccc; border-bottom: 0; display: inline-block; } #header-carousel .mobile-view.training-tabs .training-tab.active { background: #149534; } #header-carousel .mobile-view.training-tabs .training-tab::before { display: none; } .banner-caption { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; color: white; padding: 20px; z-index: 9; } .banner-caption .paragraph.pgrap { color: #E7C749; text-align: center; font-family: Corinthia; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; text-transform: capitalize; margin-bottom: 30px !important; } .heading-1 { color: #FFF; text-align: center; font-family: "Latin CG Elongated"; font-size: 72px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 4.32px; text-transform: uppercase; margin-bottom: 16px; } .banner-caption .paragraph { color: #FFF; font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: 0.2px; max-width: 566px; margin-bottom: 46px !important; margin: auto; } .banner-caption .donate-btn1 { margin: auto; background: #B29D48; } .banner-caption .donate-btn1:hover { border: 1px solid #fff; background: #097626; color: #fff; } .banner-caption .donate-btn1:hover .donate-icon path { fill: #fff !important; stroke: #fff !important; } /* #header-carousel .training-tabs a:after { position: absolute; top: 100%; left: 0; width: 100%; height: 3px; background: #ffd52c; content: ''; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: scale(0.85); -moz-transform: scale(0.85); transform: scale(0.85); } #header-carousel .training-tabs a:after { opacity: 0; -webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: top 0.3s, opacity 0.3s, transform 0.3s; } #header-carousel .training-tabs a:hover:before, #header-carousel .training-tabs a:hover:after, #header-carousel .training-tabs a:focus:before, #header-carousel .training-tabs a:focus:after { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); background: #ffd52c; } #header-carousel .training-tabs a:hover:after, #header-carousel .training-tabs a:focus:after { top: -50%; opacity: 1; } */ /* #header-carousel .training-tabs .training-tab.active{ border-color: #CEB346; } */ /* #header-carousel .training-tabs .training-tab.active span svg{ display: none; } */ #header-carousel .training-tabs .training-tab span { padding-left: 138px; } .carousel-inner .carousel-item { height: 100vh; position: relative; overflow: hidden; height: 894px; } .carousel-inner .carousel-item img { height: 100%; width: 100%; } .carousel-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; /* Places gradient above image */ pointer-events: none; /* Allows interaction with underlying content */ } .carousel-slide-4::before { background: linear-gradient(0deg, rgba(127, 142, 157, 0.10) 0%, rgba(6, 77, 25, 0.75) 100%); } .carousel-slide-1::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); } .carousel-slide-3::before, .carousel-slide-2::before { background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); } .carousel-item::after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-size: contain; z-index: 8; } .carousel-slide-1::after { background: url(../images/banner-bg1.png); background-repeat: no-repeat; } .carousel-slide-2::after { background: url(../images/banner-bg2.png); background-repeat: no-repeat; } .carousel-slide-3::after { background: url(../images/banner-bg3.png); background-repeat: no-repeat; } /* Optional: Style to position carousel captions above gradient */ .carousel-caption { position: relative; z-index: 2; } .carousel-item img { animation: zoomInOut 15s ease-in-out infinite; /* Continuous zoom-in and zoom-out */ transform-origin: center center; } /* Keyframes for Zoom-In and Zoom-Out */ @keyframes zoomInOut { 0% { transform: scale(1); /* Start at normal size */ } 50% { transform: scale(1.1); /* Zoom in slightly at the middle of the animation */ } 100% { transform: scale(1); /* End back at normal size */ } } /* */ .empowering-sec { padding-top: 116px; position: relative; overflow: hidden; } .empowering-img-sec { position: relative; height: 100%; } .empowering-sec .mw-1310 { position: relative; overflow: hidden; } .empowering-sec::after { position: absolute; top: 190px; right: -230px; content: ''; background: url(../images/watermark-bg.png); width: 432px; height: 432px; background-position: center; z-index: -1; background-repeat: no-repeat; animation: rotateBackground 60s linear infinite; } .rotate-text-box { position: absolute; left: 50%; top: 24%; transform: translate(-50%, -50%); z-index: 9; } .rotate-text-box.active { opacity: 0; visibility: visible; } .curved-text { fill: #fff; font-family: Arial, sans-serif; font-size: 38px; font-family: "Cormorant Garamond"; font-weight: 600; } .circle-container { position: relative; width: 150px; height: 150px; border: 1px solid #FFFFFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: transparent; } .rotate-text-box .center-text { color: #FFF; font-family: "Cormorant Garamond"; font-size: 55px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.7px; text-transform: capitalize; position: absolute; } .rotating-text { position: absolute; width: 100%; height: 100%; animation: rotateCircle 20s linear infinite; transform-origin: 50% 50%; padding: 8px; } @keyframes rotateCircle { from { transform: rotate(360deg); } to { transform: rotate(0deg); } } .heading-2 { color: #001E3B; font-family: "Latin CG Elongated"; font-size: 52px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.04px; text-transform: uppercase; } .empowering-content .heading-2 { margin-bottom: 27px; } .paragraph { color: #264058; font-family: "Cormorant Garamond"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px; /* 140% */ letter-spacing: 0.2px; } .empowering-content { width: 1108px; width: 100%; margin: auto; } .empowering-content .paragraph { margin-bottom: 39px; } .mx-1108 { max-width: 1108px; width: 100%; margin: auto; } .empowering-sec .mx-1108 { margin: 0; } .empowering-content h6 { color: #C19D05; text-align: center; font-family: "Cormorant Garamond"; font-size: 22px; font-style: italic; font-weight: 600; line-height: normal; background: #FDFCF7; padding: 30px; margin-bottom: 60px; } .empowering-img-sec img { height: 100%; width: 100%; object-fit: cover; max-width: 330px; } .empowering-cards .card { border-radius: 3px; border: 2px solid #BBD9C3; background: #FFF; transition: color 0.3s; padding: 35px 35px 47px; cursor: pointer; } .empowering-cards { padding-bottom: 100px; } .empowering-cards .card .card-body { padding: 0; } .empowering-cards .row { --bs-gutter-x: 36px !important; } .empowering-cards .card:hover { border-radius: 1px; border: 2px solid #13A93A; background: rgba(242, 238, 223, 0.70); } .empowering-cards .card .card-footer { padding: 0; border: 0; background-color: unset; } .empowering-cards .card .card-text { margin-bottom: 20px; color: #001E3B; font-family: "Cormorant Garamond"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: 0.18px; } .empowering-cards .apply-button:hover .arrow path { fill: #fff !important; stroke: #fff !important; } .empowering-cards .apply-button { font-size: 18px; font-weight: 700; font-family: "Cormorant Garamond"; } .apply-button { display: inline-flex; align-items: center; padding: 15px 30px 15px 0; color: #001E3B; font-family: "Playfair Display"; font-size: 14px; font-style: italic; font-weight: 500; line-height: normal; letter-spacing: 0.14px; text-transform: capitalize; position: relative; /* overflow: hidden; */ transition: color 0.4s; z-index: 9; } .apply-button::before { content: ''; position: absolute; width: 60px; height: 60px; background-color: #eee4cc; border-radius: 50%; left: 0px; z-index: -1; transition: all 0.4s ease; } .apply-button:hover::before { width: 100%; height: 100%; left: 0; border-radius: 50px; background: #13802F; z-index: -1; } .apply-button span { position: relative; z-index: 1; padding-left: 8px; } .apply-button .arrow { margin-right: 10px; color: #b89858; font-size: 20px; transition: color 0.2s; } .apply-button:hover { color: white; } .apply-button:hover .arrow { color: white; } .active-btn { background-color: #095B1D !important; } /* */ .ourkey_sec { background: #E2C85E; box-shadow: 0px 1px 0px 0px rgba(232, 226, 202, 0.40); padding-top: 80px; } .ourkey_sec .ourkey_text { max-width: 880px; width: 100%; margin: auto; text-align: center; } .ourkey_sec .ourkey_mobile_view { display: none; } .ourkey_sec_slider { position: relative; } .ourkey_sec_slider .owl-dots { position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 10px; } .ourkey_sec_slider .owl-dots button span { width: 11px; height: 11px; border-radius: 50%; background: #d1cccc; border-bottom: 0; display: inline-block; } .ourkey_sec_slider .owl-dots button.active span { background: #E2C85E; } .main-heading2 { color: #001E3B; text-align: center; font-family: "Latin CG Elongated"; font-size: 58px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.16px; text-transform: uppercase; } .ourkey_sec .ourkey_text p.paragraph { font-size: 18px; color: #264058; text-align: center; font-weight: 600; margin-bottom: 50px; } .ourkey_card_con .card .card-body { padding: 0; } .ourkey_card_con .card { padding: 0 62px 0 102px; background: #E2C85E; border: unset; position: relative; z-index: 1; transition: all 0.5s ease; border-radius: unset; transition: background-color 0.3s ease, transform 0.3s ease; border: 1px solid #ffffff29; } /* .ourkey_card_con .card{ padding: 0 60px; } */ .ourkey_card_con.active .card { background: transparent; } .ourkey_card_con { background: #E2C85E; position: relative; z-index: 10; width: 100%; height: 100%; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } /* .ourkey_card_con:first-child{ border-left: 0 !important; } */ .ourkey_card_con .card:hover h3, .ourkey_card_con .card:hover p, .ourkey_card_con .card:hover p a, .ourkey_card_con .card:hover .apply-button, .ourkey_card_con.active .card h3, .ourkey_card_con.active .card p, .ourkey_card_con.active .card .apply-button { color: #fff; } .ourkey_card_con .card h3 { color: #001E3B; font-family: "Latin CG Elongated"; font-size: 58px; font-style: normal; font-weight: 400; line-height: normal; text-transform: uppercase; padding-top: 360px; } .ourkey_card_con .card p { color: #001E3B; font-family: "Cormorant Garamond"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 26px; letter-spacing: 0.36px; } .ourkey_card_con .card p a { color: #097626; text-decoration-line: underline; } .ourkey_card_con .card-footer { border: unset; background: unset; padding: 40px 0 100px; } .ourkey_card_con .card-footer .apply-button { color: #001E3B; } .ourkey_card_con .card.active { background: linear-gradient(180deg, rgba(226, 200, 94, 0.70) 35.55%, rgba(43, 104, 59, 0.85) 66.16%), url(../images/long-training.png); color: #fff; } .ourkey_card_con .card.active h3, .ourkey_card_con .card.active p, .ourkey_card_con .card.active p a, .ourkey_card_con .card.active .apply-button { color: #fff; } .ourkey_card_con .apply-button:hover .arrow path { fill: #13802F !important; stroke: #13802F !important; } .ourkey_card_con .apply-button:hover::before { background: #eee4cc !important; } .ourkey_card_con .card.active .apply-button::before { background: #d9cfb6 !important; } .ourkey_card_con .apply-button:hover { color: #13802F !important; } /* */ .specialization-sec { padding: 77px 0 100px; } .specialization-con .main-heading2 { font-size: 38px; letter-spacing: 0.76px; margin-bottom: 34px; } .specialization_slider .specializ-img { width: 130px; height: 130px; border-radius: 50%; border: 1px solid #A7C9B0; margin: auto; } /* .specialization_slider .item .paragraph { opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.5s ease, max-height 0.5s ease; } .specialization_slider .item:hover .paragraph, .specialization_slider .item.active .paragraph { opacity: 1; max-height: 200px; display: block; } */ .specialization_slider .item { border-radius: 2px; border: 1px solid transparent; /* Border will show only on hover */ transition: border 0.3s ease; height: 290px; } .specialization_slider .item:hover, .specialization_slider .item.active { border: 1px solid #A7C9B0; } .specialization_slider .item .paragraph { display: none; /* Hide all paragraphs by default */ } .specialization_slider .item.active .paragraph, .specialization_slider .item:hover .paragraph { display: block; /* Show paragraph on hover or if item is active */ } .specialization_slider .specializ-img img { width: 100%; padding: 20px; height: 100%; object-fit: contain; } .specialization_slider .heading-6 { margin: 14px 0 5px; } .heading-6 { color: #001E3B; text-align: center; font-family: "Cormorant Garamond"; font-size: 17px; font-style: normal; font-weight: 500; line-height: 32px; letter-spacing: 0.17px; text-transform: capitalize; } .specialization_slider .paragraph { font-weight: 500; font-size: 18px; color: #001E3B; text-align: center; line-height: 24px; } .specialization_slider .item { transition: all 0.5s ease; padding: 25px 20px 0; cursor: pointer; } .specialization_slider .item:hover, .specialization_slider .item.active { border-radius: 2px; border: 1px solid #A7C9B0; } .specialization_slider .item.active .heading-6, .specialization_slider .item:hover .heading-6 { font-weight: 700; font-size: 21px; } /* */ .Events-video-box { max-width: 958px; height: 600px; /* Ensure height is defined */ width: 100%; /* Full width */ position: relative; z-index: 9; display: inline-block; overflow: hidden; /* Prevent content from overflowing */ } .Events-video-box img, .Events-video-box video { width: 100%; /* Make the image and video fill the width */ height: 100%; /* Make the image and video fill the height */ object-fit: cover; /* Ensure content covers the area without distortion */ position: absolute; /* Layer on top of the container */ top: 0; left: 0; } /* .Events-video-box.Events-video-ply .play-btn{ display: none; } */ .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 60px; height: 60px; background-color: transparent; border-radius: 50%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; } /* Pulse animation */ .play-btn.pulse { animation: pulse 2s infinite ease; } /* Hover effect to scale and change colors */ .play-btn:hover { transform: translate(-50%, -50%) scale(1.1); } /* .play-btn-img { width: 100%; height: 100%; transition: all 0.3s ease; } */ /* .play-btn:hover .play-btn-img { transform: scale(1.1); } */ @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } /* .Events-video-box .play-btn{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; cursor: pointer; } */ .Events-video-box img { width: 100%; height: 100%; object-fit: cover; } .events-gallery-content { background: #F2EEDF; padding: 113px 0 193px 250px; min-height: 701px; height: 100%; margin-left: -390px; position: relative; } .mx-465 { max-width: 465px; margin: auto; width: 100%; } .events-gallery-content .main-heading2 { text-align: left; } .events-gallery-content .paragraph { font-size: 24px; line-height: 38px; margin-bottom: 40px; } .events-gallery-content .apply-button::before { background-color: #DAE4DD; } .events-gallery-content .apply-button .arrow { color: #095B1D; } .events-gallery-content .apply-button:hover::before, .blog-sec .apply-button:hover::before { background-color: #095B1D; } .events-gallery-content .apply-button:hover, .blog-sec .apply-button:hover { color: #fff; } .events-gallery-content .apply-button:hover span path, .blog-sec .apply-button:hover span path { fill: #fff !important; stroke: #fff !important; } .events-gallery-slider { position: relative; } .events-gallery-slider .owl-nav { position: absolute; left: 83%; bottom: -11%; display: flex; gap: 10px; transition: all 05.s ease; } .events-gallery-slider .owl-nav button.owl-prev, .events-gallery-slider .owl-nav button.owl-next { border: 1px solid #C1D2C5; width: 50px; height: 50px; border-radius: 50%; color: #C1D2C5; font-size: 22px; font-family: "Cormorant Garamond"; line-height: normal; transition: all 05.s ease; } .events-gallery-slider .owl-nav button.owl-prev:hover, .events-gallery-slider .owl-nav button.owl-next:hover { background-color: #095B1D; } .owl-carousel .owl-item { opacity: 1; transition: opacity 0.8s ease; /* Ensure smooth fade-in/out */ } /* */ .donate-sec { position: relative; padding: 141px 0 92px; } .donate-sec::before { content: ""; position: absolute; left: 11%; top: 54%; transform: translate(-50%, -50%); background: url(../images/chef.png) center center no-repeat; background-size: contain; z-index: -1; width: 268px; height: 402px; } .mx-1310 { width: 100%; max-width: 1310px; margin: auto; } .donate-content::before { content: ""; position: absolute; left: 50%; top: 20%; transform: translate(-50%, -50%); background: url(../images/water-mark-1.png) center center no-repeat; background-size: contain; z-index: -1; width: 230px; height: 230px; animation: rotateBackground 60s linear infinite; } /* Keyframes for rotation */ @keyframes rotateBackground { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } } .donate-content .paragraph { max-width: 958px; color: #40566C; text-align: center; font-size: 28px; font-style: italic; font-weight: 500; line-height: 38px; letter-spacing: 0.28px; margin-bottom: 60px; } .donate-content { display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; padding: 0px; } /* .donate-content::before{ left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/watermark-bg.png); background-position: center; z-index: -1; width: 200px; padding: 200px; height: 200px; background-repeat: no-repeat; animation: rotateBackground 60s linear infinite; } */ .donate-btn1 { display: flex; align-items: center; justify-content: center; border-radius: 160px; background: #BD9E21; max-width: 190px; gap: 10px; width: 100%; height: 59px; color: #FCFCFC; font-family: "Cormorant Garamond"; font-size: 18px; font-style: italic; font-weight: 700; line-height: normal; letter-spacing: 0.18px; text-transform: capitalize; transition: all 0.5s ease; } .donate-btn1:hover { border: 1px solid #BD9E21; background: transparent; color: #BD9E21; } .donate-btn1:hover .donate-icon path { fill: #BD9E21 !important; stroke: #BD9E21 !important; } /* */ .Testimonials-sec { background: url(../images/testimonials-bg.png); width: 100%; background-position: center; background-size: cover; height: 100%; } .Testimonials-content { /* display: flex; flex-direction: column; justify-content: center; align-items: center; */ padding: 85px 0 206px; overflow: hidden; } .Testimonials-slider { transition: opacity 0.0s ease-in-out !important; } .Testimonials-content .tab-pane.fade { transition: opacity 0.0s ease-in-out; } .Testimonials-tabs .tab-link { color: #E2C85E; border: 1px solid #E2C85E; background: transparent; } .Testimonials-tabs { border-bottom: 0; gap: 20px; padding: 20px 0 80px; flex-wrap: nowrap; justify-content: center; display: flex; list-style: none; cursor: pointer; } .Testimonials-content .tab-content { display: none; } .Testimonials-content .tab-content.active { display: block; } .slick-initialized .slick-slide { margin: 0 25px; width: 400px !important; } .slick-next:before, .slick-prev:before { display: none; } .nav-tabs .nav-link, .Testimonials-tabs .tab-link { border-radius: unset; padding: 10px 30px; border-radius: 80px; border: 1px solid #e2c85ea8; color: #e2c85ea8; text-align: center; font-family: "TradeGothic LT CondEighteen"; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.18px; } .nav-tabs { border-bottom: 0; gap: 10px; padding: 20px 0 80px; flex-wrap: nowrap; justify-content: center; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .Testimonials-tabs .tab-link.active { color: #E2C85E; border: 1px solid #E2C85E; background: transparent; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: unset; } .Testimonials-content .heading-2 { color: #FFF; font-size: 58px; text-align: center; } .Testi-footer-img { width: 66px; height: 66px; position: relative; border-radius: 50%; } .Testi-footer-img::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(68, 122, 83, 0.50); border-radius: 50%; z-index: 1; } .Testi-footer-img img { width: 100%; height: 100%; } .Testi-footer-img .testi-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9; } .Testi-footer { display: flex; gap: 21px; /* flex-wrap: wrap; */ align-items: center; padding: 20px 0; } .Testimonials-slider .card-footer { background-color: #fff; border-top: 1px solid #E0F1E4; } .Testimonials-slider .card-body.flex-grow-1 { background: #FAFAFA; border-radius: 6px; transition: all 0.6s ease; } .Testimonials-slider .item { cursor: pointer; transition: all 0.6s ease; position: relative; } .Testimonials-slider .item:hover { transform: scale(1.04) } .Testimonials-slider .item:hover .card-body.flex-grow-1 { background: #fff; } .Testi-footer h6 { color: #095B1D; font-family: Sacramento; font-size: 28px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0; } .Testi-footer p { color: #40566C; font-family: "TradeGothic LT CondEighteen"; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 0; } .Testimonials-slider .card-text { color: #001E3B; font-family: "Cormorant Garamond"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 33px; padding: 35px 40px 40px; } .Testimonials-slider { position: relative; margin-left: 300px; } .Testimonials-slider .slick-prev, .Testimonials-slider .slick-next { position: absolute; top: 44%; transform: translateX(-50%); } .Testimonials-slider button.slick-next, .Testimonials-slider button.slick-prev { width: 60px; height: 60px; background: #E8E2CA; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 9; } .Testimonials-slider .slick-prev { left: 3%; } .Testimonials-slider .slick-next { right: 1%; } .Testimonials-slider .slick-disabled { opacity: 0; pointer-events: none; } #Closefade { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1001; } .videolightbox { display: none; position: fixed; /* Center relative to viewport */ top: 50%; /* Center vertically */ left: 50%; /* Center horizontally */ transform: translate(-50%, -50%); /* Corrects for the element's dimensions */ max-width: 800px; max-height: 560px; border: 2px solid #FFF; background: #FFF; z-index: 1002; overflow: visible; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .videolightbox #boxclose { cursor: pointer; color: #fff; border: 1px solid #AEAEAE; border-radius: 3px; background: #222222; font-size: 20px; font-weight: bold; display: inline-block; line-height: 0px; padding: 11px 5px; position: absolute; right: 5px; top: 5px; z-index: 1002; opacity: 0.9; } .boxclose:before { content: "×"; } body.no-scroll { overflow: hidden; /* Prevent scrolling */ } #VisaChipCardVideo { max-width: 600px; width: 100%; } /* */ .Success-story-sec .mx-1310.Success-story { background: #B29D48; padding: 45px 48px; margin-top: -80px; } .Success-story-sec .heading-4 { margin-bottom: 13px; } .heading-4 { color: #FFF; font-family: "Latin CG Elongated"; font-size: 38px; font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: 0.38px; } .Success-story-sec .paragraph { color: #FFF; font-size: 28px; margin-top: 5px; margin-bottom: 0; } .Success-story-sec .donate-btn1 { max-width: 175px; height: 50px; background: #FFF; color: #095B1D; transition: all 0.5s; } .Success-story-sec .donate-btn1:hover, .donate-sec .donate-btn1:hover, .acf-header .donate-btn:hover { /* border: 1px solid #fff; */ background: #13802F; color: #fff !important; } .Success-story-sec .donate-btn1:hover .donate-icon path, .donate-sec .donate-btn1:hover .donate-icon path, .acf-header .donate-btn:hover span path { fill: #ffff !important; stroke: #ffff !important; } /* */ .popularClasses-sec { padding: 98px 0; } .popularClasses-sec .nav-tabs .nav-link { padding: 8px 50px; } .Popularcontent-box { max-width: 630px; width: 100%; margin: auto; } .Popularvideo-img { height: 300px; width: 100%; border-radius: 3px; position: relative; overflow: hidden; transition: all 0.5s ease; } .Popularvideo-img:hover img { transform: scale(1.1); } .Popularvideo-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 3px; transition: all 0.5s ease; } .Popularvideo-img-icons p { position: absolute; top: 30px; left: 30px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.30); background: rgba(226, 200, 94, 0.90); padding: 6px 16px; margin-bottom: 0; color: #2B683B; text-align: center; font-family: "TradeGothic LT CondEighteen"; font-size: 19px; font-style: normal; font-weight: 700; line-height: normal; } .Popularvideo-img-icons a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; } .Popularvideo-img a.play-btn { top: 50%; left: 50%; transform: translate(-50%, -50%); } #nav-vedioT .Popularcontent-box1 { max-width: 985px; margin: auto; width: 100%; } #nav-vedioT .popularClasses-content .nav-tabs { padding: 20px 0 53px; } .popularClasses-content .tab-pane .row { --bs-gutter-x: 36px !important; } #nav-vedioT .Popularcontent-box1 .paragraph { color: #264058; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; letter-spacing: 0.18px; text-decoration: none; margin-bottom: 35px; } /* #nav-vedioT .readOnlineclasses_btn .apply-button::before{ background-color: #447A53 !important; } #nav-vedioT .readOnlineclasses_btn .apply-button{ color: #001E3B; } */ .Popularcontent-box .paragraph { color: #40566C; font-size: 22px; text-decoration-line: underline; margin: 24px 0 0; max-width: 429px; } .Popularcontent-box .paragraph a { color: #40566C; } .Popularcontent-box .paragraph a:hover { color: #447A53; } .popularClasses-content .heading-2 { font-size: 58px; text-align: center; margin-bottom: 0; } .popularClasses-content .nav-tabs .nav-link.active, .popularClasses-content .nav-tabs .nav-item.show .nav-link { border: 1px solid #447A53; background: unset; color: #447A53; } .popularClasses-content .nav-tabs .nav-link { border: 1px solid #7F8E9D; color: #001E3B; } .popularClasses-content .nav-tabs { padding: 20px 0 60px; } .readOnlineclasses_btn { margin: 45px 0 0; text-align: center; } .readOnlineclasses_btn .apply-button:hover svg path { fill: #fff !important; stroke: #fff !important; } /* .Popularcontent-box{ margin-bottom: 110px; } */ /* */ .blog-sec { background: #F2EEDF; padding: 86px 0 62px; text-align: center; position: relative; overflow: hidden; } .blog-sec::after { position: absolute; top: 233px; right: -32px; content: ''; background: url(../images/watermark-3.png); width: 336px; height: 336px; animation: rotateBackground 60s linear infinite; } .blog .Testi-footer-img, .latestArticles_right_box .Testi-footer-img { width: 18px; height: 18px; position: relative; border-radius: 50%; } .blog .Testi-footer-img::after, .latestArticles_right_box .Testi-footer-img::after { display: none; } .blog .Testi-footer, .latestArticles_right_box .Testi-footer { display: flex; gap: 5px; align-items: center; padding: 0px 0 30px; justify-content: end; margin-top: 15px; } .blog-sec .blog .Testi-footer p, .latestArticles_right_box .Testi-footer p { color: #447a53ed; font-weight: 500; line-height: normal; } .blog-sec .heading-2 { font-size: 48px; } .blog-sec .paragraph { font-size: 18px; max-width: 985px; margin: 0 auto 36px; } .blog-sec .card-img-box span { position: absolute; bottom: 0; left: 0; background: #095B1D; padding: 5px 15px; color: #E2C85E; text-align: center; font-family: "TradeGothic LT CondEighteen"; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .heading-5 { color: #447A53; font-family: "Cormorant Garamond"; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.44px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; margin-bottom: 0; } .blog .card-body { padding: 25px 30px 0; } .blog .heading-5 { margin-bottom: 20px; text-align: left !important; } .blog .paragraph { color: #001E3B; font-size: 18px; line-height: 28px; margin-bottom: 6px; } .blog .card-footer { padding: 0 30px; border: unset; background: unset; } .blog-slider { margin-bottom: 20px; } .blog-sec .apply-button::before { background-color: #DAE4DD; } .blog-sec .apply-button .arrow { color: #2B683B; font-weight: 900; vertical-align: super; } .blog-sec .apply-button:hover { color: #fff; } .blog-sec .apply-button { color: #001E3B; font-family: "Playfair Display"; font-weight: 500; font-size: 14px; } .blog .card-body, .blog .card-footer { background: rgba(255, 255, 255, 0.80); transition: all 0.5s ease; } /* .blog .card-body:hover, .blog .card-footer:hover{ background: #FFF; } */ .blog .card { border-radius: unset; position: relative; cursor: pointer; overflow: hidden; transition: transform 0.5s ease; background: rgba(255, 255, 255, 0.80); max-width: 400px; width: 100%; margin: auto; } /* .blog .card::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #095B1D; border-radius: inherit; box-sizing: border-box; transform: scale(0); transition: transform 0.5s ease; z-index: 1; } */ /* .blog .card:hover::before { transform: scale(1); } */ .blog .card-img, .blog .card-img-top { border-radius: unset; } .blog-sec .card-img-box { width: 100%; position: relative; transition: all 0.5s ease; width: 100%; height: 100%; position: relative; overflow: hidden; cursor: pointer; } .blog-sec .card-img-box img { transition: all 0.5s ease; } .blog .card:hover .card-img-box img { box-shadow: 5px 7px 22px 0px rgba(0, 0, 0, 0.07); transform: scale(1.2); } .blog .card:hover { background: #FFF; box-shadow: 5px 7px 22px 0px rgba(0, 0, 0, 0.07); } .blog .owl-carousel .owl-stage { padding: 30px 0px; } /* */ .donateToday-sec { background: url(../images/donate-bg.png) no-repeat; width: 100%; height: 100%; background-position: center; background-size: cover; padding: 28px 0; display: flex; align-items: center; justify-content: center; } .donateToday-sec h3 { color: #FCFCFC; /* font-family: "TradeGothic LT CondEighteen"; */ font-size: 38px; font-style: normal; font-weight: 900; line-height: 42px; letter-spacing: 1.68px; margin-bottom: 0; position: relative; font-family: "Gothic A1", serif; } .donateToday-sec h3::after { content: ''; position: absolute; top: 10px; right: -40px; width: 2px; height: 78px; background: linear-gradient(180deg, rgba(232, 226, 202, 0.10) 0%, rgba(232, 226, 202, 0.50) 52%, rgba(232, 226, 202, 0.10) 96.5%); } .donateToday-sec h4 { color: #E2C85E; font-family: "Cormorant Garamond"; font-size: 34px; font-style: italic; font-weight: 700; line-height: normal; letter-spacing: 1.36px; margin-bottom: 0px; text-align: left; } .donateToday-sec .paragraph { color: #FCFCFC; font-size: 17px; margin-bottom: 0; line-height: 20px; text-align: justify; letter-spacing: 0.34px; opacity: 0.8; } .donateToday-sec .apply-button { color: #FFF; font-size: 15px; font-weight: 500; font-family: "Playfair Display"; } .donateToday-sec .apply-button::before { background-color: #d9d3bb; } .donateToday-sec .apply-button:hover::before { background-color: #E8E2CA; } .donateToday-sec .apply-button:hover { color: #2B683B; } /* */ .footer-sec { padding: 75px 30px 0; } .footer-sec .footer-nav ul { padding-left: 0; } .footer-sec .footer-nav ul li { list-style-type: none; } .footer-sec .footer-nav h6 { color: #264058; font-size: 19px; font-style: normal; font-weight: 500; line-height: 25px; letter-spacing: normal; text-transform: uppercase; font-family: "Gothic A1", serif; } .footer-sec .footer-nav ul li a { color: #264058; font-family: "Cormorant Garamond"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 32px; letter-spacing: 0.18px; transition: all 0.5s ease; transition: color 0.3s ease; position: relative; } .footer-nav ul li a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #095B1D; transition: width 0.3s ease; } .footer-nav ul li a:hover { color: #095B1D; } .footer-nav ul li a:hover::after { width: 100%; } span.footer-line { height: 1px; display: block; max-width: 1310px; width: 100%; background: linear-gradient(90deg, rgba(234, 229, 209, 0.10) 0%, #EAE5D1 49.5%, rgba(234, 229, 209, 0.10) 100%); } .top-bottom-sec { padding: 30px 0; } .top-bottom-sec .footer-logo-sec p { color: #40566C; font-family: "Cormorant Garamond"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 18px; margin: 10px 0 0; } .top-bottom-sec .footer-logo-sec p a { color: #2B683B; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; transition: all 0.5s; } .top-bottom-sec .footer-logo-sec p a:hover { color: #40566C; } .top-bottom-sec .footer-add p { color: #264058; font-family: "Cormorant Garamond"; font-size: 17px; font-style: normal; font-weight: 600; line-height: 28px; margin-bottom: 0; max-width: 255px; } .top-bottom-sec .footer-social .email { color: #064D19; font-family: "Cormorant Garamond"; font-size: 17px; font-style: normal; font-weight: 600; line-height: 20px; letter-spacing: 0.34px; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .top-bottom-sec .footer-social .email span { padding-right: 8px; } .top-bottom-sec .media-links { margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; } .top-bottom-sec .media-links a { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #D9DDE2; display: flex; align-items: center; color: #7F8E9D; justify-content: center; transition: all 0.5s ease; transition: transform 0.3s ease, box-shadow 0.3s ease, color 0.3s ease; } .media-links a:hover { transform: scale(1.2); color: #fff; background-color: #095B1D; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); } /* .top-bottom-sec .media-links a:hover{ background-color: #064D19; border: 1px solid #064D19; color: #fff; } */ .top-bottom-sec .footer-social { position: relative; } .top-bottom-sec .footer-social::before { position: absolute; top: 0; left: -90px; content: ''; width: 1px; height: 100px; background: linear-gradient(180deg, #FFF 0%, #EAE5D1 50.5%, #FFF 100%); } .mobile-view-footer .accordion-item:first-of-type .accordion-button { border-radius: unset; } .mobile-view-footer .accordion-button:focus { box-shadow: unset; border-color: #EAE5D1 !important; } .mobile-view-footer .accordion-item { border-bottom: 1px solid #EAE5D1 !important; border: 0; } .accordion-button:not(.collapsed) { background-color: unset; } .accordion-button:not(.collapsed) { box-shadow: unset; } .mobile-view-footer .accordion-button { color: #264058; font-family: "Gothic A1", serif; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.54px; text-transform: uppercase; padding: 1rem 0rem; } .mobile-view-footer .accordion-body { padding: 0; } .mobile-view-footer .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 14 14' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 6.3V7.7H7.69999V14H6.30001V7.7H0V6.3H6.30001V0H7.69999V6.3H14Z' fill='%23064D19'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 1rem; transition: transform 0.2s ease-in-out; } .mobile-view-footer .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2' viewBox='0 0 14 2' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 0.302149V1.70215H7.69999H6.30001H0V0.302149H6.30001V0.299805L7.69999 0.302149H14Z' fill='%23064D19'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 1rem; transform: rotate(-180deg); } .mobile-view-footer { display: none; } /* */ .copyright-sec { background: #FAF7F3; padding: 9px 0; text-align: center; } .copyright-sec p { color: #264058; text-align: center; font-family: Sarabun; font-size: 13px; font-style: normal; font-weight: 300; line-height: normal; letter-spacing: 0.39px; margin-bottom: 0; } .copyright-sec p a { color: #264058; font-weight: 500; } /* =======================================================*About-Page=================================================== */ .banner-bg { min-height: 550px; height: 100%; position: relative; overflow: hidden; } .banner-bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #001E3B 0%, rgba(217, 221, 226, 0.20) 100%); } .banner-bg img { height: 100%; width: 100%; object-fit: cover; } .banner-bg .bannerSec-caption, .banner-bg .page-breadcrumb { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); z-index: 9; } .banner-bg .page-breadcrumb { top: 30%; left: 7%; } .banner-bg .page-breadcrumb ol .breadcrumb-item, .banner-bg .page-breadcrumb ol .breadcrumb-item a { color: #FFF; font-family: "Cormorant Garamond"; font-size: 15px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.3px; text-transform: capitalize; } .banner-bg .page-breadcrumb ol .breadcrumb-item.active { color: #E8E2CA; } .banner-bg .heading-3 { color: #FFF; text-align: center; font-family: "Latin CG Elongated"; font-size: 58px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 1.16px; text-transform: uppercase; } /* */ .aboutUs-sec { border-top: 3px solid #4CAB66; background-color: #fff; padding: 67px 0 0px; position: relative; } .aboutUs-leftsec_bg { position: relative; /* overflow: hidden; */ /* z-index: 9; */ height: 100%; margin-bottom: 30px; } .aboutUs-leftsec_bg::before { content: ''; position: absolute; left: -300px; top: -64px; width: 200%; max-width: 630px; height: 105%; background: url(../images/about-img/about-bg.png); background-size: contain; background-position: left; } .aboutUs-sec .aboutUs-leftsec { position: sticky; top: 100px; max-width: 270px; width: 100%; border-radius: 2px 2px 0px 0px; border-left: 5px solid #447A53; } .aboutUs-sec .aboutUs-leftsec h6 { color: #E2C85E; font-family: "Gothic A1", serif; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; /* background-color: #2B683B; */ margin-bottom: 0; padding: 16px 20px; text-align: left; position: relative; } .aboutUs-sec .aboutUs-leftsec h6::after { content: ''; position: absolute; width: 100%; height: 100%; background: url('../images/quick-links-bg.png'); left: 0; top: 0; z-index: -1; background-size: auto; background-position: center; } .aboutUs-sec .tab-menu { list-style-type: none; padding: 0; margin: 0; background-color: #F1F1F1; border-right: 1px solid #DDD; } .aboutUs-sec .tab-item { padding: 18px 20px; cursor: pointer; border-radius: 2px; background: #FFF; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.05); border-bottom: 1px solid #DDD; transition: background-color 0.3s ease, color 0.3s ease; color: #7F8E9D; font-family: "Gothic A1", serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.4px; } .aboutUs-sec .tab-item.active { background: #FAF9F4; color: #447A53; font-weight: 700; } .aboutUs-sec .tab-item:hover { background: #FAF9F4; } .aboutUs-sec .aboutUs-right-sec .tab-content1 { padding-left: 67px; background-color: #FFF; } .overview-rightSec { padding-left: 67px; } .aboutUs-sec .aboutUs-right-sec { position: relative; z-index: 9; /* background-color: #FFF; */ padding-bottom: 90px; } .aboutUs-right-sec .tabHeading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 28px; gap: 60px; overflow: hidden; } .aboutUs-right-sec .tabHeading img { max-width: 100% !important; /* width: 100%; */ height: 10px; } .tab-pane1 { display: none; } .tab-pane1.active { display: block; } .aboutUs-right-sec .tabHeading h2 { margin-bottom: 0; white-space: nowrap; } .aboutUs-right-sec .paragraph { font-size: 26px; font-weight: 300; line-height: 38px; letter-spacing: 0.52px; margin-bottom: 0px; } .aboutUs-right-sec .paragraph span { font-weight: 500; } .aboutUs-right-sec .ourMission_box { background: #FAF7F3; margin: 50px 0; } .aboutUs-right-sec .ourMission_box .ourMission_img { max-width: 916px; width: 100%; height: 100%; overflow: hidden; cursor: pointer; } .aboutUs-right-sec .ourMission_box .ourMission_img:hover img { transform: scale(1.1); } .aboutUs-right-sec .ourMission_box .ourMission_img img { width: 100%; height: 100%; object-fit: cover; object-position: left; transition: all 0.5s ease; } .aboutUs-right-sec .ourMission_box .ourMission_txt { padding: 28px 57px 62px; } .aboutUs-right-sec .ourMission_box .ourMission_txt img { text-align: center; margin-bottom: 32px; } .aboutUs-right-sec .ourMission_box .ourMission_txt .paragraph { font-size: 26px; font-weight: 300; line-height: 34px; letter-spacing: 0.26px; margin-bottom: 0; max-width: 323px; } .aboutUs-right-sec .ourMission_donateB { background: #AB476A; padding: 70px 77px; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; margin-top: 51px; gap: 40px; position: relative; overflow: hidden; } .aboutUs-right-sec #mission .ourMission_donateB { margin-top: 0; } .aboutUs-right-sec .ourMission_donateB::after { content: ''; position: absolute; top: -80px; right: -80px; background: url(../images/about-img/about-watermark.png); width: 182px; height: 182px; } .aboutUs-right-sec .ourMission_donateB .paragraph { font-size: 28px; color: #ffffffd9; font-style: italic; font-weight: 500; } .aboutUs-right-sec .ourMission_donateB .donate-btn1 { background: #FFF; color: #447A53; } .aboutUs-right-sec .ourMission_donateB .donate-btn1:hover { border: 1px solid #fff; background: transparent; color: #fff; } .aboutUs-right-sec .ourMission_donateB .donate-btn1:hover svg path { fill: #fff !important; stroke: #fff !important; vertical-align: baseline; } .aboutUs-sec.program-sec .ourMission_donateB .donate-btn1:hover svg path { fill: #447A53 !important; stroke: #447A53 !important; } .aboutUs-right-sec .history_tab { display: flex; gap: 38px; /* flex-wrap: wrap; */ align-items: start; background: #F2F9F4; margin-top: 38px; } .aboutUs-right-sec .history_tab:first-child { margin-top: 0; } .aboutUs-right-sec .history_tab-content { padding: 65px 62px; margin-top: 60px; background: #F2F9F4; } .aboutUs-right-sec .history_tab .history_tab_img { width: 358px; height: 180px; flex-shrink: 0; border-radius: 10px; position: relative; overflow: hidden; transition: all 0.5s ease; cursor: pointer; } .aboutUs-right-sec .history_tab .history_tab_img:hover img { transform: scale(1.1); } .aboutUs-right-sec .history_tab .history_tab_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; } .aboutUs-right-sec .history_tab_txt { max-width: 381px; width: 100%; margin: 0 auto; } .aboutUs-right-sec .history_tab_txt .heading-6 { color: #47A561; font-family: "Gothic A1", serif; font-size: 34px; letter-spacing: 0.68px; text-transform: uppercase; text-align: left; } .aboutUs-right-sec .history_tab_txt .paragraph { font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0.36px; } /* =======Leadership Team========== */ #industry .team_tab_content, #team .team_tab_content { overflow: unset; } .sticky-top { position: sticky !important; top: 80px; background: #fff; } .team_tab_content .nav-tabs { overflow-x: auto; padding: 0; justify-content: flex-start; white-space: nowrap; scrollbar-width: none; gap: 15px; padding: 50px 0 90px; position: relative; border-top: 1px solid #D9D9D9; margin-top: 30px; display: flex; list-style: none; } #industry .team_tab_content .nav-tabs { padding: 50px 0 51px; margin-bottom: 0; } .team_tab_content .nav-tabs a.active { border: 1px solid #E2C85E; color: #E2C85E; position: relative; z-index: 1; } /* .team_tab_content .nav-tabs a.active::before { content: ''; position: absolute; bottom: -9px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%3E%3Cpath%20d%3D%22M5%208L0.669872%200.5L9.33013%200.5L5%208Z%22%20fill%3D%22%23E2C85E%22%2F%3E%3C%2Fsvg%3E) no-repeat center center; background-size: contain; z-index: -1; } */ .team_tab_content .nav-tabs a:hover::before { display: block; } .team_tab_content .nav-tabs a { text-align: center; border: 1px solid #7F8E9D; color: #7F8E9D; font-family: "Gothic A1", serif; font-size: 18px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.18px; position: relative; z-index: 1; padding: 15px 26px; border-radius: 80px; } .team_tab_content .scroll-arrow[style*="display: none"] { opacity: 0; visibility: hidden; } .team_tab_content .scroll-arrow { position: absolute; transition: opacity 0.3s, visibility 0.3s; top: 40%; transform: translateY(-50%); cursor: pointer; z-index: 9; background: unset; border: unset; } .team_tab_content .tab-l-arrow { left: -20px; } .team_tab_content .tab-r-arrow { right: 5px; } .team_tab_content .tab-r-arrow::after { content: ''; position: absolute; top: 0; right: -10px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.70) 0%, #FFF 43.66%); width: 160px; height: 53px; z-index: -1; } .team_tab_content .tab-l-arrow::after { content: ''; position: absolute; top: 0; right: -90px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.70) 0%, #FFF 43.66%); width: 160px; height: 53px; z-index: -1; transform: rotate(180deg); } .team_tab_content .tab-content { padding-left: 0 !important; } .team_tab_content .teamTab_txt_box { background: #E3D9EF; padding: 43px 29px 51px 62px; display: flex; gap: 55px; margin: 51px 5px 117px 0; transition: all 0.4s ease-in; cursor: pointer; } .team_tab_content .teamTab_txt_box:hover { filter: drop-shadow(5px 5px 0px #CBC4D4); } .team_tab_content { overflow: hidden; } .team_tab_content .teamTab_txt_box.teamTab_bg_color1 { background: #F3E9D0; } .team_tab_content .teamTab_txt_box.teamTab_bg_color1:hover { filter: drop-shadow(5px 5px 0px #E8D7AF); } .team_tab_content .teamTab_txt_box.teamTab_bg_color2 { background: #EAF0D9; } .team_tab_content .teamTab_txt_box.teamTab_bg_color2:hover { filter: drop-shadow(5px 5px 0px #CAD2B1); } .team_tab_content .teamTab_txt_box.teamTab_bg_color3 { background: #DBECF0; } .team_tab_content .teamTab_txt_box.teamTab_bg_color3:hover { filter: drop-shadow(5px 5px 0px #CAD8DC); } .team_tab_content .teamTab_txt_box.teamTab_bg_color4 { background: #E1EBF8; } .team_tab_content .teamTab_txt_box.teamTab_bg_color4:hover { filter: drop-shadow(5px 5px 0px #D1DBEA); } .team_tab_content .teamTab_txt_box.teamTab_bg_color5 { background: #F5D0D0; } .team_tab_content .teamTab_txt_box.teamTab_bg_color5:hover { filter: drop-shadow(5px 5px 0px #F1ABAA); } .team_tab_content .teamTab_txt_box.teamTab_bg_color6 { background: #E4E0F4; } .team_tab_content .teamTab_txt_box.teamTab_bg_color6:hover { filter: drop-shadow(5px 5px 0px #DAD5F0); } .team_tab_content .teamTab_txt_box.teamTab_bg_color7 { background: #D5EEEC; } .team_tab_content .teamTab_txt_box.teamTab_bg_color7:hover { filter: drop-shadow(5px 5px 0px #BEDAD8); } .team_tab_content .teamTab_txt_box.teamTab_bg_color8 { background: #F5E3D0; } .team_tab_content .teamTab_txt_box.teamTab_bg_color8:hover { filter: drop-shadow(5px 5px 0px #EAD1BA); } .team_tab_content .teamTab_txt_box.teamTab_bg_color9 { background: #CFE8CA; } .team_tab_content .teamTab_txt_box.teamTab_bg_color9:hover { filter: drop-shadow(5px 5px 0px #B7CFB3); } .team_tab_content .teamTab_txt_box.teamTab_bg_color10 { background: #FCF6DB; } .team_tab_content .teamTab_txt_box.teamTab_bg_color10:hover { filter: drop-shadow(5px 5px 0px #DFD8B6); } .team_tab_content .teamTab_txt_box:last-child { margin-bottom: 0; } .team_tab_content .teamTab_txt_box .teamTab_txt_box_img { width: 260px; height: 320px; border: 1px solid #E7DDF3; position: relative; background-color: #fff; padding: 10px; margin-top: -105px; filter: unset; /* overflow: hidden; */ cursor: pointer; } .team_tab_content .teamTab_txt_box .teamTab_txt_box_img::before { content: ''; position: absolute; left: -43px; bottom: -43px; background: url(../images/about-img/team-watermark.png); width: 102px; height: 102px; z-index: 0; } .team_tab_content .teamTab_txt_box .teamTab_txt_box_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; position: relative; } .team_tab_content .teamTab_txt_box .teamTab_txt_box_img:hover img { transform: scale(1.05); } .team_tab_content .teamTab_txt_box .teamTab_text .paragraph { font-size: 24px; font-weight: 500; line-height: 34px; letter-spacing: 0.24px; max-width: 510px; margin-bottom: 36px; } .team_tab_content .teamTab_txt_box .teamTab_text .chef_name { color: #297C40; font-family: Sacramento; font-size: 28px; font-style: normal; font-weight: 400; line-height: 23px; margin-bottom: 0; } .team_tab_content .teamTab_txt_box .teamTab_text .chef_name_dis { color: #264058; font-family: "Gothic A1", serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 23px; margin-bottom: 0; } .team_tab_content .tab-pane .tabHeading h2 { font-size: 42px !important; } .team_tab_content .tab-pane .tabHeading.mb-5 { margin-bottom: 110px !important; } .aboutUs-right-sec .values_box { background: #F2F5F8; margin-top: 40px; width: 100%; margin: 40px auto 0; } .aboutUs-right-sec .values_box.values_box-bg-color1 { background: #F8E9E9; } .aboutUs-right-sec .values_box.values_box-bg-color2 { background: #FCF4ED; } .aboutUs-right-sec .values_box .values_img { max-width: 374px; width: 100%; height: 100%; position: relative; overflow: hidden; cursor: pointer; } .aboutUs-right-sec .values_box .values_img:hover img { transform: scale(1.1); } .aboutUs-right-sec .values_box .values_img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; } .aboutUs-right-sec .values_box .values_txt { max-width: 398px; margin: 70px auto; width: 100%; } .aboutUs-right-sec .values_box .values_txt .heading-2 { font-size: 42px !important; margin-bottom: 19px; } .aboutUs-right-sec .values_box .values_txt .paragraph { font-size: 28px; font-weight: 500; line-height: 44px; letter-spacing: 0.56px; } .aboutUs-right-sec #industry .tabHeading img { /* width: 100%; */ /* max-width: 442px; */ height: 10px; } .aboutUs-right-sec #industry .tabHeading.mx-651 img { max-width: 651px; } .aboutUs-right-sec #industry .tabHeading.mx-651 { margin-top: 59px; } .aboutUs-right-sec #industry .team_tab a { padding: 15px 25px; } .aboutUs-right-sec .Overview-container { border-radius: 2px 2px 0px 0px; border: 1px solid #E5E2D5; padding: 23px 50px; margin-top: 23px; display: flex; align-items: center; gap: 50px; text-align: left; background-color: #fff; transition: all 0.5s ease; } .aboutUs-right-sec .Overview-container:hover { box-shadow: 6px 7px 15px 0px rgba(0, 0, 0, 0.04); } .aboutUs-right-sec #industry .nav-tabs a.active { border: 1px solid #447A53; color: #447A53; font-weight: 700; } /* .aboutUs-right-sec #industry .team_tab a.active::before{ background: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%228%22%20viewBox%3D%220%200%2010%208%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M5%208L0.669872%200.5L9.33013%200.5L5%208Z%22%20fill%3D%22%23447753%22%2F%3E%3C%2Fsvg%3E'); bottom: -10px; background-repeat: no-repeat; content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; } */ /* .aboutUs-right-sec #industry .team_tab a{ font-weight: 600; font-size: 16px; border-radius: 80px; border: 1px solid #7F8E9D; color: #7F8E9D; text-align: center; font-family: "Gothic A1", serif; font-style: normal; line-height: 32px; letter-spacing: 0.18px; position: relative; z-index: 1; } .aboutUs-right-sec #industry .team_tab li{ list-style: none; } .aboutUs-right-sec #industry .team_tab{ display: flex; border-top: 1px solid #D9D9D9; margin-top: 30px; white-space: nowrap; scrollbar-width: none; gap: 15px; padding: 39px 0 72px; margin-bottom: 0; } */ /* .aboutUs-right-sec #industry .team_tab_content{ } */ .aboutUs-right-sec .Overview-container .heading-6 { color: #7F8E9D; font-family: "TradeGothic LT CondEighteen"; font-size: 22px; font-style: normal; font-weight: 500; line-height: 42px; text-transform: capitalize; text-align: left; margin-bottom: 0; } .aboutUs-right-sec .Overview-container .paragraph { font-size: 20px; font-weight: 600; line-height: normal; letter-spacing: 0.2px; margin-bottom: 0; } .aboutUs-right-sec #industry .values_box .values_img { max-width: 456px; } .aboutUs-right-sec #industry .values_box .values_txt .heading-2 { font-weight: 500; } .aboutUs-right-sec #industry .values_box .values_txt .paragraph { font-size: 20px; line-height: 28px; letter-spacing: 0.4px; } .aboutUs-right-sec #industry .values_box-bg-color { background: #F8F8F8; } .aboutUs-right-sec #industry .values_box-bg-color1 { background: #F9EDED; } .aboutUs-right-sec #industry .values_box-bg-color2 { background: #FFF8F2; } .aboutUs-right-sec #industry .values_box-bg-color3 { background: #F6F4E5; } .aboutUs-right-sec #industry .values_box-bg-color4 { background: #EDFAF1; } .aboutUs-right-sec #industry .values_box-bg-color5 { background: #F8F8FF; } .aboutUs-right-sec #industry .values_box { border-radius: 10px; margin: 30px auto; overflow: hidden; } .aboutUs-right-sec #industry .values_box .values_txt { max-width: 371px; } .aboutUs-right-sec #industry .tabHeading img { max-width: 414px; } .aboutUs-right-sec #industry .tabHeading.mx-414 { margin: 60px 0 20px; } .aboutUs-right-sec #industry .paragraph span { font-style: italic; } /* ===============================programs-pages-start============================= */ .banner-bg.program-banner { min-height: 457px; } .banner-bg.program-banner::after { background: linear-gradient(0deg, #7F8E9D 0%, rgba(0, 30, 59, 0.78) 44.5%, #001E3B 100%); } .banner-bg.program-banner .bannerSec-caption { top: 65%; width: 100%; padding: 0 12px; } .banner-bg .page-breadcrumb { width: 100%; left: 53% !important; } .banner-bg.program-banner .page-breadcrumb { top: 37%; } .bannerSec-caption .paragraph { color: #ffffffcc; text-align: center; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: 0.2px; margin-bottom: 0; max-width: 1048px; margin: 26px auto 0; } /* */ .program-overview-sec { background: #AB476A; padding: 71px 0 0; } .overview-rightSec .heading-6 { color: #FDFEFF; font-family: "Latin CG Elongated"; font-size: 34px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 0.68px; text-transform: uppercase; text-align: left; margin-bottom: 15px; } .overview-rightSec .paragraph { color: #ffffffe0; } .overview-rightSec .apply-button::before { background: rgba(255, 217, 230, 0.50); } .overview-rightSec .apply-button { color: #ffffffe0; font-family: "Cormorant Garamond"; font-size: 18px; font-style: italic; font-weight: 700; line-height: normal; letter-spacing: 0.18px; text-transform: capitalize; margin-top: 20px; } .aboutUs-sec.program-sec { border-top: 0; } .aboutUs-sec.program-sec .tabHeading img { max-width: 544px; } .aboutUs-sec.program-sec .tabHeading .heading-2 { font-size: 42px; letter-spacing: 0.84px; } .aboutUs-sec.program-sec .tabHeading .paragraph { letter-spacing: 0.26px; font-weight: 400; } .training-program-img { overflow: hidden; position: relative; width: 100%; min-height: 440px; margin: 34px 0; cursor: pointer; } .training-program-img:hover img { transform: scale(1.05); } .training-program-img img { width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease; } .training-serialNo { display: flex; gap: 18px; flex-direction: column; align-items: center; } .training-overview-con { margin: 29px 0 75px; } .training-serialNo span { width: 1px; height: 75px; background: #E5DEC0; } .training-serialNo small { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #447A534D; display: flex; align-items: center; justify-content: center; color: #447A53; text-align: center; font-family: "TradeGothic LT CondEighteen"; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; text-transform: capitalize; } .aboutUs-right-sec .training-overview-con .Overview-container { gap: 35px; padding: 20px 36px; position: relative; overflow: hidden; } .aboutUs-right-sec .training-overview-con .Overview-container::after { content: ''; background: url('../images/program-img/program-watermark.png'); height: 84px; width: 94px; position: absolute; background-size: cover; right: 0; top: 0; } .training-applyBtn { display: flex; justify-content: center; align-items: center; margin: 42px 0 64px; } .training-applyBtn .apply-button::before { background-color: #DAE4DD; } .training-applyBtn .apply-button { color: #054416; font-weight: 700; letter-spacing: 0.18px; } .fieldsStudy-con { padding: 40px 0 0px; } .fieldsStudy-con .fieldsStudy-box { padding: 30px; border-radius: 1px; border: 1.5px solid #A7C9B0; min-height: 320px; min-width: 280px; width: 100%; display: flex; flex-direction: column; position: relative; overflow: hidden; z-index: 1; cursor: pointer; } .fieldsStudy-con .fieldsStudy-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/program-img/study-bg-watermark.png'); background-size: cover; background-position: center; opacity: 0; transition: opacity 0.3s ease; z-index: -1; border: 2px solid #447A53; border-width: 0px 2px 0px 2px; } .fieldsStudy-con .fieldsStudy-box:hover::after { opacity: 1; } .fieldsStudy-box .heading-6 { letter-spacing: 0.2px; font-size: 20px; font-weight: 700; text-align: left; margin-bottom: 8px; } .fieldsStudy-box .paragraph { font-size: 18px; font-weight: 500; line-height: normal; } .fieldsStudy-box-img { width: 100px; height: 100px; border-radius: 50%; border: 1px solid #A7C9B0; margin-bottom: 19px; transition: transform 0.3s ease, box-shadow 0.3s ease; background-color: #fff; } .fieldsStudy-box-img img { width: 100%; padding: 20px; height: 100%; object-fit: contain; transition: transform 0.3s ease; } .fieldsStudy-box:hover .fieldsStudy-box-img { transform: rotate(10deg) scale(1.1); box-shadow: 0 4px 15px rgba(167, 201, 176, 0.5); } .fieldsStudy-box:hover .fieldsStudy-box-img img { transform: scale(1.2); } .fieldsStudy-box a, .Overview-txt a { margin-top: auto; margin-left: auto; color: #447A53; font-family: "Cormorant Garamond"; font-size: 18px; font-style: italic; font-weight: 700; line-height: normal; letter-spacing: 0.18px; text-transform: capitalize; position: relative; padding-left: 10px; text-decoration: none; display: inline-block; transition: color 0.3s ease, transform 0.3s ease; } .fieldsStudy-box a::before, .Overview-txt a::before { content: ''; position: absolute; left: -25px; top: 54%; transform: translateY(-50%); width: 26px; height: 1px; background: #447A53; transition: width 0.3s ease; } .Overview-txt a::before{ left: 110%; top: 60%; } /* .fieldsStudy-box a::after { content: ''; position: absolute; top: 54%; left: -30px; transform: translateY(-50%) rotate(45deg); width: 7px; height: 7px; border-right: 2px solid #447A53; border-bottom: 2px solid #447A53; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; } */ .fieldsStudy-box:hover a, .Overview-txt:hover a { color: #2A5738; transform: translateY(-2px); } .Overview-txt a { margin-top: 20px; } .fieldsStudy-box:hover a::before, .Overview-txt:hover a::before { width: 35px; } .fieldsStudy-box:hover a::after { opacity: 1; transform: translateY(-50%) rotate(138deg) translateX(0px); } .fieldsStudy-con .training-applyBtn { margin: 50px 0 0px; } .aboutUs-sec.program-sec .Straining .tabHeading img { max-width: 518px; } .Target-audience-con { background: #FBF2F5; padding: 47px 51px 30px 38px; border-bottom: 1px solid #EFDEE4; margin-top: 31px; } .Target-audience-con.mt-0.pt-4 { border-bottom: unset; } .Target-audience-con .heading-4 { color: #001E3B; font-family: "Gothic A1", serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: 0.69px; text-transform: capitalize; } .Target-audience-con .paragraph { font-size: 25px; font-weight: 400; letter-spacing: 0.25px; line-height: normal; margin-bottom: 0; } .Straining .training-applyBtn { margin: 40px 0 50px; } .Straining .training-overview-con { margin: 60px 0 50px; } .aboutUs-right-sec .Straining .training-overview-con .Overview-container { padding: 23px 48px 23px 57px; gap: 56px; } .aboutUs-right-sec .Straining .training-overview-con .Overview-container::after, .aboutUs-right-sec .Wprogram .training-overview-con .Overview-container::after { display: none; } .Wprogram .training-applyBtn { margin: 42px 0 50px; } .aboutUs-sec.program-sec .Wprogram .tabHeading img { max-width: 451px; height: 10px; } .Wprogram .training-overview-con { margin: 29px 0 50px; } .Wprogram .Target-audience-con { background: #F8FDF9; padding: 50px 29px; border-bottom: 0; margin-top: 0; margin-bottom: 55px; } .Wprogram .Target-audience-con .paragraph { color: #447A53; text-align: center; font-size: 22px; font-style: italic; max-width: 866px; font-weight: 600; } .brand-logo-slider { margin-top: 40px; } .client-logo-img { border-radius: 1px; border: 1.5px solid #BFC7CE; background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); padding: 5px 10px; display: flex; align-items: center; justify-content: center; } .client-logo-img img { width: 100%; height: 80px; object-fit: contain; max-width: 175px; } .brand-logo-slider.owl-carousel .owl-item img { filter: grayscale(1); } .brand-logo-slider.owl-carousel .owl-item img:hover { filter: none } /* Initial state: width is 0, set for transition */ .progress-bar-img { width: 0; height: 10px; transition: width 5s ease; display: block; } .progress-bar-img.loaded { width: 100%; } .Sub-program .training-overview-con { margin: 29px 0 32px; } .Sub-program .ourMission_donateB { margin-top: 0; background: #549E68; gap: 20px; padding: 60px 77px; } .Sub-program .ourMission_donateB .heading-4 { color: #FFF; text-align: center; font-family: "Cormorant Garamond"; font-size: 34px; font-style: italic; font-weight: 700; line-height: normal; letter-spacing: 1.36px; margin-bottom: 0; } .Sub-program .ourMission_donateB .paragraph { font-size: 24px; line-height: 32px; letter-spacing: 0.24px; max-width: 762px; margin-bottom: 20px; } .Sub-program .ourMission_donateB .donate-btn1 { background: #FFFCEF; } .Sub-program .ourMission_donateB .donate-btn1:hover { color: #447A53; background: #fff; } .Sub-program .ourMission_donateB .donate-btn1:hover path { fill: #447A53 !important; stroke: #447A53 !important; } .Sub-program .training-overview-con .Overview-container::after { display: none; } /* ==================================application-sec============================================== */ .aboutUs-sec.application-sec .aboutUs-leftsec_bg::before { display: none; } .banner-bg.application-banner { border-bottom: 3px solid #9dfdb677; min-height: 570px; background: linear-gradient(0deg, #7F8E9D 0%, rgba(0, 30, 59, 0.78) 44.5%, #001E3B 100%); } .aboutUs-sec.application-sec .aboutUs-leftsec_bg { background-color: #faf9f4; border-left: 5px solid #447A53; } .aboutUs-sec.application-sec { background: url(../images/about-img/about-bg.png); width: 100%; height: 100%; background-position: center; background-size: auto; position: relative; border-top: 0; } .aboutUs-sec.application-sec .aboutUs-leftsec { max-width: 100%; } .aboutUs-sec.application-sec .tab-item { border-right: 1px solid #ddd; background-color: #faf9f4; box-shadow: unset; border-right-color: #F2EEDF; line-height: inherit; padding: 16px 20px; } .aboutUs-sec.application-sec .tab-item.active { background: #fff; border-right: 0; } .aboutUs-sec.application-sec .tab-menu { border-right: 0; } .aboutUs-sec.application-sec .aboutUs-leftsec { border-left: 0; top: 82px; } .aboutUs-sec.application-sec .aboutUs-right-sec .tab-content1 { padding: 43px 50px 0; } div.wpforms-container-full { margin-top: 0; background-color: #fff; padding-bottom: 30px; } .application_form_con { margin-top: -439px; } .aboutUs-sec.application-sec .aboutUs-right-sec { height: 100%; } .aboutUs-sec.application-sec .application_email_con { border-radius: 20px 20px 0px 20px; border: 1px solid #6e2a4244; background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, #F5EAEE 100%); padding: 28px 10px; margin: 72px 25px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; border-bottom-color: #F5EAEE; } .aboutUs-sec.application-sec .application_email_con p { color: #7F8E9D; text-align: center; font-family: Roboto; font-size: 13px; font-style: italic; font-weight: 400; line-height: normal; margin-bottom: 0; } .aboutUs-sec.application-sec .application_email_con p span { font-weight: 500; } .aboutUs-sec.application-sec .application_email_con a { color: #447A53; font-family: "Gothic A1", serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 15px; word-break: break-all; text-decoration-line: underline; transition: all 0.1s ease; } .aboutUs-sec.application-sec .application_email_con a:hover { color: #7F8E9D; } .appli_top_heading { text-align: center; max-width: 551px; width: 100%; margin: 0px auto 59px; } .appli_top_heading .heading-2 { font-size: 42px; letter-spacing: 0.84px; margin-bottom: 10px; } .appli_top_heading .paragraph { font-size: 22px; font-weight: 400; line-height: 28px; letter-spacing: 0.44px; margin-bottom: 0; } .wpforms-form .wpforms-field-container .wpforms-field.wpforms-field-content{ padding-top: 0px !important; } .aboutUs-sec.application-sec .aboutUs-right-sec .tabHeading h2{ font-size: 22px !important; font-weight: 700; margin-bottom: 0 !important; letter-spacing: 1.8px !important; text-transform: uppercase !important; line-height: 35px !important; color: rgba(0, 30, 59, 0.80); padding-left: 45px; position: relative; } .aboutUs-sec.application-sec .aboutUs-right-sec .tabHeading h2::before{ content: ''; position: absolute; left: 0; background: url('../images/application-img/personal-info.svg'); width: 100%; height: 100%; top: 0; background-repeat: no-repeat; background-position: left; background-size: auto; } .aboutUs-sec.application-sec .aboutUs-right-sec .tabHeading p{ margin-bottom: 0; width: 100%; } .aboutUs-sec.application-sec .aboutUs-right-sec .tabHeading img{ height: 6px !important; } /* .aboutUs-sec.application-sec #wpforms-13-field_3{ margin-bottom: 43px; } */ .aboutUs-sec.application-sec .progress-bar-img{ width: 0 !important; } .aboutUs-sec.application-sec .progress-bar-img.loaded{ width: 100% !important; } .aboutUs-sec.application-sec .wpforms-field-radio .wpforms-field-label{ color: #001E3B; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.32px; text-transform: capitalize; margin-bottom: 10px; display: inline-block; } .aboutUs-sec.application-sec .wpforms-field-radio{ margin-bottom: 30px; padding: 10px 0 0 !important; } .aboutUs-sec.application-sec .wpforms-field-radio .wpforms-field-label-inline{ color: #7F8E9D; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.14px; text-transform: capitalize; } .aboutUs-sec.application-sec .wpforms-field-radio .wpforms-selected .wpforms-field-label-inline { color: #40566C !important; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li{ margin-right: 29px !important; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li input[type="radio"], div.wpforms-container-full .wpforms-form input[type=radio] { appearance: none; background: #fff; border: 1.5px solid #7F8E9D !important; width: 16px !important; height: 16px !important; vertical-align: text-top; border-radius: 50% !important; position: relative; vertical-align: middle; } div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li input[type="radio"]:checked::before, div.wpforms-container-full .wpforms-form input[type=radio]:checked::before { content: ""; display: block; width: 8px; height: 8px; background: #447A53; border-radius: 50% !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: 1.5px solid #447A53 !important; } .wpforms-field .wpforms-field-required{ height: 40px !important; border-radius: 2px !important; border: 1px solid #BFC7CE !important; max-width: 430px; width: 100% !important; } .wpforms-field label{ color: #40566C !important; font-family: Roboto; font-size: 13px !important; font-style: normal; font-weight: 500 !important; line-height: normal; letter-spacing: 0.13px !important; text-transform: capitalize !important; margin-bottom: 10px !important; } .wpforms-field-date-time label span.date_small_label{ font-size: 11px !important; color: #7F8E9D !important; } .wpforms-field-required::placeholder, div.wpforms-container-full .wpforms-form input::placeholder, .wpforms-field-medium::placeholder{ color: rgba(191, 199, 206, 0.70) !important; font-family: Roboto; font-size: 14px !important; font-style: normal; font-weight: 500; line-height: normal; } #wpforms-13-field_107-container .wpforms-field-row-block.wpforms-one-half, #wpforms-13-field_120-container .wpforms-field-row-block.wpforms-one-half{ margin-left: 25px; } .wpforms-field-date-time.wpforms-13-field_109-align select, .wpforms-field-select.Experience_hospitality_con select, .wpforms-field.wpforms-field-select.custom_select_con select, #wpforms-828-field_143-container select{ width: 136px !important; height: 40px !important; border-radius: 2px !important; border: 1px solid #BFC7CE !important; margin-right: 8px !important; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url('../images/application-img/dropdown-r-arrow.svg') !important; background-repeat: no-repeat !important; background-position: right 10px center !important; background-size: 9px 9px !important; padding-right: 30px !important; font-family: Roboto, sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } .wpforms-field.wpforms-field-select.custom_select_con select, #wpforms-828-field_143-container select{ width: 100% !important; } /* #wpforms-13-field_130-container .wpforms-layout-column.wpforms-layout-column-33{ margin-top: auto; } */ #wpforms-13-field_7-container, .wpforms-datepicker-wrap, #wpforms-718-field_7-container, #wpforms-828-field_7-container { position: relative; } .wpforms-has-error div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50{ margin-top: 0 !important; } #wpforms-13-field_7-container.wpforms-has-error::after{ top: 50%; } #wpforms-13-field_7-container::after, .wpforms-datepicker-wrap::after, #wpforms-718-field_7-container::after, #wpforms-828-field_7-container::after { content: ''; background: url('../images/application-img/location-icon.svg') no-repeat center; background-size: contain; position: absolute; right: 10px; top: 67%; transform: translateY(-50%); width: 16px; height: 16px; pointer-events: none; } .wpforms-datepicker-wrap::after { background: url('../images/application-img/calendar-icon.svg') no-repeat center; top: 50%; } .wpforms-field-row-heading{ margin: 40px 0 20px !important; } div.wpforms-container-full .wpforms-form .wpforms-field-row{ max-width: 100% !important; } /* #wpforms-13-field_14-container #wpforms-13-field_14{ max-width: 100% !important; } */ .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-13-field_14-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-718-field_14-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-828-field_14-container .tabHeading h2::before{ background: url(../images/application-img/suitcase.svg); background-repeat: no-repeat; } .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-13-field_139-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-828-field_139-container .tabHeading h2::before{ background: url(../images/application-img/language-icon.svg); background-repeat: no-repeat; } .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-13-field_77-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-828-field_77-container .tabHeading h2::before{ background: url(../images/application-img/professional-re-icon.svg); background-repeat: no-repeat; } .wpforms-13-field_16-container_align { display: flex; align-items: center; gap: 13px; } .wpforms-field-select.Experience_hospitality_con select{ max-width: 100px !important; padding-left: 10px; } #wpforms-13-field_110-container{ padding: 10px 0 0; } div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium { height: 80px !important; max-width: 100%; } .wpforms-13-heading h3, #wpforms-13-field_114-container h3, .wpforms-13-heding-three, .wpforms-13-heading h4, .repeater-field-header-title{ color: #40566C; font-family: Roboto; font-size: 18px !important; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.18px !important; margin-bottom: 0 !important; } .wpforms-13-heading{ padding: 29px 0 14px !important; } .wpforms-13-heading p, #wpforms-13-field_114-container p{ color: #7F8E9D !important; font-family: Roboto; font-size: 11px !important; font-style: normal; font-weight: 400 !important; line-height: normal; letter-spacing: 0.11px !important; margin-bottom: 0 !important; } .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-13-field_46-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-718-field_46-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-834-field_46-container .tabHeading h2::before{ background: url(../images/application-img/education-icon.svg); background-repeat: no-repeat; } .Add-more-experience-btn{ margin-top: 20px !important; } .Add-more-experience-btn a.wpforms-repeater-field-button-add{ color: #447A53 !important; font-family: Roboto; font-size: 12px !important; font-style: normal; font-weight: 500 !important; line-height: normal; padding: 7px 25px !important; border-radius: 162px !important; border: 1px solid #447A53 !important; transition: all 0.5s ease; background-color: #fff !important; } .Add-more-experience-btn a.wpforms-repeater-field-button-add:hover{ background: #BD9E21 !important; color: #fff !important; border: 1px solid #BD9E21 !important; box-shadow: unset !important; } #wpforms-13-field_112-container{ padding-bottom: 0 !important; } .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-13-field_56-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-718-field_56-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-813-field_56-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-834-field_56-container .tabHeading h2::before{ background: url(../images/application-img/program-interest-icon.svg); background-repeat: no-repeat; } #wpforms-13-field_114-container p{ margin:5px 0 30px !important; } .wpforms-13-ulList ul.wpforms-field-required{ height: auto !important; max-width: 100% !important; } div.wpforms-container-full .wpforms-form label.wpforms-error{ display: none; color: #990000 !important; margin-top: 5px; text-transform: lowercase !important; } div.wpforms-container-full .wpforms-form input[type=checkbox]{ width: 22px; height: 22px; border-radius: 5px !important; border: 1px solid #BFC7CE !important; margin-right: 0px !important; } div.wpforms-container-full .wpforms-13-ulList ul li, #wpforms-813-field_150 li { padding-bottom: 25px !important; display: flex !important; /* gap: 15px; */ } div.wpforms-container-full .wpforms-13-ulList ul li.choice-6, div.wpforms-container-full .wpforms-13-ulList ul li.choice-7{ padding-bottom: 0 !important; } .wpforms-13-ulList li .wpforms-field-label-inline{ color: #40566C !important; font-family: Roboto; font-size: 15px !important; font-style: normal; font-weight: 500 !important; line-height: normal; vertical-align: top !important; } .wpforms-13-ulList li .wpforms-field-label-inline span{ font-weight: 300 !important; } #wpforms-13-field_59-container input{ max-width: 430px !important; } .wpforms-13-heading-four, .wpforms-13-field_115-align .wpforms-field-label, .wpforms-13-field_115-align1 .wpforms-field-label{ margin-top:24px !important; } .wpforms-13-heading-four .wpforms-field-label{ color: #40566C; font-family: Roboto; font-size: 16px !important; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.16px; margin-bottom: 5px !important; } .wpforms-13-heading-four p, .wpforms-13-paragraph{ color: #7F8E9D; font-family: Roboto; font-size: 11px !important; font-style: normal; font-weight: 400 !important; line-height: normal; letter-spacing: 0.11px !important; margin-bottom: 22px !important; } #wpforms-13-field_63-container h4{ margin-bottom: 22px !important; } .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-13-field_66-container .tabHeading h2::before, .aboutUs-sec.application-sec .aboutUs-right-sec #wpforms-718-field_139-container .tabHeading h2::before{ background: url(../images/application-img/language-icon.svg); background-repeat: no-repeat; } #wpforms-13-field_67-container h3{ margin-bottom: 12px !important; } #wpforms-13-field_104 .wpforms-field-label-inline{ vertical-align: text-bottom !important; padding-left: 0px !important; line-height: normal; font-size: 16px !important; } #wpforms-13-field_104 .wpforms-form ul li{ margin-bottom: 0 !important; } #wpforms-13-field_125-container, #wpforms-13-field_118-container{ padding-bottom: 0 !important; } #wpforms-13-field_79{ max-width: 100%; } /* #wpforms-13-field_93-container{ margin-top: 35px !important; } */ div.wpforms-container div.wpforms-uploader{ padding: 14px 37px !important; border-radius: 2px !important; border: 1px dashed rgba(68, 122, 83, 0.60) !important; background: linear-gradient(180deg, #FBFFFC 0%, #FFF 100%) !important; } div.wpforms-container div.wpforms-uploader .modern-title{ color: #40566C; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 500; line-height: normal; } div.wpforms-container div.wpforms-uploader .modern-title a{ color: #447A53 !important; text-decoration-line: underline; } div.wpforms-container div.wpforms-uploader svg{ width: 22px !important; height: 22px !important; } #wpforms-13-field_122-container div.wpforms-uploader .dz-message, #wpforms-718-field_122-container div.wpforms-uploader .dz-message, #wpforms-813-field_123-container div.wpforms-uploader .dz-message, #wpforms-828-field_123-container div.wpforms-uploader .dz-message, #wpforms-834-field_123-container div.wpforms-uploader .dz-message{ flex-direction: row !important; gap: 10px; } #wpforms-13-field_122-container div.wpforms-uploader, #wpforms-718-field_122-container div.wpforms-uploader, #wpforms-813-field_123-container div.wpforms-uploader, #wpforms-828-field_123-container div.wpforms-uploader, #wpforms-834-field_123-container div.wpforms-uploader{ padding: 6px 30px !important; } #wpforms-718-field_156-container{ margin-bottom: 20px !important; } /* #wpforms-13-field_97-container{ margin-top: 20px !important; } */ .wpforms-submit-container{ border-top: 1px solid #F2EEDF !important; margin-top: 60px !important; } .wpforms-submit-container button{ border-radius: 160px !important; background: #BD9E21 !important; max-width: 150px !important; width: 100% !important; height: 48px !important; color: #FCFCFC !important; font-family: "Cormorant Garamond"; font-size: 18px !important; font-style: italic; font-weight: 700 !important; line-height: normal; letter-spacing: 0.18px !important; text-transform: capitalize; display: flex !important; margin: 23px auto 0 !important; align-items: center; gap: 10px; justify-content: center; } .form-section-divider, .wpforms-field-date-time-date-sep, .wpforms-field-repeater_start{ display: none !important; } .wpforms-field-select.Experience_hospitality_con, .wpforms-13-field_109-align, .wpforms-13-field_115-align{ position: relative !important; } .wpforms-field-select.Experience_hospitality_con .wpforms-field-description{ position: absolute; left: 115px; top: 40px; color: #7F8E9D; } .wpforms-13-field_109-align .wpforms-field-description, .wpforms-13-field_115-align .wpforms-field-description{ position: absolute !important; top: 1px; left: 90px; font-size: 11px !important; color: #7F8E9D !important; } .wpforms-13-field_115-align .wpforms-field-description{ top: 45px; left: 0; } .wpforms-13-field_115-align .wpforms-field-label{ margin-bottom: 30px !important; } /* #wpforms-13-field_125-container .wpforms-layout-column.wpforms-layout-column-50{ margin-top: auto !important; } */ #wpforms-718-field_144-container .wpforms-layout-column-50, #wpforms-718-field_125-container .wpforms-layout-column-50{ margin-top: auto !important; } #wpforms-13-field_56-container, #wpforms-13-field_139-container{ margin-bottom: 0 !important; } .dz-message svg { display: none; /* Hide the existing SVG */ position: relative; } .dz-message::before { content: ''; display: block; width: 22px; height: 22px; background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2222%22 height%3D%2222%22 viewBox%3D%220 0 22 22%22 fill%3D%22none%22%3E%3Cpath d%3D%22M19.9998 17.9999V8.49987L15 0.999873C12.5 0.5 8.5 0.499759 6 0.999873C3.88778 1.42241 2.49987 2.66654 1.99981 3.99987V16.4999C1.59981 19.6999 3.49981 21.1665 4.49981 21.4999C6.99981 21.6665 12.8998 21.8999 16.4998 21.4999C20.0998 21.0999 20.3331 18.9999 19.9998 17.9999Z%22 fill%3D%22url(%23paint0_linear_2375_1349)%22/%3E%3Cpath d%3D%22M13.1451 0C14.4003 0 15.5872 0.571532 16.3699 1.55284L19.7248 5.75906C20.3076 6.48972 20.625 7.39662 20.625 8.33123V17.875C20.625 20.1532 18.7782 22 16.5 22H5.5C3.22183 22 1.375 20.1532 1.375 17.875V4.125C1.375 1.84683 3.22183 0 5.5 0H13.1451ZM13.1451 1.375H5.5C4.02724 1.375 2.82488 2.53273 2.75337 3.98775L2.75 4.125V17.875C2.75 19.3478 3.90773 20.5501 5.36275 20.6216L5.5 20.625H16.5C17.9728 20.625 19.1751 19.4673 19.2466 18.0123L19.25 17.875V8.33123C19.25 7.7648 19.0751 7.21363 18.7514 6.75213L18.6499 6.61645L15.295 2.41022C14.8058 1.79691 14.0797 1.42369 13.3014 1.37944L13.1451 1.375ZM13.75 14.7628C14.1297 14.7628 14.4375 15.0706 14.4375 15.4503C14.4375 15.83 14.1297 16.1378 13.75 16.1378H8.25C7.8703 16.1378 7.5625 15.83 7.5625 15.4503C7.5625 15.0706 7.8703 14.7628 8.25 14.7628H13.75ZM11.0579 6.1875C11.22 6.19703 11.3795 6.26376 11.5034 6.38767L14.4202 9.30449C14.6887 9.57297 14.6887 10.0083 14.4202 10.2768C14.1517 10.5452 13.7164 10.5452 13.448 10.2768L11.688 8.51685L11.6875 12.7003C11.6875 13.08 11.3797 13.3878 11 13.3878C10.6203 13.3878 10.3125 13.08 10.3125 12.7003L10.313 8.51685L8.55205 10.2768C8.28356 10.5452 7.84826 10.5452 7.57977 10.2768C7.31129 10.0083 7.31129 9.57297 7.57977 9.30449L10.4966 6.38767C10.6205 6.26376 10.78 6.19703 10.9421 6.1875H11.0579Z%22 fill%3D%22%23447A53%22/%3E%3Cdefs%3E%3ClinearGradient id%3D%22paint0_linear_2375_1349%22 x1%3D%2211.0274%22 y1%3D%220.625%22 x2%3D%2211.0274%22 y2%3D%2221.7207%22 gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop stop-color%3D%22%23FAF7F3%22/%3E%3Cstop offset%3D%221%22 stop-color%3D%22white%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E'); background-repeat: no-repeat; background-size: contain; margin-bottom: 5px; background-position: center; } #wpforms-813-field_104 input, #wpforms-813-field_150 input{ vertical-align: middle !important; } #wpforms-813-field_151-container{ padding-bottom: 0 !important; } #wpforms-813-field_153{ max-width: 100% !important; } #wpforms-813-field_99-container.wpforms-has-error .wpforms-field-description{ display: none !important; } #wpforms-13-field_114-container, #wpforms-718-field_114-container, #wpforms-813-field_114-container, #wpforms-828-field_114-container, #wpforms-834-field_114-container, #wpforms-834-field_161-container{ position: relative; } #wpforms-13-field_114-container label.wpforms-error, #wpforms-718-field_114-container label.wpforms-error, #wpforms-813-field_114-container label.wpforms-error, #wpforms-828-field_114-container label.wpforms-error, #wpforms-834-field_114-container label.wpforms-error { display: inline-block; position: absolute; bottom: 10px; } /* #wpforms-834-field_161-container label.wpforms-error{ display: inline-block; position: absolute; bottom: -35px; } */ #wpforms-828-field_158, #wpforms-834-field_176{ display: flex; gap: 30px; } #wpforms-828-field_158 input, #wpforms-828-field_148 input, #wpforms-828-field_149 input, #wpforms-828-field_150 input, #wpforms-834-field_150 input, #wpforms-834-field_161 input, #wpforms-834-field_176 input, #wpforms-834-field_159 input, #wpforms-828-field_155 input, #wpforms-813-field_150 input, #wpforms-813-field_154 input, #wpforms-813-field_155 input, #wpforms-813-field_156 input{ vertical-align: middle !important; } /* #wpforms-834-field_162-container{ margin-top: 20px !important; } */ .wpforms-13-ulList .wpforms-field-description{ margin: -5px 0 15px !important; } #wpforms-834-field_161-container .wpforms-field-label{ margin-bottom: 20px !important; } #wpforms-834-field_165-container{ margin-bottom: 0 !important; } .page-id-1281 .application_form_con .row.g-3{ justify-content: center !important; } div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{ width: 100%; } #wpforms-form-1230 .wpforms-13-ulList{ position: relative; } #wpforms-form-1230 .wpforms-13-ulList label.wpforms-error{ position:absolute; top: 42px; } #wpforms-1230-field_155-container label.wpforms-error{ top: 60px !important; } #wpforms-828-field_114-container label.wpforms-error, #wpforms-834-field_114-container label.wpforms-error, #wpforms-13-field_114-container label.wpforms-error, #wpforms-718-field_114-container label.wpforms-error, #wpforms-813-field_114-container label.wpforms-error{ bottom: -16px; } div.wpforms-container-full .wpforms-13-ulList ul#wpforms-828-field_149 li{ padding-bottom: 0 !important; } div.wpforms-container-full .wpforms-form .wpforms-submit-spinner { margin-left: 0.5em; display: inline-block; vertical-align: middle; max-width: 45px; position: absolute; left: 63%; transform: translateX(-50%); bottom: 8px; fill: bisque !important; stroke: #316c41 !important; } #wpforms-13-field_126 .wpforms-13-heading, #wpforms-718-field_149 .wpforms-13-heading, #wpforms-718-field_145 .wpforms-13-heading, #wpforms-718-field_126 .wpforms-13-heading, #wpforms-718-field_155 .wpforms-13-heading, #wpforms-718-field_159 .wpforms-13-heading{ padding: 0 !important; } #wpforms-718-field_97 .wpforms-13-heading{ padding: 0px 0 14px !important; } /* #wpforms-718-field_148-container .wpforms-layout-column-50, #wpforms-718-field_154-container .wpforms-layout-column-50{ margin-top: 0 !important; } */ div.wpforms-container-full .wpforms-form .wpforms-field { padding: 8px 0 !important; } #wpforms-718-field_116-container{ margin-top: 15px !important; } #wpforms-813-field_150-container .wpforms-field-label, #wpforms-834-field_159-container .wpforms-field-label, #wpforms-834-field_162-container, #wpforms-834-field_168-container, #wpforms-834-field_174-container, #wpforms-834-field_169-container{ margin-bottom: 20px !important; } #wpforms-813-field_154 .wpforms-field-label-inline, #wpforms-813-field_155 .wpforms-field-label-inline, #wpforms-813-field_156 .wpforms-field-label-inline{ padding-left: 15px !important; } #wpforms-813-field_154-container, #wpforms-813-field_158-container, #wpforms-813-field_155-container, #wpforms-813-field_159-container, #wpforms-828-field_146-container, #wpforms-828-field_145-container, #wpforms-828-field_153-container, #wpforms-828-field_154-container, #wpforms-828-field_158-container, #wpforms-1230-field_157-container{ margin-top: 15px !important; } #wpforms-834-field_162-container input.wpforms-field-medium, #wpforms-834-field_164-container input.wpforms-field-medium, #wpforms-834-field_169-container input.wpforms-field-medium, #wpforms-834-field_174-container input.wpforms-field-medium, #wpforms-828-field_17-container input.wpforms-field-small{ max-width: 100% !important; } #wpforms-813-field_77-container, #wpforms-834-field_171-container, #wpforms-834-field_172-container, #wpforms-828-field_139-container, #wpforms-828-field_77-container, #wpforms-718-field_37-container{ margin-bottom: 0 !important; } #wpforms-813-field_77 .wpforms-13-heading { padding: 15px 0 14px !important; } .banner-bg.application-banner .page-breadcrumb{ top: 30%; } .contactFrom div.wpforms-container-full .wpforms-form .wpforms-field{ padding: 12px 0 !important; } div.wpforms-container-full .wpforms-form .wpforms-field-label-inline{ padding-left: 15px !important; } div.wpforms-container-full .wpforms-form #wpforms-834-field_171-container .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-718-field_102 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-13-field_102 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-828-field_102 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-718-field_150 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-718-field_146 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-718-field_104 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-718-field_156 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-718-field_160 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-813-field_104 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-834-field_165 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-834-field_172 .wpforms-field-label-inline, div.wpforms-container-full .wpforms-form #wpforms-834-field_176 .wpforms-field-label-inline{ padding-left: 0 !important; } #wpforms-423-field_8, #wpforms-423-field_8-cardname, #wpforms-547-field_2, #wpforms-547-field_2-cardname{ max-width: 100% !important; } #wpforms-423-field_8-cardname, #wpforms-547-field_2-cardname{ margin-top: 20px; } #wpforms-718-field_135-container, #wpforms-718-field_138-container{ margin-top: 0 !important; }