/*Fonts*/

@font-face {
    font-family: Futuram;
    src: url(../Fonts/Futuram.ttf);
}

@font-face {
    font-family: Futuran;
    src: url(../Fonts/Futuran.ttf);
}

* {
    --primaryColor: #f0796c;
    --secondaryColor: #d9c99d;
}

h1,
h2,
h3,
h4,
span,
button,
input,
optgroup,
select,
textarea,
a {
    font-family: Futuram;
}

p {
    font-family: Futuran;
}

.sidenav,
span.hamburger-menu {
    font-family: Futuram;
}

.sidenav {
    background-image: linear-gradient(90deg, rgb(255, 255, 255) 80%, var(--primaryColor) 80%, var(--primaryColor) 100%, transparent 0%);

}

/*
body {
    font-family: Futuram;
}
*/

.close {
    right: 7px;
    position: absolute;
    z-index: 9;
    color: #000;
    font-size: 33px;
    opacity: 1;
    text-shadow: none;
}

#myModal {
    padding: 0 !important;
}

/*END OF Fonts*/

/*common style*/

.images_icon {
    position: relative;
}

.circle {
    position: absolute;
    -webkit-animation: rotation 5s infinite linear;

}

.pluse {
    position: absolute;
    left: 21%;
    -webkit-animation: rotation 5s infinite linear;
}

.images_icon .rotate_img {
    position: absolute;
    bottom: -137px;
    left: 86px;
    -webkit-animation: rotation 5s infinite linear;
}



@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}



.banner_icons {
    right: 41px !important;
    float: right !important;
    z-index: 1 !important;
}

.banner_icons .rotate_img {
    bottom: -215px;
    right: 86px;
    left: -159px !important;
}

.banner_icons .circle {
    bottom: -280px;
    right: 201px;
}

.banner_icons .pluse {
    bottom: -290px;
    right: 21px;
}

/*common bg color*/

.common_bg {
    position: relative;
    margin-bottom: 10%;
}

.common_bg1 {
    position: relative;
    background-color: #F0796C;
    height: 185px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 16%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 16%);

}

.common_bg2 {
    position: absolute;
    background-color: #d8c89c;
    height: 150px;
    top: 2px;
    -webkit-clip-path: polygon(0 58%, 100% 0, 100% 5%, 0 64%);
    clip-path: polygon(0 58%, 100% 0, 100% 5%, 0 64%);

}



/*END OF common bg color*/

/*END OF common style*/

.read_btn {
    background-color: #F0796C !important;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #d8c89c !important;
}

.read_btn:hover {
    background-color: #d8c89c !important;
    color: #fff !important;
    border: 1px solid #F0796C !important;
}

.read_btn:hover {
    color: #fff;
}

.btn_ani {
    transition: all .2s !important;
}

.btn_ani:hover {
    transform: translateY(-3px);
    /* box-shadow: 0 10px 20px rgba(0, 0, 0, .2); */
}