#mySidenav .row,

.sidenav {

    min-height: 100vh;

}

.icon-btns .icon-btn:hover,

.urja-logo {

    transition: 0.2s;

}

#theme-navbar {

    position: fixed;

    width: 100%;

    top: 0;

    left: 0;

    z-index: 999;

    background: #fff;

}

#theme-navbar.scrolled {

    background-color: #fff;

    transition: 0.3s ease-in-out;

    box-shadow: 0 3px 4px 1px #00000012;

}

#theme-navbar .navs {

    display: flex;

    justify-content: space-between;

}

#theme-navbar .navs .nav-menu-sect {

    flex: 1;

    padding: 20px 5px;

}

.hamburger-btn {

    cursor: pointer;

    font-size: 27px !important;

    height: 25px;

    width: 35px;

}

.search-icon-btn,

.user-icon-btn {

    height: 30px;

    width: 33px;

}

.nav-menu-sect {

    display: flex;

    justify-content: flex-end;

    position: relative;

}

.search-bar-section {

    opacity: 0;

    position: absolute;

    top: -60px;

    left: 0;

    width: 75%;

    min-width: 320px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.icon-btns,

.search-bar {

    justify-content: center;

}

#theme-navbar.show-search .search-bar-section {

    opacity: 1;

    top: 40px;

    transition: 0.3s ease-in-out;

}

#theme-navbar:not(.show-search) .search-bar-section {

    opacity: 0;

    top: -60px;

    transition: 0.5s ease-in-out;

}

.search-bar {

    background-color: #fff;

    width: inherit;

    max-width: 500px;

    min-width: 320px;

    display: flex;

    align-items: center;

    border: 1px solid #751d53;

    border-radius: 40px;

}

.search-bar input {

    background-color: transparent;

    width: 100%;

    height: 40px;

    padding: 0 15px;

    font-size: 16px;

    font-weight: 300;

    border: none;

    color: #751d53;

}

.search-bar input:focus {

    outline: 0;

}

.search-bar i {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #751d53;

}

.hamburger-btn-sec,

.icon-btns {

    align-items: center;

    display: flex;

}

.icon-btns {

    width: 20%;

    min-width: 120px;

    max-width: 170px;

    padding: 0 20px;

    gap: 20px;

}

.hamburger-btn-sec {

    width: 5%;

    min-width: 50px;

    justify-content: center;

}

.icon-btns .icon-btn {

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50px;

    cursor: pointer;

}

.icon-btns .icon-btn i {

    font-size: 16px;

}

.urja-logo {

    cursor: pointer;
    width: 100px;

}

#main,

.sidenav {

    transition: 0.5s;

}

.width-100 {

    width: 100vw !important;

}

.search-icon-btn-2 {

    width: 25px;

    height: 24px;

    margin-right: 10px;

}

.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 9999999;

    top: 0;

    right: 0;

    background-color: #f8f8f8;

    overflow-x: hidden;

}

.sidenav-lefts,

.sidenav-rights,

main {

    position: relative;

}

.sidenav-rights {

    background-color: #85096b;

    display: flex;

    flex-direction: column;

    justify-content: end;

    align-items: flex-end;

    gap: 20px;

}

.sidenav-rights .closebtn {

    position: fixed;

    top: 35px;

    font-size: 20px;

    font-weight: 800;

    color: #fff;

    cursor: pointer;

    display: none;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    align-items: flex-end;

}

#banner-social-icons,

.sidenav-lefts .urja-logo {

    position: absolute;

    top: 0;

}

@media (min-width: 768px) {

    .sidenav-rights .closebtn::after {

        content: "Close";

        font-family: Montserrat, sans-serif;

        position: relative;

        font-size: 15px;

        font-weight: 500;

    }

}

.theme-nav + #mySidenav .closebtn {

    display: none;

}

.footer-it,

.theme-nav.nav-opened + #mySidenav .closebtn {

    display: flex;

}

.menu-apply-btn {

    background-color: #fff;

    color: #85096b;

    padding: 10px 20px;

    border-radius: 50px;

    text-transform: capitalize;

    text-decoration: none;

    font-size: 14px;

    font-family: Montserrat, sans-serif;

}

.menu-apply-btn:hover {

    background-color: #dad1d1;

    transition: 0.3s;

}

.sidenav .sidenav-lefts .container a {

    font-family: Montserrat, sans-serif;

    padding: 13px 0;

    text-decoration: none;

    font-size: 20px;

    color: #171717;

    transition: 0.3s;

    border-bottom: 1px solid #707070;

    display: flex;

    justify-content: space-between;

    align-items: center;

    font-weight: 400 !important;

}

.sidenav .sidenav-lefts .container a:last-child {

    border-bottom: none;

}

.sidenav .sidenav-lefts .container a::after {

    content: "";

    width: 12px;

    height: 20px;

    right: 0;

    background-image: url(../images/menu-arrow.svg);

    background-repeat: no-repeat;

}

.sidenav a:hover {

    color: #2c2c2c;

}

.div-section {

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    gap: 20px;

}

#main {

    overflow: hidden;

}

.sidenav-section {

    min-width: 990px;

}

#mySidenav .row > div {

    padding: 130px 100px;

}

@media screen and (max-width: 500px) {

    #mySidenav .row > div {

        padding: 60px 20px;

    }

}

@media screen and (max-width: 768px) {

    .footer-icon {

        display: none !important;

    }

    .sidenav a {

        font-size: 18px;

    }

    .search-bar {

        min-width: 100px;

    }

    .nav-menu-sect {

        position: unset;

    }

    .sidenav-rights .closebtn {

        padding: 5px 10px;

        font-size: 14px;

        border-radius: 50px;

        background-color: #85096b;

    }

    #theme-navbar.show-search .search-bar-section {

        top: 80px;

        transition: 0.3s ease-in-out;

        width: 100%;

        padding: 0 50px;

    }

    .search-bar input {

        font-size: 14px;

        height: 35px;

    }

    .search-bar i {

        width: 35px;

        height: 35px;

    }

}

.footer-icon i,

.footer-social-icons a {

    background-color: #707070;

    color: #e0e0e0 !important;

    display: flex;

    border-radius: 50px;

    font-size: 14px;

}

@media screen and (max-width: 992px) {

    .icon-btns .icon-btn {

        height: 30px;

        width: 30px;

    }

    .icon-btns .icon-btn i {

        font-size: 14px !important;

    }

    #mySidenav .row > div {

        padding: 80px 40px;

    }

    #theme-navbar.scrolled .urja-logo {

        width: 180px;

        height: auto;

        transition: 0.3s ease-in-out;

    }

}

@media screen and (min-width: 991px) {

    .urja-logo {

        width: 210px;

        height: 100%;

    }

    header .urja-logo {

        width: 120px;

        height: 100%;

    }

    #footer-top .urja-logo {

        width: 300px;

        height: auto;

    }

    .sidenav-lefts .urja-logo {

        width: 325px;

        height: auto;

    }

    #theme-navbar.scrolled {

        padding-bottom: 5px;

    }

    #theme-navbar.scrolled .urja-logo {

        width: 170px;

        height: 100%;

        transition: 0.3s ease-in-out;

    }

    #theme-navbar .container-fluid {

        max-width: 1600px;

    }

}

@media screen and (min-width: 1400px) {

    .urja-logo {

        width: 240px;

        height: 100%;

    }

    header .urja-logo {

        width: 120px;

        height: 100%;

    }

    #footer-top .urja-logo {

        width: 220px;

        height: auto;

    }

    .sidenav-lefts .urja-logo {

        width: 220px;

        height: auto;

    }

    #theme-navbar.scrolled {

        padding-bottom: 5px;

    }

    #theme-navbar.scrolled .urja-logo {

        width: 190px;

        height: 100%;

        transition: 0.3s ease-in-out;

    }

    #theme-navbar .container-fluid {

        max-width: 1600px;

    }

}



#banner-social-icons {

    right: 50px;

    height: 600px;

    width: 100%;

    display: flex;

    align-items: center;

}

.page-social-icons {

    display: flex;

    gap: 10px;

    flex-direction: column;

    position: relative;

    padding: 20px 0;

}

@media (min-width: 900px){

    .page-social-icons{

        margin-right: -50px;

    }

}

.page-social-icons::before {

    position: absolute;

    content: "";

    width: 1px;

    height: 100%;

    background-color: #e1cfcf;

    top: 0;

    left: 15px;

    bottom: 0;

    z-index: 1;

    transform: translateX(50%);

}

.page-social-icons a {

    text-decoration: none;

    z-index: 2;

}

.page-social-icons a i {

    background-color: #606060;

    color: #f1eeed;

    font-size: 12px;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.page-social-icons a:hover i {

    /* transform: scale(1.1); */

    background-color: #9c0b7c;

}

.home #main-banner {

    margin-bottom: 30px;

}

.owl-carousel#main-banner {

    display: unset;

}

/* .banner-img1 {

    background: url(../images/article-banner.webp);

}

.banner-img2 {

    background: url(../images/blog-banner.webp);

}

.banner-img3 {

    background: url(../images/news-banner.webp);

}

.banner-img4 {

    background: url(../images/csr-banner.webp);

}

.banner-img5 {

    background: url(../images/gallery-banner.webp);

}

.banner-img6 {

    background: url(../images/contact-us-banner.webp);

}

.banner-img7 {

    background: url(../images/career-banner.webp);

} */

@media (max-width: 991px) {

    #banner-social-icons {

        height: 400px;

    }

}

@media (max-width: 767px) {

    .footer-it {

        display: block !important;

    }

    #footer-section {

        text-align: center;

    }

    .sidenav .sidenav-lefts .container a {

        font-size: 16px;

    }

    #banner-social-icons {

        height: 400px;

    }

    #main,

    main {

        text-align: center;

    }

    #main-banner.banner-img6 {

        margin-bottom: 8rem;

    }

    /* #main-banner.banner-img6 .BannerTitle {

        bottom: -36%;

    } */

    .main-contact .address-line {

        align-items: flex-start;

    }

    .main-contact .theme-form {

        text-align: left;

    }

}

#footer-section #footer-top {

    background-color: #e0e0e0;

}

.footer-icon i {

    width: 30px;

    height: 30px;

    align-items: center;

    justify-content: center;

}

.footer-icon-text {

    padding: 0 15px;

}

#footer-top .footer-title {

    font-size: 23px;

    font-weight: 800;

    height: 30px;

    font-family: Montserrat, sans-serif;

    margin-bottom: 15px;

}

#footer-top .footer-subtitle {

    font-size: 18px;

    font-weight: 800;

    font-family: Montserrat, sans-serif;

}

#footer-top .footer-text {

    font-weight: 600;

    font-size: 17px;

    font-family: Montserrat, sans-serif;

}

ul.pages-links {

    list-style: none;

    padding-left: 0;

    font-weight: 300;

}

ul.pages-links li {

    padding-bottom: 5px;

}

ul.pages-links li a {

    text-decoration: none;

    font-size: 18px;

    font-weight: 400;

    color: #262626;

}

.footer-social-icons {

    display: flex;

    justify-content: center;

    gap: 10px;

}

.footer-social-icons a {

    text-decoration: none;

    height: 30px;

    width: 30px;

    justify-content: center;

    align-items: center;

}

.footer-social-icons a:hover {

    background-color: #9d0b7c;

}

#footer-bottom {

    background-color: #333;

}

#footer-bottom a {

    color: #fff;

    font-size: 15px !important;

    text-decoration: none;

    font-weight: 300;

}

@media (min-width: 1200px) {

    div.ps-lg-5 {

        padding-left: 2.1rem !important;

    }

}

@media (min-width: 1400px) {

    div.ps-lg-5 {

        padding-left: 3rem !important;

    }

}

.call-link{

    text-decoration: none;

    color: inherit;

}