.elementor-1517 .elementor-element.elementor-element-96bf33d{--display:flex;--min-height:300px;--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;--overflow:hidden;--overlay-opacity:0.78;--margin-top:10px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1517 .elementor-element.elementor-element-96bf33d:not(.elementor-motion-effects-element-type-background), .elementor-1517 .elementor-element.elementor-element-96bf33d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cck.jantrah.com/wp-content/uploads/2026/06/CCKP-Faculty-Teacher-Accomodation.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1517 .elementor-element.elementor-element-96bf33d::before, .elementor-1517 .elementor-element.elementor-element-96bf33d > .elementor-background-video-container::before, .elementor-1517 .elementor-element.elementor-element-96bf33d > .e-con-inner > .elementor-background-video-container::before, .elementor-1517 .elementor-element.elementor-element-96bf33d > .elementor-background-slideshow::before, .elementor-1517 .elementor-element.elementor-element-96bf33d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1517 .elementor-element.elementor-element-96bf33d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-1517 .elementor-element.elementor-element-189bae3{--display:flex;--min-height:300px;--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;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1517 .elementor-element.elementor-element-189bae3.e-con{--align-self:center;}.elementor-1517 .elementor-element.elementor-element-0bf2650{padding:10px 0px 10px 0px;}.elementor-1517 .elementor-element.elementor-element-0bf2650 .elementor-heading-title{font-family:var( --e-global-typography-583e54c-font-family ), Sans-serif;font-size:var( --e-global-typography-583e54c-font-size );font-weight:var( --e-global-typography-583e54c-font-weight );text-transform:var( --e-global-typography-583e54c-text-transform );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );color:var( --e-global-color-308e809 );}.elementor-1517 .elementor-element.elementor-element-14d79fe{--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;--justify-content:center;--align-items:center;--padding-top:03em;--padding-bottom:0em;--padding-left:05em;--padding-right:05em;}.elementor-1517 .elementor-element.elementor-element-39bf025{--display:flex;}.elementor-1517 .elementor-element.elementor-element-c88668a .gallery-item{padding:0 5px 5px 0;}.elementor-1517 .elementor-element.elementor-element-c88668a .gallery{margin:0 -5px -5px 0;}.elementor-1517 .elementor-element.elementor-element-c88668a .gallery-item .gallery-caption{text-align:center;}.elementor-1517 .elementor-element.elementor-element-c3742ae{--display:flex;}.elementor-1517 .elementor-element.elementor-element-5380e8d .gallery-item .gallery-caption{display:none;}.elementor-1517 .elementor-element.elementor-element-5380e8d .gallery-item{padding:0 5px 5px 0;}.elementor-1517 .elementor-element.elementor-element-5380e8d .gallery{margin:0 -5px -5px 0;}.elementor-1517 .elementor-element.elementor-element-83d4211{--display:flex;}.elementor-1517 .elementor-element.elementor-element-99fd3db .gallery-item .gallery-caption{display:none;}.elementor-1517 .elementor-element.elementor-element-99fd3db .gallery-item{padding:0 5px 5px 0;}.elementor-1517 .elementor-element.elementor-element-99fd3db .gallery{margin:0 -5px -5px 0;}.elementor-1517 .elementor-element.elementor-element-ebb384f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-color:#009342;}.elementor-1517 .elementor-element.elementor-element-ebb384f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-1517 .elementor-element.elementor-element-ebb384f [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1517 .elementor-element.elementor-element-96bf33d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:6em;--padding-bottom:6em;--padding-left:2em;--padding-right:2em;}.elementor-1517 .elementor-element.elementor-element-0bf2650 .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}}@media(max-width:767px){.elementor-1517 .elementor-element.elementor-element-96bf33d:not(.elementor-motion-effects-element-type-background), .elementor-1517 .elementor-element.elementor-element-96bf33d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-1517 .elementor-element.elementor-element-96bf33d{--padding-top:4em;--padding-bottom:4em;--padding-left:1.5em;--padding-right:1.5em;}.elementor-1517 .elementor-element.elementor-element-0bf2650{text-align:center;}.elementor-1517 .elementor-element.elementor-element-0bf2650 .elementor-heading-title{font-size:var( --e-global-typography-583e54c-font-size );line-height:var( --e-global-typography-583e54c-line-height );letter-spacing:var( --e-global-typography-583e54c-letter-spacing );}.elementor-1517 .elementor-element.elementor-element-14d79fe{--width:500px;--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;--justify-content:flex-start;--align-items:flex-start;--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-1517 .elementor-element.elementor-element-ebb384f{--n-tabs-title-gap:0px;--n-tabs-title-border-radius:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-1517 .elementor-element.elementor-element-189bae3{--width:85%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1517 .elementor-element.elementor-element-189bae3{--width:65%;}}@media(min-width:1025px){.elementor-1517 .elementor-element.elementor-element-96bf33d:not(.elementor-motion-effects-element-type-background), .elementor-1517 .elementor-element.elementor-element-96bf33d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for nested-tabs, class: .elementor-element-ebb384f */@media (max-width: 767px) {

    /* 1. Pure widget ko flexible banana */

    #my-custom-tabs,

    #my-custom-tabs .elementor-widget-container {

        display: flex !important;

        flex-direction: column !important;

    }



    /* 2. Buttons ke main wrapper ko center mein rakhna */

    #my-custom-tabs .e-n-tabs-heading,

    #my-custom-tabs [role="tablist"],

    #my-custom-tabs .elementor-tabs-wrapper {

        display: flex !important;

        flex-direction: column !important; 

        width: 100% !important;

        order: 1 !important; 

        margin-bottom: 20px !important;

        align-items: center !important; /* Buttons ko center alignment dene ke liye */

    }



    /* 3. Har single button ki width set karna, side se gap dena aur border radius lagana */

    #my-custom-tabs .e-n-tab-title,

    #my-custom-tabs [role="tab"],

    #my-custom-tabs .elementor-tab-title {

        display: block !important;

        width: 90% !important; /* Isse 10% width kam ho jayegi aur dono taraf barabar gap aa jayega */

        max-width: 340px !important; /* Mobile screen par zyada phailne se rokne ke liye */

        margin-bottom: 10px !important;
        /* Har button ke darmiyan thoda faasla */

        

        /* Professional Rounded Corners */

        border-radius: 6px !important; /* Halki si rounded look ke liye jo standard hoti hai */

        

        text-align: center !important; /* Text button ke center mein rahe */

        box-shadow: 0px 2px 5px rgba(0,0,0,0.05) !important; /* Halka sa shadow jo buttons ko utha hua dikhaye */

    }



    /* 4. Content (Images) hamesha buttons ke niche hi khulega */

    #my-custom-tabs .e-n-tabs-content,

    #my-custom-tabs .elementor-tabs-content-wrapper {

        display: block !important;

        width: 100% !important;

        order: 2 !important; 

    }

}/* End custom CSS */