@import url('./Obvio.css');



/* Font Size */
:root {
    /* 720 ~ 1920 */
    --font-size-65: clamp(36px, 2.4166666666666665vw + 18.6px, 65px);
    --font-size-44: clamp(28px, 1.3333333333333335vw + 18.4px, 44px);
    --font-size-27: clamp(24px, 0.25vw + 22.2px, 27px);
}

body .font-size-65 {
    font-size: var(--font-size-65) !important;
}

body .font-size-44 {
    font-size: var(--font-size-44) !important;
}

body .font-size-27 {
    font-size: var(--font-size-27) !important;
}


.d-wrapper .is-box .is-container {
    margin-top: 122px;
    margin-bottom: 122px;
}

@media (max-width: 991.98px) {
    .d-wrapper .is-box .is-container {
        margin-top: 92px;
        margin-bottom: 92px;
    }
}


p {
    margin: 0 0 30px;
}

li p {
    line-height: 1.6;
}

[class^='button-'],
[class*=' button-'] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 28px;
    height: 42px;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.2;
}

/* *
*   custom-header
** */
.custom-header {
    /* 992 ~ 1920 */
    --HeaderLeftRight: clamp(0px, 10.775862068965516vw + -106.89655172413792px, 100px);
    --DistanceBetweenControls: clamp(8px, 6.142241379310344vw + -52.93103448275862px, 65px);
    --ImgWidth: clamp(150px, 2.693965517241379vw + 123.27586206896552px, 175px);
    --ImgExtraMaxHeight: clamp(30px, 3.2327586206896552vw + -2.068965517241381px, 60px);
    --Menu_FontSize: clamp(16px, 0.43103448275862066vw + 11.724137931034484px, 20px);

    padding-left: var(--HeaderLeftRight);
    padding-right: var(--HeaderLeftRight);
}

.custom-header .area-left .header-content-wrap>div {
    margin-right: var(--DistanceBetweenControls) !important;
}

.custom-header .area-center .header-content-wrap>div,
.custom-header .area-right .header-content-wrap>div {
    margin-left: var(--DistanceBetweenControls) !important;
}

/* Logo */
.custom-header .logoBox .header-content-wrap {
    justify-content: flex-start !important;
    width: max(var(--ImgWidth), calc(100% / 3 * 2) - 130px);
    max-width: 100%;
}

#Body .custom-header .logo {
    margin-left: 0 !important;
    max-width: var(--ImgWidth);
    max-height: calc(var(--headerHeight) + var(--ImgExtraMaxHeight));
    padding: 20px clamp(10px, 1.0775862068965518vw + 9.310344827586206px, 30px);
    /* height: auto !important; */
    overflow: visible !important;
    /* background-color: #0d1b26; */
    border-radius: 0 0 10px 10px;
}

.custom-header .logo img {
    max-height: 100%;
    margin-bottom: 0;
}

.floating-nav.floating-nav-sticky.floating-active .custom-header {
    --ImgExtraMaxHeight: 0px;
}



/* custom-header-social */
.custom-header .custom-header-social {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;

    font-size: 25px;
    line-height: 1;
}

.custom-header .custom-header-social a {
    display: inline-flex;
    color: currentColor !important;
}

.custom-header .custom-header-social a:hover {
    color: var(--accent-color2) !important;
}

.custom-header .custom-header-social svg {
    fill: currentColor;
}

/* header-button */
body .custom-header .header-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 28px;
    height: 42px;
    text-align: center;
    font-size: 0.9375rem;
    line-height: 1.2;
}

body .custom-header .header-button {
    color: #fff !important;
    background: var(--accent-color2) !important;

}

body .custom-header .header-button:hover {
    color: var(--default-color) !important;
    background: #fff !important;
}


/* primary_structure */
#dng-megamenu877366 .primary_structure>li>a,
#dng-megamenu877366 .primary_structure>li>a:link,
#dng-megamenu877366 .primary_structure>li>a:active,
#dng-megamenu877366 .primary_structure>li>a:visited {
    font-size: var(--Menu_FontSize);
}




/* custom-banner-01 */
.custom-banner-01 {
    min-height: calc(100vh - var(--headerHeight));
}

.custom-banner-01 .is-boxes {
    flex-grow: 1;
}

.custom-banner-01 .is-boxes .is-container {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.custom-banner-01 .is-boxes .is-container>.row {
    align-items: center;
}

@media screen and (max-width: 991.98px) {
    .custom-banner-01 {
        min-height: calc(100vh - var(--mobileHeaderHeight));
    }

    .custom-banner-01.is-section .is-boxes {
        display: flex;
    }
}


/* custom-footer-01 */
.custom-footer-01 {
    position: relative;
    font-size: 1rem;
}

#Body .custom-footer-01 a:hover {
    color: var(--accent-color2);
}

#Body .custom-footer-01 .custom-footerLink-01 a:hover {
    color: #fff;
}


/* custom-footerLink-01 */
.custom-footerLink-01 {
    position: relative;
    margin: 0 0 0;
}

.custom-footerLink-01 .link-item {
    list-style: none;
    margin-bottom: 18px;
}

.custom-socialList-01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 25px 30px;

    font-size: 36px;
    line-height: 1;
}


/* custom-section-01 */
.custom-section-01 {
    margin-bottom: -135px;
    padding-bottom: 135px;
}


/* custom-iconBox-01 */
.custom-iconBox-01 {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
}

.custom-iconBox-01 .icon {
    align-self: start;
    margin-top: 2px;
}

.custom-iconBox-01 .content .title {
    margin: 0 0 0;
    font-size: var(--font-size-44);
    line-height: 1.2;
}


/* custom-imgBox-01 */
.custom-imgBox-01 {
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
}

.custom-imgBox-01 .pic {
    position: relative;
}

.custom-imgBox-01 .pic img {
    max-width: 100%;
}

.custom-imgBox-01 .content {
    padding: 14px 15px;
    color: #fff;
    background: var(--accent-color);
}


/* custom-title-01 */
.custom-title-01 {
    position: relative;
    margin: 0 0 20px;
}

.custom-title-01 .title {
    margin: 0 0 0;
    font-size: var(--font-size-65);
}




/* custom-button */
body [class^='custom-button-'],
body [class*=' custom-button-'] {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    height: 42px;
    padding: 0 28px;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-image: none;
    border: none;
    border-radius: 50px;
    -webkit-transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    transition: all .3s cubic-bezier(0.420, 0.000, 1.000, 1.000);
    -webkit-appearance: none;
    appearance: none;

    text-decoration: none !important;
}

.custom-groupButton-01 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}

/* custom-button-01 */
body .custom-button-01 {
    color: #fff !important;
    background: var(--accent-color2) !important;

}

body .custom-button-01:hover {
    color: #fff !important;
    background: #961A0A !important;
}

body .is-light-text .custom-button-01:hover {
    color: var(--default-color) !important;
    background: #fff !important;
}

/* custom-button-02 */
body .custom-button-02 {
    color: #fff !important;
    background: var(--accent-color3) !important;

}

body .custom-button-02:hover {
    color: #fff !important;
    background: var(--accent-color2) !important;
}

body .is-light-text .custom-button-02:hover {
    color: var(--default-color) !important;
}

/* custom-expandBox-01 */
.custom-expandBox-01 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}


/* custom-cardList-01 */
.custom-cardList-01 {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    flex-wrap: wrap;
    gap: 15px;
    margin: 30px 0;
    align-items: baseline;
}

.custom-cardList-01 .card-item {
    list-style: none;
    min-height: 270px;
}

.custom-cardList-01 .card-item .card-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    height: 100%;
    text-align: center;
    border-radius: 10px;
}

.custom-cardList-01 .card-item .card-box p.mb-10 {
    margin-bottom: 0 !important;
}

.custom-cardList-01 .card-item .card-box p.mb-10+p {
    font-weight: bold;
}

.custom-cardList-01 .card-item .card-box:hover {
    text-decoration: none;
}

/* Margin */
/* .custom-cardList-01 .card-item:nth-child(18n+2),
.custom-cardList-01 .card-item:nth-child(18n+9),
.custom-cardList-01 .card-item:nth-child(18n+13) {
    margin-bottom: -40px;
}

.custom-cardList-01 .card-item:nth-child(18n+5),
.custom-cardList-01 .card-item:nth-child(18n+12),
.custom-cardList-01 .card-item:nth-child(18n+16) {
    margin-top: -40px;
} */



/* Color */
.custom-cardList-01 .card-item:nth-child(9n+1) .card-box,
.custom-cardList-01 .card-item:nth-child(9n+6) .card-box,
.custom-cardList-01 .card-item:nth-child(9n+8) .card-box {
    background-color: var(--accent-color3);
}

.custom-cardList-01 .card-item:nth-child(9n+2) .card-box,
.custom-cardList-01 .card-item:nth-child(9n+4) .card-box,
.custom-cardList-01 .card-item:nth-child(9n+9) .card-box {
    background-color: var(--accent-color);
}

.custom-cardList-01 .card-item:nth-child(9n+3) .card-box,
.custom-cardList-01 .card-item:nth-child(9n+5) .card-box,
.custom-cardList-01 .card-item:nth-child(9n+7) .card-box {
    background-color: var(--accent-color2);
}

@media screen and (min-width: 992px) {

    .custom-cardList-01 .card-item:nth-child(2){
        height: calc(100% - 40px);
        min-height: auto;
    }
    .custom-cardList-01 .card-item:nth-child(5){
        height: calc(100% + 40px);
        margin-top: -40px;
    }
}

@media screen and (max-width: 991.98px) {
    .custom-cardList-01 {
        grid-template-columns: repeat(2,1fr);
    }
    .custom-cardList-01 .card-item:nth-child(n) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .custom-cardList-01 .card-item:nth-child(3n+1) .card-box {
        background-color: var(--accent-color3);
    }

    .custom-cardList-01 .card-item:nth-child(3n+2) .card-box {
        background-color: var(--accent-color);
    }

    .custom-cardList-01 .card-item:nth-child(3n+3) .card-box {
        background-color: var(--accent-color2);
    }


}

@media screen and (max-width: 575.98px) {
    .custom-cardList-01 {
        grid-template-columns: repeat(1,1fr);
    }

    .custom-cardList-01 .card-item:nth-child(n) {
        margin-top: 0;
        margin-bottom: 0;
    }

    .custom-cardList-01 .card-item:nth-child(3n+1) .card-box {
        background-color: var(--accent-color3);
    }

    .custom-cardList-01 .card-item:nth-child(3n+2) .card-box {
        background-color: var(--accent-color);
    }

    .custom-cardList-01 .card-item:nth-child(3n+3) .card-box {
        background-color: var(--accent-color2);
    }
}


.custom-cardList-01 .flip-box-02-back{
    overflow: visible;
    font-size: 16px;
    line-height: 1.2;
    padding: 15px !important;
    height: auto !important;
    min-height: 100% ;
}


/* cardList Card flip */
.flip-box-02-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    perspective: 1000px;

}

/* .flip-box-02-inner:hover {
    transform: rotateY(180deg);
} */
.flip-box-02-inner:hover .flip-box-02-front{
    transform: rotateY(180deg);
}
.flip-box-02-inner:hover .flip-box-02-back {
    transform: rotateY(0deg);
}


.flip-box-02-front,
.flip-box-02-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.8s !important; 
}

.flip-box-02-back {
    transform: rotateY(-180deg);
    overflow-y: scroll;
}






/* custom-socialBox-01 */
.custom-socialBox-01 {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 24px;
    overflow: hidden;
    height: 100%;
}

.custom-socialBox-01,
.custom-socialBox-01 h1,
.custom-socialBox-01 h2,
.custom-socialBox-01 h3,
.custom-socialBox-01 h4,
.custom-socialBox-01 h5,
.custom-socialBox-01 h6,
.custom-socialBox-01 p,
.custom-socialBox-01 li,
.custom-socialBox-01 div,
.custom-socialBox-01 span:not(.sico) {
    color: var(--default-color);
}

.custom-socialBox-01 .content {
    padding: 25px 30px;
}

.custom-socialBox-01 .content .textBox {
    margin-bottom: 25px;
    font-size: 1.125rem;
    line-height: calc(24 / 18);
}

.custom-socialBox-01 .content .textBox p:last-child {
    margin-bottom: 0;
}

.custom-socialBox-01 .content .sourceBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.custom-socialBox-01 .content .sourceBox .authorImg,
.custom-socialBox-01 .content .sourceBox .authorPlatform {
    width: 40px;
    height: 40px;
}

.custom-socialBox-01 .content .sourceBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-socialBox-01 .content .sourceBox .authorImg {
    border-radius: 20px;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.custom-socialBox-01 .content .sourceBox .authorName p:last-child {
    margin-bottom: 0;
}


/* custom-flipBox-01 */
.custom-flipBox-01 {
    -webkit-perspective: 1000;
    perspective: 1000;
    overflow: visible;
    margin-bottom: 35px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: z-index 750ms ease;
    transition: z-index 750ms ease;
    display: flex;
    opacity: 1;
    z-index: 0;
}

.row-flipBox-01 {
    row-gap: 35px;
}

.row-flipBox-01 .custom-flipBox-01 {
    height: 100%;
    margin-bottom: 0;
}

.custom-flipBox-01 .front,
.custom-flipBox-01 .back {
    -webkit-transition: all 750ms ease 0s;
    transition: all 750ms ease 0s;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    flex: 0 0 100%;
    width: 100%;
    padding: 20px;
    border-radius: 15px;
    background: var(--accent-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}

.custom-flipBox-01.accentColor .front,
.custom-flipBox-01.accentColor .back {
    background: var(--accent-color);
}

.custom-flipBox-01.accentColor2 .front,
.custom-flipBox-01.accentColor2 .back {
    background: var(--accent-color2);
}

.custom-flipBox-01.accentColor3 .front,
.custom-flipBox-01.accentColor3 .back {
    background: var(--accent-color3);
}

.custom-flipBox-01 .front {
    position: relative;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}

.custom-flipBox-01 .back {
    z-index: 1;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    color: #FFF;
    margin-left: -100%;
}



.custom-flipBox-01:hover,
.custom-flipBox-01:focus-within {
    z-index: 100;
}

.custom-flipBox-01:hover .front,
.custom-flipBox-01:focus-within .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.custom-flipBox-01:hover .back,
.custom-flipBox-01:focus-within .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}

.custom-flipBox-01 .front .title {
    margin: 0px 0 0;
    color: #fff;
    font-size: var(--font-size-44);
}

@media only screen and (max-width: 991.98px) {
    .custom-flipBox-01 .back {
        padding: 15px;
    }
}

.cell-active .custom-flipBox-01 .front {
    -webkit-transform: rotateY(0deg) translateY(100%) !important;
    transform: rotateY(0deg) translateY(100%) !important;
    margin: 0 !important;
}

.cell-active .custom-flipBox-01 .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
    z-index: 2;
}



/* custom-infoList-01 */
.custom-infoList-01 {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 0 0 0;
}

.custom-infoList-01 .info-item {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.custom-infoList-01 .info-item .pic {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 128px;
    height: 128px;
    background-color: var(--accent-color);
}

.custom-infoList-01 .info-item .content {
    flex-grow: 1;
}

.custom-infoList-01 .info-item .content .title {
    margin-bottom: 8px;
    font-size: 1.375rem;
    line-height: 1.2;
}

.custom-infoList-01 .info-item .content p {
    margin-bottom: 18px;
}

.custom-infoList-01 .info-item .content .title:last-child,
.custom-infoList-01 .info-item .content p:last-child {
    margin-bottom: 0;
}

.custom-infoList-box .custom-infoList-01 .info-item .pic {
    height: 158px;
}

.custom-infoList-box .custom-infoList-01 .info-item h4.title+h4 {
    margin-bottom: 3px;
    margin-top: 15px;
}

@media only screen and (max-width: 767.98px) {
    .custom-infoList-01 .info-item {
        flex-wrap: wrap;
        justify-content: center;
        padding: 30px;
    }

    .custom-infoList-01 .info-item .content {
        width: 100%;
    }
}


/* custom-infoList-02 */
.custom-infoList-02 {
    margin: -10px -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    text-align: center;
    /* 720 ~ 1920 */
    column-gap: clamp(0px, 3.3333333333333335vw + -24px, 40px);
}

.custom-infoList-02 .info-item {
    list-style: none;
    padding: 10px 20px;
}

.custom-infoList-02 .info-item .title {
    margin: 0 0 0;
    font-size: var(--font-size-65);
    line-height: 1.2;
}

.custom-infoList-02 .info-item p:last-child {
    margin-bottom: 0;
}


/* custom-clientList-01 */
.custom-clientList-01 {
    margin: -10px -10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.custom-clientList-01 .client-item {
    list-style: none;
    padding: 10px 10px;
}




/* custom-tab-01 */
.custom-tab-01 {
    --TabButtonWidth: 66%;
}

.custom-tab-01[style*="block;"] {
    display: flex !important;
}

.custom-tab-01 ul.resp-tabs-list {
    margin: 0;
    padding: 0 20px 0 0;
    display: flex;
    flex-direction: column;
    width: var(--TabButtonWidth);
    list-style: none;
    flex-shrink: 0;
}

.custom-tab-01 ul.resp-tabs-list li {
    cursor: pointer;
    position: relative;
    display: block;
    /* 992 ~ 1920 */
    padding: 22px clamp(30px, 5.387931034482758vw + -23.44827586206896px, 80px);
    color: var(--default-color);
    font-size: 1.25rem;
    line-height: 1.6;
    font-weight: 600;
    background-color: transparent;
    border-bottom: 1px solid currentColor;
    transition: all ease-in 200ms;
    outline: 2px dotted transparent;
}

.custom-tab-01 ul.resp-tabs-list li h3 {
    font-size: inherit;
    margin: 0;
}

.custom-tab-01 ul.resp-tabs-list li:first-child {
    border-top: 1px solid currentColor;
}

html.html-night .custom-tab-01 ul.resp-tabs-list li {
    color: #ffffff;
}

.custom-tab-01 ul.resp-tabs-list li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--accent-color);
    transition: all ease-in 200ms;
    opacity: 0;
}

.custom-tab-01 ul.resp-tabs-list li:hover::after,
.custom-tab-01 ul.resp-tabs-list li.resp-tab-active::after {
    opacity: 0.12;
}

.custom-tab-01 .resp-tabs-container {
    padding-left: clamp(30px, 5.387931034482758vw + -23.44827586206896px, 80px);
}

.custom-tab-01 h2.resp-accordion,
.custom-tab-01 h3.resp-accordion,
.custom-tab-01 .resp_container {
    display: none;
}

.custom-tab-01 .resp-tab-content .resp_margin {
    margin: 0 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.custom-tab-01 .resp-tab-content ul {
    list-style: none;
    margin: 0;
    padding-top: 5px;
}

.custom-tab-01 .resp-tab-content ul li {
    font-size: 1rem;
    line-height: 36px;
}

.custom-tab-01 .resp-tab-content ul li .sico,
.custom-tab-01 .resp-tab-content ul li .icon-svg {
    margin-right: 12px;
    vertical-align: middle;
    margin-bottom: 0px;
}

@media only screen and (max-width:991.98px) {
    .custom-tab-01 ul.resp-tabs-list {
        display: none;
    }

    .custom-tab-01 h2.resp-accordion,
    .custom-tab-01 h3.resp-accordion {
        position: relative;
        display: block;
        border: 1px solid #e1e1e1;
        border-bottom: none;
        font-size: 1.25rem;
        line-height: 1.6;
        font-weight: 600;
        padding: 20px 40px 20px 20px;
        cursor: pointer;
        margin: 0;
        color: var(--default-color);
        transition: background-color ease-in 200ms;
        -webkit-transition: background-color ease-in 200ms;
    }

    .custom-tab-01 .resp-arrow {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
    }

    .custom-tab-01 .resp-arrow:after,
    .custom-tab-01 .resp-arrow:before {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        z-index: 1;
    }

    .custom-tab-01 .resp-arrow:before {
        width: 12px;
        height: 2px;
        background: #424242;
        margin: -1px 0 0 -12px;
    }

    .custom-tab-01 .resp-arrow:after {
        width: 2px;
        height: 12px;
        background: #424242;
        margin: -6px 0 0 -7px;
        opacity: 1;
    }

    .custom-tab-01 .resp-tab-active .resp-arrow:before,
    .custom-tab-01 .resp-tab-active .resp-arrow:after {
        background: #FFF;
    }

    .custom-tab-01 .resp-tab-active .resp-arrow:after {
        opacity: 0;
    }

    .custom-tab-01 .resp-accordion .sico,
    .custom-tab-01 .resp-accordion .icon-svg {
        font-size: 1.2em;
        margin-right: 12px;
        vertical-align: middle;
    }

    .custom-tab-01 .resp-accordion:hover {
        background: #eeeeee;
        color: #333333;
    }

    .custom-tab-01 .resp-tab-active,
    .custom-tab-01 .resp-tab-active:hover {
        background: var(--accent-color);
    }

    .custom-tab-01 h2.resp-accordion.resp-tab-active,
    .custom-tab-01 h2.resp-accordion.resp-tab-active .sico,
    .custom-tab-01 h2.resp-accordion.resp-tab-active .icon-svg,
    .custom-tab-01 h3.resp-accordion.resp-tab-active,
    .custom-tab-01 h3.resp-accordion.resp-tab-active .sico,
    .custom-tab-01 h3.resp-accordion.resp-tab-active .icon-svg {
        color: #FFF !important;
    }

    .custom-tab-01 .resp-tabs-container {
        width: 100%;
        margin: 0;
        padding: 0;
        border-radius: 0px;
        border: none;
        border-bottom: 1px solid #e1e1e1;
    }

    .custom-tab-01 .resp-tabs-container .resp_margin {
        min-height: auto !important;
        padding: 20px;
        margin: 0px;
    }

    .custom-tab-01 .resp-tab-content {
        border: 1px solid #e1e1e1;
        border-bottom: none;
        width: auto !important;
        padding: 0px;
        margin-bottom: 0px;
        clear: both;
        display: none;
    }

}

.is-box-slider.is-box .is-container{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.is-box-slider.is-box .is-container .row,
.is-box-slider.is-box .is-container .row > div{
    position: static !important;
    padding: 0 !important;
    margin: 0 !important;
}

@media only screen and (min-width:992px) {

    .is-box-slider.is-box .easy-slider01{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .is-box-slider.is-box .easy-slider01 .carousel-wrapper{
        height: 100%;
    }
    .is-box-slider.is-box .easy-slider01 .carousel-item,
    .is-box-slider.is-box .easy-slider01 .carousel-item .pic{
        position: relative;
        height: 100%;
    }
    .is-box-slider.is-box .easy-slider01 .carousel-item a{
        position: static;
    }
    .is-box-slider.is-box .easy-slider01 .carousel-item img{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
}

.easy-slider01.easy-carousel .carousel-navigation{
    color: #FFF;
}
.easy-slider01.easy-carousel .carousel-pagination{
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    text-align: center;
    width: 100%;
}
.easy-slider01.easy-carousel .carousel-pagination .pagination-bullet{
    color: #FFF;
}
.easy-slider01.easy-carousel .carousel-pagination .pagination-bullet.active{
    box-shadow: none;
}

.banner-media-box{
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 15px;
    width: calc(100% + 70px);
    margin-right: -70px; 
}
@media only screen and (max-width: 991px) {

    .banner-media-box{
        width: 100%;
        margin-right: 0px; 
    }
}