@import url("https://use.typekit.net/ihn7ihg.css");

 body {
     image-rendering: -webkit-optimize-contrast;
     font-family: "open-sans", sans-serif;
     font-style: normal;
 }

 body,
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 a,
 span,
 div,
 input,
 button,
 textarea,
 select {
     font-family: "open-sans", sans-serif !important;
     font-style: normal;
 }

 /* mobile animation Fix Deividas */
 .display-single .eb-page-wrap:not(.is-selected) .animated,
 .display-single .eb-page-wrap:not(.is-selected) .grow-animation {
     -webkit-animation-duration: 0;
     animation-duration: 0;
     -webkit-animation-fill-mode: none;
     animation-fill-mode: none;
     -webkit-animation-delay: 0;
     animation-delay: 0;
     -webkit-animation-name: none;
     animation-name: none;
 }

 #fullsize-navigation .heading a {
     font-weight: normal;
     font-size: 14px;
 }

 #fullsize-navigation li.heading {
     padding-top: 4px;
 }

 .eb-footer {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 60px;
     z-index: 30;
 }

 .eb-footer .eb-logo {
     position: absolute;
     bottom: 15px;
     left: 20px;
     z-index: 40;
 }

 .eb-footer .eb-logo a {
     display: block;
     width: 150px;
     height: auto;
     position: relative;
     overflow: hidden;
     text-decoration: none;
     text-indent: -9999em;
 }

 @media only screen and (max-width: 768px) {
     .eb-footer .eb-logo a {
         width: 100px;
     }
 }

 .main_logo {
     max-width: 100%;
     max-height: 100%;
 }

 .sidebar-close-btn:hover {
     cursor: pointer;
 }

 .sidebar-menu-btn:hover {
     cursor: pointer;
 }

 .sidebar-content {
     position: absolute;
     top: -7px;
     left: -3px;
     height: 102%;
     width: 30%;
     margin-left: -40%;
     background: url('../../assets-additional/opened-menu.png') no-repeat;
     background-size: cover;
     z-index: 99;
     -webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.75);
     -moz-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.75);
     box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.75);
 }

 .sidebar-content ul {
     list-style: none;
     position: absolute;
     top: 250px;
     width: 90%;
 }

 .sidebar-content ul li {
     padding: 5px 0;
     border-bottom: 1px solid #00b1e5;
 }

 .sidebar-content ul li.blue:not(:first-child) {
     margin-top: 30px;
 }

 .sidebar-content ul li.blue a {
     font-weight: 900;
     color: #00b1e5;
 }

 .sidebar-content ul li a {
     text-transform: uppercase;
 }

 .sidebar-content ul li.blue a:hover {
     color: #fff;
 }

 .sidebar-content ul li a:hover {
     text-decoration: none;
     color: #00b1e5;
 }

 .grow-animation {
     -webkit-animation-fill-mode: forwards;
     animation-fill-mode: forwards;
     -webkit-animation-duration: 1s;
     animation-duration: 1s;
 }

 .grow-animation.up {
     transform: translateY(-100%);
     -webkit-animation-name: growingUp;
     animation-name: growingUp;
 }

 .grow-animation.right {
     transform: translateX(-100%);
     -webkit-animation-name: growingRight;
     animation-name: growingRight;
 }

 .grow-animation.rightScale {
     transform: translateX(100%) scaleX(0.05);
     -webkit-animation-name: growingRightScale;
     animation-name: growingRightScale;
 }

 .grow-animation.delay-1s {
     animation-delay: 1s;
     -webkit-animation-delay: 1s;
 }

 .grow-animation.delay-2s {
     animation-delay: 2s;
     -webkit-animation-delay: 2s;
 }

 .grow-animation.delay-3s {
     animation-delay: 3s;
     -webkit-animation-delay: 3s;
 }

 .grow-animation.delay-4s {
     animation-delay: 4s;
     -webkit-animation-delay: 4s;
 }

 .grow-animation.delay-5s {
     animation-delay: 5s;
     -webkit-animation-delay: 5s;
 }

 .grow-animation.delay-6s {
     animation-delay: 6s;
     -webkit-animation-delay: 6s;
 }

 .animated.delay-7s {
     -webkit-animation-delay: 7s;
     animation-delay: 7s;
 }

 .animated.delay-1h5s {
     -webkit-animation-delay: 1.5s;
     animation-delay: 1.5s;
 }

 .animated.delay-2h5s {
     -webkit-animation-delay: 2.5s;
     animation-delay: 2.5s;
 }

 .animated.delay-3h5s {
     -webkit-animation-delay: 3.5s;
     animation-delay: 3.5s;
 }

 .animated.delay-4h5s {
     -webkit-animation-delay: 4.5s;
     animation-delay: 4.5s;
 }

 .animated.delay-5h5s {
     -webkit-animation-delay: 5.5s;
     animation-delay: 5.5s;
 }

 .animated.delay-6h5s {
     -webkit-animation-delay: 6.5s;
     animation-delay: 6.5s;
 }

 .animated.delay-7h5s {
     -webkit-animation-delay: 7.5s;
     animation-delay: 7.5s;
 }


 .animated.delay-1h25s {
     -webkit-animation-delay: 1.25s;
     animation-delay: 1.25s;
 }

 .animated.delay-2h25s {
     -webkit-animation-delay: 2.25s;
     animation-delay: 2.25s;
 }

 .animated.delay-3h25s {
     -webkit-animation-delay: 3.25s;
     animation-delay: 3.25s;
 }

 .animated.delay-4h25s {
     -webkit-animation-delay: 4.25s;
     animation-delay: 4.25s;
 }

 .animated.delay-5h25s {
     -webkit-animation-delay: 5.25s;
     animation-delay: 5.25s;
 }

 .animated.delay-6h25s {
     -webkit-animation-delay: 6.25s;
     animation-delay: 6.25s;
 }

 .animated.delay-7h25s {
     -webkit-animation-delay: 7.25s;
     animation-delay: 7.25s;
 }

 .animated.delay-1h75s {
     -webkit-animation-delay: 1.75s;
     animation-delay: 1.75s;
 }

 .animated.delay-2h75s {
     -webkit-animation-delay: 2.75s;
     animation-delay: 2.75s;
 }

 .animated.delay-3h75s {
     -webkit-animation-delay: 3.75s;
     animation-delay: 3.75s;
 }

 .animated.delay-4h75s {
     -webkit-animation-delay: 4.75s;
     animation-delay: 4.75s;
 }

 .animated.delay-5h75s {
     -webkit-animation-delay: 5.75s;
     animation-delay: 5.75s;
 }

 .animated.delay-6h75s {
     -webkit-animation-delay: 6.75s;
     animation-delay: 6.75s;
 }

 .animated.delay-7h75s {
     -webkit-animation-delay: 7.75s;
     animation-delay: 7.75s;
 }

 .grow-overflow {
     overflow: hidden;
 }

 .grow-overflow img {
     width: 100%;
     height: 100%;
 }

 @keyframes growingUp {
     0% {
         transform: translateY(100%);
     }

     100% {
         transform: translateY(0%);
     }
 }

 @-webkit-keyframes growingUp {
     0% {
         transform: translateY(100%);
     }

     100% {
         transform: translateY(0%);
     }
 }

 @keyframes growingRight {
     0% {
         transform: translateX(-100%);
     }

     100% {
         transform: translateX(0%);
     }
 }

 @-webkit-keyframes growingRight {
     0% {
         transform: translateX(-100%);
     }

     100% {
         transform: translateX(0%);
     }
 }

 @keyframes growingRightScale {
     0% {
         transform: translateX(100%) scaleX(0.05);
     }

     100% {
         transform: translateX(0%) scaleX(1);
     }
 }

 @-webkit-keyframes growingRightScale {
     0% {
         transform: translateX(100%) scaleX(0.05);
     }

     100% {
         transform: translateX(0%) scaleX(1);
     }
 }

 /* .frutiger-light {
    font-family: 'Frutiger Light' !important;
} */

 .eb-page-htmlContainer .absolute {
     position: absolute;
 }

 .eb-page-htmlContainer .title {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
 }

 .eb-page-htmlContainer .w-animated {
     display: none;
 }

 .eb-header .eb-toc-dropdown>li>a:hover,
 .eb-header .eb-share-dropdown>li>a:hover {
     background-color: rgba(0, 0, 0, .1);
 }

 .eb-header .eb-header-bg {
     background-color: rgba(0, 0, 0, .1);
 }

 .counter {
     position: absolute;
     /* font-family: 'Frutiger Black'; */
 }

 #fullsize-navigation {
     position: relative;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: scroll;
     z-index: 999;
     transition: .2s all;
     display: none;
 }

 .close-btn {
     position: absolute;
     right: 30px;
     top: 30px;
     font-size: 4rem !important;
     z-index: 1000;
 }

 .close-btn:hover {
     text-decoration: none;
     cursor: pointer;
 }

 #fullsize-navigation ul {
     margin: auto;
     list-style: none;
     text-align: left;
     padding: 0px 20px;
     padding-top: 0;
     max-width: 400px;
 }

 #fullsize-navigation .container {
     padding-bottom: 70px;
 }

 #fullsize-navigation .col-md-12 {
     text-align: center;
 }

 #fullsize-navigation h3 {
     color: #ffffff;
     margin-top: 10vh;
     margin-left: 20px;
 }

 #fullsize-navigation a:hover {
     font-size: 14px;
     color: #ffffff;
     text-decoration: underline;
 }

 #fullsize-navigation a {
     font-size: 14px;
     color: #ffffff;
 }

 #fullsize-navigation ul li {
     line-height: 14px;
     margin-bottom: 8px;
 }

 @media screen and (max-width: 768px) {
     #fullsize-navigation a {
         font-size: 12px;
     }

     #fullsize-navigation ul li {
         margin-bottom: 5px;
         line-height: 15px;
     }

     .gallery-page9 .navigation-sec {
         left: 45% !important;
     }
 }


 div.eb-thumb-group ul li {
     cursor: e-resize;
 }

 /* .eb-link {
        background-color: #A4DE02;
        opacity: 0.5
    }

    .eb-link.broken {
        background-color: #000 !important;
        opacity: 1 !important;
    }

*/

 /*
.eb-page-htmlContainer a {
      animation: colorchange 3s;
      -webkit-animation: colorchange 3s;
} 

@keyframes colorchange
    {
      0%   {background: transparent;}
      50%  {background: #FCEB00;}
      100% {background: transparent;}
    }

    @-webkit-keyframes colorchange
    {
      0%   {background: transparent;}
      50%  {background: #FCEB00;}
      100% {background: transparent;}
    } */


 .gallery-button img.hover {
     display: none;
     position: absolute;
     top: -12px;
     left: -15px;
     z-index: 99;
     width: 189px !important;
 }

 .gallery-button:hover .hover {
     display: inline;
 }

 a.eb-link.eb-photo-gallery:hover {
     opacity: 1 !important;
 }

 .zoom-link {
     transition: transform 0.5s;
 }

 .zoom-link:hover {
     transform: scale(1.05);
     /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
 }

 div#preload {
     display: none;
 }

 #page6 a.eb-link:hover,
 #page7 a.eb-link:hover {
     opacity: 1 !important;
     background: none !important;
 }


 .display-flip a.mobile-show {
     display: none !important;
 }


 /* Custom CSS for the Interactive Brochure */
 .Headingone {
     font-weight: 300;
     font-size: 90px;
     line-height: 90px;
     letter-spacing: -0.02em;
 }

 .Headingtwo {
     font-weight: bold;
     font-size: 90px;
     line-height: 90px;
     letter-spacing: -0.02em;
 }

 .page4Headingtwo {
     font-weight: 800;
     font-size: 66px;
     line-height: 66px;
     width: 38%;
     text-align: center;
     letter-spacing: -0.025em;
     color: #000000;
 }

 .Headingthree {
     font-weight: 300;
     font-size: 40px;
     letter-spacing: -0.02em;
 }

 .Headingone,
 .Headingtwo,
 .Headingthree {
     font-family: "Open Sans", sans-serif;
     color: #000000;
 }

 .Headingone_other {
     font-weight: 300;
     font-size: 82px;
     line-height: 82px;
     letter-spacing: -0.02em;
 }

 .Headingtwo_other {
     font-weight: bold;
     font-size: 82px;
     line-height: 82px;
     letter-spacing: -0.02em;
 }

 .Headingthree_other {
     font-weight: 300;
     font-size: 40px;
     letter-spacing: -0.02em;
 }

 .Headingone_other,
 .Headingtwo_other,
 .Headingthree_other {
     font-family: "Open Sans", sans-serif;
     color: #000000;
 }

 .paraText.animated.absolute {
     font-size: 30px;
     width: 465px;
     font-weight: 300;
     color: #000000;
 }

 .paraTextpage6 {
     width: 488px;
     font-size: 30px;
     font-weight: 300;
     color: #000000;
 }

 .paraTextpage110 {
     width: 550px;
     font-size: 30px;
     font-weight: 300;
     color: #000000;
 }

 .paraTextpage11 {
     width: 450px;
     font-size: 30px;
     font-weight: 300;
     color: #000000;
 }

 .paraTextpage16 {
     width: 492px;
     font-size: 30px;
     font-weight: 300;
     color: #000000;
 }

 .paraTextpage17 {
     width: 430px;
     font-size: 30px;
     font-weight: 300;
     color: #000000;
 }

 .features-container-page3 {
     max-width: 85%;
     width: 100%;
     top: 50px;
     left: 85px;
 }

 .features-container-page3 .feature-link {
     text-decoration: none;
     color: inherit;
     display: block;
 }

 .features-container-page3 .feature-item {
     display: flex;
     align-items: center;
     gap: 20px;
     padding: 20px;
     border-bottom: 2px solid #f0d158;
     transition: background 0.3s ease, box-shadow 0.3s ease;
 }

 .features-container-page3 .feature-link:hover .feature-item {
     background: #ffffff;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
 }

 .features-container-page3 .icon {
     width: 50px;
     height: auto;
     flex-shrink: 0;
 }

 .features-container-page3 .text {
     flex-grow: 1;
 }

 .features-container-page3 .title {
     font-weight: bold;
     font-size: 30px;
     margin-bottom: 5px;
 }

 .features-container-page3 .desc {
     font-size: 25px;
     line-height: 25px;
 }

 .features-container-page3 .number {
     font-weight: bold;
     font-size: 30px;
 }

 /* page 5 css start */

 .message-box {
     text-align: center;


     max-width: 600px;
 }

 .message-box .message {
     font-size: 3.3rem;
     font-weight: bold;
     color: #111;
     line-height: 1.5;
     min-height: 7em;
     transition: opacity 0.3s ease;
     padding: 40px 30px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
     background: white;
     width: 500px;
     height: 300px;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .message-box .lines {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 20px;
     gap: 15px;
 }

 .message-box .line {
     height: 2px;
     background: #000000;
     width: 145px;
     opacity: 1;
     transition: all 0.3s ease;
     cursor: pointer;
 }

 .message-box .line.lncenter {
     /* height: 5px; */
     /* background: #d69200; */
     /* width: 60px; */
 }

 .message-box .line:hover,
 .message-box .line.active {
     /* opacity: 1;
     transform: scaleX(1.2); */
     height: 5px;
 }

 .message-box .line.lnleft.active,
 .message-box .line.lnleft:hover {
     background: #d69200;
     height: 4px;
 }

 .message-box .line.lnright.active,
 .message-box .line.lnright:hover {
     background: #d69200;
     height: 4px;
 }

 .message-box .line.lncenter:hover,
 .message-box .line.lncenter.active {
     background: #d69200;
     /* width: 80px; */
 }


 .bar-container {
     display: flex;
     align-items: flex-end;
     height: 300px;
     gap: 0;
     padding: 0 0 20px 0;
     /* background: #faf8f1; */
 }

 .bar-container .bar {
     width: 338px;
     background-color: var(--bar-color);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: flex-end;
     position: relative;
     height: 0;
     transition: height 1s ease-out;
 }

 .bar-container .icon {
     position: absolute;
     top: 20px;
     font-size: 20px;
 }

 .bar-container .count {
     font-size: 50px;
     font-weight: 800;
     padding: 20px 0;
 }

 /* page 5 css end */

 /* page 8 css start */

 .gallary-grid-page8 {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
     width: 100%;
     max-width: 83%;
     margin: 40px auto;
 }

 .gallery-item {
     cursor: pointer;
     /* border: 1px solid #ddd;
      border-radius: 8px; */
     /* padding: 10px; */
     text-align: center;
     /* background: #fff;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1); */
     transition: transform 0.2s;
 }

 .gallery-item:hover {
     transform: scale(1.05);
 }

 .gallery-item img {
     width: 100%;
     height: auto;
     /* object-fit: cover; */
     border-radius: 6px;
 }

 .gallery-item h3 {
     margin: 10px 0 5px;
     font-size: 16px;
 }

 .gallery-item .price {
     color: #28a745;
     font-weight: bold;
 }

 /* Popup overlay */
 .popup-page8 {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.8);
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 .popup-page8 .popup-content {
     position: relative;
     background: #fff;
     /* padding: 20px; */
     max-width: 75%;
     width: 90%;
     border-radius: 10px;
     text-align: left;
     display: flex;
     justify-content: center;
     align-items: flex-start;
 }

 .popup-page8 .popup-content img {
     max-width: 100%;
     max-height: 550px;
     /* margin-bottom: 15px;
      border-radius: 6px; */
 }

 .popup-page8 .popup-content h3 {
     margin: 10px 0 5px;
     font-size: 35px;
     display: inline-block;
     font-weight: 400;
 }

 .popup-page8 .popup-content .price {
     color: #000;
     font-weight: bold;
     margin-bottom: 10px;
     display: inline-block;
     font-size: 35px;
 }

 .popup-page8 .popup-content p {
     font-size: 25px;
     color: #555;
     margin-bottom: 50px;
 }

 .popup-page8 .popup-content .right-content {
     padding: 20px 30px;
 }

 .popup-page8 .popup-content .right-content .popup-buynowbtn {
     color: #fecd08;
     background: #000;
     padding: 20px 40px;
     font-size: 25px;
     border-radius: 50px;
     margin-top: 23px !important;
 }

 /* Buttons */
 .popup-page8 .prev-btn,
 .popup-page8 .next-btn {
     position: absolute;
     bottom: 0;
     transform: translateY(-50%);
     /* background: #000000;
        color: #fecd08;
        border: none;
        padding: 7px 14px; */
     cursor: pointer;
     border-radius: 50%;
     font-size: 21px;
     width: 50px;
     height: 50px;
 }

 .popup-page8 .close-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: transparent;
     border: none;
     cursor: pointer;
     border-radius: 50%;
     font-size: 18px;
 }

 .popup-page8 .close-btn {
     top: 0;
     right: 10px;
     transform: none;
     font-size: 6rem !important;
 }

 .popup-page8 .prev-btn {
     left: 55%;
 }

 .popup-page8 .next-btn {
     right: 4%;
 }

 /* page 8 css end */

 /* page 11 css start */

 .container-page11 {
     width: 83%;
     margin: auto;
     background: white;
     border-radius: 20px;
     overflow: hidden;
     font-size: 25px;
     /* box-shadow: 0 4px 15px rgba(0,0,0,0.2); */
 }

 .container-page11 .header {
     background: #1a1a1a;
     color: white;
     padding: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .container-page11 .header .menu-btn {
     color: #ffd700;
     cursor: pointer;
     font-weight: bold;
 }

 .container-page11 .header span {
     cursor: pointer;
 }

 .container-page11 .content {
     display: flex;
     padding: 20px;
     gap: 20px;
 }

 .container-page11 .left {
     flex: 2;
 }

 .container-page11 .right {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .container-page11 .question-toggle {
     display: flex;
     align-items: center;
     cursor: pointer;
     font-weight: bold;
     font-size: 30px;
 }

 .container-page11 .question {
     font-weight: bold;
     font-size: 30px;
 }

 .container-page11 .question-toggle .arrow {
     margin-left: 10px;
     transition: transform 0.3s;
 }

 .container-page11 .question-toggle.active .arrow {
     transform: rotate(90deg);
 }

 .container-page11 .answer-box {
     /* max-width: 500px;
    position: relative;
    border-top: 1px solid #333; */
     background: #f9f8f3;
     padding: 20px;
     margin: 20px 0;
     max-height: 150px;
     overflow: hidden;
     position: relative;
 }

 .container-page11 .answer-box .answer-text {
     opacity: 0;
     transition: opacity 0.3s ease;
     font-size: 25px;
 }

 .container-page11 .answer-box {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s ease;
 }

 .container-page11 .answer-box .answer-text {
     opacity: 0;
     transition: opacity 0.5s ease;
 }

 /* Circle arrow in center of top border */
 /* .container-page11 .answer-box::before {
    content: "▼";
    font-size: 12px;
    color: white;
    background-color: #222;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
} */
 .container-page11 .question-toggle {
     font-weight: bold;
     cursor: pointer;
     position: relative;
     padding-bottom: 20px;
     border-bottom: 1px solid #333;
 }

 .container-page11 .question-toggle .arrow {
     display: flex;
     align-items: center;
     justify-content: center;
     width: 22px;
     height: 22px;
     font-size: 12px;
     color: #fff;
     background-color: #222;
     border-radius: 50%;
     position: absolute;
     bottom: -12px;
     left: 50%;
     transform: translateX(-50%);
 }

 /* .container-page11 .question-toggle .arrow::before {
  content: "▼";   
  display: block;
  transform: rotate(-90deg); 
  transition: transform 0.3s ease;
} */

 /* .answer-box {
  display: none;
  background: #f7f7f7;
  padding: 12px 15px;
  margin-top: 15px;
  border-radius: 4px;
  font-size: 14px;
  color: #333;
  line-height: 1.5;
} */

 /* Show answer + rotate arrow on hover */
 .container-page11 .question-toggle:hover+.answer-box .answer-text {
     opacity: 1;
 }

 .container-page11 .question-toggle:hover .arrow::before {
     transform: rotate(0deg);
     /* ▼ down */
 }

 .container-page11 .radio-group label {
     margin-right: 15px;
 }

 .container-page11 .custom-radio input[type="radio"] {
     display: none;
 }

 .container-page11 .custom-radio {
     margin: 20px 0;
 }

 /* Radio label container */
 .container-page11 .custom-radio label {
     cursor: pointer;
     font-size: 30px;
     display: inline-flex;
     align-items: center;
     margin-right: 20px;
 }

 /* Custom circle */
 .container-page11 .custom-radio label::before {
     content: "";
     display: inline-block;
     width: 30px;
     height: 30px;
     border: 2px solid #888;
     border-radius: 50%;
     margin-right: 8px;
     box-sizing: border-box;
 }

 /* Checked state */
 .container-page11 .custom-radio input[type="radio"]:checked+label::before {
     background-color: #f6c23e;
     /* Yellow fill */
     border-color: #000000;
     box-shadow: inset 0 0 0 2px #fff;
     /* Inner white circle */
 }

 .container-page11 .link {
     display: block;
     margin-top: 10px;
     font-size: 30px;
     color: #333;
     text-decoration: none;
 }

 .container-page11 .link:hover {
     text-decoration: underline;
 }

 .container-page11 .right .menu-links {
     list-style: none;
     padding: 0;
     font-size: 30px;
     text-align: right;
     margin: -80px 35px 0 0;
 }

 .container-page11 .right .menu-links li {
     border-bottom: 1px solid #ddd;
     padding: 8px 0;
 }

 .container-page11 .right .menu-links li:last-child {
     border-bottom: none;
 }

 .container-page11 .right .visit {
     margin-top: 20px;
     font-size: 30px;
     font-weight: bold;
 }

 .container-page11 .right .visit a {
     color: #2a5db0;
     text-decoration: underline;
 }

 .container-page11 .right .visit a:hover {
     color: #000000;
 }

 .container-page11 .button {
     display: inline-block;
     background: #4b74e0;
     color: white;
     padding: 20px 80px;
     border-radius: 50px;
     border: none;
     cursor: pointer;
     font-size: 30px;
     margin: 30px 0;
     font-weight: bold;
 }

 .container-page11 .button:hover {
     background: #000000;
     text-decoration: none;
 }

 .container-page11 .menu-hidden {
     display: none;
 }


 .container-page11 .menu-container {
     /* background: #221f20; */
     /* width: 200px; */
     position: relative;
     /* font-family: Arial, sans-serif; */
     margin-top: -80px;
 }

 .container-page11 .menu-header {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     padding: 12px;
     cursor: pointer;
 }

 .container-page11 .menu-text {
     color: #f6c23e;
     /* Yellow */
     font-size: 30px;
     margin-right: 20px;
 }

 .container-page11 .menu-icon {
     display: inline-block;
     width: 16px;
     height: 16px;
     position: relative;
 }

 .container-page11 .menu-icon::before,
 .container-page11 .menu-icon::after {
     content: "";
     position: absolute;
     top: 7px;
     left: 0;
     width: 30px;
     height: 5px;
     background: #ccc;
     transition: transform 0.3s ease;
 }

 .container-page11 .menu-icon::after {
     transform: rotate(0deg);
     /* Minus sign */
 }

 /* Submenu hidden by default */
 .container-page11 .menu-items {
     list-style: none;
     margin: 0;
     padding: 0;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease;
     background: #fff;
     text-align: right;
 }

 /* Hover works on desktop */
 @media (min-width: 769px) {
     .container-page11 .menu-container:hover .menu-items {
         max-height: 500px;
     }
 }

 /* When JS adds .open (for mobile OR auto toggle) */
 .container-page11 .menu-items.open {
     max-height: 500px;
 }

 .container-page11 .menu-icon.open::before {
     transform: rotate(45deg);
 }

 .container-page11 .menu-icon.open::after {
     transform: rotate(-45deg);
 }

 .container-page11 .menu-items li {
     padding: 12px;
     border-bottom: 1px solid #ddd;
     color: #000000;
     font-size: 30px;
 }

 /* On hover, open menu */
 .container-page11 .menu-container:hover .menu-items {
     max-height: 500px;
     /* Enough to show all */
 }

 .container-page11 .menu-container:hover .menu-icon::before {
     transform: rotate(45deg);
 }

 .menu-container:hover .menu-icon::after {
     transform: rotate(-45deg);
 }

 /* page 11 css end */

 /* page 13 css start here */
 .faq-container {
     /* max-width: 700px;
    margin: auto;
    font-family: Arial, sans-serif; */
     width: 100%;
     max-width: 85%;
 }

 /* FAQ item */
 .faq-container .faq-item {
     border: 1px solid #f6c23e;
     margin-bottom: 25px;
 }

 /* Header */
 .faq-container .faq-question {
     background: #f6c23e;
     padding: 12px 40px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     font-size: 35px;
     color: #000;
     font-weight: 300;
 }

 /* Arrow icon */
 .faq-container .faq-question .arrow {
     font-size: 18px;
     transition: transform 0.3s ease;
 }

 /* Answer */
 .faq-container .faq-answer {
     background: white;
     padding: 12px 40px 30px 40px;
     display: none;
     font-weight: normal;
     font-size: 30px;
     font-weight: 300;
     color: #000;
 }

 /* .faq-container .faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
} */

 /* Show answer */
 /* .faq-container .faq-item.active .faq-answer {
    display: block;
} */

 .faq-container .faq-answer {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.5s ease, opacity 0.5s ease;
     opacity: 0;
 }

 .faq-container .faq-item.active .faq-answer {
     max-height: 500px;
     /* large enough to fit content */
     opacity: 1;
 }

 /* Rotate arrow when open */
 .faq-container.faq-item.active .arrow {
     transform: rotate(180deg);
 }

 /* page 13 css end here */

 /* page 14 css start here */
 .faq-static {
     width: 100%;
     max-width: 85%;
     margin: 0 auto;
     color: #222;
     line-height: 1.7;
 }

 .faq-static .faq-item {
     margin: 28px 0 34px;
 }

 .faq-static .faq-q {
     font-size: 30px;
     font-weight: 700;
     margin: 0 0 10px;
 }

 .faq-static .faq-q .label {
     font-weight: 800;
 }

 .faq-static .faq-a {
     font-size: 26px;
     margin: 0;
 }

 /* optional subtle divider between items */
 .faq-static .faq-item+.faq-item {
     padding-top: 4px;
     border-top: 1px solid #e9e9e9;
 }

 /* page 14 css end here */

 /* page 15 css start here */
 .container-page15 {
     width: 83%;
     margin: auto;
     background: white;
     border-radius: 20px;
     overflow: hidden;
     font-size: 25px;
     /* box-shadow: 0 4px 15px rgba(0,0,0,0.2); */
 }

 .container-page15 .header {
     background: #1a1a1a;
     color: white;
     padding: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .container-page15 .header .menu-btn {
     color: #ffd700;
     cursor: pointer;
     font-weight: bold;
 }

 .container-page15 .header span {
     cursor: pointer;
 }

 .container-page15 .content {
     display: flex;
     padding: 20px;
     gap: 20px;
 }

 .container-page15 .left {
     flex: 2;
 }

 .container-page15 .right {
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
 }

 .container-page15 .question-toggle {
     display: flex;
     align-items: center;
     cursor: pointer;
     font-weight: bold;
     font-size: 30px;
 }

 .container-page15 .question {
     font-weight: bold;
     font-size: 30px;
 }

 .container-page15 .question-toggle .arrow {
     margin-left: 10px;
     transition: transform 0.3s;
 }

 .container-page15 .question-toggle.active .arrow {
     transform: rotate(90deg);
 }

 .container-page15 .answer-box {
     max-width: 500px;
     position: relative;
     border-top: 1px solid #333;
     background: #ffffff;
     /* light cream */
     padding: 15px;
     margin: 20px 0;
     height: 150px;
 }

 /* Circle arrow in center of top border */
 .container-page15 .answer-box::before {
     content: "▼";
     font-size: 12px;
     color: white;
     background-color: #222;
     border-radius: 50%;
     width: 20px;
     height: 20px;
     display: flex;
     align-items: center;
     justify-content: center;
     position: absolute;
     top: -10px;
     /* half overlaps border */
     left: 50%;
     transform: translateX(-50%);
 }

 .container-page15 .radio-group label {
     margin-right: 15px;
 }

 .container-page15 .custom-radio-two input[type="radio"] {
     display: none;
 }

 .container-page15 .custom-radio-two {
     margin: 20px 0;
 }

 /* Radio label container */
 .container-page15 .custom-radio-two label {
     cursor: pointer;
     font-size: 30px;
     display: inline-flex;
     align-items: center;
     margin-right: 20px;
 }

 /* Custom circle */
 .container-page15 .custom-radio-two label::before {
     content: "";
     display: inline-block;
     width: 30px;
     height: 30px;
     border: 2px solid #888;
     border-radius: 50%;
     margin-right: 8px;
     box-sizing: border-box;
 }

 /* Checked state */
 .container-page15 .custom-radio-two input[type="radio"]:checked+label::before {
     background-color: #f6c23e;
     /* Yellow fill */
     border-color: #000000;
     box-shadow: inset 0 0 0 2px #fff;
     /* Inner white circle */
 }

 .container-page15 .link {
     display: block;
     margin-top: 10px;
     font-size: 30px;
     color: #333;
     text-decoration: none;
 }

 .container-page15 .right .menu-links {
     list-style: none;
     padding: 0;
     font-size: 30px;
     text-align: right;
     margin: -80px 35px 0 0;
 }

 .container-page15 .right .menu-links li {
     border-bottom: 1px solid #ddd;
     padding: 8px 0;
 }

 .container-page15 .right .menu-links li:last-child {
     border-bottom: none;
 }

 .container-page15 .right .visit {
     margin-top: 20px;
     font-size: 30px;
     font-weight: bold;
 }

 .container-page15 .right .visit a {
     color: #2a5db0;
     text-decoration: underline;
 }

 .container-page15 .button-hovered {
     display: inline-block;
     background: #000000;
     color: white;
     padding: 20px 80px;
     border-radius: 50px;
     border: none;
     cursor: pointer;
     font-size: 30px;
     margin: 30px 0;
     font-weight: bold;
 }

 .container-page15 .button:hover {
     background: #000000;
     text-decoration: none;
 }

 .container-page15 .menu-hidden {
     display: none;
 }

 /* page 15 css end here */

 /* page 17 css start here */
 .ebrochure-form-div {
     width: 100%;
     max-width: 85%;
 }

 form.ebrochure-form label {
     font-size: 25px;
     color: #000000;
 }

 form.ebrochure-form input[type="text"],
 form.ebrochure-form input[type="tel"],
 form.ebrochure-form input[type="email"] {
     height: 60px;
     border: none;
     margin: 15px 0;
     font-size: 30px;
 }

 form.ebrochure-form textarea {
     border: none;
     margin: 15px 0;
     font-size: 30px;
 }

 form.ebrochure-form input[type="checkbox"] {
     border: none;
     outline: none;
     height: 25px;
     width: 25px;
 }

 /* page 17 css end here */

 /* page 16 css start here */
 #myChart,
 #myChart1 {
     width: 500px !important;
     height: 400px !important;
 }

 #myChart2 {
     width: 400px !important;
     height: 400px !important;
 }

 /* page 16 css end here */

 /* Page 9 css start here */
 .gallery-page9 {
     position: relative;
     /* width: 80%;
    max-width: 800px; */
     box-shadow: 0 8px 20px rgba(0, 0, 0, .6);
     border-radius: 12px;
     overflow: hidden;
 }

 .gallery-page9 img {
     width: 100%;
     display: none;
     height: 1486px;
 }

 .gallery-page9 img.active {
     display: block;
 }

 .gallery-page9 .navigation-sec img {
     display: inline-block !important;
 }

 .gallery-page9 .navigation-sec {
     position: absolute;
     bottom: 4%;
     display: inline-block;
     left: 50%;
     cursor: pointer;
 }

 .gallery-page9 .btn {
     position: absolute;
     bottom: 14%;
     transform: translateY(-50%);
     background: rgba(255, 255, 255, 0.2);
     color: #fff;
     border: none;
     padding: 12px 18px;
     cursor: pointer;
     border-radius: 6px;
     font-size: 18px;
     transition: background 0.3s;
 }

 .gallery-page9 .btn:hover {
     background: rgba(255, 255, 255, 0.4);
 }

 .gallery-page9 .prev {
     left: 575px;
 }

 .gallery-page9 .next {
     right: 500px;
 }

 .navigation-sec img {
     transition: transform 0.2s ease;
 }

 @keyframes pop {
     0% {
         transform: scale(1);
     }

     40% {
         transform: scale(1.3);
     }

     60% {
         transform: scale(0.9);
     }

     80% {
         transform: scale(1.1);
     }

     100% {
         transform: scale(1);
     }
 }

 .navigation-sec img.pop {
     animation: pop 0.6s ease;
 }

 /* Page 9 css end here */


 /* Allow links to be tapped inside Flickity */
 .flickity-viewport,
 .flickity-slider,
 .eb-page-htmlContainer,
 .feature-link {
     pointer-events: auto !important;
 }

 /* Make sure feature links are above other elements */
 .feature-link {
     position: relative;
     z-index: 20;
     display: block;
     /* ensures larger tap area */
 }

 /* #home_canvas {
     width: 1400px !important;
     height: auto !important;
 } */

 /* #page2_canvas {
     width: 1500px !important;
     height: auto !important;
 } */

 /* #page6_canvas {
     width: 1700px !important;
     height: 1800px !important;
 } */


 .thankyou-popup {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.6);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 9999;
 }

 .thankyou-content {
     background: #fff;
     border-radius: 12px;
     text-align: center;
     width: 90%;
     height: 85%;
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 50px;
 }

 .close-thankyou {
     position: absolute;
     top: 0;
     right: 10px;
     font-size: 50px;
     border: none;
     background: none;
     cursor: pointer;
 }

 .popup-btn {
     display: inline-block;
     margin-top: 20px;
     padding: 10px 25px;
     background: #007bff;
     color: #fff;
     border-radius: 6px;
     text-decoration: none;
     font-weight: bold;
 }

 .popup-btn:hover {
     background: #0056b3;
 }

 #thankyouTitle1 {
     font-weight: 300;
     font-size: 90px;
     line-height: 90px;
 }

 #thankyouTitle2 {
     font-weight: bold;
     font-size: 100px;
     line-height: 90px;
 }

 #thankyouDescription {
     font-size: 30px;
     font-weight: 300;
     color: #000000;
 }




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

     /* #home_canvas,
     #page2_canvas {
         width: 2000px !important;
         height: auto !important;
     } */

     /* #page5_canvas {
         width: 1200px !important;
         height: auto !important;
     } */

     /* #page6_canvas {
         width: 2500px !important;
         height: auto !important;
     }

     .home_animated_image {
         bottom: 660px !important;
         left: 100px;
     }

     .page2_animated_imaage {
         top: 200px !important;
         right: 600px !important;
     }

     .page5_animated_imaage {
         right: 250px !important;
     }

     .page6_animated_imaage {
         top: 30px !important;
         left: -150px !important;
     } */
 }

 @media only screen and (max-width: 1024px) and (min-width: 789px) {

     /* #home_canvas,
     #page2_canvas {
         width: 2000px !important;
         height: auto !important;
     } */

     /* #page5_canvas {
         width: 1200px !important;
         height: auto !important;
     }

     #page6_canvas {
         width: 2500px !important;
         height: auto !important;
     }

     .home_animated_image {
         bottom: 350px !important;
         left: 100px;
     }

     .page2_animated_imaage {
         top: 200px !important;
         right: 400px !important;
     }

     .page5_animated_imaage {
         right: 0px !important;
     }

     .page6_animated_imaage {
         top: 50px !important;
         left: -100px !important;
     } */
 }

 @media only screen and (max-width: 375px) {
     /* #home_canvas,
     #page2_canvas {
         width: 1100px !important;
         height: auto !important;
     } */
 }

 @media only screen and (min-device-pixel-ratio: 2),
 only screen and (min-resolution: 192dpi) and (min-width: 1024px) {

     /*    .Headingone {*/
     /*  color: red;*/
     /*}*/

     /* #home_canvas,
     #page2_canvas {
         width: 2200px !important;
         height: auto !important;
     } */

     /* #page5_canvas {
         width: 1500px !important;
         height: auto !important;
     }

     #page6_canvas {
         width: 2700px !important;
         height: auto !important;
     }

     .home_animated_image {
         bottom: 350px !important;
         left: 100px;
     }

     .page2_animated_imaage {
         top: 200px !important;
         right: 400px !important;
     }

     .page5_animated_imaage {
         right: 0px !important;
     }

     .page6_animated_imaage {
         top: 50px !important;
         left: -100px !important;
     } */
 }

 .dropdown-menu,
 .eb-share-dropdown:before {
     background-color: #000000 !important;
 }


.home_animated_image .img-wrapper {
    position: relative;
}
.animation_container {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
    margin: 0 auto;
    background: transparent;
}
.canvas_container {
    width: 100% !important;
    height: auto !important;
    display: block;
}
.animation_dom_container {
    pointer-events: none;
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    left: 0;
    top: 0;
    overflow: hidden;
}