.elementor-2304 .elementor-element.elementor-element-4d482778{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:8px 8px;--row-gap:8px;--column-gap:8px;--overlay-opacity:0.86;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:4em;--padding-left:0em;--padding-right:0em;}.elementor-2304 .elementor-element.elementor-element-4d482778::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .elementor-background-video-container::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .e-con-inner > .elementor-background-video-container::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .elementor-background-slideshow::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://drharshiniclinic.com/wp-content/smush-webp/2026/06/ChatGPT-Image-Jun-19-2026-11_03_37-AM.png.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-2304 .elementor-element.elementor-element-2e9fe07{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-1c32e63{--spacer-size:69px;}.elementor-2304 .elementor-element.elementor-element-7274f8f{width:var( --container-widget-width, 96% );max-width:96%;--container-widget-width:96%;--container-widget-flex-grow:0;text-align:start;}.elementor-2304 .elementor-element.elementor-element-7274f8f .elementor-heading-title{font-family:"Georgia", Sans-serif;font-size:43px;font-weight:600;color:#0E471A;}.elementor-2304 .elementor-element.elementor-element-5baa79b{width:var( --container-widget-width, 86% );max-width:86%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:86%;--container-widget-flex-grow:0;}.elementor-2304 .elementor-element.elementor-element-5baa79b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:1.1rem;font-weight:300;line-height:1.2em;color:#1C2A00;}.elementor-2304 .elementor-element.elementor-element-298e37b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:1em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-3d4f669 .elementor-button{background-color:#23481D;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;padding:15px 15px 15px 15px;}.elementor-2304 .elementor-element.elementor-element-3d4f669{width:auto;max-width:auto;}.elementor-2304 .elementor-element.elementor-element-3d4f669:hover{--e-transform-translateY:-8px;}.elementor-2304 .elementor-element.elementor-element-3d4f669 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2304 .elementor-element.elementor-element-4bf3ec8 .elementor-button{background-color:#FFFFFF;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );line-height:var( --e-global-typography-accent-line-height );fill:#23481D;color:#23481D;border-style:solid;border-width:1px 1px 1px 1px;border-color:#23481D;border-radius:12px 12px 12px 12px;padding:13px 13px 13px 13px;}.elementor-2304 .elementor-element.elementor-element-4bf3ec8{width:auto;max-width:auto;}.elementor-2304 .elementor-element.elementor-element-4bf3ec8:hover{--e-transform-translateY:-8px;}.elementor-2304 .elementor-element.elementor-element-4bf3ec8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-2304 .elementor-element.elementor-element-cd32b59{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-2304 .elementor-element.elementor-element-a1e1d38{width:var( --container-widget-width, 27% );max-width:27%;background-color:#00000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 8px 10px 8px;--container-widget-width:27%;--container-widget-flex-grow:0;border-style:none;}.elementor-2304 .elementor-element.elementor-element-a1e1d38 .elementor-icon-box-wrapper{align-items:center;gap:16px;}.elementor-2304 .elementor-element.elementor-element-a1e1d38 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-stacked .elementor-icon{background-color:#F8F4F4;fill:#6FAE6F;color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-framed .elementor-icon, .elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-default .elementor-icon{fill:#F8F4F4;color:#F8F4F4;border-color:#F8F4F4;}.elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-framed .elementor-icon{background-color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6FAE6F;fill:#FFFFFF;color:#FFFFFF;}.elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-default:has(:focus) .elementor-icon{fill:#6FAE6F;color:#6FAE6F;border-color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-a1e1d38.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-2304 .elementor-element.elementor-element-a1e1d38 .elementor-icon{font-size:28px;padding:7px;}.elementor-2304 .elementor-element.elementor-element-a1e1d38 .elementor-icon-box-title, .elementor-2304 .elementor-element.elementor-element-a1e1d38 .elementor-icon-box-title a{font-family:"Georgia", Sans-serif;font-size:16px;font-weight:400;}.elementor-2304 .elementor-element.elementor-element-45ffba1{width:var( --container-widget-width, 27% );max-width:27%;background-color:#00000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 8px 10px 8px;--container-widget-width:27%;--container-widget-flex-grow:0;border-style:none;}.elementor-2304 .elementor-element.elementor-element-45ffba1 .elementor-icon-box-wrapper{align-items:center;gap:16px;}.elementor-2304 .elementor-element.elementor-element-45ffba1 .elementor-icon-box-title{margin-block-end:0px;}.elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-stacked .elementor-icon{background-color:#F8F4F4;fill:#6FAE6F;color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-framed .elementor-icon, .elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-default .elementor-icon{fill:#F8F4F4;color:#F8F4F4;border-color:#F8F4F4;}.elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-framed .elementor-icon{background-color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6FAE6F;fill:#FFFFFF;color:#FFFFFF;}.elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-default:has(:focus) .elementor-icon{fill:#6FAE6F;color:#6FAE6F;border-color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-45ffba1.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-2304 .elementor-element.elementor-element-45ffba1 .elementor-icon{font-size:28px;padding:7px;}.elementor-2304 .elementor-element.elementor-element-45ffba1 .elementor-icon-box-title, .elementor-2304 .elementor-element.elementor-element-45ffba1 .elementor-icon-box-title a{font-family:"Georgia", Sans-serif;font-size:16px;font-weight:400;}.elementor-2304 .elementor-element.elementor-element-1aae43e{width:var( --container-widget-width, 33% );max-width:33%;background-color:#00000000;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:12px 8px 10px 8px;--container-widget-width:33%;--container-widget-flex-grow:0;border-style:none;}.elementor-2304 .elementor-element.elementor-element-1aae43e .elementor-icon-box-wrapper{align-items:center;gap:16px;}.elementor-2304 .elementor-element.elementor-element-1aae43e .elementor-icon-box-title{margin-block-end:0px;}.elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-stacked .elementor-icon{background-color:#F8F4F4;fill:#6FAE6F;color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-framed .elementor-icon, .elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-default .elementor-icon{fill:#F8F4F4;color:#F8F4F4;border-color:#F8F4F4;}.elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-framed .elementor-icon{background-color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#6FAE6F;fill:#FFFFFF;color:#FFFFFF;}.elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-default:has(:focus) .elementor-icon{fill:#6FAE6F;color:#6FAE6F;border-color:#6FAE6F;}.elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-2304 .elementor-element.elementor-element-1aae43e.elementor-view-framed:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-2304 .elementor-element.elementor-element-1aae43e .elementor-icon{font-size:28px;padding:7px;}.elementor-2304 .elementor-element.elementor-element-1aae43e .elementor-icon-box-title, .elementor-2304 .elementor-element.elementor-element-1aae43e .elementor-icon-box-title a{font-family:"Georgia", Sans-serif;font-size:16px;font-weight:400;}.elementor-2304 .elementor-element.elementor-element-0be3c9a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-2304 .elementor-element.elementor-element-138c603{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--flex-wrap:wrap;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2304 .elementor-element.elementor-element-c72a597{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2304 .elementor-element.elementor-element-a196ab4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-2304 .elementor-element.elementor-element-6e73763{width:100%;max-width:100%;}.elementor-2304 .elementor-element.elementor-element-f3c38c9{width:100%;max-width:100%;}@media(min-width:768px){.elementor-2304 .elementor-element.elementor-element-4d482778{--width:100%;}.elementor-2304 .elementor-element.elementor-element-2e9fe07{--width:51%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2304 .elementor-element.elementor-element-c72a597{--width:100%;}}@media(max-width:1024px){.elementor-2304 .elementor-element.elementor-element-4d482778{--padding-top:12em;--padding-bottom:8em;--padding-left:0em;--padding-right:0em;}.elementor-2304 .elementor-element.elementor-element-3d4f669 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2304 .elementor-element.elementor-element-4bf3ec8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2304 .elementor-element.elementor-element-a1e1d38{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2304 .elementor-element.elementor-element-a1e1d38 .elementor-icon-box-wrapper{text-align:center;}.elementor-2304 .elementor-element.elementor-element-45ffba1{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2304 .elementor-element.elementor-element-45ffba1 .elementor-icon-box-wrapper{text-align:center;}.elementor-2304 .elementor-element.elementor-element-1aae43e{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2304 .elementor-element.elementor-element-1aae43e .elementor-icon-box-wrapper{text-align:center;}.elementor-2304 .elementor-element.elementor-element-0be3c9a{--padding-top:6em;--padding-bottom:6em;--padding-left:0em;--padding-right:0em;}}@media(max-width:767px){.elementor-2304 .elementor-element.elementor-element-4d482778::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .elementor-background-video-container::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .e-con-inner > .elementor-background-video-container::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .elementor-background-slideshow::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2304 .elementor-element.elementor-element-4d482778 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center left;}.elementor-2304 .elementor-element.elementor-element-4d482778{--padding-top:0em;--padding-bottom:2em;--padding-left:0.5em;--padding-right:0.5em;}.elementor-2304 .elementor-element.elementor-element-2e9fe07{--padding-top:0px;--padding-bottom:0px;--padding-left:3px;--padding-right:3px;}.elementor-2304 .elementor-element.elementor-element-1c32e63{--spacer-size:28px;}.elementor-2304 .elementor-element.elementor-element-7274f8f{text-align:center;}.elementor-2304 .elementor-element.elementor-element-7274f8f .elementor-heading-title{font-size:24px;}.elementor-2304 .elementor-element.elementor-element-5baa79b{width:100%;max-width:100%;padding:0px 03px 0px 03px;text-align:center;}.elementor-2304 .elementor-element.elementor-element-5baa79b .elementor-heading-title{font-size:0.9em;line-height:1.2em;}.elementor-2304 .elementor-element.elementor-element-298e37b{--justify-content:center;}.elementor-2304 .elementor-element.elementor-element-3d4f669 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2304 .elementor-element.elementor-element-4bf3ec8 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-2304 .elementor-element.elementor-element-cd32b59{--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-2px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-a1e1d38{--container-widget-width:43%;--container-widget-flex-grow:0;width:var( --container-widget-width, 43% );max-width:43%;}.elementor-2304 .elementor-element.elementor-element-45ffba1{--container-widget-width:43%;--container-widget-flex-grow:0;width:var( --container-widget-width, 43% );max-width:43%;}.elementor-2304 .elementor-element.elementor-element-1aae43e{--container-widget-width:43%;--container-widget-flex-grow:0;width:var( --container-widget-width, 43% );max-width:43%;}.elementor-2304 .elementor-element.elementor-element-0be3c9a{--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-2304 .elementor-element.elementor-element-a196ab4{--margin-top:0em;--margin-bottom:2em;--margin-left:0em;--margin-right:0em;}}/* Start custom CSS for html, class: .elementor-element-a61b0a0 *//*==========================
        GOOGLE FONT
==========================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

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

body{
    font-family:'Inter',sans-serif;
    background:#f6f8fc;
    color:#2c2c2c;
}


/*==========================
        SECTION
==========================*/

.rash-section{

    max-width:1400px;

    margin:80px auto;

    display:grid;

    grid-template-columns:36% 64%;

    gap:35px;

    align-items:flex-start;

}


/*==========================
        GALLERY
==========================*/

.gallery{

    background:#fff;

    border-radius:28px;

    padding:18px;

    box-shadow:0 20px 60px rgba(22,35,65,.08);

    overflow:hidden;

    position:sticky;

    top:100px;

}

.gallery img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    border-radius:20px;

    transition:.5s ease;

}


/*==========================
        RIGHT CARD
==========================*/

.content{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(22,35,65,.08);

}


/*==========================
          TABS
==========================*/

.tabs{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:14px;

    padding:18px;

    background:#fafbfd;

}

.tab{

    position:relative;

    border:none;

    border-radius:22px;

    background:#ffffff;

    min-height:95px;

    cursor:pointer;

    transition:.35s cubic-bezier(.175,.885,.32,1.3);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:10px;

    font-size:16px;

    font-weight:600;

    color:#444;

    border:1px solid #edf1f6;

    overflow:hidden;

}

.tab:hover{

    transform:translateY(-7px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}


/* ICON CIRCLE */

.tab .icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#f3f5fa;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.tab svg{

    width:26px;

    height:26px;

    stroke:#666;

    transition:.35s;

}


/*==========================
       ACTIVE TAB
==========================*/

.tab.active{

    background:linear-gradient(135deg,#7b3ff3,#a13cff);

    color:#fff;

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(123,63,243,.35);

}

.tab.active .icon{

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(10px);

}

.tab.active svg{

    stroke:#fff;

}

.tab.active::after{

    content:"";

    position:absolute;

    bottom:-10px;

    left:50%;

    width:22px;

    height:22px;

    background:#8b3dff;

    transform:translateX(-50%) rotate(45deg);

}


/*==========================
      BUBBLE EFFECT
==========================*/

.tab.active::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:radial-gradient(circle,
    rgba(255,255,255,.22),
    transparent 70%);

    top:-120px;

    right:-80px;

    animation:bubbleMove 7s linear infinite;

}

@keyframes bubbleMove{

0%{

transform:translateY(0);

}

50%{

transform:translateY(15px);

}

100%{

transform:translateY(0);

}

}


/*==========================
      CONTENT AREA
==========================*/

.tab-content{

    padding:50px;

}

.content-box{

    display:none;

    animation:fade .45s ease;

}

.content-box.active{

    display:block;

}

.content-box h2{

    font-size:35px;

    font-weight:700;
    font-family: Georgia;

    color:#0E471A;

    margin-bottom:22px;

    position:relative;

}

.content-box h2::after{

    content:"";

    width:80px;

    height:4px;

    border-radius:10px;

    background:linear-gradient(to right,#7b3ff3,#be4dff);

    display:block;

    margin-top:14px;

}

.content-box p{

    font-size:16px;

    line-height:1.9;

    color:#5b6473;

}

.content-box ul{

    margin-top:15px;

    padding-left:18px;

}

.content-box li{

    font-size:16px;

    line-height:2.1;

    color:#5b6473;

}


/*==========================
        FADE
==========================*/

@keyframes fade{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}


/*==========================
        MOBILE
==========================*/

@media(max-width:991px){

.rash-section{

grid-template-columns:1fr;

gap:25px;

margin:40px 15px;

}

.gallery{

position:relative;

top:0;

}

.tabs{

grid-template-columns:repeat(2,1fr);

}

.tab{

min-height:82px;

}

.tab .icon{

width:45px;

height:45px;

}

.content-box{

padding:0;

}

.tab-content{

padding:30px;

}

.content-box h2 {
    font-size: 25px;
    text-align: center;
}

.content-box p,

.content-box li{

font-size:13px;
text-align: justify;

line-height:1.8;

}

}

@media(max-width:576px){

.tabs{

grid-template-columns:1fr 1fr;

gap:10px;

}

.tab{

font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e73763 *//*==========================
        GOOGLE FONT
==========================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

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

body{
    font-family:'Inter',sans-serif;
    background:#f6f8fc;
    color:#2c2c2c;
}


/*==========================
        SECTION
==========================*/

.rash-section{

    max-width:1400px;

    margin:80px auto;

    display:grid;

    grid-template-columns:36% 64%;

    gap:35px;

    align-items:flex-start;

}


/*==========================
        GALLERY
==========================*/

.gallery{

    background:#fff;

    border-radius:28px;

    padding:18px;

    box-shadow:0 20px 60px rgba(22,35,65,.08);

    overflow:hidden;

    position:sticky;

    top:100px;

}

.gallery img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    border-radius:20px;

    transition:.5s ease;

}


/*==========================
        RIGHT CARD
==========================*/

.content{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(22,35,65,.08);

}


/*==========================
          TABS
==========================*/

.tabs{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:14px;

    padding:18px;

    background:#fafbfd;

}

.tab{

    position:relative;

    border:none;

    border-radius:22px;

    background:#ffffff;

    min-height:95px;

    cursor:pointer;

    transition:.35s cubic-bezier(.175,.885,.32,1.3);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:10px;

    font-size:16px;

    font-weight:600;

    color:#444;

    border:1px solid #edf1f6;

    overflow:hidden;

}

.tab:hover{

    transform:translateY(-7px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}


/* ICON CIRCLE */

.tab .icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#f3f5fa;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.tab svg{

    width:26px;

    height:26px;

    stroke:#666;

    transition:.35s;

}


/*==========================
       ACTIVE TAB
==========================*/

.tab.active{

    background:linear-gradient(135deg,#7b3ff3,#a13cff);

    color:#fff;

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(123,63,243,.35);

}

.tab.active .icon{

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(10px);

}

.tab.active svg{

    stroke:#fff;

}

.tab.active::after{

    content:"";

    position:absolute;

    bottom:-10px;

    left:50%;

    width:22px;

    height:22px;

    background:#8b3dff;

    transform:translateX(-50%) rotate(45deg);

}


/*==========================
      BUBBLE EFFECT
==========================*/

.tab.active::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:radial-gradient(circle,
    rgba(255,255,255,.22),
    transparent 70%);

    top:-120px;

    right:-80px;

    animation:bubbleMove 7s linear infinite;

}

@keyframes bubbleMove{

0%{

transform:translateY(0);

}

50%{

transform:translateY(15px);

}

100%{

transform:translateY(0);

}

}


/*==========================
      CONTENT AREA
==========================*/

.tab-content{

    padding:50px;

}

.content-box{

    display:none;

    animation:fade .45s ease;

}

.content-box.active{

    display:block;

}

.content-box h2{

    font-size:35px;

    font-weight:700;
    font-family: Georgia;

    color:#0E471A;

    margin-bottom:22px;

    position:relative;

}

.content-box h2::after{

    content:"";

    width:80px;

    height:4px;

    border-radius:10px;

    background:linear-gradient(to right,#7b3ff3,#be4dff);

    display:block;

    margin-top:14px;

}

.content-box p{

    font-size:16px;

    line-height:1.9;

    color:#5b6473;

}

.content-box ul{

    margin-top:15px;

    padding-left:18px;

}

.content-box li{

    font-size:16px;

    line-height:2.1;

    color:#5b6473;

}


/*==========================
        FADE
==========================*/

@keyframes fade{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}


/*==========================
        MOBILE
==========================*/

@media(max-width:991px){

.rash-section{

grid-template-columns:1fr;

gap:25px;

margin:40px 15px;

}

.gallery{

position:relative;

top:0;

}

.tabs{

grid-template-columns:repeat(2,1fr);

}

.tab{

min-height:82px;

}

.tab .icon{

width:45px;

height:45px;

}

.content-box{

padding:0;

}

.tab-content{

padding:30px;

}

.content-box h2 {
    font-size: 25px;
    text-align: center;
}

.content-box p,

.content-box li{

font-size:13px;
text-align: justify;

line-height:1.8;

}

}

@media(max-width:576px){

.tabs{

grid-template-columns:1fr 1fr;

gap:10px;

}

.tab{

font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-506535f *//*==========================
        GOOGLE FONT
==========================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

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

body{
    font-family:'Inter',sans-serif;
    background:#f6f8fc;
    color:#2c2c2c;
}


/*==========================
        SECTION
==========================*/

.rash-section{

    max-width:1400px;

    margin:80px auto;

    display:grid;

    grid-template-columns:36% 64%;

    gap:35px;

    align-items:flex-start;

}


/*==========================
        GALLERY
==========================*/

.gallery{

    background:#fff;

    border-radius:28px;

    padding:18px;

    box-shadow:0 20px 60px rgba(22,35,65,.08);

    overflow:hidden;

    position:sticky;

    top:100px;

}

.gallery img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    border-radius:20px;

    transition:.5s ease;

}


/*==========================
        RIGHT CARD
==========================*/

.content{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(22,35,65,.08);

}


/*==========================
          TABS
==========================*/

.tabs{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:14px;

    padding:18px;

    background:#fafbfd;

}

.tab{

    position:relative;

    border:none;

    border-radius:22px;

    background:#ffffff;

    min-height:95px;

    cursor:pointer;

    transition:.35s cubic-bezier(.175,.885,.32,1.3);

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    gap:10px;

    font-size:16px;

    font-weight:600;

    color:#444;

    border:1px solid #edf1f6;

    overflow:hidden;

}

.tab:hover{

    transform:translateY(-7px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}


/* ICON CIRCLE */

.tab .icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#f3f5fa;

    display:flex;

    justify-content:center;

    align-items:center;

    transition:.35s;

}

.tab svg{

    width:26px;

    height:26px;

    stroke:#666;

    transition:.35s;

}


/*==========================
       ACTIVE TAB
==========================*/

.tab.active{

    background:linear-gradient(135deg,#7b3ff3,#a13cff);

    color:#fff;

    transform:translateY(-10px);

    box-shadow:0 25px 45px rgba(123,63,243,.35);

}

.tab.active .icon{

    background:rgba(255,255,255,.18);

    backdrop-filter:blur(10px);

}

.tab.active svg{

    stroke:#fff;

}

.tab.active::after{

    content:"";

    position:absolute;

    bottom:-10px;

    left:50%;

    width:22px;

    height:22px;

    background:#8b3dff;

    transform:translateX(-50%) rotate(45deg);

}


/*==========================
      BUBBLE EFFECT
==========================*/

.tab.active::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:radial-gradient(circle,
    rgba(255,255,255,.22),
    transparent 70%);

    top:-120px;

    right:-80px;

    animation:bubbleMove 7s linear infinite;

}

@keyframes bubbleMove{

0%{

transform:translateY(0);

}

50%{

transform:translateY(15px);

}

100%{

transform:translateY(0);

}

}


/*==========================
      CONTENT AREA
==========================*/

.tab-content{

    padding:50px;

}

.content-box{

    display:none;

    animation:fade .45s ease;

}

.content-box.active{

    display:block;

}

.content-box h2{

    font-size:35px;

    font-weight:700;
    font-family: Georgia;

    color:#0E471A;

    margin-bottom:22px;

    position:relative;

}

.content-box h2::after{

    content:"";

    width:80px;

    height:4px;

    border-radius:10px;

    background:linear-gradient(to right,#7b3ff3,#be4dff);

    display:block;

    margin-top:14px;

}

.content-box p{

    font-size:16px;

    line-height:1.9;

    color:#5b6473;

}

.content-box ul{

    margin-top:15px;

    padding-left:18px;

}

.content-box li{

    font-size:16px;

    line-height:2.1;

    color:#5b6473;

}


/*==========================
        FADE
==========================*/

@keyframes fade{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}


/*==========================
        MOBILE
==========================*/

@media(max-width:991px){

.rash-section{

grid-template-columns:1fr;

gap:25px;

margin:40px 15px;

}

.gallery{

position:relative;

top:0;

}

.tabs{

grid-template-columns:repeat(2,1fr);

}

.tab{

min-height:82px;

}

.tab .icon{

width:45px;

height:45px;

}

.content-box{

padding:0;

}

.tab-content{

padding:30px;

}

.content-box h2 {
    font-size: 25px;
    text-align: center;
}

.content-box p,

.content-box li{

font-size:13px;
text-align: justify;

line-height:1.8;

}

}

@media(max-width:576px){

.tabs{

grid-template-columns:1fr 1fr;

gap:10px;

}

.tab{

font-size:14px;

}

}/* End custom CSS */