@import url('../fonts/mulish/stylesheet.css');
@import url('../fonts/work-sans/stylesheet.css');
body {
    font-family: "Mulish", sans-serif;
}
body .container {
    max-width: 1660px;
}
img.desktop {
    width: 240px;
}
a{
    transition: all 0.3s ease-in-out;
}
.scroll-button:before{
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.49691e-07 0.5L7 4.52131L14 0.5L14 4.47869L7 8.5L-1.75777e-07 4.47869L-3.49691e-07 0.5Z' fill='%23fff'/%3E%3C/svg%3E%0A");    background-position: center center;
    transform: rotate(180deg);
    background-size: 20px;
    background-repeat: no-repeat;
}
.scroll-button{
    background: linear-gradient(90deg, rgb(96, 70, 150) 0%, rgb(102, 178, 228) 100%);
}
.main__breadcrumb .container .row , .t-icon-2-col-box .container .row{
    margin: 0;
}
.t-icon-2-col-box .container .row > div {
    padding: 0;
}
.navbar.scolledNav #cittlogo img {
    max-width: 170px;
}
a.t-button-white-square {
    padding: 16px 30px;
    background: #fff;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    line-height: 28px;
}
a.white-button-link {
    padding: 16px 85px;
    background: #fff;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    display: inline-block;
    line-height: 28px;
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
}
.t-button-green-square  , .banner .content a.btn.btn-primary{
    border-radius: 0 !important;
    padding: 16px 30px !important;
    background: #69F5AE !important;
    font-size: 24px;
    font-weight: 600;
    font-family: 'Work Sans';
    line-height: normal;
    color: #000;
}
.t-button-green-square:hover{
    text-decoration: underline;
}
.t-contact-boxes .t-boxes .t-boxes-item span.t-phone {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39.55 42C34.6889 42 29.8861 40.9403 25.1417 38.8208C20.3972 36.7014 16.0806 33.6972 12.1917 29.8083C8.30278 25.9194 5.29861 21.6028 3.17917 16.8583C1.05972 12.1139 0 7.31111 0 2.45C0 1.75 0.233333 1.16667 0.7 0.7C1.16667 0.233333 1.75 0 2.45 0H11.9C12.4444 0 12.9306 0.184722 13.3583 0.554167C13.7861 0.923611 14.0389 1.36111 14.1167 1.86667L15.6333 10.0333C15.7111 10.6556 15.6917 11.1806 15.575 11.6083C15.4583 12.0361 15.2444 12.4056 14.9333 12.7167L9.275 18.4333C10.0528 19.8722 10.9764 21.2625 12.0458 22.6042C13.1153 23.9458 14.2917 25.2389 15.575 26.4833C16.7806 27.6889 18.0444 28.8069 19.3667 29.8375C20.6889 30.8681 22.0889 31.8111 23.5667 32.6667L29.05 27.1833C29.4 26.8333 29.8569 26.5708 30.4208 26.3958C30.9847 26.2208 31.5389 26.1722 32.0833 26.25L40.1333 27.8833C40.6778 28.0389 41.125 28.3208 41.475 28.7292C41.825 29.1375 42 29.5944 42 30.1V39.55C42 40.25 41.7667 40.8333 41.3 41.3C40.8333 41.7667 40.25 42 39.55 42Z' fill='%2366B2E4'/%3E%3C/svg%3E");
}
.t-contact-boxes .t-boxes .t-boxes-item span.t-email{
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='38' viewBox='0 0 48 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33366 37.6668C4.05033 37.6668 2.95171 37.2099 2.03783 36.296C1.12394 35.3821 0.666992 34.2835 0.666992 33.0002V5.00016C0.666992 3.71683 1.12394 2.61822 2.03783 1.70433C2.95171 0.790441 4.05033 0.333496 5.33366 0.333496H42.667C43.9503 0.333496 45.0489 0.790441 45.9628 1.70433C46.8767 2.61822 47.3337 3.71683 47.3337 5.00016V33.0002C47.3337 34.2835 46.8767 35.3821 45.9628 36.296C45.0489 37.2099 43.9503 37.6668 42.667 37.6668H5.33366ZM24.0003 21.3335L42.667 9.66683V5.00016L24.0003 16.6668L5.33366 5.00016V9.66683L24.0003 21.3335Z' fill='%2366B2E4'/%3E%3C/svg%3E");
}
.t-contact-boxes .t-boxes .t-boxes-item span.t-timer{
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.9765 0.666504C11.0965 0.666504 0.666504 11.1198 0.666504 23.9998C0.666504 36.8798 11.0965 47.3332 23.9765 47.3332C36.8798 47.3332 47.3332 36.8798 47.3332 23.9998C47.3332 11.1198 36.8798 0.666504 23.9765 0.666504ZM31.6765 34.9898L21.6665 24.9565V12.3332H26.3332V23.0432L34.9898 31.6998L31.6765 34.9898Z' fill='%2366B2E4'/%3E%3C/svg%3E");
}
.t-contact-boxes .t-boxes .t-boxes-item span.t-email , .t-contact-boxes .t-boxes .t-boxes-item span.t-phone , .t-contact-boxes .t-boxes .t-boxes-item span.t-timer{
    margin: 0 auto 40px auto;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
/* navbar css start  */
.navbar .navigationLinkContainer .navbarItem:not(:last-child) {
    border: none;
    padding: 0;
}

.menu-item,
.navbarItem {
    padding: 0;
}

nav.navbar {
    padding: 0;
    height: 100px;
}

.navbar-expand-lg .navbar-nav {
    column-gap: 16px;
    align-items: center;
}

.navbar .navigationLinkContainer .navbarItem a {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 100%;
    padding: 10px 16px;
}

.navbar .navigationLinkContainer .navbarItem:last-child {
    padding-left: 0;
    background: #69F5AE;
}
.navbar #lang.open a {
    font-size: 20px;
    color: #000;
    position: relative;
}
.mobile-navigation__hamburger .hamburger .line {
    width: 24px;
    height: 3px;
    background-color: #000;
    margin: 5px auto;
}
.mobile-navigation__hamburger #hamburger.is-active .line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}
.mobile-navigation__hamburger #hamburger.is-active .line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
.mobile-navigation #navbar-box-mobile {
    top: 60px;
    background-color: #604696;
}
.navbar .navigationLinkContainer .navbarItem a.t-active , .navbar .navigationLinkContainer .navbarItem a:hover {
    color: #66B2E4;
}
.navbar .navigationLinkContainer .navbarItem:last-child a.nav-link:hover , .navbar .navigationLinkContainer .navbarItem:last-child a.nav-link.t-active {
    color: #000;
}
.scolledNav .navbarItem {
    padding: 0;
}

.navbar #lang{
    position: relative;
    right: 0 !important;
    margin-top: 0;
    padding: 0px;
}
.navbar #lang:after{
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.49691e-07 4.76837e-07L7 4.02131L14 -1.35122e-07L14 3.97869L7 8L-1.75777e-07 3.97869L-3.49691e-07 4.76837e-07Z' fill='black'/%3E%3C/svg%3E%0A");
    position: absolute;
    right: 0;
    height: 9px;
    width: 15px;
    background-repeat: no-repeat;
    top: 10px;
    background-size: contain;
}
.navbar #lang li span {
    font-size: 20px;
    color: #000;
    padding-right: 22px;
    font-weight: 400 !important;
    font-family: "Mulish", sans-serif;
}
.navbar #lang li span a{
    padding-right: 22px;   
}
.navbar #lang li a:hover, .navbar #lang li span:hover {
    color: #66B2E4;
}
.navbar #lang.open {
   outline: none;
   margin: 0;
}
.navbar .container-fluid {
    padding: 0;
}
.mobile-navigation {
    position: relative;
    right: 0;
}
.background-overlay{
    top: 60px;
}
.navbar #logos{
    padding: 0 !important;
}
/* navbar css end  */

/* banner css start  */
.content .slider.full .slick-slide .content {
    position: absolute;
    top: 50%;
    padding-left: calc((100% - 1630px) / 2);
    max-width: 100%;
    transform: translateY(-50%);
}

.content .slider.full .slick-slide {
    position: relative;
}

.content .slider.full .slick-slide .content .text {
    max-width: 960px;
}

.content .slider.full .slick-slide .content .text .h3-dt {
    color: #69F5AE;
    font-size: 36px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 30px;
    font-family: "Mulish", sans-serif;
    display: inline-block;
}

.content .slider.full .slick-slide .content .text .h1-dt {
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    line-height: 100%;
    margin-bottom: 30px;
    display: inline-block;
}

.content .slider.full .slick-slide .content .text p {
    color: #fff;
    font-size: 36px;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 30px;
    display: inline-flex;
}

.content .slider.full .slick-slide .content .text p:last-child {
    margin-bottom: 0;
}

.green-button-link {
    color: #000000;
    background: #69F5AE;
    padding: 16px 55px;
    font-size: 24px;
    font-weight: 600;
    line-height: 100%;
    clip-path: polygon(5% 0, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
    display: inline-flex;
    align-items: center;
    font-family: 'Work Sans';
}
.green-button-link:hover{
    color: #000;
}

.content .full.slick-slider .slick-dots {
    bottom: 70px;
    text-align: start;
    margin: 0 15px;
    padding-left: calc((100% - 1630px) / 2);
    display: flex;
    align-items: center;
    gap: 16px;
}

.content .full.slick-slider .slick-dots li,
.content .full.slick-slider .slick-dots li button,
.content .full.slick-slider .slick-dots li button:before {
    height: 4px;
}

.content .full.slick-slider .slick-dots li {
    margin: 0;
    width: 70px;
}

.content .full.slick-slider .slick-dots li button {
    padding: 0;
    width: 70px;
    display: flex;
    align-items: center;
}

.content .full.slick-slider .slick-dots li button:before {
    content: "";
    width: 100%;
    background-color: #fff;
    border-radius: 0;
    opacity: 1;
}

.content .full.slick-slider .slick-dots .slick-active button:before {
    content: "";
    width: 100%;
    height: 4px;
    background-color: #FFFFFF33;
    border-radius: 0;
}

.content .slider.full .slick-slide .bg {
    background-image: none !important;
}

.content .slider.full .slick-slide .bg img {
    width: 100%;
    object-fit: cover;
}
.content .slider.full .slick-slide .bg img , .content .slider.full .slick-slide .bg , .content .slider.full .slick-slide , .content .slider.full .slick-track{
    min-height: 645px;
    max-height: 100vh;
}

/* banner css end  */

/* text title css start  */
.mask.mask__text h1.mask__text__title , .mask.mask__text h2.mask__text__title , .mask__backgroundimageteaser .t-header-text-center h2 , .t-icon-2-col-box h2 , .mask .mask__text__description h1.text-center,
.t3-icon-vertical .t-content-row > div h2 , .frame-type-news_newsliststicky .news .news-list-view .article h3 , .t3-samll-icon-horizontal .t-content-row h2,
.t-contact-boxes .t-content .t-title h2
{
    color: #000000;
    margin-bottom: 30px !important;
    font-size: 64px;
    font-weight: 700;
    font-family: "Mulish", sans-serif;
}
.t-contact-boxes .t-content {
    text-align: center;
}
 .mask__backgroundimageteaser .t-header-text-center h2{
    padding-bottom: 80px;
    margin-bottom: 0;
 }
 .mask__backgroundimageteaser .t-header-text-center{
    margin: 0 auto;
 }
 .mask.mask__backgroundimageteaser .row {
    margin: 0;
    justify-content: center;
}
.mask.mask__backgroundimageteaser .t-responsive-images {
    width: 100%;
}

.mask.mask__text .mask__text__description p , .t-icon-2-col-box .container .row p , .t3-icon-vertical .t-content-row > div p , .frame-type-news_newsliststicky .news .news-list-view .article .t-title-description .description p , 
 .t3-samll-icon-horizontal .t-content-row div > p , .t-contact-boxes .t-content .t-description p
{
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 30px;
    letter-spacing: 0;
}

.mask.mask__text .mask__text__description p:last-child , .t-icon-2-col-box .container .row p:last-child , .t3-icon-vertical .t-content-row > div p:last-child , .t3-samll-icon-horizontal .t-content-row div > p , .t-contact-boxes .t-content .t-description p {
    margin-bottom: 0 !important;
}

/* .mask.mask__text {
    padding: 80px 0px;
} */
.mask__text .row {
    margin: 0;
}
/* text title css end  */

/* two column css start  */
.t-2-col-container .mask.mask__text {
    padding: 0;
}
.t-2-col-container .mask.mask__image , .mask__image{
    margin: 0 !important;
}

.t-2-col-container {
    align-items: center;
    column-gap: 100px;
    flex-wrap: nowrap;
}

.t-2-col-container .col__right , .t-2-col-container .col__left{
    flex: 1;
}
.t-label-subheader {
    font-weight: 600;
    font-size: 16px;
    padding: 6px 10px;
    display: inline-flex;
    background: #69F5AE;
    font-family: 'Work Sans';
    margin-bottom: 30px;
}
.t-3-col-container {
    margin-bottom: 40px;
}
.t-3-col-container:last-child{
    margin-bottom: 0;
}
.t-2-col-container .col__left, .t-2-col-container .col__right  , .t-3-col-container .col__left , .t-3-col-container .col__right , .t-3-col-container .col__center{
    margin-bottom: 0;
}
.t-2-col-container .mask.mask__text .mask__text__title {
    font-size: 40px;
    flex: 100%;
}
.t-2-col-container .mask.mask__text .mask__text__description p{
    line-height: 40px;
}
.t-block-container{
    padding: 80px 0px;
}
.t-background-color-2{
    background: #F9F9F9;
}
.t-2-col-container .mask .container {
    padding: 0;
}
/* two column css end  */

/* three column css start  */

.t-3-col-container .mask.mask__image.container-fluid {
    margin: 0;
}
.t-3-col-container .mask.mask__text .mask__text__description p .t-arrow-link ,  .frame-type-news_newsliststicky .t-title-description p a {
    position: absolute;
    bottom: 32px;
}
 .frame-type-news_newsliststicky .t-title-description p a{
    margin: 0;
 }

.t-3-col-container .mask.mask__text.container-fluid ,
.t-3-col-container .mask.mask__text.container-fluid .container
{
    padding-top: 0;
    padding-bottom: 0;
}
.t-3-col-container .mask.mask__text h1.mask__text__title, .t-3-col-container .mask.mask__text h2.mask__text__title, .frame-type-news_newsliststicky .news .news-list-view .article h3{
    font-size: 20px;
    margin-bottom: 16px !important;
}
.t-3-col-container .mask.mask__text h2.mask__text__title{
    margin-bottom: 0 !important;
}
.t-3-col-container .mask.mask__text .mask__text__description p{
    margin-top: 16px;
}

.t-3-col-container  .mask.mask__text .mask__text__description p , .frame-type-news_newsliststicky .news .news-list-view .article .t-title-description .description p {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    word-break: break-word;
}
.t-3-col-container .mask.mask__image.container-fluid ,
.frame-type-news_newsliststicky .t-image-date
{
    position: relative;
}
/* .t-label-name {
    position: absolute;
    bottom: -1px;
    background: linear-gradient(80deg, #604696 47.47%, #66B2E4 100.68%);
    padding: 12px;
    text-align: center;
    width: calc(100% - 70px);
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    display: flex !important;
    justify-content: center;
} */
.t-label-name {
    position: absolute;
    bottom: -1px;
    background: linear-gradient(80deg, #604696 47.47%, #66B2E4 100.68%);
    padding: 12px;
    text-align: start;
    width: calc(100% - 70px);
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    display: flex !important;
    justify-content: flex-start;
    padding-left: 30px;
}
.t-3-col-container .mask.mask__text.container-fluid .row , .frame-type-news_newsliststicky .t-title-description{
    background: #fff;
    padding: 30px 20px 62px 20px;
    position: relative;
    display: block;
    height: 100%;
}
.t-box-without-link .mask.mask__text.container-fluid .container .row {
    padding: 30px 20px;
}
 .frame-type-news_newsliststicky .t-title-description{
    border: 1px solid #66B2E4;
 }
.t-3-col-container .container {
    padding: 0;
}
.t-3-col-container , .frame-type-news_newsliststicky .news-list-view.insights-layout.row{
    gap: 15px;
    flex-wrap: nowrap;
}
.frame-type-news_newsliststicky .news-list-view.insights-layout.row > div {
    padding: 0;
}
a.t-arrow-link , .frame-type-news_newsliststicky .t-title-description p a{
    color: #66B2E4;
    font-weight: 800;
    font-size: 18px;
    position: relative;
    padding-left: 20px;
}
a.t-arrow-link:before , .frame-type-news_newsliststicky .t-title-description p a::before {
    content: '';
    position: absolute;
    left: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.76837e-07 14.5L4.02131 7.5L-7.47082e-07 0.500001L3.97868 0.5L8 7.5L3.97869 14.5L4.76837e-07 14.5Z' fill='%2366B2E4'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    background-size: 8px;
    width: 10px;
    height: 14px;
}
.t-3-col-container .col__left, .t-3-col-container .col__right, .t-3-col-container .col__center{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.t-3-col-container .mask.mask__text.container-fluid{
    height: 100%;
    display: flex;
}
.t-3-col-container .mask__text__description {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}
/* three column css end  */


/* opinion css start  */
.t3-samll-icon-horizontal{
    padding: 0;
}
.t3-samll-icon-horizontal .opinionsItemContainer {
    background: transparent;
    padding: 0;
    height: auto;
    display: flex;
    align-items: center;
    gap: 16px;
}
.t3-samll-icon-horizontal .row {
    gap: 20px;
    flex-wrap: nowrap;
    margin: 0;
}
.t3-samll-icon-horizontal .opinion-body-wrapper{
    flex: 1;
}
.t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer , .t3-samll-icon-horizontal .opinion-body-wrapper{
  padding: 0;
}
.t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .imageContainer {
    max-width: 170px;
    min-width: 170px;
}
.t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .imageContainer img{
    width: 100% !important;
}
.t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .opinionsNameContainer{
    margin-bottom: 8px;
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    word-break: break-word;
}
.t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .opinionsQuoteContainer span {
    font-size: 20px;
}
.t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .opinionsQuoteContainer div.quote p {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0;
    color: #212529;
    line-height: 1.333;
    display: inline;
}
/* opinion css end  */

/* logo section css start  */

.custom-grid {
    display: flex;
    flex-wrap: wrap; 
    gap: 12px;
    max-width: 1660px;
    padding: 0 15px;
    margin: 0 auto;
    min-width: 0; 
}

.grid-item {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    min-width: 0;  
    flex: 1 1 0;       
}

.grid-item:first-child { flex: inherit; }  
.grid-item:nth-child(2) { flex: inherit; } 
.grid-item:last-child  { flex: inherit; }

.grid-item-title {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding-bottom: 8px;
    margin-bottom: 42px;
}

.grid-img-block {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    min-width: 0;
    justify-content: flex-start;
}

.gird-img {
    flex: 1 1 188px;  
    max-width: 188px;
    aspect-ratio: 190 / 130;
    background: #F2F2F2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.gird-img img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* logo section css end  */

.main__breadcrumb {
    background: #f9f9f9;
    padding-top: 80px;
    padding-bottom: 15px;
}
.t-inner-width-container .container , .teaser-element-layout-default .container , .main__breadcrumb .container , .banner .container{
    max-width: 1410px;
}
.main__breadcrumb ol.nav__breadcrumb__menu.breadcrumb {
    margin: 0;
}
.main__breadcrumb ol.nav__breadcrumb__menu.breadcrumb li.nav__breadcrumb__item.breadcrumb-item {
    padding: 0;
}
.main__breadcrumb ol.nav__breadcrumb__menu.breadcrumb li.nav__breadcrumb__item.breadcrumb-item a.nav__breadcrumb__link ,
.main__breadcrumb ol.nav__breadcrumb__menu.breadcrumb li.nav__breadcrumb__item.breadcrumb-item
{
    font-size: 14px;
    color: #979797;
    font-weight: 700;
}
.main__breadcrumb ol.nav__breadcrumb__menu.breadcrumb li.nav__breadcrumb__item.breadcrumb-item .nav__breadcrumb__divider {
    color: #979797;
    margin: 0px 8px !important;
    font-size: 0;
    position: relative;
}
.main__breadcrumb ol.nav__breadcrumb__menu.breadcrumb li.nav__breadcrumb__item.breadcrumb-item .nav__breadcrumb__divider:before {
    content: '/';
    font-size: 15px;
}
.banner .content .row {
    margin: 0;
    justify-content: center;
}

.banner .content .row > div {
    max-width: 100% !important;
    flex: 100%;
    text-align: center;
    padding: 0;
}
/* form css start  */
.tx-powermail .container-fluid {
    padding: 0;
    margin: 0;
}
.tx-powermail fieldset.powermail_fieldset.nolabel .row , .tx-powermail .powermail_fieldwrap_type_input{
    margin: 0;
}
.tx-powermail .powermail_fieldwrap_type_input label , .tx-powermail .powermail_fieldwrap_type_textarea label ,
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzhinweis.nolabel ,
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_formularabesenden

{
    padding: 0;
    margin: 0;
}
.tx-powermail .powermail_fieldwrap_type_input label ~ div , .tx-powermail .powermail_fieldwrap_type_textarea label ~ div ,
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzhinweis.nolabel ~ div
{
    padding: 0;
}
.tx-powermail .powermail_fieldwrap_type_input label ~ div input{
    height: 60px;
}
.tx-powermail .powermail_fieldwrap_type_input label ~ div input , .tx-powermail .powermail_fieldwrap_type_textarea label ~ div textarea{
 
    background: #F4F4F4;
    border: none;
    padding: 20px 24px;
    
}
.tx-powermail .powermail_fieldwrap_type_input , .tx-powermail .powermail_fieldwrap_type_textarea{
    padding: 0;
}
.tx-powermail .powermail_fieldwrap_type_input label , .tx-powermail .powermail_fieldwrap_type_textarea label{
   font-weight: 800;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.tx-powermail .powermail_fieldwrap_type_input label ~ div textarea{
    padding: 20px 24px;
    background: #F4F4F4;
    border: none;
}
.tx-powermail fieldset.powermail_fieldset.nolabel {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 20px;
}
.tx-powermail fieldset.powermail_fieldset.nolabel .t-col-50 {
    width: calc(50% - 10px);
}
.tx-powermail fieldset.powermail_fieldset.nolabel .t-col-100{
    width: 100%;
}
.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dateiauswaehlen.form-group.col-md-12 input {
    display: none;
}
.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dateiauswaehlen label {
    padding: 8px 40px 8px 10px;
    background: #F2F2F2;
    color: #000;
    font-weight: 700;
    font-size: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12L3 7L4.4 5.55L7 8.15V0H9V8.15L11.6 5.55L13 7L8 12ZM2 16C1.45 16 0.979167 15.8042 0.5875 15.4125C0.195833 15.0208 0 14.55 0 14V11H2V14H14V11H16V14C16 14.55 15.8042 15.0208 15.4125 15.4125C15.0208 15.8042 14.55 16 14 16H2Z' fill='%231C1B1F'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 12px center;
    cursor: pointer;
    max-width: 218px;
    margin: 0;
}
.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dateiauswaehlen.form-group {
    padding: 0;
    margin: 0;
}

.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dateiauswaehlen {
    display: flex;
    align-items: center;
}
.powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dateiauswaehlen span{
    font-family: 'Work Sans';
    font-size: 18px;
    font-weight: 400;
}
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzhinweis.nolabel.form-group.col-md-12 .col-12 ,
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_formularabesenden.form-group.col-md-12 .col-12
{
    padding: 0;
}
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzhinweis.nolabel label {
    font-size: 18px;
    font-family: 'Work Sans';
    font-weight: 400;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 8px;
}
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzhinweis.nolabel label a{
    color: #000000;
    text-decoration: underline;
}
.powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzhinweis.nolabel label input{
    margin-right: 0;
}
.powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_formularabesenden {
    text-align: end;
    margin-top: 30px;
}
.tx-powermail .powermail_fieldwrap_type_textarea label ~ div textarea {
    min-height: 230px;
    resize: none;
}
.frame.frame-default.frame-type-powermail_pi1.frame-layout-0 {
    padding: 0;
}
/* form css end  */
.t-background-color-3{
    background: #69F5AE;
}
.t-green-background-image{
    position: relative;
    overflow: hidden;
}
.t-green-background-image .bg {
    width: 33%;
    height: 88%;
    background-size: contain;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
    bottom: 0;
    background-position: bottom;
}
.t-green-background-image .row {
    max-width: 900px;
}
.t-green-background-image .mask.mask__text h2.mask__text__title {
    font-size: 52px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.mask__backgroundimageteaser .container {
    max-width: 100%;
}
.mask__backgroundimageteaser .container .t-responsive-images img {
    width: 100%;
}
.mask__backgroundimageteaser img.t-tablet-image , .mask__backgroundimageteaser img.t-mobile-image{
    display: none;
}

/* banner poster css start  */
.teaser-element-layout-default {
    margin-bottom: 0;
}
.teaser-element-layout-default .teaserImage {
    height: 540px;
}
.teaser-element-layout-default .teaserImage .teaserContent .h2 {
    margin: 0;
    padding-bottom: 20px;
    color: #fff;
    font-size: 64px !important;
    font-weight: 700;
}
.teaser-element-layout-default .teaserImage .teaserContent .teaserText{
    max-width: 100%;
}
.teaser-element-layout-default .teaserImage .teaserContent .teaserText p {
    color: #fff;
    font-family: 'Work Sans';
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 0;
}
/* banner poster css end  */

 /* our value css start  */
 .t3-icon-vertical.opinionsContainer{
    padding-top: 0;
 }
 .t3-icon-vertical .opinion-body-wrapper , .t3-samll-icon-horizontal .t-content-row > div , .t3-icon-vertical .t-content-row > div {
    padding: 0;
}
.t3-icon-vertical .t-content-row , .t3-samll-icon-horizontal .t-content-row {
    flex-direction: column;
    gap: 0 !important;
}

.t3-icon-vertical .opinion-body-wrapper , .aboutus .aboutusItem{
    flex: 1;
 }
.t3-icon-vertical .row , .aboutus .row {
    margin: 0;
    column-gap: 30px;
    flex-wrap: nowrap;
    row-gap: 40px;
}
.t3-icon-vertical .opinionsItemContainer {
    padding-bottom: 0;
    background: linear-gradient(180deg, #ffffff 20%, #F9F9F9 20%);
}
.t3-icon-vertical .opinionsItemContainer .opinion-content {
    padding: 40px 20px 70px 20px;
    text-align: center;
}
.t3-icon-vertical .opinionsItemContainer .opinion-content .opinionsNameContainer {
    padding-bottom: 24px;
    font-size: 26px;
    font-family: "Mulish", sans-serif;
    color: #000000;
    font-weight: 700;
}
.t3-icon-vertical .opinionsItemContainer .opinion-content .opinionsQuoteContainer span {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    line-height: 100%;
}

.t3-icon-vertical .opinionsItemContainer .opinion-content .opinionsQuoteContainer div.quote p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    display: inline;
    line-height: 100%;
}

.t3-samll-icon-horizontal .opinionsItemContainer .opinion-content .opinionsQuoteContainer div.quote p a,
.t3-icon-vertical .opinionsItemContainer .opinion-content .opinionsQuoteContainer div.quote p a,
.t-icon-2-col-box .opinionsItemContainer .opinion-content .opinionsQuoteContainer div.quote p a {
    color: #66B2E4;
}

 /* our value css end  */

 /* about section start  */
.aboutus .aboutusItem {
    padding: 65px 26px !important;
    background: #fff;
}
.aboutus .aboutusItem .aboutusHeadline span {
    background: linear-gradient(90deg, #604696 0%, #66B2E4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 90px;
    font-family: "Mulish", sans-serif;
    font-weight: 900;
}
.aboutus .aboutusItem .aboutusHeadline{
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
    padding-bottom: 24px;
}
.aboutus .aboutusItem h4.no-transform {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    font-family: "Mulish", sans-serif;
    padding-bottom: 24px;
    margin: 0;
}
.aboutus .aboutusItem p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
}
 /* about section end */

/* partner section css start  */
.frame-type-textpic .ce-gallery.ce-gallery-overlay {
    margin: 0 !important;
}
.frame-type-textpic {
    padding: 0 !important;
}
.frame-type-textpic .ce-gallery.ce-gallery-overlay .ce-column {
    padding: 66px 76px;
}
/* partner section css end  */

/* accordion css start  */
.accordion {
    background: transparent;
    padding: 0;
}
.accordion .elements > div{
    flex: 100%;
}
.accordion .elements{
    flex-wrap: wrap;
}
.accordion .elements .element {
    padding: 20px 44px 20px 20px;
    border: 1px solid #66B2E4;
    margin-bottom: 30px;
}
.accordion .elements .element p.h {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
}
.accordion .elements .element p.h strong{
    letter-spacing: 0;
}
.accordion .elements .element .toggle:after{
    content: '';
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-3.49691e-07 0.5L7 4.52131L14 0.5L14 4.47869L7 8.5L-1.75777e-07 4.47869L-3.49691e-07 0.5Z' fill='%2366B2E4'/%3E%3C/svg%3E%0A");    background-size: 100%;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    display: block;
}
.accordion .elements .element .toggle {
    top: 26px;
    height: 15px;
}
.accordion .elements .element .toggle.open:after {
    content: '';
    transform: rotate(180deg);
}
.accordion .elements .element .c p {
    margin-bottom: 0;
    margin-top: 15px;
    font-size: 18px;
    color: #979797;
    font-weight: 600;
}
/* accordion css end  */

/* upskill banner css start  */

.banner .content h4 {
    padding-bottom: 30px;
    font-size: 64px;
    font-weight: 700;
    font-style: normal;
    font-family: "Mulish", sans-serif;
    margin: 0;
}
.banner .content h4 p {
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
}
.banner .content h4 p , .banner .content p{
    margin-bottom: 0;
}
.banner .content a.btn.btn-primary:hover {
    text-decoration: underline;
}
.banner .container {
    padding: 0;
}
/* upskill banner css end  */


/* quote text css start  */
.t-quote-text .content h4 {
    padding: 0 !important;
    font-style: italic;
    font-size: 56px;
}
/* quote text css end  */

/* our offer css start  */
.t-icon-2-col-box {
    padding: 0;
}
.t-icon-2-col-box .container .row .opinion-body-wrapper {
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
}
.t-icon-2-col-box .container .row {
    row-gap: 30px;
    column-gap: 24px;
}
.t-icon-2-col-box .opinionsItemContainer {
    background: #fff;
    padding: 48px 26px;
}
.t-icon-2-col-box .opinionsItemContainer .imageContainer {
    justify-content: flex-start !important;
    padding-bottom: 24px;
    width: 142px;
}
.t-icon-2-col-box .opinionsItemContainer .opinionsNameContainer {
    font-family: "Mulish", sans-serif;
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 24px;
    line-height: normal;
}
.t-icon-2-col-box .opinionsItemContainer .opinionsQuoteContainer span {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.t-icon-2-col-box .opinionsItemContainer .opinionsQuoteContainer div.quote p {
    font-size: 18px;
    font-weight: 600;
    color: #212529;
    line-height: 26px;
    display: inline;
}
.t-icon-2-col-box .container .t-content-row {
    gap: 0;
}
/* our offer css end  */

/* quote slider css start  */
.quoteContainer  .slick-slider .slick-prev:before, .slider.full .slick-prev:before{
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='46' viewBox='0 0 26 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5142 0.795898L12.6899 22.9999L25.5142 45.2039H12.8243L0 22.9972L12.8243 0.795898H25.5142Z' fill='white'/%3E%3C/svg%3E%0A");
}
.quoteContainer  .slick-slider .slick-next:before, .slider.full .slick-next:before{
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='46' viewBox='0 0 26 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-0.000505447 45.2041L12.8238 23.0001L-0.000501565 0.796056L12.6894 0.796058L25.5137 23.0028L12.6894 45.2041L-0.000505447 45.2041Z' fill='white'/%3E%3C/svg%3E%0A");
}
.quoteContainer .slick-slider .slick-next:before , .quoteContainer .slick-slider .slick-prev:before, .slider.full .slick-next:before , .slider.full .slick-prev:before{
    height: 50px;
}

.slider.full .slick-prev {
    left: 40px;
    z-index: 2;
}

.slider.full .slick-next {
    right: 40px;
    z-index: 2;
}

.slider.full .slick-prev,
.slider.full .slick-next {
    top: 50%;
    transform: translateY(-50%);
}

.quoteContainer ul.slick-dots {
    display: none !important;
}
.quoteContainer .row {
    margin: 0;
    justify-content: space-between;
}
.quoteContainer .row > div {
    padding: 0;
}
.quoteContainer .row .quoteHeadline {
    color: #fff;
    font-size: 34px;
    line-height: 40px;
    font-family: "Mulish", sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
}
.quoteContainer .row .name {
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    font-family: "Mulish", sans-serif;
    font-weight: 900;
    margin-bottom: 10px;
}
.quoteContainer .row .text-small {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}
/* quote slider css end  */

a.t-arrow-link, .frame-type-news_newsliststicky .t-title-description p a {
    position: absolute;
}
/* footer css start  */
footer {
    background-color: #66B2E4;
}

.footerItems a {
    text-decoration: underline;
    margin: 0 !important;
}

.footerItems {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.footerItems.py-4 {
    justify-content: end;
}
/* footer css end  */

.news .news-list-view .article .article-inner img {
    height: auto;
}

.teaser-element-layout-default .teaserContent .container * {
    max-width: 1021px;
}

.quoteContainer {
    margin-bottom: 0;
}
body .t-3-col-container .mask.mask__text h1.mask__text__title{
    margin-bottom: 0 !important;
}

.t-header-center {
    justify-content: center;
}

.t-contact-boxes .t-boxes {
    display: grid;
    grid-template-columns: repeat(3 , 1fr);
    align-items: center;
    gap: 14px;
    margin-top: 60px;
    flex-wrap: wrap;
}
.t-contact-boxes .t-boxes .t-boxes-item {
    padding: 60px;
    background: #fff;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}
.t-contact-boxes .t-boxes .t-boxes-item span.t-box-title {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #000000;
    font-family: 'Work Sans';
    margin-bottom: 20px;
    display: inline-block;
}

.t-contact-boxes .t-boxes .t-boxes-item p {
    line-height: 60px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 24px;
    font-family: 'Work Sans';
    flex: 1;
}
.t-contact-boxes .t-boxes .t-boxes-item a {
    display: inline-block;
}

.two-col-row {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
}

.two-col-row .banner {
    width: 80%;
}

.two-col-row .right-content {
    width: 20%;
    display: flex;
    align-items: center;
    border: 1px solid #66B2E4;
    border-left: 0;
}

#lang .list-inline {
    display: none;
}

.navbar #lang:after {
    background-image: none;
}

#langMobile {
    display: none;
}

/* media query start  */
@media (min-width: 1200px) and (max-width: 1760px){
    .content .slider.full .slick-slide .content , .content .full.slick-slider .slick-dots{
        padding-left: 110px;
    }
}
@media (min-width: 1200px) {
    #content {
        padding-top: 100px;
    }
}
@media(max-width:1366px){
  .grid-item-title{
    font-size: 16px;
  }
  .t-green-background-image .row {
    /* padding-right: 480px; */
    max-width: 780px;
}
.t-green-background-image .mask.mask__text h2.mask__text__title {
    font-size: 44px;
}
}
@media(max-width:1200px){
    #content {
        padding-top: 60px;
    }
    .navbar {
        background: #fff;
        height: 60px !important;
        top: 0;
    }
    .content .slider.full .slick-slide .content .text p {
        font-size: 26px;
        line-height: 32px;
    }
    .content .slider.full .slick-slide .content .text .h3-dt{
        font-size: 26px;
    }
    .content .slider.full .slick-slide .content .text .h1-dt{
        font-size: 50px;
    }
    .content .slider.full .slick-slide .content .text p{
        font-size: 26px;
    }
    .content .full .slick-slider .slick-dots{
        bottom: 40px;
    }
    .navbar #cittlogo img , .navbar.scolledNav #cittlogo img{
        max-width: 140px;
        width: 100%;
    }
    .mask.mask__text h1.mask__text__title , .mask.mask__text h2.mask__text__title ,  .mask__backgroundimageteaser .t-header-text-center h2 , .t-icon-2-col-box h2 , .mask .mask__text__description h1.text-center ,
    .t3-icon-vertical .t-content-row > div h2 , .t3-samll-icon-horizontal .t-content-row h2 ,
    .t-contact-boxes .t-content .t-title h2
    {
        font-size: 44px;
        margin-bottom: 20px !important;
    }
    .mask.mask__text .mask__text__description p , .t-icon-2-col-box .container .row p , .t3-icon-vertical .t-content-row > div p , .t3-samll-icon-horizontal .t-content-row div > p , .t-contact-boxes .t-content .t-description p{
        font-size: 20px;
        line-height: 30px;
    }
    .content .full.slick-slider .slick-dots{
        bottom: 50px;
    }
    .t-3-col-container .mask.mask__text.container-fluid .row {
        padding: 18px 18px 36px;
    }
    .t-box-without-link .mask.mask__text.container-fluid .container .row {
        padding: 18px;
    }
    .t-3-col-container .mask.mask__text .mask__text__description p .t-arrow-link ,  .frame-type-news_newsliststicky .t-title-description p a {
        bottom: 18px;
    }
    .t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .imageContainer {
        max-width: 110px;
        min-width: 110px;
    }
    .t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .opinionsNameContainer{
        font-size: 18px;
    }
    .t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .opinionsQuoteContainer span{
        font-size: 16px;
        line-height: 22px !important;
        display: block;
    }
    .t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .opinionsQuoteContainer div.quote p {
        font-size: 16px;
        line-height: 22px;
        font-weight: 400;
        display: block;
    }
    .t3-samll-icon-horizontal .row{
        flex-wrap: wrap;
        gap: 10px;
    }
    .t-green-background-image .mask.mask__text h2.mask__text__title{
        font-size: 44px;
        margin-bottom: 20px !important;
    }
    .t-green-background-image .bg{
        width: 33%;
    }
    .teaser-element-layout-default .teaserImage .teaserContent .h2{
        font-size: 54px !important;
        line-height: 60px;
    }
    .teaser-element-layout-default .teaserImage .teaserContent .teaserText p{
        font-size: 24px;
    }
    .teaser-element-layout-default .teaserImage {
        height: 320px;
    }
    .aboutus .aboutusItem .aboutusHeadline span{
        font-size: 60px;
    }
    .banner .content h4{
        font-size: 48px;
    }
    .banner .content h4 p {
        color: #fff;
        font-size: 20px;
        font-weight: 400;
        line-height: 34px;
    }
    .banner .content h4{
        padding-bottom: 20px;
    }
      .quoteContainer ul.slick-dots {
        display: block !important;
    }
    .quoteContainer .slick-dots li , .quoteContainer .slick-dots li button , .quoteContainer .slick-dots li button::before
    {
        height: 5px !important;
    }
    .quoteContainer .slick-dots li button::before{
        border-radius: 0 !important;
    }
    .quoteContainer .slick-dots li.slick-active button::before{
        background: #000 !important;
        opacity: 1;
    }
    .quoteContainer .slick-dots li , .quoteContainer .slick-dots li button , .quoteContainer .slick-dots li button::before {
        width: 30px !important;
    }
    .t-contact-boxes .t-boxes .t-boxes-item{
        padding: 40px;
    }
}
@media(max-width:1024px){
    .content .full.slick-slider .slick-dots{
        bottom: 40px;
    }
    .content .slider.full .slick-slide .content .text .h3-dt{
        font-size: 20px;
    }
    .content .slider.full .slick-slide .content .text .h1-dt {
        font-size: 40px;
    }
    .content .slider.full .slick-slide .content .text p {
        font-size: 20px;
    }
    .green-button-link{
        font-size: 18px;
    }
    .content .full.slick-slider .slick-dots li, .content .full.slick-slider .slick-dots li button, .content .full.slick-slider .slick-dots li button:before    {
        width: 30px !important;
    }
    .mask.mask__text h1.mask__text__title  , .t-icon-2-col-box h2{
        font-size: 30px;
    }
    .t-2-col-container .mask.mask__text .mask__text__title {
        font-size: 24px;
        margin-bottom: 16px !important;
    }
    .t-2-col-container .mask.mask__text .mask__text__description p {
        line-height: 24px;
        font-size: 18px;
        margin-bottom: 16px;
    }
    .t-label-subheader{
        margin-bottom: 16px;
        font-size: 14px;
        padding: 5px 10px;
    }
     .t-label-name{
        font-size: 16px;
    }
    .t-3-col-container .mask.mask__text .mask__text__description p , .frame-type-news_newsliststicky .news .news-list-view .article .t-title-description .description p{
        font-size: 16px;
        line-height: 22px;
    }
    .t-3-col-container .mask.mask__text.container-fluid .container {
        padding: 0;
    }
     .custom-grid{
        flex-wrap: wrap;
        flex-direction: column;
        gap: 30px;
        padding: 0;
     }
     .grid-img-block{
        flex-wrap: wrap;
     }
     .gird-img{
        flex: calc(50% - 14px);
     }
       .grid-item-title{
        font-size: 16px;
        margin-bottom: 15px;
    }
    .t3-samll-icon-horizontal .row{
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 40px;
    }
    .t3-samll-icon-horizontal .opinion-body-wrapper .opinionsItemContainer .imageContainer {
        max-width: 170px;
        min-width: 170px;
    }
    .t3-samll-icon-horizontal .opinion-body-wrapper {
        flex: 100%;
        max-width: 100%;
    }
    .mask__backgroundimageteaser .t-header-text-center h2{
        font-size: 30px;
    }
    .t-green-background-image .bg{
        background-image: none !important;
    }
    .t-green-background-image .row{
        max-width: 100%;
    }
    .t-green-background-image .mask.mask__text h2.mask__text__title , .mask.mask__text h2.mask__text__title{
        font-size: 30px;
    }
    .t-block-container {
        padding: 60px 0px;
    }
   
    .mask__backgroundimageteaser .container .t-responsive-images img.t-desktop-image {
        display: none;
    }
    .mask__backgroundimageteaser .container .t-responsive-images img.t-tablet-image{
        display: block;
    }
    .teaser-element-layout-default .teaserImage .teaserContent .h2 {
        font-size: 40px !important;
        line-height: 44px;
        padding-bottom: 10px;
    }
    .teaser-element-layout-default .teaserImage .teaserContent .teaserText p {
        font-size: 18px;
    }
    .main__breadcrumb {
        padding-top: 60px;
    }
    .t3-icon-vertical .row , .aboutus .row {
        column-gap: 15px;
        flex-wrap: wrap;
    }
   .t3-icon-vertical .opinionsItemContainer .imageContainer img {
        width: 150px;
    }
    .t3-icon-vertical .opinionsItemContainer .opinion-content {
        padding: 25px 20px;
    }
    .frame-type-textpic .ce-gallery.ce-gallery-overlay .ce-column {
        padding: 46px 56px;
    }
    .t-quote-text .content h4{
        font-size: 36px !important;
    }
    .t-icon-2-col-box .opinionsItemContainer .opinionsNameContainer {
        font-size: 24px;
        padding-bottom: 15px;
    }
    .t-icon-2-col-box .opinionsItemContainer {
        padding: 26px;
    }
    .t-icon-2-col-box .opinionsItemContainer .imageContainer {
        width: 110px;
    }
    .quoteContainer .row .quoteHeadline {
        font-size: 26px;
        line-height: 34px;
        padding: 0 !important;
    }
    .quoteContainer .row .name {
        font-size: 18px;
        line-height: 24px;
    }
    .t-2-col-container {
        column-gap: 40px;
    }
    .t-contact-boxes .t-boxes .t-boxes-item span.t-box-title{
        font-size: 24px;
    }
    .t-contact-boxes .t-boxes .t-boxes-item p{
        font-size: 20px;
        line-height: 46px;
    }
        
}

@media (max-width: 991px) {
    .grid-item {
        flex-basis: 100% !important;
    }

    .grid-img {
        width: 100%; /* Full width on mobile */
    }
    .t3-samll-icon-horizontal .row{
        grid-template-columns: 1fr ;
    }
    .t3-icon-vertical .row , .aboutus .row{
        flex-direction: column;
    }
    .accordion .elements .element p.h{
        font-size: 18px;
    }
    .accordion .elements .element{
        margin-bottom: 20px;
    }
    .accordion .elements .element .c p{
        font-size: 16px;
    }
    .banner .content h4 {
        font-size: 38px;
    }
    .banner .content h4 p {
        font-size: 18px;
        line-height: 30px;
    }
    .t-icon-2-col-box .container .row {
        row-gap: 15px;
        column-gap: 15px;
    }
    .quoteContainer .imageContainer{
        padding: 0;
        width: 160px;
    }
    .t-contact-boxes .t-boxes{
        grid-template-columns: repeat(2 , 1fr);
    }
}

@media(max-width:767px){
    .two-col-row .banner {
        width: 100%;
    }

    .two-col-row .right-content {
        width: 100%;
        text-align: center;
        border: none;
        justify-content: center;
    }

    .content .slider.full .slick-slide .content{
        position: inherit;
        transform: none;
        top: 0;
        padding: 0;
        padding-top: 20px;
    }
    .content .slider.full .slick-slide .content .text .h3-dt , 
    .content .slider.full .slick-slide .content .text .h1-dt ,
     .content .slider.full .slick-slide .content .text p{
          margin-bottom: 14px;
     }
    .content .slider.full .slick-slide .content .text .h3-dt {
        font-size: 18px;
        font-weight: 400;
    }
    .content .slider.full .slick-slide .content .text .h1-dt {
        font-size: 26px;
        color: #000000;
        line-height: 30px;
    }
    .content .slider.full .slick-slide .content .text p {
        color: #000;
        font-size: 18px;
        line-height: 24px;
    }
    .content .slider.full .slick-slide .content .text p a {
        padding: 16px 30px;
        font-size: 14px;
        font-weight: 600;
    }
    .content .slick-slider.full .slick-dots {
        bottom: 20px;
        padding-left: 0;
    }
    .content .slick-slider.full .slick-dots li button:before {
        background-color: #000000;
    }
    .content .slick-slider.full .slick-dots .slick-active button:before {
        background-color: #00000033;
    }
    .content .slick-slider.full .slick-dots li , .content .slick-slider .slick-dots li button , .content .full.slick-slider .slick-dots li button{
            width: 34px;
    }
    .content .slider.full .slick-slide .bg img, .content .slider.full .slick-slide .bg, .content .slider.full .slick-slide, .content .slider.full .slick-track {
        min-height: 100%;
    }
    .navbar .logo-left-side #cittlogo img {
        margin-left: 0;
        width: 140px;
        max-width: 140px !important;
    }
    .content .slider.full .slick-slide .bg img {
        max-height: 400px;
        object-position: top;
    }
    .content .full.slick-slider .slick-dots{
        gap: 7px;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 0;
        padding-bottom: 50px;
    }
    .mask.mask__text h1.mask__text__title , .mask.mask__text h2.mask__text__title , .mask__backgroundimageteaser .t-header-text-center h2 , .t-icon-2-col-box h2 , .mask .mask__text__description h1.text-center ,
    .t3-icon-vertical .t-content-row > div h2 , .t3-samll-icon-horizontal .t-content-row h2 , .t-contact-boxes .t-content .t-title h2
    {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 16px !important;
    }
    .mask.mask__text .mask__text__description p , .t-icon-2-col-box .container .row p , .t3-icon-vertical .t-content-row > div p , .t3-samll-icon-horizontal .t-content-row div > p , .t-contact-boxes .t-content .t-description p{
        font-size: 18px;
        line-height: 24px;
    }
    .t-block-container{
        padding: 40px 0px;
    }
    .t-2-col-container .col__left {
        margin-bottom: 0px;
    }
    .green-button-link{
        font-size: 14px;
        padding: 16px 32px;
    }
    .content .full.slick-slider .slick-dots li, .content .full.slick-slider .slick-dots li button, .content .full.slick-slider .slick-dots li button:before    {
        height: 5px !important;
    }
    .t-3-col-container .mask .container {
        padding: 0;
    }
    .t-3-col-container , .frame-type-news_newsliststicky .news-list-view.insights-layout.row{
        gap: 20px;
    }
    
    .t-3-col-container .mask.mask__text.container-fluid .row {
        padding: 30px 20px 62px 20px;
    }
    .t-box-without-link .mask.mask__text.container-fluid .container .row {
        padding: 32px;
    }
    .t-3-col-container .mask.mask__text .mask__text__description p .t-arrow-link ,  .frame-type-news_newsliststicky .t-title-description p a {
        bottom: 32px;
    }
    .t-3-col-container .mask.mask__text h1.mask__text__title, .t-3-col-container .mask.mask__text h2.mask__text__title {
        line-height: 26px;
    }
    /* .t-label-name {
        font-size: 22px;
        padding: 10px;
        width: calc(100% - 20px);
    } */
    .t-label-name {
        font-size: 22px;
        padding: 10px;
        width: calc(100% - 20px);
        padding-left: 30px;
    }
    .t-3-col-container .mask.mask__text .mask__text__description p , .frame-type-news_newsliststicky .news .news-list-view .article .t-title-description .description p{
        margin-bottom: 20px;
    }
   .t-3-col-container , .frame-type-news_newsliststicky .news-list-view.insights-layout.row{
        flex-wrap: wrap;
    }
    .mask.mask__text {
        padding: 0;
    }
    .footerItems.py-4{
        padding-top: 0 !important;
    }
    footer .footerItems a{
        color: #F2F2F2;
    }
    footer .footerItems {
        row-gap: 15px;
    }
    .t-3-col-container .col__left, .t-3-col-container .col__right, .t-3-col-container .col__center{
        flex: 100%;
    }
    .t-order-1{
        order: 1;
    }
    .t-order-2{
        order: 2;
    }
    .t-2-col-container{
        gap: 30px;
    }
    .mask__backgroundimageteaser .t-header-text-center h2{
        padding-bottom: 40px;
    }
    .t-green-background-image .mask.mask__text h2.mask__text__title {
        font-size: 26px;
    }
    a.t-button-white-square, a.white-button-link {
        font-size: 14px;
        padding: 6px 20px;
    }
    .tx-powermail fieldset.powermail_fieldset.nolabel .t-col-50 {
        width: 100%;
    }
    
    .tx-powermail .powermail_fieldwrap_type_input label ~ div input {
        height: 55px;
    }
    .powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dateiauswaehlen span{
        font-size: 16px;
    }
    .powermail_fieldwrap.powermail_fieldwrap_type_file.powermail_fieldwrap_dateiauswaehlen label{
        padding: 8px 30px 8px 10px;
        font-size: 14px;
    }
    .powermail_fieldwrap.powermail_fieldwrap_type_check.powermail_fieldwrap_datenschutzhinweis.nolabel label {
        font-size: 14px;
        display: flex;
        align-items: baseline;
    }
    .powermail_fieldwrap.powermail_fieldwrap_type_submit.powermail_fieldwrap_formularabesenden {
        text-align: start;
        margin-top: 0px;
    }
    .mask__backgroundimageteaser .container .t-responsive-images img.t-tablet-image{
        display: none;
    }
    .mask__backgroundimageteaser .container .t-responsive-images img.t-mobile-image {
        display: block;
    }
    .teaser-element-layout-default .teaserContent .container-fluid {
        padding: 0;
    }
    .teaser-element-layout-default .teaserImage .teaserContent .h2 {
        font-size: 24px !important;
        line-height: 30px;
    }
    .teaser-element-layout-default .teaserImage .teaserContent .teaserText p {
        font-size: 14px;
    }
    .teaser-element-layout-default .teaserImage {
        height: 100%;
        min-height: 160px;
    }
    .main__breadcrumb .container-fluid , .aboutus {
        padding: 0;
    }
    .main__breadcrumb {
        padding-top: 40px;
    }
    .t3-icon-vertical {
        padding: 0;
    }
    .t3-icon-vertical .opinion-body-wrapper{
        flex: 100%;
    }
    .t3-icon-vertical .opinionsItemContainer .opinion-content .opinionsNameContainer{
        padding-bottom: 10px;
        font-size: 22px;
        line-height: 26px;
    }
    .aboutus .aboutusItem {
        padding: 35px 26px !important;
    }
    .aboutus .aboutusItem .aboutusHeadline span {
        font-size: 40px;
    }
    .aboutus .aboutusItem .aboutusHeadline , .aboutus .aboutusItem h4.no-transform {
        padding-bottom: 14px;
    }
    .aboutus .aboutusItem h4.no-transform {
        font-size: 24px;
    }
    .aboutus .aboutusItem p{
        font-size: 16px;
    }
    .aboutus .row {
        row-gap: 20px;
    }
    .frame-type-textpic .ce-gallery.ce-gallery-overlay .ce-column {
        padding: 36px;
    }
    .accordion .elements .element p.h {
        font-size: 16px;
    }
    .accordion .elements .element {
        padding: 15px 44px 15px 15px;
    }
    .accordion .elements .element .toggle {
        top: 16px;
    }
    .banner .content h4 {
        font-size: 30px;
    }
    .banner {
        padding: 40px 15px;
    }
    .t-quote-text .content h4 {
        font-size: 26px !important;
    }
    .t-icon-2-col-box .container .row .opinion-body-wrapper {
        flex: 100%;
        max-width: 100%;
    }
     .quoteContainer .row .quoteHeadline {
        font-size: 20px;
        line-height: 26px;
    }
    .quoteContainer .row .text-small {
        font-size: 16px;
    }
    .grid-img-block{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .gird-img{
        max-width: 100%;
    }
    .t-2-col-container{
        flex-wrap: wrap;
    }
    .t-2-col-container .col__right , .t-2-col-container .col__left{
        flex: 100%;
    }
    .t-contact-boxes .t-boxes{
        grid-template-columns: repeat(1 , 1fr);
        margin-top: 20px;
   }
    .t-contact-boxes .t-boxes .t-boxes-item {
        padding: 60px 10px 40px 10px;
    }
    .t-contact-boxes .t-boxes .t-boxes-item span.t-email, .t-contact-boxes .t-boxes .t-boxes-item span.t-phone, .t-contact-boxes .t-boxes .t-boxes-item span.t-timer{
        width: 38px;
        height: 38px;
        margin: 0 auto 20px auto;
    }
    .t-contact-boxes .t-boxes .t-boxes-item p{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .t-contact-boxes .t-boxes .t-boxes-item span.t-box-title{
        font-size: 32px;
    }

}

/* media query end  */