* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

/* 

:root {

    --background-color11: 45deg, #1899ad, #0e454f;
    --background-color1: #03023e;

    --background-color2: #FDA31B;

    --background-color3: #F5FAFF;

    --background-color4: #024a02;
     --moz-animation: backwards;
    --color1: #FDA31B;

    --color2: #F5FAFF;

    --color3:#f4f9fe;

    --para-color: #a2a4a2;

    --font-family: 'Roboto', sans-serif;

    --font-family1: 'Yantramanav', sans-serif;

} */



.top-nav-main-sunita {

    width: 100%;

  background: linear-gradient(var(--background-color11));

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.top-nav-main-sunita .top-nav-main-sunita-left {

    width: 20%;

    background-color: var(--background-color2);

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}



.top-nav-main-sunita .top-nav-main-sunita-left::before {

    width: 28%;

    height: 100%;

    background-color: var(--background-color2);

    position: absolute;

    right: -14%;

    top: 0;

    transform: skew(49deg);

    content: '';

}



.top-nav-main-sunita .top-nav-main-sunita-left p {

    font-family: var(--font-family1);

    font-size: 18px;

    font-weight: bold;

    margin: 18px 10px;

    padding: 0;

    color: var(--color3);

}



.top-nav-main-sunita .top-nav-main-sunita-left i {

    font-size: 18px;

    color: var(--color2);

    transition: .5s;

    margin: 0px 4px;

}



.top-nav-main-sunita .top-nav-main-sunita-left i:hover {

    color: #0e454f;

    transform: scale(1.1);

    cursor: pointer;

}



.top-nav-main-sunita .top-nav-main-sunita-right {

    width: 40%;

    height: 100%;

    display: flex;

    align-items: center;

    justify-content: space-around;

}



.top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one {

    width: 35%;

    height: 60px;

    display: flex;

    align-items: center;

}



.top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-left i {

    font-size: 22px;

    color: var(--color1);

}



.top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-right {

    font-family: var(--font-family1);



    color: var(--color2);

    padding: 0px 0px 0px 15px;

}



.top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-right p {

    margin: 0;

    font-size: 13px;

}



.top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-right h5 {

    margin: 0;

    font-size: 16px;

    font-size: 17px;


}
.top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-right h5 a{
   color: var(--color2);
   text-decoration: none;
}


@media(max-width:1351px) {

    .top-nav-main-sunita .top-nav-main-sunita-left {

        width: 25%;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right {

        width: 50%;

    }

}



@media(max-width:1108px) {

    .top-nav-main-sunita .top-nav-main-sunita-left {

        width: 30%;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right {

        width: 70%;

    }

}



@media(max-width:915px) {

    .top-nav-main-sunita .top-nav-main-sunita-left {

        width: 40%;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right {

        width: 50%;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one {

        width: 40%;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-right h5 {

        font-size: 14px;

    }

}



@media(max-width:820px) {

    .top-nav-main-sunita {

        display: grid;

        /* justify-content: center; */

    }



    .top-nav-main-sunita .top-nav-main-sunita-left {

        width: 80%;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right {

        width: 439px;

        margin: auto;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one {

        width: 100%;

    }

}



@media(max-width:438px) {

    .top-nav-main-sunita {

        display: flex;

    }



    .top-nav-main-sunita .top-nav-main-sunita-left p {

        display: none;

    }



    .top-nav-main-sunita .top-nav-main-sunita-right {

        width: 100%;

        padding-left: 10px;

    }



    .top-nav-main-sunita .top-nav-main-sunita-left p {

        font-size: 12px;

    }



    .top-nav-main-sunita .top-nav-main-sunita-left i {

        font-size: 12px;

    }



    .top-nav-main-sunita .top-nav-main-sunita-left {

        width: 50%;

        display: none;

    }

    .sunita-nav-main .sunita-nav-main-inner .sunita-nav-main-inner-left img{

        height: 60px;

    }

   .top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-right p{

    font-size: 10px;

   } 

       .top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-right h5{

        font-size: 12px;

       }

       .top-nav-main-sunita .top-nav-main-sunita-right .top-nav-main-sunita-right-one .top-nav-main-sunita-right-one-left i{

        font-size: 17px;

       }

}