@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
html,body{margin:0;font-family: 'Noto Sans', sans-serif;outline:none;}
/* background: #003ea008; */
.padd0{padding:0;}
.mar0{margin:0;}
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}
a,a:hover{text-decoration: none;}
.padd0{padding: 0;}
.slick-slide a, .slick-slide a:focus, .slick-slide a:hover{outline: none !important;}
/* Top Header */


/* HEADER */
header{background: #fff;padding: 10px 0;}
header .logobox{text-align:center;}
header .logobox img{width: 100%;}


/* mainmenu */
.mainmenu{
    background: #ffffff;
    box-shadow: 0px 3px 2px -1px #eaeaea;
    position: relative;
    }

.mainmenu .innerbox > ul{
    margin: 0;
    list-style: none;
    display: inline-block;
    padding: 0;
}
.mainmenu .innerbox > ul > li{
    display: inline-block;
    position: relative;
    /* border-bottom: 3px solid #8a6e6e; */
}
.mainmenu .innerbox > ul > li > a{
    color: #000000;
    padding: 14px 10px;
    display: block;
    text-transform: capitalize;
    /* font-family: "Roboto Condensed", sans-serif; */
    font-weight: 400;
    font-size: 16px;
    border-bottom: 2px solid #ffffff;
}
.mainmenu .innerbox > ul > li.active > a{color:#ce842f; border-color: #ce842f;}
.mainmenu .innerbox > ul > li > a.joinbtn{background: #f5821f;
    padding: 7px 20px;
    border-radius: 3px;

    text-align: CENTER;}

.mainmenu .innerbox > ul > li > ul{border: none;
    top: 100%;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 220px;
    display: block;
    border-radius: 0;
    padding: 10px 0;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    margin-top: 10px;
    list-style: none;
    background: #ffffff;
    -webkit-transition: .6s;
    transition: .6s;
    box-shadow: 1px 5px 15px 0 rgb(0 0 0 / 10%);
    text-align: center;}
    .mainmenu .innerbox > ul > li:hover > ul{    opacity: 1;
        visibility: visible;
        margin-top: 0;
        z-index: 99;}

.mainmenu .innerbox > ul > li > ul > li > a{
    display: block;
    text-align: left;
    padding: 5px 20px;
    /* text-transform: uppercase; */
    font-weight: 500;
    color: #8d8d8d;
    font-size: 15px;
    /* font-family: "Roboto Condensed", sans-serif; */
    font-weight: 400;
    }

/* Mobile */
.mobileheader{
    padding: 15px 0;
}
.mobileheader .mobhead{
    display: flex;
    gap: 10px;
}
.mobileheader .mobhead a{
    width: 90%;
}
.mobileheader .mobhead a img{
    width: 100%;
}
.mobileheader .mobhead .mobiletoggle{
    width: 10%;
    padding-top: 10px;
}
.mobileheader .mobhead .mobiletoggle button{
    width: 40px;
    height: 40px;
    background: none;
    border: none;
}
.mobileheader .mobhead .mobiletoggle button span{
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    margin-bottom: 8px;
}

/* mobile menu */
/* Side Menu Styles */
.side-menu {
    width: 80%; /* or any width you want */
    position: fixed;
    top: 0;
    left: -80%; /* Initially hidden off-screen */
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 1000;
    transition: left 0.3s ease; /* Smooth transition for opening/closing */
    overflow-y: scroll;
}
.side-menu .mobmenulogo{text-align: center;border-bottom: 1px solid #eee;}
.side-menu .mobmenulogo img{width:100%; padding:15px;}
.side-menu.open {
    left: 0; /* When "open" class is added, the menu slides in */
}

.side-menu-inner {
    overflow-y: auto;
}
.side-menu-inner > ul{
    padding: 0;
    list-style: none;
}
.side-menu-inner > ul > li{
    border-bottom: 1px solid #eee;
}
.side-menu-inner > ul > li > a{
    padding: 10px 15px;
    display: block;
    color: #000;
    position: relative;
}
.side-menu-inner > ul > li > a > i{
    position: absolute;
    right: 15px;
    top: 12px;
    color: #8b8b8b;
}
.side-menu-inner > ul > li > ul{
    display: none;
    padding: 0;
    background: #f9f9f9;
}
.side-menu-inner > ul > li > ul > li > a{
    display: block;
    padding: 10px 15px;
    color: #000;
}
.side-menu-inner > ul > li > a.joinbtn{background: #f5821f;
    color: #fff;}
.side-menu-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

header .headsocialbtn{
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    padding-top: 23px;
    gap: 20px;
}
header .headsocialbtn ul{
    padding: 0;
    list-style: none;
    margin: 0;
    padding-top: 5px;
}
header .headsocialbtn ul li{
    display: inline-block;
}
header .headsocialbtn ul li a{
    display: block;
    background: #eee;
    border-radius: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 5px;
    color: #fff;
}
header .headsocialbtn ul li a.fb{
    background: #3F51B5;
}
header .headsocialbtn ul li a.tw{
    background: #2196F3;
}
header .headsocialbtn ul li a.it{
    background: #000000;
}
header .headsocialbtn ul li a.vk{
    background: #3c4472;
}
header .headsocialbtn .ebooklet{
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    background: #ce842f;
    text-transform: uppercase;
    font-size: 16px;
}

.widget-banner{}
.widget-banner img{width: 100%;}


.widget-homeabt{
    padding: 40px 0;
}
.widget-homeabt .head{}
.widget-homeabt .head h3{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 50px;
}
.widget-homeabt .head p{
    font-size: 18px;
    text-align: justify;
    color: #686868;
    padding-left: 5px;
    line-height: 32px;
}

.widget-grid-home{
    padding-bottom: 50px;
}
.widget-grid-home .gridinner{}
.widget-grid-home .gridinner .innerbox{
    padding-bottom: 15px;
}
.widget-grid-home .gridinner .innerbox figure{}
.widget-grid-home .gridinner .innerbox figure img{width: 100%;}
.widget-grid-home .gridinner .innerbox h3{color:#2b2b2b; }
.widget-grid-home .gridinner .innerbox p{color: #686868;font-size: 16px;line-height: 28px;}
.widget-grid-home .gridinner .innerbox a{
    font-weight: 600;
    font-size: 16px;
    color: #ce842f;
}


.widget-grid-home .collabhead{padding: 0;padding-top: 30px;}
.widget-grid-home .collabhead h3{}
.widget-grid-home .collaborationslide{
    padding: 25px 0;
    border: 1px solid #eee;
}
.widget-grid-home .collaborationslide ul{}
.widget-grid-home .collaborationslide ul li{}
.widget-grid-home .collaborationslide ul li img{
    width: 190px;
    max-width: 100%;
}

.widget-bg{background-attachment: fixed; position: relative;padding: 15% 0;background-repeat: no-repeat;background-position: top center;background-size: cover;}
.widget-bg::before{position: absolute;content: "";background: #00000080;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0; }

    .widget-features{
    padding: 60px 0;
}
    .widget-features .leftbox{}
    .widget-features .leftbox img{}
    .widget-features .leftbox span{display: block;font-size: 22px;padding-left: 25px;}
    .widget-features .rightbox{}
    .widget-features .rightbox h3{
    text-transform: uppercase;
    font-size: 17px;
    color: #84827f;
    margin-bottom: 4%;
}
    .widget-features .rightbox ul{
    padding: 0;
    list-style: none;
}
    .widget-features .rightbox ul li{
    font-size: 18px;
    padding-bottom: 23px;
    color: #000;
}
    .widget-features .rightbox a{
    display: inline-block;
    border: 1px solid #ce842f;
    padding: 11px 28px;
    color: #ce842f;
    border-radius: 4px;
    font-size: 16px;
    text-decoration: none;
}


.widget-swami{background: #ce842f;padding: 50px 0;}
.widget-swami .svgbox{}
.widget-swami .svgbox svg{
    width: calc(100%);
    height: 54px;
    }
.widget-swami .leftbox{
    padding-top: 20px;
}
.widget-swami .leftbox img{width: 250px;border-radius: 50%;max-width: 100%;}
.widget-swami .rightbox{
    padding-top: 80px;
}
.widget-swami .rightbox p{
    font-size: 24px;
    padding-bottom: 23px;
    color: #ffffff;
    font-weight: 100;
}
.widget-swami .rightbox span{
    letter-spacing: 1px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
}


.widget-knowmore{
    padding: 5% 0;
}
.widget-knowmore .head{}
.widget-knowmore .head h3{
    text-align: CENTER;
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 4px;
    margin-bottom: 40px;
}

h3 {}
.widget-knowmore .gridbox{}
.widget-knowmore .gridbox .innerbox{
    text-align: center;
}

.widget-knowmore .gridbox .innerbox figure{
    display: inline-block;
    border: 2px solid #ffdd00;
    padding: 15px;
    border-radius: 50%;
}
.widget-knowmore .gridbox .innerbox figure img{
    width: 65px;
    /* border: 1px solid #ffdd00; */
    /* border-radius: 17%; */
}
.widget-knowmore .gridbox .innerbox span{
    display: block;
    font-size: 26px;
    margin-top: 10px;
}

.widget-download{
    padding: 8% 0;
    position: relative;
}
.widget-download:before{content:"";position:absolute;background: #00000070;bottom: 0;right: 0;top: 0;left: 0;}
.widget-download .rightbox{}
.widget-download .rightbox h3{
    font-size: 4em;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10%;
}
.widget-download .rightbox a{
    display: inline-block;
    border: 1px solid #ffffff;
    padding: 11px 28px;
    color: #ffffff;
    border-radius: 4px;
    font-size: 16px;
    text-decoration: none;
}


footer{
    background: #462f2e;
    padding: 4% 0px;
    padding-bottom: 0;
}
footer .imagebox{}
footer .imagebox img{
    width: 100%;
}
footer .imagebox p{
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
}
footer .quicklink{}
footer .quicklink h3{
    margin: 0;
    font-size: 18px;
    color: #fff;
    margin-bottom: 16px;
    font-weight: 600;
}
footer .quicklink ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
footer .quicklink ul li{
    border-bottom: 1px solid #7a6f6f4a;
}
footer .quicklink ul li a{
    color: #fff;
    padding: 13px 0;
    display: block;
    font-size: 16px;
}

footer .quicklink p{color: #fff;
    margin-top: 15px;
    font-size: 16px;}

footer .copyright{
    padding: 10px 15px;
    padding-top: 40px;
}
footer .copyright p{
    color: #fff;
}

.widget-breadcrumb{background: #f9f9f9;padding: 30px 0;border-bottom: 1px solid #eaecee;}
.widget-breadcrumb h3{margin: 0;}

.widget-bread{
    border-bottom: #eaecee solid 1px;
}
.widget-bread .head{}
.widget-bread .head ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.widget-bread .head ul li{
    display: inline-block;
    padding: 10px 0;
    color: #6d6d6d;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}
.widget-bread .head ul li a{
    padding-right: 5px;
    color: #6d6d6d;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 14px;
}

.widget-bread .head ul li i{
    color: #adadad;
    margin-right: 5px;
}
.aboutcontainer{}
.aboutcontainer .downloadbox{
    padding-left: 30px;
}
.aboutcontainer .downloadbox h3{
    font-size: 19px;
}
.aboutcontainer .downloadbox img{
    width: 100%;
}
.aboutcontainer .downloadbox ul{ padding: 0;
    list-style: none;
    margin: 0;}
.aboutcontainer .downloadbox ul li{border-bottom: 1px solid #7a6f6f4a;}
.aboutcontainer .downloadbox ul li a{
    color: #ce842f;
    padding: 13px 0;
    display: block;
    font-size: 16px;
    }
.aboutcontainer .aboutpageleft{border-right: 1px solid #e1e1e1;padding: 25px 15px;padding-bottom: 10%;}
.aboutcontainer .aboutpageleft p{
    color: #686868;
}
.aboutcontainer .aboutpageleft p strong{
    color: #686868;
}
.aboutcontainer .aboutpageleft h4{
    padding: 20px 0px;
    font-size: 20px;
}
.photocontainerg{
    padding: 30px 0;
}
.photocontainerg .photobox{}
.photocontainerg .photobox figure{}
.photocontainerg .photobox figure img{width: 100%;}

@media only screen and (max-width: 48em) {
.widget-homeabt .head p{padding:5%;}
.widget-grid-home .collabhead{padding: 0 15px;}
.widget-bg{padding: 50% 0;}
.widget-swami .rightbox p {
    font-size: 18px;}
    .widget-knowmore .gridbox .innerbox {

    padding-bottom: 10%;
}
.widget-download{text-align: center;}
.aboutcontainer .downloadbox{padding: 0 15px;}
footer .quicklink {
    padding-bottom: 15px;
}
}