/* Button to trigger search */
 .open-search-btn {
     background: none;
     border: none;
     cursor: pointer;
 }
 .btn-primary {
     color: #fff;
     background-color: #812989;
     border-color: #812989;
 }
 
 /* Fullscreen overlay */
 .search-overlay {
     display: none;
     position: fixed;
     top: 0;
     left: 16%;
     width: 66%;
     height: 100px;
     background-color: white;
     z-index: 9999;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 }

 /* Show overlay */
 .search-overlay.active {
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 0 40px;
     background-color:white!important;
 }

 /* Search form styling */
 .search-form {
     display: flex;
     align-items: center;
     width: 100%;
     max-width: 100%;
     border-bottom: 1px solid #ccc;
     padding: 20px 0;
 }

 .search-input {
     flex: 1;
     border: none;
     font-size: 20px;
     outline: none;
     padding: 5px 10px;
     color: #333;
 }

 .search-icon {
     font-size: 20px;
     margin-right: 10px;
     color: #555;
 }

 .close-btn {
     background: none;
     border: none;
     font-size: 24px;
     cursor: pointer;
     color: #333;
 }
 .float-fb {
     position: relative;
     display: inline-block;
     cursor: pointer;
 }

 .error {
     color: red;
 }

 .popup {
     display: none;
     /* Hidden by default */
     position: absolute;
     background-color: white;
     border: 1px solid #ccc;
     padding: 15px;
     z-index: 1;
     width: 300px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
 }

 .popup span {
     cursor: pointer;
     float: right;
     font-weight: bold;
 }

 .popup h2 {
     margin: 0 0 10px;
 }

 .popup label {
     display: block;
     margin: 5px 0;
 }

 .popup input,
 .popup textarea {
     width: 100%;
     padding: 8px;
     margin-bottom: 10px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .popup button {
     background-color: #4CAF50;
     color: white;
     border: none;
     padding: 10px;
     cursor: pointer;
 }

 .popup button:hover {
     background-color: #45a049;
 }

 /* social floting buttons css */
 .twitter {
     text-align: center;
     color: #998578;
     text-transform: uppercase;
     letter-spacing: 3px;
 }

 .twitter {
     color: #72898b;
     text-decoration: none;
     display: block;
     padding: 14px;
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
 }

 .twitter:hover {
     color: #FF7D6D;
     text-decoration: none;
 }

 span {
     font-style: italic;
     display: block;
 }

 img {
     max-width: 100%;
 }

 /* Floating Social Media Bar Style Starts Here */
 .float-sm {
     position: fixed;
     right: 0;
     top: 60%;
     z-index: 10;
 }

 .fl-fl {
     background: #fefefe;
     text-transform: uppercase;
     letter-spacing: 3px;
     padding: 4px;
     width: 190px;
     position: relative;
     right: -142px;
     z-index: 1000;
     /* font: normal normal 10px Arial; */
     -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
     -ms-transition: all .25s ease;
     -o-transition: all .25s ease;
     transition: all .25s ease;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     height: 50px;
     margin-bottom: 8px;
 }

 .fl-fl:hover {
     right: 0;
 }

 .fl-fl svg {
     float: left;
     margin-right: 10px;
     margin-top: 6px;
     margin-left: 5px;
 }

 .fl-fl a {
     color: #000 !important;
     text-decoration: none;
     text-align: center;
     font-family: 'Quicksand';
     line-height: 43px !important;
     vertical-align: top !important;
     font-size: 16px;
 }

 /* end floating buttons css */
 .subscribe-btn {
     margin-top: 28px;
     height: 42px;
     background-color: #c2962d;
     color: #fff;
     font-family: 'Quicksand';
     width: 120px;
     font-size: 16px;
     border-radius: 24px;
     border: 1px solid #812989;
         
 }

 #header {
     transition: all 6s ease;
 }

 .header-phone {
     margin-left: 64px;
     font-weight: 600;
     color: #812989;
     font-family: 'Helvetica';
     text-decoration: none;
 }

 #header .navbar-brand {
     margin: 0px;
     padding-top: 0;
     padding-bottom: 0px;
 }

 #header.sticky {
     background: #fff;
     position: fixed;
     z-index: 990;
 }

 .heading-bt {
     font-weight: 600;
     color: #fff;
     /* text-align: center; */
     margin-left: 75px;
 }

 .subscribe-bt {
     margin-left: 65px !important;
     margin-top: -20px !important;
 }

 .foot-social {
     text-align: right;
     margin-top: 20px;
 }

 .foot-social a:first-child {
     margin-left: 0px;
 }

 .foot-social a {
     background-color: transparent;
     padding: 6px 8px;
     display: inline-block;
     width: 38px;
     height: 38px;
     text-align: center;
     line-height: 25px;
     border-radius: 50%;
     font-size: 16px;
     color: #fff;
     margin-top: 0px;
     border: 1px solid #fff;
     margin-left: 8px;
     text-decoration: none;
 }

 .foot-social a:hover {
     background-color: #812989;
 }

 #header .nav-container nav ul li.drop-down-list:hover .nav-dropdown {
     display: block;
 }

 #header .nav-container .nav-mobile .active {
     border-top: 0px;
 }

 #header .nav-container nav ul li .bi-chevron-down.mob-caret {
     display: none;
 }

 #header .navbar-brand img {
     width: 92px;
     display: block;
 }

 #header .navigation-wrap {
     background: #fff;
 }

 .nav-container {
     max-width: 100%;
     margin: 0 auto;
     width: 100%;
 }

 .tp-nav-row {
     align-items: center;
 }

 #header .nav-container nav {
     float: left;
     background-color: #fff;
     width: 100%;
     text-align: center;
 }

 #header .nav-container nav ul {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 #header .nav-container nav ul li {
     /*float: left;*/
     position: relative;
     display: inline-block;
 }

 #header .nav-container nav ul li a,
 nav ul li a:visited {
     display: block;
     padding: 0 20px;
     font-size: 1rem;
     line-height: 50px;
     color: #812989;
     font-family: 'Quicksand';
     text-decoration: none;
     font-weight: 400;
 }

 #header .nav-container .nav-dropdown li a {
     color: #000 !important;
     text-align: left;
 }

 #header .nav-container .nav-dropdown li a:hover {
     color: #fff !important;
     background-color: #bf942e;
 }

 #header .nav-container nav ul li:hover .bi-chevron-down {
     color: #000000;
 }

 #header .nav-dropdown:hover .bi-chevron-down {
     color: #000;
 }

 /* #header .nav-container nav ul li a:hover,
     nav ul li a:visited:hover {
     color: #fff;
     }*/
 #header .nav-container nav ul li:after {
     content: "";
     width: 0;
     height: 2px;
     background-color: #c3993d;
     position: absolute;
     z-index: 9999;
     left: 0;
     transition: width 1s;
 }

 #header .nav-container nav ul li:hover:after {
     width: 100%;
 }

 #header .nav-container .nav-dropdown li:after {
     display: none;
 }

 #header .nav-container nav ul li a:hover,
 nav ul li a:visited:hover {
     background: #fff;
     color: #000;
 }

 #header .nav-container nav ul li a:not(:only-child):after,
 nav ul li a:visited:not(:only-child):after {
     padding-left: 4px;
     /*content: " ?";*/
 }

 #header .nav-container nav ul li ul li {
     min-width: 190px;
 }

 #header .nav-container nav ul li ul li a {
     padding: 10px;
     line-height: 20px;
 }

 #header .nav-container .nav-dropdown {
     position: absolute;
     display: none;
     z-index: 1;
     box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
     background-color: #fff;
 }

 /* Mobile navigation */
 #header .nav-container .nav-mobile {
     display: none;
     position: absolute;
     top: 0;
     right: 14px;
     background: transparent;
     height: 42px;
     width: 48px;
 }

 @media only screen and (max-width: 798px) {
     #SearchData{
         margin-top: 19%!important;
     }
     .searchTagMobile{
         display:none;
     }
     .search-overlay {
         display: none;
         position: fixed;
         top: 0;
         left: 0%;
         width: 100%;
         height: 100px;
         background-color: white;
         z-index: 9999;
         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
     .heading-bt {
         font-weight: 600;
         color: #fff;
         text-align: left;
         margin-top: 15px;
         margin-left: 0px;
     }

     .subscribe-bt {
         margin-left: -15px !important;
         margin-top: -15px !important;
     }

     #header .nav-container .nav-mobile {
         display: block;
     }

     #header .nav-container nav {
         width: 100%;
         padding: 36px 0 15px;
         position: absolute;
         left: 0;
         right: 0;
         background-color: transparent;
         text-align: left;
     }

     #header .nav-container nav ul {
         display: none;
         background-color: #fff;
         margin-top: 25px;
         padding-bottom: 12px;
     }

     .nav-dropdown {
         margin-top: 0px;
     }

     #header .nav-container nav ul li {
         float: none;
         display: block;
         text-align: left;
     }

     #header .nav-container nav ul li a {
         padding: 10px;
         line-height: 20px;
     }

     #header .nav-container nav ul li a .bi-chevron-down.desk-caret {
         display: none;
     }

     #header .nav-container nav ul li a .bi-chevron-down.mob-caret {
         display: inline;
         color: #000;
         position: absolute;
         right: 23px;
         top: 32%;
     }

     #header .nav-container nav ul li ul li a {
         padding-left: 30px;
     }

     #header .nav-container .nav-dropdown {
         position: static;
         margin-top: 0px;
     }
 }

 @media screen and (min-width: 799px) {
     #header .nav-container .nav-list {
         display: block !important;
     }

     #header .nav-container nav {
         background-color: #fff;
     }
 }

 #header .nav-container #nav-toggle {
     position: absolute;
     left: 6px;
     top: 10px;
     cursor: pointer;
     padding: 10px 35px 16px 0px;
 }

 #header .nav-container #nav-toggle.active {
     background-color: transparent !important;
     color: #ffffff !important;
 }

 #header .nav-container #nav-toggle span,
 #nav-toggle span:before,
 #nav-toggle span:after {
     cursor: pointer;
     border-radius: 1px;
     height: 2px;
     width: 35px;
     background: #c1962d;
     position: absolute;
     display: block;
     content: "";
     transition: all 300ms ease-in-out;
 }

 #header .nav-container #nav-toggle span:before {
     top: -10px;
     background-color: #822a89;
 }

 #header .nav-container #nav-toggle span:after {
     bottom: -10px;
     background-color: #822a89;
 }

 #header .nav-container #nav-toggle.active span {
     background-color: transparent;
 }

 #header .nav-container #nav-toggle.active span:before,
 #nav-toggle.active span:after {
     top: 0;
 }

 #header .nav-container #nav-toggle.active span:before {
     transform: rotate(45deg);
 }

 #header .nav-container #nav-toggle.active span:after {
     transform: rotate(-45deg);
 }

 @media (max-width: 799px) {
     #header .navbar-brand img {
         width: 58px;
     }

     .tp-nav-row {
         display: flex !important;
         flex-wrap: nowrap !important;
         margin-top: 0px !important;
         margin-right: 0px !important;
         margin-left: 0px !important;
     }

     .tp-nav-row .col-lg-1 {
         width: 50%
     }

     .tp-nav-row .col-lg-11 {
         width: 50%;
         position: static;
         margin-top: -50px;
     }

     .header-phone {
         margin-left: 10px;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 999px) {
     #header .nav-container nav ul li .bi-chevron-down.mob-caret {
         display: inline;
         color: #000;
         position: relative;
         right: 16px;
         top: 0;
         float: right;
         margin-top: 10px;
         width: 30px;
         text-align: center;
     }

     .drop-down-list.open .nav-dropdown {
         display: block !important;
     }
 }

 @media only screen and (min-width: 768px) and (max-width: 1199px) {
     .foot-social a {
         width: 30px;
         height: 30px;
         line-height: 16px;
         font-size: 14px;
     }

     .foot-social {
         padding-top: 8px;
     }
 }

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

     #header .nav-container nav ul li a,
     nav ul li a:visited {
         padding: 0 6px;
         font-size: 0.9rem;
         line-height: 42px;
     }
 }

 @media only screen and (min-width: 1281px) and (max-width: 1366px) {

     #header .nav-container nav ul li a,
     nav ul li a:visited {
         padding: 0 8px;
         font-size: 1rem;
         line-height: 42px;
     }
 }

 @media only screen and (min-width: 1367px) and (max-width: 1440px) {

     #header .nav-container nav ul li a,
     nav ul li a:visited {
         padding: 0 10px;
         font-size: 1rem;
         line-height: 48px;
     }
 }

 @media only screen and (min-width: 1441px) and (max-width: 1600px) {

     #header .nav-container nav ul li a,
     nav ul li a:visited {
         padding: 0 10px;
         font-size: 1rem;
         line-height: 40px;
     }
 }

 @media only screen and (min-width: 1000px) and (max-width: 1199px) {

     #header .nav-container nav ul li a,
     nav ul li a:visited {
         padding: 0 4px;
         font-size: 0.8rem;
         line-height: 38px;
     }

     #header .nav-container nav ul li ul li a {
         padding: 10px;
     }
 }

 @media (max-width: 767px) {
     #header .nav-container nav ul li a .bi-chevron-down.desk-caret {
         display: none;
     }

     #header .nav-container nav ul li .bi-chevron-down.mob-caret {
         display: inline;
         color: #000;
         position: relative;
         right: 16px;
         top: 0;
         float: right;
         margin-top: 10px;
         width: 30px;
         text-align: center;
     }

     .drop-down-list.open .nav-dropdown {
         display: block !important;
     }
 }