/* ==============================
   1. default 
   ============================== */
   ul{margin:0;padding:0;list-style:none;} p:last-child{margin-bottom: 0;}
   p,li{color: var(--title-color);line-height: 26px;font-weight: 500;font-size: 16px;}
   :after,:before,a,.card,img,button{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear}
   .bg-1{background:var(--tc-light)}.bg-2{background:var(--tc-primary)}strong{font-weight: 600;font-size: 100%;}a{text-decoration:none; color: currentColor;}
   .themebtn{z-index: 1;font-size: 15px;font-weight: 600;padding: 12px 22px;overflow: hidden;vertical-align: middle;display: inline-block;border-radius: 5px;position: relative;letter-spacing: 0.25px;background: transparent;color: var(--tc-secondary);border: solid 2px var(--tc-primary);}
   .themebtn::after {content: "";background: var(--tc-primary);position: absolute;width: 200%;height: 400%;z-index: -1;border-radius: 50%;-webkit-transform: translate(30%, 10%) translateZ(0);transform: translate(30%, 10%) translateZ(0);-webkit-transition: 0.36s cubic-bezier(0.4, 0, 1, 1);transition: 0.36s cubic-bezier(0.4, 0, 1, 1);}
   .themebtn:hover:after{-webkit-transform: translate(-46%, -44%) translateZ(0);transform: translate(-46%, -44%) translateZ(0);}
   .themebtn:hover{color: var(--bs-white);background: rgb(79 98 67 / 35%);}
   .section-label{font-size: 17px;font-weight: 600;display: inline-flex;color: var(--tc-primary);position: relative;margin-bottom: 8px;padding-bottom: 22px;background: url(../images/label-icon.svg) no-repeat;background-position: bottom center;background-size: 18px;}
   .section-label::before, .section-label::after{content: "";position: absolute;right: 0;bottom: 8px;height: 1px;width: calc(50% - 12px);background: currentColor;}
   .section-label::before{left: 0;right: auto;width: calc(50% - 13px);}
   section :is(h1, h2, h3) {font-weight: 600;color: var(--title-color);font-size: var(--title-font-size);margin-bottom: var(--title-mb);}
   section :is(h4, h5) {margin-bottom: var(--subtitle-mb);color: var(--title-color);font-weight: 600;}
   .themebtn.solidbtn{color: var(--bs-white);background: var(--tc-primary);}
   .themebtn.solidbtn:after{background: var(--bs-white);}
   .themebtn.solidbtn:hover{color: #444444;}
   .bothxgap{padding-inline: var(--columngap);}
   .rightgap{padding-right: var(--columngap);}
   .leftgap{padding-left: var(--columngap);}
   .text-white>*{color: var(--bs-white);}

/* ==============================
   2. Pre Loader & Go top
   ============================== */
   html.hide-scrollbar body{overflow: hidden;}
   html.hide-scrollbar{scrollbar-gutter: stable;}
   #page-loader{justify-content: center;align-items: center;display: flex;z-index: 999;inset: 0px;position: fixed;padding: 24px;flex-direction: column; background: var(--bs-white);} 
   #loader-img{width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;background: var(--bs-white);border-radius: 50%;border: solid 7px var(--bs-white);}
   #loader-img>.spinner-border{color: var(--tc-primary);}
   #back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index: 99;display:none;color: var(--bs-white)!important;background: var(--tc-primary);padding: 9px 12px 1px 12px;border-radius: 24px 24px 0px 0px;max-width: 40px;overflow: hidden;border: solid 1px var(--bs-white);border-bottom: none;}

/* ==============================
   3. home css 
   ============================== */
   .themeheader{top: 0;left: 0;z-index: 9;padding: 0;width: 100%;position: sticky;background: #FDF9F6;transition: .3s ease;box-shadow: 0 9px 32px rgb(0 0 0 / 12%);}
   .themeheader .navbar-menu{display: flex;flex-wrap: wrap;align-items: center;justify-content: end;padding-right: 60px;}
   .rightnav .nav{gap: 5px;align-items: center;padding-inline: 22px;}
   .rightnav .themebtn{font-size: 16px;padding: 14px 18px;}
   .rightnav .themebtn>img{max-width: 24px;}
   .rightnav .practobtn{padding: 16px 20px;border-radius: 5px;background: #263077;}
   .rightnav .practobtn>img{width: 100%;max-width: 75px;}
   
   .homepage>section,.subpage>section{z-index: 1;width: 100%;overflow: clip;position: relative;padding-block: var(--section-py);}
   .section-icon{z-index: -1;bottom: 20px;opacity: 80%;position: absolute;pointer-events: none;}
   .sectionpic{z-index: 1;position: relative;overflow: hidden;border-radius: 10px;}
   .sectionpic img{width: 100%;object-fit: cover;-webkit-transition: all 1s ease;transition: all 1s ease;}
   .sectionpic:hover img{-webkit-transform: scale(1.07) translateZ(0); transform: scale(1.07) translateZ(0); }
   .jarallax .jarallax-img{-webkit-transition: none !important;transition: none !important;will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
   .jarallax .jarallax-container{pointer-events: none;background: inherit;border-radius: inherit;}
   .text-white .section-label{background-image: url(../images/label-white-icon.svg); }

   .herosection{height: 100%;color: var(--bs-white);background: var(--tc-primary);}
   .herosectext{height: 100%;display: flex;align-items: center;justify-content: center;padding: var(--section-py);}
   .herosectext h5{line-height: 1.17;color: var(--bs-white);font-size: clamp(1.875rem, -0.427rem + 3.7129vw, 3.75rem);}
   .herosectext p{font-size: 19px;font-weight: 500;line-height: 1.42;max-width: 542px;color: var(--bs-white);margin-bottom: 25px;}
   .herosectext .themebtn{background: var(--bs-white);border-color: var(--bs-white);}
   .herosectext h5 span{display: inline-block; }

   .years{z-index: 1;left: -8px;bottom: 27px;position: absolute;border-radius: 10px;background: var(--bs-white);padding: calc(0.54 * var(--section-py));}
   .years h5{margin: -7px 0 0;font-weight: 700;text-align: center;color: var(--tc-primary);font-size: clamp(1.5rem, 0.2378rem + 3.5122vw, 3.75rem);}
   .years p{font-size: 18px;font-weight: 600;line-height: 24px;color: var(--tc-primary);}

   .approach h1{max-width: 810px; }
   .approach h5{font-size: 17px;padding: 11px 20px;border-radius: 5px;margin-bottom: 14px;color: var(--tc-primary);background: var(--bs-white);}
   .approach .themelist li{font-weight: 700;margin: 0px 0 4px 20px;}
   .approach .sectionpic::after{left: 0;top: 18%;bottom: 0;width: 100%;content: "";position: absolute;background: #000000;background: linear-gradient(0deg,rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);}
   .approachno{left: 0;bottom: 0px;z-index: 1;position: absolute;padding: 16px 16px 32px 36px;}
   .approachno h4{margin: 0;font-weight: 500;color: var(--bs-white);font-size: var(--title-font-size);}
   .approachno p{color: var(--bs-white);}
   .approach .section-icon{right: 0;max-width: 112px;width: clamp(3.75rem, 2.9375rem + 3.6111vw, 7rem);}

   #animatecapability{overflow-y:hidden;min-height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--bs-white);}
   #animatecapability .steps-wrapper {margin: auto;max-width: 1280px;position: relative;padding-top: 48px; counter-reset: cards;}
   #animatecapability .steps-wrapper .flex-row-reverse{margin-top: 103px;display:flex;flex-direction:row-reverse}
   #animatecapability .line-wrapper{position:absolute;top: 126px;left: 0;width: 100%;pointer-events: none;}
   #animatecapability .line-wrapper .line-desktop{position: relative; }
   #animatecapability .line-wrapper .line-desktop svg{width: 100%;height: auto;}
   #animatecapability .line-wrapper .icon-active{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
   #animatecapability .line-wrapper .line-desktop .icon-active svg{display:block;stroke-dasharray: 2902.45px;stroke-dashoffset: 2902.45px;}
   #animatecapability .line-wrapper .line-mobile{position: relative;height: 100%;width: auto;}

   #animatecapability .step{width: 32%;flex: 1 1 auto;padding: 0 24px 0 32px;position: relative;counter-increment: cards;}
   #animatecapability .step::before{content: "";width: 163px;position: absolute;aspect-ratio: 1 / 1;border-radius: 50%;background: var(--bs-white);}
   #animatecapability .step .icon-wrapper{opacity: 35%;position:relative;display:inline-block;vertical-align:middle;-webkit-transition: all 250ms linear;transition: all 250ms linear;}
   #animatecapability .step .icon-wrapper.active{opacity: 1 !important;}
   #animatecapability .step .icon-wrapper .icon{width: 163px;overflow: hidden;aspect-ratio: 1/1;border-radius: 50%;border: solid 9px var(--bs-white);box-shadow: 1px 12px 66px rgb(0 0 0 / 22%);}
   #animatecapability .step .icon-wrapper .icon img{height: 100%;width: 100%;object-fit: cover;}
   #animatecapability .step .icon-wrapper .icon::after{width: 41px;top: 0;left: 107px;font-size: 17px;font-weight: 500;color: var(--bs-white);position: absolute;aspect-ratio: 1 / 1;border-radius: 50%;content: counter(cards);display: inline-flex;align-items: center;justify-content: center;background: #4F6243;border: solid 2px var(--bs-white);}
   #animatecapability .step .icon-wrapper h5{font-size: 20px;font-weight: 700;margin-top: 20px;}
   #animatecapability .step .icon-wrapper p{line-height: 25px;max-width: 302px;}
   #animatecapability .step .icon-wrapper.casting.active *{fill: transparent !important; stroke: #0066B4 !important;}
   #animatecapability .section-icon{left: 0;max-width: 130px;width: clamp(2.75rem, 1.4063rem + 5.9722vw, 8.125rem);}

   .aboutus h2{max-width: 700px;}
   .aboutus p u{display: block;font-size: 17px;font-weight: 600;color: var(--tc-primary);margin-bottom: var(--subtitle-mb);}
   .drhardikpic{top: 124px; position: sticky; max-width: 438px; margin: 0 auto; }
   .signature{text-align: center;margin-top: 12px;}
   .signature>img{width: 100%;max-width: 316px;}
   .signature p{font-weight: 600;color: #676767;line-height: normal;}

   .engagement{position: relative;padding-block: var(--section-py);}
   .engagement::after, .engebox .jarallax-container::after{left: 0;bottom: 0;height: 50%;width: 100%;z-index: -1;content: "";position: absolute;background: var(--bs-white);pointer-events: none;}
   .engebox{position: relative;padding-top: calc(1.4 * var(--section-py));padding-inline: calc(0.5 * var(--section-py));padding-bottom: calc(0.9 * var(--section-py));}
   .engebox .jarallax-container::after{z-index: 1;height: 105%;bottom: -7px;background: rgb(0 0 0 / 73%);}
   .engebox .jarallax-container{border-radius: 10px;-webkit-transform: skewY(-2.6deg);transform: skewY(-2.6deg);margin-block: var(--engeboxgap);height: calc(100% - 2 * var(--engeboxgap)) !important;}
   .engeitem{gap: 24px;display: flex;align-items: center;justify-content: center;padding-block: 40px;}
   .engeitem>img{width: auto;height: 65px;object-fit: contain;}
   .engeitem>p{font-size: 15px;line-height: 20px;color: var(--bs-white);}

   .rowborder{position: relative; overflow: hidden; }
   .rowborder > [class*="col-"]{box-shadow: 0px 1px 0px rgb(255 255 255 / 26%);}
   .svgclip{width: 0; height: 0; opacity: 0; overflow: clip; pointer-events: none; }
   .imagepath{width: 100%; overflow: hidden; aspect-ratio: 1374/546; -webkit-clip-path: url(#imgClip); clip-path: url(#imgClip); }

   .treatbox{position: relative; overflow: hidden;}
   .treatdesc{position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;padding: 12px;max-height: 64px;display: flex;flex-direction: column;justify-content: center;padding-left: calc(0.7 * var(--section-py));background: linear-gradient(0deg,rgba(0, 0, 0, 1) 7%, rgba(0, 0, 0, 0.16) 100%);}
   .treatdesc::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 65px;z-index: -1;background: #000000;}
   .treatdesc h5{color: var(--bs-white);margin-block: 7px 8px;font-size: 22px;font-weight: 700;}
   .treatdesc .themelist>li{margin-bottom: 0;color: var(--bs-white);}

   .treatdesc .themelist{position: relative;overflow: hidden;max-height: 0;} 
   .treatdesc, .treatdesc .themelist{-webkit-transition: max-height 0.25s ease-out; transition: max-height 0.25s ease-out;}
   .treatbox:hover .themelist, .treatbox:hover .treatdesc{max-height: 600px; -webkit-transition: max-height 0.3s ease-in; transition: max-height 0.3s ease-in; }
   .treatbox:hover .treatdesc::after{opacity: 0; }

   .conditions .container-fluid{position: relative; }
   .conditions .slider-custom-nav{left: 0;right: 0;z-index: 1;width: 100%;position: absolute;top: calc(50% - 32px);transform: translateY(-50%);justify-content: space-between;} 
   .conditions .slider-custom-nav button{background: var(--bs-white); color: var(--tc-primary); }
   .conditions .slider-custom-nav button.swiper-button-prev{left: 25VW;margin-left: -28px;}
   .conditions .slider-custom-nav button.swiper-button-next{right: 25VW;margin-right: -28px;}

   .patientSwiper .swiper-slide{height: auto; }
   .patient-border{top: 0;left: 0;width: 100%;height: 100%;position: absolute; pointer-events: none;}
   .patientbox{height: 100%;overflow: clip;position: relative;border-radius: 8px;padding: calc(0.7 * var(--section-py));}
   .patientbox h5{font-size: 25px;line-height: 1.44;max-width: 335px;}
   .patientbox .quote{height: auto;max-width: 34px;margin-bottom: 12px;}
   .patientbox::after{left: 0;top: 17%;width: 100%;height: 100%;z-index: -1;content: "";position: absolute;background: #EFE6DA;background: linear-gradient(0deg, rgb(239 230 218 / 70%) 0%, rgba(255, 255, 255, 1) 100%);}
   .patient .slider-custom-nav button{padding: 9px 12px;position: relative;left: 0;right: 0;} 
   .patient .slider-custom-nav .swiper-navigation-icon{height: 14px;}
   .greviews{width: 100%; max-width: 134px; display: block; }

   .contact h3{color: #4f6243;text-align: center;margin-bottom: 0;padding-top: calc(0.64 * var(--section-py));}
   .contact .themeform{z-index: 1;margin-top: 58px;position: relative;border-radius: 10px;background: #fff;margin-left: -36%;padding: calc(0.75 * var(--section-py));box-shadow: 0px 3px 50px rgb(0 0 0 / 16%);}
   .contact .themeform .g-2, .approach .g-2{--bs-gutter-y: 10px;--bs-gutter-x: 10px;}
   .contact .section-icon{right: 0;bottom: 0;max-width: 188px;width: clamp(4.5rem, 2.6875rem + 8.0556vw, 11.75rem);}

   .slider-custom-nav{position: relative;display: flex;gap: 5px;} 
   .slider-custom-nav button{border: none;overflow: hidden;border-radius: 5px;padding: 14px 18px;color: var(--bs-white);--swiper-navigation-size: auto;background: var(--tc-primary);} 
   .slider-custom-nav button::before{content: "";position: absolute;background: var(--tc-primary);width: 0;right: 0;height: 100%;z-index: -1;transform: scale(1.2);}
   .slider-custom-nav button.swiper-button-disabled{pointer-events: none; cursor: none; }
   .slider-custom-nav button:hover:before{width: 100%; }
   .slider-custom-nav button::after{display: none; }
   .slider-custom-nav .swiper-navigation-icon{height: 19px;}
   .slider-custom-nav button:hover .swiper-navigation-icon{filter: brightness(0) invert(1);}
   .slider-custom-nav button.swiper-button-lock{display: none; }

   .footer{z-index: 1;position: relative;background: var(--tc-primary);}
   .footertop{padding-bottom: 10px;padding-top: calc(0.6 * var(--section-py));}
   .footertop h5{font-size: 20px;font-weight: 600;color: var(--bs-white);margin-bottom: var(--title-mb);}
   .footertop .contlist{gap: 16px;padding: 28px;display: flex;margin-block: 24px;height: calc(100% - 48px);align-items: flex-start;box-shadow: 1px 0px 0px rgb(255 255 255 / 26%);padding-inline: calc(0.52 * var(--section-py));}
   .footertop .contlist p{font-size: 20px;line-height: 29px;color: rgb(255 255 255 / 70%);}
   .footertop .contlist p span{display: block;color: rgb(255 255 255 / 90%);}
   .footertop .contlist li{font-size: 20px; line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: rgb(255 255 255 / 65%);}
   .footertop .row{position: relative; overflow: hidden; }
   .footertop .row > [class*="col-"]{box-shadow: 0px 1px 0px rgb(255 255 255 / 26%);}
   
   .footermid{padding: 17px;border-radius: 10px;background: #EFE6DA;}
   .footermid .navlist{gap: 16px;flex-wrap: wrap;display: flex;align-items: center;justify-content: center;}
   .footermid .navlist li{flex: 1 1 auto;text-align: center;}
   .footermid .navlist li>a{display: inline-block;vertical-align: middle;}
   .footermid .navlist li>a>img{max-width: 100%;max-height: 29px;object-fit: contain;}
   .footermid .navlist li>a>img:hover:before{opacity: 1;visibility: visible;transform: translate(0px, -50%);}

   .copyrights{padding-block: 28px;}
   .copyrights ul{flex-wrap: wrap;gap: 6px 12px;display: inline-flex;justify-content: center;}
   .copyrights li:before {content: "|";position: absolute;right: -9px;color: currentColor;}
   .copyrights li:last-child:before{display: none; }
   .copyrights li {font-size: 16px;font-weight: 500;position: relative;line-height: normal;color: rgb(239 230 218 / 85%);}
   .copyrights li.dby a{max-width: 28px;margin-left: 2px;mix-blend-mode: luminosity;opacity: 82%;}
   .copyrights li.dby:hover a{opacity: 100%;mix-blend-mode: normal;}

   .btn-whatsapp-pulse{background:#25d366;color:var(--bs-white);position:fixed;left: 14px;bottom: 14px;font-size:30px;display: inline-flex;justify-content:center;align-items:center;width:0;height:0;z-index:9;padding:30px;text-decoration:none;border-radius:50%;animation-name:whatsapppulse;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite}
   @-webkit-keyframes whatsapppulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}80%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}@keyframes whatsapppulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}80%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}

/* ==============================
   4. theme global css 
   ============================== */   
   .themeaccordion{gap: 6px;display: flex;flex-direction: column;--bs-accordion-bg: transparent;}
   .themeaccordion .accordion-body{padding-bottom: 24px;}
   .themeaccordion .accordion-button{font-size: 17px;font-weight: 600;box-shadow: none;padding-block: 12px;border-radius: 5px !important;color: var(--title-color);background-color: var(--bs-white);transition: all 0.3s ease-out;}
   .themeaccordion .accordion-button:not(.collapsed){color: var(--bs-white);background-color: var(--tc-primary);}
   .themeaccordion .accordion-button::after{content: "+";font-size: 25px;line-height: 21px;text-align: center;background-image: none;color: var(--tc-primary);}
   .themeaccordion .accordion-button:not(.collapsed)::after{content: "-";font-size: 30px;line-height: 16px;color: currentColor;}

   .themelist li{position: relative;padding-left: 16px;margin-bottom: 8px;}
   .themelist li::before{left: 2px;top: 12px;width: 5px;height: 5px;content: "";position: absolute;border-radius: 50%;background: currentColor;background-size: contain;}
   .themelist li:last-child{margin-bottom: 0; }

   .themeform .form-control, .themeform .form-select{font-weight: 500;padding: 17px 20px;border-color: #C4C4C4;}
   .themeform textarea.form-control{resize: none;height: 120px !important;}
   .themeform label {color: #565656;font-size: 17px;font-weight: 500;padding-left: 0px;--bs-body-bg: transparent;}
   .themeform .form-select{color: rgb(68 68 68 / 70%); font-weight: 500; box-shadow: none !important; background-blend-mode: hard-light; }
   .themeform .form-select:valid{color: #151928;font-weight: 600;}
   .themeform .form-control:focus, .themeform .form-select:focus{box-shadow: none; border-color: #0c1b2d; background-color: transparent; }

   .form-input .form-control::placeholder{color:rgb(68 68 68 / 70%);} 
   .form-input .form-control::-webkit-input-placeholder{color:rgb(68 68 68 / 70%);} 
   .form-input .form-control:-ms-input-placeholder{color:rgb(68 68 68 / 70%);} 
   .form-input .form-control::-ms-input-placeholder{color:rgb(68 68 68 / 70%);}
   .form-input .form-control:not(:placeholder-shown){font-weight: 600;}

   .file-drop-area {width: 100%; z-index: 2; position: relative; } 
   .file-drop-area .file-message {position: absolute;z-index: -1;color: #212529;font-size: 17px;font-weight: 500;bottom: 0;left: 0;border-bottom: dashed 2px #DFDFDF;display: flex;align-items: center;} 
   .file-drop-area .file-message.selected {color: #151928;font-weight: 600; }
   .file-drop-area .file-input {opacity: 0;height: 76px;}
   .file-drop-area input[type=file]::-webkit-file-upload-button{display: none; } 
   .file-drop-area input[type=file]::file-selector-button{display: none; }
   .file-drop-area .upload-icon{position: absolute;top: 2px;right: 2px;width: 64px;user-select: none;pointer-events: none;height: calc(100% - 4px);background: var(--bs-white);display: flex;align-items: center;justify-content: center;}
   .file-drop-area .upload-icon img{width: 24px;}

   .close-button {width: 32px;height: 32px;background: none;right: 9px;top: 15px;z-index:2;position: absolute;text-indent: -9999px;box-shadow: none !important;}
   .close-button:before, .close-button:after {content: '';width: 55%;height: 2px;background: #000;position: absolute;top: 48%;left: 22%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .close-button:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
   .close-button:hover:before, .close-button:hover:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

   .themeoffcanvas.offcanvas{top: 18px;right: 18px;bottom: 18px;opacity: 0;padding: calc(0.3 * var(--section-py));max-width: 720px;border-radius: 10px;--bs-offcanvas-width: calc(100% - 36px);border: solid 0px transparent;transform-origin: top right;box-shadow: 0px 0px 32px rgb(0 0 0 / 24%);transform: scale(.3) translate(0) !important;--bs-offcanvas-transition: all 0.3s ease-in-out;} 
   .themeoffcanvas.offcanvas.show{opacity: 1; visibility: visible; pointer-events: auto; transform: scale(1) translate(0) !important; } 
   .themeoffcanvas .offcanvas-header{position: relative;padding-top: 5px;}
   .themeoffcanvas .offcanvas-title{font-weight: 600;line-height: 1.2;padding-top: 5px;color: var(--tc-primary);font-size: calc(1.2 * var(--subtitle-font-size));}
   .themeoffcanvas .offcanvas-body{padding-top: 4px;}
   .themeoffcanvas .close-button{top: 4px;right: 12px;}
   .offcanvas-backdrop.show{opacity: 1; }
   .offcanvas-backdrop {background: rgba(0, 0, 0, 0.25);backdrop-filter: blur(2px);-webkit-backdrop-filter: blur(2px);transition: all 0.3s ease-in-out;}  
   body.offcanvas-open .themenavbar{padding-right: var(--scrollbar-width); } 
   .themeoffcanvas .themeform .form-control, .themeoffcanvas .themeform .form-select{border-radius: 4px;padding-left: 24px;background-color: var(--bs-white);border: solid 1px #DFDFDF;}
   .themeoffcanvas .themeform .form-floating>label{padding-top: 21px;padding-left: 24px;}
   .themeoffcanvas .themeform .file-drop-area .file-message{height: 100%;border: dashed 2px #DFDFDF;}
   .themeoffcanvas .themeform textarea.form-control{padding-top: 36px; }

   .thememap .ratio{border-radius: 10px;overflow: hidden;height: 222px;border: solid 1px #d8e0e7;}

   .whatsapp_btn{position: fixed;bottom: 14px;left: 12px;z-index: 2;} 
   .whatsapp_btn a.wht_btn {max-width: fit-content;width: 56px;height: 56px;border-radius: 50%;filter: drop-shadow(2px 4px 6px rgb(0 0 0 / 20%));}
   .whatsapp_btn a.wht_btn img{ height: 100%; width: 100%; object-fit: contain; }





/* 01-09-2026 */


#success-message {
    display: none;
    margin-top: 15px;
    padding: 12px 16px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
}

#success-message.success {
    display: block;
    color: #155724;
    background: #d4edda;
    border: 1px solid #c3e6cb;
}

#success-message.error {
    display: block;
    color: #721c24;
    background: #f8d7da;
    border: 1px solid #f5c6cb;
}