
@keyframes pulse{
    from{
        box-shadow:0 0 0 0 #fff
    }
}
.custom-hr{
    border-bottom:1px solid #E6E6E6;
    margin:0 auto;
    max-width:892px;
    padding-top: 45px;
}
.hero-sec{
    padding:32px 0;
    overflow:hidden;
    background-color:var(--blue-light)
}
.hero-sec .content-warpper{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%
}
.hero-sec .content-warpper .main-title{
    font-size:64px
}
.hero-sec .content-warpper .lead{
    margin-bottom:10px
}
.default-sec.bg-blue-light .main-title.text-center {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    line-height: 48px;
    padding-bottom: 30px;
}
.default-sec.bg-blue-light .content-wrapper.d-flex.gap-2.mb-2 img {
    width: 45px;
    height: 45px;
}
.default-sec.bg-blue-light .col-lg-6 {
    padding-left: unset;
    padding-right: unset;
}
.default-sec.why-us-sec .main-title.text-center {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    line-height: 48px;
    padding-bottom: 40px;
}
.default-sec.bg-blue-light .content-wrapper.d-flex.gap-2.mb-2 div {
    padding-left: 20px;
    font-family: "Intro-Regular", sans-serif;
}
.default-sec.bg-blue-light .mb-2 {
    font-size: 36px;
    font-family: 'Intro-bold', sans-serif;
    line-height: 48px;
    color:#063081;
}
.default-sec.bg-blue-light .text-primary.fs-18.d-block.mb-2 {
    color:#ED1B24!important;
    font-size: 18px;
    line-height: 1.5;
}
.default-sec.bg-blue-light .card-title.fw-bold.mb-1 {
    font-size: 22px;
    color: #050505;
    padding-left: unset !important;
    font-weight: 600;
}
.why-us-sec .icons-list{
    display:flex;
    gap:30px;
    flex-direction:column;
    position:relative
}
.why-us-sec .icons-list::before{
    content:"";
    position:absolute;
    width:161px;
    height:718px;
    background-image:url("/media/video_brochure_guide/why-us-stroke.webp");
    left:40px;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
    background-size:contain
}
.why-us-sec .icons-list .list-items{
    display:flex;
    padding:10px 20px 10px 10px;
    border-radius:60px;
    background-color:#EFF7FD;
    gap:16px;
    max-width:490px;
    z-index: 1;
}
.why-us-sec .icons-list .list-items img {
    width: 106px;
    height: 106px;
}
.why-us-sec .icons-list .list-items .d-block.fs-20.intro-bold.mb-1 {
    margin-bottom: 16px !important;
    font-size: 20px;
    font-family: 'Intro-bold';
}
.why-us-sec .icons-list .list-items .mb-0 {
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    font-family: 'Intro-Regular', sans-serif;
}
.why-us-sec .icons-list .list-items:nth-child(2){
    transform:translateX(100px)
}
.why-us-sec .icons-list .list-items:nth-child(3){
    transform:translateX(170px)
}
.why-us-sec .icons-list .list-items:nth-child(4){
    transform:translateX(100px)
}

.brands-sec .brand-slider .slick-slide{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0 clamp(20px,5vw,60px);
    height:100px
}
.brands-sec .brand-slider .slider-item img{
    max-width:222px;
    height:auto;
    width:auto;
    max-height:100px
}
.brands-sec.overflow-hidden .main-title {
    text-align: center;
    padding-top: 60px;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    height: 100px;
    margin-bottom: 60px!important;
}
.default-sec.success-stories-sec .main-title {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    height: 50px;
}
.success-stories-sec .card .img-wrapper{
    height:240px
}
.success-stories-sec .card .img-wrapper img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center
}
.success-stories-sec .card .card-title{
    font-weight:bold;
    margin-bottom:6px;
    color:#4e4e4e;
    font-size: 22px;
    line-height: 32px;
}
.success-stories-sec .card p{
    color:#404040
}
.success-stories-sec .card .btn{
    font-weight:400
}
.default-sec.bg-blue-light .main-title.mb-2 {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    line-height: 48px;
    padding-bottom: 20px;
}
.default-sec.bg-blue-light .col-lg-4.col-md-6 .main-title {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    height: 130px;
    line-height: 48px;
    text-align: left;
}
.default-sec.bg-blue-light .card {
    background: #EFF7FD;
    padding: 38px 32px;
    border-radius: 12px;
}
.featured-sec .table-wrapper{
    overflow:auto
}
.featured-sec .table{
    border-collapse:separate;
    border: unset!important;
    font-family: 'Intro-Regular', sans-serif;
}
.featured-sec .table th {
    border-top: unset!important;
    background-color: #EFF7FD;
}
.featured-sec .table th{
    font-size:clamp(16px,2vw,30px);
    font-weight:bold;
    padding:clamp(6px,2vw,18px) clamp(10px,2vw,40px)
}
.featured-sec .table th:nth-child(1){
    width:30%;
    vertical-align: middle;
    color:#404040;
}
.featured-sec .table tbody {
    color:#404040;
}
.featured-sec .table th:nth-child(2){
    width:35%;
    padding:0;
    background:#daefff;
    border-left: 1px solid #063081;
    border-right: 1px solid #063081;
    border-top: 1px solid #063081;
    border-radius:12px 12px 0px 0px;
}
.featured-sec .table th:nth-child(2)>div{
    padding:clamp(6px,2vw,18px) clamp(10px,2vw,40px);
    background-color:#daefff;
    border-radius:12px 12px 0px 0px;
    border-bottom:0;
    border-top:1px solid #063081;
}
.featured-sec .table th:nth-child(3){
    width:35%;
    vertical-align: middle;
    color:#404040;
}
.featured-sec .table tbody tr:last-child td:nth-child(2){
    border-radius:0 0 12px 12px;
    border-bottom:1px solid var(--blue)
}
.default-sec.featured-sec.bg-blue-light .d-flex.gap-1 {
    gap: 20px;
}
.featured-sec .table tbody tr td{
    border-top:1px solid #d5d5d5;
    padding: clamp(6px, 2vw, 18px) clamp(10px, 26px, 40px);
    background-color:#EFF7FD;
}
.featured-sec .table tbody tr td:nth-child(2){
    background-color:#daefff;
    border:1px solid var(--blue);
    border-top:1px solid #d5d5d5;
    border-bottom:1px solid #daefff
}
.featured-sec .table tbody tr td span{
    font-size:clamp(8px,2vw,20px)
}
.faq-sec .container .main-title {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    line-height: 48px;
    padding-top: 70px;
}
.faq-sec .container .mb-0 {
    font-size: 18px;
    font-family: 'Intro-Regular', sans-serif;
    line-height: 1.5;
    color: #404040;
}
.featured-sec .table tbody tr td span.title{
    font-size:clamp(12px,2vw,24px);
    font-weight:600
}
.featured-sec .table tbody tr td p{
    font-size:clamp(8px,2vw,14px)
}
.feature-sec .main-wrapper{
    display:flex;
    justify-content:space-between
}
.feature-sec .main-wrapper .icon-box{
    padding-right:20px;
    position:relative;
    flex:1
}
.feature-sec .main-wrapper .icon-box:last-child{
    padding-left:120px
}
.feature-sec .main-wrapper .icon-box:last-child::before{
    display:none
}
.feature-sec .main-wrapper .icon-box::before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    background-color:var(--gray-light);
    width:1px;
    height:60%
}
.feature-sec .main-wrapper .icon-box li{
    display:flex;
    gap:16px;
    padding-bottom:30px;
    margin-bottom:30px;
    position:relative;
    align-items:start
}
.feature-sec .main-wrapper .icon-box li::before{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    background-color:var(--gray-light);
    width:60%;
    height:1px
}
.feature-sec .main-wrapper .icon-box li:last-child{
    padding-bottom:0;
    margin-bottom:0
}
.feature-sec .main-wrapper .icon-box li:last-child::before{
    display:none
}
.faq-sec .accordion .accordion-item{
    background-color:var(--blue-light);
    border-radius:16px;
    margin-bottom:16px;
    border:1px solid var(--blue-light)
}
.faq-sec .accordion .accordion-item:last-child{
    margin-bottom:0
}
.faq-sec .accordion .accordion-item:last-child{
    margin-bottom:0
}
.faq-sec .accordion .accordion-item.active{
    background-color:#d9efff;
    border:1px solid var(--blue)
}
.faq-sec .accordion .accordion-item.active .accordion-header .icon .minus{
    display:block
}
.faq-sec .accordion .accordion-item.active .accordion-header .icon .plus{
    display:none
}
.faq-sec .accordion .accordion-item:hover{
    background-color:#d9efff
}
.faq-sec .accordion .accordion-item .accordion-header{
    padding:24px 46px 24px 24px;
    position:relative;
    cursor:pointer;
    font-size:22px
}
.faq-sec .accordion .accordion-item .accordion-header .icon{
    position:absolute;
    top:50%;
    right:30px;
    transform:translate(0, -50%);
    transition:.4s;
    font-size:30px
}
.faq-sec .accordion .accordion-item .accordion-header .icon .minus{
    display:none!important;
}
.faq-sec .accordion .accordion-item .accordion-content{
    display:none;
    padding:24px;
    padding-top:0
}
.faq-sec .accordion .accordion-item .accordion-content.show{
    display:block
}
@media(max-width: 1350px){
    .feature-sec .main-wrapper .icon-box:last-child{
        padding-left:50px
    }
}
@media(max-width: 1340px){
    .why-us-sec .icons-list{
        gap:20px
    }
    .why-us-sec .icons-list::before{
        content:"";
        position:absolute;
        width:161px;
        height:718px;
        background-image:url("/media/video_brochure_guide/why-us-stroke.webp");
        left:40px;
        top:50%
    }
    .why-us-sec .icons-list .list-items:nth-child(2){
        transform:translateX(60px)
    }
    .why-us-sec .icons-list .list-items:nth-child(3){
        transform:translateX(100px)
    }
    .why-us-sec .icons-list .list-items:nth-child(4){
        transform:translateX(60px)
    }
}
@media(max-width: 1240px){
    .why-us-sec .icons-list{
        gap:20px
    }
    .why-us-sec .icons-list::before{
        height:600px;
        width:160px
    }
    .why-us-sec .icons-list .list-items:nth-child(2){
        transform:translateX(40px)
    }
    .why-us-sec .icons-list .list-items:nth-child(3){
        transform:translateX(60px)
    }
    .why-us-sec .icons-list .list-items:nth-child(4){
        transform:translateX(40px)
    }
}
@media(max-width: 992px){
    .hero-sec{
        padding:60px 0
    }
    .hero-sec .content-warpper{
        padding:0
    }
    .hero-sec .content-warpper .main-title{
        font-size:46px
    }
    .why-us-sec .icons-list{
        gap:20px
    }
    .why-us-sec .icons-list::before{
        height:calc(100% - 40px);
        width:12px;
        background-color:var(--gray-light);
        background-image:unset;
        left:52px
    }
    .why-us-sec .icons-list .list-items{
        transform:unset !important;
        max-width:unset
    }
    .feature-sec .main-wrapper .icon-box img{
        width:46px;
        height:auto
    }
    .feature-sec .main-wrapper .icon-box .h4{
        font-size:20px
    }
    .feature-sec .main-wrapper .icon-box::before{
        display:none
    }
    .feature-sec .main-wrapper .icon-box:last-child{
        padding-left:0;
        margin-bottom:0
    }
    .feature-sec .main-wrapper .icon-box li{
        width:fit-content;
        position:relative;
        padding-bottom:20px;
        margin-bottom:20px
    }
    .feature-sec .main-wrapper .icon-box li::before{
        left:56px;
        transform:unset;
        width:150px
    }
}
@media(max-width: 768px){
    .hero-sec{
        padding:45px 0
    }
    .hero-sec .content-warpper{
        align-items:center;
        text-align:center
    }
    .hero-sec .content-warpper .main-title{
        font-size:36px
    }
    .media-sec .media-slider .slider-item .img,.media-sec .media-slider .slider-item .video{
        height:260px
    }
    .featured-sec .table tbody td>div{
        flex-direction:column;
        align-items:center
    }
    .featured-sec .table .icon{
        height:12px;
        width:12px
    }
    .feature-sec .main-wrapper{
        flex-direction:column
    }
    .feature-sec .main-wrapper .icon-box:first-child li{
        margin-bottom:20px;
        padding-bottom:20px
    }
    .feature-sec .main-wrapper .icon-box:first-child li::before{
        display:block
    }
    .brands-sec .brand-slider .slick-slide{
        width:160px
    }
    .brands-sec .brand-slider .slick-slide img{
        width:100%
    }
}
@media(max-width: 576px){
    .brands-sec .brand-slider .slick-slide{
        width:140px
    }
    .why-us-sec .icons-list::before{
        left:46px
    }
    .why-us-sec .icons-list .list-items img{
        width:80px;
        height:80px
    }
    .faq-sec .accordion .accordion-item .accordion-header{
        padding:24px 36px 24px 24px;
        font-size:18px
    }
    .faq-sec .accordion .accordion-item .accordion-header .icon{
        right:20px
    }
    .faq-sec .accordion .accordion-item .accordion-content{
        padding:0 20px 20px
    }
}
/*# sourceMappingURL=buyer-guide.css.map */
 .feature-sec .main-wrapper{
    display:flex;
    justify-content:space-between
}
.feature-sec .main-wrapper .icon-box{
    padding-right:20px;
    position:relative;
    flex:1
}
.feature-sec .main-wrapper .icon-box:last-child{
    padding-left:80px
}
.feature-sec .main-wrapper .icon-box:last-child::before{
    display:none
}
.feature-sec .main-wrapper .icon-box::before{
    content:"";
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    background-color:#E6E6E6;
    width:1px;
    height:60%
}
.feature-sec .main-wrapper .icon-box li{
    display:flex;
    gap:16px;
    padding-bottom:30px;
    margin-bottom:30px;
    position:relative
}
.feature-sec .main-wrapper .icon-box li::before{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    background-color:#E6E6E6;
    width:60%;
    height:1px
}
.feature-sec .main-wrapper .icon-box li:last-child{
    padding-bottom:0;
    margin-bottom:0
}
.feature-sec .main-wrapper .icon-box li:last-child::before{
    display:none
}
.faq-sec .accordion .accordion-item{
    background-color:#EFF7FD;
    border-radius:16px;
    margin-bottom:16px;
    border:1px solid #EFF7FD;
}
.faq-sec .accordion .accordion-item:last-child{
    margin-bottom:0
}
.faq-sec .accordion .accordion-item:last-child{
    margin-bottom:0
}
.faq-sec .accordion .accordion-item.active{
    background-color:#d9efff;
    border:1px solid var(--blue)
}
.faq-sec .accordion .accordion-item.active .accordion-header .icon .minus{
    display:block!important;
}
.faq-sec .accordion .accordion-item.active .accordion-header .icon .plus{
    display:none!important;
}
.faq-sec .accordion .accordion-item .accordion-header{
    padding:24px;
    position:relative;
    cursor:pointer;
    font-size:clamp(20px,2vw,22px);
    font-family: "Intro-Regular", sans-serif;
    color: #404040;
}
.faq-sec .accordion .accordion-item .accordion-content{
    display:none;
    padding:24px;
    padding-top:0
}
.faq-sec .accordion .accordion-item .accordion-content.show{
    display:block;
    font-family: "Intro-Regular", sans-serif;
    color: #404040;
}
@media(max-width: 1350px){
    .feature-sec .main-wrapper .icon-box:last-child{
        padding-left:50px
    }
}
@media(max-width: 992px){
    .feature-sec .main-wrapper .icon-box img{
        width:40px;
        height:40px
    }
    .feature-sec .main-wrapper .icon-box .h4{
        font-size:20px
    }
    .feature-sec .main-wrapper .icon-box::before{
        display:none
    }
    .feature-sec .main-wrapper .icon-box:last-child{
        padding-left:0;
        margin-bottom:0
    }
    .feature-sec .main-wrapper .icon-box li{
        width:fit-content;
        position:relative;
        padding-bottom:20px;
        margin-bottom:20px
    }
    .feature-sec .main-wrapper .icon-box li::before{
        left:56px;
        transform:unset;
        width:150px
    }
}
@media(max-width: 768px){
    .feature-sec .main-wrapper{
        flex-direction:column
    }
    .feature-sec .main-wrapper .icon-box:first-child li{
        margin-bottom:20px;
        padding-bottom:20px
    }
    .feature-sec .main-wrapper .icon-box:first-child li::before{
        display:block
    }
}
/*# sourceMappingURL=buyer-guide-1.css.map */
 .hero-sec{
    padding:32px 0;
    overflow:hidden;
    background-color:var(--blue-light)
}
.hero-sec .content-warpper{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
    height:100%
}
.hero-sec .content-warpper .main-title{
    font-size:clamp(40px,5vw,60px);
    font-family: 'Intro-bold';
    line-height: 64px;
}
.hero-sec .content-warpper .lead{
    margin-bottom: 30px;
    font-weight: 600;
    color: #404040;
    margin-bottom: 20px!important;
}
.default-sec.bg-blue-light .card .card-title.d-block.mb-2{
    margin-bottom: 16px !important;
    color: #050505;
    font-size: 22px;
    font-weight: 400;
    font-family: "Intro-Regular", sans-serif;
    padding-top: 10px;
}
.hero-sec .sec-img{
    border-radius:20px
}
.gallery-sec .gallery-card{
    border:1px solid #ebebeb;
    border-radius:7px;
    overflow:hidden;
    position:relative;
    display:block
}
.gallery-sec .gallery-card .content-wrapper{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:end;
    flex-direction:column;
    padding:10px 12px
}
.gallery-sec .gallery-card .content-wrapper .card-title{
    font-size:clamp(16px,2vw,24px);
    color:#464646;
    font-weight:bold;
    text-transform:capitalize
}
.gallery-sec .gallery-card .content-wrapper .card-text{
    color:var(--gray)
}
.gallery-sec .sidebar{
    padding:33px 16px;
    position:sticky;
    top:40px
}
.gallery-sec .sidebar .accordion-header .icon{
    display:none
}
.gallery-sec .sidebar .title{
    font-size:20px
}
.gallery-sec .sidebar ul li{
    margin-bottom:10px;
    font-size:18px
}
@media(max-width: 992px){
    .gallery-sec .sidebar{
        padding:12px 16px
    }
    .gallery-sec .sidebar .title{
        font-size:18px
    }
    .gallery-sec .sidebar .accordion-header{
        display:flex;
        align-items:center;
        justify-content:space-between
    }
    .gallery-sec .sidebar .accordion-header.active .icon{
        transform:rotate(180deg)
    }
    .gallery-sec .sidebar .accordion-header .icon{
        display:block;
        transition:.3s
    }
    .gallery-sec .sidebar .accordion-content{
        display:none
    }
    .gallery-sec .sidebar .accordion-content.active{
        display:block
    }
}
/*# sourceMappingURL=gallery.css.map */
 /* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←'!important;
    position: relative;
    bottom: 8px;
    left: 3px;
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→'!important;
    bottom: 8px;
    right: 1px;
    position: relative;
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.btn.no-arrow{
    padding:12px 16px
}
.btn.no-arrow::before{
    display:none
}
.btn.wide-padding{
    padding:12px 40px
}
.btn.btn-sm{
    padding:12px 18px;
    font-size:14px;
    transition:.3s
}
.btn.btn-sm::before{
    display:none
}
.btn-primary{
    color:#fff;
    background-color:var(--primary);
    position:relative
}
.btn-outline{
    color:var(--blue);
    border:1px solid var(--blue);
    font-weight:400
}
.btn-outline:hover{
    background-color:var(--blue);
    color:#fff
}
.btn-outline.btn-red{
    color:var(--primary);
    border-color:var(--primary)
}
.btn-outline.btn-red:hover{
    background-color:var(--primary);
    color:#fff
}
.btn-outline.btn-red:hover::before{
    filter:invert(1) brightness(999)
}
.btn-outline.btn-red::before{
    background-image:url("/media/video_brochure_guide/icons/red-arrow.svg")
}
.btn-outline::before{
    background-image:url("/media/video_brochure_guide/icons/outline-btn-arrow.svg")
}
.btn-primary-underline{
    color:var(--primary);
    border-bottom:2px solid var(--primary)
}
@media(max-width: 576px){
    .btn{
        font-size:16px;
        padding:10px 46px 10px 14px
    }
    .btn.wide-padding{
        padding:10px 30px
    }
}
.row{
    display:flex;
    flex-wrap:wrap;
    margin-top:calc(-1*var(--gutter-y));
    margin-right:calc(-0.5*var(--gutter-x));
    margin-left:calc(-0.5*var(--gutter-x))
}
.row>*{
    flex-shrink:0;
    width:100%;
    max-width:100%;
    padding-right:calc(var(--gutter-x)*.5);
    padding-left:calc(var(--gutter-x)*.5);
    margin-top:var(--gutter-y)
}
.d-none{
    display:none
}
.d-block{
    display:block
}
.container{
    width:100%;
    padding-right:20px;
    padding-left:20px
}
.show-line-1{
    -webkit-box-orient:vertical;
    display:-webkit-box !important;
    overflow:hidden;
    -webkit-line-clamp:1
}
.show-line-2{
    -webkit-box-orient:vertical;
    display:-webkit-box !important;
    overflow:hidden;
    -webkit-line-clamp:2
}
.show-line-3{
    -webkit-box-orient:vertical;
    display:-webkit-box !important;
    overflow:hidden;
    -webkit-line-clamp:3
}
.show-line-4{
    -webkit-box-orient:vertical;
    display:-webkit-box !important;
    overflow:hidden;
    -webkit-line-clamp:4
}
.show-line-5{
    -webkit-box-orient:vertical;
    display:-webkit-box !important;
    overflow:hidden;
    -webkit-line-clamp:5
}
.col-1{
    flex:0 0 auto;
    width:calc(1/12*100%)
}
.col-2{
    flex:0 0 auto;
    width:calc(2/12*100%)
}
.col-3{
    flex:0 0 auto;
    width:calc(3/12*100%)
}
.col-4{
    flex:0 0 auto;
    width:calc(4/12*100%)
}
.col-5{
    flex:0 0 auto;
    width:calc(5/12*100%)
}
.col-6{
    flex:0 0 auto;
    width:calc(6/12*100%)
}
.col-7{
    flex:0 0 auto;
    width:calc(7/12*100%)
}
.col-8{
    flex:0 0 auto;
    width:calc(8/12*100%)
}
.col-9{
    flex:0 0 auto;
    width:calc(9/12*100%)
}
.col-10{
    flex:0 0 auto;
    width:calc(10/12*100%)
}
.col-11{
    flex:0 0 auto;
    width:calc(11/12*100%)
}
.col-12{
    flex:0 0 auto;
    width:calc(12/12*100%)
}
.g-0,.gx-0{
    --gutter-x: 0
}
.g-0,.gy-0{
    --gutter-y: 0
}
.g-1,.gx-1{
    --gutter-x: 8px
}
.g-1,.gy-1{
    --gutter-y: 8px
}
.g-2,.gx-2{
    --gutter-x: 16px
}
.g-2,.gy-2{
    --gutter-y: 16px
}
.g-3,.gx-3{
    --gutter-x: 20px
}
.g-3,.gy-3{
    --gutter-y: 20px
}
.g-4,.gx-4{
    --gutter-x: 32px
}
.g-4,.gy-4{
    --gutter-y: 32px
}
.g-5,.gx-5{
    --gutter-x: 40px
}
.g-5,.gy-5{
    --gutter-y: 40px
}
@media(min-width: 410px){
    .container{
        margin-right:auto;
        margin-left:auto;
        padding-right:15px;
        padding-left:15px
    }
    .d-xs-block{
        display:block
    }
    .d-xs-flex{
        display:flex
    }
    .col-xs-1{
        flex:0 0 auto;
        width:calc(1/12*100%)
    }
    .col-xs-2{
        flex:0 0 auto;
        width:calc(2/12*100%)
    }
    .col-xs-3{
        flex:0 0 auto;
        width:calc(3/12*100%)
    }
    .col-xs-4{
        flex:0 0 auto;
        width:calc(4/12*100%)
    }
    .col-xs-5{
        flex:0 0 auto;
        width:calc(5/12*100%)
    }
    .col-xs-6{
        flex:0 0 auto;
        width:calc(6/12*100%)
    }
    .col-xs-7{
        flex:0 0 auto;
        width:calc(7/12*100%)
    }
    .col-xs-8{
        flex:0 0 auto;
        width:calc(8/12*100%)
    }
    .col-xs-9{
        flex:0 0 auto;
        width:calc(9/12*100%)
    }
    .col-xs-10{
        flex:0 0 auto;
        width:calc(10/12*100%)
    }
    .col-xs-11{
        flex:0 0 auto;
        width:calc(11/12*100%)
    }
    .col-xs-12{
        flex:0 0 auto;
        width:calc(12/12*100%)
    }
    .g-xs-0,.gx-xs-0{
        --gutter-x: 0
    }
    .g-xs-0,.gy-xs-0{
        --gutter-y: 0
    }
    .g-xs-1,.gx-xs-1{
        --gutter-x: 8px
    }
    .g-xs-1,.gy-xs-1{
        --gutter-y: 8px
    }
    .g-xs-2,.gx-xs-2{
        --gutter-x: 16px
    }
    .g-xs-2,.gy-xs-2{
        --gutter-y: 16px
    }
    .g-xs-3,.gx-xs-3{
        --gutter-x: 20px
    }
    .g-xs-3,.gy-xs-3{
        --gutter-y: 20px
    }
    .g-xs-4,.gx-xs-4{
        --gutter-x: 32px
    }
    .g-xs-4,.gy-xs-4{
        --gutter-y: 32px
    }
    .g-xs-5,.gx-xs-5{
        --gutter-x: 40px
    }
    .g-xs-5,.gy-xs-5{
        --gutter-y: 40px
    }
}
@media(min-width: 576px){
    .container{
        max-width:540px;
        margin-right:auto;
        margin-left:auto;
        padding-right:15px;
        padding-left:15px
    }
    .d-sm-block{
        display:block
    }
    .d-sm-flex{
        display:flex
    }
    .col-sm-1{
        flex:0 0 auto;
        width:calc(1/12*100%)
    }
    .col-sm-2{
        flex:0 0 auto;
        width:calc(2/12*100%)
    }
    .col-sm-3{
        flex:0 0 auto;
        width:calc(3/12*100%)
    }
    .col-sm-4{
        flex:0 0 auto;
        width:calc(4/12*100%)
    }
    .col-sm-5{
        flex:0 0 auto;
        width:calc(5/12*100%)
    }
    .col-sm-6{
        flex:0 0 auto;
        width:calc(6/12*100%)
    }
    .col-sm-7{
        flex:0 0 auto;
        width:calc(7/12*100%)
    }
    .col-sm-8{
        flex:0 0 auto;
        width:calc(8/12*100%)
    }
    .col-sm-9{
        flex:0 0 auto;
        width:calc(9/12*100%)
    }
    .col-sm-10{
        flex:0 0 auto;
        width:calc(10/12*100%)
    }
    .col-sm-11{
        flex:0 0 auto;
        width:calc(11/12*100%)
    }
    .col-sm-12{
        flex:0 0 auto;
        width:calc(12/12*100%)
    }
    .g-sm-0,.gx-sm-0{
        --gutter-x: 0
    }
    .g-sm-0,.gy-sm-0{
        --gutter-y: 0
    }
    .g-sm-1,.gx-sm-1{
        --gutter-x: 8px
    }
    .g-sm-1,.gy-sm-1{
        --gutter-y: 8px
    }
    .g-sm-2,.gx-sm-2{
        --gutter-x: 16px
    }
    .g-sm-2,.gy-sm-2{
        --gutter-y: 16px
    }
    .g-sm-3,.gx-sm-3{
        --gutter-x: 20px
    }
    .g-sm-3,.gy-sm-3{
        --gutter-y: 20px
    }
    .g-sm-4,.gx-sm-4{
        --gutter-x: 32px
    }
    .g-sm-4,.gy-sm-4{
        --gutter-y: 32px
    }
    .g-sm-5,.gx-sm-5{
        --gutter-x: 40px
    }
    .g-sm-5,.gy-sm-5{
        --gutter-y: 40px
    }
}
@media(min-width: 768px){
    .container{
        max-width:720px;
        margin-right:auto;
        margin-left:auto;
        padding-right:15px;
        padding-left:15px
    }
    .d-md-block{
        display:block
    }
    .d-md-flex{
        display:flex
    }
    .col-md-1{
        flex:0 0 auto;
        width:calc(1/12*100%)
    }
    .col-md-2{
        flex:0 0 auto;
        width:calc(2/12*100%)
    }
    .col-md-3{
        flex:0 0 auto;
        width:calc(3/12*100%)
    }
    .col-md-4{
        flex:0 0 auto;
        width:calc(4/12*100%)
    }
    .col-md-5{
        flex:0 0 auto;
        width:calc(5/12*100%)
    }
    .col-md-6{
        flex:0 0 auto;
        width:calc(6/12*100%)
    }
    .col-md-7{
        flex:0 0 auto;
        width:calc(7/12*100%)
    }
    .col-md-8{
        flex:0 0 auto;
        width:calc(8/12*100%)
    }
    .col-md-9{
        flex:0 0 auto;
        width:calc(9/12*100%)
    }
    .col-md-10{
        flex:0 0 auto;
        width:calc(10/12*100%)
    }
    .col-md-11{
        flex:0 0 auto;
        width:calc(11/12*100%)
    }
    .col-md-12{
        flex:0 0 auto;
        width:calc(12/12*100%)
    }
    .g-md-0,.gx-md-0{
        --gutter-x: 0
    }
    .g-md-0,.gy-md-0{
        --gutter-y: 0
    }
    .g-md-1,.gx-md-1{
        --gutter-x: 8px
    }
    .g-md-1,.gy-md-1{
        --gutter-y: 8px
    }
    .g-md-2,.gx-md-2{
        --gutter-x: 16px
    }
    .g-md-2,.gy-md-2{
        --gutter-y: 16px
    }
    .g-md-3,.gx-md-3{
        --gutter-x: 20px
    }
    .g-md-3,.gy-md-3{
        --gutter-y: 20px
    }
    .g-md-4,.gx-md-4{
        --gutter-x: 32px
    }
    .g-md-4,.gy-md-4{
        --gutter-y: 32px
    }
    .g-md-5,.gx-md-5{
        --gutter-x: 40px
    }
    .g-md-5,.gy-md-5{
        --gutter-y: 40px
    }
}
@media(min-width: 992px){
    .container{
        max-width:960px;
        margin-right:auto;
        margin-left:auto;
        padding-right:15px;
        padding-left:15px
    }
    .d-lg-block{
        display:block
    }
    .d-lg-flex{
        display:flex
    }
    .col-lg-1{
        flex:0 0 auto;
        width:calc(1/12*100%)
    }
    .col-lg-2{
        flex:0 0 auto;
        width:calc(2/12*100%)
    }
    .col-lg-3{
        flex:0 0 auto;
        width:calc(3/12*100%)
    }
    .col-lg-4{
        flex:0 0 auto;
        width:calc(4/12*100%)
    }
    .col-lg-5{
        flex:0 0 auto;
        width:calc(5/12*100%)
    }
    .col-lg-6{
        flex:0 0 auto;
        width:calc(6/12*100%)
    }
    .col-lg-7{
        flex:0 0 auto;
        width:calc(7/12*100%)
    }
    .col-lg-8{
        flex:0 0 auto;
        width:calc(8/12*100%)
    }
    .col-lg-9{
        flex:0 0 auto;
        width:calc(9/12*100%)
    }
    .col-lg-10{
        flex:0 0 auto;
        width:calc(10/12*100%)
    }
    .col-lg-11{
        flex:0 0 auto;
        width:calc(11/12*100%)
    }
    .col-lg-12{
        flex:0 0 auto;
        width:calc(12/12*100%)
    }
    .g-lg-0,.gx-lg-0{
        --gutter-x: 0
    }
    .g-lg-0,.gy-lg-0{
        --gutter-y: 0
    }
    .g-lg-1,.gx-lg-1{
        --gutter-x: 8px
    }
    .g-lg-1,.gy-lg-1{
        --gutter-y: 8px
    }
    .g-lg-2,.gx-lg-2{
        --gutter-x: 16px
    }
    .g-lg-2,.gy-lg-2{
        --gutter-y: 16px
    }
    .g-lg-3,.gx-lg-3{
        --gutter-x: 20px
    }
    .g-lg-3,.gy-lg-3{
        --gutter-y: 20px
    }
    .g-lg-4,.gx-lg-4{
        --gutter-x: 32px
    }
    .g-lg-4,.gy-lg-4{
        --gutter-y: 32px
    }
    .g-lg-5,.gx-lg-5{
        --gutter-x: 40px
    }
    .g-lg-5,.gy-lg-5{
        --gutter-y: 40px
    }
}
@media(min-width: 1350px){
    .container{
        max-width:1350px;
        margin-right:auto;
        margin-left:auto;
        padding-right:15px;
        padding-left:15px
    }
    .d-xl-block{
        display:block
    }
    .d-xl-flex{
        display:flex
    }
    .col-xl-1{
        flex:0 0 auto;
        width:calc(1/12*100%)
    }
    .col-xl-2{
        flex:0 0 auto;
        width:calc(2/12*100%)
    }
    .col-xl-3{
        flex:0 0 auto;
        width:calc(3/12*100%)
    }
    .col-xl-4{
        flex:0 0 auto;
        width:calc(4/12*100%)
    }
    .col-xl-5{
        flex:0 0 auto;
        width:calc(5/12*100%)
    }
    .col-xl-6{
        flex:0 0 auto;
        width:calc(6/12*100%)
    }
    .col-xl-7{
        flex:0 0 auto;
        width:calc(7/12*100%)
    }
    .col-xl-8{
        flex:0 0 auto;
        width:calc(8/12*100%)
    }
    .col-xl-9{
        flex:0 0 auto;
        width:calc(9/12*100%)
    }
    .col-xl-10{
        flex:0 0 auto;
        width:calc(10/12*100%)
    }
    .col-xl-11{
        flex:0 0 auto;
        width:calc(11/12*100%)
    }
    .col-xl-12{
        flex:0 0 auto;
        width:calc(12/12*100%)
    }
    .g-xl-0,.gx-xl-0{
        --gutter-x: 0
    }
    .g-xl-0,.gy-xl-0{
        --gutter-y: 0
    }
    .g-xl-1,.gx-xl-1{
        --gutter-x: 8px
    }
    .g-xl-1,.gy-xl-1{
        --gutter-y: 8px
    }
    .g-xl-2,.gx-xl-2{
        --gutter-x: 16px
    }
    .g-xl-2,.gy-xl-2{
        --gutter-y: 16px
    }
    .g-xl-3,.gx-xl-3{
        --gutter-x: 20px
    }
    .g-xl-3,.gy-xl-3{
        --gutter-y: 20px
    }
    .g-xl-4,.gx-xl-4{
        --gutter-x: 32px
    }
    .g-xl-4,.gy-xl-4{
        --gutter-y: 32px
    }
    .g-xl-5,.gx-xl-5{
        --gutter-x: 40px
    }
    .g-xl-5,.gy-xl-5{
        --gutter-y: 40px
    }
}
.text-white{
    color:#fff !important
}
.bg-white{
    background:#fff
}
.text-black{
    color:#000 !important
}
.bg-black{
    background:#000
}
.text-primary{
    color:var(--primary)
}
.bg-primary{
    background-color:var(--primary) !important
}
.text-blue{
    color:var(--blue)
}
.bg-blue-light{
    background-color:#EFF7FD;
}
.text-gray{
    color:var(--gray)
}
.bg-gray{
    background-color:var(--gray)
}
.text-gray-light-1{
    color:var(--gray-ligth-1)
}
*,*::before,*::after{
    box-sizing:border-box
}
body{
    margin:0;
    font-family:var(--font-family);
    font-size:16px;
    font-weight:400;
    line-height:1.5;
    color:var(--gray);
    background-color:#fff;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    text-rendering:optimizeLegibility
}
img{
    max-width:100%
}
h6,.h6,h5,.h5,h4,.h4,h3,.h3,h2,.h2,h1,.h1{
    margin-top:0;
    margin-bottom:.8rem;
    font-family:"Intro-Bold",sans-serif;
    line-height:1.1;
    color:var(--heading-color)
}
h1,.h1{
    font-size:clamp(32px,5vw,60px)
}
h2,.h2{
    font-size:clamp(28px,4.5vw,48px)
}
h3,.h3{
    font-size:clamp(24px,4vw,36px)
}
h4,.h4{
    font-size:clamp(18px,3.5vw,28px)
}
h5,.h5{
    font-size:clamp(18px,3vw,24px)
}
h6,.h6{
    font-size:clamp(16px,2.5vw,22px)
}
p,ul.list-style-disc li,ol.list-style-decimal li,.list-style-check li{
    color:var(--gray-2);
    margin-top:0;
    margin-bottom:1rem;
    font-weight:400;
    line-height:1.5;
    font-size:16px
}
ul.list-style-disc{
    list-style:disc !important;
    padding-left:1.2rem !important;
    margin-bottom:1rem
}
ul.list-style-disc li{
    margin:0 !important;
    color:inherit
}
ul.list-style-disc.font-inherit li{
    font-size:inherit !important
}
ol.list-style-decimal{
    list-style:decimal !important;
    padding-left:1.2rem !important;
    margin-bottom:1rem
}
ol.list-style-decimal li{
    margin:0 !important
}
section{
    padding:var(--section-padding);
    position:relative
}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{
    display:block
}
[tabindex="-1"]:focus{
    outline:none !important
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible;
    opacity:.4
}
abbr[title],abbr[data-original-title]{
    text-decoration:underline;
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted;
    cursor:help;
    border-bottom:0
}
address{
    margin-bottom:1rem;
    font-style:normal;
    line-height:inherit
}
ol,ul,dl{
    margin-top:0;
    margin-bottom:1rem
}
ol,ul{
    padding:0;
    margin:0
}
ol li,ul li{
    list-style:none
}
ol ol,ul ul,ol ul,ul ol{
    margin-bottom:0
}
dt{
    font-weight:bold
}
dd{
    margin-bottom:.5rem;
    margin-left:0
}
blockquote{
    margin:0 0 1rem
}
dfn{
    font-style:italic
}
b,strong{
    font-weight:bolder
}
small{
    font-size:80%
}
sub,sup{
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}
sub{
    bottom:-0.25em
}
sup{
    top:-0.5em
}
a{
    color:var(--primary);
    text-decoration:none;
    background-color:rgba(0,0,0,0);
    transition:.1s ease-in-out
}
a:not([href]):not([tabindex]){
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{
    color:inherit;
    text-decoration:none
}
a:not([href]):not([tabindex]):focus{
    outline:0
}
pre,code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
pre{
    margin-top:0;
    margin-bottom:1rem;
    overflow:auto;
    -ms-overflow-style:scrollbar
}
figure{
    margin:0 0 1rem
}
img{
    vertical-align:middle;
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
table{
    border-collapse:collapse
}
caption{
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#868e96;
    text-align:left;
    caption-side:bottom
}
th{
    text-align:inherit
}
button{
    border:none;
    cursor:pointer
}
button:focus{
    outline:none;
    border:none;
    box-shadow:none
}
input,button,select,optgroup,textarea{
    margin:0;
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html [type=button],[type=reset],[type=submit]{
    -webkit-appearance:button
}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{
    padding:0;
    border-style:none
}
input[type=radio],input[type=checkbox]{
    box-sizing:border-box;
    padding:0
}
input[type=date],input[type=time],input[type=datetime-local],input[type=month]{
    -webkit-appearance:listbox
}
textarea{
    overflow:auto;
    resize:vertical
}
fieldset{
    min-width:0;
    padding:0;
    margin:0;
    border:0
}
legend{
    display:block;
    width:100%;
    max-width:100%;
    padding:0;
    margin-bottom:.5rem;
    font-size:1.5rem;
    line-height:inherit;
    color:inherit;
    white-space:normal
}
progress{
    vertical-align:baseline
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    outline-offset:-2px;
    -webkit-appearance:none
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    font:inherit;
    -webkit-appearance:button
}
output{
    display:inline-block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none !important
}
/*Page specific styles*/
.hero-sec.bg-blue-light .col-xl-5 {
    padding: 0;
}
.default-sec.cards-group-sec.pb-0.overflow-hidden .h2{
    font-size:clamp(28px,4.5vw,48px);
}
.default-sec.bg-blue-light .container p {
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    font-family: "Intro-Regular", sans-serif;
    color: #404040;
    margin-bottom: 36px!important;
}
.default-sec.cards-group-sec.pb-0.overflow-hidden {
    padding-top: 75px;
}
.default-sec.cards-group-sec.pb-0.overflow-hidden .main-title.text-center.mb-2 {
    font-size: 45px;
    font-family: 'Intro-bold';
    height: 50px;
    line-height: unset
}
.default-sec.cards-group-sec.pb-0.overflow-hidden .mb-4.text-center {
    margin-bottom: 30px;
    font-weight: 600;
    color:#404040;
    margin-bottom: 32px !important;
}
.default-sec.success-stories-sec .mb-4.text-center {
    margin-bottom: 30px;
    font-weight: 600;
    color:#404040;
    margin-bottom: 32px !important;
}
.default-sec.success-stories-sec .success-slider .text-primary {
    color:#ed1b24!important;
}
.default-sec.success-stories-sec .success-slider .card {
    height: 100% !important;
    padding: 38px 32px;
    font-family: "Intro-Regular", sans-serif;
    border-radius: 12px;
}
.default-sec.success-stories-sec .success-slider .col-lg-4.col-md-6 {
    padding-left: 10px!important;
    padding-right: 10px!important;
}
.default-sec.success-stories-sec .success-slider {
    padding-bottom: 70px;
}
.default-sec.success-stories-sec .success-slider .learn-more-btn {
    font-size: 14px;
    padding: 12px 16px 12px 16px;
    align-items: center;
    gap: 5px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border-radius: 30px;
    transition: .3s;
    font-weight: 300;
    position: relative;
    max-width: fit-content;
    color: #fff;
    background-color: #ed1b24;
    position: relative;
}
.default-sec.success-stories-sec .success-slider .learn-more-btn:hover {
    filter: brightness(0.9);
    color: #fff;
    background-color: #ed1b24;
}
.default-sec.media-sec .container {
    max-width: unset !important;
    margin: unset !important;
    padding-top: 30px;
}
.default-sec.media-sec .container .main-title {
    text-align: center;
    padding-top: 60px;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    height: 100px;
    margin-bottom: 60px;
}
.default-sec.feature-sec .container .main-title {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
    margin-bottom: 30px!important;
}
.default-sec.media-sec .container .title {
    color:#404040;
    font-family: 'Intro-Bold', sans-serif;
    font-size: 28px;
}
.cards-group-sec .custom-container{
    max-width:1600px;
    margin:0 auto
}
.default-sec.feature-sec .container {
    padding-bottom: 70px;
    padding-left:unset;
    padding-right:unset;
}
.faq-sec {
    padding-bottom: 70px;
}
.default-sec.feature-sec .container .brochure-btn-order {
    font-size:18px;
    padding:12px 46px 12px 16px;
    align-items:center;
    gap:5px;
    line-height:1;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    user-select:none;
    border-radius:30px;
    transition:.3s;
    font-weight:700;
    position:relative;
    max-width:fit-content;
    color: #ed1b24;
    background-color: #EFF7FD;
    position: relative;
    border: 1px solid #ed1b24;
}
.faq-sec .brochure-btn-browse {
    font-size:18px;
    padding:12px 46px 12px 16px;
    align-items:center;
    gap:5px;
    line-height:1;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    user-select:none;
    border-radius:30px;
    transition:.3s;
    font-weight:700;
    position:relative;
    max-width:fit-content;
    color: #ed1b24;
    background-color: #fff;
    position: relative;
    border: 1px solid #ed1b24;
}
.faq-sec .brochure-btn-browse:hover{
    filter:brightness(0.9);
    color: #fff;
    background-color: #ed1b24;
    border: 1px solid #ed1b24;
}
.faq-sec .brochure-btn-browse:hover::before{
    transform:translate(6px, -50%);
    background-image:url("/media/video_brochure_guide/icons/btn-arrow.svg");
}
.faq-sec .brochure-btn-browse::before{
    content:"";
    position:absolute;
    width:15px;
    height:10px;
    top:50%;
    right:20px;
    transform:translate(0%, -50%);
    transition:.3s;
    background-image:url("/media/video_brochure_guide/icons/red-arrow.svg")
}
.default-sec.feature-sec .container .brochure-btn-order:hover{
    filter:brightness(0.9);
    color: #fff;
    background-color: #ed1b24;
    border: 1px solid #ed1b24;
}
.default-sec .container {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: unset;
    padding-right: unset;
}
.default-sec .container.col-lg-6 {
    padding-left: unset;
    padding-right: unset;
}
.default-sec .text-center.mb-5 {
    text-align: center;
    font-size: 46px;
    font-family: 'Intro-bold', sans-serif;
}
.default-sec .content-wrapper.d-flex.justify-content-center.flex-column.h-100 .main-title.mb-3 {
    font-size: 36px;
    color:#063081;
    font-family: 'Intro-Bold', sans-serif;
}
.default-sec .content-wrapper.d-flex.justify-content-center.flex-column.h-100 .mb-3{
    color: #404040;
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    font-family: "Intro-Regular", sans-serif;
}
.default-sec .content-wrapper.content-wrapper.horizontal-lg-right .main-title.mb-3 {
    font-size: 36px;
    color:#063081;
    font-family: 'Intro-Bold', sans-serif;
}
.default-sec .content-wrapper.content-wrapper.horizontal-lg-right .mb-1 {
    color: #404040;
    margin-top: 0;
    margin-bottom: 1rem;
    font-weight: 400;
    line-height: 1.5;
    font-size: 16px;
    font-family: "Intro-Regular", sans-serif;
}
.default-sec .container .col-lg-6.order-lg-2 {
    margin-top: unset;
    padding-top: 10px;
}
.default-sec .container hr {
    border-top: 1px solid #404040;
}
.default-sec .col-lg-6.order-lg-1 {
    margin-top: 110px;
}
.default-sec .col-lg-6.order-lg-1 .content-wrapper.horizontal-lg-right {
    text-align: right;
}
.cards-group-sec .row>div{
    border:.5px solid #fff
}
.cards-group-sec .card-wrapper{
    position:relative;
    overflow:hidden;
    transition:.4s;
    height:100%
}
.cards-group-sec .card-wrapper:hover{
    transform:scale(1.04);
    z-index:999
}
.cards-group-sec .card-wrapper:hover .back-face{
    transform:unset
}
.cards-group-sec .card-wrapper .title{
    font-size:clamp(20px,5vw,28px);
    font-weight:bold;
    margin-bottom:10px;
    line-height: 40px;
}
.cards-group-sec .card-wrapper .front-face{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    background-size:cover;
    padding:45px 60px;
    height:100%;
    font-family: 'Intro-Regular', sans-serif;
}
.cards-group-sec .card-wrapper .back-face{
    transform:translateY(100%);
    display:block;
    position:relative;
    padding:45px 60px;
    min-height:333px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    transition:.4s;
    height:100%
}
.cards-group-sec .card-wrapper .back-face *{
    position:relative;
    z-index:1;
    font-family: 'Intro-Regular', sans-serif;
}
.cards-group-sec .card-wrapper .back-face .bg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0
}
.cards-group-sec .card-wrapper .mb-2{
    margin-bottom: 16px!important;
    line-height: 22px;
    font-weight: 400;
}
.cards-group-sec .card-wrapper .back-face img {
    height: 12px;
    width: 12px;
}
.cards-group-sec .card-wrapper .back-face a {
    gap: 10px;
    color: red !important;
    font-weight: 400;
}
.media-sec .media-slider,.media-sec .media-slider-1{
    width:calc(100vw - 10px - (100vw - 100%)/2)
}
.media-sec .media-slider .slick-slide,.media-sec .media-slider-1 .slick-slide{
    max-width:483px;
    width:calc(100vw - 40px);
    height: 450px;
}
.media-sec .media-slider .slider-item,.media-sec .media-slider-1 .slider-item{
    padding:10px
}
.slider-item a:active {
    text-decoration: none!important;
}
.media-sec .media-slider .slider-item .img,.media-sec .media-slider .slider-item .video,.media-sec .media-slider .slider-item>div,.media-sec .media-slider-1 .slider-item .img,.media-sec .media-slider-1 .slider-item .video,.media-sec .media-slider-1 .slider-item>div{
    border-radius:12px;
    object-fit:contain;
    object-position:center;
    height:300px;
    box-shadow:0px 0px 10px rgba(0,0,0,.1)
}
.media-sec .media-slider .slider-item .title,.media-sec .media-slider-1 .slider-item .title{
    font-size:clamp(20px,4vw,28px);
    margin-top:10px
}
.media-sec .media-slider .slick-arrow,.media-sec .media-slider-1 .slick-arrow{
    color:#000;
    background-color:#fff!important;
    border-radius:50%;
    box-shadow:0px 0px 10px rgba(0,0,0,.4)!important;
    width:36px;
    height:36px;
    z-index:9;
    top:35%;
    transform:translateY(-50%)!important;
    background: #fff!important;
}
.media-sec .media-slider .slick-arrow::before,.media-sec .media-slider-1 .slick-arrow::before{
    color:#000;
    font-size:24px
}
.media-sec .media-slider .slick-arrow.slick-next,.media-sec .media-slider-1 .slick-arrow.slick-next{
    right:20px
}
.media-sec .media-slider .slick-dots,.media-sec .media-slider-1 .slick-dots{
    bottom:-36px
}
.media-sec .media-slider .slick-dots li,.media-sec .media-slider-1 .slick-dots li{
    width:12px;
    height:12px
}
.media-sec .media-slider .slick-dots li.slick-active button,.media-sec .media-slider-1 .slick-dots li.slick-active button{
    background-color:var(--blue)
}
.media-sec .media-slider .slick-dots button,.media-sec .media-slider-1 .slick-dots button{
    background-color:var(--gray-light);
    border-radius:50%;
    width:12px;
    height:12px
}
.media-sec .media-slider .slick-dots button::before,.media-sec .media-slider-1 .slick-dots button::before{
    display:none
}
.default-sec.feature-sec .container .mb-0 {
    font-weight: 600;
    color: #404040;
    margin-bottom: 32px !important;
}
.default-sec.feature-sec .container .main-wrapper.mb-5 .h4 {
    margin-bottom: 8px !important;
    font-family: "Intro-Bold", sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 28px;
}
.default-sec.feature-sec .container .main-wrapper.mb-5 div {
    font-weight: 600;
    color: #404040;
}
/* End page specific styles */

/* Page Buttons */
.brochure-btn-order {
    font-size:18px;
    padding:12px 46px 12px 16px;
    align-items:center;
    gap:5px;
    line-height:1;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    user-select:none;
    border-radius:30px;
    transition:.3s;
    font-weight:700;
    position:relative;
    max-width:fit-content;
    color: #ed1b24;
    background-color: #fff;
    position: relative;
    border: 1px solid #ed1b24;
}
.brochure-btn-order:hover{
    filter:brightness(0.9);
    color: #fff;
    background-color: #ed1b24;
    border: 1px solid #ed1b24;
}
.brochure-btn-order:hover::before{
    transform:translate(6px, -50%);
    background-image:url("/media/video_brochure_guide/icons/btn-arrow.svg");
}
.brochure-btn-order::before{
    content:"";
    position:absolute;
    width:15px;
    height:10px;
    top:50%;
    right:20px;
    transform:translate(0%, -50%);
    transition:.3s;
    background-image:url("/media/video_brochure_guide/icons/red-arrow.svg")
}
.brochure-btn-select{
    font-size:18px;
    padding:12px 46px 12px 16px;
    align-items:center;
    gap:5px;
    line-height:1;
    text-align:center;
    text-decoration:none;
    vertical-align:middle;
    cursor:pointer;
    user-select:none;
    border-radius:30px;
    transition:.3s;
    font-weight:700;
    position:relative;
    max-width:fit-content;
    color: #fff;
    background-color: #ed1b24;
    position: relative;
    margin: unset!important;
}
.brochure-btn-select:hover{
    filter:brightness(0.9);
    color: #fff;
}
.brochure-btn-select:hover::before{
    transform:translate(6px, -50%)
}
.brochure-btn-select::before{
    content:"";
    position:absolute;
    width:15px;
    height:10px;
    top:50%;
    right:20px;
    transform:translate(0%, -50%);
    transition:.3s;
    background-image:url("/media/video_brochure_guide/icons/btn-arrow.svg")
}
/* End Page Buttons */

/* Video Player */
.video-player-wrapper{
    position:relative
}
.video-player-wrapper .video-player{
    position:relative;
    z-index:1
}
.video-player-wrapper .video-player .play-btn{
    position:absolute;
    width:85px;
    height:85px;
    border-radius:50%;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    animation:1.5s pulse infinite;
    box-shadow:0 0 0 14px rgba(0,0,0,0);
    transition:.3s;
    z-index:1;
    display:flex;
    justify-content:center;
    align-items:center
}
.video-player-wrapper .video-player .play-btn img{
    transition:.3s
}
.video-player-wrapper .video-player .play-btn:hover{
    animation:unset;
    background-color:var(--primary)
}
.video-player-wrapper .video-player .play-btn:hover img{
    filter:brightness(0.4)
}
.video-player-wrapper .video-player video{
    border-radius:16px;
    width:100%
}
.video-player-wrapper .video-player>div{
    border-radius:16px;
    overflow:hidden;
    box-shadow:0px 0px 16px rgba(0,0,0,.1)
}
.video-player-wrapper .arrow-obj{
    position:absolute;
    top:calc(100% - 20px);
    left:50%;
    transform:translateX(-50%);
    z-index:0
}
/* End Video Player */
