html{ scroll-behavior: auto!important;}
body{ overflow-y: auto;font-family: "Inter", sans-serif;color: #464646;margin:0;padding:0;font-size:16px;line-height: 24px;font-weight:300;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom:20px;line-height: 1.25;font-weight: 700;}

.big-h1 {font-size: 120px;line-height: 1;letter-spacing: 3.6px;}
h1,.h1{font-size: 75px;color: #19869E;}
h2,.h2{font-size: 48px;color: #19869E;}
h3,.h3{font-size: 38px;color: #19869E;}
h4,.h4{font-size: 30px;}
h5,.h5{font-size: 22px;}
h6,.h6{font-size: 18px;}
.small{font-size: 14px;}

p{margin-bottom: 30px;font-size: 16px;line-height: 24px;letter-spacing: 0.48px;font-weight:300;}
p:nth-last-child(1){margin-bottom: 0}
ol,ul{padding-left: 22px;}
ul li, ol li{margin-bottom: 5px;}
.color-blue{ color: #001537;}
.cursor-pointer{cursor: pointer;}

.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6{color:#fff}
::-moz-selection{color:#fff;background:#19869E;}
::selection{color:#fff;background:#19869E;}
p a, li a{color: #537AFF;}

/*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: #19869E;}
a:visited,a:focus, a:active {text-decoration: none;outline: 0;}
.container{max-width: 1760px; padding-left: 100px;padding-right: 100px;}
.container.full{max-width: 100%;padding-left: 15px; padding-right: 15px;}
.container.inner {max-width: 1320px; padding-left: 190px; padding-right: 190px;}
.fw-light{font-weight: 300!important}
.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 !important;}
b, strong {font-weight: bold;}
.form-select:focus,.form-control:focus,
.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus,.btn-close:focus{ -webkit-box-shadow: none; box-shadow: none;}
.full-width{max-width: 100%;width: 100%;}
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: 88px;padding-bottom: 88px;}
.section-margin{margin-top: 90px;margin-bottom: 90px;}
.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: #000;left: 0;z-index: -1;}
.print-main{display: none;}
.h-auto { height: auto ;}
.lh-0{line-height: 0 !important;}
.drawer-open {overflow: hidden;}
.subtitle{ font-weight: 700;font-size: 16px;line-height: 1.5;margin-bottom: 30px; color: #004062;letter-spacing: 2.4px;text-transform: uppercase;}
.video-wrapper {padding-top: 54.75%;}
.video-wrapper video {position: absolute;top: 0;left: 0; height: 100%; width: 100%; -o-object-fit: cover;       object-fit: cover;}
.slick-arrow .icon{ border: 1px solid #A39161; border-radius: 28.1265px; width: 57.35px; height: 57.35px;    display: inline-block;vertical-align: middle;cursor: pointer;-webkit-transition: all .25s;-o-transition: all .25s;    transition: all .25s;}
.slick-arrow{letter-spacing: 0.05em;text-transform: uppercase;font-weight: 400;font-size: 12px;color: #000;border-radius: 100%;
    position: absolute;top: 0;left: 0;z-index: 1;cursor: pointer;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.slick-arrow:hover path{fill: #004062;}
.slick-arrow:hover circle{fill: #FDB924;stroke: #DDE3E3;}
.slick-arrow:hover{-webkit-box-shadow: 0px 0px 12px 0px #00000040;box-shadow: 0px 0px 12px 0px #00000040;}
.slick-arrow.slick-next{left: 70px;}
.progress { display: block; width: 43%;height: 2px; overflow: hidden; background-color: rgba(234, 230, 221, 0.9); background-image: -o-linear-gradient(left, #19869E, #19869E);background-image: -webkit-gradient(linear, left top, right top, from(#19869E), to(#19869E));background-image: linear-gradient(to right, #19869E, #19869E);    background-repeat: no-repeat;background-size: 0 100%; -webkit-transition: background-size .4s ease-in-out;
    -o-transition: background-size .4s ease-in-out;transition: background-size .4s ease-in-out;}
.modal-backdrop{ display: none;}
.overflow-hidden{overflow: hidden;}
.slick-dots {list-style: none;padding: 0 170px 0 0;margin: 5px 0 0;line-height: 0;text-align: right;}
.slick-dots li{display: inline-block;vertical-align: middle;line-height: 0;margin: 0 3px;font-size: 0;}
.slick-dots li button{padding: 0; font-size: 0; border: 0; height: 2px; width: 26px; background-color: #DDE3E3;} 
.slick-dots li:hover button,
.slick-dots li.slick-active button{background-color: #FDB924;}
.slick-counter {
    color: #19869E;
    font-size: 32px;
    text-align: right;
    margin-top: 10px;
    margin-right: 130px;
}
blockquote {
    margin: 0 0 30px;
}
.shape-divider{padding-left: 55px;position: relative;margin-left: -55px;}
.shape-divider::before {
    content: "";
    position: absolute;
    left: -38px;
    height: calc(100% + 50px);
    width: 65px;
    background-position: left top;
    background-image: url(../images/flower-shape.svg);
    background-repeat: no-repeat;
    top: -50px;
}
/*button css*/
.btn {
    font-weight: 700;
    font-size: 16px;
    color: #fff;
    border: 0;
    text-align: center;
    min-width: 206px;
    padding: 15px 17px 14px;
    line-height: 1.2;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    border-radius: 10px;
    background: #004062;
}
.btn.btn-white{
    border-color: #fff;
    color: #fff;
}   
.btn:hover,
.btn.btn-white:hover{
    background-color: #19869E;
    color: #fff;
}
.link{
    line-height: 1;
    letter-spacing: 1.44px;
    font-size: 16px;
    font-weight: 700;
    color: #004062;
    position: relative;
    border-radius: 10px;
    padding: 10px 13px;
}
.link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    height: 1px;
    background-color: #FDB924;
}
.link:hover{
    background-color: #FDB924;
}

/* hero section css  */
.hero-section{
    height: 100vh;
    height: calc((var(--vh, 1vh) * 100));
    overflow: hidden;
}
.banner-video {
    height: 100%;
    width: 100%;
}
.banner-video video {
    width: 100%;
    height: 100%;
    border-radius: 0 32px 32px 0;
    -o-object-fit: cover;
       object-fit: cover;
}
.hero-section .hero-panel {
    padding: 170px 0 110px;
    overflow-y: auto;
    height: 100%;
    width: 30%;
    background: -webkit-gradient(linear, left top, left bottom, from(#004062), to(#00273D));
    background: -o-linear-gradient(top, #004062 0%, #00273D 100%);
    background: linear-gradient(180deg, #004062 0%, #00273D 100%);
}
.hero-section .slick-slide::after {
    content: "";
    position: absolute;
    right: calc(100% - 138px);
    background-image: url(../images/tree.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    height: 50%;
    width: 45%;
    z-index: -1;
    background-position: right bottom;
}
.hero-section .hero-panel::-webkit-scrollbar{
	width: 4px;
}
.hero-section .hero-panel::-webkit-scrollbar-thumb{
	background-color: rgba(248, 248, 248, 0.3);
}
.hero-section .hero-content {
    position: absolute;
    bottom: 14%;
    left: 0;
    width: 100%;
    padding: 0 15px;
}
.hero-section .hero-content :last-child{
    margin-bottom: 0;
}
.hero-section .col-right{
    width: 70%;
    height: 100%;
    margin-left: -1px;
    position: relative;
}
@-webkit-keyframes animHomeHeaderLine {
	from {
	  background-position: 0 100%; }
	to {
	  background-position: 0 0  } 
}
@keyframes animHomeHeaderLine {
	from {
	  background-position: 0 100%;; }
	to {
	  background-position: 0 0; } 
}
.hero-section .hero-content .title{
    text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.50);
    letter-spacing: 3.6px;
    margin-bottom: 30px;
    position: relative;
    opacity: 0;
}
.hero-slider.aos-animate .slick-active .hero-content .title{
    -webkit-animation: SlideLeftContentText 1s forwards;
    animation: SlideLeftContentText 1s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
@-webkit-keyframes SlideRightContentText { from {  right: -80px;  opacity: 0; } to {  right: 0;  opacity: 1; }}
@-webkit-keyframes SlideLeftContentText { from {  left: -80px;  opacity: 0; } to {  left: 0;  opacity: 1; }}
.hero-section .hero-content .title span{
    color: #fff;
}
.hero-section .hero-content .title span:first-child{
    margin-left: -162px;
}
.hero-section .hero-content .title span:last-child{
    margin-left: 125px;
    position: relative;
    opacity: 0;
    display: inline-block;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    -webkit-transition-delay: 1s;
         -o-transition-delay: 1s;
            transition-delay: 1s;
}
.hero-slider.aos-animate .slick-active .hero-content .title span:last-child{
    opacity: 1;
    margin-left: 18px;
}
.hero-section .hero-content h5{
    letter-spacing: 0.11em;
    margin-bottom: 55px;
}
.hero-section .slick-list{
    overflow: inherit;
}
@-webkit-keyframes SlideUp { from {  bottom: -80px;  opacity: 0; } to {  bottom: 0;  opacity: 1; }}
.hero-section .center-slide .hero-content{
    text-align: center;
    bottom: 18%;
}
.hero-slider.aos-animate  .center-slide.slick-active .hero-content .title{
    -webkit-animation: SlideUp 1s forwards;
    animation: SlideUp 1s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.hero-slider .center-slide .hero-content .subtitle,
.hero-section .center-slide .hero-content h5,
.hero-section .center-slide .hero-content .btn{
    opacity: 0;
    position: relative;
}
.hero-slider.aos-animate  .center-slide.slick-active .hero-content .subtitle{
    -webkit-animation: SlideUp 1.1s forwards;
    animation: SlideUp 1.1s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;   
}
.hero-slider.aos-animate  .center-slide.slick-active .hero-content h5{
    -webkit-animation: SlideUp 1.2s forwards;
    animation: SlideUp 1.2s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;   
}
.hero-slider.aos-animate  .center-slide.slick-active .hero-content .btn{
    -webkit-animation: SlideUp 1.3s forwards;
    animation: SlideUp 1.3s forwards;
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;   
}
.hero-section .overlay-div {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8.7%, rgba(0, 0, 0, 0.40)), color-stop(22.45%, rgba(0, 0, 0, 0.00)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.40) 8.7%, rgba(0, 0, 0, 0.00) 22.45%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.40) 8.7%, rgba(0, 0, 0, 0.00) 22.45%);
}
.popupbtn {
    left: -42.6%;
    margin-left: 35px;
    bottom: 30px;
    overflow: hidden;
    width: 116px;
    height: 107px;
    padding: 0;
    z-index: 1;
}
.popupbtn .play-text{
    position: absolute;
    left: 0;
    top: 0;
    height: 107px;
    width: 116px;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation: spin 10s infinite linear;
            animation: spin 10s infinite linear;
}
@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.hero-section .slide-img{
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.hero-section .hero-slider,
.hero-section .slick-list,
.hero-section  .slick-track{
    height: 100%;
}
.videomodal{
    background-color: #fff;
    display:none;
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    width:100%;
    height: calc((var(--vh, 1vh) * 100));
}
.videomodal .lightbox-wrp {
    height: calc(100% - 200px);
    width: 100%;
    overflow-y: auto;
    margin: 100px 0;
}
.videomodal .lightbox-wrp::-webkit-scrollbar{
	width: 4px;
}
.videomodal .lightbox-wrp::-webkit-scrollbar-thumb{
	background-color: rgba(255, 255, 255, 0.3);
}
.videomodal .lightbox-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #19869E;
    margin: 8px;
    border-radius: 32px;
    position: relative;
    z-index: 1;
    height: calc(100% - 16px);
}
.videomodal .lightbox-body::before{
    content: "";
    position: absolute;
    left: -325px;
    width: 100%;
    height: 100%;
    background-image: url(../images/layer-bg.svg);
    background-position: left 0px;
    background-repeat: no-repeat;
    top: 0;
    z-index: -1;
}
.videomodal .container{
    padding-left: 140px;
    padding-right: 140px;
    height: 100%;
}
.videomodal .lightbox-close {
    opacity: 1;
    border: 2px solid #FFFFFF;
    height: 58px;
    width: 58px;
    line-height: 50px;
    border-radius: 100%;
    text-align: center;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 2;
}
.videomodal .ratio{
    -webkit-filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.25));
}
.hero-section .quick-link {
    position: absolute;
    right: 22px;
    top: 50px;
    z-index: 1;
}
.hero-section .quick-link li{
    margin-bottom: 13px;
}
.quick-link .icon {
    display: inline-block;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.quick-link a:hover .icon{
    -webkit-transform: scale(1.22);
        -ms-transform: scale(1.22);
            transform: scale(1.22);
}
.social-icon a {
    position: relative;
    vertical-align: middle;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.social-icon a:hover{
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
}
.quick-link .text{
    text-transform: uppercase;
    position: relative;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    letter-spacing: 1.28px;
    font-size: 16px;
    margin-left: 8px;
    overflow: hidden;
}
header.sticky .quick-link .text{
    display: none;
}

/* header css  */
header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
}
header {
    padding: 40px 0;
}
.menu-link {
    background: #005373;
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);
            box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);
    height: 58px;
    width: 58px;
    text-align: center;
    overflow: hidden;
}
.menu-link span{
    display: block;
    height: 2px;
    width: 25px;
    margin: 3px auto;
    background-color: #fff;
}
header .container {
    padding-left: 50px;
    padding-right: 50px;
    max-width: 100%;
}
header .header-left a:not(:last-child){
    margin-right: 20px;
}
.header-right a:not(:first-child){
    margin-left: 55px;
}
header.sticky .header-right a:not(:first-child){
    margin-left: 30px;
}
.header-right .quick-link a:hover .text {
    display: inline-block;
}
header.nav-up{
    -webkit-transform: translateY(-130px) !important;
        -ms-transform: translateY(-130px) !important;
            transform: translateY(-130px) !important;
}
header.sticky{
    -webkit-filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    -webkit-transform: translateY(0) !important;
        -ms-transform: translateY(0) !important;
            transform: translateY(0) !important;
    z-index: 5;
    padding: 8px 0;
}
header:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}
header.sticky:after{
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
}
header .header-logo{
    opacity: 0;
    visibility: hidden;
}
header.sticky .header-logo{
    opacity: 1;
    visibility: visible;  
}
header .header-logo svg{
    width: 120px;
    height: 74px;
}
header:not(.header-dark:not(.sticky)) .language img{
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
header:not(.sticky) .row{-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
header:not(.sticky) .header-right{width: 58%;}
header:not(.sticky) .header-logo-col{display: none;}

/* menu css  */
.navigation-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: calc((var(--vh, 1vh) * 100));
    z-index: 5;
    visibility: hidden; 
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    -webkit-transition: all 0.9s;
    -o-transition: all 0.9s;
    transition: all 0.9s;
    background: -webkit-gradient(linear, left top, left bottom, from(#004062), to(#00273D));
    background: -o-linear-gradient(top, #004062 0%, #00273D 100%);
    background: linear-gradient(180deg, #004062 0%, #00273D 100%);
}
.navigation-dropdown.is-active {
    pointer-events: all;
    visibility: visible;
    opacity: 1;
}
.navigation-dropdown::before,.search-drawer::after,.newsMenu .newsMenu-body::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 31%;
    width: 19%;
    background-image: url(../images/tree.svg);
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1;
    background-size: contain;
    right: 8%;
}
.navigation-dropdown .menutopbar {
    padding: 48px 50px;
}
.navigation-dropdown .menu-footer{
    padding: 30px 60px 70px;
}
.navigation-dropdown .menu-footer .logo svg {
    width: 200px;
    height: 135px;
}
.navigation-dropdown  .menu-footer .social-icon{
    margin-bottom: 0;
}
.navigation-dropdown .menu-footer .logo,
.navigation-dropdown  .menu-footer .social-icon li{
    position: relative;
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
    opacity: 0;
}
.navigation-dropdown .menu > ul:hover > li > a{
    color: rgba(255, 255, 255, 0.4);
}
.navigation-dropdown .menu > ul > li.active > a, .navigation-dropdown .menu > ul > li > a:hover{
    color: #FFDA00;
}
.navigation-dropdown.is-active .menu-footer .logo{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
.navigation-dropdown.is-active  .menu-footer .social-icon li:nth-child(1){-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);opacity: 1;}
.navigation-dropdown.is-active  .menu-footer .social-icon li:nth-child(2){-webkit-transition-delay: 1.1s;-o-transition-delay: 1.1s;transition-delay: 1.1s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);opacity: 1;}
.navigation-dropdown.is-active  .menu-footer .social-icon li:nth-child(3){-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);opacity: 1;}
.navigation-dropdown.is-active  .menu-footer .social-icon li:nth-child(4){-webkit-transition-delay: 1.3s;-o-transition-delay: 1.3s;transition-delay: 1.3s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);opacity: 1;}
.navigation-dropdown .menu-div{
    height: 100%;
}
.navigation-dropdown .menu {
    height: calc(100% - 345px);
    /* overflow-y: auto; */
    padding: 50px 124px;
}
.navigation-dropdown .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.navigation-dropdown .menu .primary-menu > li{
    text-align: right;
}
.navigation-dropdown .menu .primary-menu > li > a{
    font-weight: 700;
    color: rgba(255, 255, 255, 0.40);
    font-size: 42px;
    position: relative;
    opacity: 0;
    line-height: 1;
}
.navigation-dropdown.is-active .menu .primary-menu > li > a,
.navigation-dropdown.is-active .quick-link-menu li > a,
.navigation-dropdown.is-active .quick-link-menu h3{
    -webkit-animation: leftContentText 1s forwards;
    animation: leftContentText 1s forwards;
    -webkit-animation-delay: 0.6s;
            animation-delay: 0.6s;
}
.navigation-dropdown.is-active .menu .primary-menu > li.hover > a,
.navigation-dropdown .menu .primary-menu li.active > a{
    color: #FFDA00;
}
@-webkit-keyframes leftContentText { from {  left: -80px;  opacity: 0; } to {  left: 0;  opacity: 1; }}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(2) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(1) a{-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(3) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(2) a{-webkit-animation-delay: 1s;animation-delay: 1s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(4) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(3) a{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(5) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(4) a{-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(6) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(5) a{-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(7) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(6) a{-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(8) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(7) a{-webkit-animation-delay: 2s;animation-delay: 2s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(9) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(8) a{-webkit-animation-delay: 2s;animation-delay: 2s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(10) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(9) a{-webkit-animation-delay: 2s;animation-delay: 2s;}
.navigation-dropdown.is-active .menu .primary-menu > li:nth-child(11) > a,
.navigation-dropdown.is-active .quick-link-menu li:nth-child(10) a{-webkit-animation-delay: 2s;animation-delay: 2s;}
.navigation-dropdown .menu .primary-menu > li:not(:last-child) > a{
    padding-bottom: 35px;
}
.navigation-dropdown .menu .drop-down > ul {
    position: absolute;
    left: 100%;
    top: 0;
    list-style: none;
    width: 100%;
    height: calc(100% + 30px);
    margin: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
    overflow-y: scroll;
    text-align: left;
    padding-left: 97px;
}

.navigation-dropdown .menu .mobile-menu .drop-down:hover>ul,
.navigation-dropdown .menu .desktop-menu .drop-down.hover>ul {
    visibility: visible;
    opacity: 1;
}
.navigation-dropdown .menu .drop-down > ul .has-sub-menu {
    padding-left: 55px;
    display: none;
}
.navigation-dropdown .menu .drop-down > ul .hover-submenu .has-sub-menu {
    display: block;
}
.navigation-dropdown .menu .drop-down > ul .has-sub-menu li a{
    font-weight: 400;
}
.navigation-dropdown .menu .drop-down > ul::-webkit-scrollbar{
	width: 4px;
}
.navigation-dropdown .menu .drop-down > ul::-webkit-scrollbar-thumb{
	background-color: rgba(255, 255, 255, 0.3);
}
.navigation-dropdown ul.has-sub-menu li a {
    font-weight: 700;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.48px;
    text-transform: uppercase;
}
.navigation-dropdown ul.has-sub-menu li a:hover{
    color: #FFDA00;
}
.navigation-dropdown .menu ul.has-sub-menu li a{
    margin-bottom: 10px;
}
.navigation-dropdown .primary-menu {
    width: 50%;
    position: relative;
}
.navigation-dropdown .bg-img {
    position: absolute;
    top: -250px;
    left: calc(100% - 640px);
    height: 1618px;
    width: 1618px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-blend-mode: multiply, normal;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.58);   
    -webkit-transition: all 0.4s;   
    -o-transition: all 0.4s;   
    transition: all 0.4s;
    opacity: 0;
    -webkit-filter: saturate(0);
            filter: saturate(0);
    display: none;
}
/*
.navigation-dropdown .menu .primary-menu > li:first-child .bg-img{
    opacity: 1;
    filter: saturate(100%);
    display: block;
}
*/
.navigation-dropdown .menu .primary-menu > li.hover .bg-img,
.navigation-dropdown .menu .primary-menu > li.hover:first-child .bg-img{
    background-color: rgba(165, 0, 52);
    -webkit-filter: saturate(100%);
            filter: saturate(100%);
}
.navigation-dropdown .menutopbar .quick-link a{
    position: relative;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
    opacity: 0;
}
.navigation-dropdown.is-active .menutopbar .quick-link a{
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
.navigation-dropdown.is-active .menutopbar .quick-link a:nth-child(2){-webkit-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s;}
.navigation-dropdown.is-active .menutopbar .quick-link a:nth-child(3){-webkit-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}
.navigation-dropdown.is-active .menutopbar .quick-link a:nth-child(4){-webkit-transition-delay: 0.9s;-o-transition-delay: 0.9s;transition-delay: 0.9s;}
.navigation-dropdown.is-active .menutopbar .quick-link a:nth-child(5){-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.navigation-dropdown.is-active .menutopbar .quick-link a:nth-child(6){-webkit-transition-delay: 1.1s;-o-transition-delay: 1.1s;transition-delay: 1.1s;}
.navigation-dropdown.is-active .menutopbar .quick-link a:nth-child(7){-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;}
.navigation-dropdown .quick-link .text{
    display: none;
}
.navigation-dropdown .quick-link a:hover .text{
    display: inline-block;
}
.menu-link .visible,.search-drawer .search-close .visible {
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.menu-link .hidden,.search-drawer .search-close .hidden {
    -webkit-transform: translate(60px,-50%);
        -ms-transform: translate(60px,-50%);
            transform: translate(60px,-50%);
}
.menu-link .hidden, .menu-link .visible,
.search-drawer .search-close .visible,
.search-drawer .search-close .hidden {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.75,-.27,.3,0.5);
    transition: -webkit-transform .4s cubic-bezier(.75,-.27,.3,0.5);
    -o-transition: transform .4s cubic-bezier(.75,-.27,.3,0.5);
    transition: transform .4s cubic-bezier(.75,-.27,.3,0.5);
    transition: transform .4s cubic-bezier(.75,-.27,.3,0.5), -webkit-transform .4s cubic-bezier(.75,-.27,.3,0.5);
}
.navigation-dropdown .menu-link .hidden,.navigation-dropdown .menu-link .visible {
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
}
.navigation-dropdown.is-active .navigation-close .visible,.menu-link:hover .visible,.search-drawer .search-close:hover .visible {
    -webkit-transform: translate(-60px,-50%);
        -ms-transform: translate(-60px,-50%);
            transform: translate(-60px,-50%);
}
.navigation-dropdown.is-active .navigation-close .hidden, .menu-link:hover .hidden,
.search-drawer .search-close:hover .hidden {
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.navigation-dropdown .search-icon{
    margin-left: 80px;
    margin-top: 15px;
}
.navigation-dropdown .search-icon .text{
    display: none;
    vertical-align: middle;
    margin-left: 5px;
}
.navigation-dropdown .search-icon:hover .text{
    display: inline-block;
}
.navigation-dropdown .navigation-close{
    border: 1px solid #FFF;
    background: #005373;
    z-index: 3;
}
.navigation-dropdown .header-right a:not(:first-child) {
    margin-left: 30px;
}
.navigation-dropdown .header-right .quick-link {
    padding: 15px 0;
}
.navigation-dropdown .menu ul.primary-menu{
    border-right: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(180deg, #FDB924 17.01%, rgba(253, 185, 36, 0) 100%);
    padding-right: 100px;
}
.navigation-dropdown .quick-link-menu{
    width: 50%;
    padding-left: 100px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.navigation-dropdown .quick-link-menu h3{
    color: #FFDA00;
    font-size: 32px;
    font-weight: 700;
    line-height: 123%;
    position: relative;
    opacity: 0;
}
.navigation-dropdown .quick-link-menu li a{
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 123%;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    position: relative;
    opacity: 0;
}
.navigation-dropdown .quick-link-menu li:not(:last-child){
    margin-bottom: 15px;
}
.navigation-dropdown .quick-link-menu li a:hover{
    color: #FFDA00;
}
.navigation-dropdown .quick-link-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.navigation-dropdown .quick-link-menu::-webkit-scrollbar-thumb {
    background-color: #ffffff75;
    border-radius: 10px;
}
.quick-link-menu-btn, .menu-btn {
    color: #FFDA00;
    font-size: 22px;
    font-weight: 700;
    line-height: 123%;
    position: absolute;
    bottom: 100px;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}
.quick-link-menu-btn img,
.menu-btn img{
    margin-left: 10px;
}

/* search css  */
.search-drawer {
    position: fixed;

    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#004062), to(#00273D));
    background: -o-linear-gradient(top, #004062 0%, #00273D 100%);
    background: linear-gradient(180deg, #004062 0%, #00273D 100%);
    z-index: 4;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
    padding: 48px 50px;
    opacity: 0;
    visibility: hidden;
}
.search-drawer.active{
    opacity: 1;
    visibility: visible;
}
.search-drawer .search-wrappper {
    max-width: 725px;
    margin: 0 auto;
}
.search-drawer .search-input {
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    background-color: transparent;
    font-size: 32px;
    padding: 0 60px 15px 0;
    width: 100%;
    color: #fff;
    font-weight: 400;
}
.search-drawer input[type="submit"] {
    font-size: 0;
    background-color: transparent;
    border: 0;
    height: 52px;
    width: 52px;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 0;
    bottom: 15px;
}
.search-drawer .search-input::-webkit-input-placeholder{color: #fff;opacity: 1}
.search-drawer .search-input::-moz-placeholder{color: #fff;opacity: 1}
.search-drawer .search-input:-ms-input-placeholder{color: #fff;opacity: 1}
.search-drawer .search-input::-ms-input-placeholder{color: #fff;opacity: 1}
.search-drawer .search-input::placeholder{color: #fff;opacity: 1}
.search-drawer .search-form{
    margin-bottom: 90px;
}
.search-drawer .search-drawer h2{
    font-size: 56px;
}
.search-drawer .search-drawer h3{
    font-size: 42px;
}
.search-drawer .search-drawer h4{
    font-size: 32px;
}
.search-drawer li,
.search-drawer p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 15px;    
}
.search-drawer li{
    padding-left: 30px;
}
.search-drawer ul {
    list-style: decimal;
}
.search-drawer .search{
    position: relative;
    top: 36%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.search-drawer .search-close {
    border: 1px solid #FFFFFF;
    height: 58px;
    width: 58px;
    line-height: 50px;
    overflow: hidden;
    z-index: 1;
    background: #005373;
}

/* welcome Video  */
.welVideo{
    padding: 120px 0 180px;
}
.welVideo .video-wrapper{
    padding-top: 59%;
}
.welVideo .welVideo-col {
    padding-right: 45px;
}
.welVideo-content.shape-divider:before {
    top: -15px;
}
.welVideo .welVideo-content{
    padding-top: 30px;
    margin-left: 0;
}
.welVideo .video-wrapper .popupbtn {
    left: auto;
    right: -55px;
    bottom: -55px;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    background: #EDECE7;
    -webkit-box-shadow: 0px 0px 12px 0px #00000040;
            box-shadow: 0px 0px 12px 0px #00000040;
    border-radius: 100%;
    height: 122px;
    width: 122px;
}
.welVideo .video-wrapper .popupbtn .play-text{
    top: 8px;
    left: 3px;
}
.welVideo .video-wrapper .popupbtn .play-text {
    height: 107px;
    width: 116px;
}
.welVideo .video-wrapper .popupbtn .play-icon {
    height: 40px;
    width: 40px;
}
.welVideo .video-wrapper .play-icon path{
    fill: #005373;
}
.welVideo .container{
    padding-left: 60px;
    padding-right: 30px;
}
.welVideo .image-reveal{
    padding-right: 70px;
    padding-bottom: 70px;
}
.welVideo .welVideo-content h2 {
    margin-bottom: 40px;
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
}
.welVideo .welVideo-content .content-inner {
    padding-left: 60px;
    max-width: 616px;
}
.welVideo .welVideo-content span{
    color: #000;
}
.welVideo .welVideo-content h6{
    letter-spacing: 0.54px;
    font-weight: 500;
    line-height: 171%;
}
.welVideo .welVideo-content p{
    letter-spacing: 0.48px;
    line-height: 171%;
}
.welVideo .welVideo-content .btn{
    margin-top: 15px;
}
.welVideo .welVideo-content .content-inner > :nth-child(1){-webkit-transition-delay: .5s;-o-transition-delay: .5s;transition-delay: .5s;}
.welVideo .welVideo-content .content-inner > :nth-child(2){-webkit-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .6s;}
.welVideo .welVideo-content .content-inner > :nth-child(3){-webkit-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s;}
.welVideo .welVideo-content .content-inner > :nth-child(4){-webkit-transition-delay: .8s;-o-transition-delay: .8s;transition-delay: .8s;}
.welVideo .welVideo-content .content-inner > :nth-child(5){-webkit-transition-delay: .9s;-o-transition-delay: .9s;transition-delay: .9s;}
.welVideo .welVideo-content .content-inner > :nth-child(6){-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.welVideo .img-wrapper {
    height: 100%;
    padding-top: 0;
}
.image-reveal img {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
    will-change: transform;
    -webkit-transition: 2s ease;
    -o-transition: 2s ease;
    transition: 2s ease;
    width: 100%;
    height: auto;
}
.image-reveal:after {
    content: "";
    position: absolute;
    left: -15%;
    top: -1%;
    width: 130%;
    height: 102%;
    background-color: #fff;
    z-index: 2;
    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);
    will-change: transform;
    -webkit-transition: -webkit-transform 2s cubic-bezier(.7,0,.3,1);
    transition: -webkit-transform 2s cubic-bezier(.7,0,.3,1);
    -o-transition: transform 2s cubic-bezier(.7,0,.3,1);
    transition: transform 2s cubic-bezier(.7,0,.3,1);
    transition: transform 2s cubic-bezier(.7,0,.3,1), -webkit-transform 2s cubic-bezier(.7,0,.3,1);
}
.image-reveal {
    position: relative;
    overflow: hidden;
}
.image-reveal.aos-animate:after {
    -webkit-transform: skew(-10deg) translate3d(115%,0,0);
            transform: skew(-10deg) translate3d(115%,0,0);
}
.image-reveal.aos-animate img {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

/* Pull Quote Module */
.PullQuote .PullQuote-wrp {
    padding: 80px 0;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
}
.PullQuote .PullQuote-bg {
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 69%;
    background-size: cover;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
    -webkit-mask-image: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
            mask-image: -webkit-gradient(linear, left top, right top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
            mask-image: linear-gradient(90deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
}
.PullQuote .PullQuote-slider {
    width: 735px;
}
.PullQuote.no-img .PullQuote-slider{
    margin: 0 auto
}
.PullQuote .PullQuote-content p,
.PullQuote .PullQuote-content h6{
    line-height: 27px;
}
.PullQuote .PullQuote-content .desc,
.PullQuote .PullQuote-content h6{
    position: relative;
    opacity: 0;
}
.PullQuote .PullQuote-content::before{
    content: url(../images/qoute.png);
    top: 0;
    position: relative;
    opacity: 0;
}
.PullQuote .PullQuote-content::after{
    content:url(../images/qoute-down.png);
    bottom: 0;
    position: relative;
    opacity: 0;
}
.PullQuote .slick-active .PullQuote-content .desc,
.PullQuote .slick-active .PullQuote-content h6,
.PullQuote .slick-active .PullQuote-content::after,
.PullQuote .slick-active .PullQuote-content::before {
    -webkit-animation: textbottom 1s forwards;
    animation: textbottom 1s forwards;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.PullQuote .slick-active .PullQuote-content h6{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
@-webkit-keyframes textbottom { from {  bottom: -80px;  opacity: 0; } to {  bottom: 0;  opacity: 1; }}

/* Join Our Community Module  */
.joinCommunity {
    padding: 100px 0 50px;
}
.joinCommunity.overlay:before{
    background: #EDECE7;
    opacity: 1;
    width: 73%;
}
.joinCommunity.right.overlay:before{
    right: 0;
    left: auto;
    width: 73%;
}
.joinCommunity .img-wrapper.one {
    padding-top: 67%;
    width: 67%;
    margin-top: -147px;
}
.joinCommunity .img-wrapper.two {
    padding-top: 67%;
    width: 67%;
    margin-left: auto;
    margin-top: 23px;
    margin-right: -60px;
}
.joinCommunity .img-wrapper{
    -webkit-filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.25));
    z-index: 1;
}
.joinCommunity h2{
    margin-bottom: 60px;
    max-width: 680px;
}
.joinCommunity h4,.joinCommunity h4 p{
    font-weight: 300;
    line-height: 27px;
    margin-bottom: 30px;
}
.joinCommunity-txt-wrp li a,
.joinCommunity-txt-wrp p a{
    color: #537AFF;
}
.joinCommunity .joinCommunity-txt-wrp{
    max-width: 563px;
}
.joinCommunity.right .joinCommunity-txt-wrp{
    max-width: 480px;
}
.joinCommunity h4.intro-txt p{font-size: 18px;font-weight: 500;letter-spacing: 0.54px;}
.joinCommunity .btn{
    margin-top: 30px;
    min-width: 334px;
    padding-left: 10px;
    padding-right: 10px;
}
.joinCommunity .btn-wrp .btn:nth-child(1){-webkit-transition-delay: 0.7s;-o-transition-delay: 0.7s;transition-delay: 0.7s;}
.joinCommunity .btn-wrp .btn:nth-child(2){-webkit-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}
.joinCommunity .btn-wrp .btn:nth-child(3){-webkit-transition-delay: 0.9s;-o-transition-delay: 0.9s;transition-delay: 0.9s;}
.joinCommunity .joinCommunity-txt-wrp{
    margin-left: 58px;
}
.joinCommunity.editorial-module .btn{
    min-width: 206px;
}
.joinCommunity.editorial-module.right .shape-divider::before{
    display: none;
}
 
/* video module  */
.videoModule .video-thumb video {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    -webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
    border-radius: 16px;
}
.videoModule .video-thumb video[poster]{
    border-radius: 16px;
}
.videoModule .video-box .video-controle {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.video-box .video-controle .soundbtn {
    height: 60px;
    width: 60px;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;
}
.video-box .video-controle .soundbtn:hover circle{
    fill-opacity: 1;
}
.video-box .video-controle .playbtn span,
.videoModule .watchnext {
    white-space: nowrap;
    display: inline-block;
    padding-left: 10px;
    letter-spacing: 0.125em;
    text-transform: uppercase;
    color: #19869E;
    font-weight: 700;
    font-size: 16px;
}
.video-box .video-controle .mute {
    display: block;
}
.video-box .video-controle .unmute-video .mute{
    display: none;
}
.video-box .video-controle .soundon,
.video-box .video-controle .playing .play,
.video-box .video-controle .pause {
    display: none;
}
.video-box .video-controle .unmute-video .soundon,
.video-box .video-controle .play,
.video-box .video-controle .playing .pause {
    display: block;
}
.videoModule .video-slider .slick-slide {
    margin-bottom: 70px;
}
.videoModule .video-thumbCol {
    padding: 30px 0px 50px 152px;
    margin-top: -40px;
}
.videoModule .slick-arrow.slick-next {
    left: 300px;
}
.videoModule .slick-arrow {
    left: 230px;
}
.videoModule .video-thumb .slick-slide{
    padding: 10px;
}
.videoModule .video-thumb .icon{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.videoModule .video-thumb .slick-arrow {
    top: -70px;
}
.videoModule .video-thumb h6{
    font-weight: 500;
    letter-spacing: 0.03em;
    margin-top: 7px;
    line-height: 1.35;
}
.videoModule .video-thumb .slick-list {
    margin: 0 -10px;
    padding-right: 173px;
}
.video-bottom .container{
    max-width: 1920px;
}
.videoModule{
    overflow: hidden;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(165, 0, 52, 0)), color-stop(52.08%, rgba(165, 0, 52, 0.05)), to(rgba(165, 0, 52, 0)));
    background: -o-linear-gradient(top, rgba(165, 0, 52, 0) 0%, rgba(165, 0, 52, 0.05) 52.08%, rgba(165, 0, 52, 0) 100%);
    background: linear-gradient(180deg, rgba(165, 0, 52, 0) 0%, rgba(165, 0, 52, 0.05) 52.08%, rgba(165, 0, 52, 0) 100%);
}
.videoModule .video-thumb {
    margin-top: 30px;
}
.videoModule .video-thumbCol::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #E6A5A6;
    border-radius: 218px 0 0 218px;
    height: 100%;
    width: 100%;
    border-right: 0;
    z-index: -1;
}
.videoModule .video-content h4 {
    font-size: 32px;
    letter-spacing: 0.03em;
    font-weight: 500;
    margin-bottom: 10px;
    -webkit-transition-delay: 0.4s;
         -o-transition-delay: 0.4s;
            transition-delay: 0.4s;
}
.videoModule .video-content h6{
    letter-spacing: 0.03em;
    font-weight: 500;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 40px;
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
}
.videoModule .video-content h6:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #19869E;
    width: 68%;
}
.videoModule .video-content p{
    -webkit-transition-delay: 0.6s;
         -o-transition-delay: 0.6s;
            transition-delay: 0.6s;
    letter-spacing: 0.03em;
    font-weight: 300;
}
.videoModule .section-header h5{
    font-weight: 500;
    letter-spacing: 0.03em;
}

.tilesSlider{
    padding: 150px 0 40px;
}
.tilesSlider .section-header p{
    line-height: 162.661%;
}
.tilesSlider .col-left{
    width: 38%;
}
.tilesSlider .col-right {
    width: 62%;
}
.tilesSlider .desc-box{
    max-width: 400px;
    margin-left: 50px;
}
.item-slider .item-box{
    margin: 105px 18px 50px;
}
.item-slider .item-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 1;
    padding: 20px 15px;
}
.item-slider .item-box.overlay:before{
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.00)), color-stop(76.77%, rgba(0, 0, 0, 0.40)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 76.77%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.40) 76.77%);
    opacity: 1;
}
.tilesSlider .slick-current.slick-active .item-box .item-content{
    background-color: #fff;
}
.tilesSlider .slick-current.slick-active .item-content h4{
    color: #004062;
    min-height: auto;
}
.tilesSlider .item-content .link{
    display: none;
}
.tilesSlider .slick-current.slick-active .item-content .link{
    display: inline-block;
}

.item-slider .item-box{
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.tilesSlider .item-slider .item-box{
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.tilesSlider .item-slider .slick-current .item-box{
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.25);
    margin-top: 20px;
    margin-bottom: 20px;
    height: calc(100% - 40px);
}
.tilesSlider .slick-list{
    padding: 0 200px 0 0!important;
    margin-right: -15px !important;
    margin-left: -15px;
}
.item-slider .slick-track{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.item-slider .slick-slide{
    height: inherit !important;
}
.item-slider .item-box .item-content h4{
    font-size: 22px;
    font-weight: 400;
    line-height: 123%;
    margin-bottom: 10px;
    min-height: 50px;
}
.item-slider{
    margin-right: calc(-100vw / 2 + 1520px / 2);
    padding-bottom: 80px;
}
.item-slider .slick-arrow {
    left: 0;
    bottom: 0;
    top: auto;
}
.item-slider .slick-arrow.slick-next {
    margin-left: 85px;
}
.tilesSlider .item-slider .item-box .img-wrapper{
    padding-top: 122%;
    height: 100%;
}
.tilesSlider .item-slider .slick-dots li button{
    width: 26px;
}
.tilesSlider .item-slider .slick-dots li {
    margin: 3px 2px;
}
.tilesSlider .slick-dots{
    margin: 0;
    bottom: -50px;
    position: relative;
    width: calc(100% - 160px);
    margin-left: auto;

}
.newsSlider {
    padding: 195px 0 135px;
    background-image: url(../images/tree-white.png);
    background-repeat: no-repeat;
    background-position: -64px 0;
}
.newsSlider .item-box .item-content {
    padding: 20px 25px 70px;
    color: #000;
    position: static;
}
.newsSlider .item-box .item-content h5 {
    font-weight: 600;
    line-height: 161%;
    letter-spacing: 0.66px;
    color: #004062;
}
.newsSlider .item-box {
    -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    margin: 25px 15px;
    height: calc(100% - 50px);
    background-repeat: no-repeat;
}
.newsSlider .item-box:not(:hover) {
    background-image: none !important;
}
.newsSlider .item-box:hover .img-wrapper,
.newsSlider .item-box:hover .item-content h5{
    opacity: 0;
}
.newsSlider .item-box .like small {
    text-transform: uppercase;
    color: #005373;
    font-weight: 700;
    font-size: 12px;
}
.newsSlider .item-box:hover .like{
    opacity: 0;
}
.newsSlider .item-box .item-content p{
    font-weight: 300;
    font-size: 16px;
}
.newsSlider .item-box .item-content .btn{
    min-width: 260px;
}
.newsSlider .item-box .like span {
    color: #005373;
    font-size: 14px;
    font-weight: 700;
}
.newsSlider .item-box .like {
    border-top: 1px solid #FDB924;
    padding-top: 15px;
    position: absolute;
    bottom: 15px;
    left: 24px;
    width: calc(100% - 48px);
    z-index: 1;
}
.newsSlider .item-box .img-wrapper{
    padding-top: 94%;
}
.newsSlider .slick-list{
    padding: 0 20px 0 0!important;
    margin-left: 50px;
}
.newsSlider .item-box.overlay:before{
    opacity: 0;
    top: auto;
    bottom: 0;
    height: 100%;
}
.newsSlider .item-box.overlay:hover:before{
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 39, 61, 0.60)), to(rgba(0, 39, 61, 0.60)));
    background: -o-linear-gradient(bottom, rgba(0, 39, 61, 0.60) 0%, rgba(0, 39, 61, 0.60) 100%);
    background: linear-gradient(0deg, rgba(0, 39, 61, 0.60) 0%, rgba(0, 39, 61, 0.60) 100%);
    opacity: 1;
}
.newsSlider .item-box .icon-box .link{
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 146px;
}
.newsSlider .item-box .icon-box svg,
.newsSlider .item-box .icon-box img{
    margin-bottom: 23px;
}
.newsSlider .item-box:hover .icon-box .link{
    display: inline-block;
}
.newsSlider .item-box:hover .icon-box{
    position: relative;
    z-index: 1;
    top: -110px;
}
.newsSlider .item-box:hover .icon-box path{
    stroke: #fff;
}
.newsSlider .item-box:hover .icon-box img{
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
}
.newsSlider .item-box .item-content p,
.newsSlider .item-box .item-content .btn{
    display: none;
}
.newsSlider .item-box:hover .item-content .btn{
    display: inline-block;
}
.newsSlider .bottombtn-wrap{
    display: none;
}
.newsSlider .social-icon a path {
    fill: #005373;
}
.newsSlider .social-icon a{
    margin: 0 20px;
}
.newsSlider .section-header .btn-wrp .btn{
    margin-left: 40px;
}
.newsSlider .item-slider .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
    margin-left: 0;
}
.newsSlider .item-slider .slick-arrow.slick-next{
    right: 23.4%;
    left: auto;
}
.newsSlider .item-slider .slick-arrow.slick-prev{
    left: 30px;
}

/* Call to Action Module */
.Cta.overlay:before{
    background: -webkit-gradient(linear, left top, right top, color-stop(37.45%, rgba(0, 64, 98, 0.00)), color-stop(68.16%, #00273D));
    background: -o-linear-gradient(left, rgba(0, 64, 98, 0.00) 37.45%, #00273D 68.16%);
    background: linear-gradient(90deg, rgba(0, 64, 98, 0.00) 37.45%, #00273D 68.16%);
    opacity: 1;
}
.Cta .row{
    height: 100%;
}
.Cta-content {
    padding: 100px 65px;
    margin-left: auto;
    width: auto;
    max-width: 660px;
}
.Cta-content p{
    letter-spacing: 0.54px;
    line-height: 171%;
    font-size: 18px;
} 
.Cta-content p strong{
    font-weight: 700;
}
.Cta-content h2 {
    margin-bottom: 30px;
    color: #fff;
}
.Cta .Cta-content-wrp{
    margin-left: 58px;
    max-width: 380px;
}
.Cta .Cta-content .btn {
    margin-top: 8px;
}

/* footer css*/
footer {
    background: var(--Footer-Gradient, linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%));
    margin-top: 35px;
    padding: 125px 0 70px;
    z-index: 1;
}
footer .footer-logo img{
    max-width: 148px;
}
footer .contact-box h5,footer .contact-box h5 a {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}
footer .contact-box h5{
    margin-bottom: 8px;
}
footer .col-right>.row>div:not(:last-child) {
    margin-bottom: 30px;
}
footer .contact-box p,footer .contact-box a{
    color: #fff;
}
footer .col-left .row{
    margin: 0 -20px;
}
footer .col-left .row > div {
    padding: 0 20px;
    margin-bottom: 40px;
}
footer .copyright{
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-transition-delay: 0.7s;
         -o-transition-delay: 0.7s;
            transition-delay: 0.7s;
}
footer .copyright p{
    letter-spacing: 0.03em;
    font-size: 14px;
    font-weight: 400;
}
.footer-about-wrp{
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 0px 0px 433.066px 433.066px;
    height: calc(100% - 135px);
    background-size: cover;
    padding: 100px 195px 125px 130px;
    top: -1px;
}
.footer-about h3 {
    font-size: 36px;
    letter-spacing: 0.035em;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
}
footer .social-icon a:hover svg path{
    fill: #fff;
}
footer .footer-bottom-desc{
    display: none;
}
footer .col-left {
    width: 17%;
}
footer .col-right {
    width: 58%;
}
footer a {
    color: #fff;
}
footer a:hover{
    color: #FDB924;
}
.footer-menu a:not(:last-child) {
    padding-right: 15px;
    margin-right: 15px;
}
.footer-menu a:not(:last-child):after {
    content: "/";
    left: 17px;
    position: relative;
    color: #fff;
}
.footer-menu-wrp{
    border-top: 1px solid #FDB924;
    padding-top: 20px;
}
footer::before{
    content: "";
    position: absolute;
    right: 90px;
    bottom: 0;
    background-image: url(../images/tree.svg);
    background-repeat: no-repeat;
    height: 85%;
    width: 80%;
    background-position: right bottom;
    background-size: contain;
    z-index: -1;
}
.scroll-top {
    position: absolute;
    bottom: 122px;
    right: 53px;
    cursor: pointer;
}
.scroll-top:hover svg{
    -webkit-box-shadow: 0px 0px 12px 0px #00000040;
            box-shadow: 0px 0px 12px 0px #00000040;
}
.scroll-top:hover circle{
    fill: #FDB924;
} 
.scroll-top:hover path{
    fill: #004062;
}
footer .social-icon{
    margin-bottom: 0;
}

/* cta popup  */
.ctaPopup {
    position: fixed;
    bottom: 0;
    right: 50px;  
    border-radius: 157px 157px 0px 0px;
    z-index: 3;
    background-color: transparent;
    width: 311px;
    text-align: right;
}
.ctaPopup-img {
    height: 115px;
    width: 115px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 100%;
}
.ctaPopup.open{
    background-color: #19869E;
    -webkit-box-shadow: 0px -4px 4px rgb(0 0 0 / 25%);
            box-shadow: 0px -4px 4px rgb(0 0 0 / 25%);
    right: 15px;  
}
.ctaPopup.open .ctaPopup-img{
    height: 180px;
    width: 100%;
    border-radius: 157px 157px 0px 0px;
}
.ctaPopup-boxclose {
    position: absolute;
    top: -7px;
    right: -25px;
    height: 58px;
    width: 58px;
    border-radius: 100%;
    background-color: rgba(0,0,0,1);
    text-align: center;
    line-height: 52px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    overflow: hidden;
    -webkit-box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.25);
}
.ctaPopup-boxclose.active{
    top: -10px;
    right: 25px;
}
.ctaPopup-content{
    padding: 15px;
    display: none;
}
.ctaPopup.open .ctaPopup-content{
    display: block;
}
.ctaPopup-boxclose .closeimg,
.ctaPopup-boxclose.active .minimize{
    display: none;
}
.ctaPopup-boxclose.active .closeimg{
    display: inline-block;
}
.ctaPopup-boxclose.overlay:before{
    opacity: 0.4;
}
.ctaPopup-close {
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border-radius: 14px;
    padding: 2px 9px;
    position: absolute;
    bottom: 10px;
    right: -31px;
}
.ctaPopup-close .img {
    width: 8px;
    height: 8px;
    margin-top: -3px;
}
.ctaPopup-close:hover {
    background-color: #19869E;
    color: #fff;
}

/* common-content  */
.blockquote-sec-home.blockquote-sec{
    padding-top: 20px;
}
.blockquote-sec {
    padding: 50px 0 62px;
    background: #EDECE7;
}
.blockquote-sec blockquote {
    font-size: 18px;
    font-weight: 300;
    line-height: 181.617%;
    letter-spacing: 0.54px;
    min-height: 109px;
}
.blockquote-sec .container.inner{
    max-width: 1400px;
}
.common-bq-sec.blockquote-sec .container.inner{
    max-width: 1320px;
}
.blockquote-sec img{
    margin-bottom: 30px;
}
.common-contentDiv p a,
.common-contentDiv li a{
    color: #003AFF;
}
.common-contentDiv dl,.common-contentDiv ol,.common-contentDiv ul {
    padding-left: 25px;
    margin-bottom: 45px;
}
.common-content-sec .figcaption{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 0 8px;
    height: 100%;
}
.common-content-sec figcaption {
    color: #fff;
    padding: 2px 17px;
    font-weight: 300;
    font-size: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    bottom: 0;
    background: #00537399;
    width: 100%;
    left: 0;
    letter-spacing: 0.48px;
    font-style: normal !important;
}
.common-content-sec figure {
    position: relative;
}
.common-content-sec figure img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.figure-center {
    margin-bottom: 32px;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.figure-left {
    margin-left: -215px !important;
    margin-right: 33px !important;
    margin-bottom: 32px;
}
.figure-right {
    margin-left: 33px !important;
    margin-bottom: 32px;
    margin-right: -215px !important;
}
section:not(.blockquote-sec) .common-contentDiv blockquote{
    letter-spacing: 0.54px;
    font-weight: 700;
    font-size: 18px;
    padding-left: 25px;
    border-left: 1px solid #FDB924;
}
.common-contentDiv h1{
    position: relative;
    margin-left: -67px;
    margin-bottom: 40px;
    font-size: 48px;
}
.common-contentDiv h2 {
    margin: 45px 0 30px;
    font-size: 38px;
}
.common-contentDiv p,.common-contentDiv ol,.common-contentDiv ul li, .common-contentDiv ol,.common-contentDiv ul li{
    font-size: 16px;
    font-weight: 300;
}
.common-contentDiv h3 {
    font-size: 38px;
    margin: 55px 0 30px;
    font-weight: 500;
}
.common-contentDiv h4 {
    margin: 40px 0 20px;
    font-weight: 500;
    color: #19869E;
    font-size: 30px;
}
.common-contentDiv h5 {
    margin: 35px 0 20px;
    letter-spacing: 0.66px;
    font-weight: 500;
    color: #19869E;
}
.common-contentDiv h6{
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: #004062;
}
.common-contentDiv > :first-child {
    margin-top: 0;
}
.common-contentDiv > :last-child{
    margin-bottom: 0 !important;
}
.common-content-sec table td p {margin-bottom: 0;}
.common-content-sec table thead th { border-top: 0;font-weight: bold;color: #19869E;border-color: #004062;}
.common-content-sec table th {border-block-width: 2px;}
.common-content-sec table {margin-bottom: 35px;width: 100%;}
.common-content-sec table td,
.common-content-sec table th {padding: 10px 15px;border-bottom: 1px solid #19869E;font-size: 16px;letter-spacing: 0.03em;}
.common-content-sec table tr td:first-child,
.common-content-sec table tr th:first-child {padding-left: 0;}
.common-content-sec table tr td:last-child,
.common-content-sec table tr th:last-child {padding-right: 0;}
.common-content-sec .link-wrapper{
    margin-bottom: 20px;
}
.common-contentDiv form label {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.56px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    line-height: 40px;
}
.common-contentDiv form .focus label{
    font-size: 16px;
}
.common-contentDiv .form-control {
    border: 0;
    border-bottom: 1px solid #004062;
    border-radius: 0;
    font-weight: 400;
    padding: 14px 0 8px;
    background-color: transparent;
    font-size: 16px;
    letter-spacing: 0.035em;
    color: #19869E;
}
.common-contentDiv canvas{
    border-radius: 0 !important;
    border-color: #004062 !important;
}
.common-contentDiv .form-control[type="file"]{
    padding-left: 12px;
}
.common-contentDiv .form-control:focus{
    border-bottom-width: 2px;
}
.common-contentDiv textarea {
    height: 110px;
}
.common-contentDiv select{ 
    background-image: url(../images/select.svg);
    background-repeat: no-repeat;
    background-position: 100% center;
    background-size: auto;
}
.common-contentDiv input[type="submit"] {
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 18px;
    background-color: transparent;
    border: 1px solid #004062;
    border-radius: 28.5897px;
    min-width: 280px;
    text-align: center;
    padding: 13px 15px;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}
.common-contentDiv input[type="submit"]:hover{
    background-color: #004062;
    color: #FFF;
}
.common-contentDiv .form-check-input{
    border-color: #004062;
    width: 33px;
    height: 33px;
    cursor: pointer;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 5px 4px;
    background-size: 21px;
    margin-left: 0;
    position: absolute;
    left: 0;
}
.common-contentDiv .form-check-input:checked {
    background-color: transparent;
    border-color: #004062;
    background-image: none;
    background-image: url(../images/Ellipse-red.svg);
}
.common-contentDiv .form-check-input:focus{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.common-contentDiv .form-wrapper button[type="submit"] {
    margin-top: 55px;
}
.common-contentDiv .form-check-inline {
    margin-right: 30px;
    position: relative;
    padding-left: 45px;
}
.common-contentDiv .radio-btn-wrp{
    padding: 10px 0;
}
.common-contentDiv .download-btn{
    margin-bottom: 0;
    max-width: 636px;
}
.common-contentDiv .download-btn a{
    letter-spacing: 0.4px;
    color: #464646;
    font-weight: 700;
    border-bottom: 1px solid #19869E;
    min-height: 58px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 5px 50px 5px 20px;
    background-image: url(../images/arrow-right-blue.svg);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    border-top: 1px solid #19869E;
    margin-bottom: -1px;
    cursor: pointer;
}
.common-contentDiv .download-btn a:hover{
    background-color: #19869E;
    color: #fff;
    background-image: url(../images/arrow-right.png);
    background-position: 99% 50%;
}
.common-contentDiv .author .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}
.common-contentDiv .author .img {
    position: relative;
    min-width: 171px;
    height: 144px;
    width: 144px;
    margin-right: 25px;
    padding-right: 25px;
}
.common-contentDiv .author .img::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: -webkit-gradient(linear, left top, left bottom, from(#FDB924), to(rgba(253, 185, 36, 0)));
    background: -o-linear-gradient(top, #FDB924 0%, rgba(253, 185, 36, 0) 100%);
    background: linear-gradient(180deg, #FDB924 0%, rgba(253, 185, 36, 0) 100%);
}
.common-contentDiv .author {
    margin: 30px 0;
    position: relative;
}
.common-contentDiv .author h5 b,.common-contentDiv .author h5 strong{
    font-weight: 400;
    color: #004062;
}
.common-contentDiv .author h5{
    color: #19869E;
    margin: 0;
    font-weight: 300;
}
.navigation .navigation-txt h5 {
    color: #005373;
}
.navigation .navigation-txt h5{
    font-size: 24px;
}
.navigation .navigation-txt .btn-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: -30px;
    z-index: 1;
}
.navigation .navigation-col:hover .btn-icon circle {
    fill: #FDB924;
    stroke: #DDE3E3;
}
.navigation .navigation-col:hover .navigation-txt .btn-icon path{
    fill: #004062;
}
.navigation .img-wrapper {
    padding-top: 305px;
    margin: -27px 0;
    overflow: hidden;
}
.navigation .img-wrapper img{
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.navigation .navigation-col:hover .img-wrapper img{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}
.navigation .navigation-col {
    background-color: #EDECE7;
    margin: 27px 0;
    position: relative;
}
.navigation .navigation-col .btn-txt {
    color: #9DA1A1;
    font-weight: 700;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.navigation .navigation-col .btn-txt:hover{
    color: #005373;
}
.navigation .navigation-next .navigation-txt .btn-icon{
    right: -30px;
    left: auto;
}
.navigation{
    margin-top: 30px;
}
.navigation .navigation-txt {
    padding: 0 30px;
}

/* inner banner css  */
.inner-banner.hero-section .slick-slide::after{
    display: none;
}
.inner-banner.hero-section {
    height: 78vh;
}
.inner-banner.hero-section .hero-panel-content :last-child {
    margin-bottom: 0;
}
.inner-banner .hero-panel-content h2{
    font-size: 48px;
}
.inner-banner .hero-panel-content li,
.inner-banner .hero-panel-content p{
    letter-spacing: 0.03em;
    font-size: 16px;
}
.inner-banner .hero-panel-content p b{
    font-weight: 500;
}
.inner-banner .hero-panel-content li::marker{
    font-size: 12px;
}
.inner-banner.hero-section .hero-panel {
    padding: 130px 50px 100px 80px;
    width: 33%;
}
.inner-banner.hero-section .col-right{
    width: 67%;
}
.inner-banner .hero-panel-content h5{
    letter-spacing: 2.5px;
    font-size: 16px;
}
.inner-banner .hero-panel-content {
    padding-left: 20px;
    min-height: 230px;
}
.inner-banner .hero-panel-content::before {
    content: "";
    height: 0;
    width: 1px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transition-delay: 0.7s;
         -o-transition-delay: 0.7s;
            transition-delay: 0.7s;
    background:  linear-gradient(180deg, #FDB924 17.01%, rgba(253, 185, 36, 0) 100%);
}
.inner-banner .hero-panel-content.aos-animate::before{
    height: 100%;
}
.inner-banner .hero-panel-logo img {
    max-width: 134px;
}
.common-content-sec{
    position: relative;
}
.common-content-sec.bgimg::before,
.formsec::before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    width: 931px;
    height: 955px;
    background-image: url(../images/tree-white.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}
.newsletter-bar + .principle-sec + .common-content-sec::before{
    top: -10px;
}
.formsec{
    padding-bottom: 20px;
}
.formsec::before{
    top: -60px;
    background-position: right bottom;
    right: 0;
    left: auto;
    -webkit-transform: scaleX(-100%);
        -ms-transform: scaleX(-100%);
            transform: scaleX(-100%);
}

/* Tiles Module */
.tiles-module .container{max-width: 1400px;}
.tiles-grid-item {float: left;}
.tiles-grid-sizer, .tiles-grid-item {width: 33.33%;position: relative;padding: 7px;}
.tiles-grid-item.tiles-half {  width: 50%;}
.tiles-grid-item.tiles-full{width: 100%;}
.tiles-grid-item.tiles-twohalf{width: 66.66%;}
.tiles-module .tiles-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    z-index: 1;
}
.tiles-boxdiv{ height: 391px; overflow: hidden; position: relative; color: #fff; }
.tiles-boximage {  background-size: cover;  background-repeat: no-repeat;  background-position: center;  position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.tiles-boximage.overlay:before{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.00)), color-stop(76.77%, rgba(0, 0, 0, 0.40)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.40) 76.77%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.40) 76.77%);
    opacity: 1;
}
.tiles-module .tiles-boxdiv:hover .tiles-content{ background-color: #fff;}
.tiles-module .tiles-boxdiv .tiles-content .tiles-title{
    color: #fff;
}
.tiles-module .tiles-boxdiv:hover .tiles-content .tiles-title{
    color: #004062;
}
.tiles-module .tiles-boxdiv:hover{
    -webkit-box-shadow: 0px 0px 24px 0px #00000040;
            box-shadow: 0px 0px 24px 0px #00000040;
}
.tiles-boxdiv:hover .tiles-boximage{
    height: calc(100% - 111px);
}
.tiles-boxdiv .content {opacity: 0;}
.tiles-boxdiv:hover .content {opacity: 1;}
.tiles-grid-item:nth-child(1){-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.tiles-grid-item:nth-child(2){-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.tiles-grid-item:nth-child(3){-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.tiles-grid-item:nth-child(4){-webkit-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}
.tiles-grid-item:nth-child(5){-webkit-transition-delay: 1s;-o-transition-delay: 1s;transition-delay: 1s;}
.tiles-grid-item:nth-child(6){-webkit-transition-delay: 1.2s;-o-transition-delay: 1.2s;transition-delay: 1.2s;}
.tiles-grid-item:nth-child(7){-webkit-transition-delay: 1.4s;-o-transition-delay: 1.4s;transition-delay: 1.4s;}
.tiles-grid-item:nth-child(8){-webkit-transition-delay: 1.6s;-o-transition-delay: 1.6s;transition-delay: 1.6s;}
.tiles-grid-item:nth-child(9){-webkit-transition-delay: 1.8s;-o-transition-delay: 1.8s;transition-delay: 1.8s;}
.tiles-grid-item:nth-child(10){-webkit-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;}
.tiles-grid-item:nth-child(11){-webkit-transition-delay: 2.2s;-o-transition-delay: 2.2s;transition-delay: 2.2s;}
.tiles-grid-item:nth-child(12){-webkit-transition-delay: 2.4s;-o-transition-delay: 2.4s;transition-delay: 2.4s;}
.tiles-grid-item:nth-child(13){-webkit-transition-delay: 2.6s;-o-transition-delay: 2.6s;transition-delay: 2.6s;}
.tiles-grid-item:nth-child(14){-webkit-transition-delay: 2.8s;-o-transition-delay: 2.8s;transition-delay: 2.8s;}
.tiles-grid-item:nth-child(15){-webkit-transition-delay: 3s;-o-transition-delay: 3s;transition-delay: 3s;}

/* Image with text  */
.imgtext{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.imgtext .img-col {
    padding: 0 40px 0 0;
}
.imgtext.right .img-col {
    padding: 0 0 0 40px;
}
.imgtext .row{
    margin: 0 -15px;
}
.imgtext .img-col .img-wrapper {
    height: 100%;
    margin-top: -1px;
    padding-top: 57%;
}
.imgtext .text-col{
    padding: 90px 200px 90px 90px;   
    position: relative; 
}
.imgtext .text-col .bg-img{
    position: absolute;
    top: 50%;
    right: -120px;
    left: auto;
    height: 75%;
    width: 71%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right center;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
/* .imgtext.right .text-col .bg-img{
    left: -120px;
    right: auto;
} */
.imgtext .imgtext-inner {
    margin-left: 50px;
    max-width: 563px;
}
.imgtext .imgtext-inner .btn-wrap {
    margin-top: 30px;
}
.imgtext.right .text-col .shape-divider {
    padding-left: 0;
    padding-right: 55px;
    margin-left: 0;
    margin-right: -55px;
}
.imgtext.right .text-col .shape-divider::before{
    right: -38px;
    left: auto;
}
.imgtext .text-col h2 {
    margin-bottom: 50px;
    max-width: 614px;
}
.imgtext.blue .text-col h2,
.imgtext.blue .imgtext-inner{
    color: #fff;
}
.imgtext .text-col p a,
.imgtext .text-col li a{
    color: #537AFF;
}
.imgtext .text-col h6{
    letter-spacing: 0.03em;
    font-weight: 500;
    line-height: 171%;
}
.imgtext .text-col p{
    line-height: 171%;
}
.imgtext .link-wrapper {
    margin-top: 45px;
}
.imgtext.right .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.imgtext.right .img-col.round-img {
    padding: 0 90px 150px 0;
}
.imgtext.right .text-col{
    padding: 90px 90px 90px 160px;
}
.imgtext.blue{
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
}
.imgtext.gray {
    background-color: #EDECE7;
}
.imgtext.blue .common-contentDiv *{
    color: #fff;
}
.imgtext.blue .btn{
    border-color: #fff;
}
.imgtext.blue .btn:hover{
    background-color: #fff;
    color: #19869E;
}
.imgtext .text-col .common-contentDiv >.imgtext-inner> *,
.principle-sec .common-contentDiv *{
    -webkit-transform: translate3d(0,100px,0);
            transform: translate3d(0,100px,0);
}
.imgtext .text-col .common-contentDiv > .aos-animate,
.principle-sec .common-contentDiv .aos-animate{
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}
.imgtext .text-col .common-contentDiv > :nth-child(1){-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s;}
.imgtext .text-col .common-contentDiv > :nth-child(2){-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;}
.imgtext .text-col .common-contentDiv > :nth-child(3){-webkit-transition-delay: 0.6s;-o-transition-delay: 0.6s;transition-delay: 0.6s;}
.imgtext .text-col .common-contentDiv > :nth-child(4){-webkit-transition-delay: 0.8s;-o-transition-delay: 0.8s;transition-delay: 0.8s;}
.imgtext .text-col .common-contentDiv > :nth-child(5){-webkit-transition-delay: 2s;-o-transition-delay: 2s;transition-delay: 2s;}
.imgtext .text-col .common-contentDiv > :nth-child(6){-webkit-transition-delay: 2.2s;-o-transition-delay: 2.2s;transition-delay: 2.2s;}
.imgtext .text-col .common-contentDiv > :nth-child(7){-webkit-transition-delay: 2.2s;-o-transition-delay: 2.2s;transition-delay: 2.2s;}


/* Document Download  */
.docDown .container.inner{max-width: 1380px;}
.docDown .docDown-box {position: relative;;-webkit-box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);;box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);margin-bottom: 45px;overflow: hidden;background-image: url(../images/tree-solid.svg);background-repeat: no-repeat;background-position: right bottom;z-index: 1;}
.docDown .docDown-box.blue-bg{background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);}
.docDown .docDown-box.blue-bg::before{
    background-image: url(../images/tree-light.svg);
    content: "";
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1;
}
.docDown .img-wrapper{padding-top: 70%;height: 100%;overflow: hidden;-webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(33.17%, #000));-webkit-mask-image: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #000 33.17%);mask-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.00)), color-stop(33.17%, #000));mask-image: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #000 33.17%);}
.docDown .img-wrapper img{-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.docDown .col-left {padding-right: 0;}
.docDown .col-right h3 {font-weight: 400; margin-bottom: 30px;}
.docDown .col-right .btn{color: #19869E;font-family: 'Manrope', sans-serif;margin-top: 10px;}
.docDown .col-right .btn:hover{color: #fff;}
.docDown .col-right {padding: 22px 30px 22px 44px;}
.docDown .docDown-box.blue-bg .col-right *,
.docDown .docDown-box.blue-bg .col-right h3{color: #fff;}
.docDown .docDown-box:hover .img-wrapper img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

.morelink svg {
    margin-left: 5px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.morecontent span {
    display: none;
    width: 100% !important;
}
.morelink {
    display: inline-block;
    letter-spacing: 0.03em;
    font-weight: 300;
    font-size: 16px;
    color: #19869E;
    margin-top: 30px;
}
.morelink.less svg{
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

/* vidoe module  */
.video-module .video-box .video-controle .playbtn,
.video-box .video-controle .playbtn{
    position: static;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    background: rgb(237 236 231 / 80%);
}
.video-module .video-controle {
    position: absolute;
    bottom: 50px;
    left: 43px;
}
.video-module .video-controle .play,
.video-box .video-controle .play {
    width: 25px;
}
.video-module .video-controle .pause,
.video-box .video-controle .pause {
    width: 15px;
}
.video-module .video-module-content {
    padding: 10px 0 0;
    margin-left: 190px;    
}
.video-module .video-module-content .content{
    z-index: 1;
    max-width: 940px;
}
.video-module .video-box {
    z-index: 1;padding: 20px 20px 30px;
    margin: 0 -20px;
}
.video-module .video-module-content h6{
    color: #004062;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
}
.video-module .video-module-content h3 {
    margin-bottom: 35px;
    color: #19869E;
    font-weight: bold;
}
.video-module .video-module-content p{
    color: #464646;
}
.video-module::before {
    background-size: contain;
    content: "";
    position: absolute;
    right: 0;
    left: auto;
    bottom: 0;
    height: 77%;
    width: 33%;
    background-image: url(../images/tree-white.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: -1;
}
.video-module .video-module-content .content :last-child {
    margin-bottom: 0;
}
.video-module .video-wrapper{
    -webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
            filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
}
.video-module{
    margin: 70px 0 160px;
}
.video-module .container.inner{
    max-width: 1690px;
}

/* Photo Gallery Module */
.gallery {
    margin: 100px 0;
    z-index: 1;
}
.gallery .slick-counter{
    max-width: 1690px;
}
.gallery .slick-dots {
    max-width: 1690px;
    margin: -15px auto 0;
    padding: 0 190px;
}
.gallery .slick-slide{
    margin: 30px 10px;
    position: relative;
    height: 630px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.gallery .slick-slide img{
    height: 413px;
    -webkit-filter: brightness(0.6) drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.25));
            filter: brightness(0.6) drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.25));
    -webkit-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}
.gallery .slick-center{
    z-index: 2;
}
.gallery .slick-center.slick-slide::before{
    opacity: 0;
}
.gallery .slick-center img{
    transform: scale(1.5);
    -webkit-filter: brightness(1) drop-shadow(0px 14px 12px rgba(0, 0, 0, 0.25));
            filter: brightness(1) drop-shadow(0px 14px 12px rgba(0, 0, 0, 0.25));
}
.gallery .slick-track{
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.gallery .slick-slide span {
    letter-spacing: 0.48px;
    font-size: 16px;
    color: #005373;
    opacity: 0;
    display: block;
    min-height: 20px;
    position: absolute;
    bottom: -10px;
    left: 0;
    line-height: normal;
}
.gallery .slick-center span{
    opacity: 1;
}
.gallery .slick-list{
    padding: 0 !important;
}
.gallery .slick-center .gallery-img.overlay::before{
    opacity: 0;
}
.gallery .slick-arrow {
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.gallery .slick-prev{
    left: 15%;
}
.gallery .slick-next{
    right: 15%;
    left: auto;
}

/* Newsletter pages  */
.newsdetail-banner .hero-panel-content h4{
    font-size: 22px;
}
.newsletter-bar .text {
    color: #004062;
    font-size: 12px;
    margin-top: 15px;
    min-width: 150px;
    letter-spacing: 0.96px;
    line-height: 15px;
}
.newsletter-bar .icon{height: 52px;width: 52px;border-radius: 10px;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;margin: 0 auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;}
.newsletter-bar a{margin: 0 10px;}
.newsletter-bar a.active .icon,.newsletter-bar a:hover .icon{background-color: #005373;}
.newsletter-bar { padding: 45px 0 0;z-index: 2;}
.newsletter-bar a:hover path.path-storke,
.newsletter-bar a.active path.path-storke,
body .header-right a .icon path.path-storke,
.newsmodal .new-btn .icon path.path-storke{
    fill: #fff;
}
.newsletter-bar a:hover path.storke,
.newsletter-bar a.active path.storke,
body .header-right a .icon path.storke,
.newsmodal .new-btn .icon path.storke{
    stroke: #fff;
}
body .header-right .newsbar-link .icon {
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 40px;
    width: 40px;
}
body .header-right .newsbar-link .active .icon{
    background-color: transparent;
}
body .header-right .newsbar-link .icon svg {
    width: 19px;
    height: 20px;
}

.principleMsg.docDown .img-wrapper{
    padding-top: 44%;
    -webkit-mask-image: none;
            mask-image: none;
}
.principleMsg.docDown.docDown .docDown-box:nth-child(odd)::before{
    display: none;
}
.principleMsg.docDown.docDown .docDown-box:nth-child(even){
    background-image: none;
    background-color: #EDECE7;
}
.principleMsg.docDown .col-right {
    padding: 83px 90px;
}
.principleMsg.docDown p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    min-height: 72px;
}
.newslist .container{
    max-width: 1680px;
}
.docDown .col-right p{
    font-size: 16px;
}
.docDown .docDown-box:last-child{margin-bottom: 0;}
.newslist-boxdiv {
    padding-top: 100%;
    height: 100%;
}
.newslist-boxdiv .newslist-boximage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.newslist-boxdiv:hover .newslist-boximage {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.newslist .row > div{padding-left: 25px;padding-right: 25px;margin-bottom: 50px;}
.newslist .row{margin-left: -25px;margin-right: -25px;margin-bottom: -50px;}
.newslist .newslist-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    z-index: 1;
    text-align: center;
}
.newslist .newslist-boxdiv:hover .newslist-content{
    height: 100%;
}
.newslist .newslist-content h5 {
    font-size: 24px;
}
.newslist .newslist-content > *{color: #fff;}
.newslist .newslist-content p,.newslist .newslist-content li{
    font-size: 16px;
    letter-spacing: 0.48px;
    line-height: 147.6%; 
}
.newslist .newslist-content p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
}
.newslist .newslist-content ul {
    padding-left: 0;
    list-style-position: inside;
    margin-bottom: 0;
}
.newslist .newslist-content li:not(:last-child){
    margin-bottom: 5px;
}
.newslist .newslist-content .link {
    min-width: 146px;
}
.newslist .newslist-content .link svg path{
    fill: #fff;
}
.newslist .newslist-content .link:hover svg,
.principleMsg.docDown .link:hover img{
    -webkit-animation: fade_move_down 1.2s ease-in-out infinite;
            animation: fade_move_down 1.2s ease-in-out infinite;
}
@-webkit-keyframes fade_move_down {
    0%   { -webkit-transform:translate(-10px,0); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translate(10px,0); opacity: 0; }
}
  @keyframes fade_move_down {
    0%   { -webkit-transform:translate(-10px,0); transform:translate(-10px,0); opacity: 0;  }
    50%  { opacity: 1;  }
    100% { -webkit-transform:translate(10px,0); transform:translate(10px,0); opacity: 0; }
}
.newslist .newslist-content .content{
    opacity: 0;
    height: 0;
}
.newslist .newslist-boximage.overlay::before{
    opacity: 1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0.00)), color-stop(76.78%, rgba(0, 0, 0, 0.40)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.40) 76.78%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.40) 76.78%);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.newslist .newslist-boxdiv:hover .newslist-boximage.overlay::before{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.60)), color-stop(50%, rgba(0, 0, 0, 0.60)), to(rgba(0, 0, 0, 0.90)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 50%, rgba(0, 0, 0, 0.90) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 50%, rgba(0, 0, 0, 0.90) 100%);
}
.newslist-boxdiv:hover .newslist-content .content{
    opacity: 1;
    height: auto;
}
.newslist-block.overlay:before{
    opacity: 1;
    background-color: transparent;
    background-image: url(../images/tree-white.png);
    background-repeat: no-repeat;
    background-position: top right;
    top: -210px;
    height: 95%;
    width: 45%;
    right: 0;
    left: auto;
    background-size: contain;
    z-index: -1;
}
.newslist-banner .overlay-div{
    display: none;
}
.newsmodal{
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
}
.newsmodal .modal-dialog{
    max-width: 935px;
}
.newsmodal .modal-content {
    -webkit-box-shadow: 0px 0px 24px 0px #00000040;
            box-shadow: 0px 0px 24px 0px #00000040;
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
    border-radius: 0;
}
.newsmodal .btn-close {
    opacity: 1;
    background-image: none;
    height: 54px;
    width: 54px;
    line-height: 50px;
    position: absolute;
    right: 15px;
    top: 20px;
    z-index: 1;
    padding: 0;
    border: 1px solid #FFF;
    background: #005373;
    border-radius: 0;
    -webkit-box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);
            box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10);
}
.newsmodal .img-wrapper {
    height: 100%;
    padding-top: 110%;
}
.newsmodal .col-left {
    width: 52%;
}
.newsmodal .col-right{
    width: 48%;
    padding-top: 90px;
    padding-bottom: 90px;
}
.newsmodal .modal-body{
    padding: 0px 55px 0 0;
}
.newsmodal .col-right h3{
    font-weight: 400;
    margin-bottom: 50px;
}
.newsmodal .new-btn .icon{
    background-color: transparent;
    border-radius: 0;
}
.new-btn .icon{
    background-color: #EDECE7;
    height: 52px;
    width: 52px;
    border-radius: 100%;
    line-height: 50px;
    display: inline-block;
    margin-bottom: 10px;
}
.new-btn .text{
    letter-spacing: 0.08em;
    font-weight: 800;
    font-size: 12px;
}
.new-btn {
    padding: 0 10px;
    min-width: 150px;
}
.new-btn:hover .text{
    opacity: 0.7;
}
.principle-sec{
    border-radius: 32px;
    margin-bottom: 38px;
}
.principle-sec.marron{
    background-color: #19869E;
}
.principle-sec.sky{
    background-color: #6AAAE4;
}
.principle-sec.purple{
    background-color: #765CA8;
}
.principle-sec.orange{
    background-color: #FF5100;
}
.principle-sec .principle-txt{
    padding: 50px 100px;
}
.principle-sec blockquote {
    padding-left: 30px;
    border-left: 1px solid #fff;
}
.principle-sec.overlay::before {
    opacity: 1;
    background-color: transparent;
    background-image: url(../images/layer-bg.svg);
    background-repeat: no-repeat;
    width: 50%;
    background-size: 100%;
    background-position: -120px 20%;
}
.principle-sec .img-wrapper{
    padding-top: 59%;
    height: 100%;
}
.principle-sec .common-contentDiv{
    max-width: 515px;
    margin: 0 auto;
}
.principle-sec .common-contentDiv blockquote :first-child{
    margin-top: 0;
}
.sticky-newmenu-btn{
    position: fixed;
    right: 24px;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.editon-btn {
    background-color: #004062;
    font-size: 16px;
    color: #fff;
    padding: 10px 8px;
    border-radius: 10px;
    letter-spacing: 0.08em;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
    font-weight: 700;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.editon-btn:hover{
    color: #005373;
    background-color: #EDECE7;
}
.editon-btn:hover .icon path.stock {
    fill: #005373;
}
.editon-btn .icon{
    margin-bottom: 10px;
    -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
}
.newslist-banner.inner-banner .quick-link .icon{
    -webkit-box-shadow: none;
            box-shadow: none;
}
.newsMenu {
    position: fixed;
    top: 0;
    height: 100vh;
    right: 0;
    height: calc((var(--vh, 1vh) * 100));
    width: 100%;
    z-index: 4;
    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: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
}
.newsMenu.is-active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.newsMenu .newsMenu-body{
    background: -webkit-gradient(linear, left top, left bottom, from(#004062), to(#00273D));
    background: -o-linear-gradient(top, #004062 0%, #00273D 100%);
    background: linear-gradient(180deg, #004062 0%, #00273D 100%);
    background-repeat: no-repeat;
    width: 82.5%;
    margin-left: auto;
    position: relative;
    height: 100%;
    z-index: 1;
}
.newsMenu .editon-btn {
    position: absolute;
    top: 50%;
    left: -24px;
    -webkit-transform: translateY(-50%) rotate(-180deg);
        -ms-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.newsMenu .btnclose {
    position: absolute;
    left: 50px;
    top: 50px;
    height: 58px;
    width: 58px;
    border: 1px solid #fff;
    background-color: #005373;
    text-align: center;
    line-height: 52px;
    z-index: 2;
}
.newsMenu .newsletter-bar {
    padding: 50px 22px 30px 130px;
    z-index: 1;
    position: relative;
}
.newsMenu .newsletter-bar .text{
    color: #fff;
}
.newsMenu .newsletter-bar .icon path.path-storke{
    fill: #fff;
}
.newsMenu .newsletter-bar .icon path.storke{
    stroke: #fff
}
.newsMenu .subtitle {
    margin-bottom: 24px;
}
.newsMenu .title{
    font-size: 48px;
}
.newsMenu .newsMenu-row{
    padding: 100px 65px 100px 130px;
}
.newsMenu .col-left {
    width: 40%;
}
.newsMenu .col-right {
    width: 60%;
    border-image-slice: 1;
    border-left: 1px solid;
    border-image-source: linear-gradient(180deg, #FCB823 0%, rgba(252, 184, 35, 0) 100.07%);
    padding-left: 90px;
}
.newsMenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    height: calc(100vh - 345px);
    overflow-y: auto;
}
.newsMenu ul li a{
    font-weight: 400;
    font-size: 28px;
    color: #fff;
    line-height: 1.1;
}
.newsMenu ul::-webkit-scrollbar {
    width: 5px;
    border-radius: 10px;
}   
.newsMenu ul::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}
.newsMenu ul li{
    margin-bottom: 25px;
}
.newsMenu ul li a:hover{
    color: #FFDA00;
}
.newsMenu .newsletter-bar .active .icon{
    background-color: #000;
    border-color: #000;
}
.filter .container {
    max-width: 1330px;
}
.filter .nice-select-wrap{
    border-bottom: 1px solid #004062;
}
.nice-select-wrap .drop {
    background-image: url(../images/select.svg);
    display: block;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: auto;
    padding: 10px 0 8px;
}
.nice-select-wrap .drop,
.nice-select-wrap ul li {
    letter-spacing: 0.035em;
    color: #19869E;
    font-weight: 400;
    font-size: 16px;
}
.nice-select-wrap ul {
    margin: 5px 0;
    list-style: none;
    padding: 0;
    display: none;
}
.nice-select-wrap ul li{
    margin: 0;
    display: block;
}
.nice-select-wrap ul li a{
    padding: 8px 0;
    display: block;
}
.nice-select-wrap li a:hover, .nice-select-wrap li a:focus {
    background-color: #EDECE7;
}
.filter {
    padding: 60px 0 30px;
    z-index: 2;
} 
body .edition-list .newslist-content{
    min-height: 150px;
    bottom: -40px;
}
.edition-listblock:not(:last-child) {
    margin-bottom: 100px;
}
.readerview-principleMsg .container {
    max-width: 1870px;
}
.current-nl-btn {
    margin-bottom: 50px;
}
.filter .btn {
    min-width: 334px;
}
.current-nl-btn .btn {
    padding: 6px 15px;
}
.current-nl-btn .btn .icon{
    margin-right: 15px;
}
.current-nl-btn .btn span {
    margin: 2px 0 0 0;
}
.newslist.overlay::before{
    opacity: 1;
    background-image: url(../images/tree-white.png);
    background-repeat: no-repeat;
    background-position: top right;
    top: -265px;
    background-color: transparent;
    width: 49%;
    right: 0;
    left: auto;
    height: 49%;
    background-size: contain;
}

/* latest news  */
.news .news-content {
    padding: 88px 110px 88px 92px;
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
}
.news-block:nth-child(even) .news-content{
    background: #EDECE7;
}
.news-block:nth-child(even) .news-content .date,
.news-block:nth-child(even) .news-content .desc *{
    color: #464646;
}
.news-block:nth-child(even) .news-content h2{
    color: #19869E;
}
.news .news-img{
    position: relative;
    z-index: 2;
}
.news .container {
    max-width: 1780px;
}
.news .news-img .img-wrapper{
    padding-top: 65%;
    height: 100%;
}
.news .news-content .desc {
    max-width: 415px;
    margin-bottom: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.news .news-content h2{
    font-size: 34px;
    margin-bottom: 30px;
}
.news .news-content .desc *{
    letter-spacing: 0.03em;
    font-weight: 300;
    font-size: 16px;
}
.news .news-content .desc li::marker{
    font-size: 12px;
}
.news .news-content .date {
    font-size: 16px;
    font-weight: 300;
    line-height: 147.6%;
    letter-spacing: 0.48px;
}
.news .news-content .link{
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #fff;
}
.news-block:nth-child(even) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.news .news-block{
    margin-bottom: 70px;
}
.pagination li {
    display: inline-block;
    line-height: 1;
    margin: 5px;
}
.pagination li a {
    text-transform: uppercase;
    background: var(--CM---College-Gradient, linear-gradient(180deg, #005373 0%, #004062 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 12px;
    line-height: 147.6%;
    letter-spacing: 1.8px;
    text-align: center;
    min-width: 20px;
}
.pagination li a:hover,
.pagination .active{
    font-weight: 700;
}
.pagination .active{
    border: 1px solid #FCB823;
    border-radius: 3px;
}
.newsdetail-banner.hero-section .hero-panel{
    background: #EDECE7;
}

/* even calendar  */
.calendar .container {
    max-width: 1210px;
}
.calendar #custom-inner {
    overflow: hidden;
}
.calendar .fc-calendar-container{
    width: 100%;
    height: auto;
}
.calendar .calendar-date {
    background-color: #EDECE7;
    padding: 55px 60px;
}
.calendar .col-right{
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
    padding: 35px 80px;
}
.calendar .custom-month,
.event-pagination h2,.eventmodal .eventmodal-header .title{
    font-size: 48px;
}
.calendar .custom-year{
    color: #004062;
}
.event-pagination h5{
    color: #19869E;
}
.calendar .calendar-arrow{
    margin: 0 -5px;
}
.event .btn-icon, .calendar .btn-icon {
    height: 60px;
    width: 60px;
    background: #FDB924;
    text-align: center;
    line-height: 58px;
    border-radius: 100%;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    border: 1px solid #DDE3E3;
}
.event .btn-icon path, .calendar .btn-icon path{
    fill: #005373;
}
.event .btn-icon:hover, .calendar .btn-icon:hover{
    background: #005373;
    -webkit-box-shadow: 0px 0px 12px 0px #00000040;
            box-shadow: 0px 0px 12px 0px #00000040;
}
.event .btn-icon:hover path, .calendar .btn-icon:hover path{
    fill: #FDB924;
}
.fc-calendar,.fc-calendar .fc-row > div,.fc-calendar .fc-row,.fc-calendar .fc-body{
    border: 0;
}
.calendar .fc-calendar .fc-head {
    height: 20px;
    line-height: 1;
    background: transparent;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.calendar .fc-calendar .fc-head > div{
    color: #fff;
    font-weight: 700;
    font-size: 18px;

    text-transform: uppercase;
}
.calendar .fc-calendar .fc-row > div.fc-today {
    background: #EDECE7;
}
.calendar .fc-calendar .fc-row > div.fc-today .fc-date{
    color: #19869E;
}
.calendar .fc-calendar .fc-row > div {
    height: 47px;
    max-width: 47px;
    border-radius: 10px;
}
.calendar .fc-calendar .fc-row > div > span.fc-date {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;

    line-height: 24px;
}
.calendar .fc-calendar .fc-body .fc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 62px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.fc-calendar .fc-row>div.fc-content {
    border: 1px solid #EDECE7;
}
.fc-calendar .fc-row>div.fc-content {
    overflow: inherit;
}
.fc-calendar .content_wrap {
    position: absolute;
    display: none;
    padding: 8px 15px;
    top: 100%;
    z-index: 1;
    left: 50%;
    min-width: 128px;
    text-align: center;
    margin-left: -64px;
    font-size: 12px;
    background-color: #EDECE7;
    margin-top: 16px;
    cursor: pointer;
    line-height: normal;
}
.fc-calendar .fc-row>div.fc-content:hover .content_wrap {
	display: block;
}
.fc-calendar .content_wrap:after {
    content: '';
    position: absolute;
    top: -14px;
    left: 50%;
    margin-left: -12px;
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 20px solid #EDECE7;
}
.fc-calendar .fc-row>div.fc-content .content_wrap ul li,
.fc-calendar .fc-row>div.fc-content .content_wrap p{
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 1;

    font-weight: 400;
    text-align: left;
    line-height: 16px;
    margin-bottom: 3px;
}
.fc-calendar .fc-row>div.fc-content .content_wrap p{
    text-align: center;
}
.fc-calendar .fc-row>div.fc-content .content_wrap :last-child{
    margin-bottom: 0;
}
.fc-calendar .fc-row>div.fc-content .content_wrap ul{
    margin-bottom: 0;
    padding-left: 15px;
}
.fc-calendar .fc-row>div.fc-content .content_wrap ul li:not(:last-child){
    margin-bottom: 5px;
}
.fc-calendar .fc-row>div.fc-content:hover .content_wrap p:last-child{
    margin-bottom: 0;
}
.calendar {
    padding: 65px 0 0;
}
.event .event-box {
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: 0px 4px 24px 0px #00000040;
            box-shadow: 0px 4px 24px 0px #00000040;
}
.event .event-header{
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
    padding: 15px;
}
.event .event-header span,
.eventmodal .eventmodal-header span{
    text-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;

}
.event .event-header .date,
.eventmodal .eventmodal-header .date{
    font-size: 82px;
    text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
    margin: 0;
    font-weight: 500;
}
.event .event-box .event-desc {
    padding: 10px 10px 25px;
}
.event .event-box .desc {
    color: #19869E;
    font-weight: 400;
    min-height: 130px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.event .event-box .desc::before,
.eventmodal .eventmodal-header .month::before,
.eventmodal .eventmodal-header .title::before{
    content: "";
    position: absolute;
    width: 36.7px;
    background-color: #19869E;
    height: 1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
}
.event .event-box .time,
.eventmodal .eventmodal-header .time {
    font-size: 16px;
    font-weight: 400;
    min-height: 65px;
    display: block;
    color: #19869E;
    margin-bottom: 10px;
}
.event .event-box .link {
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #19869E;
    font-size: 16px;
    font-weight: 700;
}
.event .event-box .link:hover{
    opacity: 0.5;
}
.event .event-row{
    margin: 0 -20px -40px;
}
.event .event-row > div{
    padding: 0 20px;
    margin-bottom: 40px;
}
.event-pagination {
    margin-top: 130px;
}
.event {
    padding: 100px 0 170px;
}
.calendar .btn-icon .visible,
.event .btn-icon .visible {
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.calendar .btn-icon .hidden,
.event .btn-icon .hidden {
    -webkit-transform: translate(60px,-50%);
        -ms-transform: translate(60px,-50%);
            transform: translate(60px,-50%);
}
.calendar .btn-icon .hidden, 
.calendar .btn-icon .visible,
.event .btn-icon .hidden, 
.event .btn-icon .visible {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.75,-.27,.3,0.5);
    transition: -webkit-transform .4s cubic-bezier(.75,-.27,.3,0.5);
    -o-transition: transform .4s cubic-bezier(.75,-.27,.3,0.5);
    transition: transform .4s cubic-bezier(.75,-.27,.3,0.5);
    transition: transform .4s cubic-bezier(.75,-.27,.3,0.5), -webkit-transform .4s cubic-bezier(.75,-.27,.3,0.5);
}
.calendar .btn-icon:hover .visible,
.event .btn-icon:hover .visible {
    -webkit-transform: translate(-60px,-50%);
        -ms-transform: translate(-60px,-50%);
            transform: translate(-60px,-50%);
}
.calendar .btn-icon:hover .hidden,
.event .btn-icon:hover .hidden {
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.eventmodal{
    background: rgba(255, 255, 255, 0.85);
}
.eventmodal .modal-content {
    background: #FCF7F9;
    -webkit-box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
            box-shadow: 0px 4px 24px rgb(0 0 0 / 25%);
    border-radius: 27px;
}
.eventmodal .eventmodal-header{
    background-color: #19869E;
    border-radius: 27px;
    padding: 30px 20px 70px
}
.eventmodal .modal-dialog{
    max-width: 940px;
}
.eventmodal .eventmodal-header .month::before, .eventmodal .eventmodal-header .title::before{
    background-color: #fff;
}
.eventmodal .eventmodal-header .time {
    min-height: auto;
}
.eventmodal .common-contentDiv {
    padding: 55px 70px 150px;
}
.eventmodal .btn-close {
    position: absolute;
    bottom: 22px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    letter-spacing: 0.03em;
    opacity: 1;
    color: #19869E;
    width: auto;
    background-image: none;
    cursor: pointer;
    z-index: 1;
}
.eventmodal .btn-close .icon {
    width: 58.1px;
    height: 58.1px;
    border: 2px solid #19869E;
    z-index: 1;
    opacity: 1;
    display: inline-block;
    vertical-align: middle;
    line-height: 54px;
    border-radius: 100%;
}
.eventmodal .btn-close .icon rect{
    fill: #19869E;
}

/* Employee list  */
.emplist .container:not(.inner) {
    max-width: 1400px;
}
.emplist-box .img-wrapper {
    padding-top: 71%;
    -webkit-mask-image: linear-gradient(359deg, rgba(255, 255, 255, 0.00) 0.47%, rgba(0, 0, 0, 0.20) 23.73%, #000 55.41%);
            mask-image: linear-gradient(359deg, rgba(255, 255, 255, 0.00) 0.47%, rgba(0, 0, 0, 0.20) 23.73%, #000 55.41%);
    margin-bottom: -70px;
}
.emplist-box .img-wrapper img{
    border-radius: 0 0 102px 102px;
}
.emplist-box a{  
    -webkit-box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);  
            box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.25);
}
.emplist-box .emplist-content {
    padding: 35px 20px 85px;
}
.emplist-box:nth-child(odd) .emplist-content{
    color: #fff;
}
.emplist-box:nth-child(odd) a{
    background: -webkit-gradient(linear, left top, left bottom, from(#005380), color-stop(57.84%, #002C46), to(#012032));
    background: -o-linear-gradient(top, #005380 0%, #002C46 57.84%, #012032 100%);
    background: linear-gradient(180deg, #005380 0%, #002C46 57.84%, #012032 100%);
}
.emplist-box a{
    background: #EDECE7;
    overflow: hidden;
    z-index: 1;
    height: 100%;
}
.emplist-box .emplist-content .sub-title {
    letter-spacing: 0;
    padding-bottom: 24px;
    margin-bottom: 40px;
    font-size: 16px;
    min-height: 64px;
}
.emplist-box:nth-child(even) .emplist-content .sub-title,
.emplist-box:nth-child(even) .emplist-content p{
    color: #005373;
}
.emplist-box:nth-child(even) .emplist-content .title{
    color: #19869E;
}
.emplist-box .emplist-content .sub-title::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #FDB924;
    height: 1px;
    width: 57px;
    bottom: 0;
}
.emplist-box .emplist-content .title {
    margin-bottom: 40px;
    min-height: 70px;
    font-size: 28px;
    font-weight: 400;
}
.emplist-box .emplist-content p{
    font-weight: 400;
    margin: 0 auto 15px;
    max-width: 325px;
}
.emplist-box .emplist-content .btn{
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
}
.emplist-box {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}
.emplist .emplist-row{
    margin-left: -15px;
    margin-right: -15px;
}
.emplist .emplist-wrp:not(:last-child) {
    margin-bottom: 80px;
}
.emplist-banner.inner-banner.hero-section{
    min-height: 750px;
}
.emplist-banner.inner-banner.hero-section .hero-panel,
.emplist-banner.inner-banner.hero-section .col-right{
    width: 50%;
}
.emplist-banner .btn-icon{
    color: #fff;
}
.emplist-banner .btn-icon span{
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}
.emplist-banner .btn-icon:hover circle{
    fill-opacity: 1;
}
.emplist-banner.inner-banner .hero-panel-content p{
    font-size: 18px;

}
.emplist-banner.hero-section .hero-panel{
    background-position: -140px top;
}
.emplist-banner.inner-banner.hero-section .hero-panel{
    padding-bottom: 30px;    
    overflow: hidden;
}
.emplist-banner + .common-content-sec:after,
.newslist-banner + .common-content-sec::after{
    display: none;
}
.emp-detail-desc .btn{
    min-width: 334px;
}
.emp-detail-desc p{
    font-size: 18px;
    line-height: 24.23px;
    letter-spacing: 0.03em;
}
.emp-detail-desc p strong,.emp-detail-desc p b{
    font-weight: 500;
}
.emp-detail-desc.blockquote-sec{
    padding: 80px 0;
}

/* responsive css  */
@media only screen and (min-width: 768px){
    .editorial-module+.common-content-sec {
        margin-top: 0;
    }
    .Cta-content{
        height: 82vh;
    }
}
@media only screen and (min-width: 1441px){
    .PullQuote .container{
        padding-left: 125px;
    }
    .joinCommunity.right .img-wrapper.one{
        position: absolute;
        left: -60px;
        width: 32%;
        top: 0;
        padding-top: 32%;
        margin-top: -60px;
    }
    .joinCommunity.right .img-wrapper.two{
        position: absolute;
        right: 0;
        bottom: -40px;
        width: 31%;
        padding-top: 31%;
    }
    .joinCommunity.right .joinCommunity-img {
        width: auto;
    }
    .joinCommunity.right .joinCommunity-txt{
        margin: 0 auto;
        left: 153px;
        position: relative;
    }
    .joinCommunity.right {
        padding: 100px 0 175px;
        overflow: hidden;
    }
    .joinCommunity.right .joinCommunity-txt-wrp{
        min-height: 500px;
    }
    .joinCommunity.right:after{
        content: "";
        position: absolute;
        left: -129px;
        bottom: 50px;
        width: 258.996px;
        height: 380.597px;
        background-image: url(../images/logo-gray-icon.svg);
        background-repeat: no-repeat;
        background-position: center; 
        background-size: contain;
    }
}
@media only screen and (min-width: 1921px){
    .videoModule .video-thumb .slick-list{
        padding-right: 390px;
    }
}
@media only screen and (min-width: 1400px) and (max-height: 970px){
    .navigation-dropdown .menu .primary-menu > li:not(:last-child) > a {
        padding-bottom: 20px;
    }
}
@media only screen and (min-width: 1400px) and (max-height: 850px){
    .navigation-dropdown .menu .primary-menu > li:not(:last-child) > a {
        padding-bottom: 15px;
    }
    .navigation-dropdown .menu .primary-menu > li > a {
        font-size: 38px;
    }
    .navigation-dropdown .menu{
        padding: 0 124px 40px;
    }
    .navigation-dropdown .menu-footer {
        padding: 30px 60px 30px;
    }
    .navigation-dropdown .menu{
        height: calc(100% - 304px);
    }
    .hero-section .hero-content{
        bottom: 5%;
    }
}
@media only screen and (min-width: 1400px) and (max-height: 650px){
    .navigation-dropdown .menu .primary-menu > li > a {
        font-size: 34px;
    }
    .navigation-dropdown .menu-footer {
        padding: 30px 60px 30px;
    }
    .navigation-dropdown .menu{
        height: calc(100% - 291px);
    }
    .inner-banner.hero-section {
        height: 85vh;
    }
    .inner-banner.hero-section .hero-panel{
        padding: 100px 30px 70px;
    }
    /* .gallery .slick-slide.slick-center img{
        height: 522px;
    } */
    .gallery .slick-slide img{
        height: 300px;
    }
    .gallery .slick-slide{
        height: 480px;
    }
}
@media only screen and (max-width: 1680px){
    .item-slider {
        margin-right: -100px;
    }
    footer::before{
        right: 70px;
        width: 77%;
    }
}
@media only screen and (max-width: 1560px){
    .header-right a:not(:first-child) {
        margin-left: 35px;
    }
    .navigation-dropdown .bg-img{
        left: calc(100% - 380px);
        height: 1100px;
        width: 1100px;
    }
    .hero-section .hero-content{
        bottom: 13%;
    }
    .figure-left{
        margin-left: -170px !important;
    }
    .figure-right{
        margin-right: -170px !important;
    }
    .inner-banner.hero-section .hero-panel{
        padding: 130px 45px 90px;
    }
    .common-content-sec.bgimg::before,
    .formsec::before{
        width: 784.07px;
        height: 784.07px;
    }
}
@media only screen and (max-width: 1440px){
    .big-h1{
        font-size: 80px;
    }
    h2, .h2 {
        font-size: 48px;
    }
    h3, .h3 {
        font-size: 36px;
    }
    h4, .h4 {
        font-size: 24px;
    }
    .container{
        padding-left: 40px;
        padding-right: 40px;
    }
    .shape-divider{
        margin-left: 0;
        padding-left: 85px;
    }
    .shape-divider::before{
        left: 0;
    }
    .hero-section .slick-slide::after{
        right: 86%;
        height: 57%;
        width: 62%;
    }
    .hero-section .hero-content .title span:first-child {
        margin-left: -120px;
    }
    .hero-panel-logo img {
        max-width: 141px;
    }
    .header-right a:not(:first-child) {
        margin-left: 28px;
    }
    .inner-banner.hero-section {
        height: 91vh;
    }
    .navigation-dropdown .menu{
        padding: 10px 50px 30px;
    }
    .navigation-dropdown .menu .primary-menu > li:not(:last-child) > a {
        padding-bottom: 20px;
    }
    .navigation-dropdown::before,.newsMenu .newsMenu-body::before{
        right: 8%;
    }
    .welVideo .container{
        padding-left: 40px;
    }
    .welVideo .welVideo-content {
        margin-left: -40px;
        padding-top: 0;
        width: calc(41% + 40px);
    }
    .welVideo .welVideo-content .content-inner {
        padding-left: 30px;
    }
    .welVideo .welVideo-content h6{
        font-size: 16px;
    }
    .welVideo-content.shape-divider:before {
        top: -55px;
    }
    .PullQuote .PullQuote-slider {
        width: 588px;
    }
    .PullQuote .PullQuote-bg{
        width: 49%;
    }
    .joinCommunity .img-wrapper.two{
        right: 0;
    }
    .joinCommunity.right .joinCommunity-img {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
    .joinCommunity.right .img-wrapper.one{
        margin-left: auto;
        margin-top: -120px;
        margin-right: 50px;
    }
    .joinCommunity.right .joinCommunity-txt-wrp {
        margin-left: 40px;
        max-width: 406px;
    }
    .joinCommunity.right {
        margin-top: 30px;
    }
    .joinCommunity{
        padding: 80px 0 120px;
    }
    .joinCommunity h2 {
        margin-bottom: 40px;
    }
    .joinCommunity.overlay:before{
        width: 77%;
    }
    .joinCommunity.right .img-wrapper.two{
        margin-left: 0;
    }
    .joinCommunity.right.overlay:before{
        width: 83%;
    }
    .joinCommunity .img-wrapper.two{
        margin-right: 0;
    }
    .item-slider {
        margin-right: -55px;
        padding-bottom: 60px;
    }
    .tilesSlider {
        padding: 80px 0 0;
    }
    .tilesSlider .desc-box{
        margin-left: 35px;
    }
    .tilesSlider .col-left {
        width: 42%;
    }
    .tilesSlider .col-right {
        width: 58%;
    }
    .tilesSlider .slick-dots {
        padding-right: 80px;
    }
    .tilesSlider .item-slider .slick-current .item-box {
        -webkit-box-shadow: 0px 4px 14px rgb(0 0 0 / 25%);
                box-shadow: 0px 4px 14px rgb(0 0 0 / 25%);
        margin: 20px 10px;
        height: calc(100% - 40px);
    }
    .tilesSlider .slick-list{
        margin-right: 0 !important;
        padding: 0 !important;
    }
    .tilesSlider.section-padding {
        padding: 60px 0 30px;
    }
    .tilesSlider .item-slider .item-box{
        margin-left: 15px;
        margin-right: 15px;
    }
    .Cta-content h5{
        font-size: 18px;
    }
    .Cta-content h5 br{display: none;}
    .Cta .row{
        height: auto;
    }
    .newsSlider .item-box .item-content h5{
        font-size: 18px;
    }
    .gallery .slick-prev {
        left: 68px;
    }
    .gallery .slick-next{
        right: 68px;
    }
    .video-module .container.inner,.gallery .slick-counter.container.inner,
    .tiles-module .container,.gallery .slick-dots{
        padding-left: 68px;
        padding-right: 68px;
    }
    .video-module .video-module-content{
        margin-left: 80px;
    }

    .imgtext.right .img-col.round-img {
        padding: 0 10px 55px 0;
    }
    .imgtext .text-col{
        padding: 90px 68px 90px 0;        
    }
    .imgtext .text-col .bg-img{
        background-size: 80%;
        background-position: 210% center;
    }
    .imgtext.right .text-col{
        padding: 90px 0 90px 68px;
    }
    .imgtext.right .text-col .shape-divider::before{
        right: 0;
    }
    .imgtext.right .text-col .shape-divider{
        padding-right: 85px;
        margin-right: 0;
    }
    .newsMenu .title {
        font-size: 36px;
    }
    .newsMenu .newsMenu-row {
        padding: 100px 65px 100px 120px;
    }
    .news .news-content{
        padding: 90px;
    }
    .newsMenu ul li a{
        font-size: 18px;
    }
    .newsSlider .slick-list{
        margin-left: -10px;
    }
    .newsSlider{
        padding: 150px 0 80px 85px;
    }
    .newsSlider .item-slider{
        margin-right: -90px;
    }
    .newsSlider .item-slider .slick-arrow.slick-prev {
        left: -30px;
    }
    .newsSlider .item-slider .slick-arrow.slick-next{
        right: 90px;
    }
    footer .col-left {
        width: 100%;
        margin-bottom: 60px;    
    }
    footer .add-col{
        width: 60%;
    }
    footer .contact-col{
        width: 40%;
    }
    footer .col-right {
        width: auto;
        max-width: 720px;
    }
    footer .footer-menu-wrp {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    footer .social-icon {
        width: 100%;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        position: relative;
        margin-bottom: -105px;
    }
    footer{
        padding: 60px 0 70px;
    }
    footer::before {
        right: 42px;
        width: 37%;
    }
    .scroll-top{
        right: 80px;
    }
    .navigation {
        padding: 0 30px;
    }
    .navigation .img-wrapper{
        padding-top: 250px;
    }
    .editorial-module.right .shape-divider {
        padding-left: 0;
    }
    .welVideo .welVideo-col{
        padding-right: 0;
    }
}
@media only screen and (max-width: 1366px){
    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    header .container{
        padding-left: 40px;
        padding-right: 40px;
    }
    header{
        padding: 30px 0;
    }
    header .quick-link .text{
        margin-left: 5px;
    }
    header .header-right a:not(:first-child) {
        margin-left: 19px;
    }
    .navigation-dropdown .menutopbar, .search-drawer{
        padding: 38px 40px;
    }
    .navigation-dropdown .bg-img {
        left: calc(100% - 320px);
        height: 1088px;
        width: 1088px;
        top: 40px;
    }
    .navigation-dropdown .menu .primary-menu > li > a{
        font-size: 32px;
    }
    .navigation-dropdown .menu-footer {
        padding: 30px 20px;
    }
    .navigation-dropdown .menu {
        height: calc(100% - 304px);
    }
    .navigation-dropdown .menu .drop-down > ul{
        padding-left: 80px;
    }
    .navigation-dropdown .menu ul.primary-menu{
        padding-right: 80px;
    }    
    .navigation-dropdown .quick-link-menu{
        padding-left: 80px;
    }
    .hero-section .hero-content {
        bottom: 20%;
    }
    .hero-section .hero-content .btn{
        min-width: 250px;
    }    
    .welVideo.section-padding {
        padding-bottom: 0;
    }
    .videoModule .video-content h4{
        font-size: 28px;
    }
    .videoModule .video-content p{
        max-width: 475px;
    }
    .videoModule .video-thumbCol{
        padding: 30px 0px 50px 165px;
    }
    .videoModule .video-thumb .slick-list{
        padding-right: 150px;
    }
    .videoModule .video-bottom {
        padding-left: 80px !important;
    }
    .slick-counter .current {
        font-size: 32px;
    }
    .slick-counter{
        margin-right: 80px;
    }
    .slick-dots {
        padding-right: 80px;
    }
    .hero-section .hero-content h5{
        margin-bottom: 35px;
    }
    .figure-left{
        margin-left: -150px !important;
    }
    .figure-right{
        margin-right: -150px !important;
    }
    .inner-banner .hero-panel-content h2 {
        font-size: 48px;
    }
    .inner-banner.hero-section .hero-panel {
        padding: 150px 30px 70px;
        width: 41%;
    }
    .inner-banner.hero-section .col-right {
        width: 59%;
    }
    .newsSlider .bottombtn-wrap{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .videoModule .section-header h5,
    .newsSlider .section-header h5{
        font-size: 18px;
    }
    footer .Acknowledgment .contact-box {
        width: 120%;
    }
    footer .col-left .row > .Acknowledgment {
        width: 100%;
        margin-bottom: 0;
    }
    .newslist .row > div {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 24px;
    }
    .newslist .row {
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: -24px;
    }
    .newslist .newslist-content h5 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .news .news-content {
        padding: 60px 90px;
    }
    .event .event-row > div {
        padding: 0 12px;
        margin-bottom: 20px;
    }
    .event .event-row {
        margin: 0 -12px -20px;
    }
    .event {
        padding: 80px 0 130px;
    }
    .event-pagination {
        margin-top: 100px;
    }
    .newslist .newslist-content p, .newslist .newslist-content li{
        font-size: 12px;
    }
    .newsdetail-banner .hero-panel-content h4 {
        font-size: 20px;
    }
    .newsMenu .col-right{
        padding-left: 40px;
    }
    .newsMenu .newsMenu-row {
        padding: 100px 55px 100px 90px;
    }
    .newsMenu .title {
        font-size: 32px;
    }
}
@media only screen and (max-width: 1366px) and (max-height: 980px){
    .hero-section .slick-slide::after {
        right: 88%;
        height: 45%;
        width: 52%;
    }
}
@media only screen and (max-width: 1366px) and (max-height: 900px){
    .hero-section .slick-slide::after {
        right: 90%;
        height: 48%;
        width: 46%;
    }
    .hero-section .hero-panel {
        padding: 150px 0 110px;
    }
}
@media only screen and (max-width: 1366px) and (max-height: 770px){
    .navigation-dropdown .menu-footer .logo svg {
        width: 160px;
        height: 100px;
    }
    .navigation-dropdown  .menu-footer .social-icon{
        margin-bottom: 0px;
    }
    .hero-section .hero-content {
        bottom: 9%;
    }
    .hero-section .slick-slide::after {
        right: 92%;
        height: 48%;
        width: 36%;
    }
    .inner-banner .hero-panel-content h2 {
        font-size: 32px;
    }
    .inner-banner .hero-panel-content{
        min-height: 110px;
    }
    .inner-banner .hero-panel-content h5{
        margin-bottom: 5px;
    }
    .inner-banner.hero-section .hero-panel{
        padding: 110px 30px 40px;
    }
}
@media only screen and (max-width: 1366px) and (max-height: 700px){
    .navigation-dropdown .menutopbar,.navigation-dropdown .menutopbar {
        padding: 38px 40px 30px;
    }
    .navigation-dropdown .menu {
        height: calc(100% - 285px);
    }
    .navigation-dropdown .menu .primary-menu > li:not(:last-child) > a {
        padding-bottom: 15px;
    }
    .navigation-dropdown .menu .drop-down > ul{
        height: calc(100% + 20px);
    }
}
@media only screen and (max-width: 1280px){
    h2, .h2 {
        font-size: 42px;
    }
    header .quick-link a:hover .text{
        display: inline-block;
    }
    .item-slider .item-box .item-content h4{
        font-size: 20px;
    }
    header .quick-link.newsletter-ql .text{
        display: none;
    }
}
@media only screen and (max-width: 1199px){
    .big-h1 {
        font-size: 80px;
    }
    h1, .h1 {
        font-size: 50px;
    }
    h2, .h2{
        font-size: 36px;    
    }
    .section-padding {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .section-margin {
        margin-top: 70px;
        margin-bottom: 70px;
    }
    .container,.videomodal .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .container.inner {
        padding-left: 110px;
        padding-right: 110px;
    }
    .subtitle{
        margin-bottom: 20px;
    }
    .shape-divider{
        padding-left: 60px;
    }
    .shape-divider::before{
        background-size: 45px;
    }
    .navigation-dropdown .menu {
        padding: 0 30px;
    }
    header{
        padding: 20px 0;
    }
    header .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    footer::before {
        right: 0;
        width: 33%;
    }
    .navigation-dropdown .menutopbar, .navigation-dropdown .menutopbar {
        padding: 30px 30px 30px;
    }
    .navigation-dropdown .menu ul.primary-menu {
        padding-right: 50px;
    }
    .navigation-dropdown .quick-link-menu {
        padding-left: 50px;
    }
    .hero-section .quick-link{
        top: 30px;
    }
    .popupbtn{
        margin-left: 20px;
        bottom: 20px;
    }
    .welVideo {
        padding: 100px 0 150px;
    }
    .welVideo-content.shape-divider:before {
        top: -45px;
    }
    .welVideo .welVideo-content h2{
        margin-bottom: 25px;
    }
    .welVideo .image-reveal {
        padding-right: 40px;
        padding-bottom: 45px;
    }
    .welVideo .video-wrapper .popupbtn{
        -webkit-transform: scale(0.7);
            -ms-transform: scale(0.7);
                transform: scale(0.7);
    }
    .welVideo .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    .welVideo .welVideo-content .content-inner {
        padding-left: 20px;
    }
    .welVideo .welVideo-content .btn {
        margin-top: 10px;
    }
    .PullQuote .container {
        padding-left: 30px;
    }
    .joinCommunity .joinCommunity-txt-wrp {
        margin-left: 30px;
    }
    .joinCommunity .btn {
        margin-top: 15px;
    }
    .joinCommunity {
        padding: 100px 0;
    }
    .joinCommunity h2 {
        margin-bottom: 30px;
    }
    .videoModule .video-bottom {
        padding-left: 30px !important;
    }
    .videoModule .video-thumbCol {
        padding: 30px 0px 50px 125px;
    }
    .newsSlider {
        padding: 80px 0 60px 50px;
    }
    .newsSlider .section-header .btn-wrp .btn {
        margin-left: 15px;
    }
    .newsSlider .social-icon a {
        margin: 0 10px;
    }
    .item-slider {
        margin-right: -30px;
    }
    .slick-counter {
        margin-right: 30px;
    }
    .tilesSlider .slick-dots, .slick-dots {
        padding-right: 30px;
    }
    .tilesSlider .desc-box {
        margin-left: 14px;
    }
    .tilesSlider .col-right {
        width: 55%;
    }
    .tilesSlider .col-left {
        width: 45%;
    }
    .tilesSlider .slick-dots{
        bottom: -47px;
    }
    .search-drawer .search-input{
        font-size: 26px;
    }
    .ctaPopup{
        right: 20px;
    }
    .ctaPopup-img{
        height: 90px;
        width: 90px;
    }
    .ctaPopup-boxclose{
        right: -12px;
        height: 42px;
        width: 42px;
        line-height: 42px;
    }
    .ctaPopup-boxclose img{
        max-width: 15px;
    }
    .ctaPopup-boxclose.active {
        top: 10px;
        right: 30px;
    }
    /* .ctaPopup{
        width: 250px;
    } */
    .ctaPopup-box{
        text-align: right;
    }
    .ctaPopup.open .ctaPopup-img{
        height: 140px;
    }
    .ctaPopup-close{
        right: -10px;
    }
    .figure-left{
        margin-left: -70px !important;
    }
    .figure-right{
        margin-right: -70px !important;
    }
    .videomodal .lightbox-close{
        height: 50px;
        width: 50px;
        line-height: 44px;
        top: 30px;
        left: 30px;
    }
    .videomodal .lightbox-body::before{
        background-size: contain;
        background-position: left bottom;
        left: -50px;
    }
    .formsec::before {
        bottom: 0;
        top: 0;
    }
    .gallery .slick-center .gallery-img{
        height: 542px;
    }
    .gallery .gallery-img{
        height: calc(542px - 210px);
    }
    .gallery .slick-prev {
        left: 12px;
    }
    .gallery .slick-next {
        right: 12px;
    }
    .video-module .container.inner, .gallery .slick-counter.container.inner,.tiles-module .container, .gallery .slick-dots {
        padding-left: 30px;
        padding-right: 30px;
    }
    .docDown .col-right h3{
        font-size: 32px;
    }
    .docDown .col-right {
        padding: 22px 30px;
    }
    .imgtext .img-col,.imgtext.right .img-col{
        padding: 0;
    }
    .imgtext .imgtext-inner{
        margin-left: 20px;
    }
    .imgtext .text-col,.imgtext.right .text-col{
        padding: 50px 30px;
    }
    .imgtext.right .img-col.round-img{
        padding: 0 10px 30px 0;
    }
    .imgtext .text-col h2 {
        margin-bottom: 30px;
    }
    /* .gallery .slick-slide.slick-center img {
        height: 540px;
    }   */
    .gallery .slick-slide img{
        height: 370px;
    }
    footer .col-left .col-xl-6{
        width: 100%;
    }
    .newsmodal .btn-close{
        height: 46px;
        width: 46px;
        line-height: 46px;
    }
    .new-btn{
        min-width: 110px;
    }
    .newsmodal .col-right h3{
        margin-bottom: 30px;
    }
    .inner-banner .hero-panel-content h2 {
        font-size: 34px;
    }
    .principle-sec .principle-txt {
        padding: 50px 40px;
    }
    .common-content-sec.bgimg::before, .formsec::before {
        width: 600px;
        height: 600px;
    }
    .newsMenu .newsMenu-row {
        padding: 70px 30px 100px 70px;
    }
    .newsMenu .newsletter-bar {
        padding: 30px 22px 30px 130px;
    }
    .newsletter-bar .text{
        min-width: 120px;
    }
    .newsMenu .btnclose{
        left: 40px;
        top: 40px;
    }
    .news .news-block {
        margin-bottom: 60px;
    }
    .news .news-content h2{
        font-size: 30px;
    }
    .news .news-content .desc{
        margin-bottom: 30px;
    }
    .news .news-content {
        padding: 40px;
    }
    .news .news-content.overlay:before{
        width: calc(100% + 270px);
        left: -270px;
    }
    .news-block:nth-child(even) .news-content.overlay:before{
        right: -270px;
    }
    .calendar {
        padding: 50px 0 0;
    }
    .event {
        padding: 70px 0 100px;
    }
    .event-pagination {
        margin-top: 70px;
    }
    .gallery .slick-slide{
        height: 570px;
    }
    .navigation .img-wrapper {
        padding-top: 200px;
    }
    .navigation .navigation-txt h5 {
        font-size: 20px;
    }
    .navigation .navigation-col .btn-txt {
        font-size: 14px;
    }
    .principleMsg.docDown .col-right {
        padding: 50px 60px;
    }
    .newslist .newslist-content h5{
        font-size: 20px;
    }
    .newsdetail-banner .hero-panel-content h4 {
        font-size: 18px;
    }
    .welVideo .welVideo-col {
        padding-right: 20px;
    }
    .emplist .emplist-wrp:not(:last-child) {
        margin-bottom: 60px;
    }
}
@media only screen and (max-width: 991px){
    .big-h1 {
        font-size: 60px;
    }
    h1, .h1 {
        font-size: 48px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    .btn {
        min-width: 205px;
    }
    .section-margin {
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .container.inner{
        padding-left: 30px;
        padding-right: 30px;
    }
    .figure-left,.figure-right{
        width: 50%;
    }
    .figure-left {
        margin-left: 0px !important;
    }
    .figure-right{
        margin-right: 0 !important;
    }
    .common-contentDiv h1{
        font-size: 46px;
        margin-left: 0;
    }
    .common-contentDiv h2,.feature-article h2{
        font-size: 48px;
    }
    .common-contentDiv h2{
        font-size: 36px;
    }
    .common-contentDiv h3{
        font-size: 36px;
        margin: 40px 0 20px;
    }
    .common-content-sec .link-wrapper {
        margin-left: 0;
    }
    header .quick-link .text{
        display: none;
    }
    .navigation-dropdown .menutopbar,.search-drawer {
        padding: 27px 30px 100px;
    }
    .navigation-dropdown .menu-footer .social-icon {
        margin-bottom: 0;
    }
    .navigation-dropdown .menu-footer {
        padding: 30px 20px 30px 30px;
    }
    .navigation-dropdown .menu{
        height: calc(100% - 335px);
    }
    .navigation-dropdown .menu .primary-menu > li > a {
        font-size: 30px;
    }
    .navigation-dropdown .menu .primary-menu > li:not(:last-child) > a {
        padding-bottom: 25px;
    }
    .hero-section .hero-content .title span:first-child {
        margin-left: -95px;
    }
    .hero-section .hero-panel {
        padding: 110px 0;
    }
    .hero-panel-logo img,.inner-banner .hero-panel-logo img {
        max-width: 100px;
    }
    .welVideo .welVideo-content{
        margin-left: 10px;
        width: 100%;
    }
    .welVideo .video-wrapper{
        margin: 0 20px 30px;
    }
    .welVideo .welVideo-content .content-inner {
        padding-left: 0;
    }
    .welVideo {
        padding: 70px 0 150px;
    }
    .gallery .slick-slide {
        height: 480px;
    }
    .PullQuote .PullQuote-bg {
        width: 40%;
    }
    .PullQuote .PullQuote-slider {
        width: 400px;
    }
    .PullQuote.no-img .PullQuote-slider{
        width: 600px;
    }
    .PullQuote .PullQuote-wrp{
        padding: 60px 0;
    }
    .joinCommunity .btn{
        min-width: 270px;
    }
    .joinCommunity {
        padding: 70px 0;
    }
    .joinCommunity .joinCommunity-txt-wrp,.joinCommunity.right .joinCommunity-txt-wrp {
        margin-left: 0;
    }
    .joinCommunity.right .img-wrapper.one{
        margin-right: 35px;
    }
    .videoModule .video-thumb .slick-list {
        padding-right: 80px;
    }
    .footer-about h3{
        font-size: 25px;
    }
    .footer-about-wrp {
        padding: 100px 80px 75px 40px;
    }
    footer .col-left .col-xl-6{
        width: 100%;
    }
    .videoModule .slick-arrow.slick-next {
        left: 230px;
    }
    .videoModule .slick-arrow {
        left: 160px;
    }
    .newsSlider .item-slider .slick-arrow.slick-next {
        right: 10px;
    }
    .newsSlider .item-slider .slick-arrow.slick-prev {
        left: -20px;
    }
    .newsSlider .slick-list {
        padding: 0 70px 0 0 !important;
    }
    .newsSlider .bottombtn-wrap .btn{
        min-width: 257px;
    }
    .newsSlider {
        padding: 70px 0 60px 0;
    }
    .newsSlider .section-header .btn-wrp .btn{
        min-width: 154px;
    }
    .newsSlider .item-slider {
        margin-right: -30px;
    }
    .Cta-content{
        padding: 70px 25px;
        max-width: 400px;
    }
    footer::before{
        display: none;
    }
    .scroll-top {
        right: 30px;
        bottom: 210px;
    }
    footer {
        padding: 60px 0 50px;
    }
    footer .add-col {
        width: 50%;
    }
    .gallery .slick-center .gallery-img {
        height: 400px;
    }
    .gallery .gallery-img {
        height: calc(400px - 210px);
    }
    .video-module .video-module-content {
        margin-left: 40px;
    }
    .video-module {
        margin: 40px 0 100px;
    }
    .docDown .col-right h3 {
        font-size: 26px;
    }
    .docDown .col-right .btn{
        margin-top: 0;
    }
    .gallery {
        margin: 70px 0;
    }
    .imgtext.right .text-col .shape-divider::before {
        right: auto;
        left: 0;
    }
    .imgtext .img-col .img-wrapper {
        height: auto;
        padding-top: 60%;
    }
    .imgtext.right .text-col .shape-divider {
        padding-right: 0;
        padding-left: 60px;
    }
    .tiles-boxdiv{
        height: 300px;
    }
    .tilesSlider .col-left,.tilesSlider .col-right {
        width: 100%;
    }
    /* .gallery .slick-slide.slick-center img {
        height: 480px;
    } */
    .gallery .slick-slide img{
        height: 350px;
    }
    .gallery .slick-center img{
        transform: scale(1.3);
    }
    .principleMsg.docDown .col-left {
        width: 50%;
    }
    .principleMsg.docDown .col-right {
        width: 50%;
        padding: 22px 30px;
    }
    .common-content-sec.bgimg::before, .formsec::before {
        width: 530px;
        height: 530px;
    }
    .newsMenu .newsMenu-body{
        width: 93%;
    }
    .newsMenu .newsletter-bar .text{
        min-width: 100px;
    }
    .news .news-content h2 {
        font-size: 24px;
    }
    .news .news-content {
        padding: 30px;
    }
    .calendar .custom-month, .event-pagination h2, .eventmodal .eventmodal-header .title {
        font-size: 32px;
    }
    .calendar .calendar-date{
        padding: 50px 40px;
    }
    .calendar .col-right{
        padding: 35px;
    }
    .calendar .fc-calendar .fc-row > div{
        height: 37px;
        max-width: 37px;
    }
    .calendar .fc-calendar .fc-row > div > span.fc-date{
        line-height: 22px;
    }
    header.sticky .header-right .quick-link .text{
        display: none;
    }
    .ctaPopup{
        width: 270px;
    }
    .navigation .navigation-col .btn-txt {
        font-size: 12px;
    }
    .navigation .navigation-txt h5 {
        font-size: 17px;
    }
    .navigation .navigation-txt .btn-icon{
        -webkit-transform: translateY(-50%) scale(0.7);
            -ms-transform: translateY(-50%) scale(0.7);
                transform: translateY(-50%) scale(0.7);
    }
    .navigation {
        padding: 0 10px;
    }
    .navigation .img-wrapper {
        padding-top: 170px;
    }
    .joinCommunity.editorial-module .img-wrapper.one,
    .joinCommunity.editorial-module.right .img-wrapper.one{
        margin-top: -70px;
    }
    .tiles-module .tiles-content{
        padding: 15px 10px;
    }
    .tiles-module .tiles-boxdiv:not(:hover) .tiles-content{
        bottom: -20px;
    }
    .inner-banner.newsdetail-banner .hero-panel-content h3{font-size: 26px;}
    .newsMenu .title {
        font-size: 28px;
    }
    .newsMenu .newsMenu-row {
        padding: 70px 30px 100px 60px;
    }
    .newsMenu-title .date{
        font-size: 20px;
    }
    .emp-detail-desc.blockquote-sec {
        padding: 60px 0;
    }
}
@media only screen and (max-width: 767px){
    h1, .h1 {
        font-size: 42px;
    }
    h2, .h2 {
        font-size: 36px;
    }
    h3, .h3 {
        font-size: 34px;
    }
    body{font-size: 16px;}
    p {
        margin-bottom: 25px;
    }    
    .section-padding {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .section-margin {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .shape-divider::before {
        background-size: 35px;
        width: 35px;
        top: -33px;
        height: calc(100% + 30px);
        left: -17px;
    }
    .shape-divider {
        padding-left: 32px;
    }
    .container,.container.inner,.videomodal .container,.video-module .container.inner, .gallery .slick-counter.container.inner, .tiles-module .container, .gallery .slick-dots {
        padding-left: 20px;
        padding-right: 20px;
    }
    .PullQuote .container {
        padding-left: 20px;
    }
    .common-contentDiv p, .common-contentDiv ol, .common-contentDiv ul li, .common-contentDiv ol, .common-contentDiv ul li{
        font-size: 16px;
    }
    .common-contentDiv dl, .common-contentDiv ol, .common-contentDiv ul {
        padding-left: 30px;
        margin-bottom: 30px;
    }
    .figure-left, .figure-right, .figure-center {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 30px;
    }
    .common-contentDiv h1 {
        font-size: 42px;
        margin-left: 0;
        margin-bottom: 25px;
        letter-spacing: 0;
    }
    .common-contentDiv h2 {
        font-size: 32px;
        letter-spacing: 0;
    }
    .common-contentDiv h3{
        font-size: 32px;
        letter-spacing: 0;
    }
    .common-contentDiv h4{
        font-size: 24px;
        letter-spacing: 0;
    }
    .common-contentDiv h5{
        font-size: 18px;
        letter-spacing: 0.03em;
    }
    .common-contentDiv h6{
        font-size: 16px;
        letter-spacing: 0.15em
    }
    .common-content-sec table td, .common-content-sec table th{
        padding: 11px 15px;
    }
    section:not(.blockquote-sec) .common-contentDiv blockquote{
        letter-spacing: 0.03em;
        font-size: 16px;
    }
    .common-contentDiv .download-btn a{
        padding: 5px 50px 5px 0;
    }
    .common-contentDiv .download-btn a:hover{
        padding-left: 5px;
    }
    .common-content-green {
        border-radius: 38px 0 38px 0;
    }
    .common-content-green::after, .common-content-green::before{
        height: 38px;
        width: 38px;
        top: -37px;
    }
    .common-content-green::before {
        bottom: -37px;
        top: auto;
    }
    .common-contentDiv h2::before{
        top: 23px;
    }
    .common-contentDiv textarea {
        height: 60px;
    }
    .common-contentDiv form label:not(.form-check-label) {
        line-height: normal;
    }
    .blockquote-sec img {
        margin-bottom: 10px;
        max-width: 112px;
    }
    .blockquote-sec blockquote{
        font-size: 16px;
        letter-spacing: 0.03em;
    }
    .blockquote-sec {
        padding: 25px 0;
    }
    .common-contentDiv h2{
        margin: 35px 0 25px;
    }
    .common-contentDiv .form-control {
        padding: 0 0 8px;
    }
    .common-contentDiv .form-wrapper button[type="submit"] {
        margin-top: 5px;
    }
    .common-contentDiv select.form-control {
        padding-top: 10px;
    }
    .common-contentDiv .form-check-inline {
        margin-top: 8px;
    }
    .menu-link{
        height: 43px;
        width: 43px;
    }
    .menu-link img {
        max-width: 19px;
    }
    .hero-section .quick-link {
        top: auto;
        bottom: 15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
    .hero-section .quick-link li{
        display: inline-block;
        margin: 0 8px;
    }
    .quick-link .text,.header-right .quick-link .text,.header-right .quick-link a:hover .text{
        display: none;
    }
    .hero-section.section-padding {
        height: calc((var(--vh, 1vh) * 100));
        padding-bottom: 4px;
    }
    .hero-section .quick-link li:not(:last-child) {
        margin-bottom: 0;
    }
    .hero-section .col-right {
        width: 100%;
        height: 54%;
        position: relative;
        margin-left: 0;
    }
    .hero-section .hero-panel{
        width: 100%;
        height: auto;
        padding: 67px 15px 67px;
        height: 46%;
    }
    header {
        padding: 20px 0;
    }
    header.sticky{
        padding: 15px 0;
    }
    header .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    header.sticky .header-right a:not(:first-child) {
        margin-left: 20px;
    }
    .hero-section .overlay-div{
        background: -webkit-gradient(linear, left top, left bottom, color-stop(61.37%, rgba(0, 0, 0, 0.00)), color-stop(83.91%, rgba(0, 0, 0, 0.50)));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.00) 61.37%, rgba(0, 0, 0, 0.50) 83.91%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 61.37%, rgba(0, 0, 0, 0.50) 83.91%);
    }
    .hero-section .hero-content .title span:first-child {
        margin-left: 0;
        color: #fff;
    }
    .hero-section .hero-content .title span:last-child {
        margin-left: 0;
    }
    .hero-section .slick-slide::after {
        right: 40px;
        top: -27%;
        width: 48%;
        height: 27%;
    }
    .hero-section .hero-content .title{
        font-size: 62px;
        color: #fff;
    }
    .hero-section .hero-content,.hero-section .center-slide .hero-content {
        bottom: auto;
        top: -63px;
    }
    .hero-section .center-slide .overlay-div {
        background: -webkit-gradient(linear, left bottom, left top, color-stop(34.56%, rgba(0, 0, 0, 0)), color-stop(55.13%, rgba(0, 0, 0, 0.47)));
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 34.56%, rgba(0, 0, 0, 0.47) 55.13%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0) 34.56%, rgba(0, 0, 0, 0.47) 55.13%);
    }
    .hero-section .hero-content h5{
        font-size: 16px;
    }
    .hero-section .hero-content .btn {
        min-width: 200px;
        height: auto;
    }
    .popupbtn{
        right: 20px;
        bottom: 40px;
        height: 90px;
        width: 90px;
        left: auto;
		z-index:1;
    }
    .popupbtn .play-text{
        height: 90px;
        width: 90px;
    }
    .popupbtn .play-icon{
        width: 30px;
        height: 30px;
    }
    .navigation-dropdown .bg-img{
        display: none;
    }
    .banner-video video{
        border-radius: 0 0 15px 15px;
    }
    .navigation-dropdown .quick-link {
        position: absolute;
        bottom: 15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
    .navigation-dropdown .menu .primary-menu > li > a {
        font-size: 24px;
        padding-right: 0;
    }
    .navigation-dropdown .menu {
        padding: 0 30px 30px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        justify-content: center;
        position: relative;
    }
    .navigation-dropdown .header-right a:not(:first-child) {
        margin-left: 22px;
    }
    .navigation-dropdown .menu-div {
        height: calc(100% - 310px);
        overflow-y: auto;
    }
    .navigation-dropdown .menu ul.primary-menu {
        padding-right: 0;
        border-right: 0;
        -o-border-image: none;
           border-image: none;
    }
    .navigation-dropdown .menu .primary-menu > li {
        text-align: center;
    }
    .navigation-dropdown .primary-menu{
        width: 100%;
        text-align: center;
    }
    .navigation-dropdown .menutopbar,.search-drawer {
        padding: 20px;
    }
    .navigation-dropdown .search-icon {
        margin-left: 60px;
        margin-top: 9px;
    }
    .navigation-dropdown .menu-footer .logo {
        position: absolute;
        top: 20px;
        right: 20px;
    }
    .navigation-dropdown .menu-footer .logo svg {
        width: 120px;
        height: 80px;
    }
    .navigation-dropdown .menu-footer .social-icon{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .navigation-dropdown .menu-footer .social-icon li {
        margin: 0 10px;
    }
    .navigation-dropdown .menu .drop-down > ul {
        width: 100%;
        position: static;
        display: none;
        padding: 0 0 20px;
        height: auto;
        text-align: center;
    }
    .navigation-dropdown .menu-footer{
        position: absolute;
        right: 0;
        top: 0;
    }
    .navigation-dropdown .menu .drop-down:hover>ul {
        display: block;
    }
    .navigation-dropdown .quick-link-menu {
        padding-left: 0;
        width: 100%;
        text-align: center;
        display: none;
    }
    .header-menu-logo svg {
        width: 115px;
        height: 80px;
    }
    .header-right a:not(:first-child) {
        margin-left: 3px;
    }
    .navigation-dropdown .header-center {
        padding-top: 30px;
    }
    .quick-link-menu-btn{
        display: block;
    }
    .search-drawer{
        padding: 20px;
    }
    .search-drawer li {
        padding-left: 10px;
    }
    .search-drawer .search-input {
        font-size: 20px;
    }
    .search-drawer .search-close{
        height: 43px;
        width: 43px;
    }
    .search-drawer .search-close img,
    .navigation-dropdown .navigation-close img{
        max-width: 15px;
    }
    .navigation-dropdown::before,.newsMenu .newsMenu-body::before {
        left: -130px;
        background-size: contain;
        background-position: left;
    }
    .welVideo .welVideo-content{
        padding-left: 32px;
    }
    .welVideo-content.shape-divider:before {
        top: -35px;
    }
    .welVideo {
        padding: 30px 0 75px;
        overflow: hidden;
    }
    .welVideo .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .welVideo.section-padding{
        padding-top: 50px;
    }
    .welVideo .welVideo-col {
        padding-right: 0;
    }
    .welVideo-content {
        padding: 0 20px;
    }
    .welVideo .video-wrapper .popupbtn {
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        right: -14px;
        bottom: -31px;
    }
    .welVideo .image-reveal {
        padding-right: 0;
        padding-bottom: 35px;
    }
    .welVideo .welVideo-content h2{
        margin-bottom: 30px;
    }
    .welVideo .video-wrapper {
        margin: 0 10px 30px 0;
    }
    .welVideo .welVideo-content h6 {
        font-size: 18px;
    }
    .PullQuote .PullQuote-wrp {
        padding: 0 0 55px;
    }
    .PullQuote .PullQuote-bg {
        width: 100%;
        position: relative;
        height: 480px;
    }
    .PullQuote .PullQuote-slider {
        width: 100%;
        margin-top: -50px;
    }
    .PullQuote .PullQuote-bg{
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
        -webkit-mask-image: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
                mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
                mask-image: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
    }
    .joinCommunity h4, .joinCommunity h4 p{
        max-width: 100%;
    }
    .joinCommunity .img-wrapper.one,.joinCommunity.right .img-wrapper.one {
        padding-top: 73%;
        width: 73%;
        margin-top: 15px;
        margin-left: 0;
    }
    .joinCommunity {
        padding: 100px 0 28px;
        margin-bottom: 0;
        overflow: hidden;
    }
    .joinCommunity .img-wrapper.two,.joinCommunity.right .img-wrapper.two{
        padding-top: 73%;
        width: 73%;
        margin-top: 13px;
        margin-left: auto;
    }
    .joinCommunity.overlay:before,.joinCommunity.right.overlay:before {
        width: 100%;
        height: 90%;
    }
    .joinCommunity .btn:not(:first-child) {
        margin: 30px 0 0;
    }
    .joinCommunity.right .joinCommunity-img {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .joinCommunity.right .joinCommunity-txt-wrp {
        margin-left: 0;
        max-width: 100%;
    }
    .joinCommunity .btn{
        min-width: 334px;
    }
    .joinCommunity.right .joinCommunity-txt{
        padding-left: 30px;
    }
    .videoModule .video-box .video-controle{
        bottom: 5px;
        left: 5px;
    }
    .video-box .video-controle .soundbtn,
	.video-box .video-controle .playbtn{
        height: 30px;
        width: 30px;
    }
	.video-box .video-controle .pause, .video-box .video-controle .play{width:8px;}
    .video-box .video-controle .playbtn{
        bottom: -50px;
        left: 0;
    }
    .videoModule .video-bottom {
        padding-left: 20px !important;
        padding-right: 20px;
    }
    .videoModule .video-slider .slick-slide {
        margin-bottom: 50px;
    }
    .videoModule .video-content h4 {
        font-size: 22px;
    }
    .videoModule .video-thumbCol {
        padding: 30px 0px 20px 20px;
        margin-top: 60px;
    }
    .videoModule .video-thumb .slick-list {
        padding-right: 150px;
    }
    .videoModule .video-thumb video{
        -webkit-filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.25));
                filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.25));
    }
    .videoModule .video-thumb .slick-slide {
        padding: 10px 5px;
    }
    .videoModule .video-thumb .slick-list {
        padding-right: 170px;
    }
    .videoModule .video-thumbCol::before{
        left: -70px;
        width: calc(100% + 70px);
        border-radius: 150px 0 0 150px;
    }
    .videoModule .video-thumb {
        margin-top: 0px;
    }
    .videoModule .video-thumb h6{
        font-size: 16px;
    }
    .tilesSlider .desc-box {
        margin-left: 0;
    }
    .tilesSlider .row .col-left {
        margin-bottom: 55px;
    }
    .tilesSlider .slick-list {
        margin-left: 0;
        margin-right: 0px !important;
        padding-right: 60px !important;
    }
    .item-slider .item-content{
        padding: 35px 20px;
    }
    .item-slider .item-box .item-content .btn{
        min-width: 230px;
    }
    .tilesSlider .slick-dots, .slick-dots {
        bottom: 0;
        text-align: center;
        width: 100%;
    }
    .newsSlider .slick-list{
        padding: 0 60px 0 0!important;
    }
    .newsSlider .bottombtn-wrap .btn {
        min-width: 257px;
    }
    .newsSlider{
        margin-bottom: 0;
        background-position: 50% 30px;
        background-size: contain;
        overflow: hidden;
    }
    .Cta{
        margin-bottom: 20px;
    }
    .Cta .Cta-img{
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
        -webkit-mask-image: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
                mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
                mask-image: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
    }
    .Cta-content{
        padding: 40px 20px;
        max-width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .Cta .Cta-content .btn {
        margin-top: 0;
    }
    .Cta.overlay:before {
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 83, 128,0)), color-stop(57.84%, #002C46), to(#012032));
        background: -o-linear-gradient(top, rgba(0, 83, 128,0) 0%, #002C46 57.84%, #012032 100%);
        background: linear-gradient(180deg, rgba(0, 83, 128,0) 0%, #002C46 57.84%, #012032 100%);
    }
    .Cta .Cta-content-wrp {
        margin-left: 0;
        max-width: 100%;
    }
    .hidden-tablet{
        display: block;
    }
    footer .social-icon{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        margin-bottom: 0;
    }
    footer .footer-menu-wrp{
        padding-top: 28px;
    }
    footer .footer-menu-wrp .footer-menu{
        margin-top: 20px;
    }
    footer .col-right{
        max-width: 100%;
        text-align: center;
    }
    .scroll-top {
        right: 20px;
        bottom: 75px;
    }
    footer {
        padding: 45px 0 90px;
        z-index: 2;
    }
    footer .footer-logo img {
        max-width: 102px;
    }
    footer .add-col,footer .contact-col {
        width: 100%;
    }
    .newsSlider .item-slider .item-box,.newsSlider .item-box.instafeed:hover, .newsSlider .item-box.eventbox:hover{
        margin: 20px 10px;
        height: calc(100% - 40px);
    }
    header.sticky .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    header.sticky .header-right{
        width: 70%;
    }
    header.sticky .header-left{
        width: 30%;
    }
    header.sticky .menu-link {
        height: 38px;
        width: 38px;
    }
    header.sticky .header-logo-col{
        display: none;
    }
    header.sticky .header-logo-col svg{
        width: 70px;
        height: 60px;
    }
    .videoModule .video-content h6:after{
        width: 100%;
    }
    .moretext {
        margin-bottom: 30px;
    }
    .moreless-button {
        color: #000;
        font-weight: 300;
        font-size: 16px;
        letter-spacing: 0.03em;
        position: relative;
        margin-bottom: 15px;
    }
    .moreless-button:hover{
        color: #000;
    }
    .moreless-button::after{
        content: url(../images/down-arrow.png);
        margin-left: 10px;
    }
    .moreless-button.active::after{
        content: url(../images/up-arrow.png);
    }
    .moretext{
        display: none;
    }
    .videoModule .video-content .moreless-button {
        -webkit-transition-delay: 0.55s;
             -o-transition-delay: 0.55s;
                transition-delay: 0.55s;
    }
    .navigation-txt {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .navigation .img-wrapper{
        padding-top: 150px;
        margin: -35px 0 0;
    }
    .navigation .navigation-next .btn-icon svg{
        margin-left: auto;
    }
    .navigation {
        padding: 0 15px;
    }
    .navigation-prev .img-box {
        padding-left: 0;
        padding-right: 7px;
    }
    .navigation-next .img-box {
        padding-right: 0;
        padding-left: 7px;
    }
    .navigation .navigation-col{
        margin: 35px 0 0;
    }
    .navigation .navigation-txt {
        padding: 20px;
    }
    .navigation .navigation-col .btn-txt{
        letter-spacing: 0.15em;
    }
    .navigation .navigation-txt h5{
        font-size: 16px;
    }
    .navigation .navigation-txt .btn-icon {
        -webkit-transform: translateY(0%) scale(0.58);
            -ms-transform: translateY(0%) scale(0.58);
                transform: translateY(0%) scale(0.58);
        top: 120px;
    }
    .videomodal .lightbox-body {
        margin: 4px;
        height: calc(100% - 8px);
    }
    header:not(.sticky) .quick-link{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        text-align: center;
        padding: 20px;
    }
    header:not(.sticky) .header-logo{
        height: 0;
    }
    header .header-left a:not(:last-child) {
        margin-right: 15px;
    }
    .navigation-dropdown .menu .primary-menu > li:last-child > a{padding-bottom: 25px;}
    .videomodal .lightbox-close{
        height: 43px;
        width: 43px;
        line-height: 37px;
        top: 20px;
        left: 20px;
    }
    .videomodal .lightbox-close svg{
        height: 14px;
        width: 15px;
    }
    .inner-banner.hero-section .hero-panel{
        width: 100%;
        padding: 80px 15px 15px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        overflow-y: unset;
    }
    .inner-banner .hero-panel-content.aos-animate::before{
        height: calc(100% + 150px);
    }
    .inner-banner .col-right{
        z-index: -1;
    }
    .inner-banner.hero-section .col-right{
        width: 100%;
    }
    .inner-banner .hero-panel-content h5{
        margin-bottom: 10px;
        letter-spacing: 0.15em;
    }
    .inner-banner .hero-panel-content h2{
        font-size: 36px;
    }
    .inner-banner.hero-section{
        height: 100vh;
        height: calc((var(--vh, 1vh) * 100))
    }
    .inner-banner .hero-panel-content {
        padding-left: 25px;
        margin-top: 15px;
        min-height: 150px;
    }
    .common-content-sec.bgimg::before, .formsec::before{
        height: 320px;
        width: 320px;
        top: -20px;
    }
    .item-slider{
        padding-bottom: 0;
    }
    .inner-banner .hero-panel-logo{margin-bottom: 15px;}
    .gallery {
        margin: 40px 0;
    }    
    /* .gallery .slick-slide.slick-center img {
        height: 240px;
    } */
    .gallery .slick-slide img{
        height: 184px;        
        margin: 0 auto;
        -webkit-filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
                filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.25));
    }
    .gallery .slick-center img {
        transform: scale(1.2);
    }
    .gallery .slick-slide span{
        margin: auto auto 0;
        width: 300px;
        font-size: 12px;
        bottom: 0;
    }
    .gallery .slick-slide{
        margin: 0px -70px 0;
        height: 280px;
    }
    .gallery .slick-slide:not(.slick-center) img{
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .gallery .slick-list {
        margin-top: 0;
    }
    .gallery .slick-dots {
        text-align: right;
        margin-top: 25px;
    }
    .video-module .video-box .video-controle .playbtn{
        height: 30px;
        width: 30px;
    }
    .video-module .video-controle .pause {
        width: 8px;
    }
    .video-module .video-controle .play {
        width: 12px;
    }
    .video-module .video-controle{
        bottom: 35px;
        left: 25px;
    }
    .video-module .video-module-content{
        margin-left: 0;
        padding: 0 0px 40px;
    }
    .video-module::before {
        top: 0;
        width: 100%;
        bottom: auto;
        background-position: top center;
    }
    .video-module .video-module-content h3{
        font-size: 36px;
        margin-bottom: 30px;
    }
    .video-module .video-module-content p{
        font-size: 16px;
        letter-spacing: 0.045em;
    }
    .video-module {
        margin: 40px 0;
        padding-top: 55px;
    }
    .joinCommunity .img-wrapper{
        -webkit-filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.25));
                filter: drop-shadow(0px 4px 9px rgba(0, 0, 0, 0.25));
    }
    .docDown .img-wrapper {
        padding-top: 270px;
        height: auto;
        -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
        -webkit-mask-image: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
                mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(4.22%, rgba(217, 217, 217, 0.00)), color-stop(41.79%, #737373));
                mask-image: linear-gradient(0deg, rgba(217, 217, 217, 0.00) 4.22%, #737373 41.79%);
    }
    .docDown .col-right h3 {
        font-size: 28px;
    }
    .docDown .docDown-box:nth-child(odd)::before{
        display: none;
    }
    .docDown .docDown-box{
        background-image: none;
    }
    .imgtext .img-col .img-wrapper{
        padding-top: 100%;
    }
    .imgtext .text-col, .imgtext.right .text-col {
        padding: 40px 20px;
    }
    .tiles-grid-sizer, .tiles-grid-item,.tiles-grid-item.tiles-twohalf,.tiles-grid-item.tiles-half {
        width: 100%;
        padding: 0 0 20px;
    }
    .tiles-boxdiv {
        height: 390px;
    }
	/*
    .PullQuote .PullQuote-wrp:not(.withimg) .PullQuote-slider{
        padding-top: 160px;
    }
	*/
    .docDown .col-right {
        padding: 22px 30px;
    }
    .principleMsg.docDown .col-left {
        width: 100%;
    }
    .principleMsg.docDown .col-right{
        width: 100%;
    }
    .principleMsg.docDown .img-wrapper{
        padding-top: 64%;
        -webkit-mask-image: none;
                mask-image: none;
    }
    .principleMsg.docDown .col-right h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .principleMsg.docDown .col-right p{margin-bottom: 25px;min-height: auto; -webkit-line-clamp: 4;}
    .principleMsg.docDown .docDown-box:nth-child(odd)::before{    
        background-image: url(../images/layer-bg.svg);
        border-radius: 100%;
        width: 478.21px;
        height: 478.21px;
        bottom: 0px;
        top: auto;
        right: -250px;
        background-size: 100%;
    }
    .newslist .newslist-content h5 {
        font-size: 24px;
    }
    .newslist-banner .quick-link .quick-linklist{
        display: none;
    }
    .newslist-block.overlay:before{
        top: -110px;
        height: 100%;
        width: 100%;
    }
    .docDown.principleMsg {
        margin-top: 25px;
    }
    .newsletter-bar .text{
        min-width: auto;
        margin-top: 5px;
    }
    .newsletter-bar .icon{
        height: 39px;
        width: 39px;
    }
    .newsletter-bar .icon svg,header .quick-link.newsletter-ql .icon svg {
        max-width: 26px;
    }
    .newsletter-bar {
        padding: 15px 0 0;
    }
    .newslist-banner .overlay-div{
        display: block;
        background: -o-linear-gradient(113.19deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 52.23%),;
        background: linear-gradient(336.81deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 52.23%),
    }
    .newsmodal .img-wrapper{
        height: auto;
        padding-top: 100%;
    }
    .newsmodal .col-left {
        padding: 0 12px;
        width: 100%;
    }
    .newsmodal .modal-body {
        padding: 0;
    }
    .newsmodal .btn-close {
        height: 35px;
        width: 35px;
        line-height: 15px;
    }
    .newsmodal .btn-close img{
        max-width: 14px;
    }
    .newsmodal .col-right {
        width: 100%;
        padding: 30px;
    }
    .newsmodal .col-right h3{
        font-size: 28px;
    }
    .new-btn {
        min-width: auto;
    }
    body .header-right .newsbar-link .active .icon {
        background-color: #000;
        border-color: #000;
    }
    .principle-sec{
        border-radius: 19px;
    }
    .principle-sec .principle-txt {
        padding: 30px 30px 45px;
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
    }
    .principle-sec blockquote{
        padding-left: 25px;
    }
    .principle-sec .common-contentDiv{
        max-width: 100%;
    }
    .principle-sec.overlay::before{        
        width: 478.21px;
        height: 478.21px;
        border-radius: 100%;
        bottom: -80px;
        top: auto;
        right: -230px;
        left: auto;
        background-position: 0 top;
    }
    .editon-btn .icon {
        margin: 0 10px 0 0;
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
    }
    .editon-btn{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        -webkit-writing-mode: unset;
            -ms-writing-mode: unset;
                writing-mode: unset;
        padding: 6px 13px 6px 10px;
        min-width: 264px;
    }
    .hero-panel-content.mobile-show::before,
    .newsMenu .newsletter-bar .text,.news .news-content.overlay:before{
        display: none;
    }
    .hero-panel-content.mobile-show {
        padding: 45px 30px;
    }
    .newsMenu .newsMenu-body {
        width: 100%;
        height: 100%;
    }
    .newsMenu .btnclose {
        height: 43px;
        width: 43px;
        top: 20px;
        left: auto;
        right: 20px;
        line-height: 40px;
    }
    .newsMenu .btnclose svg {
        height: 15px;
        width: 15px;
    }
    .newsMenu .editon-btn {
        top: 15px;
        left: 10px;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .newsMenu .editon-btn:not(:hover){
        background-color: transparent;
    }
    .newsMenu .newsMenu-row {
        height: calc(100vh - 0px);
        overflow-y: auto;
        padding: 90px 35px 90px 35px;
    }
    .newsMenu .newsMenu-row .col-right{
        height: calc(100vh - 380px);
        overflow-y: auto;    
        padding: 0;
        border: 0;
    }
    .newsMenu .newsMenu-title {
        padding: 0 0 25px 0;
        margin-bottom: 45px;
        border-bottom: 1px solid;
        border-image-slice: 0 0 1 0;
        border-image-source: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(253,185,36,1) 66%);
    }
    .newsMenu ul li a {
        font-size: 22px;
    }
    .newsMenu .title {
        font-size: 30px;
    }
    .newsMenu .newsMenu-title h5 {
        font-size: 16px;
    }
    .newsMenu h5{
        font-size: 18px;
    }
    .newsMenu .col-left,.newsMenu .col-right {
        width: 100%;
        padding: 0;
    }
    .newsMenu .newsletter-bar {
        padding: 0;
        position: absolute;
        bottom: 20px;
        -webkit-box-pack: center !important;
            -ms-flex-pack: center !important;
                justify-content: center !important;
        left: 0;
        right: 0;
    }
    .filter h5{
        font-size: 18px;
    }
    .newsMenu ul li {
        margin-bottom: 15px;
    }
    .newsMenu ul{
        height: auto;
    }
    .edition-list.newslist .newslist-content h5 {
        font-size: 22px;
    }
    .edition-listblock:not(:last-child) {
        margin-bottom: 50px;
    }
    .filter {
        padding: 30px 0 20px;
    }
    .nice-select-wrap .drop{
        background-size: 15px;
    }
    .filter .btn {
        min-width: 295px;
    }    
    .edition-listblock h2 {
        font-size: 38px;
    }
    .news .news-content {
        padding: 20px;
        margin: 0;
    }
    .news .news-content .desc {
        margin-bottom: 22px;
    }
    .news .news-block {
        margin-bottom: 20px;
    }
    .news .news-content h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .eventmodal .eventmodal-header{
        padding: 30px 20px;
    }
    .eventmodal .common-contentDiv {
        padding: 20px;
    }
    .calendar {
        padding: 16px 0 0;
    }
    .calendar .calendar-date {
        padding: 22px 20px;
    }
    .calendar .fc-calendar .fc-head{
        margin-bottom: 20px;
    }
    .calendar .fc-calendar .fc-body .fc-row{
        height: 46px;
    }
    .calendar .fc-calendar .fc-head > div{
        font-size: 0;
    }
    .calendar .fc-calendar .fc-head > div::first-letter{
        font-size: 18px;
    }
    .calendar .col-right {
        padding: 25px;
    }
    .fc-calendar .fc-content:first-child .content_wrap{
        margin-left: -44px;
    }
    .fc-calendar .fc-content:last-child .content_wrap{
        margin-left: 0;
        margin-right: -26px;
        left: auto;
        right: 0;
    }
    .fc-calendar .fc-content:first-child .content_wrap:after{
        left: 36%;
    }
    .fc-calendar .fc-content:last-child .content_wrap:after{
        left: auto;
        right: 24%;
    }
    .event {
        padding: 40px 0 60px;
    }
    .event-pagination {
        margin-top: 60px;
    }
    .event .btn-icon, .calendar .btn-icon{
        height: 56px;
        width: 56px;
        line-height: 55px;
    }
    .calendar .custom-month, .event-pagination h2, .eventmodal .eventmodal-header .title {
        font-size: 30px;
    }
    .event .event-box{
        max-width: 314px;
        margin: 0 auto;
    }
    .event .event-box .event-desc{
        min-height: 260px;
    }
    .emplist-banner.inner-banner.hero-section .hero-panel, .emplist-banner.inner-banner.hero-section .col-right {
        width: 100%;
    }
    .emplist-banner.inner-banner.hero-section,.inner-banner.hero-section.newslist-banner{
        min-height: auto;
    }
    .emplist h3{color: #000;font-size: 24px;}
    .emplist h2{margin-bottom: 15px;}
    .emplist-banner.hero-section .hero-panel {
        background-position: center top;
    }
    .emplist-banner.inner-banner.hero-section .hero-panel{
        height: 62%;
    }
    .emplist-banner.inner-banner.hero-section .col-right{
        height: 38%;
    }
    .emplist .emplist-wrp:not(:last-child) {
        margin-bottom: 50px;
    }
    .newslist-banner.inner-banner.hero-section .hero-panel{
        padding-bottom: 25px;
    }
    .newsletter-bar a {
        margin: 0 5px;
        width: 20%;
    }
    .inner-banner .hero-panel-logo img {
        max-width: 80px;
    }
    header .language img {
        max-width: 20px;
    }
    .sticky-newmenu-btn {
        position: fixed;
        left: 50%;
        z-index: 2;
        bottom: 10px;
        top: auto;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: center;
        right: auto;
    }
    .common-contentDiv .author h5 {
        font-size: 16px;
    }
    .common-contentDiv .author .img{
        margin: 0 0 15px;
        padding: 15px 0 0;
        min-width: 144px;
    }
    .common-contentDiv .author .img::before{
        height: 1px;
        width: calc(100% + 20px);
        background: -webkit-gradient(linear, left top, right top, color-stop(7.73%, #FDB924), to(rgba(253, 185, 36, 0)));
        background: -o-linear-gradient(left, #FDB924 7.73%, rgba(253, 185, 36, 0) 100%);
        background: linear-gradient(90deg, #FDB924 7.73%, rgba(253, 185, 36, 0) 100%);
        left: -20px;
    }
    .navigation-dropdown .menu .drop-down > ul .has-sub-menu {
        padding-left: 0;
    }
    .navigation-dropdown .menu .drop-down > ul .has-sub-menu li a{
        font-size: 16px;
    }
    .joinCommunity.editorial-module{
        padding: 10px 0 28px;
    }
    .joinCommunity.editorial-module .shape-divider::before{
        top: -10px;
    }
    .editorial-module.right .shape-divider {
        padding-left: 32px;
    }
    .joinCommunity.editorial-module.right .joinCommunity-txt{
        padding-left: 12px;
        padding-top: 73%;
        margin-top: 40px;
    }
    .joinCommunity.editorial-module.right .shape-divider::before{
        display: block;
    }
    .joinCommunity h4.intro-txt p{
        font-size: 16px;
    }
    .joinCommunity.editorial-module .img-wrapper.one, .joinCommunity.editorial-module.right .img-wrapper.one {
        margin-top: 0;
    }
    .joinCommunity.editorial-module.right .img-wrapper.one{
        position: absolute;
        top: 0;
    }
    .imgtext .shape-divider::before,.PullQuote.no-img .PullQuote-bg{
        display: none;
    }
    .imgtext .shape-divider,.imgtext.right .text-col .shape-divider{
        padding-left: 0;
    }
    .imgtext .imgtext-inner {
        margin-left: 0;
    }  
    .PullQuote.no-img .PullQuote-slider {
        width: 100%;
        margin-top: 55px;
    }  
    .tiles-module .tiles-boxdiv .tiles-content .tiles-title {
        font-size: 24px;
    }    
    .tiles-module .tiles-boxdiv:not(:hover) .tiles-content {
        bottom: -10px;
    }
    .formsec::before{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .inner-banner.newsdetail-banner .hero-panel-content h3{
        font-size: 30px;
    }
    .inner-banner.newsdetail-banner .hero-panel{
        height: 48%;
    }
    .inner-banner.newsdetail-banner .col-right{
        height: 52%;
    }
    .newsdetail-banner .hero-panel-content h4 {
        font-size: 22px;
    }
    .emplist-box .emplist-content .title{
        margin-bottom: 20px;
        min-height: 60px;
        font-size: 24px;
    }
    .emplist-box .emplist-content .sub-title {
        margin-bottom: 25px;
        padding-bottom: 15px;
        min-height: 58px;
    }
    .emp-detail-desc .btn{
        min-width: auto;
    }
    .emp-detail-desc.blockquote-sec {
        padding: 40px 0;
    }
    .common-contentDiv canvas{
        width: 100%;
    }
}
@media only screen and (max-width: 420px){
    .inner-banner .hero-panel-content h2 {
        font-size: 34px;
    }
}
@media only screen and (max-width: 400px){
    h1, .h1 {
        font-size: 36px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3 {
        font-size: 24px;
    }
    h4, .h4 {
        font-size: 22px;
    }
    h5, .h5 {
        font-size: 20px;
    }
    .hero-section .hero-content .title{
        font-size: 50px;
    }
    .hero-section .hero-content, .hero-section .center-slide .hero-content{
        top: -51px;
    }
    header.sticky .header-logo-col {
        width: 20%;
    }
    header.sticky .menu-link {
        height: 33px;
        width: 33px;
    }
    header.sticky .header-logo-col svg {
        width: 50px;
        height: 40px;
    }
    header.sticky .menu-link img {
        max-width: 15px;
    }
    .videoModule .video-thumb .slick-list {
        padding-right: 100px;
    }
    .joinCommunity .btn {
        min-width: 260px;
    }
    .slick-dots li button{
        width: 30px;
    }
    .common-contentDiv h1 {
        font-size: 36px;
    }
    .common-contentDiv h2 {
        font-size: 32px;
    }
    .common-contentDiv h3{
        font-size: 30px;
    }
    .inner-banner .hero-panel-content p{
        font-size: 12px;
    }
    .calendar .custom-month, .event-pagination h2, .eventmodal .eventmodal-header .title {
        font-size: 26px;
    }
    .event .btn-icon, .calendar .btn-icon {
        height: 50px;
        width: 50px;
        line-height: 49px;
    }
    .calendar .fc-calendar .fc-row > div > span.fc-date{
        font-size: 14px;
    }
    .calendar .fc-calendar .fc-row > div {
        height: 34px;
        max-width: 34px;
    }
    .fc-calendar .content_wrap{
        padding: 5px;
    }
    .event .btn-icon, .calendar .btn-icon{
        margin: 0 1px;
    }
    .footer-menu a:not(:last-child):after{
        left: 9px;
    }
    .footer-menu a:not(:last-child) {
        padding-right: 7px;
        margin-right: 7px;
    }
    .scroll-top{
        bottom: 25px;
    }
    .inner-banner.hero-section .hero-panel{
        height: 48%;
    }
    .inner-banner.hero-section .col-right{
        height: 52%;
    }
    .joinCommunity .btn {
        min-width: 310px;
    }
}  

@media only screen and (max-width: 767px) and (max-height: 680px){
    .inner-banner .hero-panel-content h2 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .newsdetail-banner .hero-panel-content h4 {
        font-size: 18px;
    }
    .newslist-banner.inner-banner.hero-section .hero-panel {
        height: 52%;
    }
    .newslist-banner.inner-banner.hero-section .col-right {
        height: 48%;
    }
    .newslist-banner.inner-banner .hero-panel-content p {
        font-size: 11px;
    }
}
@media only screen and (max-width: 380px){
    .inner-banner.newsdetail-banner .hero-panel{
        height: 50%;
    }
    .inner-banner.newsdetail-banner .col-right{
        height: 50%;
    }
    .inner-banner .hero-panel-content{
        min-height: 80px;
    }
    .navigation .navigation-col .btn-txt {
        letter-spacing: 1px;
        font-size: 10px;
    }
    .newsletter-bar .text{
        letter-spacing: 0.5px;
        font-size: 10px;
    }
    .article-details-banner.newsdetail-banner .hero-panel-content h3 {
        font-size: 24px;
    }
}
@media only screen and (max-width: 340px){
    .hero-section .hero-content .title{
        font-size: 44px;
    }
    .hero-section .hero-content, .hero-section .center-slide .hero-content{
        top: -45px;
    }
    .newsSlider .social-icon a {
        margin: 0 6px;
    }
    .navigation-dropdown .menu .primary-menu > li > a{
        font-size: 22px;
    }
    .tilesSlider .slick-list{
        padding-right: 40px !important;
    }
    .newsSlider .slick-list{
        padding: 0 40px 0 0!important;
    }
    .inner-banner .hero-panel-content h2 {
        font-size: 24px;
    }
    .docDown .col-right .btn {
        min-width: 200px;
    }
    .principleMsg.docDown .col-right h3{
        font-size: 28px;
    }
    .principle-sec blockquote{
        padding-left: 20px;
    }
    .blockquote-sec + .common-content-sec::before, .newsletter-bar + .principle-sec + .common-content-sec::before, .formsec::before{
        height: 360px;
        width: 320px;
    }
    .newsMenu .editon-btn{
        right: 75px;
    }
    .event .btn-icon, .calendar .btn-icon {
        height: 40px;
        width: 40px;
        line-height: 39px;
    }
    .calendar .custom-year, .event-pagination h5{
        font-size: 18px;
    }
    .calendaer-header .icon svg {
        height: 23px;
        width: 23px;
    }
    .joinCommunity .btn {
        min-width: 249px;
    }
    footer,footer .contact-box p, footer .contact-box a{
        font-size: 14px;
    }
    .tiles-boxdiv {
        height: 330px;
    }
    .newsMenu .editon-btn {
        font-size: 14px;
        letter-spacing: 1px;
        min-width: 238px;
    }
    .current-nl-btn .btn .icon {
        margin-right: 5px;
    }
    .filter .btn {
        min-width: 280px;
        font-size: 15px;
    }
}