/* Fonts */
@font-face {
    font-family: 'GT Eesti Display Trial Regular';
    src: url('../fonts/gt-esti-display/regular/GTEestiDisplayTrial-Rg.eot');
    src: url('../fonts/gt-esti-display/regular/GTEestiDisplayTrial-Rg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gt-esti-display/regular/GTEestiDisplayTrial-Rg.woff2') format('woff2'),
        url('../fonts/gt-esti-display/regular/GTEestiDisplayTrial-Rg.woff') format('woff'),
        url('../fonts/gt-esti-display/regular/GTEestiDisplayTrial-Rg.ttf') format('truetype'),
        url('../fonts/gt-esti-display/regular/GTEestiDisplayTrial-Rg.svg#GTEestiDisplayTrial-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Casta Regular';
    src: url('../fonts/casta/regular/Casta-Regular.eot');
    src: url('../fonts/casta/regular/Casta-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/casta/regular/Casta-Regular.woff2') format('woff2'),
        url('../fonts/casta/regular/Casta-Regular.woff') format('woff'),
        url('../fonts/casta/regular/Casta-Regular.ttf') format('truetype'),
        url('../fonts/casta/regular/Casta-Regular.svg#Casta-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root{
    --colorJetBlack: #000000;
    --colorBlack: #191512;
    --colorBlack2: #080A03;
    --colorWhite: #ffffff;
    --colorYellow: #F4AC51;
    --colorLight: #FBFAF5;
    --colorLight2: #F2F1EB;
    --colorGrey: #707070;

    --gtEstiDisplayRegular:'GT Eesti Display Trial Regular';
    --castaRegular: 'Casta Regular';

}

.container{width: 73%; max-width: 1400px;padding: 0;}
p,h1,h2,h3,h4,h5,h6{margin: 0;}
*{outline: none;}
body{background-color: var(--colorLight);}
html,body{overflow-x: hidden;}

.header{position: absolute; top: 0; left: 0; right: 0;z-index: 2;}
.header-inner{border-bottom: 1px solid #70707016; padding: 1.25rem 0;}
.header-container{display: flex; justify-content: space-between; align-items: center;}
.nav-area{margin-left: auto; margin-right: 4rem;}
.menu-ul{display: flex; list-style: none; margin: 0; padding: 0; gap: 4rem;}
.menu-items{text-decoration: none; color: var(--colorBlack); font-size: calc(1rem + 1px); font-family: var(--castaRegular); transition: 0.5s;}
.has-dropdown{position:relative;}
.has-dropdown:after{border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 6px; position: absolute; transform: rotate(135deg); width: 6px; border-color: #fff; right: -1em; top: -2px; bottom: 0; margin: auto;}
.btn{border-radius: 30px; line-height: 1;font-family: var(--castaRegular);font-size: calc(1rem + 1px);padding: 1.125rem 1.88rem;display: inline-flex;align-items: center;justify-content: center;}
.btn-outline-a{border: 1px solid var(--colorYellow);}
.btn.btn-outline-a:hover{background-color: var(--colorYellow); color: var(--colorWhite);}
.btn-black{background-color: var(--colorBlack); color: var(--colorWhite);padding: 1.125rem 4.25rem;}
.btn.btn-black:hover{background-color: var(--colorYellow); color: var(--colorWhite);}
.btn-yellow{background-color: var(--colorYellow); color: var(--colorBlack);padding: 1.125rem 4.25rem;}
.btn.btn-yellow:hover{background-color: var(--colorBlack); color: var(--colorWhite);}
.dropdown-menu-a {border-radius: 0; background-color: var(--colorGrey2); padding: 0; border: 1px solid #c1c1c150;margin-top: 0.75rem !important;}
.dropdown-menu-a .menu-items {padding: 0.5rem 1rem; display: flex;white-space: nowrap;line-height: 1;}
.dropdown-menu-a > li:not(:last-child){border-bottom: 1px solid #c1c1c150;}
.row-a{display: flex; align-items: center; justify-content: space-between;}
.head1{font-family: var(--castaRegular); font-size: 8.5rem; line-height: 0.85; color: var(--colorBlack);text-transform: uppercase;}
.head2{font-family: var(--castaRegular); font-size: 5.75rem; line-height: 0.85; color: var(--colorBlack);text-transform: uppercase;}
.head4{font-family: var(--castaRegular); font-size: 1.875rem; line-height: 0.85; color: var(--colorBlack);text-transform: uppercase;}
.head5{font-family: var(--castaRegular); font-size: 1.375rem; line-height: 0.85; color: var(--colorBlack);}
.small-head{font-family: var(--castaRegular); font-size: 1.5rem; line-height: 0.85; color: var(--colorBlack);text-transform: uppercase; opacity: 0.22; letter-spacing: 20px; margin-bottom: 1.25rem;}
.p{color: var(--colorBlack); font-size: calc(1rem - 1px); font-family: var(--gtEstiDisplayRegular); line-height: 1.5;}
.fixed-top {background: var(--colorLight); padding: 0.75rem 0;}
.fixed-top .btn{padding: 0.75rem 1.75rem;}

.banner-a{padding-top: 10rem; padding-bottom: 6rem; position: relative;}
.banner-a .col-left-a{width: 65%;position: relative;z-index: 1;}
.banner-a .row-a{position: relative;width: 100%;}
.banner-a .col-right-a{position: absolute;width: 54.5%; top: 0; bottom: 0; right: -10%; margin: auto;}
.banner-a .col-right-a img{width: 100%;}
.banner-img-a{mix-blend-mode: multiply;}
.banner-a .col-left-a .p{padding-right: 30%; margin-bottom: 2.5rem; margin-top: 0.75rem;}
.banner-a .head1{position: relative;}
.banner-a .head1 > .banner-shape-1-a{position: absolute;display: inline-flex;width: 30%;height: 25%;background: url('../images/home/banner-img2.webp') no-repeat center center / contain;bottom: 8%;right: 0;}
.banner-shape-2-a{position: absolute; bottom: 5%; left: -9%; mix-blend-mode: multiply;width: 23.75%;}
.logo-a {max-width: 53%;}

.design-1{padding: 0 1.5rem;}
.design-inner-1-a{background: var(--colorBlack2) url('../images/home/bg1.webp') no-repeat center center / cover; border: 12px solid var(--colorWhite); border-radius: 23px; padding: 2.5rem; padding-left: 13%;padding-bottom: 4rem;}
.card-a{padding: 2.5rem 3rem; margin-bottom: 12rem; width: 30%; margin-right: 0; margin-left: auto; background-color: var(--colorYellow); border-radius: 23px;}
.title-a{color: var(--colorBlack); font-family: var(--castaRegular); font-size: calc(6.25rem - 1px); line-height: 0.85;}
.card-a .btn{width: 100%; color: var(--colorYellow);}
.txt-white-a{color: var(--colorWhite);}
.col-full-a {width: 100%;}
.card-a .p {margin-bottom: 2rem; margin-top: 0.5rem;}
.card-a .btn:hover{background-color: var(--colorBlack); color: var(--colorWhite);}

.design-2{padding: 9.5rem 0;}
.design-2 .container{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
.title-area-a{width: 75%;}
.btn-area-a{width: auto;}
.service-boxes{width: 100%; margin-top: 4rem;}
.title-area-a .p {padding-right: 45%;}
.btn-circle-a {width: 98px; height: 98px; border-radius: 100%; border: 1px solid var(--colorJetBlack); padding: 0;}
.btn-circle-a > i{color: var(--colorJetBlack); font-size: 2.25rem;}
.btn.btn-circle-a:hover{background-color: var(--colorBlack);}
.btn-circle-a:hover > i{color: var(--colorWhite);}
.srv-img{margin-bottom: 2.5rem; position: relative;}
.srv-img::before{content: ""; position: absolute; inset: 0; margin: auto; background-color: var(--colorBlack); border-radius: 20px; transition: 0.5s;transform: rotate(0deg) translate(0px,0px);}
.srv-img img{transition: 0.5s;transform: rotate(0deg);width: 100%;}
.srv-img:hover img{transform: rotate(-3deg);}
.srv-img:hover::before{transform: rotate(-3deg) translate(-8px,8px);}
.srv-content{padding: 0 1.5rem;}
.srv-content .head4{margin-bottom: 0.75rem;}
.service-boxes .slick-slide { margin: 0 1.25rem;}
.service-boxes .slick-list {margin: 0 -2.5rem;}
.srv-content .p {padding-right: 10%;}

.design-3{padding: 0 1.5rem;}
.design-3-inner-a{background-color: var(--colorLight2); border-radius: 23px; border: 12px solid var(--colorWhite); padding: 5rem 0; position: relative;}
.design-3-inner-a .container{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
.accordion-a{margin-top: 4rem; width: 100%; display: flex; flex-direction: column; gap: 1.5rem;}
.accr-title-a{display: flex; cursor: pointer; justify-content: space-between; align-items: center; padding: 2.5rem 0;}
.icon-plus-a{color: var(--colorYellow); font-size: 1.25rem;}
.accr-inner-a{display: flex; gap: 3rem; padding-bottom: 2rem;}
.accr-inner-a > div{width: 25%;}
.img-box-a{display: flex; align-items: center; gap: 2rem;}
.box-img-a {width: 100px; position: relative;}
.img-conten-a {width: calc(100% - 100px);}
.img-box-a .head5{margin-bottom:0.5rem;}
.accordion-item-a:not(:last-child){border-bottom: 1px solid var(--colorGrey);}
.box-img-a::before{content: ""; position: absolute; inset: 0; margin: auto; background-color: var(--colorBlack); border-radius: 5px; transition: 0.5s;transform: rotate(0deg) translate(0px,0px);}
.box-img-a img{transition: 0.5s;transform: rotate(0deg);}
.box-img-a:hover img{transform: rotate(-5deg);}
.box-img-a:hover::before{transform: rotate(-5deg) translate(-5px,5px);}
.accr-conent-a{display: none;}
.shape-3-a{position: absolute;left: 28%;right: 0;top: -21%;margin: auto;mix-blend-mode: multiply;width: 59%;}

.design-4{padding: 9rem 0; position: relative;}
.design-4 .col-left-a{width: 40%; position: relative;}
.design-4 .col-right-a{width: 46%;}
.design-4 .p{padding-right: 15%; margin: 2rem 0;}
.design-4 .col-left-a::before{content: ""; position: absolute; inset: 0; margin: auto; background-color: var(--colorBlack); border-radius: 20px; transition: 0.5s;transform: rotate(0deg) translate(-12px,12px); z-index: 0;}
.design-4 .col-left-a img{position: relative; z-index: 1;}
.hr-a{border-color: var(--colorGrey); margin: 0;}
.shape-4-a{position: absolute;right: -12%;top: -11%;mix-blend-mode: multiply;width: 32%;}
.shape-5-a{position: absolute;left: -11%;top: -10%;mix-blend-mode: multiply;width: 50%;}
.shape-6-a{position: absolute;right: -7%;bottom: -72%;mix-blend-mode: multiply;width: 43%;}


.design-5{padding: 9rem 0;}
.design-5 .container{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end;}
.testimonial-items{margin-top: 6rem; width: 100%;}
.t-author-det {display: flex; align-items: center; gap: 1rem;}
.t-content-a{margin: 2rem 0; opacity: 0.67;}
.testimonial-items .slick-slide { padding: 0 5rem; position: relative;}
.testimonial-items .slick-list {margin: 0 -5rem;}
.testimonial-items .slick-slide::after{content: ""; position: absolute; width: 1px; height: 100%; background-color: var(--colorGrey); top: 0; bottom: 0; right: 0; opacity: 0.22;}

.design-6{padding: 0 1.5rem;}
.design-6-inner-a{background-color: #010304; overflow: hidden; border-radius: 23px; border: 12px solid var(--colorWhite); padding: 8rem 0; position: relative;}
.design-6 .col-left-a{width: 42%;}
.bg-2-a{position: absolute; right: 0; bottom: 0; width: 55%;}
.design-6 .p{opacity: 0.67; margin-top: 0.5rem; margin-bottom: 2rem;}
.news-form-a {width: 75%;}
.news-form-a .inp-a{border-radius: 30px; border:1px solid var(--colorGrey);}
.news-form-a .form-input{width: 100%; margin-bottom: 1.125rem;}
.inp-a{color: var(--colorWhite); padding: 1.125rem 2rem;background: transparent; width: 100%; font-family: var(--gtEstiDisplayRegular); line-height: 1; font-size: calc(1rem - 1px);}
.inp-a::placeholder{color: var(--colorLight); opacity: 0.67; font-size: calc(1rem - 1px); font-family: var(--gtEstiDisplayRegular);}
.news-form-a .btn{width: 100%; display: flex; align-items: center;}
.news-form-a .btn:hover{background-color: var(--colorWhite); color: var(--colorBlack);}

.design-7{padding-top: 10rem; padding-bottom: 7.5rem;}
.contact-form-a{display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 4rem;}
.contact-form-a .form-input{width: 48%;}
.contact-form-a .form-txtarea{width: 60%;}
.contact-form-a .form-btn{width: 38%;}
.design-7 .col-left-a{width: 46%;}
.design-7 .col-right-a{width: 34.5%;}
.design-7 .col-left-a .p{padding-right: 10%; margin-top: 1.5rem;}
.contact-form-a .inp-a{border: 0; color: var(--colorBlack); border-bottom: 1px solid var(--colorGrey); resize: none; padding-left: 0; padding-top: 0;}
.contact-form-a .inp-a::placeholder{opacity: 1; color: var(--colorJetBlack); font-size: 1rem;}
textarea{height: 60px;}
.contact-form-a .btn{font-size: calc(1rem + 1px);}

.design-8{padding-top: 7rem; padding-bottom: 12rem; position: relative;}
.cli-logos img {mix-blend-mode: multiply; opacity: 0.4;}
.shape-8-a{position: absolute;bottom: 0;mix-blend-mode: multiply;width: 23.5%;left: -10%;}

.footer-a{padding: 1.25rem;}
.footer-inner-a{background:url('../images/ftr-bg.webp') no-repeat center center / cover; overflow: hidden; border-radius: 23px; border: 12px solid var(--colorWhite); padding-top: 3.5rem; padding-bottom: 5rem; position: relative;}
.ftr-row-1{display: flex; justify-content: space-between;}
.ftr-col-1{width: 21%;}
.ftr-col-2{width: 13%;}
.ftr-col-3{width: 15%;}
.ftr-col-4{width: 31%;}
.footer-a .p {opacity: 0.67; color: var(--colorLight);}
.copy-row-a{display: flex; justify-content: space-between; margin-top: 10rem;}
.footer-a a{text-decoration: none; color: var(--colorLight);}
.ftr-logo{margin-bottom: 2rem;}
.ftr-head{color: var(--colorLight); font-size: 1.125rem; font-family: var(--castaRegular); text-transform: uppercase; margin-bottom: 2.5rem;}
.list-a{list-style: none; margin: 0; padding: 0;}
.loc-box:not(:last-child) {margin-bottom: 2rem;}
.ftr-menu-a > li{color: var(--colorLight); font-size: calc(1rem - 1px); font-family: var(--gtEstiDisplayRegular); opacity: 0.67;}

.fade-right-a{opacity: 0; transform: translateX(-50%) translateZ(0);}
.fade-right-a.animated{animation: fadeRight 1.5s forwards;}
.fade-left-a{opacity: 0; transform: translateX(50%) translateZ(0);}
.fade-left-a.animated{animation: fadeLeft 1.5s forwards;}
.fade-down-a{opacity: 0; transform: translateY(-50%) translateZ(0);}
.fade-down-a.animated{animation: fadeDown 1.5s forwards;}
.fade-up-a{opacity: 0; transform: translateY(50%) translateZ(0);}
.fade-up-a.animated{animation: fadeUp 1.5s forwards;}
.fade-in-a{opacity: 0; transform: translateZ(0);}
.fade-in-a.animated{animation: fadeIn 1.5s forwards;}
.zoom-in-a{opacity: 0; transform: scale(0) translateZ(0);}
.zoom-in-a.animated{animation: zoomIn 1.5s forwards;}

.delay-1{animation-delay: 300ms !important;}
.delay-2{animation-delay: 600ms !important;}
.delay-3{animation-delay: 900ms !important;}

@keyframes fadeRight { 100%{opacity: 1; transform: translateX(0%) translateZ(0);} }
@keyframes fadeLeft { 100%{ opacity: 1; transform: translateX(0%) translateZ(0);} }
@keyframes fadeDown { 100%{ opacity: 1; transform: translateY(0%) translateZ(0);} }
@keyframes fadeUp { 100%{ opacity: 1; transform: translateY(0%) translateZ(0);} }
@keyframes fadeIn { 100%{ opacity: 1; transform: translateZ(0);} }
@keyframes zoomIn { 100%{ opacity: 1; transform: scale(1) translateZ(0);} }

.mob-res-icon,.res-menu-icon,.menu-close{display: none;}
.btn-txt-a * {color: var(--colorWhite);}
.btn-txt-a .head2 {font-size: 2.5rem;margin-bottom: 1rem;}
.list-a li{font-size:1.125rem;font-family: var(--gtEstiDisplayRegular);}
.ftr-logo {max-width: 90%; filter: brightness(0) invert(1);}
.inner-d-2 .title-area-a{width:100%;}
.inner-d-2 .title-area-a .p {padding-right: 25%;}
.inner-3-a{margin-top:5rem;}
.inner-3-a .title-area-a{width:100%;}
.inner-3-a .title-area-a .p {padding-right: 25%;}
.head4 a {text-decoration: none; color: inherit;}

@media screen and (max-width:1680px) {
    .btn {padding: 1rem 1.88rem;}
    .head1 {font-size: 7rem;}
    .container {width: 80%;}
    .banner-shape-2-a {width: 19.75%;}
    .banner-a .head1 > .banner-shape-1-a {right: 6%;}
    .title-a {font-size: 5rem;}
    .card-a {padding: 2rem 2rem;}
    .btn-circle-a {width: 70px; height: 70px; padding: 0 !important;}
    .head4 {font-size: 1.5rem;}
    .head5 {font-size: 1.125rem;}
    .p {font-size: 0.875rem;}
    .accr-inner-a > div {gap: 1rem;}
    .head2 {font-size: 4.5rem;}
    .shape-8-a {width: 20.5%;}
    .design-8 {padding-top: 5rem; padding-bottom: 5rem;}
    .design-2 {padding: 5rem 0;}
    .accordion-a {margin-top: 2rem;}
    .design-4 {padding: 5rem 0;}
    .design-5 {padding: 5rem 0;}
    .shape-6-a {width: 40%;}
    .design-7 {padding-top: 5rem; padding-bottom: 5rem;}
}

@media screen and (max-width:1366px) {
    .head1 {font-size: 6rem;}
    .banner-a .col-left-a {width: 62%;}
    .card-a {width: 28%;}
    .accr-title-a {padding: 1.5rem 0;}
    .accordion-a {gap: 1rem;}
    .head2 {font-size: 4rem;}
    .cli-logo-a img {max-height: 40px;}
    .design-7 .col-right-a {width: 40%;}
    .shape-3-a {top: -14%; width: 50%;}
    .design-inner-1-a {padding-left: 10%;}
    /*.menu-ul {gap: 2rem;}*/
    .menu-ul {gap: 1.1rem;}
    .nav-area {margin-right: 2rem;}
    .title-a {font-size: 4rem;}
}

@media screen and (max-width:1280px) {
    .head1 {font-size: 5rem;}
    .banner-a .col-left-a {width: 57%;}
    .banner-a .col-left-a .p {padding-right: 25%;}
}

@media screen and (max-width:1024px) {
    .container {width: 90%;}
    .head1 {font-size: 4.5rem;}
    .banner-a .col-right-a {right: 0;}
    .card-a {width: 40%;margin-bottom: 6rem;}
    .accr-inner-a {flex-wrap: wrap;}
    .accr-inner-a > div {width: 47%;}
    .menu-ul {gap: 1.5rem;}
    .nav-area {margin-right: 1.5rem;}
    .head2 {font-size: 3rem;}
    .testimonial-items .slick-list {margin: 0 -2rem;}
    .testimonial-items .slick-slide {padding: 0px 2rem;}
    .title-area-a .p {padding-right: 28%;}
    .design-6-inner-a {padding: 3rem 0;}
    .design-6 .col-left-a {width: 50%;}
    .design-7 .col-right-a {width: 50%;}
    .copy-row-a {margin-top: 4rem;}
    .footer-inner-a{padding-bottom: 3rem;}
    .cli-logo-a img {display: flex; margin: auto;}

}

@media screen and (max-width:991px) {
    .banner-a .head1 > .banner-shape-1-a{display: none;}
    .head1 {font-size: 3.5rem;}
    .banner-a .col-left-a .p {padding-right: 0;}
    .banner-a {padding-bottom: 4rem;}
    .card-a {width: 60%;margin-bottom: 4rem;margin-left: auto;margin-right: auto;}
    .design-inner-1-a{position: relative;}
    .design-inner-1-a::after{content: ""; position: absolute; inset: 0; margin: auto; opacity: 0.5; background-color: var(--colorBlack); z-index: 0;}
    .design-inner-1-a > div{position: relative; z-index: 1;}
    .title-area-a .p {padding-right: 4%;}
    .title-area-a {width: 65%;}
    .btn-circle-a {width: 50px; height: 50px;}
    .head2 {font-size: 2.5rem;}
    .small-head {letter-spacing: 4px;}
    .design-4 .col-right-a {width: 50%;}
    .design-4 .p {padding-right: 0;}
    .design-4 .col-left-a {width: 46%; }
    .ftr-row-1{flex-wrap: wrap;}
    .ftr-col-1 {width: 100%; margin-bottom: 2rem;}
    .ftr-col-2 {width: 20%;}
    .ftr-col-3 {width: 20%;}
    .ftr-col-4 {width: 40%;}
    .ftr-head {margin-bottom: 1rem;}
    .accr-inner-a > div {width: 45%;}
    .srv-img {display: inline-flex;}
    .res-menu-icon{display: flex; color: var(--colorBlack); font-size: 2rem;line-height: 1; margin: auto;}
    .menu-ul{position: fixed;}
    .menu-ul {position: fixed; z-index: 9; flex-direction: column; align-items: flex-start; background-color: var(--colorBlack); width: 275px; height: 100vh; justify-content: flex-start; right: 0; top: 0; padding: 1rem; transition: 0.5s; transform: translateX(100%);}
    .menu-close{display: flex; color: var(--colorWhite); font-size: 1.5rem; margin-bottom: 3rem;}
    .mob-res-icon{display: flex;width: 100%;justify-content: space-between;}
    .icon-back {color: var(--colorWhite); font-size: 1.5rem; display: none;}
    .nav-area{margin-left: auto; margin-right: 1rem;}
    .translate-x-zero{transform: translateX(0%) !important;}
    .menu-items {color: var(--colorYellow); font-size: 1.5rem;}
    .menu-ul {row-gap: 0.5rem;}


}

@media screen and (max-width:767px) {
    .banner-a .col-right-a{position: static; margin-bottom: 2.5rem;}
    .banner-a .row-a{flex-direction: column-reverse;}
    .banner-a .col-left-a{width: 100%;}
    .card-a {width: 100%; margin-bottom: 2rem;}
    .title-a {font-size: 3rem;}
    .p br{display: none;}
    .design-inner-1-a {padding: 3rem 5%;}
    .title-area-a {width: 100%; order: 1; text-align: center;}
    .btn-area-a{order: 3; display: flex; justify-content: center; width: 100%; margin-top: 2.5rem;}
    .btn-area-a + div{order: 2; margin-top: 2rem;}
    .service-boxes .slick-slide { margin: 0 0rem;}
    .service-boxes .slick-list {margin: 0 0rem;}
    .srv-item {text-align: center;}
    .shape-3-a {width: 72%;}
    .accr-inner-a > div {width: 100%;}
    .design-4 .row-a {flex-direction: column;}
    .design-4 .col-left-a {width: 65%; margin-bottom: 3rem;}
    .design-4 .col-right-a {width: 100%;}
    .shape-5-a{display: none;}
    .design-4 {padding: 3rem 0;}
    .design-5 {padding: 3rem 0;}
    .bg-2-a{display: none;}
    .design-6 .col-left-a {width: 100%;}
    .design-7 .row-a{flex-direction: column;}
    .design-7 .col-left-a {width: 100%; margin-bottom: 2.5rem;}
    .design-7 .col-right-a {width: 100%;}
    .design-7{padding: 3rem 0;}
    .design-8{padding: 3rem 0;}
    .contact-form-a .form-btn .btn{width: 100%;}
    .ftr-col-2 {width: 49%;}
    .ftr-col-3 {width: 49%;}
    .ftr-col-4 {width: 100%; margin-top: 2rem;}
    .copy-row-a{flex-direction: column; align-items: center;}
    .copy-row-a {margin-top: 2rem;}
    .ftr-logo {margin-bottom: 0.5rem;}
    .ftr-head {margin-bottom: 0.5rem;}
    .srv-content .p {padding-right: 0;}
    .accr-inner-a {gap: 1.5rem;}
    .header-btn { position: fixed; width: 100%; left: 0; right: 0; top: 0; background-color: var(--colorBlack); padding: 0 5%;}
    .header-btn .btn {border-radius: 0; border: 0; color: var(--colorYellow); width: 100%; padding: 0.75rem 0; text-transform: uppercase; font-size: 1.125rem;}
    .header-inner {padding-top: 3.25rem; padding-bottom: 0.5rem;}
    .banner-a {padding-top: 8rem;}

}

@media screen and (max-width:480px) {
    .banner-a .col-right-a {width: 70%;}
    .banner-shape-2-a,.shape-3-a{display: none;}
    .card-a {padding: 1.25rem; border-radius: 10px;}
    .design-3-inner-a{padding: 3rem 0;}
    .accr-title-a {padding: 1rem 0;}
    .head4 {font-size: 1.125rem;}
    .head1 {font-size: 3rem;}
    .news-form-a {width: 100%;}
    .contact-form-a .form-input {width: 100%;}
    .contact-form-a .form-txtarea {width: 100%;}
    .contact-form-a .form-btn {width: 70%;}
    .contact-form-a {row-gap: 2rem;}
    .ftr-col-2 {width: 100%; margin-bottom: 2.5rem;}
    .ftr-col-3{width: 100%;}
    .banner-a .col-right-a{display: none;}
}