 @charset "UTF-8";
 @import url("css");

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: 'DM Sans', sans-serif;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     font-size: 17px;
     letter-spacing: 0.5px;
     color: #3c3935;
     font-weight: 400;
     line-height: 1.7;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 a {
     text-decoration: none;
 }

 a,
 a:active,
 a:focus {
     color: #3c3935;
     text-decoration: none;
     transition-timing-function: ease-in-out;
     -ms-transition-timing-function: ease-in-out;
     -moz-transition-timing-function: ease-in-out;
     -webkit-transition-timing-function: ease-in-out;
     -o-transition-timing-function: ease-in-out;
     transition-duration: .2s;
     -ms-transition-duration: .2s;
     -moz-transition-duration: .2s;
     -webkit-transition-duration: .2s;
     -o-transition-duration: .2s;
 }

 section {
     /* padding: 120px 0; */
     padding: 80px 0;
     overflow: hidden;
     background: #fff;
     position: relative;
 }

 .h-100vh {
     min-height: 100vh;
 }

 .mb-6 {
     margin-bottom: 6px;
 }

 .mb-1-9,
 .my-1-9 {
     margin-bottom: 1.9rem;
 }

 .mt-1-9,
 .my-1-9 {
     margin-top: 1.9rem;
 }

 .pb-10,
 .py-10 {
     padding-bottom: 5.5rem;
 }

 .pt-10,
 .py-10 {
     padding-top: 5.5rem;
 }

 .pb-6,
 .py-6 {
     padding-bottom: 3.5rem;
 }

 .pt-6,
 .py-6 {
     padding-top: 3.5rem;
 }

 .pt-2-5,
 .py-2-5 {
     padding-top: 2.5rem;
 }

 .pb-2-5,
 .py-2-5 {
     padding-bottom: 2.5rem;
 }

 .pb-1-9,
 .py-1-9 {
     padding-bottom: 1.9rem;
 }

 .pt-1-9,
 .py-1-9 {
     padding-top: 1.9rem;
 }

 .ps-1-9,
 .px-1-9 {
     padding-left: 1.9rem;
 }

 .pe-1-9,
 .px-1-9 {
     padding-right: 1.9rem;
 }

 .font_header{
    /* font-size: 20px; */
    font-size: 40px;
    font-weight:700;
 }

 .img_new_cover {
    width: 300px;
    height: 200px;
    margin: auto;
    padding: 10px;
    background: antiquewhite;
}

.hovercard p.card-text {
    font-size: 14px;
}

.img_box{
    padding: 10px;
    background-color: #f75928;
}
.img_new_cover img{
    max-width:100%;
    max-height: 100%;
}

 .banner_content {
    position: absolute!important;
    z-index: 99;
}

a.btn.contact_btn {
    border-radius: 20px;
    border: 2px solid #f75928;
    color: #f75928;
    font-size: 14px;
    font-weight: 600;
}

a.btn.contact_btn:hover{
    background:#f75928;
    color:#fff;
}

footer.footer-style1.border-top {
    background-image: url('/images/eye-specialist-in-virar.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    position: relative;
    z-index: 0;
}

footer.footer-style1.border-top::before{
    content:"";
    background-color: #21007f;
    z-index: 1;
    opacity: 0.80;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}

.footer-style1 a {
    font-weight: 600;
}

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

     .pb-sm-14,
     .py-sm-14 {
         padding-bottom: 7.5rem;
     }

     .pt-sm-14,
     .py-sm-14 {
         padding-top: 7.5rem;
     }

     .pe-sm-2-9,
     .px-sm-2-9 {
         padding-left: 2.9rem;
     }

     .ps-sm-2-9,
     .px-sm-2-9 {
         padding-right: 2.9rem;
     }
 }

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

     .pb-md-16,
     .py-md-16 {
         padding-bottom: 8.5rem;
     }

     .pt-md-16,
     .py-md-16 {
         padding-top: 8.5rem;
     }
 }

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

     .pb-lg-20,
     .py-lg-20 {
         padding-bottom: 10.5rem;
     }

     .pt-lg-20,
     .py-lg-20 {
         padding-top: 10.5rem;
     }

     .p-lg-9 {
         padding: 5rem !important;
     }


 }

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

     .pe-xl-7,
     .px-xl-7 {
         padding-right: 4rem;
     }

     .ps-xl-7,
     .px-xl-7 {
         padding-left: 4rem;
     }
 }

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

     .pb-xxl-24,
     .py-xxl-24 {
         padding-bottom: 12.5rem;
     }

     .pt-xxl-24,
     .py-xxl-24 {
         padding-top: 12.5rem;
     }
 }

 .display-17 {
     font-size: 2.2rem;
 }

 .display-23 {
     font-size: 1.6rem;
 }

 .display-20 {
     font-size: 1.9rem;
 }

 .display-30 {
     font-size: 0.9rem;
 }

 @media screen and (min-width: 576px) {
     .display-sm-11 {
         font-size: 2.8rem;
     }
 }

 @media screen and (min-width: 768px) {
     .display-md-18 {
         font-size: 2.1rem;
     }

     .display-md-9 {
         font-size: 3.0rem;
     }
 }

 @media screen and (min-width: 992px) {
     .display-lg-8 {
         font-size: 3.1rem;
     }
 }

 @media screen and (min-width: 1200px) {
     .display-xl-4 {
         font-size: 3.5rem;
     }
 }

 .alt-font {
     font-family: 'prata', sans-serif !important;
 }

 .text-primary {
     color: #f37021 !important;
 }
 .text-secondary {
    color: #8F4B37 !important;
}

 .text-primary-hover:hover {
     color: rgb(177 135 69 / 25%) !important;
 }

 .opacity9 {
     opacity: 0.9;
 }

 .opacity8 {
     opacity: 0.8;
 }

 .opacity7 {
     opacity: 0.7;
 }

 .opacity6 {
     opacity: 0.6;
 }

 .opacity5 {
     opacity: 0.5;
 }

 .opacity3 {
     opacity: 0.3;
 }

 .letter-spacing-2 {
     letter-spacing: 2px;
 }

 .bg-primary {
     background-color: #f37021 !important;
 }

 .bg-grey {
     background-color: #fcf9f5 !important;
 }

 .bg-dark {
     background-color: #292a2d !important;
 }

 span.d-block.mb-2.medium.text-primary.letter-spacing-2.text-center.alt-font {
    font-weight: 800;
}

 .cover-background {
     position: relative !important;
     background-size: cover !important;
     overflow: hidden !important;
     background-position: center !important;
     background-repeat: no-repeat !important;
 }

 .cover-background::after{
    /* background: #000; */
    position: absolute;
    /* object-fit: cover; */
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    content: '';
    /* background-color: rgba(0, 0, 0, 0.25)!important; */
    background-color: rgba(0, 0, 0, 0)!important;
 }
 .cover-image {
     position: absolute;
     object-fit: cover;
     height: 100%;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 0;
 
 }

 .border-color-light-white {
     border-color: rgba(255, 255, 255, 0.1) !important;
 }

 .border-color-light-gray {
     border-color: #f5f5f5 !important;
 }

 @media screen and (min-width: 992px) {
     .cw-lg-100 {
         max-width: 100%;
     }
 }

 .right-0 {
     right: 0%;
     left: inherit;
 }

 .right-10 {
     right: 10%;
     left: inherit;
 }

 .left-5 {
     left: 5%;
     right: inherit;
 }

 .left-10 {
     left: 10%;
     right: inherit;
 }

 .top-10 {
     top: 10%;
     bottom: inherit;
 }

 .top-15 {
     top: 15%;
     bottom: inherit;
 }

 .top-25 {
     top: 25%;
     bottom: inherit;
 }

 .bottom-10 {
     bottom: 10%;
     top: inherit;
 }

 .bottom-15 {
     bottom: 15%;
     top: inherit;
 }

 .bottom-25 {
     bottom: 25%;
     top: inherit;
 }

 .z-index-1 {
     z-index: 1;
 }

 .z-index-2 {
     z-index: 2;
 }

 .z-index-9 {
     z-index: 9;
 }

 .trans-r-25 {
     -webkit-transform: rotate(25deg);
     transform: rotate(25deg);
 }

 .trans-r-45 {
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
 }

 .trans-r-315 {
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
 }

 [data-overlay-dark],
 [data-overlay-light] {
     position: relative
 }

 [data-overlay-dark] .position-unset,
 [data-overlay-light] .position-unset {
     position: unset !important
 }

 [data-overlay-dark] .container,
 [data-overlay-light] .container {
     position: relative;
     z-index: 2
 }

 [data-overlay-dark]:before,
 [data-overlay-light]:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 1
 }

 [data-overlay-dark]:before {
     background: #000
 }

 [data-overlay-light]:before {
     background: #fff
 }

 [data-overlay-dark="0"]:before,
 [data-overlay-light="0"]:before {
     opacity: 0
 }

 [data-overlay-dark="1"]:before,
 [data-overlay-light="1"]:before {
     opacity: 0.1
 }

 [data-overlay-dark="2"]:before,
 [data-overlay-light="2"]:before {
     opacity: 0.2
 }

 [data-overlay-dark="3"]:before,
 [data-overlay-light="3"]:before {
     opacity: 0.3
 }

 [data-overlay-dark="4"]:before,
 [data-overlay-light="4"]:before {
     opacity: 0.4
 }

 [data-overlay-dark="5"]:before,
 [data-overlay-light="5"]:before {
     opacity: 0.5
 }

 [data-overlay-dark="55"]:before,
 [data-overlay-light="55"]:before {
     opacity: 0.55
 }

 [data-overlay-dark="6"]:before,
 [data-overlay-light="6"]:before {
     opacity: 0.6
 }

 [data-overlay-dark="65"]:before,
 [data-overlay-light="65"]:before {
     opacity: 0.65
 }

 [data-overlay-dark="7"]:before,
 [data-overlay-light="7"]:before {
     opacity: 0.7
 }

 [data-overlay-dark="75"]:before,
 [data-overlay-light="75"]:before {
     opacity: 0.75
 }

 [data-overlay-dark="8"]:before,
 [data-overlay-light="8"]:before {
     opacity: 0.8
 }

 [data-overlay-dark="85"]:before,
 [data-overlay-light="85"]:before {
     opacity: 0.85
 }

 [data-overlay-dark="9"]:before,
 [data-overlay-light="9"]:before {
     opacity: 0.9
 }

 [data-overlay-dark="91"]:before,
 [data-overlay-light="91"]:before {
     opacity: 0.91
 }

 [data-overlay-dark="92"]:before,
 [data-overlay-light="92"]:before {
     opacity: 0.92
 }

 [data-overlay-dark="93"]:before,
 [data-overlay-light="93"]:before {
     opacity: 0.93
 }

 [data-overlay-dark="94"]:before,
 [data-overlay-light="94"]:before {
     opacity: 0.94
 }

 [data-overlay-dark="95"]:before,
 [data-overlay-light="95"]:before {
     opacity: 0.95
 }

 [data-overlay-dark="96"]:before,
 [data-overlay-light="96"]:before {
     opacity: 0.96
 }

 [data-overlay-dark="97"]:before,
 [data-overlay-light="97"]:before {
     opacity: 0.97
 }

 [data-overlay-dark="98"]:before,
 [data-overlay-light="98"]:before {
     opacity: 0.98
 }

 [data-overlay-dark="99"]:before,
 [data-overlay-light="99"]:before {
     opacity: 0.99
 }

 [data-overlay-dark="10"]:before,
 [data-overlay-light="10"]:before {
     opacity: 1
 }

 .butn,
 .butn-style1 {
     display: inline-block;
     position: relative;
     border: none;
     background-color: #f37021;
     color: #fff;
     text-align: center;
     cursor: pointer;
 }

 .butn {
     box-shadow: 5px 4px 13px 0 rgb(213 163 83 / 25%);
     border-radius: 3px;
     padding: 18px 30px;
     line-height: normal;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 15px;
     z-index: 9999;
     letter-spacing: 1px;
     white-space: nowrap;
     transition: all 0.4s ease-in-out 0s;
 }

 .butn-style1 {
     vertical-align: middle;
     -webkit-appearance: none;
     outline: none !important;
     font-size: 14px !important;
     font-weight: 700;
     text-transform: uppercase;
     padding: 12px 30px !important;
     border-radius: 4px;
     transition: all 0.3s linear;
     overflow: hidden;
     letter-spacing: 0.1em;
     z-index: 1;
 }

 .butn.secondary,
 .butn-style1.secondary {
     background-color: #f37021;
 }

 .butn.secondary {
     box-shadow: 5px 4px 13px 0 rgb(78 134 255 / 45%);
 }

 .butn.medium {
     padding: 12px 24px !important;
 }

 .butn.shadow-dark {
     box-shadow: 5px 4px 13px 0px rgb(0 0 0 / 15%) !important;
 }

 .butn:hover,
 .butn:focus,
 .butn:active {
     background: #8f4b37;
     box-shadow: 5px 4px 13px 0 rgb(177 135 69 / 25%);
     color: #fff;
 }

 .butn.secondary:hover,
 .butn.secondary:focus,
 .butn.secondary:active {
     background: #f37021;
     box-shadow: 5px 4px 13px 0 rgb(213 163 83 / 25%);
     color: #fff;
 }

 .butn.white {
     background: #fff;
     color: #1e2022;
 }

 .list-style1 {
     list-style: none;
     padding: 0;
 }

 .list-style1 li {
     position: relative;
     padding: 0 0 0 40px;
     margin: 0 0 14px 0;
 }

 .list-style1 li:before {
     content: "\f00c";
     font-family: 'Font Awesome 6 Free';
     color: #f37021;
     font-size: 12px;
     background: rgb(213 163 83 / 10%);
     margin-right: 12px;
     border-radius: 30px;
     padding: 6px;
     position: absolute;
     font-weight: 900;
     left: 0;
     top: 2px;
     line-height: 12px;
 }

 .form-group,
 .form-input {
     position: relative;
 }

 .form-group {
     margin-bottom: 20px;
 }

 .form-control {
     min-height: 46px;
     border-radius: 0.25rem;
     border: 1px solid #ced4da;
 }

 .form-control:focus {
     box-shadow: 0 0 10px rgb(55 125 255 / 10%);
     border-color: #f37021;
 }

 .triangle-shape,
 .square-shape,
 .shape-five {
     position: absolute;
 }

 .triangle-shape,
 .triangle-shape:after,
 .triangle-shape:before {
     width: 15px;
     height: 15px;
     border-top-right-radius: 30%;
     background-color: #f37021;
 }

 .triangle-shape {
     animation: animationFramesOne 30s infinite linear;
     opacity: 0.5;
     text-align: left;
     -webkit-transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
     transform: rotate(-60deg) skewX(-30deg) scale(1, 0.866);
 }

 .triangle-shape:before {
     -webkit-transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
     transform: rotate(-135deg) skewX(-45deg) scale(1.414, 0.707) translate(0, -50%);
 }

 .triangle-shape:after {
     -webkit-transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
     transform: rotate(135deg) skewY(-45deg) scale(0.707, 1.414) translate(50%);
 }

 .square-shape {
     width: 0;
     height: 0;
     border: 10px solid transparent;
     border-bottom-color: #f37021;
     animation: animationFramesTwo 13s infinite linear;
 }

 .square-shape:after {
     width: 0;
     height: 0;
     left: -10px;
     top: 10px;
     border: 10px solid transparent;
     border-top-color: #f37021;
 }

 .shape-five {
     width: 16px;
     height: 16px;
     border-radius: 16px;
     background: #f37021;
     -webkit-animation: rotate3d 10s linear infinite;
     -moz-animation: rotate3d 10s linear infinite;
     -o-animation: rotate3d 10s linear infinite;
     animation: rotate3d 10s linear infinite;
 }

 .triangle-shape:after,
 .triangle-shape:before,
 .square-shape:after {
     content: '';
     position: absolute;
 }

 .ani-top-bottom,
 .ani-left-right {
     animation-duration: 5s;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
 }

 .ani-top-bottom {
     animation-name: TopBottom;
 }

 .ani-left-right {
     animation-name: LeftRight;
 }

 @keyframes LeftRight {
     0% {
         transform: translate(0px, 0px);
     }

     65% {
         transform: translate(30px, 0px);
     }

     100% {
         transform: translate(0px, 0px);
     }
 }

 @keyframes TopBottom {
     0% {
         transform: translate(0px, 0px);
     }

     65% {
         transform: translate(0, 30px);
     }

     100% {
         transform: translate(0px, 0px);
     }
 }

 @keyframes animationFramesOne {
     0% {
         transform: translate(0px, 0px) rotate(0deg);
     }

     20% {
         transform: translate(73px, -1px) rotate(36deg);
     }

     40% {
         transform: translate(141px, 72px) rotate(72deg);
     }

     60% {
         transform: translate(83px, 122px) rotate(108deg);
     }

     80% {
         transform: translate(-40px, 72px) rotate(144deg);
     }

     100% {
         transform: translate(0px, 0px) rotate(0deg);
     }
 }

 @keyframes animationFramesTwo {
     0% {
         transform: translate(0px, 0px) rotate(0deg) scale(1);
     }

     20% {
         transform: translate(73px, -1px) rotate(36deg) scale(0.9);
     }

     40% {
         transform: translate(141px, 72px) rotate(72deg) scale(1);
     }

     60% {
         transform: translate(83px, 122px) rotate(108deg) scale(1.2);
     }

     80% {
         transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
     }

     100% {
         transform: translate(0px, 0px) rotate(0deg) scale(1);
     }
 }

 @keyframes rotate3d {
     0% {
         -webkit-transform: rotateY(0deg);
         -moz-transform: rotateY(0deg);
         -ms-transform: rotateY(0deg);
         -o-transform: rotateY(0deg);
         transform: rotateY(0deg);
     }

     100% {
         -webkit-transform: rotateY(360deg);
         -moz-transform: rotateY(360deg);
         -ms-transform: rotateY(360deg);
         -o-transform: rotateY(360deg);
         transform: rotateY(360deg);
     }
 }

 .card {
     cursor: pointer;
     -webkit-box-shadow: 0px 50px 100px 0px rgb(64 1 4 / 10%), 0px -6px 0px 0px rgb(248 99 107 / 0%);
     box-shadow: 0px 50px 100px 0px rgb(64 1 4 / 10%), 0px -6px 0px 0px rgb(248 99 107 / 0%);
 }

 .card-body {
     transition: all 0.2s ease-in-out;
 }

 .card-body i {
     font-size: 60px;
     color: #f37021;
     display: block;
 }

 .card-body.hover:hover {
     background: #f37021;
 }

 .card-body.hover:hover h5.h-white,
 .card-body.hover:hover i.h-white,
 .card-body.hover:hover {
     color: #fff !important;
 }

 .card-style1 .card-heading {
     background: #f37021;
     padding: 18px 30px;
     border-radius: 10px;
     margin-right: 30px;
     margin-left: -20px;
     overflow: hidden;
     z-index: 9;
     transition: all 0.3s ease;
 }

 .gallery-container .grid-item {
     width: 33.33%;
     padding: 10px;
 }

 .gallery-container .gallery-img img {
     width: 100%;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     border-radius: 5px;
 }

 .fancybox-toolbar {
     right: 0;
     left: 0;
     top: auto;
     bottom: 50px;
     margin: 0px auto;
     visibility: visible;
     opacity: 1;
     width: fit-content;
 }

 @media screen and (max-width: 575px) {
     .gallery-container .grid-item {
         width: 50%;
         padding: 5px;
     }
 }

 header {
     z-index: 99;
     background: #fff;
 }

 header,
 .navbar-default {
     transition: all 0.5s ease 0s;
 }

 header,
 .menu_area,
 .navbar {
     position: relative;
 }

 .menu_area {
     z-index: 2;
 }

 .navbar {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: space-between;
 }

 .navbar-header {
     /* padding: 22px 0 20px 0; */
     width:150px;
     padding: 10px 0 10px 0;
 }

 .menu_area .navbar-brand {
     transition: all 0.5s ease 0s;
     display: inline-block;
 }

 .navbar-brand {
     padding-top: 0.3125rem;
     padding-bottom: 0.3125rem;
     margin-right: 1rem;
 }

 .navbar-brand img {
     max-height: 55px;
     transition-duration: 0.5s;
 }

 .navbar-nav {
     display: flex;
     flex-direction: column;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
 }

 .navbar-nav ul {
     position: absolute;
     left: -9999px;
 }

 .navbar-nav li>ul {
     padding: 15px 0;
     margin: 0 0 0 10px;
     background: #282b2d;
     min-width: 225px;
     -webkit-box-shadow: 0px 2px 3px rgb(0 0 0 / 20%);
     -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 2px 3px rgb(0 0 0 / 20%);
 }

 .navbar-nav>li.has-sub>ul {
     opacity: 0;
     margin-top: 10px;
     -webkit-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .navbar li>ul ul,
 .navbar li>ul>li>ul ul {
     margin-top: -39px;
     min-width: 200px;
 }

 .navbar li>ul ul {
     margin-left: 200px;
 }

 .navbar li>ul>li>ul ul {
     margin-top: -42px;
     margin-left: 180px;
 }

 .navbar-nav>li.has-sub:hover>ul {
     margin-top: 0;
     opacity: 1;
 }

 .navbar-nav li:hover>ul {
     left: auto;
 }

 .navbar-nav li {
     list-style: none;
     -webkit-transition: background .3s ease;
     -ms-transition: background .3s ease;
     transition: background .3s ease;
 }

 .navbar-nav>li {
     margin-left: 10px;
     float: left;
 }

 .navbar-nav>li.has-sub {
     padding-right: 13px;
 }

 .navbar ul ul li {
     -webkit-transition: all .25s ease;
     -ms-transition: all .25s ease;
     transition: all .25s ease;
     margin-bottom: 12px;
     padding: 0 20px;
 }

 .navbar ul ul li:last-child {
     margin-bottom: 0;
 }

 .header-style2 .navbar-nav li.current>a {
     color: #f75928;
     border-bottom: 2px solid;
 }

 .header-style2 .navbar-nav li.has-sub a:hover {
     color: #f75928;
 }

 .navbar-nav li.has-sub>a,
 .navbar-nav>li>a {
     position: relative;
 }

 .navbar-nav li a {
     display: block;
     color: #F37021;
     /* font-size: 15px; */
     /* font-size: 13px; */
     font-size: 12px;
 }

 .navbar-nav>li>a {
     font-weight: 600;
     /* padding: 21px 0.5rem; */
     padding: 5px 0.5rem;
     color: #fff;
     letter-spacing: 0.8px;
     text-transform: uppercase;
     -webkit-transition-duration: 500ms;
     -o-transition-duration: 500ms;
     transition-duration: 500ms;
 }

 .header-style2 .navbar ul ul li.active>a {
     color: #8F4B37;
 }

 .navbar ul ul li.has-sub>a:before,
 .navbar ul ul li.has-sub>a:after {
     position: absolute;
     display: block;
     background: #9d9d9d;
     content: "";
     -webkit-transition: all .25s ease;
     -ms-transition: all .25s ease;
     transition: all 0.25s ease;
 }

 .navbar ul ul li.has-sub>a:before {
     top: 9px;
     right: 0;
     width: 2px;
     height: 8px;
 }

 .navbar ul ul li.has-sub>a:after {
     top: 12px;
     right: -3px;
     width: 8px;
     height: 2px;
 }

 .navbar ul ul>li.has-sub:hover>a:before {
     top: 17px;
     height: 0;
 }

 .navbar ul ul>li.has-sub:hover>a:after {
     background: #fff;
 }

 .navbar-light .navbar-toggler {
     color: rgba(0, 0, 0, .55);
     border-color: rgba(0, 0, 0, .1);
 }

 .slider-fade1 .item {
     display: flex;
     /* height: 100vh; */
     align-items: center;
 }

 .slider-fade1 .h5 {
     font-weight: 500;
     animation-delay: 0.5s;
     display: block;
     position: relative;
 }

 .slider-fade1 .title {
     animation-delay: 0.8s;
 }

 .slider-fade1 p {
     animation-delay: 1.2s;
 }

 .slider-fade1 a {
     animation-delay: 1.6s;
 }

 .slider-fade1.owl-theme .owl-nav [class*='owl-'] {
     position: absolute;
     right: inherit;
     top: 0;
     bottom: 0;
     width: 60px;
     height: 60px;
     border: none;
     /* background: #f37021; */
     border-radius: 6px;
     line-height: 65px;
     transition-duration: 500ms;
     left: 15px;
     text-align: center;
     margin: auto;
     opacity: 0.6;
 }

 .slider-fade1.owl-theme .owl-nav .owl-next {
     top: 0;
     bottom: 0;
     left: inherit;
     right: 15px;
 }

 .slider-fade1.owl-theme .owl-nav .owl-prev:hover,
 .slider-fade1.owl-theme .owl-nav .owl-next:hover {
     opacity: 1;
     /* background: #6969691f; */
     background: #3224241f;
 }

 .slider-fade1 .owl-nav i {
     font-weight: 600;
     color: #f75928;
     transition-duration: 500ms;
     font-size: 20px;
 }

 .slider-fade1.owl-carousel.owl-theme .owl-dots {
     position: absolute;
     bottom: 40px;
     width: 100%;
     margin: 0;
     left: 0;
 }

 .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 50px;
 }

 .owl-theme .owl-dots .owl-dot:first-child {
     margin-left: 0;
 }

 .owl-theme .owl-dots .owl-dot {
     cursor: pointer;
     margin-left: 12px;
 }

 .owl-theme .owl-dots {
     text-align: center;
     -webkit-tap-highlight-color: transparent;
 }

 .owl-theme .owl-dots .owl-dot span {
     display: inline-block;
     width: 16px;
     height: 16px;
     box-sizing: border-box;
     background-color: #f37021;
     border: 3px solid transparent;
     border-radius: 50%;
     -webkit-transform: scale(0.6);
     transform: scale(0.6);
     transition: 0.3s;
     margin: 0;
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background-color: transparent;
     border-color: #f37021;
     -webkit-transform: scale(0.9);
     transform: scale(0.9);
 }

 .testimonial-body {
     cursor: pointer;
     padding: 2.2rem;
     transition: all 0.5s ease-in-out;
     position: relative;
     margin-left: 10px;
     -webkit-box-shadow: 0px 50px 100px 0px rgb(64 1 4 / 10%), 0px -6px 0px 0px rgb(248 99 107 / 0%);
     box-shadow: 0px 50px 100px 0px rgb(64 1 4 / 10%), 0px -6px 0px 0px rgb(248 99 107 / 0%);
 }

 .owl-stage-outer {
     overflow: visible !important;
 }

 .owl-item {
     opacity: 0;
     transition: opacity 500ms;
 }



 .owl-item.active {
     opacity: 1;
 }


 div#video-player {
    padding: 10px;
    border: 5px solid #f75928;
    background: #000;
    text-align: center;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    /* iframe {
    padding: 10px;
    border-top: 1px solid #f8f8f8;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}

iframe:hover{
    box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
    transform: translateY(-10px);
} */



.video-thumbnail.mb-2 {
    border: 1px solid #d6d4d4;
    margin: 5px;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
}
.video-list {
    max-height: 500px;
    overflow: auto;
}

.video-thumbnail.mb-2 {
    border: 1px solid #d6d4d4;
    margin: 5px;
    padding: 5px;
    background: #d6d4d4;
}

.thumb_cover img {
    border-radius: 10px;
}

.thumb_text {
    width: calc(100% - 110px);
    padding-left: 5px;
}

.thumb_text h6 {
    font-weight: 600;
}

/* width */
.video-list::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.video-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.video-list::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.video-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.video-thumbnail.mb-2 {
    border: 2px solid #d6d4d4;
    margin: 5px;
    padding: 5px;
    cursor:pointer;
}

.video-thumbnail.mb-2.active {
    border-color: #f75928;
}

span.video_cover {
    font-size: 25px;
}

 .tour_slider_cover .owl-item {
     opacity: unset;
     transition: opacity 0ms;
 }



 .tour_slider_cover .owl-item.active {
     opacity: 1;
 }



 .scroll-to-top {
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 35px;
    display: none;
    border-radius: 50%;
    background: #f75928;
    border: 1px solid #f37021;
    width: 50px;
    height: 50px;
    line-height: 45px;
    z-index: 9999;
    outline: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

 .scroll-to-top-whatsapp {
    font-size: 20px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: fixed;
    bottom: 120px;
    right: 35px;
    /* display: none; */
    border-radius: 50%;
    background: #25D366;
    border: 1px solid #25D366;
    width: 50px;
    height: 50px;
    line-height:50px;
    z-index: 9999;
    outline: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

 .scroll-to-top i {
     color: #fff;
     display: inline-block;
     vertical-align: middle;
 }

 .scroll-to-top:hover {
     background: #fff;
 }

 .scroll-to-top:hover i {
     color: #8f4b37;
 }

 .footer-logo {
     max-width: 164px;
     width: 100%;
     display: inline-block;
 }

 .footer-style1 .social-icons2 li a {
     font-size: 20px;
     height: 50px;
     line-height: 50px;
     width: 50px;
     background: #f75928;
     border-radius: 50px;
     display: inline-block;
     text-align: center;
 }

 .footer-style1 li a {
     color: rgba(255, 255, 255, 0.85);
 }

 footer li a {
     color: #fff;
 }

 .footer-style1 .social-icons2 li a:hover {
     background: #fff;
     color: #f37021;
 }

 .footer-style1 h2 {
     color: #fff;
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 25px;
     line-height: 1;
     position: relative;
 }

 .footer-style1 .footer-list ul {
     list-style-type: none;
 }

 .footer-style1 .footer-list li {
     margin-top: 0;
     border-top: 0;
     padding-top: 0;
     list-style: none;
     word-wrap: break-word;
 }

 .footer-style1 .footer-list li:not(:last-child) {
     margin-bottom: 10px;
 }

 .footer-style1 .footer-bar {
     padding-top: 20px;
     padding-bottom: 20px;
     margin-top: 0;
     border-top: 1px solid rgba(255, 255, 255, 0.075);
     color: rgba(255, 255, 255, 0.85);
 }

 .about-style1 .exp-box {
     position: absolute;
     bottom: -80px;
     left: -40px;
     box-shadow: 0px 10px 30px 0px rgb(17 12 79 / 10%);
 }

 .about-style1 .exp-box i {
     position: absolute;
     left: -44px;
     top: 27px;
     /* font-size: 90px; */
     transform: rotateZ(270deg);
 }

 section#shadow-host-companion {
    display: none;
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #fff; 
    display: flex;
    justify-content: center;
    align-items: center;
  
  }
  
  .loader {
    border: 10px solid #f75928; 
    border-top: 10px solid #444444; 
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

 /* FAQ */

 .accordion {
    /* width: 90%;
    max-width: 1000px; */
    margin: 2rem auto;
  }
  .accordion-item {
    background-color: #fff;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
  }
  .accordion-item-header {
    color: #000;
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
  }
  .accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
  }
  .accordion-item-header.active::after {
    content: "\2212";
  }
  .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }
  .accordion-item-body-content {
    color: #696969;
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
  }

 /* Media */
 .gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    padding: 10px;
}
.gallery-item {
    flex-basis: 32.7%;
    margin-bottom: 6px;
    opacity: .85;
    cursor: pointer;
    padding:5px;
    border:2px solid #f75928;
}

.contact_social {
    margin: 40px 0;
}

.contact_social p.mb-0.text-dark.opacity8.small {
    font-size: 18px;
}

.fa_shree {
    height: 50px;
    width: 50px;
    display: flex;
    background: antiquewhite;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50%;
}

.gallery-item:hover {
    opacity: 1;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-content {
    font-size: .8em;
}

.video_cover {
    border: 5px solid #f37021;
    background: #000;
    text-align: center;
}

span.thumb_cover {
    display: inline-block;
    width: 100px;
}

.video_cover video {
    width: 100%;
}

.iframe_cover {
    padding: 20px;
    border: 5px solid #f75928;
    background-color: #000;
}

.iframe_cover iframe {
    width: 100%;
}

.lightbox {
    margin-top: 80px;
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;              
    overflow: auto;
    top: 0;
    left: 0;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
    text-align: center;
}
.lightbox-content img {
    border-radius: 7px;
    box-shadow: 0 0 3px 0 rgba(225, 225, 225, .25);
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.lightbox-prev,
.lightbox-next {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 7px;
    top: 50%;
    cursor: pointer;
}
.lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}

.footer-title {
    font-weight: 700;
}


.google-review-box {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    outline: 2px solid gray;
    border-radius: .5em;
    width: 300px;
    /* margin: auto; */
    cursor: pointer;
    box-shadow: 0 6px 15px 0 #0000002e;
    transition: all .3s ease-in-out;
}

.google-review-box .review-main {
    display: flex;
}

.google-review-box .stats {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: .8em;
}

.google-review-box .stars {
    color: #ffd000;
    line-height: 1em;
    /* font-size: 1.5em; */
    font-size: 1.2em;
}

.google-review-box div.review-footer {
    background-color: #4a69c3;
    color: #fff!important;
    text-align: center;
    padding: .3em;
    border-radius: 0 0 .5em .5em;
}

.google-review-box img {
    width: 100px;
    padding: .8em;
}

.service_text .card-body {
    height: 300px;
    overflow-y: hidden;
}

/* .card-body.hover:hover {
    background: #f37021;
} */

.hovercard:hover .card-body{
    background: #f37021;
    color:#fff;
}


@media (max-width: 767px) {
    .gallery-container {
        width: 100%;
    }
    .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }

    section {
        padding: 40px 0;
    }
}
@media (max-width: 480px) {
    .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}

