@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('../fontsmontserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat_bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

:root{
    --color-black: #000;
    --color-white: #fff;    
    --color-dark-pink: #e59090;
    --color-light-pink: #e89c9c;
    --color-dark-blue: #2fb4ac;
    --color-light-blue: #6edad4; 
    --colo-dark-yellow: #ffe98a;
    --color-light-yellow: #ffeb97;
    --color-gray: #777777;
    --color-button-blue: #21243d;
}


html{
    -webkit-text-size-adjust: none;
}

body{
    font: 16px/1.4 'montserratregular', sans-serif;
    background: var(--color-pink);
    color: var(--color-white);
}

*, *:before, *:after{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

.clear, .clearfix{
    clear: both;
}

.clearfix:after{
    display: table;
    content: '';
    clear: both;
}

html, body, div, section, span, p, ul, li, header, footer{
    border: 0;
    margin: 0;
    padding: 0;
}

::placeholder{
    color: var(--color-black);
    opacity: 1;
}

:-ms-input-placeholder, ::-ms-input-placeholder{
    color: var(--color-black);
}

h1, h2, h3, h4, h5, h6{
    padding: 0;
    margin: 0 0 20px 0;
    font-family: 'montserratbold';
    line-height: 1.4;
}
h1{
    font-size: 116px;
    line-height: 130px;
}

h2{
    font-size: 68px;
    line-height: 78px;
}

h3{
    font-size: 58px;
    line-height: 68px;
}

h4{
    font-size: 44px;
    line-height: 52px;
}

h5{
    font-size: 28px;
    line-height: 38px;
}

h6{
    font-size: 22px;
    line-height: 32px;
}

p{
    font-family: 'montserratlight';
    font-size: 20px;
    margin-bottom: 20px;
}

ul{
    padding: 0;
    margin: 0;
}

ul li{
    list-style: none;
}

a{
    text-decoration: none;
    color: var(--color-white);
    transition: all .3s ease-in-out;
}

.btn {
    color: var(--color-white);
    background: var(--color-dark-blue);
    border: 1px solid var(--color-dark-blue);
    border-radius: 50px;
    padding: 14px 52px 13px;
    font-size: 17px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
    margin: 0;
    position: relative;
    display: inline-flex;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 15px 0;
    font-family: 'montserratbold';
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .05);
}

.btn:hover, .home__about--RHS .btn:hover{
    background: var(--color-button-blue);
    border: 1px solid var(--color-button-blue);
    color: var(--color-white);
}

.container__full{
    max-width: 1330px;
    padding: 0 30px;
    margin: 0 auto;
    width: 100%;
}

.container{
    max-width: 1170px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

::-webkit-input-placeholder {
    color: var(--color-gray);
    opacity: 1;
}

/************************** MOBILE MENU START **************************************/

.mobile__menu {
    position: fixed;
    padding: 0;
    overflow: hidden;
    background-color: var(--color-white);
    height: 100vh;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: opacity .2s linear,-webkit-transform .3s ease-in-out;
    transition: opacity .2s linear,transform .3s ease-in-out;
    transition: opacity .2s linear,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
    width: 100vw;
    z-index: 9999;
    max-width: 520px;
    min-height: 100%;
}

.mobile__header {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    padding: 15px 0;
    position: fixed;
    top: 0;
    right: 40px;
    left: 40px;
    height: 105px;
    background-color: var(--color-white);
    z-index: 2;
    text-align: right;
    border-bottom: 0.0625rem solid hsla(0,0%,100%,.22);
}

.menu__icon{
    display: none;
    width: 30px;
    height: 19px;
    margin: 3px 0;
    padding: 0;
    cursor: pointer;
}

.menu__icon .icon__bar {
    display: block;
    background:  var(--color-button-blue);
    height: 2px;
    transition: all .4s;
}

.menu__icon .icon__bar+.icon__bar {
    margin-top: 6px;
}

.mobile__menu.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

#close__mobile--menu {
    cursor: pointer;
    display: block;
    width: 22px;
    height: 22px;
    position: relative;
}

#close__mobile--menu:after, #close__mobile--menu:before {
    background: #000;
    display: block;
    height: 2px;
    margin-top: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 50%;
    transition: -webkit-transform .25s ease-in-out 0s;
    transition: transform .25s ease-in-out 0s;
    transition: transform .25s ease-in-out 0s, -webkit-transform .25s ease-in-out 0s;
    -webkit-transition: -webkit-transform .25s ease-in-out 0s;
    width: 24px;
    z-index: 2;
    content: "";
}

#close__mobile--menu:before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

#close__mobile--menu:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile__body {
    overflow: hidden;
    overflow-y: auto;
    padding: 105px 40px 40px;
    height: 100%;
}

.menu {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
}

.menu li {
    border-bottom: 0.0625rem solid hsl(0deg 0% 51% / 22%);
    padding-right: 40px;
    position: relative;
}

.menu a {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: var(--color-button-blue);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    font-family: 'montserratbold';
    padding: 1.3rem 0;
    line-height: 1;
    text-transform: capitalize;
    letter-spacing: 1px;
}

.menu a:hover, .menu li.active a {
    color: var(--color-light-pink);
}

.mobile__menu.active .menu a {
    -webkit-animation: a .4s .2s backwards;
    animation: a .4s .2s backwards
}

.mobile__menu.active .menu li:nth-of-type(2) a {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.mobile__menu.active .menu li:nth-of-type(3) a {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.mobile__menu.active .menu li:nth-of-type(4) a {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.mobile__menu.active .menu li:nth-of-type(5) a {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.mobile__menu.active .menu li:nth-of-type(6) a {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.mobile__menu.active .menu li:nth-of-type(7) a {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

@-webkit-keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes a {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.mbl__hiden {
    overflow-y: hidden;
}

/************************** MOBILE MENU CSS END **************************************/

header{
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    background: var(--color-light-pink);
    z-index: 3; 
}

.logo img{
    width: 130px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.small__sticky .logo img {
    width: 75px; 
}

.mobile__header .logo{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.header__main {
    padding: 10px 0;
}

.flex__container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.desktop__menu li{
    margin-right: 50px;
}

.desktop__menu li:last-child{
    margin-right: 0;
}

.desktop__menu .search__icon a:after{
    position: inherit;
}

.desktop__menu li a{
    position: relative;
    display: block;
    text-transform: capitalize;
    font-size: 17px;
    padding: 22px 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;  
}

.desktop__menu li a:after{
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 0%;
    height: 2px;
    content: '';
    background: var(--color-dark-blue);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -ms-transform: scale(-1);
    -o-transform: scale(-1);
    transform: scale(-1);
    background: var(--color-button-blue);
    
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.desktop__menu li.active a:after, .desktop__menu li:hover a:after{
    left: 0;
    width: 100%;
}

.desktop__menu li a:hover, .desktop__menu li.active a{
    color: var(--color-button-blue);
}

.search__icon img{
    width: 20px;
    vertical-align: middle;
}

.banner{
    position: relative;
    z-index: 2;
}

.banner:after{
    position: absolute;
    right: 0;
    top: 0;
    width: 414px;
    height: 466px;
    content: '';
    background: url('../images/banner__shape.png') no-repeat;
}

.banner img{
    width: 100%;
}

.banner__inner{
    position: absolute;
    top: 47%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-47%);
    transform: translateY(-47%);
    max-width: 1330px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    z-index: 1;
}

.works__banner--text{
    max-width: 650px;
}

.banner__inner p{
    max-width: 550px;
}

.home__about{
    padding: 175px 0 120px;
    position: relative;
}

.overlay--img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* opacity: 0.1; */
}

.overlay--img .abt_img1{
    /* background: url('../images/icon__one.png') no-repeat; */
    width: 450px;
    height: 280px;
    top: -75px;
}

.overlay--img .abt_img2{
    /* background: url('../images/icon__two.png') no-repeat; */
    width: 497px;
    height: 70px;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.overlay--img .abt_img3{
    /* background: url('../images/icon__three.png') no-repeat; */
    top: inherit;
    bottom: 30px;
    left: 30px;
    width: 111px;
    height: 253px;
}

.overlay--img .abt_img4{
    /* background: url('../images/icon__four.png') no-repeat; */
    top: inherit;
    left: inherit;
    right: 0;
    bottom: 0;
    width: 443px;
    height: 194px;
}

.home__about--LHS{
    width: 40%;
    z-index: 2;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.home__about--LHS:before{
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}

.home__about--LHS:hover:before{
    -webkit-animation: shine 0.85s;
    animation: shine 0.85s;
}

@keyframes shine {
			100% {
				left: 125%;
			}
		}

.home__about--LHS img{
    width: 100%;
    height: 100%;
    
    /* -webkit-transform: scale(1);
    transform: scale(1); */
    
}

.home__about--LHS img:hover{

    /* -webkit-transform: scale(1.3);
    transform: scale(1.3); */
}

.card__one--img{
    transition: transform 0.3s ease-in-out;
}

.card__one--img:hover{
    transform: rotate(15deg);
}


.home__statistic .home__about--RHS{
    width: 100%;
}

.home__about--RHS{
    width: 50%;
    z-index: 2;
}

.home__about--RHS h2{
    color: var(--color-dark-blue);
}

.home__about--RHS p{
    color: var(--color-dark-blue);
}

.home__about--RHS .btn, .newsletter__form .btn__fill:hover{
    background: var(--color-dark-pink);
    border: 1px solid var(--color-dark-pink);
    color: var(--color-white);
}

.home__specialmenu{
    position: relative;
    background: var(--color-light-pink);
    padding: 145px 0 0px;
}

.home__specialmenu::after, .home__about--reverse::after{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 428px;
    content: '';
    background: url('../images/special_bg.png') no-repeat;
    background-size: cover;
    background-position: top;
    z-index: 1;
}

.heading{
    text-align: center;
    margin-bottom: 70px;
    z-index: 1;
    position: relative;
}

.overlay--img .special_img1{
    /* background: url('../images/special_one.png') no-repeat; */
    width: 370px;
    height: 245px;
    top: 60px;
}

.overlay--img .special_img2{
    /* background: url('../images/special_two.png') no-repeat; */
    width: 369px;
    height: 159px;
    top: 60px;
    left: inherit;
    transform: inherit;
    right: 0;
}

.home__specialmenu .specialmenu--RHS{
    width: 100%;
}

.card{
    position: relative;
    width: 31%;
    text-align: center;
    z-index: 2;
}

.card__one--content {
    padding: 20px 40px;
}

.card p{
    color: var(--color-white);
}

.home__statistic .heading{
    color: var(--color-dark-blue);
    max-width: 800px;
    margin: 0 auto 70px;
}

.home__statistic{
    position: relative;
    padding: 90px 0 155px;
}

.home__statistic .abt_img2{
    left: -50px;
    transform: inherit;
    top: 80px;
}

.home__statistic .overlay--img .abt_img1{
    top: 40px;
    left: inherit;
    right: 0;
    /* background: url('../images/icon__five.png') no-repeat; */
    width: 351px;
    height: 231px;
}

.home__statistic .overlay--img .abt_img3{
    left: inherit;
    right: 30px;
}

.home__statistic .abt_img4{
    left: 0;
    right: inherit;
}

.card__box h4{
    color: var(--color-dark-blue);
}

.card__box h6{
    color: var(--color-dark-blue);
}

.card__box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 300px;
}

.card__inner--box{
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 10px solid var(--color-dark-pink);
    max-width: 350px;
    margin: 0 auto;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 500ms ease;
    box-shadow: 0 30px 30px rgba(0, 0, 0, 0.40);
}

.card__box--img{
    position: relative;
}

.card__box--img .img__figure{
    position: relative;
}

.card__box .card__box--img img{
    display: block;
    width: 100%;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.card__box--content{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    background-color: rgb(229 144 144 / 77%);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.inner__block{
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 40px;
}

.card__box--content .price{
    position: relative;
    display: block;
    opacity: 0;
    margin-bottom: 5px;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 300ms ease;
}

.card__box--content .dish{
    position: relative;
    display: block;
    margin-bottom: 15px;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 300ms ease;
}

/* .card__box:hover .card__inner--box{
    box-shadow: none;
} */

.card__box:hover .card__box--content {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    opacity: 1;
}

.card__box:hover .card__box--content .price{
    opacity: 1;
    color: var(--color-white);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}

.card__box:hover .card__box--content .dish{
    opacity: 1;
    color: var(--color-white);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

/*.card__box--img{
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    object-fit: cover;
    align-items: center;
    box-shadow: 0 5px 16px 0 rgba(0, 0, 0, .05);
}

 .card__box--img::after{
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    background-color: rgba(28, 139, 210, .70);
    background-color: rgba(237, 23, 127, .90);
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
}

.card__box:hover .card__box--img {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    opacity: 1;
} */

.card__box h4{
    margin-bottom: 0px;
}

.card__box h5{
    margin: 0;
    text-transform: uppercase;
    color: var(--color-dark-blue);
}

.home__about--reverse{
    background: var(--color-light-blue);
    overflow: hidden;
}

.home__about--reverse h2, .home__about--reverse p{
    color: var(--color-white);
}

.home__about--reverse .abt_img2{
    width: 299px;
    height: 249px;
    right: 0;
    left: inherit;
    transform: inherit;
    top: -10px;
}

.home__about--reverse .abt_img3{
    width: 346px;
    height: 151px;
    left: 0;
    bottom: 10px;
}

.home__about--reverse::after{
    background: url('../images/special_rbg.png') no-repeat;
    background-size: cover;
    background-position: top;
}

.testimonial{
    position: relative;
    background: url('../images/testimonial_bg.png') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
    z-index: 1;
    padding: 120px 0 120px;
}

.testimonial__img {
    margin-bottom: 30px;
}

.testimonial__slider {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.testimonial:after{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 380px;
    content: '';
    background: url('../images/special_bg.png') no-repeat;
    background-size: cover;
    background-position: top;
    z-index: 1;
}

.testimonial__content p{
    font-size: 26px;
    line-height: 36px;
}

.home__newsletter{
    position: relative;
    background: var(--color-light-yellow);
    padding: 175px 0 350px;
}

.home__newsletter .heading{
    color: var(--color-button-blue);
    max-width: 765px;
    margin: 0 auto 70px;
    text-align: center;
}

.home__newsletter .heading p{
    color: var(--color-button-blue);
}

.home__newsletter .overlay--img .abt_img1{
    left: inherit;
    right: 0px;
    width: 331px;
    height: 180px;
    top: 40px;
}

.home__newsletter .overlay--img .abt_img2 {
    top: inherit;
    bottom: 0px;
    left: inherit;
    width: 420px;
    height: 333px;
    transform: inherit;
}

.newsletter__form{
    max-width: 600px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.newsletter__form input{
    height: 52px;
    width: 100%;
    padding: 12px 200px 12px 30px;
    border: none;
    border-radius: 50px;
    font-size: 18px;
    outline: none;
    color: var(--color-gray);
    cursor: pointer;
}

.newsletter__form .btn__fill{
    position: absolute;
    top: 50%;
    right: 0px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 12px 42px 12px;
    border-radius: 50px;
    font-size: 17px;
    margin: 0;
    height: 52px;
    justify-content: center;
    align-items: center;
    background: var(--color-button-blue);
    border: 1px solid var(--color-button-blue);
    cursor: pointer;
}

.home__newsletter:after{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 380px;
    content: '';
    background: url('../images/special_bg.png') no-repeat;
    background-size: cover;
    background-position: top;
    z-index: 1;
}

.footer__top{
    background-color: var(--color-gray);
    padding: 90px 0 70px;
}

.footer__left{
    width: 500px;
    padding-right: 50px;
}

.footer__right{
    width: calc(100% - 450px);
    align-items: flex-start;
    max-width: 580px;
}

.footer__inner{
    align-items: flex-start;
}

.footer__logo img{
    width: 110px;
}

.footer__logo{
    margin-bottom: 25px;
}

.footer__right h5{
    margin-bottom: 25px;
}

.footer__right a{
    display: inline-flex;
    padding-bottom: 6px;
    font-size: 17px;
    color: var(--color-white);
    text-transform: capitalize;
    font-family: 'montserratlight';
    transition: all 0.3s;
}

.footer__right a:hover{
    padding-left: 10px;
    font-family: 'montserratregular';
}

.footer__right ul{
    width: 250px;
}


.footer__right ul:last-child{
    width: 180px;
}

.footer__left p{
    margin-bottom: 30px;
}

.social__icon{
    max-width: 240px;
}

.footer__bottom{
    background-color: #595757;
    text-align: center;
    padding: 15px 0;
}

.footer__bottom p{
    margin: 0;
    font-size: 14px;
    color: var(--color-white);
}

.footer__bottom a:hover{
    color: var(--colo-dark-yellow);
    text-decoration: underline;
}

.social__icon a{
    display: flex;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    transition: 0.3s;
}

.social__icon li:hover img {
    transform: scale(1.2);
    transition: all .2s cubic-bezier(.63, .05, .43, 1.7);
}