:root { --navyblue: #002857; --black: #000000; --white: #ffffff; --green: #76BC97; --darkgray: #513E3E; --gold: #D3A985; --Light-Teal: #E3EBF2; --sky: #739ABC; } @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-BoldItalic.eot');src: url('../fonts/HostGrotesk-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-BoldItalic.woff2') format('woff2'),url('../fonts/HostGrotesk-BoldItalic.woff') format('woff'),url('../fonts/HostGrotesk-BoldItalic.ttf') format('truetype'),url('../fonts/HostGrotesk-BoldItalic.svg#HostGrotesk-BoldItalic') format('svg');font-weight: bold;font-style: italic;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-Bold.eot');src: url('../fonts/HostGrotesk-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-Bold.woff2') format('woff2'),url('../fonts/HostGrotesk-Bold.woff') format('woff'),url('../fonts/HostGrotesk-Bold.ttf') format('truetype'),url('../fonts/HostGrotesk-Bold.svg#HostGrotesk-Bold') format('svg');font-weight: bold;font-style: normal;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-ExtraBold.eot');src: url('../fonts/HostGrotesk-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-ExtraBold.woff2') format('woff2'),url('../fonts/HostGrotesk-ExtraBold.woff') format('woff'),url('../fonts/HostGrotesk-ExtraBold.ttf') format('truetype'),url('../fonts/HostGrotesk-ExtraBold.svg#HostGrotesk-ExtraBold') format('svg');font-weight: bold;font-style: normal;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-SemiBold.eot');src: url('../fonts/HostGrotesk-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-SemiBold.woff2') format('woff2'),url('../fonts/HostGrotesk-SemiBold.woff') format('woff'),url('../fonts/HostGrotesk-SemiBold.ttf') format('truetype'),url('../fonts/HostGrotesk-SemiBold.svg#HostGrotesk-SemiBold') format('svg');font-weight: 600;font-style: normal;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-Medium.eot');src: url('../fonts/HostGrotesk-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-Medium.woff2') format('woff2'),url('../fonts/HostGrotesk-Medium.woff') format('woff'),url('../fonts/HostGrotesk-Medium.ttf') format('truetype'),url('../fonts/HostGrotesk-Medium.svg#HostGrotesk-Medium') format('svg');font-weight: 500;font-style: normal;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-ExtraBoldItalic.eot');src: url('../fonts/HostGrotesk-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-ExtraBoldItalic.woff2') format('woff2'),url('../fonts/HostGrotesk-ExtraBoldItalic.woff') format('woff'),url('../fonts/HostGrotesk-ExtraBoldItalic.ttf') format('truetype'),url('../fonts/HostGrotesk-ExtraBoldItalic.svg#HostGrotesk-ExtraBoldItalic') format('svg');font-weight: bold;font-style: italic;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-Italic.eot');src: url('../fonts/HostGrotesk-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-Italic.woff2') format('woff2'),url('../fonts/HostGrotesk-Italic.woff') format('woff'),url('../fonts/HostGrotesk-Italic.ttf') format('truetype'),url('../fonts/HostGrotesk-Italic.svg#HostGrotesk-Italic') format('svg');font-weight: normal;font-style: italic;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-LightItalic.eot');src: url('../fonts/HostGrotesk-LightItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-LightItalic.woff2') format('woff2'),url('../fonts/HostGrotesk-LightItalic.woff') format('woff'),url('../fonts/HostGrotesk-LightItalic.ttf') format('truetype'),url('../fonts/HostGrotesk-LightItalic.svg#HostGrotesk-LightItalic') format('svg');font-weight: 300;font-style: italic;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-Regular.eot');src: url('../fonts/HostGrotesk-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-Regular.woff2') format('woff2'),url('../fonts/HostGrotesk-Regular.woff') format('woff'),url('../fonts/HostGrotesk-Regular.ttf') format('truetype'),url('../fonts/HostGrotesk-Regular.svg#HostGrotesk-Regular') format('svg');font-weight: normal;font-style: normal;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-SemiBoldItalic.eot');src: url('../fonts/HostGrotesk-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-SemiBoldItalic.woff2') format('woff2'),url('../fonts/HostGrotesk-SemiBoldItalic.woff') format('woff'),url('../fonts/HostGrotesk-SemiBoldItalic.ttf') format('truetype'),url('../fonts/HostGrotesk-SemiBoldItalic.svg#HostGrotesk-SemiBoldItalic') format('svg');font-weight: 600;font-style: italic;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-MediumItalic.eot');src: url('../fonts/HostGrotesk-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-MediumItalic.woff2') format('woff2'),url('../fonts/HostGrotesk-MediumItalic.woff') format('woff'),url('../fonts/HostGrotesk-MediumItalic.ttf') format('truetype'),url('../fonts/HostGrotesk-MediumItalic.svg#HostGrotesk-MediumItalic') format('svg');font-weight: 500;font-style: italic;font-display: swap;} @font-face {font-family: 'Host Grotesk';src: url('../fonts/HostGrotesk-Light.eot');src: url('../fonts/HostGrotesk-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/HostGrotesk-Light.woff2') format('woff2'),url('../fonts/HostGrotesk-Light.woff') format('woff'),url('../fonts/HostGrotesk-Light.ttf') format('truetype'),url('../fonts/HostGrotesk-Light.svg#HostGrotesk-Light') format('svg');font-weight: 300;font-style: normal;font-display: swap;} html{overflow-x: hidden; scroll-behavior: auto!important;font-family: 'Host Grotesk';} body{ overflow: hidden;font-family: 'Host Grotesk';color: var(--darkgray);margin:0;padding:0;font-size:18px;line-height: 1.45;font-weight:300;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--white);} h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom:20px;font-family: 'Host Grotesk';} .big-h1{font-size: 100px;line-height: 118.25%;font-weight: 700;} h1, .h1 {font-size: 82px;line-height: 1.15;font-weight: 700;background: linear-gradient(102deg, #002857 17.92%, #76BC97 92.9%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 160% auto;animation: textShine 1s ease-in-out infinite alternate;} h2,.h2{font-size: 62px;line-height: 1.15;font-weight: 700;color: var(--navyblue);} h3,.h3{font-size: 52px;line-height: 1.15;font-weight: 400;color: var(--navyblue);} h4,.h4{font-size: 28px;font-weight: 700; line-height: 1.15;color: var(--navyblue);} h5,.h5{font-size: 16px;letter-spacing: 0.48px; text-transform: uppercase;font-weight: 300;color: var(--gold);line-height: 1.15;} h6,.h6{font-size: 16px;font-weight: 700;line-height: 1.15;color: var(--navyblue);} p{margin-bottom: 30px;font-size: 18px;font-family: 'Host Grotesk';} p:nth-last-child(1){margin-bottom: 0} ul,ol{margin-bottom: 30px;} ul li, ol li{font-size: 18px;font-family: 'Host Grotesk';} .color-blue{ color: var(--navyblue);} .cursor-pointer{cursor: pointer;} h1 span{font-weight: 300;} h2 span{font-weight: 300;} h3 span{font-weight: 300;} h4 span{font-weight: 300;} @keyframes textShine { 0% { background-position: 10% 50%; } 100% { background-position: 100% 50%; } } /*plaecholder*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #000;opacity: 1} input::-moz-placeholder, textarea::-moz-placeholder{color: #000;opacity: 1} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #000;opacity: 1} input::-ms-input-placeholder, textarea::-ms-input-placeholder{color: #000;opacity: 1} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #000;opacity: 1} input::-moz-placeholder, textarea::-moz-placeholder{color: #000;opacity: 1} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #000;opacity: 1} input::-ms-input-placeholder, textarea::-ms-input-placeholder{color: #000;opacity: 1} input::placeholder, textarea::placeholder{color: #000;opacity: 1} :focus{ outline: 0;} a{color: #000;background-color: transparent;display: inline-block;text-decoration: none;} a:hover{text-decoration: none;color: #D7D2CB;} a:visited,a:focus, a:active {text-decoration: none;outline: 0;} .container{max-width: 1920px; padding-left: 190px; padding-right: 95px;} .container.full{max-width: 100%;padding-left: 115px; padding-right: 115px;} .fw-medium{font-weight: 500!important} .fw-semibold{font-weight: 600!important} .fw-black{font-weight: 900!important} .btn.focus, .btn:focus{-webkit-box-shadow: none;box-shadow: none;} b, strong {font-weight: bold;} .slick-slide{outline: 0;overflow: hidden;} .slick-arrow{background-color: transparent;position:absolute;bottom: 0;border:0;font-size:0;width:54px;height:54px;cursor:pointer;z-index:1;outline:0 !important; background-repeat: no-repeat; background-position: center;} .slick-prev { background-image: url(../images/round-arrow-left.svg); } .slick-next{ background-image: url(../images/round-arrow-right.svg); margin-left: 62px; } .slick-arrow.slick-prev:hover{ background-image: url(../images/round-arrow-left-hover.svg); } .slick-arrow.slick-next:hover{ background-image: url(../images/round-arrow-right-hover.svg); } .slick-dots{width:100%;list-style:none;text-align:center;position:relative;line-height:0;padding-left: 0;} .slick-dots li { position: relative; display: inline-block; cursor: pointer; list-style: none; height: 2px; width: 15px; padding: 0; margin: 3px; background-color: var(--Light-Teal); } .slick-dots li button {display: none;} .slick-dots li:hover,.slick-dots li.slick-active{background-color: var(--navyblue);} .drawer-open{overflow: hidden;} .full-width{max-width: 100%;width: 100%;} /* main{padding-top: 118px;} */ img{max-width: 100%;width: auto;} .img-wrapper {position: relative;padding-top: 100%;} .img-wrapper img {position: absolute;top: 0;height: 100%;width: 100%;-o-object-fit: cover;object-fit: cover;left: 0;} .section-padding{padding-top: 90px;padding-bottom: 90px;} .section-margin{margin-top: 100px;margin-bottom: 100px;} .mobile{display: none !important;} .overlay {position: relative;z-index: 1;} .overlay:before {content: "";position: absolute;top: 0;height: 100%;width: 100%;opacity: 61%;background-color: var(--black);left: 0;z-index: -1;} .print-main{display: none;} .aos-animate[data-aos="split-center-to-left-right"]::before { animation: splitCenterToLeftTransition 1.5s ease-in-out forwards; } .aos-animate[data-aos="split-center-to-left-right"]::after { animation: splitCenterToRightTransition 1.5s ease-in-out forwards; } @keyframes splitCenterToLeftTransition { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes splitCenterToRightTransition { 0% { transform: translateX(0); } 100% { transform: translateX(100%); } } /*button css*/ .btn{ color: var(--navyblue); font-size: 14px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-radius: 37px; border: 0; backdrop-filter: blur(6px); letter-spacing: 2.94px; text-transform: uppercase; font-family: 'Host Grotesk'; background: linear-gradient(99.63deg, var(--Light-Teal) 0%, var(--green) 57.26%); z-index: 1; overflow: hidden; position: relative; text-align: left; min-width: 254px; padding: 15px 60px 15px 30px; min-height: 74px; display: inline-flex; align-items: center; } .btn::before { content: ""; position: absolute; left: 1px; top: 1px; height: calc(100% - 2px); width: calc(100% - 2px); z-index: -1; background-color: #f9fbfc; background-image: url(../images/Arrow.svg); background-repeat: no-repeat; background-position: 88% 50%; border-radius: 50px; background-size: 10px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn:hover{ background: linear-gradient(99.63deg, var(--green) 0%, var(--Light-Teal) 57.26%); color: var(--white); padding-left: 72px; padding-right: 30px; } .btn:hover::before{ background-color: var(--navyblue); background-image: url(../images/Arrow-wihte.svg); background-position: 34px 50%; } .btn.btn-transparent{ background: rgba(227, 235, 242, 0.20); position: relative; z-index: 0; color: var(--white); backdrop-filter: blur(6px); } .btn.btn-transparent::after{ content: ''; position: absolute; inset: 0; border-radius: 50px; padding: 1px; background: linear-gradient(99.63deg, #E3EBF2 0%, #76BC97 57.26%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; z-index: -1; pointer-events: none; } .btn.btn-transparent:hover::after{ background: linear-gradient(99.63deg, #76BC97 0%, #E3EBF2 57.26%); } .btn.btn-transparent::before{ background-color: transparent; background-image: url(../images/Arrow-wihte.svg); } .btn.btn-transparent:hover::before{ background-color: transparent; } .btn.btn-transparent:hover{ background-color: var(--navyblue); } .btn-secondary,.form-section .fui-submit{ color: var(--navyblue); background-color: transparent; border: 0; font-size: 14px; padding: 0 40px 0 0; font-weight: 500; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; letter-spacing: 2.94px; text-transform: uppercase; border-radius: 0; font-family: 'Host Grotesk'; } .btn-secondary:before,.form-section .fui-submit:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; right: 0; top: 5px; z-index: -1; background-image: url(../images/Arrow.svg); background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .btn-secondary:hover,.form-section .fui-submit:hover, .common-content-section a.btn-secondary:hover{ background-color: transparent; color: var(--navyblue); padding: 0 0 0 40px; } .btn-secondary:hover:before,.form-section .fui-submit:hover:before{ right: 94%; } .btn-secondary.btn-white{ color: var(--white); } .btn-secondary.btn-white::before{ filter: brightness(0) invert(1); } .btn-secondary.btn-white:hover{ color: var(--white); } .video-wrapper { padding-top: 56.75%; position: relative; } .video-wrapper iframe{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } /* loeader css */ .preloader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; color: var(--white); background: var(--white); } .preloader.is-top { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .preloader.show { -webkit-transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1); transition: -webkit-transform .6s cubic-bezier(.77,0,.175,1); -o-transition: transform .6s cubic-bezier(.77,0,.175,1); transition: transform .6s cubic-bezier(.77,0,.175,1); transition: transform .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1); } .preloader .img-c { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 2; } .preloader .img-c .img{ opacity: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .preloader .img-c .img { max-width: 650px; } .preloader.show .img-c .img { opacity: 1; -webkit-transition: opacity 1s ease-in-out,-webkit-transform 1s cubic-bezier(0,1,.75,1); transition: opacity 1s ease-in-out,-webkit-transform 1s cubic-bezier(0,1,.75,1); -o-transition: opacity 1s ease-in-out,transform 1s cubic-bezier(0,1,.75,1); transition: opacity 1s ease-in-out,transform 1s cubic-bezier(0,1,.75,1); transition: opacity 1s ease-in-out,transform 1s cubic-bezier(0,1,.75,1),-webkit-transform 1s cubic-bezier(0,1,.75,1); -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } /* .preloader::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-radial-gradient(53.76% 53.76% at 50% 46.24%,#012749 52.08%,#061727 100%); background: -o-radial-gradient(53.76% 53.76% at 50% 46.24%,#012749 52.08%,#061727 100%); background: radial-gradient(53.76% 53.76% at 50% 46.24%,#012749 52.08%,#061727 100%); } .preloader.show::after{ opacity: 1; -webkit-transition: opacity 1s ease-in-out,-webkit-transform 1s cubic-bezier(0,1,.75,1); transition: opacity 1s ease-in-out,-webkit-transform 1s cubic-bezier(0,1,.75,1); -o-transition: opacity 1s ease-in-out,transform 1s cubic-bezier(0,1,.75,1); transition: opacity 1s ease-in-out,transform 1s cubic-bezier(0,1,.75,1); transition: opacity 1s ease-in-out,transform 1s cubic-bezier(0,1,.75,1),-webkit-transform 1s cubic-bezier(0,1,.75,1) } */ /* loader css end */ /* line shape css start */ .line-block { position: absolute; left: 0; bottom: 0; z-index: -1; } .line-block svg{ width: 100%; height: 100%; } .line-block.aos-animate, .navigation-dropdown.is-active .line-block{ opacity: 1; } .line-block path{ opacity: 0; } .line-block.aos-animate path, .navigation-dropdown.is-active path { animation: drawLine 10s ease forwards; animation-delay: 1s; } @keyframes drawLine { 0% { stroke-dasharray: 10000; stroke-dashoffset: 10000; opacity: 1; } 100%{ stroke-dashoffset: 0; opacity: 1; } } /* line shape css end */ /*header css*/ .site-header{ position: absolute; z-index: 4; left: 0; width: 100%; padding-top: 30px; } .site-header.header-center{ padding: 40px 0 0; top: 49px; } .site-header .container{ padding-left: 115px; max-width: 100%; } .site-header.header-center .header-logo { text-align: center; } .site-header:not(.header-center) .header-logo img { max-width: 165px; } .menu-icon { cursor: pointer; position: relative; padding: 50px 5px 25px 5px; z-index: 2; } .menu-icon .line { height: 32px; width: 2px; background-color: #ecf0f1; display: inline-block; margin: 0 2px; position: relative; vertical-align: top; transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; } .menu-icon .icon:hover .line{ background-color: var(--gold); } .menu-icon .line.small { height: 21px; } .menu-icon.active .line.small{ width: 0; } .menu-icon.active .line:nth-child(1){ transform: rotate(-45deg); transform-origin: 2px 3px; } .menu-icon.active .line:nth-child(2){ transform: rotate(45deg); transform-origin: 3px 12px; } .site-header .full-width{ padding: 0 75px; } .search-icon:hover path, .hub:hover path{ fill: var(--gold); } /* Mennu CSS */ .navigation-close { position: absolute; right: 40px; top: 40px; z-index: 4; opacity: 0; visibility: hidden; pointer-events: none; height: 25px; width: 25px; cursor: pointer; } .navigation-close:hover .st0{ stroke: #A51140 !important; } .navigation-dropdown.is-active .navigation-close { opacity: 1; visibility: visible; pointer-events: all; -webkit-transition: all 0.2s ease 0.7s; -o-transition: all 0.2s ease 0.7s; transition: all 0.2s ease 0.7s; } .navigation-dropdown { position: fixed; left: 0; top: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: visibility 1.1s cubic-bezier(.19, .44, .22, 1); -o-transition: visibility 1.1s cubic-bezier(.19, .44, .22, 1); transition: visibility 1.1s cubic-bezier(.19, .44, .22, 1); height: 100vh; height: calc((var(--vh, 1vh) * 100)); visibility: hidden; pointer-events: none; overflow: hidden; z-index: 8; } .navigation-dropdown.is-active { pointer-events: all; visibility: visible; /* transition: visibility 1.5s cubic-bezier(.19,.44,.22,1); */ } .drawer-open .sidebar-header { left: auto; right: 0; } .navigation-wrapper { width: 100%; height: 100%; } .navigation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: calc((var(--vh, 1vh)* 100) - 235px); overflow: hidden; } .site-navbox { width: 58%; position: relative; height: 100%; padding: 130px 30px 93px 122px; } .navigation-col.right { width: 42%; position: relative; } .navigation-dropdown-bg{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 0; transition: all 1.5s; } .navigation-dropdown.is-active .navigation-dropdown-bg{ height: 100%; } .site-navbox:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-color: var(--navyblue); -webkit-transition: -webkit-transform 1s cubic-bezier(.77, 0, .175, 1) 0s; transition: -webkit-transform 1s cubic-bezier(.77, 0, .175, 1) 0s; -o-transition: transform 1s cubic-bezier(.77, 0, .175, 1) 0s; transition: transform 1s cubic-bezier(.77, 0, .175, 1) 0s; transition: transform 1s cubic-bezier(.77, 0, .175, 1) 0s, -webkit-transform 1s cubic-bezier(.77, 0, .175, 1) 0s; -webkit-transform: scaleY(0) translateZ(0); transform: scaleY(0) translateZ(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .is-active .site-navbox:before{ -webkit-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); -webkit-transition: -webkit-transform 1s cubic-bezier(.77, 0, .175, 1) 0s; transition: -webkit-transform 1s cubic-bezier(.77, 0, .175, 1) 0s; -o-transition: transform 1s cubic-bezier(.77, 0, .175, 1) 0s; transition: transform 1s cubic-bezier(.77, 0, .175, 1) 0s; transition: transform 1s cubic-bezier(.77, 0, .175, 1) 0s, -webkit-transform 1s cubic-bezier(.77, 0, .175, 1) 0s; } .navigation-content-wrap { position: relative; z-index: 2; width: 100%; overflow-y: auto; height: 100%; } .nav-link-div { position: relative; margin: 0; width: 50%; } /* .nav-link-div:after { position: absolute; top: 12px; height: calc(100% - 24px); width: 1px; background-color: #8DD8F7; content: ""; right: 0; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.2s ease 0.1s; -o-transition: all 0.2s ease 0.1s; transition: all 0.2s ease 0.1s; } */ .navigation-dropdown.is-active .nav-link-div:after { opacity: 1; visibility: visible; pointer-events: all; -webkit-transition: all 0.2s ease 0.7s; -o-transition: all 0.2s ease 0.7s; transition: all 0.2s ease 0.7s; } .nav-link-div ul { z-index: 2; padding: 0; margin: 0; } .nav-link-div ul>li { list-style: none; margin-bottom: 15px; display:flex; align-items:center; } .nav-link-div ul>li:last-child { margin-bottom: 0px; } .nav-link-div ul>li>a { color: var(--white); font-size: 32px; font-weight: 700; display: block; position: relative; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; overflow: hidden; line-height: normal; letter-spacing: 2.24px; text-transform: uppercase; } .nav-link-div li a:focus { outline: 0; } .nav-link-div ul>li>a:hover { text-decoration: none; } .navigation-dropdown .nav-link-div > ul:hover > li > a { color: rgba(255, 255, 255, 0.5); } .navigation-dropdown .nav-link-div > ul > li.active > a, .navigation-dropdown .nav-link-div > ul > li > a:hover { color: var(--white); } .drop-down ul { position: absolute; left: 100%; top: 10px; list-style: none; width: 100%; height: 100%; margin: 0px; padding-left:60px; opacity: 0; visibility: hidden; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .drop-down ul li { position: relative; margin-bottom: 0; padding-bottom: 20px; } .drop-down ul a, .drop-down ul li { -webkit-transition: inherit !important; -o-transition: inherit !important; transition: inherit !important; } .drop-down ul li a { padding-left: 0; padding-right: 0; line-height: 1.2; text-transform: inherit; color: var(--white); font-size: 24px; font-weight: 400; line-height: 133.379%; letter-spacing: 0.84px; } .drop-down ul li a:hover, .drop-down ul li.active-li a { color: rgba(255, 255, 255, 0.5); border-left: none; padding-left: 0; } .drop-down ul li:hover>a:after { display: none; } .drop-down ul li:hover>a:before { display: none; } .drop-down ul li:first-child { margin-top: 0; } .nav-link-div ul>.drop-down .drop-down ul>li>a { color: var(--white); } .nav-link-div ul>.drop-down .drop-down ul>li:hover>a, .nav-link-div ul>.drop-down .drop-down ul>li.active-li>a { color: #8DD8F7; } .nav-link-div ul>.drop-down .drop-down { position: relative; margin-bottom: 25px; } .nav-link-div ul>.drop-down .drop-down ul { position: relative; left: 0; display: none !important; top: 0; padding: 25px 0 5px 30px; list-style: none; width: 100%; height: auto; margin: 0; opacity: 0; visibility: hidden; background: transparent; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .drop-down .drop-down ul li a { color: #c9c6c6; } .drop-down .drop-down ul li.active-li>a { color: var(--white); } .drop-down.opened>ul /*.drop-down.active>ul */{ visibility: visible; opacity: 1; } .nav-link-div ul>.drop-down .drop-down:hover>a:after { display: inline-block; background: url(../images/dropdown-arrow2.png) no-repeat; height: 16px; width: 9px; } .nav-link-div ul>.drop-down .drop-down.opened>ul { visibility: visible; opacity: 1; display: block !important; } .nav-link-div ul>.drop-down .drop-down>.sub-menu>li.active-li>a:after { /* display: none;*/ } .drop-down ul ul.sub-sub-menu { left: 0; max-width: 100%; position: relative; padding-left: 30px; padding-bottom: 5px; display: none; top: 0; height: auto; margin: 0; opacity: 0; visibility: hidden; background: transparent; -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } .nav-link-div ul>li>a>span { display: inline-block; -webkit-transform: translateY(105%) translateZ(0); transform: translateY(105%) translateZ(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; } .is-active .nav-link-div ul>li:first-child>a>span { -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .8s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .8s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) .8s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .8s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .8s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .8s; } .is-active .nav-link-div ul>li:nth-child(2)>a>span{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .9s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .9s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) .9s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .9s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .9s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .9s; } .is-active .nav-link-div ul>li:nth-child(3)>a>span { -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1s; } .is-active .nav-link-div ul>li:nth-child(4)>a>span{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.1s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.1s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.1s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.1s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.1s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.1s; } .is-active .nav-link-div ul>li:nth-child(5)>a>span{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.2s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.2s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.2s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.2s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.2s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.2s; } .is-active .nav-link-div ul>li:nth-child(6)>a>span { -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.3s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.3s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.3s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.3s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.3s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.3s; } .is-active .nav-link-div ul>li:nth-child(7)>a>span{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.4s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.4s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.4s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.4s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.4s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.4s; } .is-active .nav-link-div ul>li:nth-child(8)>a>span{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.5s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.5s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.5s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.5s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.5s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.5s; } .is-active .nav-link-div ul>li:nth-child(9)>a>span{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.6s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.6s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.6s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.6s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.6s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.6s; } .is-active .nav-link-div ul>li:nth-child(10)>a>span{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.7s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.7s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.7s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.7s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) 1.7s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) 1.7s; } .is-active .nav-link-div ul>li>a>span { -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .nav-quicklink-boxdiv { display: block; width: 100%; height: 100%; position: relative; padding: 32px 95px 30px 20px; } .nav-quicklink-boxdiv:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; -webkit-transform: scaleY(0) translateZ(0); transform: scaleY(0) translateZ(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: -webkit-transform 1.2s cubic-bezier(.77, 0, .175, 1) .1s; transition: -webkit-transform 1.2s cubic-bezier(.77, 0, .175, 1) .1s; -o-transition: transform 1.2s cubic-bezier(.77, 0, .175, 1) .1s; transition: transform 1.2s cubic-bezier(.77, 0, .175, 1) .1s; transition: transform 1.2s cubic-bezier(.77, 0, .175, 1) .1s, -webkit-transform 1.2s cubic-bezier(.77, 0, .175, 1) .1s; background-color: var(--sky); } .is-active .nav-quicklink-boxdiv:before { -webkit-transform: scaleY(1) translateZ(0); transform: scaleY(1) translateZ(0); } .quicklink-innerdiv { position: relative; z-index: 1; width: 44%; margin-left: auto; } .nav-quicklink-list{ overflow-y: auto; height: calc(100% - 120px); } .nav-quicklink-title{ position: relative; overflow: hidden; margin-bottom: 30px; } .nav-quicklink-title span { display: block; font-size: 24px; font-weight: 400; line-height: 133.379%; letter-spacing: 0.84px; -webkit-transform: translateY(105%) translateZ(0); transform: translateY(105%) translateZ(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; } .is-active .nav-quicklink-title span { -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .7s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .7s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) .7s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .7s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .7s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .7s; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .nav-quicklink-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-quicklink-list ul li { margin: 12px 0; overflow: hidden; padding: 0 10px; position: relative; text-align: center; display: block; width: 18%; } .nav-quicklink-list ul li a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; font-weight: 400; letter-spacing: 0.56px; color: var(--white); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .nav-quicklink-list ul li a:hover{ color: var(--navyblue); } .nav-quicklink-list ul li a svg { min-height: 35px; vertical-align: top; } .nav-quicklink-list ul li a span{ display: block; margin-top: 10px; min-height: 45px; } .nav-quicklink-list ul li a:hover img{ filter: brightness(0) saturate(100%) invert(11%) sepia(76%) saturate(2210%) hue-rotate(199deg) brightness(94%) contrast(102%); } .nav-quicklink-list ul li div { -webkit-transform: translateY(102%) translateZ(0); transform: translateY(102%) translateZ(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; position: relative; } .is-active .nav-quicklink-list ul li:first-child div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) .8s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) .8s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) .8s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) .8s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) .8s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) .8s; } .is-active .nav-quicklink-list ul li:nth-child(2) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) .9s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) .9s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) .9s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) .9s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) .9s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) .9s; } .is-active .nav-quicklink-list ul li:nth-child(3) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1s; } .is-active .nav-quicklink-list ul li:nth-child(4) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.1s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.1s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.1s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.1s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.1s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.1s; } .is-active .nav-quicklink-list ul li:nth-child(5) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.2s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.2s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.2s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.2s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.2s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.2s; } .is-active .nav-quicklink-list ul li:nth-child(6) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.3s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.3s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.3s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.3s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.3s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.3s; } .is-active .nav-quicklink-list ul li:nth-child(7) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.4s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.4s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.4s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.4s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.4s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.4s; } .is-active .nav-quicklink-list ul li:nth-child(8) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.5s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.5s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.5s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.5s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.5s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.5s; } .is-active .nav-quicklink-list ul li:nth-child(9) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.6s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.6s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.6s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.6s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.6s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.6s; } .is-active .nav-quicklink-list ul li:nth-child(10) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.7s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.7s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.7s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.7s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.7s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.7s; } .is-active .nav-quicklink-list ul li:nth-child(11) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.8s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.8s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.8s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.8s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.8s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.8s; } .is-active .nav-quicklink-list ul li:nth-child(12) div { -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.9s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.9s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.9s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.9s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 1.9s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 1.9s; } .is-active .nav-quicklink-list ul li div { /* transition: transform .9s cubic-bezier(.165,.84,.44,1) .8s; */ -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .menu-footer { margin-top: auto; position: relative; z-index: 1; width: 100%; margin-left: auto; } .menu-footer .title, .menu-footer .desc{ position: relative; overflow: hidden; } .menu-footer .title{ margin-right: -30px; width: calc(100% + 30px); } .menu-footer h6 { letter-spacing: 1px; text-transform: uppercase; font-size: 16px; padding: 0 0 10px; position: relative; -webkit-transform: translateY(105%) translateZ(0); transform: translateY(105%) translateZ(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; } .menu-footer h6:after{ position: absolute; bottom: 0; left: 0; height: 1px; background: rgba(255, 255, 255, 0.4); content: ""; width: 0; -webkit-transition: width .5s cubic-bezier(.165, .84, .44, 1) 0s; -o-transition: width .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: width .5s cubic-bezier(.165, .84, .44, 1) 0s; } .is-active .menu-footer h6:after{ width: 100vw; -webkit-transition: width .9s cubic-bezier(.165, .84, .44, 1) .7s; -o-transition: width .9s cubic-bezier(.165, .84, .44, 1) .7s; transition: width .9s cubic-bezier(.165, .84, .44, 1) .7s; } .menu-footer p{ position: relative; font-size: 16px; line-height: 20px; -webkit-transform: translateY(105%) translateZ(0); transform: translateY(105%) translateZ(0); -webkit-transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; -o-transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s; transition: transform .5s cubic-bezier(.165, .84, .44, 1) 0s, -webkit-transform .5s cubic-bezier(.165, .84, .44, 1) 0s; } .is-active .menu-footer h6, .is-active .menu-footer p{ -webkit-transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .7s; transition: -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .7s; -o-transition: transform .9s cubic-bezier(.165, .84, .44, 1) .7s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .7s; transition: transform .9s cubic-bezier(.165, .84, .44, 1) .7s, -webkit-transform .9s cubic-bezier(.165, .84, .44, 1) .7s; -webkit-transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0); } .menu-footer .content-wtap .title h6, .menu-footer .content-wtap .desc{ max-width: 850px; } .navigation-dropdown .line-block { z-index: 1; width: 36%; } .drawer-open .sidebar-header .header-body{ display: none; } /* Menu css end */ /* sidebar header */ .sidebar-header { position: fixed; left: 0; height: 100vh; height: calc((var(--vh, 1vh) * 100)); width: 96px; z-index: 9; background: rgba(0, 40, 87,0.75); backdrop-filter: blur(6px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } body.header-sticky .sidebar-header { position: fixed; top: 0; } .sidebar-header .header-top{ width: 100%; } .sidebar-header .header-body{ width: 100%; } .sidebar-header .header-footer{ padding-bottom: 20px; } .sidebar-header .header-footer a { font-size: 16px; color: var(--white); font-weight: bold; letter-spacing: 1px; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .sidebar-header .header-footer img{ max-width: 73px; } .sidebar-header .header-body li h5 { font-size: 14px; color: var(--white); font-weight: 500; letter-spacing: 2.94px; white-space: nowrap; text-align: center; margin: 10px 0; } .sidebar-header .cta-btn li{ margin-bottom: 30px; position: relative; } .sidebar-header .cta-btn li:last-child a{ display: flex; flex-direction: column; } .sidebar-header .cta-btn li:last-child .img-wrap { order: -1; } .sidebar-header .header-top .hub svg{width:25px;} .sidebar-header .header-body .img-wrap img{max-width: 40px;} .sidebar-header .cta-btn li a .img-wrap{ display: block; } .sidebar-header .cta-btn li a:hover h5{ color: var(--gold); } .sidebar-header .cta-btn li a:hover .img-wrap img{ filter: brightness(0) saturate(100%) invert(100%) sepia(30%) saturate(4406%) hue-rotate(302deg) brightness(86%) contrast(92%); } .sidebar-header.sticky .header-footer{ opacity: 1; visibility: visible; } .drawer-open .sidebar-header .menu-text, .sidebar-header .close-text, .search-icon-wrp.open .search-icon, .search-icon-wrp .search-close{ display: none; } .drawer-open .sidebar-header .close-text, .search-icon-wrp.open .search-close{ display: block; } .search-icon-wrp{ cursor: pointer; } .search { position: fixed; height: calc((var(--vh, 1vh) * 100)); top: 0; left: 0; width: 100vw; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; background-color: var(--navyblue); } .search.open { opacity: 1; visibility: visible; } .search form{ max-width: 560px; margin: 0 auto; } .search form input { border: 0; padding: 0 0 10px 35px; background-color: transparent; color: var(--white); border-bottom: 1px solid var(--white); -webkit-font-smoothing: subpixel-antialiased; font-size: 16px; width: 100%; } .form-group img,.form-group svg{ position: absolute; } .search-wrapper { position: relative; height: 100%; padding: 110px; } .search-wrapper .search-close { position: absolute; right: 55px; top: 100px; cursor: pointer; } .search-wrapper .search-close img { max-width: 26px; } .search-wrapper .title{ margin: 0 0 100px; } .g-translte a:hover img { filter: brightness(0) saturate(100%) invert(100%) sepia(30%) saturate(4406%) hue-rotate(302deg) brightness(86%) contrast(92%); } /* hero sec css start */ .hero-section{ background-color: var(--navyblue); } .hero-section .hero-slide:before{ content: ""; position: absolute; left: 0; bottom: 0; height: 35%; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 60.14%, rgba(0, 0, 0, 0.60) 100%); z-index: 1; } .hero-section .hero-slide:after{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; background-color: var(--black); opacity: 0.2; } .hero-section .hero-slide{ position: relative; height: 100vh; height: calc((var(--vh, 1vh) * 100)); } .hero-section .hero-img{ background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .hero-section .hero-content-wrap{ position: absolute; bottom: 0; z-index: 3; right: 0; max-width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); height: 100%; padding-top: 210px; padding-bottom: 120px; } .hero-section .hero-content{ height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; justify-content: end; width: 70%; max-width: 1130px; padding-left: 70px; } .hero-section .hero-content .slick-list{ width: 100%; } .hero-section .hero-slide .heading { position: relative; opacity: 0; } .hero-section .call-to-action-slide .title{ text-transform: capitalize; background: unset; background-clip: text; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } .hero-section .heading span{ font-weight: 400; margin-bottom: 5px; font-size: 18px; line-height: 18px; display: block; } .hero-section .button-wrapper { position: absolute; bottom: 130px; right: 145px; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 1; } .hero-section .button-wrapper .btn-secondary { padding: 28px 0 28px 56px; background-image: url(../images/Play-round.svg); background-repeat: no-repeat; background-position: left center; } .hero-section .button-wrapper .btn-secondary:before { background-image: url(../images/Play.svg); left: 27px; right: auto; width: 22px; height: 22px; top: 50%; transform: translateY(-50%); } .hero-section .button-wrapper .btn-secondary span { position: relative; display: block; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; left: 0; } .hero-section .button-wrapper .btn-secondary:hover span{ left: -26px; } .hero-section .button-wrapper .btn-secondary:hover::before{ left: 100%; } .hero-section .button-wrapper img, .hero-section .button-wrapper svg { display: inline-block; vertical-align: middle; margin-left: 15px; } .hero-content .desc{ margin-top: 30px; opacity: 0; position: relative; width: 100%; } .hero-content .btn { margin-top: 30px; opacity: 0; position: relative; } .hero-content .desc p{ color: var(--white); font-weight: 400; font-size: 32px; } .hero-section .slick-active .hero-content .heading{ -webkit-animation: SlideContentText 1s forwards; animation: SlideContentText 1s forwards; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .hero-section .slick-active .desc { -webkit-animation: SlideContentText 1s forwards; animation: SlideContentText 1s forwards; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .hero-section .slick-active .hero-content .btn{ -webkit-animation: SlideContentText 1s forwards; animation: SlideContentText 1s forwards; -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes SlideContentText { from { bottom: -80px; opacity: 0; } to { bottom: 0; opacity: 1; }} @keyframes SlideContentText { from { bottom: -80px; opacity: 0; } to { bottom: 0; opacity: 1; }} @-webkit-keyframes buttonzoom { from { opacity: 0;transform: scale(0); } to { opacity: 1;transform: scale(1); }} @keyframes buttonzoom { from { opacity: 0;transform: scale(0); } to { opacity: 1;transform: scale(1); }} .hero-slider .video-wrapper { position: absolute; top: 0; height: 100%; width: 100%; padding-top: 100vh; overflow: hidden; } /* .hero-slider .video-wrapper iframe { position: absolute; top: 0; width: 100%; height: 100%; } */ .hero-slider .video-wrapper .vid-holder{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; /* min-width: 177.77778vh;*/ min-width: 184.77778vh; z-index:2; } .hero-slider .video-wrapper .vid-sizer{width:100%;padding-bottom:56.25%;} .hero-slider .video-wrapper .video-player{position: absolute;top: 0;left: 0;right: 0;bottom: 0;} .hero-slider .video-wrapper .video-player .video-embed{aspect-ratio:16/9;border-radius: inherit;height: 100%;margin: auto;position: relative;width: 100%;} .hero-slider .video-wrapper .video-player .video-embed iframe{top: -52%;width:100%;height: 200%;border:0;left:0;position:absolute;} .banner-line .white-border { top: -25px; left: 0; } .banner-line svg{ width: 100%; } .banner-line { padding: 40px 0; bottom: -180px; margin-right: -30px; opacity: 0; z-index: 2; right: 0; left: 0; } .hero-slider .slick-active .banner-line{ opacity: 1; } .banner-line .draw-path{ opacity: 0; } .hero-slider .slick-active .banner-line .draw-path { animation: bannerdrawLine 10s ease forwards; animation-delay: 1s; } @keyframes bannerdrawLine { 0% { stroke-dasharray: 10000; stroke-dashoffset: 10000; opacity: 1; } 100%{ stroke-dashoffset: 0; opacity: 1; } } .banner-line:before { content: ""; position: absolute; bottom: -20px; left: 0; height: 200px; width: 100%; background: var(--navyblue); z-index: -1; } .hero-slider .slick-slide, .hero-slider .slick-list{ overflow: visible; } .hero-slider .video-slide .hero-slide:before{ height: 100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%); z-index: 3; } .hero-slider .video-slide::after{ display: none; } /* hero sec css end */ /* quicklink */ .quicklink { position: relative; padding: 30px 0 145px; } .quicklink .row{ row-gap: 10px; } .quicklink::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--navyblue); z-index: -1; } .quicklink-box.notexpand { width: 19.5%; margin-top: auto; } .quicklink-box.expand { width: 22%; margin-top: auto; overflow: hidden; } .quicklink-box:first-child { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .quicklink-box:nth-child(2) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .quicklink-box:nth-child(3) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; } .quicklink-box:nth-child(4) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; } .quicklink-box:nth-child(5) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .quicklink-box a { -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .quicklink-box a img { opacity: 0; width: 100%; -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; } .quicklink-box.expand a img{ opacity: 1; } .quicklink-box.expand:hover a img{ -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); } .quicklink-content { position: relative; z-index: 1; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; min-height: 280px; display: flex; flex-direction: column; justify-content: end; } .quicklink-content .quicklink-inner{ padding: 35px 15px 35px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .quicklink-box.notexpand>a{ background: var(--gold); border-radius: 18px; padding: 1px; overflow: hidden; } .quicklink-box.notexpand>a::before{ content: ""; position: absolute; left: 1px; top: 1px; height: calc(100% - 2px); width: calc(100% - 2px); z-index: 0; background-color: var(--navyblue); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-radius: 18px; } .quicklink-box.notexpand>a::after { content: ""; position: absolute; right: 27px; width: 100%; height: 100%; background-image: url(../images/arrow-rotate.svg); background-repeat: no-repeat; background-position: right top; top: 27px; transition: all 0.4s; } .quicklink-box.notexpand:hover>a::after{ right: 18px; top: 18px; background-image: url(../images/arrow-rotate-white.svg); } .quicklink-box.notexpand:hover>a{ background: linear-gradient(102.2deg, var(--navyblue) 17.92%, var(--green) 80.94%); } .quicklink-box.notexpand:hover>a::before{ background: linear-gradient(206.75deg, var(--navyblue) 0.53%, var(--green) 83.24%); } .quicklink-box.notexpand:hover .quicklink-inner{ transform: translateY(-20px); } .quicklink-content h5 p{ color: var(--white); font-size: 32px; font-weight: 400; letter-spacing: 0; text-transform: capitalize; } .quicklink-content h4{ color: var(--white); font-weight: 400; font-size: 22px; margin: 10px 0 0; letter-spacing: 0; } .quicklink-box.expand a .quicklink-content:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; opacity: 0; } .quicklink-box.expand a .quicklink-content{ background: transparent; position: absolute; bottom: 0; left: 0; right: 0; } .quicklink-box.expand>a{ border-radius: 18px; overflow: hidden; } .quicklink-box.expand .quicklink-content .quicklink-inner{ background: rgba(0, 0, 0, 0.60); padding-inline: 18px; } /* call to action section */ .call-to-action { background-color: var(--Light-Teal); z-index: 1; min-height: 755px; } .call-to-action .container{ max-width: 1580px; } .call-to-action .desc{ max-width: 520px; margin-top: 15px; } .call-to-action .row{ row-gap: 30px; } /* video-module */ .video-module { padding: 145px 0; } .video-module .video-wrapper { padding-top: 92%; z-index: 1; height: 100%; border-radius: 18px; overflow: hidden; max-width: 650px; } .video-module .desc { max-width: 498px; } /* tab section start css */ .why-choose{ background: linear-gradient(122deg, #76BC97 37.55%, #2F6371 50.06%, #002857 59.36%, #002857 100%); } .why-choose .why-choose-slide{ z-index: 1; min-height: 100vh; min-height: calc((var(--vh, 1vh) * 100)); background-repeat: no-repeat; background-size: cover; background-position: center; height: 100%; } .why-choose .section-title{ position: relative; z-index: 1; top: 80px; font-weight: normal; width: 100%; } .why-choose .why-choose-slider{ width: 61%; } .why-choose .why-choose-slidernav{ width: 39%; padding: 78px 90px; } .why-choose .tab-content .tab-pane .container, .why-choose .tab-content .tab-pane .container .row{ height: 100%; } .why-choose .why-choose-action { position: absolute; bottom: 60px; border: 0; z-index: 1; right: 93px; left: auto; } .why-choose .why-choose-action li a{ padding: 15px 0 0 0; } .why-choose-wrp { height: 100%; display: flex; } .why-choose .container, .why-choose .row { height: 100%; } .why-choose-wrp .h5 { margin-bottom: 45px; } .why-choose-wrp .title{ margin-bottom: 75px; color: var(--white); } .why-choose-wrp .desc{ max-width: 367px; } .why-choose .why-choose-action a.active img, .why-choose .why-choose-action a:hover img{ filter: brightness(0) saturate(100%) invert(94%) sepia(75%) saturate(5771%) hue-rotate(299deg) brightness(98%) contrast(69%); } .why-choose-slider .slick-list, .why-choose-slider .slick-track{ height: 100%; } /* tab section end css */ /* news section */ .news-sec{ padding: 140px 0 150px; } .news-sec .container { padding-inline: 0; max-width: 100%; } .news-sec .news-row{ margin-inline: -35px; } .news-sec .news-row>div{ padding-inline: 35px; } .news-sec .col-left{ width: 28%; padding-top: 130px; } .news-sec .col-right{ width: 72%; } .news-sec .news-box-main{ border-radius: 0px 18px 0px 0px; background-color: var(--Light-Teal); padding-left: 96px; overflow: hidden; height: calc(100% - 68px); } .news-box-main .img-wrapper { overflow: hidden; height: calc(100% - 125px); padding-top: 0; } .news-box-main .img-wrapper.overlay:before{ background: linear-gradient(180deg, rgba(0, 40, 87, 0.00) 49.95%, #002857 100%); background-color: transparent; opacity: 1; z-index: 1; } .news-sec .news-box-main .title{ position: absolute; bottom: 0; font-size: 42px; padding: 20px 30px 20px 60px; z-index: 1; } .news-sec .news-main-content { padding: 30px 15px 30px 60px; position: relative; z-index: 1; } .news-sec .h5{ letter-spacing: 0.96px; } .news-box-main .img-wrapper img{ -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .news-box-main:hover .img-wrapper img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .news-box { position: relative; display: block; padding-top: 20px; border-top: 1px solid var(--Light-Teal); } .news-box:hover{ border-top-color: var(--sky); } .news-sec .news-box .img-wrapper{ overflow: hidden; padding-top: 78%; } .news-box .bg-img { position: absolute; top: 0; background-size: cover; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .news-box:hover .bg-img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .news-box.image-box .bg-img{ background-size: cover; background-blend-mode: hue; } .news-slider .news-slide{ padding: 0 25px; } .news-slider .slick-list { margin: 0 -25px; } .news-slider .news-box .title { letter-spacing: 0; color: var(--navyblue); min-height: 96px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .news-slider .slick-dots { margin: 60px 0 0; width: calc(100% - 330px); text-align: right; z-index: 2; } .news-slider .slick-next { right: 185px; } .news-slider .slick-prev{ right: 248px; } .news-slider .slick-arrow { bottom: -23px; z-index: 2; } .news-sec .section-header{ margin-bottom: 90px; } .news-sec .line-block { top: 0; right: 0; left: auto; bottom: auto; } /* news sec css end */ /* testimonial css */ .testimonial{ z-index: 1; padding-bottom: 145px; } .testimonial .logo-wrp img { max-width: 120px; margin: 0 auto; } .testimonial .desc p, .testimonial .auth{ font-size: 20px; font-weight: 300; letter-spacing: 0.6px; line-height: 150%; } .testimonial .slick-dots { margin: 35px 0 0; bottom: 0; padding: 0; } .testimonial-wrapper.overlay::before{ opacity: 1; background-color: var(--Light-Teal); border-radius: 18px 0px 0px 0px; width: 100vw; left: 0; } .testimonial-wrapper .desc { max-width: 612px; } .testimonial-slider{ padding: 115px 0 50px; } .testimonial .slick-dots li:not(.slick-active){ background-color: var(--white); } .testimonial-slider::before, .testimonial-slider::after{ content: ""; position: absolute; left: 0; background-image: url(../images/quote.svg); background-repeat: no-repeat; background-position: center; background-size: contain; width: 231px; height: 138px; top: -15px; } .testimonial-slider::after{ top: auto; bottom: -15px; left: auto; right: 0; transform: rotate(180deg); } .testimonial .line-block{ z-index: 1; bottom: 20px; } /* testimonial css end */ /* cta sec css start */ .cta-sec{ height: calc((var(--vh, 1vh) * 100)); background-size: cover; background-position: center; z-index: 1; } .cta-sec .cta-content{ min-height: 330px; } .cta-sec.overlay:before{ opacity: 0.2; } .cta-sec .line-block{ left: -60px; bottom: 6px; right: 0; } /* cta sec css end */ /* footer css */ footer{ padding-top: 75px; background-color: var(--Light-Teal); z-index: 1; } footer .contact-detail li a { position: relative; padding-left: 54px; color: var(--navyblue); font-weight: 400; font-size: 18px; word-break: break-word; min-height: 40px; display: flex; align-items: center; } footer .contact-detail li a:hover{ color: var(--gold); } footer .contact-detail li a:hover .icon{ filter: brightness(0) saturate(100%) invert(94%) sepia(75%) saturate(5771%) hue-rotate(299deg) brightness(98%) contrast(69%); } footer .contact-detail li a .icon { position: absolute; left: 0; top: 0; z-index: 6; display: block; width: 40px; } footer .contact-detail li:not(:last-child){ margin-bottom: 15px; } .footer-bottom .copy-right{ font-weight: 500; line-height: 158%; letter-spacing: 0.42px; text-transform: uppercase; font-size: 14px; color: var(--white); } .footer-top { margin-bottom: 100px; } .footer-bottom { border-radius: 0px 18px 0px 0px; background: linear-gradient(102deg, var(--navyblue) 19.25%, var(--green) 100%); padding: 25px 0; margin-right: 55px; } footer .line-block { left: auto; right: 40px; bottom: 68px; } footer .line-block.aos-animate path{ animation-delay: 2.5s; animation-duration: 12s; } .footer-bottom .ft-tag-line p{ color: var(--white); font-size: 32px; font-weight: 300; } .footer-bottom .ft-tag-line { padding-left: 0; } .footer-bottom .container { padding-right: 15px; } /* footer css end */ /*common-content*/ .common-content-section blockquote{ color: var(--navyblue); font-size: 22px; font-weight: 300; line-height: 147%; margin: 50px 0; } .container.inner{ max-width: 1190px; padding-left: 160px; padding-right: 65px; } blockquote{ border-left: 1px solid var(--gold); padding-left: 25px; font-family: 'Host Grotesk'; } blockquote p:last-child{ margin-bottom: 0; } figure img{ object-fit: cover; } .figure-left {margin-right: 30px;margin-bottom: 30px;margin-top: 5px;} .figure-right {margin-left: 30px;margin-bottom: 30px;margin-top: 5px;} .figure-center {margin-bottom: 30px;display: table; margin-left: auto; margin-right: auto;} .figure-left img, .figure-right img, .figure-center img {margin: 0;} .common-content-section table td p {margin-bottom: 0;} .common-content-section table thead th { font-weight: bold; font-size: 28px; color: var(--navyblue); letter-spacing: 0; } .common-content-section table th {border-block-width: 1px;} .common-content-section table {margin-bottom: 30px;width: 100%;} .common-content-section table td, .common-content-section table th {padding: 20px 10px; border: 1px solid var(--gold); font-family: 'Host Grotesk';} .common-content-section figure {position: relative;} .common-content-section figcaption { font-weight: 700; line-height: 118.25%; letter-spacing: 0.96px; font-size: 16px; color: var(--gold); margin-top: 6px; } .common-content-section h6{ font-size: 16px; letter-spacing: 2px; color: #1F2357; font-weight: 300; text-transform: uppercase; } .common-content-section h1{ margin-bottom: 60px; margin-top: 60px; } .common-content-section p:has(+ ul) { margin-bottom: 10px; } .common-content-section h2{ margin-bottom: 40px; margin-top: 50px; } .common-content-section h3{ margin-bottom: 30px; margin-top: 50px; } .common-content-section h4{ margin-bottom: 25px; margin-top: 50px; } .common-content-section h5{ margin-bottom: 25px; margin-top: 50px; } .common-content-section a:not(.btn,.btn-secondary) { color: var(--gold); } .common-content-section a:not(.btn,.btn-secondary):hover { color: var(--navyblue); } .common-content-section ul li, .common-content-section ol li { margin: 0 0 5px; } .common-content-section a.link { letter-spacing: 1px; text-transform: uppercase; font-weight: bold; position: relative; padding-left: 26px; background-repeat: no-repeat; background-image: url(../images/right-pink-arrow.png); background-position: 0px 5px; } .common-content-section a.link:hover{ background-image: url(../images/right-blue-arrow.png); } .common-content-section .btn-wrapper { margin-bottom: 5px; } .section-margin.small-spacing{ margin-bottom: 32px; } /* contact scetion */ .form-section .freeform-label{ margin-bottom: 8px !important; } .form-section p{ font-family: 'Host Grotesk' !important; font-weight: 300 !important; color: var(--darkgray) !important; } .form-section .freeform-row { margin: 0 -10px; } .form-section label{letter-spacing: 0;font-size: 18px;font-weight: 300 !important;color: var(--darkgray); font-family: 'Host Grotesk';} .form-section .freeform-label:empty{display: none;} .form-section .fui-required {color: #A51140;} .form-section input[type="text"], .form-section input[type="email"], .form-section input[type="tel"], .form-section textarea, .form-section select, .freeform-row [class*="freeform-col-"] select:not(select[multiple]), .form-section textarea { background-color: var(--white) !important; border-radius: 12px !important; padding: 21px 24px !important; border: 1px solid transparent !important; background-image: linear-gradient(var(--white), var(--white)), linear-gradient(102.2deg, var(--navyblue) 17.92%, var(--green) 80.94%) !important; background-origin: border-box; background-clip: padding-box, border-box; font-size: 18px !important; font-weight: 300 !important; color: var(--navyblue) !important; font-family: 'Host Grotesk' !important; letter-spacing: 0; background-position: unset !important; background-size: unset !important; } .form-section input[type="radio"], .form-section input[type="checkbox"] { background-color: var(--white) !important; border: 1px solid transparent !important; background-image: linear-gradient(var(--white), var(--white)), linear-gradient(102.2deg, var(--navyblue) 17.92%, var(--green) 80.94%); background-origin: border-box; background-clip: padding-box, border-box; width: 24.336px !important; height: 24.336px; appearance: none; min-width: 24.336px; padding: 0 !important; transform: scale(1) !important; cursor: pointer; vertical-align: middle; margin-top: -3px; } .form-section input[type="radio"]{ border-radius: 12px !important; } .form-section input[type="radio"]:checked{ box-shadow: inset 0 0 0 4px rgb(255 255 255), inset 0 0 0 14px var(--navyblue); } .form-section input[type="checkbox"]:checked::before { content: url(../images/tick.png); top: 3px; position: relative; } .form-section .freeform-fieldtype-radios label:not(.freeform-label), .form-section .freeform-fieldtype-checkboxes label:not(.freeform-label){ line-height: 1; margin: 10px 0 !important; display: flex; } .form-section .freeform-fieldtype-radios label.freeform-label, .form-section .freeform-fieldtype-checkboxes label.freeform-label{ margin-bottom: 15px !important; } .freeform-fieldtype-rich-text>:first-child { margin-top: 0; } .form-section textarea {height: 157.811px;resize: none;} .form-section .fui-submit:active, .form-section .fui-submit:focus {border-color: transparent;-webkit-box-shadow: none;box-shadow: none;background-color: transparent;} .form-section .freeform-fieldtype-dropdown{ position: relative; } .form-section .freeform-fieldtype-dropdown::before { content: ""; position: absolute; right: 30px; top: 0; height: 100%; width: 30px; background-image: url(../images/niceselect.svg); background-position: 100% 50%; background-repeat: no-repeat; } .form-section button{ color: var(--navyblue); font-size: 14px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-radius: 37px; border: 0; backdrop-filter: blur(6px); letter-spacing: 2.94px; text-transform: uppercase; font-family: 'Host Grotesk'; background: linear-gradient(99.63deg, var(--Light-Teal) 0%, var(--green) 57.26%); z-index: 1; overflow: hidden; position: relative; text-align: left; min-width: 254px; padding: 15px 60px 15px 30px; min-height: 74px; display: inline-flex; align-items: center; justify-content: start; margin-top: 30px; } .form-section button::before { content: ""; position: absolute; left: 1px; top: 1px; height: calc(100% - 2px); width: calc(100% - 2px); z-index: -1; background-color: var(--Light-Teal); background-image: url(../images/Arrow.svg); background-repeat: no-repeat; background-position: 88% 50%; border-radius: 50px; background-size: 10px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } button[type=submit].freeform-processing:before{ display: none !important; } .form-section button:hover { background: linear-gradient(99.63deg, var(--green) 0%, var(--Light-Teal) 57.26%); color: var(--white); padding-left: 80px; padding-right: 30px; } .form-section button:hover::before { background-color: var(--navyblue); background-image: url(../images/Arrow-wihte.svg); background-position: 38px 50%; } .form-section input::-webkit-input-placeholder, .form-section textarea::-webkit-input-placeholder {color: var(--sky) !important;opacity: 1} .form-section input::-moz-placeholder, .form-section textarea::-moz-placeholder {color: var(--sky) !important;opacity: 1} .form-section input:-ms-input-placeholder, .form-section textarea:-ms-input-placeholder {color: var(--sky) !important;opacity: 1} .form-section input::-ms-input-placeholder, .form-section textarea::-ms-input-placeholder {color: var(--sky) !important;opacity: 1} .form-section input::-webkit-input-placeholder, .form-section textarea::-webkit-input-placeholder {color: var(--sky) !important;opacity: 1} .form-section input::-moz-placeholder, .form-section textarea::-moz-placeholder {color: var(--sky) !important;opacity: 1} .form-section input:-ms-input-placeholder, .form-section textarea:-ms-input-placeholder {color: var(--sky) !important;opacity: 1} .form-section input::-ms-input-placeholder, .form-section textarea::-ms-input-placeholder {color: var(--sky) !important;opacity: 1} .form-section input::placeholder, .form-section textarea::placeholder {color: var(--sky) !important;opacity: 1} .form-section .fui-submit{ padding: 13px 30px;} .inner-banner .slick-dots, .inner-banner .slick-arrow{ display: none !important; } .hero-section.inner-banner .hero-content { width: 100%; margin-left: 0; padding-left: 120px; }.hero-section.inner-banner .heading{ border-left: 4px solid #A51140; padding-left: 12px; position: relative; } .hero-section.inner-banner .title{ text-transform: capitalize; } .hero-section.inner-banner .heading span{ font-style: italic; font-size: 24px; } /* Accordion Section Start */ .accordion-sec .container.inner{ max-width: 1190px; } .accordion-box { border-bottom: 1px solid var(--Light-Teal); position: relative; } .accordion-box>a{ padding-right: 58px; display: block; padding-block: 38px; } .accordion-box:first-child{ border-top: 1px solid var(--Light-Teal); } .accordion-box::before{ content: ""; position: absolute; left: 0; width: 0; height: 1px; transition: all 0.6s; background-color: var(--sky); bottom: 0; } .accordion-box:hover:before{ width: 100%; } .accordion-box .content { position: relative; display: none; padding: 20px 0 38px; } .accordion-box .content .btn-wrapper{ margin-bottom: 30px; } .accordion-box .content>div>:last-child{ margin-bottom: 0; } .accordion-sign { position: absolute; width: 48px; height: 48px; background: linear-gradient(102.2deg, var(--navyblue) 17.92%, var(--green) 80.94%); border-radius: 50%; background-color: var(--Light-Teal); padding: 1px; right: 0; top: 30px; z-index: 1; } .accordion-sign::before{ content: ""; position: absolute; top: 1px; left: 1px; height: calc(100% - 2px); width: calc(100% - 2px); background-color: var(--Light-Teal); z-index: -1; border-radius: 100%; } .accordion-sign .horizontal { position: absolute; background-color: var(--navyblue); width: 10px; height: 2px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0; } .accordion-sign.opened .horizontal { opacity: 1; } .accordion-sign .vertical { position: absolute; background-color: var(--navyblue); width: 10px; height: 2px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .accordion-sign.opened .vertical { opacity: 0; } .accordion-sign .vertical:after{content: ""; position: absolute;background-color: var(--navyblue); width: 2px; height: 10px; left: 50%; top: 50%; transform: translate(-50%, -50%);} /* Accordion Section End */ /* imgDivider Start*/ .imgDivider-module { min-height: 620px; background-repeat: no-repeat; background-size: cover; background-position: center; } .imgDivider-module .imgDivider-p-author { color: var(--gold); font-size: 20px; font-weight: 500; line-height: 150%; letter-spacing: 0.6px; } .imgDivider-module .imgDivider-content h4{ line-height: 150%; letter-spacing: 0.84px; } .imgDivider-module .imgDivider-content h3, .imgDivider-module .imgDivider-content h1, .imgDivider-module .imgDivider-content h2, .imgDivider-module .imgDivider-content h4, .imgDivider-module .imgDivider-content p{ color: var(--white); } .imgDivider-module .container.inner{ max-width: 1190px; } .imgDivider-module.overlay:before{ background: var(--navyblue); } .imgDivider-module .line-block { bottom: -70px; left: -40px; } /* imgDivider End*/ /* image with text sec css start */ .img-with-text{ padding: 130px 0; } .img-with-text .row{ row-gap: 35px; } .img-with-text.white{ margin-top: 130px; padding-top: 0; } .img-with-text .img-wrapper{ border-radius: 18px; overflow: hidden; } .img-with-text .btn{ margin-top: 50px; } .img-with-text .text-col{ padding: 0 55px 0 75px; position: relative; z-index: 2; } .img-with-text .text-col .h1 { margin-bottom: 45px; } .img-with-text .line-block{ z-index: 1; } .img-with-text.white .line-block{ width: 75%; } .img-with-text.blue .line-block{ right: 0; left: auto; width: 50%; } .img-with-text.sky .line-block{ right: 0; } .img-with-text.left .row{ flex-direction: row-reverse; } .img-with-text.blue .text-col .h1{ background: transparent; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background-size: unset; animation: none; color: var(--white); } .img-with-text.blue .text-col .desc *{ color: var(--white); } .img-with-text .text-col .desc a{ color: var(--gold); } .img-with-text .text-col .desc>:last-child{ margin-bottom: 0; } .img-with-text.left .text-col{ padding: 0 130px 0 20px; } .img-with-text.sky .btn:not(:hover){ color: var(--navyblue); } .img-with-text .btn.btn-transparent:hover{ background-color: var(--gold); } /* image with text sec css end */ /* document download button css start */ .document-sec .btn-wrapper:not(:last-child){ margin-bottom: 25px; } .common-content-section:has(+.document-sec) { margin-bottom: 50px; } .document-sec+.common-content-section{ margin-top: 50px; } /* document download button css end */ /* genral video module */ .inner-videomodule { background-color: #fefbf1; background-image: url(../images/Testi-dots-right.png); background-repeat: no-repeat; background-position: right bottom; } .inner-videomodule .video-background-controls, .video-news .video-background-controls { top: 50% !important; transform: translate(-50%, -50%); left: 50%; right: auto !important; position: absolute; } .inner-videomodule .play-toggle { border: 0; background-color: transparent; font-size: 0; } .inner-videomodule .video-wrapper .img-box:before { content: ""; position: absolute; top: 0; height: 100%; width: 100%; background-color: #001648; left: 0; z-index: -1; opacity: 0.4; } .inner-videomodule .play-toggle img{ width: 50px; } .inner-videomodule-content :last-child { margin-bottom: 0; } .inner-videomodule-text { padding: 30px 60px; } .inner-videomodule-content { padding-left: 40px; border-left: 1px solid #f2384f; } .inner-videomodule-content { color: #1F2357; } .inner-videomodule-content h3{ font-style: italic; } .inner-videomodule .video-wrapper{ height: 100%; } /* Tiles Sec Start */ .tiles-sec .tiles-grid{ row-gap: 30px; } .tiles-sec { overflow: hidden; } .tiles-sec .grid-item { padding-top: 410px; overflow: hidden; margin: 0 15px; border-radius: 18px; background-color: var(--navyblue); } .tiles-sec .grid-item.sky{ background-color: var(--sky); } .tiles-sec .grid-item.tall { padding-top: 830px; } .tiles-sec .grid-item.half{ width: calc(50% - 30px); } .tiles-sec .grid-item.grid { width: calc(25% - 30px); } .tiles-sec .grid-item.full { width: 100%; } .tiles-sec .grid-item .title { z-index: 1; width: 100%; left: 0; bottom: 0; transition: all 0.4s; padding: 50px 20px 50px 60px; } .tiles-sec .grid-item:hover .title{ bottom: 30px; } .tiles-sec .grid-item .bg-img{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .tiles-sec .grid-item:hover .bg-img{ transform: scale(1.2); } .tiles-sec .grid-item.overlay:before{ z-index: 1; background: linear-gradient(180deg, rgba(0, 40, 87, 0.00) 0%, rgba(0, 40, 87, 0.80) 79.29%); opacity: 1; } .tiles-sec .grid-item.sky.overlay:before{ background: linear-gradient(180deg, rgba(115, 154, 188, 0.00) 0%, var(--sky) 80%); } .tiles-sec .grid-item.overlay:before:hover{ background: var(--navyblue); opacity: 0.6; } .tiles-sec .grid-item.sky.overlay:before:hover{ background: var(--sky); opacity: 0.6; } .tiles-sec .grid-item .link-btn{ top: 25px; right: 25px; } .tiles-sec .grid-item .link-btn img{ width: 26.501px; } .tiles-sec .grid-item:hover .link-btn img{ width: 45.526px; } /* Tiles Sec End */ /* Photo Gallery Module Start */ .gallery-sec .slick-slide{ padding: 0 40px; display: flex; flex-direction: column; justify-content: center; transition: all 0.4s; } .gallery-sec .gallery-img-main img{ border-radius: 18px; transition: all 0.4s; height: 590px; } .gallery-sec .slick-slide.slick-current{ transform: scale(1.1); } .gallery-sec .slick-track{ display: flex !important; } .gallery-sec .slick-slide{ height: inherit !important; overflow: visible; } .gallery-sec .caption { color: var(--gold); font-size: 16px; font-weight: 700; line-height: 118.25%; letter-spacing: 0.96px; display: block; margin: 8px 0 0 50px; } .gallery-slider { padding-bottom: 70px; min-height: 700px; } .gallery-slider .slick-list{ overflow: visible; } .gallery-slider .slick-prev{ right: calc(23% + 60px); } .gallery-slider .slick-next{ right: 23%; } .gallery-slider .slick-dots { position: absolute; text-align: right; width: auto; right: calc(23% + 140px); left: 0; margin: 0 auto; bottom: 24px; } /* Photo Gallery Module End */ /* ---------------------- */ /* video news */ .video-news .section-header h4 svg{ height: 43px; width: 43px; } .video-news .section-header h4 svg path{ fill: #002147; } .video-news .section-header h4 span{ color: #002147; } .video-news { padding: 30px 0 80px; background-color: #F2F4F6; background-image: url(../images/Collage-News-image-Dots.png); background-repeat: no-repeat; background-position: left top; } .video-news .video-background-controls button{ background-color: transparent; padding: 0; border: 0; font-size: 0; } .video-news .video-background-controls button img{ width: 49px; height: 49px; } .video-news .video-news-slider h6 { color: #002147; letter-spacing: 2px; font-size: 16px; } .video-news .slick-arrow{ width: 52px; height: 52px; background-color: #002147; border-radius: 0; border: 1px solid #002147; transform: none; top: auto; bottom: 55px; padding: 0; right: 0; } .video-news .slick-arrow svg { max-width: 18px; } .video-news .slick-prev svg { transform: rotate(180deg ); } .video-news .slick-prev{ right: 65px; left: auto; } .video-news .slick-arrow svg path, .video-news .slick-arrow svg rect { fill: var(--white); } .video-news .slick-arrow:hover { background-color: transparent; } .video-news .slick-arrow:hover svg path, .video-news .slick-arrow:hover svg rect { fill: #002147; } .video-news-slider { padding-right: 190px; margin: 0 -1rem; } .event-modal.edition-modal .modal-dialog { max-width: 1130px; } .edition-modal .modal-content{ -webkit-clip-path: polygon(77px 0%, 100% 0, 100% 100%, 0 100%, 0% 77px); clip-path: polygon(77px 0%, 100% 0, 100% 100%, 0 100%, 0% 77px); } .edition-modal .event-date{ padding: 28px 60px 35px 210px; } .edition-modal .event-date h6{ font-size: 16px; letter-spacing: 2px; } .edition-modal .modal-body{ padding: 70px 30px; } .edition-modal .content-wrp{ max-width: 830px; margin: 0 auto; } .edition-modal .video-wrapper{ box-shadow: 5px 5px 15px 2px rgb(0 0 0 / 50%); } .edition-modal .event-box { max-width: 720px; margin: 0 auto; } /* call to action section */ .cta{ background-image: url(../images/Testi-dots-left.png); background-repeat: no-repeat; background-position: left top; background-color: #fffdf4; } .cta .img-block img{ object-fit: cover; } .cta .btn-secondary{ position: relative; z-index: 1; margin-top: 50px; } .cta p{ font-weight: 300; } .cta h1{ margin-bottom: 60px; } .cta .text-block{ max-width: 500px; } .cta.right .row{ flex-direction: row-reverse; } .cta.right { background-position: right bottom; background-image: url(../images/Testi-dots-right.png); } /* Latest News List page Start */ /* Latest News tab Start */ .latest-news-tab .nav-tabs .nav-link { padding: 0 0 7px; border: 0; font-size: 14px; font-weight: 500; line-height: 147%; letter-spacing: 2.94px; text-transform: uppercase; color: var(--sky); position: relative; text-align: left; } .latest-news-tab .nav-tabs .nav-link::before{ content: ""; position: absolute; height: 1px; width: 0; background-color: var(--navyblue); bottom: 0; left: 0; transition: all 0.4s; } .latest-news-tab .nav-tabs .nav-link:hover::before, .latest-news-tab .nav-tabs .nav-link.active::before{ width: 100%; } .latest-news-tab .nav-tabs .nav-link.active, .latest-news-tab .nav-tabs .nav-link:hover{ color: var(--navyblue); background-color: transparent; } .latest-news-tab .nav-tabs { column-gap: 34px; row-gap: 18px; } /* Latest News tab End */ /* Latest News List Sec Start */ .latest-news-list .subtitle{ letter-spacing: 0.96px; } .latest-news-list .news-item{ margin-inline: -18px; } .latest-news-list .tab-pane>.row{ row-gap: 50px; } .latest-news-list .news-item>div{ padding-inline: 18px; } .latest-news-list .latest-news-content { padding: 20px 0; height: 100%; border-top: 1px solid var(--Light-Teal); } .latest-news-list .left-block, .latest-news-list .left-block .img-wrapper{ height: 100%; } .latest-news-list .left-block .img-wrapper{ overflow: hidden; padding-top: 74%; } .latest-news-list .left-block .img-wrapper img{ transition: all 0.4s; } .latest-news-list .left-block .img-wrapper:hover img{ transform: scale(1.1); } .latest-news-list .desc p{ font-size: 16px; } /* Latest News List Sec End */ /* Custom Pagination css Start */ .custom-pagination a{ color: var(--navyblue); letter-spacing: 2.94px; text-transform: uppercase; font-weight: 500; font-size: 14px; line-height: 33px; width: 36px; height: 36px; } .custom-pagination .text a{ border-radius: 50%; padding: 1px; overflow: hidden; letter-spacing: 0; } .custom-pagination .text.active a,.custom-pagination .text a:hover{ background: linear-gradient(102.2deg, var(--navyblue) 17.92%, var(--green) 80.94%); } .custom-pagination .text.active span,.custom-pagination .text a:hover span{ background-color: var(--Light-Teal); border-radius: 100%; height: 100%; } .custom-pagination ul{ row-gap: 10px; column-gap: 5px; } .custom-pagination ul li{ line-height: 1; } /* Custom Pagination css End */ /* Latest News Single List Sec Start */ .latest-news-singlelist{ margin-top: -60px; z-index: 1; } .latest-news-singlelist .col-left{ width: 52%; } .latest-news-singlelist .col-left .img-wrapper{ border-radius: 18px; padding-top: 65%; overflow: hidden; height: 100%; } .latest-news-singlelist .col-left .img-wrapper img{ transition: all 0.4s; } .latest-news-singlelist .col-left .img-wrapper:hover img{ transform: scale(1.1); } .latest-news-singlelist .col-right{ width: 48%; padding-left: 50px; } .latest-news-singlelist .col-right .content{ border-top: 1px solid var(--Light-Teal); max-width: 614px; padding: 20px 0 10px; margin-top: 90px; } .latest-news-singlelist .content h3{ font-size: 48px; margin-bottom: 35px; } .latest-news-singlelist .content .desc { margin-bottom: 50px; } /* Latest News Single List Sec End */ /* Latest News List page End */ /* Newsletter Article page Start */ /* Newsletter Article Banner sec Start */ .newsletter-article-banner .container { max-width: 1730px; } .newsletter-article-banner .inner-banner-image img { border-radius: 18px; } .newsletter-article-banner .inner-banner-image .img-wrapper{ padding-top: 57%; } .newsletter-article-banner:before { content: ""; position: absolute; top: 0; left: 0; height: 100vh; background-color: var(--Light-Teal); z-index: -1; width: 100%; } .newsletter-article-banner .auth-img img{ height: 138px; width: 138px; object-fit: cover; border-radius: 18px; } .newsletter-article-banner .auth-img{ margin-bottom: 20px; } .newsletter-article-banner .auth-title{ font-size: 18px; } .newsletter-article-banner .auth-desc{ font-weight: 400; text-transform: inherit; } .newsletter-article-banner .btn-secondary.video-btn{ margin-top: 30px; color: var(--navyblue); } .newsletter-article-banner .inner-banner-image .btn-secondary.video-btn{ margin: 0; position: absolute; right: 60px; bottom: 30px; } /* Newsletter Article Banner sec End */ /* Also in Edition css start */ .this-edition { position: fixed; right: 0px; z-index: 3; top: 50%; transform: rotate(-180deg) translateY(-50%); line-height: 118.25%; padding: 25px 10px 30px; writing-mode: vertical-rl; transform-origin: 50% 0%; cursor: pointer; letter-spacing: 1.08px; } .this-edition img{ opacity: 0.8; } .this-edition img, .this-edition-menu .close-edition img { position: absolute; right: 0; top: 0; transform: rotate(180deg); transform-origin: 47% 47%; height: 196px; z-index: -1; } .this-edition-menu .close-edition{ position: absolute; left: -61px; z-index: 1; top: 50%; transform: rotate(-180deg) translateY(-50%); line-height: 118.25%; padding: 25px 10px 30px; writing-mode: vertical-rl; transform-origin: 50% 0%; cursor: pointer; color: var(--white); text-align: center; letter-spacing: 1.08px; text-transform: uppercase; } .this-edition-menu { position: fixed; top: 0; height: 100vh; right: 0; height: calc((var(--vh, 1vh)* 100)); width: calc(100% - 390px); z-index: 10; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; background-color: var(--navyblue); padding: 125px 100px; } .this-edition-menu.is-active { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .this-edition-menu .close-btn { position: absolute; right: 30px; top: 60px; } .this-edition-menu .close-btn img{ max-width: 24.789px; } .this-edition-menu .close-btn:hover img, .edition-navicon>a:hover img{ filter: brightness(0) saturate(100%) invert(74%) sepia(62%) saturate(261%) hue-rotate(336deg) brightness(88%) contrast(87%); } .this-edition-menu .h1{ background: transparent; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background-size: unset; animation: none; margin-bottom: 80px; } .this-edition-menu .edition-navicon { margin-left: -40px; } .this-edition-menu.is-active .line-block path { animation: drawLine 10s ease forwards; animation-delay: 1s; } .this-edition-menu .line-block { left: auto; right: 0; width: 43%; } .this-edition-menu .edition-menu { overflow-y: auto; height: calc((var(--vh, 1vh)* 100) - 250px); } .edition-menu ul { list-style: none; padding: 0; margin: 0; } .edition-menu ul li:not(:last-child){ margin-bottom: 20px; } .edition-menu ul li a{ color: var(--white); font-size: 32px; font-weight: 700; letter-spacing: 0.96px; line-height: 133.379%; } .edition-menu ul li a:hover{ color: var(--gold); } .edition-navicon>a { letter-spacing: 2.4px; min-width: 120px; font-size: 12px; font-weight: 400; line-height: 121%; color: var(--white); } .edition-navicon>a span{ margin-top: 6px; } .this-edition-menu .edition-navicon>a:hover, .this-edition-menu .edition-navicon a.active{ color: var(--gold) !important; } .this-edition-menu .edition-navicon>a:hover img, .this-edition-menu .edition-navicon a.active img{ filter: brightness(0) saturate(100%) invert(82%) sepia(3%) saturate(5381%) hue-rotate(337deg) brightness(97%) contrast(69%) !important; } /* Also in Edition css End */ /* Auth Sec Start */ .auth-sec .auth-img { margin-bottom: 20px; } .auth-sec .auth-title { font-size: 18px; } .auth-sec .auth-desc { font-weight: 400; text-transform: inherit; } .auth-sec .auth-img img { height: 138px; width: 138px; object-fit: cover; border-radius: 18px; } .auth-sec .auth-box { display: inline-block; margin-right: 80px; width: 250px; margin-bottom: 20px; vertical-align: top; } /* Auth Sec End */ /* Newsletter Article page End */ /* Newsletter ListView page Start */ /* Newsletter ListView Banner Start */ .inner-banner .edition-navicon>a{ color: var(--sky); } .inner-banner .edition-navicon>a:hover, .inner-banner .edition-navicon>a.active{ color: var(--navyblue); } .inner-banner .edition-navicon>a img{ filter: brightness(0) saturate(100%) invert(50%) sepia(82%) saturate(214%) hue-rotate(166deg) brightness(88%) contrast(94%); } .inner-banner .edition-navicon>a:hover img, .inner-banner .edition-navicon>a.active img{ filter: brightness(0) saturate(100%) invert(13%) sepia(27%) saturate(4253%) hue-rotate(193deg) brightness(97%) contrast(106%); } /* Newsletter ListView Banner End */ /* Newsletter ListView Single block Start */ .newsletter-listview .container{ max-width: 1560px; } .newsletter-listview-single{ background-color: var(--navyblue); border-radius: 18px; overflow: hidden; margin-bottom: 15px; } .newsletter-listview-single .img-wrapper{ padding-top: 47%; overflow: hidden; height: 100%; } .newsletter-listview-single .img-wrapper img{ transition: all 0.4s; } .newsletter-listview-single:hover .img-wrapper img{ transform: scale(1.1); } .newsletter-listview-single .col-right{ padding: 30px 30px 30px 15px; } .newsletter-listview-single .desc{ margin-bottom: 30px; min-height: 76px; } .newsletter-listview-single h4{ font-size: 38px; margin-bottom: 12px; } .newsletter-listview-single .btn-secondary, .inner-banner .video-btn{ color: var(--white); padding: 28px 0 28px 56px; background-image: url(../images/Play-round-gold.svg); background-repeat: no-repeat; background-position: left center; z-index: 1; display: inline-block; } .newsletter-listview-single .btn-secondary:before, .inner-banner .video-btn::before { background-image: url(../images/Play.svg); left: 27px; right: auto; width: 22px; height: 22px; top: 50%; transform: translateY(-50%); z-index: -1; filter: brightness(0) saturate(100%) invert(90%) sepia(48%) saturate(5753%) hue-rotate(299deg) brightness(97%) contrast(70%); } .newsletter-listview-single .btn-secondary:hover::before, .inner-banner .video-btn:hover::before { left: 93%; } .newsletter-listview-single .btn-secondary span, .inner-banner .video-btn span { position: relative; display: block; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; left: 0; } .newsletter-listview-single .btn-secondary:hover span, .inner-banner .video-btn:hover span { left: -26px; } .redirect-link{cursor:pointer;} .newsletter-listview-single .col-right::after { content: ""; position: absolute; right: 32px; width: 100%; height: 100%; background-image: url(../images/arrow-rotate.svg); background-repeat: no-repeat; background-position: right top; top: 24px; transition: all 0.4s; filter: brightness(0) invert(1); } .newsletter-listview-single:hover .col-right::after{ background-image: url(../images/arrow-rotate-white.svg); } .newsletter-listview.section-margin { margin-top: -280px; z-index: 1; } /* Newsletter ListView Single block Start */ /* Newsletter listview grid sec */ .newsletter-listview .grid-item-box .bg-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all 0.4s; } .newsletter-listview .grid-item-box:hover .bg-img{ transform: scale(1.1); } .newsletter-listview .grid-item { width: 33.33%; padding: 15px; float: left; } .newsletter-listview .grid-row{ margin-inline: -15px; } .newsletter-listview .grid-item-box { padding-top: 100%; display: block; border-radius: 18px; overflow: hidden; } .newsletter-listview .news-content{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; padding: 20px 30px; height: 100%; background: linear-gradient(180deg, rgba(0, 40, 87, 0.00) 50.49%, rgba(0, 40, 87, 0.90) 70.35%); } .newsletter-listview .grid-item-box { display: block; padding-top: 124%; background-color: var(--navyblue); } .newsletter-listview .grid-item:nth-child(even) .grid-item-box{ padding-top: 100%; } .newsletter-listview .grid-item-box.sky{ background-color: var(--sky); } .newsletter-listview .grid-item-box.gold{ background-color: var(--gold); } .newsletter-listview .grid-item-box.gold:hover:not(.image-box) .news-content{ background: var(--navyblue); } .newsletter-listview .grid-item-box.sky:hover:not(.image-box) .news-content{ background: var(--gold); } .newsletter-listview .grid-item-box:hover:not(.image-box) .news-content{ background: var(--sky); } .newsletter-listview .grid-item-box.sky .news-content{ background: linear-gradient(180deg, rgba(115, 154, 188, 0.00) 50.49%, rgba(115, 154, 188, 0.90) 70.35%); } .newsletter-listview .grid-item-box.gold .news-content{ background: linear-gradient(180deg, rgba(211, 169, 133, 0.00) 50.49%, rgba(211, 169, 133, 0.90) 70.35%); } .newsletter-listview .grid-item-box.image-box:hover .news-content{ background: linear-gradient(180deg, rgba(0, 40, 87, 0.00) 0%, rgba(0, 40, 87, 0.90) 70.35%); } .newsletter-listview .grid-item-box.image-box.sky:hover .news-content{ background: linear-gradient(180deg, rgba(115, 154, 188, 0.00) 0%, rgba(115, 154, 188, 0.90) 70.35%); } .newsletter-listview .grid-item-box.image-box.gold:hover .news-content{ background: linear-gradient(180deg, rgba(211, 169, 133, 0.00) 0%, rgba(211, 169, 133, 0.90) 70.35%); } .newsletter-listview .grid-item-box .desc { font-size: 16px; min-height: 76px; } .newsletter-listview .grid-item-box .title { margin-bottom: 10px; font-size: 32px; line-height: 122%; } .newsletter-listview .grid-item-box .news-content-wrp{ transition: all 0.4s; } .newsletter-listview .grid-item-box:hover .news-content-wrp { transform: translateY(-30px); } .newsletter-listview .grid-item-box .icon{ margin-bottom: 70px; } .newsletter-listview .grid-item-box::after { content: ""; position: absolute; right: 20px; width: 100%; height: 100%; background-image: url(../images/arrow-rotate.svg); background-repeat: no-repeat; background-position: right top; top: 20px; transition: all 0.4s; filter: brightness(0) invert(1); z-index: 1; } .newsletter-listview .grid-item-box:hover::after { background-image: url(../images/arrow-rotate-white.svg); right: 12px; top: 12px; } /* Newsletter listview grid End */ /* Newsletter ListView page End */ /* Newsletter Readerview page Start */ /* Newsletter Readerview Banner Start */ .newsletter-readerview-banner .container{ padding-left: 140px; } .newsletter-readerview-banner .video-wrapper, .newsletter-readerview-banner .img-wrapper{ border-radius: 18px; overflow: hidden; padding-top: 61%; height: 100%; } .newsletter-readerview-banner{ background-color: var(--Light-Teal); margin-bottom: 170px; padding-top: 60px; z-index: 1; } .newsletter-readerview-banner .auth-img img{ height: 138px; width: 138px; object-fit: cover; border-radius: 18px; } .newsletter-readerview-banner .auth-img{ margin-bottom: 20px; } .newsletter-readerview-banner .auth-title{ font-size: 18px; } .newsletter-readerview-banner .auth-desc{ font-weight: 400; text-transform: inherit; } .newsletter-readerview-banner .col-right h1{ margin-bottom: 50px; } .newsletter-readerview-banner .col-right{ padding: 70px 15px 30px 50px; } .newsletter-readerview-banner .line-block { right: -30px; top: -40px; bottom: auto; left: auto; } .newsletter-readerview-banner .col-left{ margin-bottom: -70px; } /* Newsletter Readerview Banner End */ /* Newsletter Readerview Upcoming sec Start */ .upcoming-event .container{ max-width: 1750px; } .upcoming-event .upcoming-event-block{ background-color: var(--gold); border-radius: 18px; padding: 50px 15px; z-index: 1; transition: all 0.4s; } .upcoming-event .section-header { column-gap: 60px; row-gap: 60px; transition: all 0.6s; } .upcoming-event .section-header .h1{ background: transparent; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background-size: unset; animation: unset; } .upcoming-event .btn.btn-transparent:not(:hover){ color: var(--navyblue); } .upcoming-event .btn.btn-transparent:not(:hover)::before{ background-image: url(../images/Arrow.svg); } /* Newsletter Readerview Upcoming sec End */ /* Newsletter Readerview page End */ /* Newsletter Previous Editions Page Start */ /* Newsletter Edition Banner Start */ .nice-select-wrap .drop{ background-color: transparent; border: 1px solid transparent; border-radius: 10px; background-image: linear-gradient(var(--Light-Teal), var(--Light-Teal)), linear-gradient(102.2deg, var(--navyblue) 17.92%, var(--green) 80.94%); background-origin: border-box; background-clip: padding-box, border-box; position: relative; display: block; padding: 19px 25px; } .nice-select-wrap .drop::after{ content: ""; position: absolute; background-image: url(../images/niceselect.svg); display: block; background-repeat: no-repeat; background-position: right center; padding: 9px 0; line-height: 1; right: 16px; top: 0; height: 100%; width: 100%; } .nice-select-wrap .drop, .nice-select-wrap ul li { letter-spacing: 0; color: var(--darkgray); font-weight: 300; font-size: 18px; } .nice-select-wrap ul { margin: 5px 0; list-style: none; padding: 0; display: none; position: absolute; left: 0; width: 100%; background-color: var(--navyblue); border-radius: 10px; padding: 15px 25px; } .nice-select-wrap ul li{ margin: 0; display: block; } .nice-select-wrap ul li a{ padding: 8px 0; display: block; color: var(--white); } .nice-select-wrap li a:hover, .nice-select-wrap li a:focus { color: var(--green); } .filter .nice-select-wrap{ position: relative; } .newsletter-edition-banner .inner-banner-content{ padding-bottom: 72px; } .newsletter-edition-banner .filter { max-width: 475px; } .newsletter-edition-banner .row{ row-gap: 90px; } .newsletter-edition-banner .btn:not(:hover){ color: var(--navyblue); } .newsletter-edition-banner .btn.btn-transparent:not(:hover):before{ background-image: url(../images/Arrow.svg); } /* Newsletter Edition Banner End */ /* Newsletter Edition List Sec Start */ .newsletter-edititon-box { position: relative; display: block; padding-top: 100%; border-radius: 18px; overflow: hidden; z-index: 1; } .newsletter-edititon-box .bg-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: all 0.4s; } .newsletter-edititon-box .content { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px; transition: all 0.4s; z-index: 1; } .newsletter-edititon-box:hover .bg-img{ transform: scale(1.1); } .newsletter-edititon-box:hover .content{ bottom: 30px; } .newsletter-edititon-box .date{ letter-spacing: 0.96px; } .newsletter-edititon-box h4{ font-size: 32px; line-height: 122%; } .newsletter-edititon-box.overlay:before{ z-index: 1; opacity: 1; background: linear-gradient(180deg, rgba(0, 40, 87, 0.00) 50.49%, rgba(0, 40, 87, 0.90) 70.35%); } .newsletter-edititon-box.overlay:hover:before{ background: linear-gradient(180deg, rgba(0, 40, 87, 0.00) 0%, rgba(0, 40, 87, 0.90) 70.35%); } .newsletter-edititon .row{ row-gap: 30px; } .newsletter-edititon{ margin: 123px 0; } /* Newsletter Edition List Sec End */ /* Newsletter Previous Editions Page End */ /* Event Calendar Page Start */ /* Event Calendar Banner Start */ .event-calendar-banner .inner-banner-content{ padding-bottom: 75px; } .calendar{ max-width: 460px; } .calendar .calendar-year{ font-size: 38px; font-weight: 400; color: var(--navyblue); } .fc-calendar-container { position: relative; height: auto; width: 100%; } .fc-calendar { width: 100%; height: 100%; border-top: 0; } .fc-calendar .fc-body { position: relative; width: 100%; height: 100%; height: -moz-calc(100% - 24px); height: -webkit-calc(100% - 24px); height: calc(100% - 24px); } .fc-five-rows .fc-row { height: 18%; } .fc-calendar .fc-head{ background-color: transparent; } .fc-calendar .content_wrap{ display: none; } .fc-calendar .fc-head > div{ color: var(--navyblue); padding: 0 0 10px; font-size: 18px; font-weight: 700; } .fc-calendar .fc-body, .fc-five-rows .fc-row{ border: 0; } .fc-calendar .fc-row > div{ border-right: 0; text-align: center; padding: 5px; margin: 5px 0; } .fc-calendar .fc-row > div > span.fc-date{ position: static; color: var(--navyblue); font-weight: 400; letter-spacing: 0px; font-size: 18px; font-family: 'Host Grotesk'; text-shadow: none; height: 48px; width: 48px; display: block; line-height: 48px; text-align: center; margin: 0 auto; cursor: pointer; border-radius: 100%; } .fc-calendar .fc-row > div.fc-today > span.fc-date{ border: 1px solid transparent; border-radius: 100%; background-color: transparent; background-image: linear-gradient(var(--Light-Teal), var(--Light-Teal)), linear-gradient(102deg, var(--navyblue) 17.92%, var(--green) 80.94%); background-origin: border-box; background-clip: padding-box, border-box; } .fc-calendar .fc-row > div.fc-content:not(.fc-today) > span.fc-date{ background: linear-gradient(102deg, var(--navyblue) 17.92%, var(--green) 80.94%); color: var(--white); } .calendar-arrow-month { margin: 0 20px 55px; } .calendar-arrow .arrow, .event-pagination .arrow{ display: inline-block; background-image: url(../images/round-arrow-left.svg); background-repeat: no-repeat; background-position: center; width: 50px; height: 50px; vertical-align: middle; cursor: pointer; background-size: 50px; } .calendar-arrow .arrow:hover, .event-pagination .arrow:hover{ background-image: url(../images/round-arrow-left-hover.svg); } .calendar-arrow .custom-next.arrow, .event-pagination .next.arrow{ background-image: url(../images/round-arrow-right.svg); margin-left: 5px; } .calendar-arrow .custom-next.arrow:hover, .event-pagination .next.arrow:hover{ background-image: url(../images/round-arrow-right-hover.svg); } /* Event Calendar Banner End */ /* Event List Sec Start */ .event-list-sec{ margin: 73px 0 120px; } .event-list-sec .event-pagination-title { font-size: 38px; font-weight: 400; min-width: 230px; text-align: left; } .event-list-sec .event-pagination{ margin-left: 50px; } .event-list-sec .event-list-header{ margin-bottom: 80px; } .event-list-sec .event-list-footer{ margin-top: 60px; } .event-list-sec .container{ max-width: 1500px; } .event-list-sec .row{ row-gap: 30px; } .event-list-sec .event-box{ height: 100%; border: 1px solid var(--gold); border-radius: 18px; padding: 10px 10px 22px 22px; position: relative; z-index: 1; } body .addeventatc{background:transparent !important;} body .addeventatc_icon{display:none !important;} body .addeventatc{padding: 0 !important;border: 0 !important;box-shadow: none !important;} body .addeventatc .add-to-calendar-list .icon{ padding: 0; border: 0; box-shadow: none !important; width: 36px; height: 36px; text-align: center; line-height: 33px; border-radius: 100%; background-color: var(--Light-Teal) !important; display: inline-block; } body .addeventatc .add-to-calendar-list:hover .icon{ background-color: var(--navyblue) !important; } body .addeventatc .add-to-calendar-list span { display: inline-block; font-size: 16px; font-weight: 400; vertical-align: middle; color: var(--sky); } body .addeventatc:hover .add-to-calendar-list span{ color: var(--navyblue); } body .addeventatc:hover .add-to-calendar-list img{ filter: brightness(0) invert(1); } .event-list-sec .event-box .event-date { font-weight: 700; letter-spacing: 0.96px; } .event-list-sec .event-box .event-date span{ padding-right: 5px; } .event-list-sec .event-box .event-header-box { margin-bottom: 10px; } .event-list-sec .event-box .title{ min-height: 85px; margin-bottom: 20px; } .event-list-sec .event-box .btn-secondary{ color: var(--gold); } .event-list-sec .event-box .btn-secondary::before{ filter: brightness(0) saturate(100%) invert(100%) sepia(19%) saturate(7327%) hue-rotate(302deg) brightness(90%) contrast(82%); } .event-list-sec .event-box ul { margin-bottom: 40px; } .event-list-sec .event-box ul li{ background-repeat: no-repeat; background-position: left center; padding-left: 30px; font-size: 16px; font-weight: 400; line-height: 111%; color: var(--sky); } .event-list-sec .event-box ul li:not(:last-child){ margin-bottom: 10px; } .event-list-sec .event-box ul li.location{ background-image: url(../images/map.svg); } .event-list-sec .event-box ul li.time{ background-image: url(../images/watch.svg); } /* Event List Sec End */ /* Event List Modal Start */ .event-detail-popup { position: fixed; top: 0; height: 100vh; right: 0; height: calc((var(--vh, 1vh)* 100)); width: calc(100% - 210px); z-index: 10; opacity: 0; visibility: hidden; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; overflow-y: auto; } .event-detail-popup .event-detail-container { margin-left: 90px; box-shadow: -4px 0px 24px rgba(0, 0, 0, 0.25); height: 100%; background-color: var(--Light-Teal); } .event-detail-popup.is-active { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .event-detail-popup .close-eventpopup { position: absolute; right: 44px; top: 55px; cursor: pointer; } .event-detail-popup .close-eventpopup img{ filter: brightness(0) saturate(100%) invert(6%) sepia(85%) saturate(4684%) hue-rotate(200deg) brightness(101%) contrast(101%); max-width: 24.789px; } .event-detail-popup .close-eventpopup:hover img{ filter: brightness(0) saturate(100%) invert(74%) sepia(62%) saturate(261%) hue-rotate(336deg) brightness(88%) contrast(87%); } .event-detail-popup .event-detail-header { padding: 105px 130px 85px; background-color: var(--white); } .event-detail-popup .event-detail-header .row { row-gap: 30px; } .event-detail-popup .event-detail-body{ background-color: var(--Light-Teal); padding: 60px 130px 130px; } .event-detail-popup .event-date{ color: var(--navyblue); font-size: 18px; font-weight: 700; letter-spacing: 1.08px; text-transform: uppercase; margin-bottom: 20px; } .event-detail-popup .title{ font-size: 42px; margin-bottom: 0; } .event-detail-popup .event-detail-header ul li{ background-repeat: no-repeat; background-position: left center; padding-left: 30px; font-size: 16px; font-weight: 400; line-height: 111%; color: var(--sky); } .event-detail-popup .event-detail-header ul li:not(:last-child){ margin-bottom: 10px; } .event-detail-popup .event-detail-header ul li.location{ background-image: url(../images/map.svg); } .event-detail-popup .event-detail-header ul li.time{ background-image: url(../images/watch.svg); } .event-detail-popup .event-detail-body .btn{ margin-top: 30px; } .event-detail-popup.is-active .line-block path { animation: drawLine 10s ease forwards; animation-delay: 1s; } .event-detail-header .addeventatc{ margin-bottom: 20px; } .event-detail-popup .line-block{ z-index: 1; right: 0; left: auto; width: 38%; } .event-detail-popup .event-detail-body .row{ position: relative; z-index: 2; row-gap: 30px; } .event-detail-popup .event-detail-body .btn{ background: linear-gradient(111.22deg, #D3A985 -3.41%, #E3EBF2 60.57%, #739ABC 95.28%); color: var(--black); } .event-detail-popup .event-detail-body .btn::before{ background-image: url(../images/Arrow.svg); } .event-detail-popup .event-detail-body .btn:hover{ background: var(--gold); } .event-detail-popup .event-detail-body .btn:hover::before{ background-color: var(--gold); background-image: url(../images/Arrow.svg); } .event-detail-popup .more-detail { position: absolute; left: -61px; z-index: 1; top: 0; transform: rotate(-180deg); line-height: 118.25%; padding: 27px 8px 32px 13px; writing-mode: vertical-rl; cursor: pointer; color: var(--navyblue); text-align: center; letter-spacing: 1.08px; text-transform: uppercase; min-height: 226px; } .event-detail-popup .more-detail img { position: absolute; right: -30px; top: 0px; transform: rotate(180deg); transform-origin: 50% 48%; z-index: -1; max-width: 92px; } /* Event List Modal End */ /* Event Calendar Page End */ /* -------------- Virtual Tour -------------- */ .blue-bg{ background-color: #002147; } .banner-bottom { position: absolute; bottom: 15%; left: 30%; } .hero-slide.hero-opacity-1::before{ opacity: 1; } /* -------------- Introduction Page -------------- */ .introduction-page .hero-gallery-slider{ background: var(--white); position: relative; } .introduction-page .hero-section{ overflow: visible; position: relative; z-index: 1; } .intro-details-sec .subtitle { font-style: italic; font-size: 28px; line-height: 30px; color: #002147; text-transform: capitalize; font-weight: normal; } .introduction-page .scroll-red { left: 65px; top: calc(100vh - 108px); transform: none; } .vertical-scroll { transform: rotate(-90deg) translate(80px, -25px); display: block; font-weight: bold; } .introduction-page .scroll-red::before { height: 353px; width: 4px; background: #f2384f; background: -o-linear-gradient(top, white 50%, rgba(255, 255, 255, 0.2) 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(50%, rgba(255, 255, 255, 0.2))); background: linear-gradient(to bottom, #f2384f 50%, rgba(242, 56, 79,0.2) 50%); background-size: 100% 200%; } .intro-details-sec { padding-top: 15px; padding-bottom: 300px; z-index: 0; } .introduction-page .gallery-slider .slider__counter { display: none; } .introduction-page .gallery-slider .hero-gallery-for .gallery-img-main > img { height: 100vh; width: 100%; -webkit-animation-name: homesliderbg; animation-name: homesliderbg; -webkit-animation-duration: 25s; animation-duration: 25s; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: translate3d(0px, 0px, 0px) scale(1.10000, 1.10000); transform: translate3d(0px, 0px, 0px) scale(1.10000, 1.10000); object-fit: cover; } .introduction-page .gallery-img-main .hero-content-wrap { z-index: 2; max-width: 100%; height: 100%; padding: 0; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .introduction-page .button-wrapper { position: absolute; opacity: 1; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 2; max-width: 100%; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); animation: none !important; } .introduction-page .gallery-img-main::before{ content: ""; position: absolute; left: 0; bottom: 0; height: 70%; width: 100%; background: rgb(0,22,72); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,22,72,1)), to(rgba(255,255,255,0))); background: -o-linear-gradient(bottom, rgba(0,22,72,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(0,22,72,1) 0%, rgba(255,255,255,0) 100%); z-index: 1; opacity: 0.8; } .introduction-page .button-wrapper svg { width: 71px; height: 71px; } .introduction-page .gallery-slider .hero-gallery-for .caption { bottom: 130px; padding: 0; right: 0; left: auto; width: 521px; text-align: left; } .introduction-page .gallery-slider .hero-gallery-for .caption-inner{ position: relative; padding-bottom: 10px; font-size: 15px; font-weight: 400; } /* Hero-gallery-For Arrows */ .introduction-page .gallery-slider .hero-gallery-for .slick-arrow { background: transparent; border: none; width: 30px; height: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .introduction-page .gallery-slider .hero-gallery-for .slick-prev { left: 50px; right: auto; } .introduction-page .gallery-slider .hero-gallery-for .slick-next { left: auto; right: 50px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-slide img { height: 132px; width: 130px; object-fit: cover; } /* Hero-gallery-Nav Arrows */ .introduction-page .gallery-slider .hero-gallery-nav .slick-arrow { bottom: 0; left: auto; right: 0; } .introduction-page .gallery-slider .hero-gallery-nav .slick-prev { left: auto; right: 194px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-next { left: auto; right: 126px; } /* Hero-gallery-Nav Dots */ .introduction-page .gallery-slider .hero-gallery-nav ul.slick-dots { margin: 60px 0 0 6px; z-index: 0; height: 1px; width: 540px; top: auto; padding: 0; text-align: left; border-bottom: 1px solid #002147; } .introduction-page .gallery-slider .hero-gallery-nav ul.slick-dots li { margin: -2px 0 0 0; border: 0; padding: 0; height: 3px; border-radius: 0; width: 97px; background-color: transparent; vertical-align: top; } .introduction-page .gallery-slider .hero-gallery-nav ul.slick-dots li.slick-active { background-color: #FFCC66; } .introduction-page .gallery-slider .hero-gallery-nav .caption { padding: 10px 10px; font-size: 15px; line-height: normal; font-weight: 400; letter-spacing: 0; text-align: right; } .introduction-page .gallery-slider .hero-gallery-nav .polygon-shape { position: relative; -webkit-clip-path: polygon(30px 0%, 100% 0, 100% 100%, 0 100%, 0% 30px); clip-path: polygon(30px 0%, 100% 0, 100% 100%, 0 100%, 0% 30px); background: transparent; padding: 2px; margin-right: 18px; height: 136px; width: 130px; } .introduction-page .gallery-slider .hero-gallery-nav .polygon-box-shadow{ margin: 6px 10px 6px 10px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-current .polygon-shape { background: #fc6; } .introduction-page .gallery-slider .hero-gallery-nav .slick-current .polygon-box-shadow { box-shadow: 0 0 10px 5px rgb(0 0 0 / 60%); -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.6); -webkit-box-shadow: 0 0 8px 1px rgb(0 0 0 / 60%); -o-box-shadow: 0 0 10px 5px rgba(0,0,0,0.6); margin: 6px 10px 6px 10px; position: relative; border-radius: 50px 0 0 0; } .introduction-page .gallery-slider .hero-gallery-nav .slick-slide img { clip-path: polygon(30px 0%, 100% 0, 100% 100%, 0 100%, 0% 30px); -webkit-clip-path: polygon(30px 0%, 100% 0, 100% 100%, 0 100%, 0% 30px); } .introduction-page .gallery-slider .hero-gallery-nav .slick-list.draggable { padding-left: 0 !important; padding-right: 105px !important; } .introduction-page .gallery-slider .hero-gallery-nav { margin-top: -90px; max-width: 810px; margin-left: auto; padding-bottom: 80px; } .next-steps-page .hero-section .hero-slide:before { opacity: 1; } .virtual-tour .hero-slide{ height: 82vh; } .personalise-tour .hero-section.inner-banner .hero-content{ justify-content: flex-end; } .personalise-tour .hero-section .container{ padding-bottom: 14%; } .hero-gallery-slider .progress { max-width: 532px; margin-left: auto; position: absolute; left: auto; width: 100%; right: 280px; background-color: #1F2357; background-image: linear-gradient(to right, #fc6, #fc6); background-repeat: no-repeat; background-size: 0 100%; transition: background-size 0.4s ease-in-out; height: 2px; top: 100vh; margin-top: 110px; } .hero-gallery-slider .progress .slider__label { font-size: 0; } .gallery-slider.hero-gallery-slider .gallery-img-main .caption:after{ display: none; } .hero-gallery-slider .hero-main-progress{ top: calc(100vh - 125px); background-color: rgba(225, 225, 225, 0.77); background-image: linear-gradient(to right, #fff, #fff); right: 0; left: auto; margin: 0; } .hero-gallery-slider .video-wrapper{ padding-top: 100vh; } .hero-gallery-slider .video-wrapper .video-background-controls{ position: absolute; top: 50%; transform: translate(-50%,-50%); left: 50%; } .hero-gallery-slider .video-wrapper .img-box:before { content: ""; position: absolute; top: 0; height: 100%; width: 100%; background-image: url(../images/overlay-video.png); background-repeat: no-repeat; background-position: bottom; background-size: cover; left: 0; z-index: -1; } .hero-gallery-slider .video-wrapper .play-toggle { border: 0; background-color: transparent; padding: 0; } .hero-gallery-slider .video-wrapper .play-toggle img{ margin: 0 auto; } .hero-gallery-slider .video-slide .caption:after{ display: none; } .introduction-page .site-header{ display: none; } .hero-gallery-for .slide-img{ height: calc((var(--vh, 1vh) * 100)); width: 100%; object-fit: cover; } .video-wrapper .img-box { height: 100%; width: 100%; position: absolute; z-index: 0; background-size: cover; overflow: hidden; inset: 0px; } .hero-gallery-slider .video-wrapper .video-background-controls svg{ height: 60px; width: 60px; } .hero-gallery-slider .readnext{ font-size: 16px; color: #A51C43; letter-spacing: 1.3px; } .news-tilesclick .tiles-input { position: absolute; top: 0; height: 100%; width: 100%; appearance: none; cursor: pointer; z-index: 1; } .news-tilesclick .news-box-wrapper .btn-close-white .close { display: none; } .news-tilesclick .news-box-wrapper.select .btn-close-white, .news-tilesclick .news-box-wrapper:hover .btn-close-white{ opacity: 1; visibility: visible; transform: scale(1); } .news-tilesclick .news-box-wrapper.select .btn-close-white .tick{ display: block; } .news-tilesclick .news-box-wrapper.select .btn-close-white .close{ display: none; } .news-tilesclick .news-box-wrapper.select:hover .btn-close-white .close{ display: block; } .news-tilesclick .news-box-wrapper.select:hover .btn-close-white .tick{ display: none; } /* employee page */ .position-list-wrp .container { max-width: 1220px; } .position-list { background-color: #F2F4F6; padding-bottom: 170px; } .position-list-wrp .row{ margin: 0 -15px -30px; } .position-list-wrp .row > div{ padding: 0 15px; margin-bottom: 30px; } .position-list-wrp .bg-img{ background-position: 50% 20px; background-size: auto; } .position-list-wrp .news-box{ clip-path: polygon(82px 0%, 100% 0, 100% 100%, 0 100%, 0% 82px); -webkit-clip-path: polygon(82px 0%, 100% 0, 100% 100%, 0 100%, 0% 82px); padding: 120px 25px 65px 10px; } .position-list-wrp .news-box .news-content{ position: relative; display: flex; flex-direction: column; justify-content: end; padding: 0; height: 100%; } .position-list-wrp .news-box .news-content .info{ letter-spacing: 2px; font-size: 14px; } .position-list-wrp .news-box .news-content .title{ font-size: 31px; letter-spacing: 1px; line-height: 1; margin-bottom: 20px; } .position-list .section-title .title, .emp-detail .emp-detail-box h3{ letter-spacing: 5px; font-weight: 700; text-transform: uppercase; } .position-list .section-title p, .intro-content p{ color: #1f2357; font-weight: 300; line-height: 1.4; font-size: 18px; } .intro-content p b{ font-weight: 500; } .intro-content blockquote { border-left-color: #F2384F; margin-bottom: 50px; } .common-content-section.intro-content h1, .emp-detail .emp-detail-box h3{ margin-bottom: 50px; } .digital-teach{ background-color: #F2F4F6; padding: 90px 0; } .digital-teach .time{ letter-spacing: 3px; color: #A51140; font-size: 20px; line-height: 32px; } .digital-teach .inner :last-child, .emp-detail .emp-detail-box:last-child{ margin-bottom: 0; } .emp-detail .col-left{ padding: 110px 40px 60px 260px; } .emp-detail .col-right{ padding: 110px 85px 60px 40px; background-color: #fffdf4; background-image: url(../images/Testi-dots-right.png); background-repeat: no-repeat; background-position: right bottom; background-size: contain; } .emp-detail .emp-detail-box { margin-bottom: 70px; } .emp-detail.common-content-section .link-wrapper { margin-bottom: 12px; } .emp-detail .col-right .emp-detail-box ul{ list-style: decimal; } .emp-form.form-section .fui-field:not(.fui-type-hidden-field).title{ margin: 60px 0 40px; } .emp-form .fui-btn-container { margin-top: 30px; } body .emp-form.form-section .fui-label, body .emp-form.form-section .fui-legend, .emp-form.form-section .fui-checkbox label, .form-section .fui-radio label{ font-weight: 400; } .emp-form.form-section .fui-page-field select, .emp-form.form-section .fui-page-field input, .emp-form.form-section .fui-page-field textarea{ border-color: #002147; background-color: transparent; } .emp-form.form-section .fui-select:not([multiple]):not([size]){ font-size: 16px; color: #666; font-weight: 400; background: url(../images/select-duoble-arrow.svg); background-repeat: no-repeat; background-position: 96% center; } .emp-form.form-section .fui-checkbox label:before, .emp-form.form-section .fui-radio label:before{ border-color: #002147; background-color: transparent; width: 18px; height: 18px; } .form-section .fui-radio input:checked+label:before {background-color: #002147;border-color: #002147;-webkit-box-shadow: inset 0px 0px 0px 4px #f2f4f6;box-shadow: inset 0px 0px 0px 4px #f2f4f6;} .emp-form.form-section .fui-checkbox label, .emp-form.form-section .fui-radio label{ min-height: 19px; padding-left: 30px; } .emp-form.form-section .fui-page-field textarea { resize: auto; } /*****/ /* .header-sticky .alert-module { display: none; } */ .page-wrapper { position: relative; } /* Alert css start */ .alert-module{ z-index: 4; width: calc(100% - 96px); background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(6px); top: 0; } .alert-module .alert { display: flex; justify-content: center; align-items: center; padding: 13px 45px 13px 15px; } .alert-module .alert p{ font-size: 14px; font-weight: 500; line-height: 147%; letter-spacing: 2.94px; text-transform: uppercase; color: var(--navyblue); } .alert-module .btn-secondary{ z-index:1; } .alert-module .close-btn { top: 14px; right: 17px; margin: auto; display: flex; width: 19px; height: 19px; cursor: pointer; } /* Alert css End */ /* Inner banner css start */ .inner-banner-content{ background-color: var(--Light-Teal); padding: 170px 0; min-height: 605px; z-index: 1; } .inner-banner-content .subtitle{ font-size: 22px; letter-spacing: 1.32px; } .inner-banner-content .container{ max-width: 1580px; } .inner-banner .banner-desc{ max-width: 520px; margin-left: auto; } .inner-banner-img { transition: all 0.4s; width: 100%; } .inner-banner-slider { overflow: hidden; } .inner-banner-slider .img-wrapper{ padding-top: 57%; } .inner-banner-slider.overlay:before{ opacity: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 58.57%, rgba(0, 0, 0, 0.90) 82.71%); z-index: 1; } /* Inner banner css end */ /* staff module css start */ .staff-module .row{ row-gap: 30px; } .staff-module .container { max-width: 1420px; } .staff-module .staff-name { font-weight: 700; margin: 10px 0 0; font-size: 18px; } .staff-module .staff-desi{ font-size: 16px; color: var(--gold); } .staff-module .staff-profile .img-wrapper{ border-radius: 18px; } .staff-module .staff-profile .img-wrapper img{ transition: all 0.4s; } .staff-module .staff-profile:hover .img-wrapper img{ transform: scale(1.15); } .staff-module .staff-profile .staff-content .icon { position: absolute; right: 0; top: 0; filter: brightness(0) saturate(100%) invert(88%) sepia(76%) saturate(526%) hue-rotate(303deg) brightness(89%) contrast(83%); transition: all 0.5s; max-width: 42px; padding: 0 7px; } .staff-module .staff-profile:hover .staff-content .icon{ max-width: 42px; padding: 0; } .staff-module .staff-profile .icon.hover, .staff-module .staff-profile:hover .icon.default{ opacity: 0; } .staff-module .staff-profile:hover .icon.hover{ opacity: 1; } .staff-module .staff-profile.no-bio .icon{ display: none; } .staff-module a .staff-bio{ opacity: 0; bottom: 0; z-index: 2; transition: all 0.4s; left: 0; padding: 25px; } .staff-module a:hover .staff-bio{ opacity: 1; } .staffmodal{ background: rgba(255, 255, 255, 0.60); backdrop-filter: blur(2px); padding: 15px 15px 15px 95px; } .staffmodal .bio-conent p, .staffmodal .bio-conent li{ color: var(--white); } .staffmodal .bio-conent a{ color: var(--gold); } .staffmodal .bio-conent a:hover{ color: var(--Light-Teal); } .staffmodal .modal-dialog{ max-width: 1653.218px; } .staffmodal .modal-content{ border-radius: 18px; background-color: var(--navyblue); padding: 25px 75px 240px 25px; } .staffmodal .btn-close { background: none; position: absolute; right: 20px; top: 20px; width: auto; z-index: 1; } .staffmodal .btn-close img{ max-width: 24px; margin-left: 3px; } .staffmodal .btn-close:hover img{ filter: brightness(0) saturate(100%) invert(100%) sepia(42%) saturate(3236%) hue-rotate(305deg) brightness(87%) contrast(88%); } .staffmodal .staff-content-box { padding-left: 55px; padding-top: 100px; } .staffmodal .profile-header { border-bottom: 1px solid var(--gold); padding-bottom: 25px; margin-bottom: 55px; } .staffmodal .profile-header h4 { font-size: 32px; } .staffmodal .profile-header p{ font-size: 22px; font-weight: 400; color: var(--gold); } .staffmodal .bio-conent { max-width: 850px; } .staffmodal .line-block{ z-index: 1; left: auto; right: 0; width: 40%; } .staffmodal.show .line-block path { animation: drawLine 10s ease forwards; animation-delay: 1s; } .staffmodal .staff-img img{ border-radius: 18px; } /* staff module css end */ /* app open sec css start */ .appopen-sec{ background-color: var(--navyblue); z-index: 1; overflow: hidden; } .appopen-sec .col-left{ padding: 100px 30px 100px 140px; width: 55%; } .appopen-sec .col-right{ width: 45%; } .appopen-sec .img-wrapper{ padding-top: 63%; height: 100%; } .appopen-sec .appopen-content{ max-width: 700px; } .appopen-sec .appopen-content .desc{ max-width: 500px; margin: 0 auto; } .appopen-sec .appopen-content .desc *{ color: var(--white); } .appopen-sec .appopen-content .desc a{ color: var(--gold); } .appopen-sec .appopen-content .desc a:hover{ color: var(--navyblue); } .appopen-sec .appopen-content .btn{ margin-top: 40px; } .appopen-sec .appopen-content h3{ margin-bottom: 35px; } /* app open sec css end */ /* navlink sec css start */ .navlink-sec{ margin: 70px 0; } .navlink-sec .container { max-width: 1320px; } .navlink-sec .navlink-box { background: linear-gradient(102.2deg, var(--gold) 17.92%, #E3EBF2 49.2%, var(--green) 80.94%); border-radius: 18px; transition: all 0.3s ease; height: 100%; min-height: 245px; padding: 1px; } .navlink-sec .navlink-content { height: 100%; background: var(--white); transition: all 0.3s ease; border-radius: 18px; padding: 40px 15px 15px; transition: all 0.4s; } .navlink-sec .navlink-box:hover .navlink-content{ padding-bottom: 50px; } .navlink-sec .navlink-box:hover { background: linear-gradient(102.2deg, var(--navyblue) 17.92%, var(--green) 80.94%); } .navlink-sec .navlink-box:hover .navlink-content{ background: linear-gradient(206.75deg, var(--navyblue) 0.53%, var(--green) 83.24%); } .navlink-sec .navlink-box::after { content: ""; position: absolute; right: 30px; width: 100%; height: 100%; background-image: url(../images/arrow-rotate.svg); background-repeat: no-repeat; background-position: right top; top: 30px; transition: all 0.4s; } .navlink-sec .navlink-box:hover::after { right: 18px; top: 18px; background-image: url(../images/arrow-rotate-white.svg); } .navlink-sec .navlink-content span{ font-size: 22px; } .navlink-sec .navlink-content h5{ font-size: 32px; text-transform: inherit; } .navlink-sec .navlink-content h5, .navlink-sec .navlink-content span{ color: var(--sky); font-weight: 400; letter-spacing: 0; } .navlink-sec .navlink-box:hover .navlink-content h5, .navlink-sec .navlink-box:hover .navlink-content span{ color: var(--white); } /* navlink sec css end */ /* articel videomodal css start */ .articel-videomodal h1{ background: unset; background-clip: unset; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background-size: unset; animation: unset; } .articel-videomodal .modal-content{ padding: 50px 50px 130px!important; } .articel-videomodal .modal-dialog { max-width: 1199px; } .articel-videomodal .modal-body{ z-index: 2; } /* articel videomodal css end */ /*****/ /* --------------------------------- */ /*responsive css*/ @media only screen and (min-width: 991px) { .intro-details-sec .container.full { padding-left: 115px; padding-right: 115px; } } @media only screen and (min-width: 1366px) { .ms-70{ margin-left: 70px; } } @media only screen and (min-width: 1800px){ /* footer css start */ footer .container { padding-left: 260px; } /* footer css end */ .next-steps-page .hero-section .hero-content-wrap { transform: translateY(-35%) ; top: 30% ; } } @media only screen and (max-width: 3000px) and (min-width: 2560px) { .next-steps-page .hero-section .hero-content-wrap { transform: translateY(-15%); top: 30%; } } @media only screen and (min-width: 1920px) { /* Newsletter Article page Start */ /* Newsletter Article Banner sec Start */ .newsletter-article-banner .container { max-width: 100%; padding-left: 280px; padding-right: 185px; } } @media only screen and (max-width: 1920px) { .next-steps-page .hero-section .hero-content-wrap { transform: translateY(-30%); top: 30%; } } @media only screen and (max-width: 1799px){ .next-steps-page .hero-section .hero-content-wrap { transform: translateY(-15%); top: 20%; } } @media only screen and (max-width: 1680px) { .inner-banner .hero-content{ padding-left: 50px; } .position-list-wrp .news-box{ padding: 120px 20px 60px 10px; } .position-list-wrp .news-box .news-content .info{ font-size: 12px; } .emp-detail .col-left{ padding: 110px 40px 60px 220px; } /* Tiles Sec Start */ .tiles-sec .grid-item.grid .title{ padding-inline: 25px; } /* Tiles Sec End */ } @media only screen and (max-width: 1560px) { /* tab section start css */ .why-choose .why-choose-action{ right: 60px; } /* tab section start end */ /* Tiles Sec Start */ .tiles-sec .grid-item{ padding-top: 340px; } /* Tiles Sec End */ /* Newsletter Article page Start */ /* Also in Edition css Start */ .this-edition-menu{ width: calc(100% - 300px); } /* Also in Edition css End */ /* Newsletter Article page End */ .hero-slider .slick-arrow svg{ max-width: 40px; } .news-box .bg-img{ background-size: 60px; } .navigation-container{ height: calc((var(--vh, 1vh)* 100) - 230px); } .nav-quicklink-list ul li{ margin: 10px 0; } .quicklink-innerdiv{ width: 48%; } .site-navbox{ padding: 90px 30px 75px 122px; } .drop-down ul li a { font-size: 20px; } .hero-section.inner-banner .hero-content{ padding-left: 0px; width: 100%; margin-left: 0; } .personalise-tour .newsprev-edititon { margin-top: -100px; } .position-list-wrp .news-box .news-content .title { font-size: 22px; } .position-list-wrp .news-box { padding: 110px 10px 30px 10px; clip-path: polygon(60px 0%, 100% 0, 100% 100%, 0 100%, 0% 60px); -webkit-clip-path: polygon(60px 0%, 100% 0, 100% 100%, 0 100%, 0% 60px); } .emp-detail .col-left { padding: 110px 40px 60px 170px; } } @media only screen and (max-width: 1024px) and (min-width: 880px) { .introduction-page .gallery-slider .hero-gallery-nav { max-width: 650px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-list.draggable{ padding-right: 80px !important; } .introduction-page .gallery-slider .hero-gallery-nav ul.slick-dots { width: 350px; margin: 40px 0 0 0; } .introduction-page .gallery-slider .hero-gallery-nav .slick-prev { right: 140px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-next { right: 75px; } .hero-gallery-slider .progress.botton-progress{ right: 230px; max-width: 420px; margin-top: 80px; } .hero-gallery-slider .hero-main-progress { right: 0; max-width: 532px; bottom: 260px; } } @media only screen and (max-width: 880px) and (min-width: 767px) { .introduction-page .gallery-slider .hero-gallery-nav { max-width: 460px; padding-bottom: 60px; } .introduction-page .gallery-slider .hero-gallery-nav ul.slick-dots { width: 300px; margin-top: 40px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-next { right: 40px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-prev { right: 100px; } .hero-gallery-slider .progress.botton-progress{ right: 170px; max-width: 290px; margin-top: 63px; } .hero-gallery-slider .hero-main-progress { right: 0; max-width: 282px; bottom: 212px; } .introduction-page .gallery-slider .hero-gallery-for .caption{ width: 270px; } } @media only screen and (max-width: 1440px) and (min-width: 1199px) { .navigation-close{ right: 20px; top: 20px; } header.logo-left { padding-top: 35px; } } @media only screen and (max-width: 1440px){ .container { padding-left: 155px; padding-right: 60px; } .big-h1{ font-size: 62px; } /* header css start */ .sidebar-header .header-body{ margin-bottom: 90px; } .site-header.header-center{ padding: 13px 0 0; } .menu-icon{ padding: 37px 5px 25px 5px; } /* header css end */ /* footer css start */ .footer-bottom .ft-tag-line { padding-left: 20px; } /* footer css end */ /* testimonial sec css start */ .testimonial-wrapper .desc { max-width: 525px; } .testimonial-slider{ margin-left: 130px; } .testimonial .line-block { left: -40px; } .testimonial-slider::before{ top: -25px; } .testimonial-slider::after{ bottom: -25px; } /* testimonial sec css end */ /* news sec css start */ .news-slider .news-slide { padding: 0 12px; } .news-slider .slick-list { margin: 0 -12px; } .news-sec .news-row>div { padding-inline: 22px; } .news-sec .news-row { margin-inline: -22px; } .news-sec .col-right { width: 62%; } .news-sec .col-left{ width: 38%; } .news-slider .slick-next { right: 65px; } .news-slider .slick-prev { right: 128px; } .news-slider .slick-dots{ width: calc(100% - 230px); } /* news sec css end */ /* video-module css start*/ .video-module .video-wrapper{ padding-top: 100%; max-width: 100%; } /* video-module css end */ /* quicklink section css start */ .quicklink-content h5 p{ font-size: 22px; } .quicklink-content h4 { font-size: 16px; } .quicklink-box.expand .quicklink-content .quicklink-inner{ padding-inline: 15px; } .quicklink-content{ min-height: 220px; } .quicklink-content .quicklink-inner{ padding: 15px; } /* quicklink section css end */ /* Inner banner css start */ .inner-banner .banner-desc { max-width: 370px; margin: 0 auto; } /* Inner banner css end */ /* image with text sec css start */ .img-with-text .text-col{ padding: 0 35px; } .img-with-text .text-col .h1{ font-size: 62px; } .img-with-text .text-col .desc p, .img-with-text .text-col .desc li{ font-size: 16px; } .img-with-text.left .text-col { padding: 0 35px 0 0; } .img-with-text.sky .line-block { left: auto; width: 67%; right: -3px; bottom: 0px; transform: rotate(-4deg); } .img-with-text.sky { padding: 90px 0 75px; } .img-with-text.blue { padding: 110px 0 75px; } /* image with text sec css end */ /* Photo Gallery Module Start */ .gallery-sec .gallery-img-main img{ height: 584px; } .gallery-slider .slick-next { right: 16%; } .gallery-slider .slick-prev { right: calc(16% + 60px); } .gallery-slider .slick-dots{ right: calc(16% + 140px); } /* Photo Gallery Module end */ /* staff module css start */ .staffmodal{ padding: 15px; } /* staff module css end */ .hero-section .button-wrapper{ bottom: 84px; right: 90px; } .hero-section .hero-content-wrap{ padding-bottom: 85px; } .hero-section .hero-content{ padding-left: 35px; } .site-navbox { width: 65%; } .navigation-col.right { width: 35%; } .menu-footer{ width: 100%; } .site-navbox{ padding: 80px 30px 75px 90px; } .nav-link-div ul>li>a{ font-size: 28px; letter-spacing: 1.96px; } .drop-down ul li a{ font-size: 18px; letter-spacing: 0.63px; } .drop-down ul{ padding-left: 30px; } .quicklink-innerdiv{ width: 55%; } .tiles-sec .grid-item{ padding-top: 350px; } .tiles-sec .grid-item.tall { padding-top: 700px; } .video-news-slider{ padding-right: 150px; } .personalise-tour .news-box .news-content .title { font-size: 24px; line-height: 28px; } .next-steps-page .hero-section .hero-content-wrap { transform: translateY(-30%); } .intro-details-sec{ padding-bottom: 150px; } } @media only screen and (max-width: 1366px) { body,p,ul li, ol li{font-size: 16px;} /* menu css start */ .quicklink-innerdiv { width: 59%; } .nav-quicklink-list ul li{ width: 19.7%; } .nav-quicklink-list ul li a span{ min-height: auto; } .navigation-container { height: calc((var(--vh, 1vh)* 100) - 210px); } .site-navbox { padding: 53px 30px 50px 53px; } /* menu css end */ /* Hero Banner css start */ .banner-line{ bottom: -160px; } .banner-line:before{ height: 180px; } /* Hero Banner css end */ /* quicklink section css start */ .quicklink-box.expand, .quicklink-box.notexpand{ width: 20%; } .quicklink{ padding: 60px 0 115px; } /* quicklink section css end */ /* news sec css start */ .news-slider .slick-arrow { bottom: 0; } .news-slider { padding-bottom: 90px; } .news-sec { padding: 130px 0 115px; } .news-sec .line-block{ right: -70px; } .news-sec .news-box-main{ height: calc(100% - 89px); } .quicklink-content{ min-height: 209px; } /* news sec css end */ /* tab section start css */ .why-choose .why-choose-slidernav{ width: 43%; padding: 62px 110px 62px 40px; } .why-choose .why-choose-slider { width: 57%; } .why-choose-wrp .desc { max-width: 330px; } .why-choose-wrp .desc{ font-size: 16px; line-height: 127%; } .why-choose-wrp .desc p{ font-size: 16px; } .why-choose-wrp .title{ font-size: 48px; } /* tab section start end */ /* call to action section css start */ .call-to-action .desc { max-width: 486px; margin-left: auto; } .call-to-action .desc p{ font-size: 18px; } /* call to action section css end */ /* video-module css start*/ .video-module .desc p{ font-size: 18px; } /* video-module css end*/ /* app open sec css start */ .appopen-sec .line-block{ left: -80px; } /* app open sec css end */ /* Tiles Sec Start */ .tiles-sec .grid-item { padding-top: 260px; margin: 0 10px; } .tiles-sec .tiles-grid{ margin-inline: -10px; row-gap: 20px; } .tiles-sec .grid-item.grid { width: calc(25% - 20px); } .tiles-sec .grid-item.half { width: calc(50% - 20px); } .tiles-sec .grid-item .title, .tiles-sec .grid-item.grid .title{ padding: 30px 15px 30px 30px; } .tiles-sec .grid-item .title{ font-size: 22px; } /* Tiles Sec end */ /* imgDivider Start*/ .imgDivider-module .imgDivider-content h4{ font-size: 22px; letter-spacing: 0.66px; } /* imgDivider end*/ /* Photo Gallery Module Start */ .gallery-slider .slick-next { right: 14.5%; } .gallery-slider .slick-prev { right: calc(14.5% + 60px); } .gallery-slider .slick-dots{ right: calc(14.5% + 140px); } /* Photo Gallery Module end */ /* Latest News Single List Sec Start */ .latest-news-singlelist .col-right{ padding-left: 20px; } .latest-news-singlelist .content h3 { font-size: 42px; margin-bottom: 30px; } /* Latest News Single List Sec End */ /* Newsletter Article page Start */ /* Also in Edition css Start */ .this-edition-menu{ width: calc(100% - 250px); padding: 125px 70px; } .this-edition-menu .h1{ font-size: 70px; } /* Also in Edition css End */ /* Newsletter Article page End */ /* Newsletter ListView page Start */ /* Newsletter listview grid Start */ .newsletter-listview .grid-item-box .icon { margin-bottom: 40px; max-width: 100px; } /* Newsletter ListView grid End */ /* Newsletter ListView page End */ /* Newsletter Readerview page Start */ /* Newsletter Readerview Banner Start */ .newsletter-readerview-banner .col-right { padding: 70px 15px 30px 30px; } /* Newsletter Readerview Banner End */ /* Newsletter Readerview page End */ /* Event Calendar Page Start */ /* Event List Modal Start */ .event-detail-popup .event-detail-header{ padding: 100px 70px 60px 70px; } .event-detail-popup .event-detail-body{ padding: 60px 70px 100px; } /* Event List Modal End */ /* Event Calendar Page End */ .personalise-tour .hero-section .container { padding-bottom: 16%; } .position-list-wrp .news-box .news-content .title{ font-size: 26px; } .position-list-wrp .news-box .news-content .info{ letter-spacing: 1px; } .emp-detail .col-left { padding: 110px 40px 60px 130px; } } @media only screen and (max-width: 1199px) { /* .big-h1{font-size: 60px;} */ h1, .h1{font-size: 66px;} /* h2,.h2{font-size: 42px;} h3,.h3{font-size: 28px;} .h5,h5{font-size: 18px;} */ .section-padding { padding-top: 80px; padding-bottom: 80px; } .container { padding-left: 135px; padding-right: 40px; } /* footer css start */ .footer-bottom{ margin-right: 40px; } .footer-bottom .ft-tag-line p{ font-size: 23px; } footer .line-block{ width: 70%; } /* footer css end */ /* testimonial sec css start */ .testimonial .line-block{ width: 37%; bottom: 60px; } .testimonial-slider::before, .testimonial-slider::after{ width: 181px; height: 118px; } /* testimonial sec css end */ /* news sec css start */ .news-sec .col-left { width: 43%; } .news-sec .col-right { width: 57%; } .news-sec .news-box-main { height: calc(100% - 155px); } /* news sec css end */ /* tab section start css */ .why-choose .why-choose-action { right: 40px; bottom: 40px; } .why-choose-wrp .title { font-size: 42px; } /* tab section end css */ /* quicklink section css start */ .quicklink-box { width: 25%; } .quicklink-content{ margin: 0; } .quicklink-box.expand { margin: 15px auto 0; width: 100%; max-width: 480px; } .quicklink-content{ min-height: 185px; } /* quicklink section css end */ /* call to action section css start */ .call-to-action{ min-height: 550px; } /* call to action section css end */ /* app open sec css start */ .appopen-sec .col-left{ width: 60%; } .appopen-sec .col-right { width: 40%; } .appopen-sec .line-block{ left: -50px; width: 60%; } /* app open sec css end */ /* image with text sec css start */ .img-with-text .text-col .h1 { font-size: 50px; margin-bottom: 35px; } .img-with-text .text-col { padding: 0 0 0 12px; } .img-with-text .btn { margin-top: 40px; } .img-with-text { padding: 110px 0; } .img-with-text.white{ margin-top: 110px; } .img-with-text.left .text-col { padding: 0 15px 0 0; } /* image with text sec css end */ /* Photo Gallery Module Start */ /* .gallery-sec .slick-slide.slick-current .gallery-img-main img { height: 450px; } */ .gallery-sec .gallery-img-main img { height: 400px; } .gallery-slider { min-height: 570px; } .gallery-slider .slick-next { right: 16%; } .gallery-slider .slick-prev { right: calc(16% + 60px); } .gallery-slider .slick-dots{ right: calc(16% + 140px); } /* Photo Gallery Module end */ /* staff module css Start */ .staffmodal .modal-content{ padding: 25px 75px 190px 25px; } /* staff module css End */ /* Latest News Single List Sec Start */ .latest-news-singlelist .content h3 { font-size: 36px; } /* Latest News Single List Sec End */ /* Newsletter Article page Start */ /* Also in Edition css Start */ .this-edition-menu{ width: calc(100% - 180px); padding: 125px 40px; } .this-edition-menu .h1{ font-size: 60px; } /* Also in Edition css End */ /* Newsletter Article page End */ /* Newsletter ListView page Start */ /* Newsletter listview grid Start */ .newsletter-listview .grid-item{ padding: 8px; } .newsletter-listview .grid-row { margin-inline: -8px; } .newsletter-listview .news-content{ padding: 20px; } .newsletter-listview .grid-item-box .icon { margin-bottom: 30px; max-width: 80px; } .newsletter-listview .grid-item-box .title{ font-size: 28px; } /* Newsletter ListView grid End */ /* Newsletter ListView Single block Start */ .newsletter-listview-single .desc{ min-height: auto; } .newsletter-listview.section-margin{ margin-top: -100px; } /* Newsletter ListView Single block End */ /* Newsletter ListView page End */ /* Newsletter Readerview page Start */ /* Newsletter Readerview Banner Start */ .newsletter-readerview-banner .col-right { padding: 20px 15px 20px 20px; } .newsletter-readerview-banner .col-left { margin-bottom: -50px; } .newsletter-readerview-banner{ margin-bottom: 130px; } /* Newsletter Readerview Banner End */ /* Newsletter Readerview page End */ /* Event Calendar Page Start */ /* Event List Modal Start */ .event-detail-popup{ width: calc(100% - 110px); } .event-detail-popup .close-eventpopup{ right: 35px; top: 35px; } .event-detail-popup .event-detail-header { padding: 70px 50px 50px 50px; } .event-detail-popup .event-detail-body { padding: 50px 50px 80px; } .event-detail-popup .title{ font-size: 36px; } /* Event List Modal End */ /* Event Calendar Page End */ .search-wrapper .title { margin: 0 0 40px; } .hero-content .desc p{ font-size: 28px; } .banner-line { bottom: -130px; } .hero-section .button-wrapper{ right: 15px; } .hero-section .hero-content{ width: 62%; padding-left: 0px; } .banner-line:before { height: 150px; } .site-header.logo-left .container.full { padding-left: 35px; } .quicklink-innerdiv { width: 68%; } .nav-link-div { width: 50%; } .nav-link-div ul.main-menu>li{ margin-bottom: 15px; } .navigation-close{ right: 30px; top: 30px; } .latest-news .left-block:after{ bottom: -15px; left: -15px; } .news-box-main:after{ top: -15px; left: -15px; } .hero-slider .slick-arrow{ padding-top: 110px; } footer .footer-top .container.full{ padding-right: 30px; } .section-margin { margin-top: 80px; margin-bottom: 80px; } .quicklink-box.notexpand { width: 25%; } .inner-videomodule-text{ padding: 30px; } .inner-videomodule-content{ padding-left: 25px; } header.logo-left { padding-top: 30px; } .edition-menu{ height: calc(100vh - 305px); } .edition-modal .event-date { padding: 28px 60px 35px 160px; } .cta h1 { margin-bottom: 40px; } .cta .btn-secondary{ margin-top: 20px; } .personalise-tour .hero-section .container { padding-bottom: 180px; } .position-list .section-title .title, .emp-detail .emp-detail-box h3{ letter-spacing: 2px; font-size: 30px; } .position-list-wrp .news-box .news-content .info { font-size: 10px; } .intro-content blockquote, .common-content-section.intro-content h1, .emp-detail .emp-detail-box h3{ margin-bottom: 35px; } .emp-detail .col-left { padding: 80px 30px 60px 60px; } .emp-detail .col-right{ padding: 80px 60px 60px 40px; } .digital-teach{ padding: 80px 0; } .digital-teach .time{ font-size: 16px; line-height: 1.4; } } @media only screen and (max-width: 1024px){ .introduction-page .button-wrapper svg { width: 30px; height: 30px; } .introduction-page .button-wrapper a strong { font-size: 14px; } .introduction-page .gallery-slider .hero-gallery-nav .polygon-shape { height: 105px; width: 105px; } .introduction-page .gallery-slider .hero-gallery-nav .slick-slide img { height: 100px; width: 100px; } } @media only screen and (max-width: 991px) { /* .big-h1{font-size: 50px;}*/ h1,.h1{font-size: 64px;} /* h2,.h2{font-size: 36px;} */ /* h3,.h3{font-size: 26px;} */ .container,.container.inner{ padding-left: 125px; padding-right: 30px; } .section-margin { margin-top: 60px; margin-bottom: 60px; } /* alert css start */ .alert-module .btn-secondary{ padding: 0 30px 0 0; } .alert-module .btn-secondary:hover{ padding: 0 0 0 30px; } .alert-module .alert p{ letter-spacing: 2.24px; text-align: left; } .alert-module .alert{ justify-content: start; } /* alert css end */ /* footer css start */ .footer-logo img{ max-width: 220px; } .footer-bottom .ft-tag-line { padding-left: 12px; } footer{ padding-top: 45px; } footer .line-block { right: 0; bottom: 108px; } /* footer css end */ /* testimonial sec css start */ .testimonial-slider { margin-left: 20px; } .testimonial .line-block{ bottom: 90px; } /* testimonial sec css end */ /* cta sec & Hero section btn start */ .cta-sec .btn, .hero-content .btn{ min-width: 198px; padding: 12px 50px 12px 20px; min-height: 60px; } .cta-sec .btn:hover, .hero-content .btn:hover{ padding-left: 50px; padding-right: 20px; } .cta-sec .btn:hover::before, .hero-content .btn::before{ background-position: 20px 50% } /* new sec css start */ .news-sec .news-row>div { padding-inline: 15px; } .news-sec .news-row { margin-inline: -15px; } .news-sec .news-box-main .title{ padding: 20px 30px 20px 20px; } .news-sec .news-main-content{ padding: 30px 15px 30px 20px; } .news-sec .col-right { width: 55%; } .news-sec .col-left { width: 45%; } .news-sec .line-block{ width: 170px; } .news-sec .news-box-main { height: calc(100% - 90px); } /* new sec css end */ /* tab section start css */ .why-choose .why-choose-slidernav { width: 47%; padding: 62px 80px 62px 30px; } .why-choose .why-choose-slider { width: 53%; } .why-choose-wrp .title { margin-bottom: 60px; font-size: 36px; } .why-choose .why-choose-action { right: 20px; bottom: 20px; } /* tab section end css */ /* quicklink section css start */ .quicklink-content .quicklink-inner{ padding: 30px 50px 30px 20px; } .quicklink-content { min-height: auto; } .quicklink-box.notexpand>a::after{ right: 10px; top: 10px; } .quicklink-content h4{ font-size: 22px; } .quicklink-content h5 p { font-size: 32px; } .quicklink-box.notexpand{ margin-top: 0; } .quicklink-box.notexpand>a{ height: 100%; } /* quicklink section css end */ /* app open sec css start */ .appopen-sec .col-left{ width: 100%; padding: 35px 30px 50px 120px; } .appopen-sec .col-right { width: 100%; } .appopen-sec .line-block { left: 0; width: 70%; } .appopen-sec .row{ flex-direction: column-reverse; } /* app open sec css end */ /* common sec css start */ .common-content-section .figure-left, .common-content-section .figure-right{ width: 50% !important; } /* common sec css end */ /* navlink sec css start */ .navlink-sec .navlink-content h5{ font-size: 28px; } /* navlink sec css end */ /* image with text sec css start */ .img-with-text .container{ max-width: 768px; } .img-with-text.white .line-block { width: 1170px; top: 38%; bottom: auto; transform: translateY(-38%); } .img-with-text.white { margin-top: 80px; } .img-with-text,.img-with-text.blue,.img-with-text.sky { padding: 80px 0; } .img-with-text .text-col, .img-with-text.left .text-col { padding: 0 12px; } .img-with-text.blue .line-block { right: 0; left: auto; width: 1030px; transform: translateY(-38%); top: 38%; bottom: auto; } .img-with-text.sky .line-block { bottom: auto; top: 45%; transform: translateY(-45%); width: 1000px; } /* image with text sec css end */ /* Photo Gallery Module Start */ .gallery-sec .gallery-img-main img { height: 300px; } .gallery-sec .slick-slide{ padding: 0 22px; } .gallery-slider { min-height: 400px; } .gallery-slider .slick-next { right: 15%; } .gallery-slider .slick-prev { right: calc(15% + 60px); } .gallery-slider .slick-dots{ right: calc(15% + 140px); } /* Photo Gallery Module end */ /* Tiles Sec Start */ .tiles-sec .grid-item{ padding-top: 180px; } .tiles-sec .grid-item .title { font-size: 20px; } .tiles-sec .grid-item .title, .tiles-sec .grid-item.grid .title { padding: 30px 15px 20px 20px; } /* Tiles Sec end */ /* imgDivider Start*/ .imgDivider-module .line-block{ width: 50%; } /* imgDivider End*/ /* staff module css Start */ .staffmodal .staff-content-box { padding-left: 15px; padding-top: 40px; } .staffmodal .modal-content { padding: 25px 75px 150px 25px; } /* staff module css End */ /* video-module css start*/ .video-module .desc { max-width: 100%; } /* video-module css End */ /* Latest News List page Start */ /* Latest News tab Start */ .latest-news-tab { margin-top: 100px; } /* Latest News tab End */ /* Latest News Single List Sec Start */ .latest-news-singlelist .col-right { padding-left: 12px; } .latest-news-singlelist .content h3 { font-size: 28px; margin-bottom: 20px; } .latest-news-singlelist .content .desc { margin-bottom: 25px; } /* Latest News Single List Sec End */ /* Latest News List Sec Start */ .latest-news-list .news-item>div { padding-inline: 12px; } .latest-news-list .news-item { margin-inline: -12px; } /* Latest News List Sec End */ /* Latest News List page End */ /* Newsletter Article page Start */ /* Also in Edition css Start */ .this-edition-menu { width: calc(100% - 160px); padding: 70px 30px; } .this-edition-menu .h1 { font-size: 46px; margin-bottom: 50px; } .this-edition-menu .edition-menu{ height: calc((var(--vh, 1vh)* 100) - 140px); } .this-edition-menu .edition-navicon { margin-left: -26px; } .this-edition-menu .close-btn{ right: 20px; top: 20px; } .edition-menu ul li a{ font-size: 22px; } .edition-navicon>a{ min-width: 90px; } /* Also in Edition css End */ /* Newsletter Article page End */ /* Newsletter ListView page Start */ /* Newsletter listview grid Start */ .newsletter-listview .grid-item{ width: 50%; padding: 15px; } .newsletter-listview .grid-row { margin-inline: -15px; } .newsletter-listview .news-content{ padding: 20px 30px; } .newsletter-listview .grid-item-box .title{ font-size: 32px; } .newsletter-listview .grid-item:nth-child(even) .grid-item-box { padding-top: 124%; } /* Newsletter ListView grid End */ /* Newsletter ListView page End */ /* Newsletter Readerview page Start */ /* Newsletter Readerview Upcoming sec Start */ .upcoming-event .section-header .h1 { font-size: 46px; } .upcoming-event .section-header img { max-width: 100px; } .upcoming-event .section-header{ column-gap: 40px; } /* Newsletter Readerview Upcoming sec End */ /* Newsletter Readerview Banner Start */ .newsletter-readerview-banner .col-right h1 { margin-bottom: 30px; font-size: 46px; } .newsletter-readerview-banner .auth-img img{ height: 90px; width: 90px; } .newsletter-readerview-banner{ padding-top: 40px; margin-bottom: 110px; } .newsletter-readerview-banner .line-block { width: 26%; } /* Newsletter Readerview Banner End */ /* Newsletter Readerview page End */ /* Newsletter Previous Editions Page Start */ /* Newsletter Edition List Sec Start */ .newsletter-edititon { margin: 70px 0; } /* Newsletter Edition List Sec End */ /* Newsletter Previous Editions Page End */ /* Event Calendar Page Start */ /* Event Calendar Banner Start */ .event-calendar-banner .heading h1{ font-size: 56px; } .calendar-arrow .arrow, .event-pagination .arrow{ width: 43px; height: 43px; background-size: 43px; } .calendar-arrow-month { margin: 0 0 35px 10px; } .calendar-arrow .custom-next.arrow, .event-pagination .next.arrow{ margin-left: 2px; } .calendar .calendar-year{ font-size: 30px; } .fc-calendar .fc-row > div > span.fc-date{ height: 43px; width: 43px; line-height: 43px; font-size: 16px; } /* Event Calendar Banner End */ /* Event List Sec Start */ .event-list-sec .event-list-header { margin-bottom: 50px; } .event-list-sec { margin: 70px 0; } /* Event List Sec End */ /* Event List Modal Start */ .event-detail-popup { width: calc(100% - 90px); } .event-detail-popup .close-eventpopup { right: 20px; top: 20px; } .event-detail-popup .event-detail-header { padding: 50px 30px 40px 40px; } .event-detail-popup .event-detail-body { padding: 40px 40px 60px; } /* Event List Modal End */ /* Event Calendar Page End */ .personalise-tour .hero-section .title { font-size: 28px; line-height: normal; } .personalise-tour .news-box .news-content .title { font-size: 20px; line-height: 24px; } .banner-bottom h3 { font-size: 24px; } .hero-content .desc p{ font-size: 20px; } .hero-content .desc { margin-top: 20px; } .quicklink-innerdiv { width: 76%; } .nav-quicklink-title{ margin-bottom: 10px; } .navigation-container { height: calc((var(--vh, 1vh)* 100) - 186px); } .site-header.logo-left .container.full { padding-left: 15px; } .quicklink-box.notexpand { width: 50%; } .video-module{ background-size: 80%; } .section-padding,.video-module { padding-top: 60px; padding-bottom: 60px; } .navigation-close { right: 20px; top: 20px; } .nav-quicklink-list ul li a{ font-size: 13px; } footer .footer-bottom .container.full { padding-left: 70px; padding-right: 70px; } .inner-videomodule{ background-size: 100%; } .video-news .section-header h4 svg { height: 35px; width: 35px; } .btn-close-white { height: 38px; width: 38px; } .btn-close-white svg { width: 20px; height: 20px; } .introduction-page .scroll-red::before{ height: 175px; } .vertical-scroll { transform: rotate(-90deg) translate(62px, -25px); } .introduction-page .gallery-slider .caption { width: 270px; } .introduction-page .gallery-slider .caption{ bottom: 100px } .introduction-page .gallery-slider .hero-gallery-for .slick-prev { left: 10px; } .introduction-page .gallery-slider .hero-gallery-for .slick-next { right: 10px; } .next-steps-page .hero-section .hero-content-wrap { transform: translateY(-30%); } .personalise-tour .newsprev-edititon .row.gutter-40 > div[class^="col"] { padding-left: 20px; padding-right: 20px; margin-bottom: 30px; } .banner-bottom { bottom: 10%; } .emp-detail .col-left { padding: 60px 25px; } .emp-detail .col-right{ padding: 60px 25px; } .digital-teach{ padding: 60px 0; } .position-list{ padding-bottom: 150px; } } @media only screen and (max-width: 767px) { .big-h1{font-size: 66px;} h1,.h1{font-size: 62px;} h2,.h2{font-size: 44px;} h3,.h3{font-size: 36px;} .mobile{display: block !important;} .desktop{display: none !important;} .section-padding { padding-top: 50px; padding-bottom: 50px; } .section-margin { margin-top: 50px; margin-bottom: 50px; } .container, .container.inner{ padding-left: 20px; padding-right: 20px; } ol, ul { padding-left: 25px; } /* alert css start */ .alert-module{ width: 100%; top: 94px; } /* alert css end */ /* footer css start */ footer .contact-detail li a{ font-size: 16px; } .footer-bottom { margin-right: 0; border-radius: 0; padding: 15px 0; } footer .line-block { right: 10px; bottom: 89px; width: 140%; } .footer-bottom .container { padding-right: 20px; } /* footer css end */ /* cta sec css start */ .cta-sec .cta-content { min-height: auto; } .cta-sec .line-block { left: -140px; width: 150%; } /* cta sec css end */ /* testimonial sec css start */ .testimonial{ padding-bottom: 55px; } .testimonial-slider::before, .testimonial-slider::after{ display: none; } .testimonial-slider{ margin-left: 0; } .testimonial-wrapper.overlay::before{ border-radius: 0; left: -20px; } .testimonial .line-block { bottom: auto; top: -186px; width: 312px; left: -30px; } /* testimonial sec css end */ /* news sec css start */ .news-sec .news-row>div.col-right{ width: 100%; padding: 0 35px; } .news-box-main .img-wrapper{ height: auto; padding-top: 100%; } .news-sec .news-box-main { height: auto; padding-left: 20px; margin-right: 20px; } .news-sec .news-box-main .title { padding: 20px 20px 20px 55px; } .news-sec .news-main-content { padding: 20px 20px 20px 55px; } .news-sec { padding: 67px 0 115px; } .news-sec .col-left{ padding-top: 0; width: 100%; } .news-sec .line-block { width: 130px; top: -40px; } .news-sec .news-row{ row-gap: 50px; } .news-sec .section-header { margin-bottom: 35px; } .news-slider { padding-bottom: 0; } .news-slider .slick-dots { width: calc(100% - 200px); margin: 46px 0 0; } .news-slider .slick-arrow { bottom: -20px; } /* new sec css end */ /* tab section start css */ .why-choose .why-choose-slidernav { width: 100%; padding: 62px 80px 62px 30px; } .why-choose .why-choose-slider { width: 100%; } .why-choose .why-choose-slide{ height: auto; min-height: auto; padding-top: 18%; } .why-choose .why-choose-slidernav{ padding: 40px 20px; } .why-choose-wrp .h5 { margin-bottom: 35px; } .why-choose-wrp .title { margin-bottom: 50px; font-size: 44px; } .why-choose-wrp .desc { max-width: 100%; } .why-choose .why-choose-action { position: static; display: flex; justify-content: center; gap: 20px; } .why-choose .why-choose-action li a { padding: 0; } .why-choose { padding-bottom: 40px; background: linear-gradient(135deg, #76BC97 21.55%, #2F6371 37.06%, #002857 64.36%, #002857 100%); } .why-choose .why-choose-action img { max-width: 45px; } /* tab section end css */ /* video-module css start*/ .video-module .video-wrapper{ padding-top: 100%; } .video-module .desc { max-width: 100%; } /* video-module css end*/ /* call to action section css start */ .call-to-action { min-height: auto; padding: 115px 0 50px; } .call-to-action .desc { max-width: 100%; margin-left: 0; } .call-to-action .line-block{ left: -60px; bottom: auto; top: -10px; right: -50px; } /* call to action section css end */ /* app open sec css start */ .appopen-sec .col-left{ padding: 35px 30px 50px 30px; } .appopen-sec .appopen-content .btn { margin-top: 26px; } .appopen-sec .appopen-content h3 { margin-bottom: 25px; } .appopen-sec .line-block { left: -100px; width: 470px; } /* app open sec css end */ /* Inner banner css start */ .inner-banner-content{ padding: 280px 0 50px; min-height: auto; } .inner-banner-content .line-block{ top: 200px; bottom: auto; right: 0; } .inner-banner-slider .img-wrapper { padding-top: 100%; } .inner-banner .banner-desc{ margin: 0; max-width: 100%; } /* Inner banner css end */ /* navlink sec css start */ .navlink-sec .navlink-content h5{ font-size: 18px; } .navlink-sec .navlink-content span{ font-size: 16px; } .navlink-sec .navlink-box::after{ right: 10px; top: 10px; } .navlink-sec .navlink-box{ min-height: 115px; } .navlink-sec { margin: 35px 0 22px; } /* navlink sec css end */ /* common sec css start */ .common-content-section .figure-left, .common-content-section .figure-right { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; } .common-content-section figure{ width: 100%; } .common-content-section blockquote { font-size: 18px; padding-left: 15px; margin: 35px 0; } .common-content-section h5, .common-content-section h4{ margin-top: 40px; } .common-content-section h1{ margin-bottom: 40px; margin-top: 40px; } .freeform-fieldtype-rich-text h3 { margin-bottom: 15px; } .form-section { margin-bottom: 30px; } /* common sec css end */ /* Accordion Section Start */ .accordion-sign{ top: 22px; } .accordion-box>a{ padding-block: 30px; } /* Accordion Section End */ /* image with text sec css start */ .img-with-text.white { margin-top: 50px; } .img-with-text { padding: 40px 0; } .img-with-text.blue,.img-with-text.sky{ padding: 20px 0 40px; } .img-with-text .text-col .h1{ font-size: 62px; } .img-with-text.white .line-block { width: calc(100% + 18px); top: auto; bottom: -80px; transform: unset; left: -7px; } .img-with-text.blue .line-block { right: -10px; left: auto; width: calc(100% + 90px); transform: unset; top: auto; bottom: -50px; } .img-with-text.sky .line-block { bottom: -30px; top: auto; transform: unset; width: calc(100% + 340px); right: -10px; } /* image with text sec css End */ /* Photo Gallery Module Start */ .gallery-sec .gallery-img-main img { height: 220px; } .gallery-sec .slick-slide { padding: 0 15px; } .gallery-slider { min-height: 310px; } .gallery-slider .slick-next { right: 15px; } .gallery-slider .slick-prev { right: 80px; } /* Photo Gallery Module End */ /* Tiles Sec Start */ .tiles-sec .grid-item.half,.tiles-sec .grid-item.grid { width: calc(100% - 10px); } .tiles-sec .grid-item .title { font-size: 22px; } /* Tiles Sec End */ /* imgDivider Start*/ .imgDivider-module .imgDivider-content h4{ font-size: 20px; } /* imgDivider end*/ /* staff module css Start */ .staffmodal .staff-content-box { padding-left: 15px; padding-top: 40px; } .staffmodal .modal-content { padding: 25px 25px 140px 25px; } .staffmodal .modal-dialog{ margin: 0; } .staffmodal .staff-content-box { padding-left: 12px; padding-top: 20px; } .staffmodal .profile-header h4 { font-size: 22px; } .staffmodal .profile-header p{ font-size: 16px; } .staffmodal .profile-header{ padding-bottom: 15px; margin-bottom: 30px; } .staffmodal .line-block{ width: 90%; } .staffmodal { padding: 0 !important; background-color: var(--navyblue); } .staffmodal .btn-close{ height: 53.41px; width: 53.41px; background-color: rgb(227 235 242 / 50%); border-radius: 100%; right: 10px; top: 10px; } .staffmodal .btn-close:hover{ background-color: var(--gold); } /* staff module css End */ /* Latest News List page Start */ /* Latest News Single List Sec Start */ .latest-news-singlelist .col-left { width: 100%; } .latest-news-singlelist .col-right{ width: 100%; } .latest-news-singlelist .col-left .img-wrapper{ padding-top: 78%; } .latest-news-singlelist .col-right .content { margin-top: 20px; height: auto; } .latest-news-singlelist .content h3{ font-size: 36px; } /* Latest News Single List Sec End */ /* Latest News tab Start */ .latest-news-tab { margin-bottom: 50px; } /* Latest News tab End */ /* Latest News List Sec Start */ .latest-news-list .latest-news-content{ margin-top: 20px; padding-bottom: 0; height: auto; } /* Latest News List Sec End */ /* Latest News List page End */ /* Newsletter Article page Start */ /* Newsletter Article Banner sec Start */ .newsletter-article-banner:before{ display: block; } .newsletter-article-banner .inner-banner-image .img-wrapper{ padding-top: 100%; } .newsletter-article-banner .inner-banner-image img { border-radius: 0; } .newsletter-article-banner .inner-banner-image .container{ padding: 0; } .newsletter-article-banner .auth-img img{ height: 106px; width: 106px; } .newsletter-article-banner .inner-banner-image .btn-secondary.video-btn{ right: 15px; bottom: 15px; } /* Newsletter Article Banner sec End */ .article-header .header-body{display: none;} /* Also in Edition css Start */ .this-edition-menu { width: 100%; height: calc((var(--vh, 1vh)* 100) - 65px); bottom: 0; top: auto; padding: 30px; -webkit-transform: translateY(100%) translateX(0); -ms-transform: translateY(100% translateX(0)); transform: translateY(100%) translateX(0); } .this-edition-menu.is-active{ -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0 translateX(0)); transform: translateY(0) translateX(0); } .this-edition-menu .h1 { font-size: 48px; margin-bottom: 30px; } .this-edition-menu .edition-menu{ height: calc((var(--vh, 1vh)* 100) - 415px); } .this-edition-menu .edition-navicon { margin-left: 0; margin-bottom: 50px; } .this-edition-menu .close-btn{ right: 15px; top: 20px; } .edition-navicon>a { min-width: 115px; } .this-edition-menu .line-block{ width: 85%; } .edition-menu ul li:not(:last-child) { margin-bottom: 10px; } .this-edition-menu .close-edition { left: 0; top: -60px; transform: rotate(0deg); writing-mode: unset; right: 0; } .this-edition-menu .close-edition img{ transform: rotate(90deg); right: 0; top: -61px; left: 0; margin: auto; transform-origin: 50% 50%; height: auto; width: auto; } .this-edition{ transform: rotate(0deg) translateY(0); bottom: 0px; top: auto; writing-mode: unset; left: 0; margin: 0 auto; padding: 10px 20px 6px; } .this-edition img{ transform: rotate(90deg); left: 0; margin: 0 auto; height: auto; transform-origin: 50% 50%; top: auto; bottom: -96px; width: auto; } /* Also in Edition css End */ /* Auth Sec Start */ .auth-sec .auth-box { margin-right: 0px; width: 100%; } /* Auth Sec End */ /* Newsletter Article page End */ /* Newsletter ListView page Start */ /* Newsletter ListView Banner Start */ .inner-banner .edition-navicon { margin-top: 50px; } /* Newsletter ListView Banner End */ /* Newsletter ListView Single block Start */ .newsletter-listview.section-margin { margin-top: -60px; } .newsletter-listview-single .col-right { padding: 20px 30px; } .newsletter-listview-single h4 { font-size: 36px; margin-bottom: 20px; } .newsletter-listview-single .desc{ margin-bottom: 20px; } .newsletter-listview-single .img-wrapper{ min-height: 180px; } /* Newsletter ListView Single block End */ /* Newsletter listview grid Start */ .newsletter-listview .grid-item{ width: 100%; padding: 10px 15px; } .newsletter-listview .news-content { padding: 20px; } .newsletter-listview .grid-item:nth-child(even) .grid-item-box, .newsletter-listview .grid-item-box { padding-top: 100%; } .newsletter-listview .grid-item-box .icon { margin-bottom: 70px; max-width: 140px; } .newsletter-listview .grid-item-box .desc{ min-height: auto; } /* Newsletter ListView grid End */ /* Newsletter ListView page End */ /* Newsletter Readerview page Start */ /* Newsletter Readerview Upcoming sec Start */ .upcoming-event .section-header .h1{ font-size: 32px; } .upcoming-event .upcoming-event-block{ padding: 80px 20px 30px 20px; } .upcoming-event .upcoming-event-block:hover .section-header{ transform: translateY(-40px); } .upcoming-event .btn { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; z-index: 1; } .upcoming-event .section-header img{ margin-bottom: 60px; } .upcoming-event .upcoming-event-block::before{ content: ""; position: absolute; right: 15px; width: 100%; height: 100%; background-image: url(../images/arrow-rotate.svg); background-repeat: no-repeat; background-position: right top; top: 15px; transition: all 0.4s; filter: brightness(0) invert(1); z-index: -1; background-size: 24px; } .upcoming-event .upcoming-event-block:hover::before{ background-image: url(../images/arrow-rotate-white.svg); background-size: auto; } /* Newsletter Readerview Upcoming sec End */ /* Newsletter Readerview Banner Start */ .newsletter-readerview-banner .col-left { margin-bottom: 0; } .newsletter-readerview-banner .container { padding-left: 20px; } .newsletter-readerview-banner{ padding-top: 50px; margin-bottom: 50px; } .newsletter-readerview-banner .auth-img img { height: 106px; width: 106px; } .newsletter-readerview-banner .line-block { bottom: 0; top: auto; } .newsletter-readerview-banner .col-right h1{ font-size: 62px; } /* Newsletter Readerview Banner End */ /* Newsletter Readerview page End */ .newsletter-edition-banner .filter { max-width: 100%; } .newsletter-edition-banner .row{ row-gap: 30px; } .newsletter-edition-banner .inner-banner-content { padding-bottom: 50px; } /* Newsletter Previous Editions Page Start */ /* Newsletter Edition List Sec Start */ .newsletter-edititon { margin: 50px 0 70px; } .newsletter-edititon .row { row-gap: 20px; } /* Newsletter Edition List Sec End */ /* Newsletter Previous Editions Page End */ /* Event Calendar Page Start */ /* Event List Modal Start */ .event-detail-popup .event-detail-container { margin-left: 0; box-shadow: none; } .event-detail-popup { width: 100%; background-color: var(--white); } .event-detail-popup .event-detail-header { padding: 20px 20px 30px; } .event-detail-popup .event-date{ font-size: 16px; margin-bottom: 10px; letter-spacing: 0.96px; } .event-detail-popup .event-detail-body { padding: 38px 20px 0 20px; } .event-detail-popup .line-block { position: static; width: auto; margin-right: -19px; margin-top: 20px; } /* Event List Modal End */ /* Event List Sec Start */ .event-list-sec .event-pagination-title{ min-width: auto; font-size: 36px; } .event-list-sec { margin: 40px 0 50px; } .event-list-sec .event-list-header { margin-bottom: 30px; } .event-list-sec .event-list-footer { margin-top: 40px; } .event-list-sec .event-pagination { margin-left: 10px; } /* Event List Sec End */ /* Event Calendar Banner Start */ .event-calendar-banner .heading h1 { font-size: 62px; } .event-calendar-banner .row{ row-gap: 60px } .calendar .calendar-year { font-size: 36px; } .event-calendar-banner .inner-banner-content { padding-bottom: 40px; } /* Event Calendar Banner End */ /* Event Calendar Page End */ .site-header .header-logo { text-align: center; } .site-header .container { padding-left: 20px; } .site-header { top: 90px; } .site-header.header-center{ top: 155px; } .sidebar-header .header-top{ position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 31px 20px; background: rgba(0, 40, 87,0.75); backdrop-filter: blur(6px); column-gap: 20px; transition: all 0.5s; z-index: 5; } .sidebar-header .header-top.nav-up { transform: translateY(-130px) !important; } .sidebar-header .header-top.sticky{ transform: translateY(0) !important; } .header-footer{ display: none; } .menu-icon{ background-color: transparent; padding: 0; margin-right: auto; } .sidebar-header{ width: 100%; position: fixed; height: auto; } .mobile-quicklink-icon{ opacity: 0; visibility: hidden; margin-left: auto; display: block; } .header-logo img { max-width: 205px; } .menu-icon .line:nth-child(1) { margin-top: 0; } .menu-icon .line:last-child { margin-bottom: 0; } .header-body ul { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; column-gap: 20px; } .banner-line { bottom: 53px; left: -100px; } .banner-line .white-border{ top: -10px; } .banner-line svg{ width: 850px; } .banner-line:before{display: none;} .sidebar-header .header-body{ position: fixed; width: 100%; top: calc((var(--vh, 1vh)* 100) - 68px); left: 0; background: rgba(0, 40, 87,0.75); backdrop-filter: blur(6px); padding: 14px; margin-bottom: 0; transition: all 0.5s; } .sidebar-header .header-body.nav-up { transform: translateY(130px) !important; opacity: 0; } .sidebar-header .header-body.sticky { transform: translateY(0) !important; opacity: 1; } .sidebar-header .header-body li h5{ display: block; font-size: 13px; text-align: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .sidebar-header .cta-btn li{ margin-bottom: 0; } .sidebar-header .cta-btn li a { display: flex; align-items: center; column-gap: 10px; flex-direction: row-reverse; } .sidebar-header .cta-btn li:last-child a{ flex-direction: row; } .hero-section .hero-content-wrap { padding: 160px 20px 220px; } .hero-section .button-wrapper { right: auto; left: 20px; bottom: 89px; } .hero-section .hero-content { margin-left: 0; padding-left: 0; width: 100%; } .hero-content .desc p{ font-size: 16px; } .drawer-open .site-header .header-logo .sticky-logo{ display: block; max-width: 34px; } .drawer-open .site-header .header-logo .default,.drawer-open .header-body,.nav-link-div:after, .drawer-open .alert-module{ display: none; } .drawer-open .site-header .header-logo a{ vertical-align: middle; } .drawer-open .site-header { position: fixed; background-color: #0D2346; padding: 5px 0; z-index: 10; -webkit-transition: ease-in 0.2s; -o-transition: ease-in 0.2s; transition: ease-in 0.2s; display: none; } .drawer-open .sidebar-header{ z-index: 10; } .drawer-open .mobile-quicklink-icon{ opacity: 1; visibility: visible; } .site-navbox { padding: 125px 20px 140px; width: 100%; } .nav-link-div { width: 100%; } .navigation-container { height: calc((var(--vh, 1vh)* 100) - 68px); } .navigation-dropdown .line-block{ width: 64%; bottom: 60px; } .navigation-dropdown::before { content: ""; position: absolute; right: 20px; bottom: 77px; background-image: url(../images/logo-icon.svg); background-repeat: no-repeat; background-position: center; width: 73px; height: 52px; z-index: 2; background-size: contain; opacity: 0; transition: all 1s; transform: scale(0); } .is-active.navigation-dropdown::before{ opacity: 1; transform: scale(1); } .menu-footer { z-index: 2; position: absolute; left: 0; bottom: 0; transition: all 0.6s; } .menu-footer .nav-quicklink-list{ display: none; width: 100% !important; max-width: 280px; margin-inline: auto !important; padding-top: 20px; } .drawer-open .sidebar-header .header-top{ border-bottom: 1px solid var(--green); } .drop-down ul{ position: static; margin-top: 18px; opacity: 1; visibility: visible; display: none; width: 100%; padding-left: 0; } .drop-down:hover>ul { display: block; } .nav-link-div ul.main-menu>li{ display: block; } .nav-link-div ul>li>a { font-size: 26px; letter-spacing: 1.82px; } .drop-down ul li a { font-size: 16px; letter-spacing: 0.56px; } .drop-down ul li{ padding-bottom: 12px; } .quicklink-innerdiv { width: 100%; } .nav-quicklink-boxdiv{ padding: 18px 20px; } .nav-quicklink-list ul li { width: 50%; } .quicklink-box.notexpand{ width: 100%; } .nav-quicklink-title { text-align: center; margin-bottom: 0; } .mobile-quicklink-back img{ max-width: 30px; margin-right: 25px; } .search-wrapper{ padding: 100px 25px; } .search-wrapper .search-close{ right: 25px; top: 25px; } .quicklink-box { width: 100%; } .quicklink { padding: 20px 0; } .quicklink-box.expand{ width: 100%; -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } .quicklink-box.notexpand:nth-child(1), .quicklink-box.notexpand:nth-child(2) { margin-bottom: 0; } .personalise-tour .news-box .news-content .title{ font-size: 20px; line-height: 1.1; } .news-box .news-content .info { font-size: 15px; } .pageloader-div .logo { max-width: 150px; margin: 0 auto; } .site-header.header-sticky { position: fixed; } .header-sticky .navigation-dropdown.is-active .navigation-close{ display: none; } .banner-bottom h3{ text-align: left; } .custom-paging{ background-color: #a51140; padding: 6px 20px; float: right; margin-top: 20px; width: 86px; } .custom-paging li{ display: none; color: var(--white); line-height: 1; font-size: 33px; } .custom-paging li.slick-active{ display: block; } .single-image img{ height: calc((var(--vh, 1vh) * 100)); object-fit: cover; } .comman-accordion .section-title { font-size: 30px; } header.logo-left .header-logo { text-align: center !important; width: 100%; } .video-news .section-header h4 svg { height: 28px; width: 28px; } .video-news-slider { padding: 0 0 80px; } .video-news .slick-arrow { bottom: 0; height: 45px; width: 45px; } .video-news .custom-paging{ position: absolute; right: 0; bottom: 0; } .video-news .slick-next{ right: 100px; } .video-news .slick-prev{ right: 160px; } .video-news{ padding: 30px 0 45px; } .video-news .video-background-controls button img{ height: 35px; width: 35px; } .banner-bottom{ bottom: 5%; left: 50%; transform: translate(-50%); } .personalise-tour .newsprev-edititon { margin-top: 0; padding-top: 50px; } .next-steps-page .hero-section .hero-content-wrap { transform: translateY(-30%); } .introduction-page .gallery-slider .caption { bottom: 30px; z-index: 2; } .intro-details-sec{ padding-bottom: 70px; padding-top: 50px; } .intro-details-sec .subtitle { font-size: 20px; letter-spacing: normal; line-height: normal; } .personalise-tour .hero-section .container { padding-bottom: 80px; } .personalise-tour .newsprev-edititon .row.gutter-40 > div[class^="col"] { padding-left: 6px; padding-right: 6px; margin-bottom: 12px; } .personalise-tour .newsprev-edititon .row.gutter-40{ margin-left: -6px; margin-right: -6px; } .personalise-tour .newsprev-edititon .news-box{ clip-path: polygon(45px 0%, 100% 0, 100% 100%, 0 100%, 0% 45px); -webkit-clip-path: polygon(45px 0%, 100% 0, 100% 100%, 0 100%, 0% 45px); } .introduction-page .gallery-slider .hero-gallery-for .gallery-img-main > img, .introduction-page .gallery-slider .hero-gallery-for .slick-slide, .hero-gallery-slider .video-wrapper{ height: 100vh; } body:not(.header-sticky) .introduction-page .sidebar-header, body:not(.header-sticky) .introduction-page header{ display: none; } .introduction-page .gallery-slider .hero-gallery-for .slick-arrow { top: auto; transform: unset; bottom: 54px; } .introduction-page .gallery-slider .hero-gallery-for .caption{ bottom: 60px; width: 100%; padding: 0 50px 0 70px; line-height: 1; } .hero-gallery-slider .hero-main-progress{ top: calc(100vh - 45px); width: calc(100% - 82px); left: 82px; right: auto; max-width: 100%; } .introduction-page .gallery-slider .hero-gallery-nav .slick-list.draggable{ padding-right: 60px !important; } .introduction-page .gallery-slider .hero-gallery-nav .polygon-box-shadow{ margin: 6px; } .introduction-page .gallery-slider .hero-gallery-nav .polygon-shape { height: 130px; width: 100%; } .introduction-page .gallery-slider .hero-gallery-nav .slick-slide img{ height: 100%; width: 100%; } .introduction-page .gallery-img-main::before{ background: linear-gradient(0deg, rgba(14,35,70,1) 0%, rgba(255,255,255,0) 60%); opacity: 1; } .introduction-page .gallery-slider .hero-gallery-nav .caption{ height: 130px; bottom: 0; display: flex; align-items: end; justify-content: end; width: 100%; } .hero-gallery-slider .video-wrapper .video-background-controls svg { height: 35px; width: 35px; } .fui-field { flex: auto; } .introduction-page .gallery-slider .hero-gallery-nav{ order: 3; margin: 0; padding: 0 0 105px 15px; } .position-list .section-title .title, .emp-detail .emp-detail-box h3 { letter-spacing: 1px; font-size: 26px; } .position-list-wrp .news-box{ padding: 120px 20px 30px 10px; min-height: 340px; } .position-list-wrp .news-box .news-content .title { font-size: 32px; } .position-list-wrp .news-box .news-content .info { font-size: 15px; } .intro-content blockquote, .common-content-section.intro-content h1, .emp-detail .emp-detail-box h3,.emp-detail .emp-detail-box{ margin-bottom: 30px; } .digital-teach { padding: 50px 0; } .position-list{ padding-bottom: 120px; } .preloader .img-c .img { width: 230px; } /* articel videomodal css start */ .articel-videomodal .modal-content{ padding: 25px!important; } /* articel videomodal css end */ } @media only screen and (max-width: 575px){ .banner-bottom { bottom: 5%; left: 25px; transform: translate(0); } } @media only screen and (max-width: 415px){ /* footer css start */ .footer-bottom .ft-tag-line p { font-size: 21px; } .footer-bottom .copy-right{ font-size: 13px; } footer .line-block{ bottom: 84px; } /* footer css end */ /* New sec css start */ .news-slider .slick-next { right: 0; } .news-slider .slick-prev { right: 62px; } .news-slider .slick-dots{ width: calc(100% - 123px); } /* New sec css end */ /* Newsletter Article page start */ /* Also in Edition css start */ .edition-navicon>a { min-width: auto; width: 32%; } /* Also in Edition css End */ /* Newsletter Article page End */ } @media only screen and (max-width: 385px){ .alert-module .alert p{ letter-spacing: 1.5px; font-size: 12px; } .alert-module .btn-secondary{ font-size: 12px; letter-spacing: 1.5px; } .alert-module .alert{ padding: 13px 40px 13px 15px; } .alert-module .btn-secondary:before{ top: 3px; } /* Photo Gallery Module Start */ .gallery-sec .gallery-img-main img { height: 210px; } .gallery-slider { min-height: 260px; } /* Photo Gallery Module End */ /* Event Calendar Page Start */ /* Event Calendar Banner Start */ .calendar-arrow-month { margin: 0 0 25px; } .fc-calendar .fc-row > div > span.fc-date { height: 33px; width: 33px; line-height: 33px; font-size: 15px; } .calendar .calendar-year { font-size: 32px; } /* Event Calendar Banner End */ /* Event Calendar Page End */ } @media only screen and (max-width: 380px){ .big-h1{font-size: 60px;} h1,.h1{font-size: 52px;} h2,.h2{font-size: 42px;} /* footer css start */ .footer-bottom .ft-tag-line p { font-size: 17px; } .footer-bottom .copy-right .px-2 { padding-right: 1px !important; padding-left: 1px !important; } .footer-bottom .copy-right .pe-2 { padding-right: 1px !important; } .footer-bottom .copy-right{ font-size: 12px; } .footer-bottom .copy-right svg{ max-width: 45px; } footer .line-block{ bottom: 77px; } /* footer css end */ /* News sec css start */ .news-sec .line-block{ width: 110px; } .news-sec .news-box-main .title { padding: 20px 20px 20px 40px; } .news-sec .news-main-content { padding: 20px 20px 20px 40px; } /* News sec css end */ /* tab section start css */ .why-choose .why-choose-action{ gap: 15px; } .why-choose-wrp .title{ font-size: 36px; } /* tab section end css */ /* quicklink section css start */ .quicklink-content h5 p { font-size: 22px; } /* quicklink section css end */ /* navlink sec css start */ .navlink-sec .navlink-content h5{ font-size: 16px; } .navlink-sec .navlink-content span{ font-size: 14px; } .navlink-sec .navlink-content{ padding: 40px 13px 15px; } .navlink-sec .row>div { padding-inline: 8px; } .navlink-sec .row{ margin-inline: -8px; } .navlink-sec .navlink-box:hover .navlink-content { padding-bottom: 20px; } .navlink-sec .navlink-box:hover::after{ background-size: 30px; right: 10px; top: 10px; } /* navlink sec css end */ /* Custom Pagination css Start */ .custom-pagination ul{ column-gap: 2px; } /* Custom Pagination css End */ /* Newsletter ListView page Start */ /* Newsletter listview grid Start */ .newsletter-listview .grid-item-box .icon { margin-bottom: 30px; max-width: 80px; } /* Newsletter ListView grid End */ /* Newsletter ListView page End */ /* Newsletter Readerview Upcoming sec End */ /* Newsletter Readerview Banner Start */ .newsletter-readerview-banner .col-right h1{ font-size: 55px; } /* Newsletter Readerview Banner End */ /* Newsletter Readerview page End */ /* Event Calendar Page Start */ /* Event List Sec Start */ .event-list-sec .event-pagination-title{ font-size: 28px; } /* Event List Sec End */ /* Event Calendar Page End */ .hero-section .title { font-size: 36px; } .hero-content .btn { margin-top: 15px; } .news-box .news-content .title { font-size: 30px; } .news-box .bg-img { background-size: 80px; } .next-steps-page .btn-secondary , .personalise-tour .yellow-bordered-btn .btn-wrap .btn-secondary:first-child { margin-bottom: 25px !important; } .next-steps-page .btn-secondary{ min-width: 100%; } .introduction-page .gallery-slider .hero-gallery-nav .slick-list.draggable{ padding-right: 30px !important; } .position-list .section-title .title, .emp-detail .emp-detail-box h3 { font-size: 22px; } .position-list-wrp .news-box .news-content .title { font-size: 26px; } .position-list-wrp .news-box .news-content .info { font-size: 14px; } }