@font-face {
    font-family: 'Swis721';
    src: url('../fonts/Swiss721BT-Light.woff2') format('woff2'),
        url('../fonts/Swiss721BT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Swis721';
    src: url('../fonts/Swiss721BT-Bold.woff2') format('woff2'),
        url('../fonts/Swiss721BT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Swis721';
    src: url('../fonts/Swiss721BT-Roman.woff2') format('woff2'),
        url('../fonts/Swiss721BT-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DIN';
    src: url('../fonts/DINNextCYR-Regular.woff2') format('woff2'),
        url('../fonts/DINNextCYR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
    font-family: 'Swis721';
    padding-top: 40px;
    scroll-behavior: smooth;
}
.wrapper {
    overflow: hidden;
}
.top-section{
    padding: 20px 0;
}
.top-section h3{
    margin-bottom: 0;
    font-size: 1.5rem;
    font-family: 'DIN';
}
.logo{
    position: absolute;
    top: -65px;
    left: 50px;
}
.bigpreview-wrapper{
    /* overflow: hidden; */
}
.bigpreview-wrapper .bg-img{
    max-height: 70vh;
    object-fit: cover;
    min-height: 500px;
    object-position: bottom;
}
.loader-image{
    width: 100%;
    max-height: 85vh;
    object-fit: cover;
}
p{
    font-size: 16px;
}
a {
    color: #e1d3f5;
    text-decoration: underline;
}
.banner-top-content {
    position: absolute;
    top: 0;
    height: 60%;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding:0 50px;
}
.banner-top-content h1{
    font-size: 100px;
    font-weight: normal;
    color: #fff;
    line-height: 0.6;
    padding-top: 40px;
}
.banner-top-content h1 span{
    font-size: 50px;
}
.banner-bottom-content{
    position: absolute;
    bottom: 0;
    height: 40%;
    left: 0;
    width: 100%;
    padding:0 50px;
    padding-top: 45px;
}
.banner-bottom-content p{
    letter-spacing: 1px;
}
.yellow-bg .banner-bottom-content{
    color: #ffdd00;
    /* background: #ffdd0042; */
}
.purple-bg .banner-bottom-content{
    /* color: #c69fca; */
    color: #fbd3ff;
    /* background: #c69fca77; */
}
.purple-bg-new .banner-bottom-content{
    /* color: #c69fca; */
    color: #F5F5DC;
    /* background: #c69fca77; */
}
.green-bg .banner-bottom-content{
    color: #A9D155;
    /* background: #c69fca77; */
}
.blue-bg .banner-bottom-content{
    color: #8dd7f7;
    /* background: #c69fca77; */
}
.brown-bg .banner-bottom-content{
    color: #f9a64a;
    /* background: #c69fca77; */
}
.deep-blue-bg .banner-bottom-content{
    color: #c4deff;
    /* background: #c69fca77; */
}
.yellow-bg .hamburger-menu .menu__btn{
    background: #ffdd00;
}
.yellow-bg .hamburger-menu .menu__box{
    background: #ffdd00;
}
.blue-bg .hamburger-menu .menu__btn{
    background: #fff;
}
.blue-bg .hamburger-menu .menu__btn span, .blue-bg .hamburger-menu .menu__btn span::before, .blue-bg .hamburger-menu .menu__btn  span::after{
    background: #8dd7f7!important;
}
.blue-bg .hamburger-menu .menu__box{
    background: #8dd7f7;
}
.purple-bg .hamburger-menu .menu__btn{
    background: #c69fca;
}
.purple-bg .gray.hamburger-menu .menu__btn{
    background: #000;
}
.purple-bg .gray.hamburger-menu .menu__btn span{
    background: #fff;
}
.purple-bg .gray.hamburger-menu .menu__btn span::before{
    background: #fff;
}
.purple-bg .gray.hamburger-menu .menu__btn span::after{
    background: #fff;
}
.purple-bg .hamburger-menu .menu__box{
    background: #c69fca;
}
.purple-bg-new .hamburger-menu .menu__btn{
    background: #F5F5DC;
}
.purple-bg-new .hamburger-menu .menu__box{
    background: #F5F5DC;
}
.green-bg .hamburger-menu .menu__btn{
    background: #A9D155;
}
.green-bg .hamburger-menu .menu__box{
    background: #A9D155;
}
.brown-bg .hamburger-menu .menu__btn{
    background: #f9a64a;
}
.brown-bg .hamburger-menu .menu__box{
    background: #f9a64a;
}
.deep-blue-bg .hamburger-menu .menu__btn{
    background: #94b5de;
}
.deep-blue-bg .hamburger-menu .menu__box{
    background: #94b5de;
}
.client-area{
    padding-top: 30px;
}
.section-heading h2{
    font-size: 20px;
    font-weight: 500;
    color: #231f20;
}
.single-slider img{
    margin: 0 auto;
}
.works-slider .slick-track {
    display: flex;
}
.works-slider .slick-track .slick-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
}
.hamburger-menu{
    height: 0;
}

#menu__toggle {
    opacity: 0;
  }

  #menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);
  }
  #menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);
  }
  #menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
  }
  #menu__toggle:checked ~ .menu__box {
    visibility: visible;
    right: 0;
  }
  /* .hamburger-menu {
    z-index: 99;
    width: max-content;
    height: 60px;
    width: 100%;
    position: absolute;
    background: #ffffff78;
    left: 0;
    right: 0;
    transition: .3s;
} */

/* ul.menu__box li {
    padding-left: 20px;
} */
.hamburger-menu.fixed .menu__btn{
    top: 76px;
}
  .menu__btn {
    display: flex;
    align-items: center;
    position: absolute;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 1;
    bottom: 0;
    right: 50px;
    bottom: 20px;
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    justify-content: center;
    z-index: 1000;
  }

  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    display: block;
    position: absolute;

    width: 30px;
    height: 2px;

    background-color: #000;

    transition-duration: .25s;
  }
  .menu__btn > span::before {
    content: '';
    top: -8px;
  }
  .menu__btn > span::after {
    content: '';
    top: 8px;
  }

  .menu__box {
    display: block;
    position: absolute;
    visibility: hidden;
    top: 0;
    right: -100%;

    width: 260px;
    height: 100%;

    margin: 0;
    padding: 80px 0;
    padding-top: 50px;
    list-style: none;

    background-color: #ECEFF1;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
    z-index: 99;
    transition-duration: .25s;
  }

  .menu__item {
    display: block;
    padding: 18px 20px;
    color: #000;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition-duration: .25s;
  }
  /* .menu__item:hover {
    background-color: #CFD8DC;
  } */
  .loader {
    position: fixed;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 9999;
    background: #fff;
    padding-top: 10px;
    overflow: hidden;
}
.loader-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 40%;
}
video {
    width: 100%;
    height: 80vh;
    min-height: 550px;
    object-fit: cover;
}
button.skip {
    position: absolute;
    right: 20px;
    bottom: 20px;
    background: #000;
    color: #fff;
    padding: 5px 20px;
    border: none;
    font-size: 12px;
}
.loader h3{
    font-family: 'DIN';
    margin-top: 30px;
    font-size: 1.5rem;
}
.hide{
    transform: scale(0);
    transition: .5s;
}
button.btn.btn-white {
    color: #fff;
    border-radius: 0;
    padding: 7px 15px;
    border: 1px solid #fff;
    font-size: 15px;
}
button.btn.btn-white:hover{
    background: #000;
    color: #fff;
}
.team-area {
    position: absolute;
    right: 0;
    left: auto;
    width: 50%;
    top: 0;
    bottom: 0;
    z-index: 0;
    background: #8dd7f7;
    overflow: auto;
    transition: .3s;
    right: -100%;
}
.team-area.slide-in{
    right: 0;
}
.team-area h5{
    color: #0071bb;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}
.team-area span{
    font-weight: 600;
    font-size: 14px;
}
.team-area p{
    margin-top: 10px;
    margin-bottom: 0;
}
.single-box{
    padding-top: 50px;
    padding-bottom: 50px;
}

.team-area::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.team-area::-webkit-scrollbar
{
	width: 7px;
	background-color: #F5F5F5;
}

.team-area::-webkit-scrollbar-thumb
{
	background-color: #0071bb;
}
.single-box img{
    width: 100%;
    border-radius: 50%;
}
.logo a {
    position: relative;
    z-index: 2;
}
.close-team {
    position: absolute;
    bottom: 10px;
    background: transparent;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    right: 46.5%;
    z-index: 99;
    transition: .4s;
}
.visibility-hidden{
    visibility: hidden;
}
.logo a {
    display: block;
    position: relative;
}
.logo a .rotation{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 30px;
    right: -6px;
    -webkit-animation: rotation 2s infinite linear;
}
/* .logo.home a .rotation{
    -webkit-animation: rotation 2s infinite linear;
} */
@-webkit-keyframes rotation {
    from {
            -webkit-transform: rotate(0deg);
    }
    to {
            -webkit-transform: rotate(359deg);
    }
}
@media(min-width:1800px){
    .bigpreview-wrapper .bg-img{
        object-position: 100% 80%;
    }
}


.contact-form .form-control{
    margin-bottom: 10px;
    background: transparent;
    color: #fff;
    border-color: #fff;
}
.contact-form textarea{
    height: 100%;
}
.contact-form .form-control::placeholder{
    color: #fff;
}
.banner-image.bg-img {
    padding-top: 70px;
    height: 85vh;
    max-height: 85vh;
}
.single-boxs{
    padding: 30px;

}
.banner-image.bg-img .popup-gallery{
    overflow: auto;
    max-height: 100%;
    padding-bottom: 50px;
    position: relative;
    z-index: 999;
    padding-top: 5px;
    margin-top: 5px;
}
.popup-gallery::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.work-page .menu__box{
    z-index: 99999;
}
.work-page .menu__btn{
    z-index: 999999;
}
.work-page .hamburger-menu{
    height: 10px;
}
.popup-gallery::-webkit-scrollbar
{
	width: 7px;
	background-color: #F5F5F5;
}

.popup-gallery::-webkit-scrollbar-thumb
{
	background-color: #999999 ;
}
.work-wrapper{
    overflow: auto;
    max-height: 100%;
    padding-bottom: 100px;
    z-index: 99999;
}
.work-wrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.work-wrapper::-webkit-scrollbar
{
	width: 7px;
	background-color: #F5F5F5;
}

.work-wrapper::-webkit-scrollbar-thumb
{
	background-color: #666666 ;
}
.single-boxs a{
    text-align: center;
    border: 6px solid #000;
    border-radius: 50%;
    display: flex;
    height: 150px;
    width: 150px;
    align-items: center;
    justify-content: center;
}
.single-boxs img{
    min-height: auto!important;
}
.works-box{
    border: 1px solid #999999;
    /* cursor: pointer; */
    overflow: hidden;
    position: relative;
    margin: 13px 0;
    height: 192px;
}
.works-box img{
    transition: all .3s;
}
a.video img {
    height: 100%;
    object-fit: cover;
}
.works-box:hover img{
    transform: scale(1.05);
}
.works-box .playicon{
    position: absolute;
    left: 0;
    right: 0;
    width: 50px!important;
    height: 50px!important;
    min-height: 50px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.top-menu{
    text-align: right;
}
.top-menu ul{
    margin-bottom: 0px;
}
.top-menu ul li{
    list-style: none;
    display: inline-block;
    padding:0 10px ;
    border-left:1px solid #000 ;
}
.top-menu {
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
    width: 100%;
    padding-bottom: 5px;
    padding-right: 22px;
}
.top-menu ul li:first-child{
    border: none;
}
.top-menu ul li a{
    color: #000;
    text-decoration: none;
    position: relative;
}
.top-menu ul li:first-child a::after{
    position: absolute;
    content: '';
    background: #000;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
}
.top-menu ul li a.active{
    font-weight: 700;
}
.yellow-border a{
    border-color: #ffdd00;
}
.green-border a{
    border-color: #A9D155;
}
.deep-blue-border a{
    border-color: #94b5de;
}
.brown-border a{
    border-color: #f9a64a;
}
.purple-border a{
    border-color: #c69fca;
}
.blue-border a{
    border-color: #8dd7f7;
}
.colored-logo{
    display: none;
}
.single-boxs img{
    transition: .3s all;
    max-width: 70%;
    z-index: -1;
}
.single-boxs:hover img{
    display: none;
}
.single-boxs:hover .colored-logo{
    display: block;
}
/* .work-page .logo{
    margin-top: 12px;
} */
/* .beige-border a{
    border-color: #F5F5DC;
} */
.page-preview.work-page.listing .banner-image.bg-img{
    margin-top: 11px;
}
.page-preview.work-page.listing .bigpreview-wrapper{
    padding-top: 25px;
}
.page-preview.work-page.listing .bigpreview-wrapper .logo{
    margin-top: 10px;
    left: 80px;
}
.section-title{
    font-size: 1.2rem;
    color: #666666;
    margin-bottom: 0;
}
@media(max-width:1366px){
    body{
        padding-top: 15px;
    }
    button.btn.btn-white{
        font-size: 12px;
    }
    .logo a .rotation{
        max-width: 23px;
    }
    .banner-top-content h1{
        font-size: 70px;
    }
    .banner-top-content h1 span{
        font-size: 35px;
    }
    .section-heading h2{
        font-size: 15px;
    }
    p{
        font-size: 14px;
    }
    .banner-bottom-content{
        padding-top: 60px;
    }
    .client-area {
        padding: 25px 0;
        padding-top: 20px;
    }
    .close-team{
        right: 45.5%;
    }

}
@media(max-width:1440px){
    body{
        padding-top: 15px;
    }
    .top-section h3{
        font-size: 1.3rem;
    }
    .banner-top-content h1{
        font-size: 60px;
    }
    .banner-top-content h1 span{
        font-size: 30px;
    }
    .section-heading h2{
        font-size: 15px;
    }
    p{
        font-size: 14px;
    }
    .banner-bottom-content{
        padding-top: 60px;
    }
    .client-area {
        padding: 20px 0;
        padding-top: 15px;
    }
    .logo img{
        max-width: 130px;
    }
    .logo{
        top: -60px;
    }
}
@media (max-width:4000px) and (min-width:1024px) {
    .slick-slide img {
        max-width: 65px;
        max-height: 55px;
    }
}
@media (max-width:1366px) and (min-width:1024px) {
    body {
        padding-top: 5px;
    }
    .top-section {
        padding: 15px 0;
    }
    .top-section h3 {
        font-size: 1.1rem;
    }
    .bigpreview-wrapper .bg-img{
        max-height: 71vh;
        object-fit: cover;
        min-height: 400px;
        object-position: 100% 70%;
    }
    .section-heading h2 {
        font-size: 15px;
    }
    .menu__btn{
        width: 60px;
        height: 60px;
    }
 /*   .slick-slide img {
        max-width: 65px;
    }
*/
    .logo img {
        max-width: 95px;
    }
    .logo {
        top: -45px;
    }
    .banner-bottom-content {
        padding-top: 35px;
    }
    .banner-image.bg-img {
        padding-top: 70px;
        height: 85vh;
        max-height: 85vh;
    }
    .page-preview.work-page.listing .banner-image.bg-img {
        padding-top: 70px;
        height: 85vh;
        max-height: 85vh;
    }
    .work-page .menu__box{
        top: 70px;
    }
}
.page-preview.work-page.listing .bigpreview-wrapper {
    max-height: 100%;
    overflow: initial;
    position: fixed;
    /* width: max-content; */
    margin: 0 auto;
    left: 0;
    right: 0;
}
.page-preview.work-page.listing .bigpreview-wrapper .logo{
    /* left: 20px; */
    margin-top: 0;
}
.portrait .works-box{
    height: 100%;
    margin: 0;
}
.portrait .works-box img{
    height: 100%;
    width:100%;
}
.portrait .col-md-4{
    margin: 13px 0;
}
@media(min-width:991px){
    .page-preview .menu__btn{
        right: 95px;
    }
}
.section-title {
    padding-top: 25px;
}
@media screen and (max-width: 1366px) and (min-width: 1200px),
       screen and (max-height: 800px) and (min-height: 720px) {
    p{
        font-size: 12px;
    }
    .menu__item{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .menu__box{
        padding-top: 25px;
    }
}
@media(max-width:991px){
    .logo img {
        max-width: 125px;
    }

    .page-preview.work-page.listing .bigpreview-wrapper{
        position: relative;
        width: auto;
    }
}

@media(max-width:1024px){
    .bigpreview-wrapper .bg-img{
        min-height: 75vh;
    }
    .loader-image{
        height: 80vh;
    }

}
@media(max-width:767px){
    .work-wrapper{
        position: relative;
    }
    .single-boxs a{
        height: 95px;
        width: 95px;
    }
    .page-preview.work-page.listing .banner-image.bg-img{
        height: 75vh;
        padding-top: 25px;
    }
    .page-preview.work-page.listing .bigpreview-wrapper .logo{
        left: 15px;
        margin-top: 0;
    }
    .top-menu ul li a{
        font-size: 14px;
    }
    .single-boxs img{
        max-width: 30px;
    }
    .top-menu ul li{
        line-height: 1;
    }
    .work .top-section{
        padding-top: 30px;
    }
    .section-title {
        margin-top: 50px;
        padding-top: 0;
    }
    .page-preview.work-page.listing .hamburger-menu{
        margin-bottom: -10px;
    }
    .banner-image.bg-img .popup-gallery{
        padding-top: 0!important;
        margin-top: 5px;
    }
    .banner-image.bg-img .popup-gallery{
        padding-top: 70px;
    }
    .work-page .hamburger-menu{
        margin-bottom: 20px;
    }

    .banner-image.bg-img {
        /* overflow: auto; */
    }
    .works-box{
        margin-bottom: 20px;
    }
    .popup-gallery{
        padding-bottom: 50px;
    }
    .purple-bg-new button.btn.btn-white{
        color: #000;
        border-color: #000;
    }
    .contact-form .form-control{
        color: #000;
    }
    .contact-form .form-control::placeholder{
        color: #000;
    }
    .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after{
        background: #fff;
    }
    .close-team {
        right: 72.5%;
        bottom: 0;
    }
    .loader-logo{
        max-width: 80%;
    }
    .banner-image img {
        min-height: 40vh;
        object-fit: cover;
    }
    .top-section {
        padding: 15px 0;
        padding-right: 20px;
    }
    .bigpreview-wrapper .bg-img{
        min-height: 45vh;
    }
    .banner-top-content{
        position: relative;
    }
    .banner-bottom-content{
        position: relative;
    }
    .top-section h3{
        font-size: 12px;
    }
    .logo img {
        max-width: 75px;
    }
    .logo {
        top: -35px;
        left: 20px;
    }
    .banner-bottom-content, .banner-top-content{
        padding: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .yellow-bg .banner-bottom-content,.yellow-bg .banner-top-content{
        background: #ffdd00;
        color: #000;
    }
    .content-wrapper{
        min-height: 35vh;
    }
    .yellow-bg .content-wrapper{
        background: #ffdd00;
    }
    .purple-bg .content-wrapper{
        background: #c69fca;
    }
    .purple-bg-new .content-wrapper{
        background: #F5F5DC;
    }
    .green-bg .content-wrapper{
        background: #A9D155;
    }
    .blue-bg .content-wrapper{
        background: #8dd7f7;
    }
    .brown-bg .content-wrapper{
        background: #f9a64a;
    }
    .deep-blue-bg .content-wrapper{
        background: #94b5de;
    }
    .purple-bg .banner-bottom-content,.purple-bg .banner-top-content{
        background: #c69fca;
        color: #000;
    }
    .purple-bg-new .banner-bottom-content,.purple-bg-new .banner-top-content{
        background: #F5F5DC;
        color: #000;
    }
    .green-bg .banner-bottom-content,.green-bg .banner-top-content{
        background: #A9D155;
        color: #000;
    }
    .blue-bg .banner-bottom-content,.blue-bg .banner-top-content{
        background: #8dd7f7;
        color: #000;
    }
    .brown-bg .banner-bottom-content,.brown-bg .banner-top-content{
        background: #f9a64a;
        color: #000;
    }
    .deep-blue-bg .banner-bottom-content,.deep-blue-bg .banner-top-content{
        background: #94b5de;
        color: #000;
    }
    .yellow-bg .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after{
        background: #fff;
    }
    .purple-bg .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after{
        background: #fff;
    }
    .purple-bg-new .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after{
        background: #fff;
    }

    .blue-bg .menu__btn > span{
        background: #fff;
    }
    .yellow-bg .banner-top-content h1{
        color: #000;
    }
    .blue-bg .banner-top-content h1{
        color: #000;
    }
    .purple-bg .banner-top-content h1{
        color: #000;
    }
    .purple-bg-new .banner-top-content h1{
        color: #000;
    }
    .green-bg .banner-top-content h1{
        color: #000;
    }
    .brown-bg .banner-top-content h1{
        color: #000;
    }
    .deep-blue-bg .banner-top-content h1{
        color: #000;
    }
    .yellow-bg .hamburger-menu .menu__btn{
        background: #000;
    }
    .blue-bg .hamburger-menu .menu__btn{
        background: #000;
    }
    .purple-bg .hamburger-menu .menu__btn{
        background: #000;
    }
    .purple-bg-new .hamburger-menu .menu__btn{
        background: #000;
    }
    .green-bg .hamburger-menu .menu__btn{
        background: #000;
    }
    .brown-bg .hamburger-menu .menu__btn{
        background: #000;
    }

    .deep-blue-bg .hamburger-menu .menu__btn{
        background: #000;
    }

    .banner-bottom-content{
        padding-bottom: 50px;
    }
    .banner-top-content h1{
        font-size: 40px;
        margin-bottom: 20px;
    }
    .banner-top-content h1 span{
        font-size: 20px;
    }
    .yellow-bg .banner-top-content h1{
        color: #000;
    }
    .blue-bg .banner-top-content h1{
        color: #000;
    }
    p{
        font-size: 10px;
    }

    .menu__btn{
        right: 20px;
        width: 35px;
        height: 35px;
        bottom: -16px;
    }
    .menu__btn > span, .menu__btn > span::before, .menu__btn > span::after{
        width: 17px;
        height: 1px;
    }
    .menu__btn > span::before {
        top: -5px;
    }
    .menu__btn > span::after {
        top: 5px;
    }

    .menu__box{
        width: 200px;
    }
    .menu__item{
        font-size: 14px;
    }
    .single-slider img{
        max-width: 40px;
    }
    .section-heading h2 {
        font-size: 14px;
        font-weight: 600;
    }
    .banner-image{
        position: relative;
    }
    .yellow-bg .banner-image::after{
        position: absolute;
        content: '';
        height: 50%;
        /* background: #ffdd0042; */
        left: 0;
        right: 0;
        bottom: 0;
    }
    .purple-bg .banner-image::after{
        position: absolute;
        content: '';
        height: 50%;
        /* background: #c69fca77; */
        left: 0;
        right: 0;
        bottom: 0;
    }
    .purple-bg-new .banner-image::after{
        position: absolute;
        content: '';
        height: 50%;
        /* background: #c69fca77; */
        left: 0;
        right: 0;
        bottom: 0;
    }
    .logo{
        z-index: 99;
    }
    .single-box{
        /* text-align: center; */
    }
    .team-area h5{
        font-size: 14px;
        margin-top: 5px;
    }
    .team-area span{
        font-size: 12px;
        line-height: 1;
        display: block;
    }
    .team-area p{
        font-size: 12px;
    }
    button{
        font-size: 12px!important;
    }
    .team-area{
        width: 60%;
    }
    .logo a .rotation {
        max-width: 18px;
    }
}
@media (max-width:320px) {
    .banner-top-content h1{
        font-size:30px
    }
    .banner-top-content h1 span{
        font-size:16px
    }
    .banner-top-content h1{
        padding-top: 20px;
    }
    .banner-bottom-content {
        padding-bottom: 25px;
    }
    .content-wrapper {
        min-height: 25vh;
    }
}

.client-area .section-heading{
    display: none;
}

.single-box a{
    color: #000;
   font-weight: 600;
}
.single-box a:hover{
    color: #0071bb;
}

.mfp-bg{
    opacity: 1;
}

.hamburger-menu.purple.gray .menu__box{
    background: #000;
}
.hamburger-menu.purple.gray .menu__box .menu__item{
    color: #fff;
}

.banner-bottom-content p a{
    color: #fff;
}
.banner-bottom-content p a:hover{
    color: #0d6efd;
}

.bottom-border{
    border-bottom: 6px solid #fff;
}

#contact-form button{
    visibility: visible!important;
    opacity: 1!important;
}

p.form-message.error {
    color: red;
    padding-top: 10px;
}
p.form-message.success {
    color: green;
    padding-top: 10px;
}

@media (max-width:767px) {
    .banner-bottom-content p a{
        color: #000;
    }
}