body{font-family: 'Poppins', sans-serif;}
h1,h2,h3,h4,h5,h6,p,a{font-family: 'Poppins', sans-serif;}
.custom_scssn {
  padding-left: 80px;
  padding-right: 80px;
}
.home_page {display: block;  }
.intro-logo img {display: block; margin: 0 auto; width: 100%;   max-width: 250px; padding-top: 20px; padding-bottom: 20px; }
#banner {display: block; margin: 0px 0px; padding: 0px 0px; position: relative; overflow: hidden; }
/* #banner img {width: 100%; } */
    /*.inner img {max-width: 60px; margin-bottom: 20px; }
    .accordion-slider {width: 100%; height: 100%; }
    .accordion-slider .box.first-box {background:url('img/multi_speciality_slider.jpg') no-repeat center center; background-size: cover; position: relative; overflow: hidden; transform: scale(1); transition: 0.3s all ease; }
    .accordion-slider .box:hover.first-box{transform: scale(1.2); }
    .accordion-slider .box.first-box::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); }
    .accordion-slider .box.second-box {background:url('img/slider.jpg') no-repeat center center; background-size: cover; position: relative; overflow: hidden; transform: scale(1); transition: 0.3s all ease; }
    .accordion-slider .box:hover.second-box{transform: scale(1.2); }
    .accordion-slider .box.second-box::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); }
    .accordion-slider .box.third-box {background:url('img/home_care_pharmacy_slider.jpg') no-repeat center center; background-size: cover; position: relative; overflow: hidden; transform: scale(1); transition: 0.3s all ease; }
    .accordion-slider .box:hover.third-box{transform: scale(1.2); }
    .accordion-slider .box.third-box::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); }
    .accordion-slider .box.fourth-box {background:url('img/academy_slider.jpg') no-repeat center center; background-size: cover; position: relative; overflow: hidden; transform: scale(1); transition: 0.3s all ease; }
    .accordion-slider .box:hover.fourth-box{transform: scale(1.2); }
    .accordion-slider .box.fourth-box::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); }
    .accordion-slider .box.five-box {background:url('img/research_slider.jpg') no-repeat center center; background-size: cover; position: relative; overflow: hidden; transform: scale(1); transition: 0.3s all ease; }
    .accordion-slider .box:hover.five-box{transform: scale(1.2); }
    .accordion-slider .box.five-box::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); }*/
    .first_box{ display: block; position: relative; border-right: 1px solid #EBEBEB; transition: 0.5s all ease; }
    .first_box::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); top: 0; right: 0; left: 0; bottom: 0; z-index: 2; }
    .first_box:hover .btn_slider {opacity:1; } 
    .no-underline:hover .btn_slider {opacity:1; } 
    .btn_slider i {display: none; }

   /* .accordion-slider .box {display: block; width: 20%; min-height: 400px; height: 100vh; position: relative; float: left; max-height: 786px; border-right: 1px solid #EBEBEB; overflow: hidden; transition: 0.3s all; }
    .accordion-slider .box > .inner {position: absolute; top: 40%; left: 0; padding: 0px 0px 0px 35px; }*/
    .accordion-slider-title {color: #fff; opacity: 1; font-size: 28px; font-weight: 600; white-space: pre-line; margin-bottom: 20px; line-height: 1.3; }
    .btn_slider {opacity: 0; width: 100%; position: relative; transition: 0.5s all ease;}
    .btn_slider {font-size: 15px; padding: 8px 18px; color: #ffff; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 1px solid #ffff; border-radius: 3px; transition: 0.5s all ease; }
    .btn_slider:hover{ color: #fff; }

    /*address sccsn*/
    .address_sccsn{display: block;}
    .rudraksha_pharmacy_scssn { display: block;height: 100%; background-color: #1264AF; padding-top: 45px;padding-bottom: 45px;}
    .delivery_box {display: flex; justify-content: flex-end; padding-right: 135px; }
    .delivery_box ul {display: flex; align-items: center; list-style: none; margin: 0px; }
    .delivery_box .image_icon_box {width: 100%; padding-right: 35px; }
    .delivery_box .image_icon_box img ,.laboratory_box .image_icon_box img {max-width: 160px;   transform: translateX(0px); transition: 0.5s all ease; } 
    .rudraksha_pharmacy_scssn:hover .delivery_box .image_icon_box img,.laboratory_scssn:hover .laboratory_box .image_icon_box img{transform: translateX(10px);   filter: brightness(0) invert(1); }
    .home_delivery_content p ,.laboratory_content p  {color: #fff; font-size: 17px; font-weight:400; margin-bottom: 0px; }
    .home_delivery_content h3 ,.laboratory_content h3 {font-size: 28px !important; color: #fff !important; font-weight: 500!important ;  line-height: 1.4 !important; margin-bottom: 0px!important; }
    .delivery_box a ,.laboratory_box a {font-size: 31px; color: #fff; text-decoration: none; font-weight: 300; }
    .laboratory_scssn { display: block;height: 100%; background-color: #155D9F; padding-top: 45px; padding-bottom: 45px; }
    .laboratory_box {display: flex; justify-content: flex-start; padding-left: 80px; }
    .laboratory_box ul {display: flex; align-items: center; list-style: none; margin: 0px; }
    .laboratory_box .image_icon_box {width: 100%; padding-right: 40px; }
    .laboratory_box img {max-width: 160px; }
    /*  .laboratory_content p {color: #fff; font-size: 17px; font-weight: 400; margin-bottom: 0px; }*/
    /*.laboratory_content h3 {font-size: 28px; color: #fff; font-weight: 500; line-height: 1.4; margin-bottom: 0px; }*/
    /* .laboratory_box a {font-size: 31px; color: #fff; text-decoration: none; font-weight: 300; }*/
    .rudraksha_pharmacy_scssn .modal,.laboratory_scssn .modal {background-color: rgb(0 0 0 / 70%); }
    .rudraksha_pharmacy_scssn .modal-content ,.laboratory_scssn .modal-content  {background-color: transparent; }
    .rudraksha_pharmacy_scssn .btn-close , .modal-content .btn-close {   filter: invert(1); opacity: 1; position: absolute; right: -80px; font-size: 30px;}

    /*copyright*/
    .copyright {padding-top: 18px; padding-bottom: 18px; }
    .copyright p {font-size: 14px; color: #666666; margin-bottom: 0; font-weight: 400; line-height: 1.3; }
    .copyright p a {color: #666666; text-decoration: none; }


    /*menu icon*/
    .menu_icon {position: fixed; top: 55%; z-index: 100; left:0px; }
    .menu_icon .offcanvas {  width: 100%; max-width: 700px; }
    .menu_icon a {background-color: #fff!important; padding: 10px 20px; z-index: 1; opacity: 1; position: relative; }
    .menu_icon a.toggle_icon img {filter: invert(31%) sepia(42%) saturate(2112%) hue-rotate(185deg) brightness(92%) contrast(96%); }
    .main_menu {padding-top: 150px; }
    /* .menu_icon button.text-reset {box-shadow: none; border: none; margin-right: 20px; background-color: #00a0e3 !important; padding: 10px 20px; border-radius: 0px 0px 0px 20px; opacity: 1; }*/
    .menu_icon button.text-reset {margin-top: 20px; margin-right: 20px; background-color: transparent; border: none; }
    .menu_icon .text-reset span {background-color: #00a0e3 !important; padding: 5px 20px; color: #ffff; border-radius: 0px 0px 0px 20px; font-size: 34px; font-weight: 300; }
/*    .menu_icon .text-reset span {background-color: #00a0e3 !important; padding: 10px 20px; color: #ffff; font-weight: 100; border-radius: 0px 0px 0px 20px; font-size: 20px; }
*/    .menu_icon .offcanvas-backdrop.show {opacity: .9; background-color: rgb(0 0 0 / 70%); }
    .main_menu ul {padding-left: 0; }
    .main_menu ul li {list-style: none; padding-left: 50px; }
    .main_menu ul li a {  display: inline-block; padding: 0px 0px 5px 0px; margin-bottom: 10px; position: relative; color: #444444; text-decoration: none; font-size: 32px; font-weight: 500; line-height: 1.8; transition: 0.5s all ease; }
    .main_menu ul li a:hover {color: #00a0e3;}
    .rudraksha_pharmacy_scssn .btn-close, .modal-content .btn-close {box-shadow: none; }
    .main_menu ul li a:before {content: ''; position: absolute; left: 0; width: 0px; height: 2px; background-color: #00a0e3; transition: 0.5s all ease; bottom:0; }
    .main_menu ul li a:hover:before {width: 100%; }
    .main_menu li a:after {content: '\F105'; position: absolute; top: 0; left: -25px; font-family: 'FontAwesome'; }
    .menu_icon .offcanvas-header {padding-right: 0px; }


    


    /*blog_page*/
    .intro-logo {display: block;}
    #sub_intro_logo{ border-bottom: 1px solid #d8d8d8;}
    /* .intro-logo img {display: block; margin: 0 auto; width: 100%; max-width: 250px; padding-top: 20px; padding-bottom: 20px; }*/
    .blog_page{   background-color: #f6fbff; display: block;  padding-bottom: 100px; position: relative; }
    /* .blog_page:before {content: ''; position: absolute; background-image: url(../img/bg-image.jpg); width: 20%; height: 100%; background-repeat: no-repeat; background-position: center; right: 0; top: 0; z-index: -1; }*/
    .blog_box { display: block; height: 100%; overflow: hidden; box-shadow: 0px 1px 25px 0px rgb(0 0 0 / 10%); background-color: #fff; }
    .blog_details { display: block;   padding: 20px; position: relative; }
    .blog_image {display: block; overflow: hidden; }
    .blog_box img{transition: 0.5s all ease;  width: 100%; }
    .blog_box:hover img {transform: scale(1.1); }
    /*    
     .blog_details small {font-weight: 400; font-size: 15px; position: absolute; left: 40px; top: -40px; width: 100px; height: auto; background-color: #155D9F; color: #fff; text-align: center; padding: 10px; }*/
     .blog_details h3 {color: #171717; font-size: 17px; padding-top: 10px; font-weight: 500; line-height: 1.3; padding-bottom: 10px; border-bottom: 1px solid #d8d8d8; } 
     .blog_details p {color: #5f5f5f; margin-bottom: 20px; font-size: 14px; font-weight: 400; }
     .blog_details small {color: #919191; font-weight: 500; font-size: 13px; }
     .blog_details small sup {font-size: 10px; }
     .blog_details span i {margin-right: 5px; }
     /*.blog_details span {text-align: center; display: block; font-size: 18px; font-weight: 500; }*/
     .blog_details a {text-decoration: none; color: #1365b0; font-weight: 500; transition: 0.5s all; }
    /*.blog_btn { padding: 5px 15px 5px 0px; transition: 0.4s all; position: relative; z-index: 0; }
    .blog_btn:before {content: ''; top: 0; left: 0; position: absolute; background-color: #1365b0; width: 0; height: 100%; border-radius: 50px; transition: 0.4s all; z-index: -1; }
    .blog_box:hover .blog_btn {padding-left: 15px; color: #ffffff; text-decoration: none; }
    .blog_box:hover .blog_btn:before {width: 100%; }
     */
    /*.blog_image {position: relative; display: block; }
    .blog_image:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 50%); opacity: 0; transition: 0.5s all; transform: scaleX(0); transform-origin: left; }
    .blog_box:hover .blog_image:before {transform: scaleX(1); opacity:1; }*/
    a.blog_btn{position: relative; }
    .blog_box:hover .blog_details a {padding-left: 10px;}
    .blog_box a.blog_btn:before {content: "\f101"; position: absolute; right: 0px; font-size: 18px; font-family: "FontAwesome"; top: -2px; opacity: 0; transition: 0.8s all ease; -webkit-transition: 0.4s all ease; -moz-transition: 0.4s all ease; -o-transition: 0.4s all ease; }
    .blog_box:hover a.blog_btn:before {opacity: 1; right: -20px; }
    /*.blog_details:before {content: ''; position: absolute; left:auto; right:0; bottom: 0px; width: 0%; height: 2px; background-color: #155D9F; transition: 0.5s all; }
    .blog_box:hover .blog_details:before {width: 100%; left:0; right:auto; }*/
    .blog_box{position:relative; }
    .blog_box:after {content: ''; position: absolute; left: auto; right: 0; bottom: 0px; width: 0%; height: 2px; background-color: #155D9F; transition: 0.5s all; }
    .blog_box:hover:after {width: 100%; left: 0; right: auto; }
    /**/

    /*blog details page*/
    .blog_details_page{display: block; padding-top: 50px; padding-bottom: 50px; }
    .blog_details_box {border: 1px solid #eee; }
    /*   .category_blog {display: block; margin-bottom: 30px; }*/
    .blog-img img {width: 100%;/* max-height: 450px;object-fit: cover;*/ }
    .blog_content {display: block; padding: 30px; position: relative; }
    .blog_content p {color: #5f5f5f; line-height: 1.6; font-size: 16px; }
    .blog_content h3 {color: #171717; font-size: 24px; font-weight: 600; padding-bottom:5px; line-height: 1.3; }
    .blog_content a { font-size: 13px; color: #919191; font-weight: 500; text-decoration: none; display: inline-block; margin-bottom: 10px; }
    .blog_content a sup {font-size: 10px; }
    .blog_content a span {margin-right: 5px; }
    .blog_content ul li {color: #5f5f5f; line-height: 1.6; font-size: 16px; }
    /* .category_blog img {width: 100%; max-width: 600px; }*/
    img.category_blog {width: 100%; max-width: 600px; margin-bottom: 30px; }
    .blog-img {display: block; position: relative; }
    .share_blog {display: flex; align-items: center; background: #ffffff; border-radius: 10px 0px 0px 0px; justify-content: end; padding-top: 20px; }    .share_blog ul {display: flex; align-items: center; margin-bottom: 0px; padding-left: 15px; }
    .share_blog ul li {list-style: none; }
    .share_blog ul li a {width: 30px; height: 30px; display: block; color: #ffffff; text-align: center; background: #cccccc; line-height: 30px; font-size: 14px; border-radius: 5px; padding: 0; color: #ffffff; border-bottom: 0; margin: 0px 5px 0px 0px; } 
    .share_blog h6 {margin-bottom: 0px; font-size: 16px; color: #5f5f5f; }
    .share_blog ul li a.facebook {background: #3b5999; }
    .share_blog ul li a.twitter {background: #55acee; }
    .share_blog ul li a.linkedin {background: #0077b5; }
    .share_blog ul li a.whatsapp {background: #25d366; }
    .share_blog ul li a.tumblr {background: #35465C; }
    .share_blog ul li a.pinterest {background: #BD081C; }
    .share_blog ul li a.telegram {background: #0088cc; }

    .blog_content h4 {color: #171717; font-size: 20px; font-weight: 600; margin-bottom: 5px; }
  /*  .blog_content ul li {color: #5f5f5f; line-height: 1.8; position: relative; list-style: none; margin-bottom: 10px; }
    .blog_content ul li:before {content: '\f192 '; position: absolute; font-family: 'FontAwesome'; left: -22px; color: #7bba3a; }
*/
    .blog_sidebar {position: sticky; top: 0; }
    .recent_post {/*padding: 10px 10px;*/ display: block; width: 100%; position: relative; }
    .recent_post h4 {padding: 3px 10px 12px; border-bottom: 1px solid #eee; font-weight: 600; font-size: 25px; }
    .recent_post ul {display: block; width: 100%; padding-left: 0px;}
    .recent_post ul li a {padding: 0px 10px 0px 10px; display: inline-flex; color: #666666; text-decoration: none; }
    .recent_post ul li a h6 {margin: 0; line-height: 1.4; padding-left:20px; color: #171717; font-size: 15px; font-weight: 500; }
    .recent_post ul li a span {font-size: 12px; color: #919191; }
    .recent_post ul li {padding: 13px 0 12px; border-bottom: 1px solid #eee; list-style: none; }
    .recent_post ul li:last-child, .blog_category ul li:last-child a {border-bottom: none; }
    .recent_post ul li a .recent-img {display: contents; }
    .recent_post ul li a .recent-img img {  width: 60px; display: inline-flex; object-fit: contain; object-position: top; }
    .blog_category h4 {padding: 3px 10px 12px; border-bottom: 1px solid #eee; font-weight: 600; font-size: 25px; }
    .blog_category ul {padding-left: 10px; }
    .blog_category ul li {position: relative; padding: 18px 0px 18px 0px; list-style: none; border-bottom: 1px solid #e6e6e6; }
    .blog_category ul li a {text-decoration: none; color: #919191; font-weight: 500; }
    .blog_category ul li span.number {  position: absolute; right: 15px; width: 25px; height: 25px; line-height: 25px; background-color: #f6f6f6; text-align: center; display: block; font-size: 13px; font-weight: 500; border-radius: 50%; top: 15px;}
    /**/

    /* .sub-banne_scssn {background-image: url(../img/blog_banner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; height: 270px; width: 100%; display: flex; align-items: center; justify-content: center; }*/
    .sub-banne_scssn{padding-top: 60px; padding-bottom: 60px; background-color: #f6fbff; }
    .sub-banne_scssn h2 {font-size: 44px; font-weight: 600; color: #171717; text-align: center; }

.error_page {position: relative;max-width: 900px;width: 95%;padding: 70px 50px;margin: 30px auto 50px auto;text-align: center;display: flex;flex-direction: column;align-items: center;}
    .error_page h2 {font-weight: 700; text-transform: uppercase; font-size: 5em; }
    .error_page p {max-width: 500px; margin: 15px auto; font-size: 19px; }
    .error_page .btn_slider {
        color: #177dba;
        opacity: 1;
        font-weight: 600;
        border-color: #177dba;
        display: block;
        font-size: 15px;
        padding: 8px 18px;
        border-radius: 0;
        width: auto;
    }
    .error_page .btn_slider:hover {color: #333333;}
    .error_page  h2 {font-size: 11em; }
    .error_page  h4 {margin: -15px 0 10px;display: block;font-weight: 600;font-size: 32px;text-transform: uppercase; color: rgba(48, 17, 17, 1); opacity: 0.3;}
    .error_page:before,.error_page:after {
        width: 50px;
        height: 50px;
        content: '';
        background: #ffffff;
        left: -30px;
        top: -30px;
        position: absolute;
    }

    .error_page:after {
        top: auto;
        bottom: -30px;
        left: auto;
        right: -30px;
    }