:root{

    --body-font: 'Space Grotesk';



    /* colors */

    --color-black: #000000;

    --color-black-light: #4D4D4D;

    --color-white: #ffffff;

    --color-gray: #F6F6F6;

    --color-gray-dark: #EFEFEF;



    --color-red : #FD8482;

    --color-green: #49E18D;

    --color-yellow: #F2E24F;

    --color-skyblue: #32D7EC;

    --color-orange: #FFB741;

    --color-purple: #BF9FF5;

}



/*-----------------------------------

button update

---------------------------------*/

.btn-medium span{ min-width: 184px; }



/* blue button */

.btn.btn-blue span{ background-color: var(--color-skyblue); }

.btn.btn-blue:hover span{ background-color: var(--color-white); color: var(--color-black);border-color: var(--color-skyblue); }

.btn.btn-blue:hover:before{border-color: var(--color-skyblue);background-color: var(--color-skyblue);}



/* orange button */

.btn.btn-orange span{ background-color: var(--color-orange); }

.btn.btn-orange:hover span{ background-color: var(--color-black); color: var(--color-white);border-color: var(--color-orange); }

.btn.btn-orange:hover:before{border-color: var(--color-orange);background-color: var(--color-orange);}

/*-----------------------------------

button update end

---------------------------------*/



/*-----------------------------------

Event list style start

---------------------------------*/

.input-wrap{ position: relative; }

.input-wrap input[type="text"],.input-wrap input[type="search"]{ position: relative; color: var(--color-black); border: 1px solid var(--color-black); font-size: 20px; font-weight: 500; display: block; padding: 17px 22px; padding-right: 65px; background: var(--color-gray-dark); position: relative; transition: all 0.3s ease-in-out; }

.input-wrap:after{ content: ""; z-index: -1; background: var(--color-black); position: absolute; height: calc(100% - 3px); width: calc(100% - 3px); top: 5px; left: 5px; border: 1px solid transparent; transition: all 0.3s ease-in-out; }



.seach-box:before{ content: "\f002"; position: absolute; right: 17px; top: 50%; transform: translateY(-50%); z-index: 1; font-family: "Font Awesome 6 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: flex; font-size: 24px; align-items: center; width: 27px; height: 27px; /* border: 1px solid red; */ }



/* custome select */

.customeSelect .sbHolder{ position: relative; }

.sbOptions::after{

   content: ""; background: var(--color-black);

   position: absolute; height: calc(100% - 3px);

    width: calc(100% - 2px);

    top: 0px;

   left: 5px;

   border: 1px solid transparent; transition: all 0.3s ease-in-out;

   z-index: -1;

}

.customeSelect .sbHolder:before, .sbOptions:before{ content: ""; background: var(--color-black); position: absolute; height: calc(100% - 3px); width: calc(100% - 3px); top: 5px; left: 5px; border: 1px solid transparent; transition: all 0.3s ease-in-out; }

.sbHolder a:hover, .sbHolder a:focus{ color: var(--color-black); }

.customeSelect .sbSelector{ color: var(--color-black); border: 1px solid var(--color-black); font-size: 20px; font-weight: 500; display: flex;align-items: center; gap: 12px; padding: 16px 22px; padding-right: 65px; background: var(--color-gray-dark); position: relative; transition: all 0.3s ease-in-out; }

.customeSelect .sbSelector img{

        width: 25px;

    max-height: 25px;

}

.customeSelect .sbToggle{ width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; z-index: 1; font-family: "Font Awesome 6 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; width: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; }

.customeSelect .sbToggle:after{ content:"\f078"; }

.customeSelect .sbToggle.sbToggleOpen:after{ content:"\f077"; }

.customeSelect .sbOptions{ position: absolute; background-color: var(--color-gray-dark); width: 100%; z-index: 2; border: 1px solid var(--color-black); margin-top: -4px;}

.sbOptions:before{ width: calc(100% - 2px);}

.sbOptions li {list-style: none;background-color: var(--color-gray-dark); position: relative;display: flex;align-items: center; padding: 0 20px; gap: 20px;}

.sbOptions li:hover{ background-color: var(--color-white); }

.sbOptions li a{ padding: 10px 0; position: relative; z-index: 1; flex-grow: 1; font-weight: 500;}

.sbOptions li a{ display: block; }



/* .customeSelect .sbOptions{    overflow: inherit !important;}

.customeSelect .sbOptions .mCustomScrollBox {

        overflow-y: auto !important;

        max-height: 300px !important;

} */

.sbOptions:before{display: none;}

.customeSelect .sbOptions {

    overflow: hidden;

    overflow-y: auto;

    max-height: 300px !important;

    box-shadow: 4px 4px 0px 0px var(--color-black);

}

@media(max-width:767px){

    .customeSelect .sbToggle{right: 28px;}

}





/* filter style */

.event-filter .filter-form{padding-top: 51px;}

.filter-wrap{ display: flex; flex-wrap: wrap; margin: 0 -22px; }

.filter-item{ padding: 0 22px; margin-bottom: 38px; }

.column-6{ width: 50% }

.column-3{ width: 25% }



.event-filter .section-heading{ display: flex; gap: 20px; align-items: center; justify-content: space-between; }

.event-filter .section-heading h3{ margin-bottom: 0; font-weight: 500; }

.event-filter .section-heading .filter-icon{ width: 35px; height: 35px; background-image: url(../images/filter-icon.svg); background-position: center; background-repeat: no-repeat; background-size: 34px; cursor: pointer; }



.filter-action-links{display: flex; flex-wrap: wrap; gap: 20px; align-items: center;}

.filter-action-links .tag-list{display: flex;flex-wrap: wrap; gap: 20px; row-gap: 15px; align-items: center;}

.filter-action-links .tag-list > div{font-size: 18px;line-height: 20px; border: 50px;border-radius: 40px; display: flex; align-items: center; gap: 25px; background-color: var(--color-gray-dark);padding: 12px 20px;border: 1px solid var(--color-black);}

.filter-action-links .clear-all{font-weight: 500;text-decoration: underline; cursor: pointer;margin-left: 13px; font-size: 18px;}

.filter-action-links .clear-all:hover{text-decoration: none;}





/* filter result style */

.filter-result-header{ display: flex;gap: 20px;background-color: var(--color-black);align-items: center;justify-content: space-between;}

.filter-result-header .event-date{padding: 10px 37px;}

.filter-result-header .event-date span{padding: 0 20px;min-width: 220px;display: inline-block;text-align: center; color: var(--color-white); }

.filter-result-header .event-date a{font-size: 23px;color: var(--color-white);}

.filter-result-header .event-date a:hover{color: var(--color-orange);}

/* .filter-result-header .event-date *{color: var(--color-white);} */

.filter-result-header .button-wrap{display: flex;}

.filter-result-header .button-wrap span{width: 64px;padding: 22px 16px;cursor: pointer;}

.filter-result-header .button-wrap span.is-active{ background-color: var(--color-black-light); }

.filter-result-header .button-wrap span img{ width: 31px; height: 20px; display: block; }



/* card style */

.card-filter-result{ display: flex; align-items: center; gap: 37px; transition: all .3s; }

.card-filter-result .image-wrap{ width: 86px; height: 86px;padding: 10px; background-color: rgba(0,0,0,0.15); display: flex; justify-content: center; align-items: center; }

.card-filter-result h5{font-size: 28px;line-height: 1.14; margin-bottom: 8px;}

.card-filter-result p{font-size: 18px;line-height: 1.33;font-weight: 500;}

.card-filter-result .event-time{font-size: 16px;line-height: 30px;font-weight: 500; margin-top: 26px; margin-bottom: 4px;}

.card-filter-result .card-link{flex-shrink: 0;margin-left: auto;padding-right: 9px;}

.card-filter-result:hover{box-shadow: 0 0 0 5px var(--color-black);}



.filter-result-list{ display: flex; flex-wrap: wrap; flex-direction: column; margin-left: -10px; margin-right: -10px; }

.filter-result-list .no-post-found{ padding: 30px; text-align: center; width: 100%; }

.filter-result-item { margin-top: 17px; padding: 0 10px; }

.filter-result-item:hover a,

.filter-result-item a:hover,

.filter-result-item a:focus{color: var(--color-black);}

.filter-result-item .card-filter-result{ width: 100%; background-color: var(--color-orange); padding: 14px 40px; height: 100%;position: relative;}





.filter-result-item.bg-purple .card-filter-result{ background-color: var(--color-purple); }

.filter-result-wrap{ padding-top: 79px; }



.filter-result-wrap .pagination{ padding-top: 40px; }

.pagination{ display: flex; gap: 20px; justify-content: center; align-items: center; }

.pagination .prev, .pagination .next { width: 35px; height: 35px; line-height: 33px; font-size: 18px; border: 1px solid var(--color-black); border-radius: 50%; background: transparent; color: var(--color-black); display: flex; justify-content: center; align-items: center; font-size: 20px; padding-top: 2px; }

.pagination .prev:hover, .pagination .next:hover{ background-color: var(--color-black); color: var(--color-white); }

/* list */



/* grid */

.filter-result-list.grid{flex-direction: row; }

.filter-result-list.grid .filter-result-item{width: 33.33%;}

.filter-result-list.grid .card-filter-result{flex-direction: column; align-items: flex-start;gap: 0; padding: 0 30px 36px;}

.filter-result-list.grid .card-filter-result .card-image{margin-left: auto; margin-right: -17px;}

.filter-result-list.grid .card-filter-result .image-wrap{height: 76px;}

.filter-result-list.grid .card-filter-result .card-content{padding: 18px 0 14px; padding-right: 60px;}

.filter-result-list.grid .card-filter-result .card-content h5{margin-bottom: 13px;}

/* .filter-result-list.grid .card-filter-result .card-content p{line-height: 1.33;} */

.filter-result-list.grid .card-filter-result .event-time{margin-top: 15px;}



.filter-result-list.grid .card-filter-result .card-link{margin-left: 0;margin-top: auto;}







.event-filter{ padding: 110px 0; }

.related-event-sec + .event-filter{ padding-top: 20px; }

/* page targets */

.events-listing .site-main > .event-slider-sec{ padding-top: 255px; }



@media(max-width:1499px){

    .events-listing .site-main > .event-slider-sec{ padding-top: 215px; }

}



@media(max-width:1199px){

    .filter-wrap{ margin: 0 -10px; }

    .filter-item{ padding: 0 10px; margin-bottom: 20px; }

    .filter-result-list.grid .filter-result-item{width: 50%;}

}

@media(min-width:992px){

    .event-filter .section-heading .filter-icon{display: none;}

    .event-filter .filter-form{display: block !important;}

}

@media(max-width:991px){

    .column-6, .column-3{ width: 50% }

    .filter-form{ display: none; }



    .filter-result-header{ justify-content: center; }

    .filter-result-header .button-wrap{display: none;}

    .filter-result-header .event-date{padding: 15px 20px;}

    .filter-result-wrap{padding-top: 53px;}

    .filter-result-list{flex-direction: row;}

    .filter-result-list .card-filter-result{flex-direction: column; align-items: flex-start;gap: 0; padding-bottom: 35px;}

    .filter-result-list .filter-result-item{width: 50%;}

    .filter-result-item .card-filter-result{padding-top: 0;}

    .filter-result-list .card-filter-result .card-image{margin-left: auto;}

    .filter-result-list .card-filter-result .card-content{padding: 20px 0;}

    .card-filter-result .card-link{margin-top: auto;margin-left: 0;}

}

@media(max-width:767px){

    .column-6,

    .column-3{ width: 100% }

    .filter-item{margin-bottom: 33px;}

    .filter-action-links{margin-bottom: 25px;}



    .filter-result-list{flex-direction: column;}

    .filter-result-list .filter-result-item{width:100% !important;}

    .filter-result-list .card-filter-result .card-image{margin-left: auto;margin-right: -17px;}

    .filter-result-list .card-filter-result .card-image .image-wrap{height: 75px;}

    .filter-result-list .card-filter-result .card-content{padding: 18px 0 14px;padding-right: 0px !important;}

    .card-filter-result h5{max-width: 247px;}

    .filter-result-list .card-filter-result .event-time{margin-top: 40px !important;}

    .filter-result-header .event-date{display: flex; justify-content: space-between; width: 100%;}

    .filter-result-header .event-date span{min-width: inherit;}

    .filter-result-item .card-filter-result{padding: 14px 33px;padding-top: 0;padding-bottom: 33px;}

    .event-filter { padding: 20px 0 35px; }

}

/*-----------------------------------

Event list style end

---------------------------------*/



/*-----------------------------------

left-image-content style start

---------------------*/

.left-image-content{ background-color: var(--color-white); position: relative;}

.left-image-content .image-wrap{position: absolute;left: 0;top: 0;height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; width: 39.06%; aspect-ratio: 1/1; }

.left-image-content .content-wrap{margin-left: auto; width: 60.86%; padding: 98px 0 64px; padding-top: 105px; min-height: 800px;padding-left: 13px; }

.left-image-content .content-wrap .inner-wrap{ max-width: 686px ; }

.left-image-content .content-wrap h3{ margin-bottom: 60px; }

.left-image-content .content-wrap p{ margin-bottom: 28px; font-weight: 500;  }

.left-image-content .content-wrap ul{ padding: 0; margin: 0; list-style: none; }

.left-image-content .content-wrap ul li{ margin-bottom: 28px; font-size: 18px; line-height: 28px; font-weight: 500; position: relative; padding-left: 17px; }

.left-image-content .content-wrap ul li:before{ content: ""; position: absolute; width: 5px; height: 5px; background-color: var(--color-black); border-radius: 11px; top: 13px; left: 0; }



.left-image-content.right-image .image-wrap{ right: 0; left: inherit;}

.left-image-content.right-image .content-wrap{margin-left: 0;margin-right: auto;}

@media(max-width:1499px){

    .left-image-content .content-wrap, .left-image-content .image-wrap{width: 50%;}

    .left-image-content .content-wrap{ padding: 50px 0; padding-left: 50px; padding-top: 80px; }

    .left-image-content .content-wrap h3 { margin-bottom: 35px; }

    .left-image-content .content-wrap p{font-size: 18px; line-height: 29px; }

    .left-image-content .content-wrap ul li{ font-size: 16px; line-height: 26px; }

    .left-image-content.right-image .content-wrap{padding-left: 0; padding-right: 50px;  }



}

@media(max-width:991px){

    .left-image-content{flex-direction: column;}

    .left-image-content .content-wrap, .left-image-content .image-wrap{width: 100%;}

    .left-image-content .image-wrap{position: relative; aspect-ratio: 1/1; }



    .left-image-content .content-wrap{ padding: 30px 0; padding-top: 60px; }

}

@media(max-width:767px){

    .left-image-content .content-wrap{ padding: 24px 0; padding-top: 52px; }

}

/*-----------------------------------

left-image-content style end

---------------------*/





/*-----------------------------------

event-col-sec background yellow style start

---------------------*/

.event-col-sec.bg-yellow .event-col.event-left-col:before{border-bottom-color: var(--color-yellow);}

.event-col-sec.bg-yellow,.event-col-sec.bg-yellow .event-left-col,.event-col-sec.bg-yellow .event-col.event-left-col:after{ background-color: var(--color-yellow); }

@media(min-width:1200px){

    .event-col-sec.bg-yellow .event-content-top h3{margin-bottom: 60px;}

}

@media(min-width:992px){

    .event-col-sec.bg-yellow .event-col.event-left-col:before{border-bottom: 108px solid var(--color-yellow); border-right: 108px solid transparent;}

    .event-col-sec.bg-yellow .event-col.event-left-col:after{width: 108px; height: calc(100% - 108px);}

    .event-col-sec.bg-yellow .event-left-col{width: 49%;padding: 107px 0 88px; min-height: 740px;}

}



/*-----------------------------------

event-col-sec background yellow style end

---------------------*/





/*-----------------------------------

fuse-networks style start

---------------------*/

.card-fuse-partners .card-image{transition: all .4s; padding-bottom: 49.6%; height: 0; position: relative; background-color: var(--color-white); margin-bottom: 17px; }

.card-fuse-partners .card-image img{ position: absolute; inset: 0; width: 100%; }

.card-fuse-partners:hover .card-image{transform: scale(1.08);}

.card-fuse-partners h6{ font-size: 16px; line-height: 25px; margin: 0;font-weight: 500; }



.fuse-partners{ background-color: var(--color-gray); padding: 145px 0 98px; }

.fuse-partners .button-wrap{ padding-top: 50px; }

.fuse-partners .section-heading{ margin-bottom: 73px; }

.fuse-partners-wrap{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px 72px; }



@media(max-width:1199px){

    .fuse-partners-wrap{ grid-template-columns: repeat(3, 1fr); }

}

@media(max-width:767px){

    .fuse-partners .section-heading{ margin-bottom: 60px; }

    .fuse-partners-wrap{ grid-gap: 30px; }

    .fuse-partners{text-align: center;padding: 90px 0 56px;}

}

@media(max-width:575px){

    .fuse-partners-wrap{grid-template-columns: repeat(2, 1fr);  }

}

/*-----------------------------------

fuse-networks style end

---------------------*/



/*-----------------------------------

faq-image-content style start

---------------------*/

.faq-image-content{ padding: 133px 0; background-color: #D2FAFF; }

.faq-image-wrap img{ vertical-align: top; }

.faq-image-content-wrap{ display: grid; grid-template-columns: 352px 1fr; grid-gap: 83px; align-items: center; }

.faq-content-wrap p{font-weight: 500;}

.faq-image-content-wrap .btn{ margin-top: 47px; }



@media(max-width:1499px){

    .faq-image-content-wrap{ grid-gap: 42px; }

}

@media(max-width:991px){

    .faq-image-content-wrap{ grid-gap: 45px; grid-template-columns: 1fr; }

}

@media(max-width:767px){

    .faq-image-content{ padding: 53px 0; }

}

@media(max-width:575px){

    .faq-image-wrap img{ width: 100%; }

}

/*-----------------------------------

faq-image-content style end

---------------------*/





/*-----------------------------------

faq-accordian style start

---------------------*/



/* accordian style */

.accordion-wrap{ display: flex; flex-direction: column; gap: 28px; padding-left: 8px; }

.accordion-wrap .toggle{ cursor: pointer; position: relative; }

.accordion-wrap .toggle span{transform: all .3s; color: var(--color-black); border: 1px solid var(--color-black); font-size: 18px; font-weight: 500; display: block; padding: 17px 22px; padding-right: 65px; background: var(--color-gray-dark); position: relative; transition: all 0.3s ease-in-out; }

.accordion-wrap .toggle:hover span{background-color: var(--color-yellow);}

.accordion-wrap .toggle span:after{ font-family: "Font Awesome 6 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; content: "\f078"; width: 20px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }

.accordion-wrap .toggle.active span:after{ content:"\f077"; }

.accordion-wrap .toggle:before { content: ""; background: var(--color-black); position: absolute; height: calc(100% - 3px); width: calc(100% - 3px); top: 5px; left: 5px; border: 1px solid transparent; transition: all 0.3s ease-in-out; }

.accordion-wrap .inner{ display: none; padding-top: 54px; padding-bottom: 32px; }

.accordion-wrap .inner li,

.accordion-wrap .inner p{font-weight: 500;}

.accordion-wrap .inner ul, .accordion-wrap .inner ol{ padding-left: 20px; margin-top: 30px; }

.accordion-wrap .inner li{ margin-bottom: 10px; }

.faq-list{ padding: 147px 0; }



@media(max-width:1499px){

   .faq-list{ padding: 100px 0; }

}

@media(max-width:991px){

   .faq-list{ padding: 98px 0; }

}



/*-----------------------------------

faq-accordian style end

---------------------*/





/*-----------------------------------

directory-detail style start

---------------------*/



/* directory detail intro */

.directory-detail-intro{ display: flex; flex-wrap: wrap; margin-top: -84px; position: relative; }

.directory-detail-intro .intro-image { width: 27.3%; }

.directory-detail-intro .intro-content { width: 72.6%; padding-left: 86px; }

.directory-detail-intro .intro-image .inner-wrap{
    /* aspect-ratio: 1/1; padding: 18px; */
     display: flex; align-items: center; justify-content: center; background-color: var(--color-white); border: 1px solid var(--color-black); box-shadow: 10px 10px; 
background-size: cover; background-position: center center; background-repeat: no-repeat;}

.intro-image .intro-icon{display: none;}

.directory-detail-intro .intro-icon{width: 86px; height: 86px; background-color: var(--color-white); padding: 15px; display: flex;align-items: center; justify-content: center; margin-bottom: 70px;margin-left: auto;display: block;}

.intro-content h1{font-size: 52px;line-height: 1.09;margin-bottom: 24px;}

.intro-content p{font-size: 22px;line-height: 1.5;font-weight: 500; }

.intro-content a:not(.btn){font-weight: 500; color: var(--color-orange);text-decoration: underline;word-wrap: break-word;}



/* contact info style */

.directory-detail-content .banner-bg{ height: 430px; background-color: var(--color-black); position: relative; padding-bottom: 50px; }

.directory-detail-content .banner-bg > div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; background-repeat: no-repeat; background-position: center center; background-size: cover }

.directory-detail-contact-info{ display: flex; flex-wrap: wrap; margin-top: 50px; }

.directory-detail-contact-info h6{ font-size: 20px; line-height: 22px; font-weight: 700; }

.directory-detail-contact-info .social-wrap{ width: 30%; }

.directory-detail-contact-info .contact-info-wrap{ width: 70%; padding-left: 57px; }

.directory-detail-intro .intro-image .intro-icon{ display: none; }

.card-social{ background-color: var(--color-purple); padding: 35px; max-width: 295px; clip-path: polygon(0% 0%, 74% 0, 100% 34%, 100% 100%, 0% 100%); }

.card-social h6{ margin-bottom: 35px; }

.card-social .social-list{ display: flex; flex-wrap: wrap; gap: 35px; row-gap: 20px; }

.card-social a{ background-color: var(--color-white); border: 2px solid var(--color-black); border-radius: 50px; width: 51px; height: 51px; display: flex; align-items: center; justify-content: center; font-size: 31px; color: var(--color-black); }

.card-social a:hover{ background-color: var(--color-skyblue); color: var(--color-black); }

.contact-info-row{ display: flex; flex-wrap: wrap; gap: 30px; margin-top: 26px; }

.contact-info-row h6{ margin-bottom: 13px; }

.contact-info-row p,

.contact-info-row li{ font-weight: 500; margin-bottom: 12px;}

.contact-info-row ul{margin-bottom: 20px;padding-left: 20px;}

.contact-info-row .inner-column{ flex: 0 0 auto; width: calc(50% - 15px); }

.contact-info-row.location{margin-top: 52px;}

.contact-info-row.location .inner-column{ width: calc(63% - 15px); }

.contact-info-row.location .inner-column:first-of-type{ width: calc(37% - 15px); }

.contact-info-row.location iframe{ aspect-ratio: 16 / 9; width: 100%; }

.contact-info-wrap .full-content{ padding-top: 61px; }

.contact-info-wrap .full-content p:not(:last-of-type){ margin-bottom: 30px; }

/* directory-detailimage slider */

.directory-detail-image-slider-wrap{ position: relative; padding-top: 87px; padding-bottom: 148px; }

.directory-detail-image-slider-wrap:before{ content: ""; width: 300%; right: 100%; height: 100%; background-color: var(--color-white); position: absolute; top: 0; z-index: 2; }

.detail-image-slider{ order: 2; padding-top: 60px; }

.detail-image-slider .slick-list{ overflow: inherit; }

.detail-image-slider .slick-slide { padding-right: 37px; }

.detail-image-slider .image-wrap { position: relative; height: 0; padding-bottom: 68%; background-color: var(--color-gray-dark); transition: all .3s;}

.detail-image-slider .image-wrap:hover{transform: scale(1.06);}

.detail-image-slider .image-wrap img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.slider-nav { display: flex; gap: 38px; }

.slider-nav .slick-arrow{ color: var(--color-black); border-color: var(--color-black); transition: all .4s; }

.slider-nav .slick-arrow:hover,

.slider-nav .slick-arrow:focus{ background-color: var(--color-black); color: var(--color-white); }

.directory-detail-image-slider-wrap{ display: flex; flex-direction: column; }

.directory-detail-image-slider .card-social{display: none;}



/* popup style */

.detail-image-popup.mfp-bg{

    background-color: var(--color-white);

}

.detail-image-popup .mfp-container{

    padding: 0 40px;

}

.detail-image-popup .mfp-content{

    padding: 50px 0;

    max-width: 1057px;

}

.detail-image-popup .mfp-figure:after{

    display: none;

}

.detail-image-popup .mfp-close{transition: all .3s; font-family: --fa-font-thin;font-size: 60px; right: -40px; width: 96px;height: 96px;background-color: var(--color-skyblue);color: var(--color-black);opacity: 1; display: flex;align-items: center; justify-content: center;border-radius: 100px;padding: 0;}

.detail-image-popup .mfp-close:hover{

    color: #ffffff;

}

.detail-image-popup .mfp-figure{

    background-color: var(--color-black);

    padding: 48px 60px;

}

.detail-image-popup .mfp-figure img{

padding: 0;

}

@media(min-width:1500px){

    .directory-detail-image-slider-wrap{ width: 1270px; }

}

@media(max-width:1400px){

    .intro-content h1{ font-size: 38px; }

    .intro-content, .intro-content p, .contact-info-row, .contact-info-row p { font-size: 18px; }

    .detail-image-slider{ padding-top: 40px; }

    .detail-image-popup .mfp-close{transition: all .3s; font-family: --fa-font-thin;font-size: 36px; right: -20px;top: 30px; width: 56px;height: 56px;}

    .detail-image-popup .mfp-figure { padding: 30px 40px; }

}

@media(max-width:991px){

    .directory-detail-intro .intro-image{ width: 100%; display: flex; }

    .directory-detail-intro .intro-image .inner-wrap{ max-width: min(300px, 60%); }

    .directory-detail-intro .intro-content, .directory-detail-contact-info .contact-info-wrap{ width: 100%; padding-left: 0; padding-top: 50px; }

    .directory-detail-intro .intro-image .intro-icon{ display: block; }

    .directory-detail-intro .intro-content .intro-icon{ display: none; }

    .directory-detail-contact-info{ margin-top: 0; }

    .directory-detail-contact-info .social-wrap{ width: 100%; order: 2; padding-top: 30px; }

    .directory-detail-contact-info .contact-info-wrap{ padding-top: 20px; }

    .contact-info-row{ margin-top: 15px; gap: 10px; }

    .contact-info-row.location { margin-top: 10px; }

    .contact-info-row.location iframe{ margin-top: 20px; }

    .contact-info-row .inner-column{ width: 100% !important; }

    .contact-info-wrap .full-content { padding-top: 50px; }

    .card-social{ max-width: max-content; clip-path: polygon(0% 0%, calc(95% - 40px) 0, 100% 34%, 100% 100%, 0% 100%); padding: 25px;}

    .card-social .social-list{ gap: 19px; }

    .card-social h6{font-size: 20px;margin-bottom: 22px;}

    .detail-image-slider{ padding-top: 30px; }

    .detail-image-slider .slick-slide{padding-right: 15px;}



    .mfp-container{

        padding-inline: 30px;

    }

}

@media(max-width:767px){

    .directory-detail-content .banner-bg{ height: 341px   ; }

    .directory-detail-image-slider-wrap{padding: 70px 0;}

    .detail-image-slider{ order: 0; padding-top: 0; }

    .directory-detail-image-slider-wrap .slider-nav{ justify-content: center; padding-top: 20px; }

    .directory-detail-intro{ margin-top: -130px; }

    .directory-detail-intro .intro-icon{ width: 67px; height: 67px; margin-top: auto; margin-bottom: 55px;}

    .directory-detail-intro .intro-image .inner-wrap { max-width: min(188px, 60%); }

    .directory-detail-contact-info .social-wrap{display: none;}

    .directory-detail-image-slider .card-social{display: block;max-width: 100%;}

    .detail-image-popup .mfp-container{

        padding: 0 25px;

    }

    .detail-image-popup .mfp-figure{

        padding: 25px 20px;

    }

    .detail-image-popup .mfp-close{

        width: 40px;

        height: 40px;

    }

}

@media(max-width:575px){

    .detail-image-slider .slick-slide{ padding: 0 10px; }

    .detail-image-slider .slick-list { overflow: hidden; margin: 0 -10px; }

}

@media(max-width:420px){

    .directory-detail-image-slider .card-social{width: 100%;}

    .card-social .social-list{ gap: 14px; }

}

/*-----------------------------------

directory-detail style end

---------------------*/



/*-----------------------------------

news-detail style start

---------------------*/



.detail-inner-banner .inner-banner-content-col{padding-bottom: 140px;}

.detail-inner-banner h1{ font-size: 52px; line-height: 1.25; }

.banner-detail{ background-color: var(--color-black); color: var(--color-white); position: absolute; right: -198px; width: calc(100% + 198px); bottom: 0; z-index: 2; padding-right: 15px; }

.banner-detail .inner-wrap{ width: 665px; padding: 20px 0; margin-left: auto; display: flex; flex-wrap: wrap; align-items: center; column-gap: 50px; position: relative; }

.banner-detail:before{ pointer-events: none; width: 200%; right: 100%; height: 100%; background-color: var(--color-black); content: ""; top: 0; position: absolute; }

.detail-item{ display: flex; align-items: center; gap: 20px; padding: 20px 0; position: relative; }

.detail-item img{ max-width: 48px; max-height: 40px; }

.detail-item:not(:first-of-type):after{ content: ""; width: 1px; height: 100%; position: absolute; background-color: var(--color-white); left: -23px; }

.content-wrapper{ padding: 130px 0; }

.content-wrapper p:not(:last-of-type){ margin-bottom: 25px; }

.content-wrapper ul, .content-wrapper ol{ margin-bottom: 30px; padding-left: 23px;}

.content-wrapper ul li, .content-wrapper ol li{ margin-bottom: 20px; }

.content-wrapper ul li, .content-wrapper ol li, .content-wrapper p{font-weight: 500;}

/* other-news style start */

.bg-gray .related-event-left-col, .bg-gray .related-event-left-col-before{ background-color: var(--color-gray); }

/* .other-news .related-event-left-content h3,.other-news .related-event-left-content p{font-weight: 500;}

.other-news .slick-track{ display: flex; }

.other-news .slick-track .slick-slide{ height: auto; }

.other-news .slick-track .slick-slide > div, .other-news .related-event-slider-item{ height: 100%; }

.other-news .related-event-slider-item{ display: flex !important; flex-direction: column; }

.other-news .related-event-list-card:before{ display: none; }

.other-news .related-event-list-img{ clip-path: polygon(0% 0%, 79% 0, 100% 36%, 100% 100%, 0% 100%); padding-bottom: 61.5%; height: 0; position: relative; background-color: var(--color-black); }

.other-news .related-event-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } */

.other-news .related-event-list-card{ 
    /* height: auto !important; */
}

.other-news .related-event-list-content{background-image: none !important; background-color: var(--color-gray-dark); padding: 40px; flex-grow: 1; display: flex; flex-direction: column; }

.other-news .related-event-list-content h5{ color: var(--color-black); }

.related-event-list-content .date-button-wrap{ display: flex; gap: 15px; margin-top: auto; }

.related-event-list-content .button-wrap{ flex-shrink: 0; }

.related-event-list-content .date-button-wrap .date-wrap{ font-size: 16px; line-height: 1.87; font-weight: bold; color: var(--color-black); }

.related-event-list-content .date-button-wrap .btn span{ min-width: max-content; padding: 8px 25px; }



@media(min-width:1500px){

    .detail-inner-banner .inner-banner-content-col{min-height: 868px;}

    .detail-item{ gap: 45px; }

    .banner-detail .inner-wrap{column-gap: 110px;}

    .detail-item:not(:first-of-type):after{left: -55px;}

    .related-event-sec.other-news {padding: 184px 0 165px;}

}



@media(max-width:1499px){

    .content-wrapper .content-wrap{ padding: 0 15px; }

}



@media(max-width:1199px){

    .banner-detail{ right: -98px; width: calc(100% + 98px); padding-left: 15px; }

    .banner-detail .inner-wrap{ width: 566px; }

    .content-wrapper { padding: 90px 0; }

    .detail-inner-banner h1{ font-size:37px; line-height: 1.24; }

}

@media(max-width:991px){

    .banner-detail .inner-wrap{ flex-direction: column; align-items: flex-start; padding-left: 70px; position: relative; }

    .detail-item{ padding: 5px 0; position: static; }

    .detail-item:not(:first-of-type):after{display: none;}

    .detail-item img{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

    .banner-detail .inner-wrap{ padding-top: 16px; padding-bottom: 16px; }

    .other-news .related-event-list-content{padding: 40px 30px;}

    .related-event-list-content .date-button-wrap{flex-direction: column;}

}

@media(max-width:767px){

    .banner-detail .inner-wrap { width: 100%; }

    .detail-item { padding: 2px 0; }

    .content-wrapper { padding: 68px 0; }

    .content-wrapper .content-wrap { padding: 0; }

    .related-event-list-content .date-button-wrap{flex-direction: row;}

}



@media(max-width:420px){

    .related-event-list-content .date-button-wrap{ flex-direction: column; }

}

/*-----------------------------------

news-detail style end

---------------------*/



/*-----------------------------------

privacy banner style start

---------------------*/

/* privacy banner */

@media(min-width:1500px){

    .home-banner-sec.small-height{ min-height: 758px; }

}

/*-----------------------------------

privacy banner style end

---------------------*/



/*-----------------------------------

error-404 style start

---------------------*/

.directory-detail-content.error-wrap .banner-bg{ height: 360px; }

.error-wrap .content-wrap{ padding: 100px 0; }

.error-wrap .content-wrap .btn{ margin-top: 30px; }



@media(max-width:991px){

    .error-wrap .content-wrap{ padding: 50px 0; }

    .directory-detail-content.error-wrap .banner-bg { height: 310px; }

    .error-wrap h1{ font-size: 45px; }

}

/*-----------------------------------

error-404 style end

---------------------*/







/* slider card shape style update start */



.related-event-list-card:before,

.news-list-card:before,

.event-list-card:before{ display: none; }







.related-event-sec .slick-track,

.news-list-slider-sec .slick-track,

.event-list-slider-sec .slick-track{ display: flex; }



.related-event-sec .slick-track .slick-slide,

.news-list-slider-sec .slick-track .slick-slide,

.event-list-slider-sec .slick-track .slick-slide{ height: auto; }



.related-event-sec .slick-track .slick-slide > div, .related-event-sec .related-event-slider-item,.news-list-slider-sec .related-event-slider-item,.event-list-slider-sec .slick-track .slick-slide > div, .event-list-slider-item, .event-list-card{ height: 100%; }

.related-event-sec .related-event-slider-item,

.news-list-slider-sec .related-event-slider-item{ display: flex !important; flex-direction: column; }

.related-event-sec .related-event-list-card,

.news-list-slider-sec .news-list-card{display: flex;flex-direction: column;height: 100%;}



/* .related-event-sec .related-event-list-card:before,

.news-list-slider-sec .news-list-card:before{ display: none; } */



.related-event-sec .related-event-list-img,

.news-list-slider-sec .news-list-img,

.event-list-slider-sec .event-list-img{ clip-path: polygon(0% 0%, 79% 0, 100% 36%, 100% 100%, 0% 100%); padding-bottom: 61.5%; height: 0; position: relative; background-color: var(--color-black); }



.related-event-sec .related-event-list-img img,

.news-list-slider-sec .news-list-img img,

.event-list-slider-sec .event-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }



.related-event-list-content{ background-color: var(--color-black); background-image: url(../images/related-event-bg.png); display: flex; flex-direction: column; flex-grow: 1; }

.news-list-content{ display: flex; flex-direction: column; flex-grow: 1; background-color: var(--color-orange); }

.event-list-content{ display: flex; flex-direction: column; flex-grow: 1; background-color: var(--color-white); margin-top: -1px; }

.event-list-date-wrap{ margin-top: auto; }

/* slider card shape style update end */



/*new css for CR**/

.related-event-list-card, .event-arrow-link, .news-list-card, .event-list-card{ transition: all .3s; }

@media(min-width:768px){

    .related-event-list-card:hover, .news-list-card:hover, .event-list-card:hover{ transform: translateY(-10px); }

}

.related-event-list-card:hover .event-arrow-link, .news-list-card:hover .event-arrow-link, .event-list-card:hover .event-arrow-link{ opacity: .4; }



@media(min-width:992px){

    .tab-item-card{ display: flex; flex-direction: column; align-items: center; padding: 20px 13px; width: 140px; max-width: 100%; clip-path: polygon(0% 0%, 85% 0, 100% 15%, 100% 100%, 0% 100%); transition: all .3s; height: 100%; }

    .tab-item-card svg path{ transition: all .3s; }

    .active .tab-item-card, .tab-item-card:hover{ background: #000; color: var(--color-white); }

    .active .tab-item-card svg path, .tab-item-card:hover svg path{ fill: var(--color-white); }

    .tab-item-card img{ max-width: 93px; }

}



/* ketul style update start*/

.event-content-top p{font-weight: 500;}

.event-disc ul, .event-disc ol{ margin-bottom: 30px; }

.event-disc ul li, .event-disc ol li{ margin-bottom: 17px; }

.dir-intro-image img{
width: 100%;
display: block;
}