.rama{



    padding: 10px 0px;

    position: relative;

    z-index: 1;

background:var(--deep_sky);

}

.rama .footer-bg-image{

    position: absolute;

    z-index: -1;

    opacity: .10;

    display: flex;

    align-items: center;

    justify-content: center;

    /* top: 50%; */

    left: 30%;

    /* height: 100vh; */

}

.rama .footer_main{

    width: 90%;

    /* height: 80vh; */

    display: flex;

    padding: 2% 0px;

    align-items: center;

    justify-content: space-between;

    margin:auto;

    flex-wrap: wrap;

    /* border: 1px solid red; */

}

.rama .footer_main .footer-left{

    width: 370px;

}



.rama .footer_main .footer1{


    width:250px;

  

}

.rama .footer_main .footer-left .footer-logo{

    display: flex;

    justify-content: center;

    align-items: center;

}

.rama .footer_main .footer-left .footer-logo img{

    height: 100px;

   



}

.rama .footer_main .footer-left .footer-logo .pari{

    color:var(--white);

    font-size: 20px;

    

}

.rama .footer_main .footer-left p{

color: var(--white);

padding: 10px 0px;

/* width: 50%; */

text-align: justify;

line-height: 23px;

font-size: var(--paragraph);
font-family: var(--font-family);
}

.rama .footer_main .footer-left .phone{

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 15px;

}
.rama .footer_main #footer-right{
    margin-bottom: 37px;
}

.rama .footer_main .footer-left .phone .icon{

    height: 35px;

    width: 35px;

    display: flex;

    font-size: 18px;

    font-weight: 500;

    align-items: center;

    justify-content: center;

    border-radius: 10px 10px 10px 0px;

    background: var(--orange);

    color: var(--white);

}

.rama .footer_main .footer-left .phone .inner-phone{

  color: var(--white);
  cursor: pointer;

font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;



}

.rama .footer_main .footer1 h4{

color: var(--white);

font-size: 21px;

padding-bottom: 20px;

font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

font-weight: 600;

position: relative;

z-index: 1;

}

.rama .footer_main .footer1 h4::before{

content: " ";

position: absolute;

width: 90px;

height: 3px;

background: rgba(255,255,255,0.2);

 bottom: 10px;

left: 0;

z-index: -1;

}

.rama .footer_main .footer1 h4::after{

    content: " ";

    position: absolute;

    height: 3px;

    width: 30px;

    bottom: 10px;

    left: 18px;

    z-index: -1;

    background:var(--orange);

}

.rama .footer_main .footer1 .footer-list{

    margin: 22px 0px;



}

.rama .footer_main .footer1 .footer-list ul{

    margin: 0;

    padding: 0;

    list-style: none;



    color: var(--white);

}

.rama .footer_main .footer1 .footer-list ul li{

    display: flex;

    font-size: 16px;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    padding-top: 15px;


gap: 3px;

    transition: .5s;



}
.rama .footer_main .footer1 .footer-list ul li a{
    text-decoration: none;
    color: var(--white);
}
.rama .footer_main .footer1 .footer-list ul li a:hover{
 color: var(--orange);
}

.rama .footer_main .footer1 .footer-list ul li:hover{

    margin-left: 7px;

    transition: .5s;

        color: var(--orange);



}

.rama .footer_main .footer1 .footer-list ul li i{

      color: var(--orange);
    padding-top: 5px;

}

.rama .footer_main .footer1 .email{

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 10px 0px;

}

.rama .footer_main .footer1 p{

    color: var(--white);

    font-size: 17px;

    line-height: 23px;

 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

.rama .footer_main .footer1 .email input{

    padding: 15px 10px;

    width: 100%;

    font-size: 16px;
outline: none;
    border-radius: 10px;

    border: none;

}

.rama .footer_main .footer1 .subscribe-button{

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    gap: 7px;

      color:var(--white);

    padding: 15px 0px;

    margin-top: 20px;

    background: var(--orange);

    border-radius: 25px 25px 25px 0px;

    position: relative;

    z-index: 1;

    overflow: hidden;

}

.rama .footer_main .footer1 .subscribe-button::before{

content: ' ';

position: absolute;

height: 300px;

width: 300px;

top: 50%;

left: 50%;

/* background: var(--white); */

border-radius: 50%;

    transform: translateY(-50%) translateX(-50%) scale(0);

    transition: .5s cubic-bezier(0.25, 0.46, 0.45, 0.94);



z-index: -1;

}

.rama .footer_main .footer1 .subscribe-button:hover::before{

    background:var(--white);

    left: 0;

    top: 0;

    right: 0;

}



.rama .footer_main .footer1 .subscribe-button button{

    border: none;

    background: none;

      color:var(--white);

    font-size: 16px;

    font-weight: 600;

font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

.rama .hr{

    height: 1px;

    width: 90%;

    margin: auto;

    /* margin-bottom: 40px; */

    background: rgba(211, 211, 211, 0.589);

}

.rama .footer-down{

    width: 90%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

margin: auto;

}

.rama .footer-down .footer-down-write{

    padding: 10px 0px;

    color: var(--white);

    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

.rama .footer-down .footer-down-icon{

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    margin: 10px 0px;

}

.rama .footer-down .footer-down-icon .footer-icon{

    height: 35px;

    width: 35px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

           color: var(--orange);

    border-radius: 10px 10px 10px 0px;

    background: var(--white);

    transition: .5s;

}

.rama .footer-down .footer-down-icon .footer-icon:hover{

    background: var(--orange);

    color: var(--white);

        transition: .5s;



}

@media(max-width:730px){

    .rama{

        width: 100%;

    }

    .rama .footer-bg-image img{

        width: 100%;

    }

        .rama .footer_main  .footer1{

            margin: 20px 0px;

        }

}