@import url('css.css');
body
{
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    height: 100%;
    font-family: 'Livvic',sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-black);
    position: relative;
    text-rendering: optimizeLegibility!important;
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
html
{
    position: relative;
    min-height: 100%;
}
html, body
{
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p, a, ul, li, b
{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
ul
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
img
{
    border: none;
    outline: none;
    max-width: 100%;
}
a, button
{
    text-decoration: none;
    border: none;
    outline: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
a:hover, button:hover
{
    text-decoration: none;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
a:active
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}
a:focus, *:focus, button:focus
{
    text-decoration: none;
    outline: none;
}
input, button, textarea, select
{
    outline: none;
    -webkit-appearance: none;
}
.btn.focus, .btn:focus
{
    box-shadow: none;
}
*
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
*
{
    -webkit-appearance: none;
    -moz--appearance: none;
    appearance: none;
    outline: none;
}
.container
{
    max-width: 1170px;
}
:root
{
    --color-red: #f81e1e;
    --color-black: #000;
    --color-grey: #fafafa;
    --color-white: #fff;
    --grey1: #3e3e3e;
}
::-webkit-input-placeholder
{
    color: #696969;
}
:-ms-input-placeholder
{
    color: #696969;
}
::placeholder
{
    color: #696969;
}
.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;
}
h1, .heroSlider__slide h2
{
    font-size: 46px;
    font-weight: bold;
    color: var(--color-white);
}
h2, .contact-sec h1
{
    font-size: 38px;
    font-weight: bold;
    color: var(--color-black);
}
h3
{
    font-size: 32px;
    font-weight: bold;
    color: var(--color-black);
    line-height: 40px;
}
h4
{
    font-size: 25px;
    font-weight: 500;
    color: var(--color-black);
    line-height: 54px;
}
h5
{
    font-size: 22px;
    font-weight: 600;
    color: var(--color-black);
    line-height: 42px;
}
p
{
    font-size: 20px;
    font-weight: normal;
    color: var(--color-black);
    line-height: 38px;
    text-align: justify;
}
header
{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
header .navbar-expand-lg .navbar-nav .nav-link
{
    display: inline-block;
    color: var(--color-white);
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}
.top-head
{
    padding: 5px 80px;
    background: var(--color-red);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top-head marquee
{
    color: #000;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.25;
    width: 60%;
    min-width: 500px;
}
.top-head .social
{
    display: flex;
    align-items: center;
}
.top-head .social li
{
    margin: 0 6px;
}
.top-head .social li:last-child
{
    margin-right: 0;
}
.top-head .social a
{
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid var(--color-white);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-head .social a:hover
{
    opacity: .5;
}
.top-head .social a i
{
    width: 12px;
    height: 12px;
    display: inline-block;
}
.top-head .social a i.linkdin
{
    background: url(../image/in.svg) no-repeat center center;
    background-size: contain;
}
.top-head .social a i.twitter
{
    background: url(../image/tw.svg) no-repeat center center;
    background-size: contain;
}
.top-head .social a i.instagram
{
    background: url(../image/insta.svg) no-repeat center center;
    background-size: contain;
}
.top-head .social a i.facebook
{
    background: url(../image/fb.svg) no-repeat center center;
    background-size: contain;
}
.navbar-brand
{
    padding: 0;
    margin: 0;
    max-width: 100px;
}
header nav.navbar.navbar-expand-lg
{
    padding: 12px 80px;
}
header .navbar-expand-lg .navbar-nav .nav-item
{
    margin-right: 40px;
    position: relative;
}
header .navbar-expand-lg .navbar-nav .nav-item:last-child
{
    margin-right: 0;
}
header .navbar-expand-lg .navbar-nav .nav-item.dropdown
{
    position: relative;
}
header .navbar-collapse .header-bottom .header-bottom-div ul li
{
    overflow: visible;
}
header .header-btn .btn-main:hover>.tooltip-text
{
    margin-top: 0;
}
header .header-btn .btn-main>.tooltip-text::before
{
    top: -3px;
    bottom: auto;
}
header .navbar-expand-lg .navbar-nav .nav-link:hover
{
    color: #fff;
}
.nav ul li .menu:after
{
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,143,28,0);
    border-bottom-color: var(--color-red);
    border-width: 10px;
    margin-left: -10px;
}
header .navbar-expand-lg .navbar-nav .nav-item.dropdown a:after
{
    content: none;
}
.nav ul li .menu a:nth-child(2), .nav ul li .menu a:nth-last-child(2)
{
    height: 35px;
}
.nav ul li .menu a.dropdown-item
{
    padding: 20px 10px;
    color: var(--color-white);
    line-height: 20px;
    text-align: left;
    font-size: 16px;
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    height: auto;
    font-weight: 600;
    justify-content: left;
}
.nav ul li .menu a.dropdown-item img
{
    margin-right: 10px;
}
.nav ul li .menu a.dropdown-item:last-child
{
    padding-top: 0;
}
.nav ul li .menu a.dropdown-item:hover
{
    background: transparent;
    color: var(--color-red);
}
.pos-re
{
    position: relative;
}
header .navbar-expand-lg .navbar-nav .nav-item a:after, header .navbar-expand-lg .navbar-nav .nav-item a:before
{
    transition: all .5s;
}
header .navbar-expand-lg .navbar-nav .nav-item a
{
    position: relative;
    line-height: 36px;
}
header .navbar-expand-lg .navbar-nav .nav-item a:after
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #fff;
    height: 2px;
}
header .navbar-expand-lg .navbar-nav .nav-item>a:hover:after, header .navbar-expand-lg .navbar-nav .nav-item.active>a:after
{
    width: 100%;
}
header .navbar-expand-lg .navbar-nav .nav-item .dropdown-link
{
    padding-right: 20px;
    position: relative;
}
header .dropdown-link:before
{
    content: "";
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    color: var(--color-white);
    top: 11px;
    background: url(../image/dropdown-icon.png) no-repeat;
    background-position: center center;
    background-size: cover;
    filter: invert(1) brightness(1);
}
header .dropdown-menu .dropdown-item
{
    padding: 7px 15px;
    line-height: normal!important;
    transition: all .3s linear;
}
header .dropdown-menu .dropdown-item:hover, header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:active
{
    background: #f3f3f3;
}
header
{
    position: relative;
    z-index: 111;
}
header.nav-up
{
    transform: translateY(-100%);
    transition: all .5s ease;
    background: var(--color-primary);
}
header.nav-down
{
    transform: none;
    transition: all .5s ease;
    background: var(--color-white);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}
header.nav-down .navbar-expand-lg .navbar-nav .nav-link
{
    color: var(--color-black);
}
header.to-top .navbar-expand-lg .navbar-nav .nav-link
{
    color: var(--color-white);
}
header.nav-down .dropdown-link:before
{
    color: var(--color-black);
}
header.to-top .dropdown-link:before
{
    color: var(--color-white);
}
header.nav-down .navbar-expand-lg .navbar-nav .nav-item:last-child a
{
    border-color: var(--color-black);
}
header.to-top .navbar-expand-lg .navbar-nav .nav-item:last-child a
{
    border-color: var(--color-white);
}
header.to-top
{
    background: none;
}
header.nav-down .navbar-brand .logo-red
{
    display: none;
}
header .navbar-brand .logo-white
{
    display: none;
}
header.nav-down .navbar-brand .logo-white
{
    display: block;
}
header.to-top .navbar-brand .logo-red
{
    display: block;
}
header.to-top .navbar-brand .logo-white
{
    display: none;
}
header.inner-header .navbar-brand .logo-red
{
    display: none;
}
header.inner-header .navbar-brand .logo-white
{
    display: block!important;
}
.odfjfuit{
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 23px;
    padding: 12px 20px 12px 48px;
    position: relative;
    min-width: 160px;
}
.odfjfuit .arrow-img
{
    padding-right: 10px;
    position: absolute;
    left: 8px;
    top: 50%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.odfjfuit:hover .arrow-img
{
    left: calc(100% - 38px);
}
.odfjfuit:after
{
    content: none;
}
.odfjfuit:hover
{
    background: var(--color-white);
    color: var(--color-red);
    padding-left: 12px;
    padding-right: 48px;
}
.header-top
{
    padding: 20px 0;
    text-align: center;
}
.navbar-nav
{
    align-items: center;
}
@media(min-width: 992px)
{
    header .navbar-expand-lg .navbar-nav .nav-item a.dropdown:after
    {
        content: none;
    }
    .nav ul li .menu
    {
        position: absolute;
        background: linear-gradient(180deg,rgba(87,87,87,.72) 0%,#2e2e2e 100%);
        top: 100%;
        width: 100%;
        width: 275px;
        left: -70px;
        border-radius: 9px;
        text-align: left;
        height: 0;
        border-radius: 5px;
        transition: height .75s cubic-bezier(.6,.4,.25,.75),background-color 2s;
        overflow: hidden;
    }
    header .navbar-expand-lg .navbar-nav .nav-item.dropdown-mnu:hover .menu
    {
        height: auto;
    }
}
.banner-sec
{
    background: url(../image/banner.webp) no-repeat;
    position: relative;
    background-size: cover;
    padding: 230px 0 110px;
    min-height: 100vh;
}
.banner-sec::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.banner-sec .container
{
    position: relative;
    z-index: 1;
}
.banner-sec h5
{
    color: #fff;
    padding-bottom: 5px;
}
.banner-sec ul li p
{
    color: #fff;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
}
.abt-sec
{
    padding: 65px 0 80px;
}
.abt-sec h2
{
    padding-bottom: 25px;
    text-align: center;
}
.abt-sec p
{
    padding-bottom: 25px;
}
.abt-sec a
{
    color: #000;
    font-weight: bolder;
    transition: all .4s linear;
}
.abt-sec a:hover
{
    color: var(--color-red);
}
.abt-sec ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 100px;
}
.abt-sec ul li
{
    max-width: calc(33.3% - 60px);
    padding: 80px 28px;
    position: relative;
    text-align: center;
    border-radius: 14px;
    background-color: #fafafa;
}
.abt-sec ul li p
{
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    padding-top: 10px;
}
.abt-sec ul li h5
{
    padding-top: 20px;
}
.ico
{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-red);
    border-radius: 100%;
    height: 89px;
    width: 89px;
    border: 2px solid #fff;
    position: relative;
    margin: 0 auto;
    margin-top: -120px;
}
.why-choose-sec
{
    background: url(../image/et-bg.jpg) no-repeat;
    position: relative;
    background-size: cover;
    padding: 70px 0 80px;
}
.why-choose-sec::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}
.why-choose-sec .container
{
    position: relative;
    z-index: 1;
}
.why-choose-sec h2
{
    padding-bottom: 60px;
    text-align: center;
    color: var(--color-white);
}
.why-choose-sec p
{
    color: #c9c9c9;
    line-height: 30px;
}
.why-choose-sec h5
{
    color: var(--color-white);
    padding-bottom: 20px;
    line-height: 32px;
}
.why-choose-sec li
{
    padding-bottom: 45px;
    position: relative;
    padding-left: 35px;
}
.why-choose-sec li::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: url(../image/arrow.svg) no-repeat;
    width: 21px;
    height: 17px;
    background-size: contain;
}
.why-choose-sec li:last-child
{
    padding-bottom: 0;
}
.study-sec
{
    padding: 60px 0;
}
.study-sec h2
{
    text-align: center;
    padding-bottom: 20px;
}
.study-sec ul li .container
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.study-sec .img
{
    width: 50%;
}
.study-sec .con
{
    width: 50%;
    padding-right: 70px;
}
.study-sec ul li:nth-child(2n+2) .con
{
    padding-right: 0;
    padding-left: 70px;
    order: 1;
}
.study-sec .con h3
{
    padding-bottom: 25px;
}
.study-sec .con h4
{
    line-height: 30px;
    font-size: 21px;
    font-weight: 500;
}
.study-sec .con p
{
    padding-bottom: 40px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}
.study-sec .con li
{
    padding-bottom: 4px;
    line-height: 30px;
    font-size: 21px;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    background: transparent!important;
    padding-bottom: 22px;
}
.study-sec .con li::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: url(../image/arrow.svg) no-repeat;
    width: 19px;
    height: 15px;
    background-size: contain;
}
.study-sec .con li a
{
    color: #005bf8;
    text-decoration: underline;
}
.study-sec .con li a:hover
{
    text-decoration: none;
}
.service-sec
{
    padding: 80px 0 30px;
}
.service-sec h2
{
    text-align: center;
    padding-bottom: 40px;
}
.service-sec .d-flex
{
    flex-wrap: wrap;
    margin: 0 -40px;
}
.service-inner-sec
{
    flex: 0 0 50%;
    max-width: 50%;
}
.service-inner-sec>li
{
    padding: 25px 40px;
}
.service-sec h3
{
    padding-bottom: 20px;
    font-weight: 600;
    font-size: 36px;
    line-height: 45px;
}
.service-sec p
{
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 25px;
}
.service-sec .list li
{
    padding-bottom: 0;
    font-size: 16px;
    line-height: 32px;
    padding-left: 30px;
    position: relative;
    background: transparent!important;
}
.service-sec .list li::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: url(../image/arrow.svg) no-repeat;
    width: 19px;
    height: 15px;
    background-size: contain;
}
.service-sec .card .card-header .btn
{
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 20px;
    text-align: left;
    width: 100%;
    background-color: #fafafa;
    border-radius: 10px;
    line-height: 31px;
    color: var(--color-black);
    white-space: normal;
}
.service-sec .card
{
    border: none;
}
.service-sec .card .card-header
{
    border-radius: 0;
    border: none;
    padding: 0;
    background-color: transparent;
}
.service-sec .card .card-header .btn-header-link:after
{
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}
.service-sec .card .card-header .btn-header-link[aria-expanded="false"]:after
{
    content: "";
}
.service-sec .card .card-body
{
    padding: 0;
    padding-top: 22px;
}
.faq-sec
{
    padding: 80px 0;
}
.faq-sec p
{
    font-size: 16px;
    line-height: 21px;
    font-weight: 500;
    color: #656565;
}
.faq-sec .card .card-header .btn
{
    font-size: 21px;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0;
    text-align: left;
    width: 100%;
    border-radius: 0;
    line-height: 31px;
    color: var(--color-black);
    white-space: normal;
}
.faq-sec .card
{
    border: none;
    padding-bottom: 30px;
    border-bottom: 1px solid #bfbfbf;
    border-radius: 0;
    margin-bottom: 30px;
}
.faq-sec .card:last-child
{
    padding-bottom: 0;
    border: none;
}
.faq-sec .card .card-header
{
    border-radius: 0;
    border: none;
    padding: 0;
    background-color: transparent;
}
.faq-sec .card .card-header .btn-header-link:after
{
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
    height: 33px;
    background: var(--color-red);
    color: var(--color-white);
    width: 33px;
    border: 1px solid var(--color-red);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.faq-sec .card .card-header .btn-header-link[aria-expanded="false"]:after
{
    content: "+";
    color: var(--color-red);
    border: 1px solid #000;
    background: var(--color-white);
}
.faq-sec .card .card-body
{
    padding: 0;
    padding-top: 15px;
}
.faq-sec .list li
{
    padding-bottom: 0;
    font-size: 16px;
    line-height: 32px;
    padding-left: 30px;
    position: relative;
    background: transparent!important;
    color: #8a8a8a;
}
.faq-sec .list li::before
{
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    background: url(../image/arrow.svg) no-repeat;
    width: 19px;
    height: 15px;
    background-size: contain;
}
.contact-sec
{
    padding: 225px 0 116px;
}
.contact-sec h1
{
    text-align: center;
    padding-bottom: 46px;
}
.contact-sec .left-content
{
    padding: 80px 0 60px 0;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.contact-sec .left-content .single:first-child
{
    width: 43%;
}
.contact-sec .left-content .single
{
    display: flex;
    max-width: 57%;
    padding: 0 100px;
}
.contact-sec .left-content .icon
{
    height: 54px;
    width: 54px;
    background: var(--color-red);
    border-radius: 50%;
    margin: 7px 17px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-sec .left-content .icon img
{
    width: 26px;
    height: 26px;
    object-fit: contain;
    object-position: center center;
}
.contact-sec .left-content .content
{
    width: calc(100% - 54px - 17px);
}
.contact-sec .left-content h4
{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: 8px;
}
.contact-sec .left-content p, .contact-sec .left-content a
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--grey1);
    margin-bottom: 8px;
}
.contact-sec .right-content
{
    border-radius: 22px;
    background-color: var(--color-grey);
    padding: 62px;
}
.contact-sec .right-content label
{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.25;
    color: var(--color-black);
    margin-bottom: 20px;
}
.contact-sec .right-content .form-control, .contact-sec .right-content select, .contact-sec .right-content textarea
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.27;
    padding: 0 0 16px 0;
    border: 0;
    border-bottom: 1px solid #bababa;
    background: transparent;
    border-radius: 0;
    height: 40px!important;
    width: 100%;
}
.contact-sec .right-content .form-control:focus, .contact-sec .right-content select:focus, .contact-sec .right-content textarea:focus
{
    box-shadow: none;
}
.contact-sec .right-content textarea
{
    resize: none;
    height: 100px;
}
.contact-sec .right-content .form-group
{
    margin-bottom: 60px;
    position: relative;
}
.contact-sec .right-content textarea.form-control
{
    resize: none;
}
.contact-sec .right-content select.form-control
{
    background: url(../image/arrow-down.svg) no-repeat right top 10px;
    background-size: 14px 8px;
    padding-right: 25px;
}
.contact-sec .right-content .number-div
{
    position: relative;
}
.contact-sec .right-content .number-div select
{
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 45px;
    background: transparent;
    padding-right: 0;
}
.contact-sec .right-content .number-div input
{
    padding-left: 35px;
}
.contact-sec .right-content:not(.right-content-new) .common-btn
{
    background: var(--color-red);
    border-radius: 25px;
    color: #fff;
    margin-top: 5px;
    cursor: pointer;
    border: 1px solid var(--color-red);
}
.contact-sec .right-content:not(.right-content-new) .common-btn:hover
{
    background: var(--color-red);
    color: var(--color-white);
}
.contact-sec .right-content .intl-tel-input .selected-flag
{
    width: 30px;
    padding: 0;
}
.contact-sec .right-content .intl-tel-input .selected-flag .iti-arrow
{
    display: none;
}
.contact-sec .right-content .intl-tel-input .selected-flag .iti-flag
{
    margin: 7px 0 0;
}
.contact-sec .right-content .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag
{
    background-color: transparent;
}
.contact-sec .right-content .screen-reader-response
{
    display: none;
}
.contact-sec .right-content .wpcf7-not-valid-tip
{
    color: var(--color-red);
    position: absolute;
    bottom: -18px;
    font-size: 13px;
    line-height: normal;
    left: 15px;
    width: 100%;
}
.contact-sec .right-content .wpcf7-response-output
{
    margin: 10px 0 0;
    color: var(--color-red);
    font-size: 14px;
}
.contact-sec .right-content form.sent .wpcf7-response-output
{
    color: #008b00;
}
.contact-official
{
    padding-top: 50px;
}
.contact-official-grid
{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 100px 1fr;
    grid-template-columns: repeat(2,1fr);
    gap: 100px;
    max-width: 650px;
    margin: 0 auto;
}
.contact-official-img
{
    display: block;
}
footer
{
    background: #000;
    position: relative;
    padding: 0 0 23px 0;
}
footer::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/footer-bg.png) no-repeat;
    background-size: cover;
}
.footer-btm
{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #414141;
    padding-top: 40px;
    margin-top: 20px;
}
footer .container
{
    position: relative;
    z-index: 1;
}
footer .logo
{
    max-width: 140px;
    display: table;
    margin: 0 auto;
    position: relative;
    top: -70px;
}
footer .logo img
{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}
footer ul.link
{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
footer ul.link li
{
    padding: 60px 32px;
    padding-top: 0;
}
footer ul.link li a
{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.25;
    color: var(--color-white);
}
footer ul.link li a:hover
{
    color: var(--color-red);
}
footer .footer-content
{
    display: flex;
    align-items: center;
    flex-direction: column;
}
footer .footer-content ul
{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
footer .footer-content ul li
{
    padding: 0 16px;
    border-right: 1px solid #414141;
}
footer .footer-content ul li:last-child
{
    border: 0;
}
footer .footer-content ul li a
{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    color: #b0b0b0;
}
footer .footer-content ul li a:hover
{
    color: var(--color-white);
}
footer .footer-content p
{
    color: #b0b0b0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
}
footer .footer-social ul
{
    display: flex;
    align-items: center;
}
footer .footer-social ul li
{
    margin: 0 10px;
}
footer .footer-social ul li:last-child
{
    margin-right: 0;
}
footer .footer-social a
{
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: .7px solid var(--color-red);
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .footer-social a:hover
{
    background: var(--color-red);
}
footer .footer-social a i
{
    width: 18px;
    height: 18px;
    display: inline-block;
}
footer .footer-social a i.linkdin
{
    background: url(../image/in.svg) no-repeat center center;
    background-size: contain;
}
footer .footer-social a i.twitter
{
    background: url(../image/tw.svg) no-repeat center center;
    background-size: contain;
}
footer .footer-social a i.instagram
{
    background: url(../image/insta.svg) no-repeat center center;
    background-size: contain;
}
footer .footer-social a i.facebook
{
    background: url(../image/fb.svg) no-repeat center center;
    background-size: contain;
}
.inner-banner-sec
{
    text-align: center;
    min-height: auto;
    padding: 260px 0 155px;
}
img.banner-img
{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.inner-banner-sec h1
{
    font-size: 54px;
    line-height: 68px;
}
.inner-banner-sec p
{
    color: #c9c9c9;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}
.common-btn
{
    line-height: 20px;
    border: 1px solid #fff;
    border-radius: 23px;
    padding: 12px 20px 12px 48px;
    display: inline-block;
    color: var(--color-white);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    position: relative;
    min-width: 160px;
}
.btn-wrap
{
    position: relative;
    display: inline;
}
.common-btn .arrow-img, .btn-wrap .arrow-img
{
    padding-right: 10px;
    position: absolute;
    left: 8px;
    top: 50%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.common-btn:hover .arrow-img, .btn-wrap:hover .arrow-img
{
    left: calc(100% - 38px);
}
.common-btn:hover
{
    background: var(--color-white);
    color: var(--color-red);
    padding-left: 12px;
    padding-right: 48px;
}
.inner-banner-sec .con-sec
{
    position: relative;
    z-index: 9;
    max-width: 810px;
    margin: 0 auto;
    display: table;
}
.app-sec
{
    padding: 150px 0;
}
.app-sec-inner
{
    border-radius: 18px;
    background: linear-gradient(180deg,#ed0e0e 0%,#ae0000 100%);
    display: flex;
    align-items: center;
    padding: 70px;
    position: relative;
    padding-left: 0;
    justify-content: flex-end;
}
.app-sec-inner h2
{
    color: var(--color-white);
}
.app-sec-inner p
{
    color: var(--color-white);
    font-size: 16px;
    line-height: 21px;
    padding-top: 14px;
    padding-bottom: 26px;
}
.app-sec-inner h4
{
    color: var(--color-white);
    line-height: 50px;
    font-weight: 600;
}
.app-sec-inner h5
{
    color: var(--color-white);
    padding-bottom: 22px;
}
.app-sec-inner ul
{
    display: flex;
    flex-wrap: wrap;
}
.app-sec-inner ul li
{
    display: flex;
    flex-flow: column;
    padding-right: 28px;
    justify-content: space-between;
}
.app-sec-rit
{
    max-width: 50%;
}
.app-sec-img
{
    position: absolute;
    left: 0;
    bottom: 0;
}
header.inner-header .navbar-expand-lg .navbar-nav .nav-link
{
    color: var(--color-black);
}
header .navbar-expand-lg .navbar-nav .nav-link:hover
{
    color: var(--color-red);
}
header.inner-header .navbar-expand-lg .navbar-nav .nav-item:last-child a
{
    border-color: var(--color-black);
}
header.inner-header .dropdown-link:before
{
    color: var(--color-black);
}
header .navbar-expand-lg .navbar-nav .nav-item a:after
{
    background: var(--color-red);
}
.reciver-banner
{
    background: url(../image/reciver-banner.webp);
    background-size: cover;
}
.inner-banner-sec.reciver-banner .con-sec
{
    max-width: 715px;
}
.inner-banner-sec::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.reciver-banner::after
{
    background: rgba(0,0,0,.7);
}
.receiver-sec h3
{
    color: var(--color-black);
    font-size: 40px;
    font-weight: 500;
    padding-bottom: 12px;
    line-height: 50px;
}
.receiver-sec h2
{
    text-align: left;
    color: var(--color-black);
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 30px;
    line-height: 60px;
}
.receiver-sec .con
{
    width: 48%;
    padding-right: 28px;
}
.receiver-sec .img
{
    width: 52%;
}
.receiver-sec .img .common-btn
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: rgba(0,0,0,.31);
}
.receiver-sec .img .common-btn:hover
{
    background: var(--color-white);
}
.receiver-sec .img
{
    position: relative;
}
.receiver-sec h5
{
    font-weight: 500;
    color: var(--color-red);
    padding-bottom: 32px;
}
.video-img-wrapper
{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 40% 0;
}
.video-img-wrapper img
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-height: 100%;
    max-width: inherit;
    max-height: inherit;
}
.play-btn
{
    width: 120px;
    height: 120px;
    overflow: visible!important;
}
.play-btn .outline
{
    transition: stroke-dashoffset .4s ease-out,transform .4s ease-out,stroke-dasharray .2s ease-out .2s,stroke-width .4s ease-out;
    transform: scale(.85);
    stroke-width: 2;
}
.play-btn:hover .outline
{
    transform: scale(1);
    stroke-dasharray: 0;
    stroke-dashoffset: 20;
    stroke-width: 1;
}
.play-btn path
{
    transform: scale(1.2);
    transform-origin: 50% 50%;
}
.btn-open .circle
{
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: var(--color-red);
    margin: auto;
    transform: scale(1,1);
    z-index: 9;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-open .circle.pulse
{
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation: pulse 2s infinite;
    animation: pulse 2s infinite;
    background-color: rgb(255 255 255/27%);
}
.btn-open svg
{
    fill: var(--color-white);
    transition: all .3s;
}
.btn-open svg:hover
{
    cursor: pointer;
    fill: var(--color-white);
    stroke: var(--color-white);
}
@-webkit-keyframes pulse
{
    0%
    {
        transform: scale(1,1);
    }
    25%
    {
        transform: scale(1.1,1.1);
    }
    50%
    {
        transform: scale(1.3,1.3);
    }
    100%
    {
        transform: scale(1,1);
    }
}
@keyframes pulse
{
    0%
    {
        transform: scale(1,1);
    }
    25%
    {
        transform: scale(1.1,1.1);
    }
    50%
    {
        transform: scale(1.3,1.3);
    }
    100%
    {
        transform: scale(1,1);
    }
}
.iq-waves
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: -30px;
    top: -30px;
    z-index: 2;
}
.iq-waves .waves
{
    position: absolute;
    width: 200px;
    height: 200px;
    background: rgba(248,30,30,.6);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 320px;
    background-clip: padding-box;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 5s ease-in-out infinite;
}
.iq-waves .wave-1
{
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.iq-waves .wave-2
{
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.iq-waves .wave-3
{
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
@-webkit-keyframes waves
{
    0%
    {
        -webkit-transform: scale(.2,.2);
        transform: scale(.2,.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50%
    {
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100%
    {
        -webkit-transform: scale(.9,.9);
        transform: scale(.9,.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
@keyframes waves
{
    0%
    {
        -webkit-transform: scale(.2,.2);
        transform: scale(.2,.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    50%
    {
        opacity: .9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }
    100%
    {
        -webkit-transform: scale(.9,.9);
        transform: scale(.9,.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}
.btn-open.play-yt
{
    cursor: pointer;
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
}
.btn_sec
{
    text-align: center;
}
.btn_sec .common-btn
{
    border-color: var(--color-black);
    color: var(--color-black);
}
.btn_sec .common-btn:hover
{
    border-color: var(--color-red);
    color: var(--color-black);
}
.partner-sec .logos li
{
    margin: 0 30px;
}
.partner-sec
{
    padding: 60px 0 120px;
}
.partner-sec .logos
{
    position: relative;
}
.partner-sec .logos::before
{
    content: "";
    background: linear-gradient(270deg,rgba(255,255,255,0) 0%,#fff 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 100%;
    z-index: 9;
}
.partner-sec .logos::after
{
    content: "";
    background: linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%);
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 100%;
    z-index: 9;
}
.sender-banner
{
    background: url(../image/sender-banner.jpg);
    background-size: cover;
}
.network-sec
{
    padding: 100px 0 110px;
}
.network-sec .title-sec
{
    text-align: center;
    padding-bottom: 120px;
}
.network-sec .title-sec h5
{
    line-height: 35px;
    font-weight: 500;
}
ul.network-inner
{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
ul.network-inner>li
{
    width: 40%;
}
ul.network-inner>li:nth-child(2n+2)
{
    width: auto;
    padding-top: 100px;
}
ul.st-nt-inner
{
    padding: 42px 60px 0;
    border: 1px dashed #f81e1e;
    border-radius: 17px;
    background-color: #fff;
    box-shadow: 0 2px 35px 0 rgba(222,222,222,.5);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
ul.network-inner h3
{
    padding-bottom: 60px;
    text-align: center;
}
ul.st-nt-inner li
{
    max-width: 50%;
    flex: 0 0 50%;
    text-align: center;
    padding-bottom: 42px;
}
ul.st-nt-inner li h5
{
    line-height: 24px;
    padding-top: 5px;
}
.ico-block
{
    height: 90px;
    width: 90px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.04);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: var(--color-red);
}
.abt-top-sec
{
    padding-top: 250px;
}
.abt-top-sec ul li .container
{
    padding-top: 0;
    padding-bottom: 0;
}
.abt-top-sec .con p
{
    padding-bottom: 25px;
}
.abt-top-sec .con p a
{
    color: var(--color-red);
    text-decoration: underline;
}
.abt-top-sec .con p:last-child
{
    padding-bottom: 0;
}
.mission-sec
{
    padding: 65px 0 40px;
}
.mission-sec h2
{
    padding-bottom: 16px;
    text-align: left;
    padding-top: 40px;
}
.mission-sec p
{
    line-height: 28px;
}
.mission-sec ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mission-sec ul li
{
    max-width: calc(50% - 40px);
    padding: 160px 55px 80px;
    position: relative;
    text-align: left;
    border-radius: 14px;
    background-color: #fafafa;
}
.mission-sec .ico
{
    background: transparent;
    width: auto;
    height: auto;
    border: none;
    margin: 0;
    margin-top: -200px;
    display: table;
}
.mission-sec ul li:last-child .ico
{
    margin-left: -55px;
}
.life-sec
{
    padding: 60px 0 180px;
}
.life-sec .title-sec
{
    text-align: center;
    padding-bottom: 95px;
}
.life-sec .title-sec h2
{
    font-size: 54px;
    line-height: normal;
}
.life-sec .title-sec h2 img
{
    max-width: 88px;
}
.life-sec li
{
    margin: 0 15px;
}
.life-sec li img
{
    width: 100%;
}
.main-banner-sec
{
    padding: 0;
    height: 100vh;
}
.banner-sec::before
{
    content: none;
}
.heroSlider
{
    height: 100%;
}
img.heroSlider__slide__img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    right: 0;
    bottom: 0;
}
.heroSlider__slide
{
    position: relative;
}
.heroSlider__slide::after
{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
.heroSlider .slick-list, .heroSlider .slick-track
{
    height: 100%;
}
.main-banner-sec .container
{
    height: 100%;
}
.slider-con
{
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    max-width: 680px;
}
.heroSlider .slick-dots
{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    max-width: 1266px;
    margin: 0 auto;
    left: 0;
    text-align: right;
    pointer-events: none;
}
.heroSlider .slick-dots button
{
    pointer-events: all;
    font-weight: 600;
    color: var(--color-white);
    text-align: center;
    width: 26px;
    font-size: 17px;
    line-height: 21px;
    opacity: .5;
    background: transparent;
    padding: 0;
}
.heroSlider .slick-dots li:not(:last-child)
{
    margin-bottom: 45px;
}
.heroSlider .slick-dots li.slick-active button
{
    font-size: 21px;
    line-height: 26px;
    opacity: 1;
    background: transparent;
    padding: 0;
}
.abt-truecpoy-inner
{
    position: relative;
    border-radius: 22px;
    background-color: #fafafa;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
img.owl-img
{
    position: absolute;
    right: 65px;
    bottom: -30px;
}
.abt-truecpoy-inner-img
{
    max-width: 58%;
}
.abt-truecpoy-inner-con
{
    max-width: 42%;
    padding: 75px 0 75px 55px;
}
.abt-truecpoy-inner-con p
{
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
    padding-bottom: 20px;
}
.abt-truecpoy-inner-con p a
{
    color: var(--color-red);
}
.abt-truecpoy-inner-con .btn_sec
{
    text-align: left;
    display: flex;
    align-items: center;
}
.abt-truecpoy-inner-con .btn-open.play-yt
{
    position: relative;
    bottom: inherit;
    left: inherit;
    transform: none;
    margin-left: 25px;
    display: flex;
    align-items: center;
}
.abt-truecpoy-inner-con .btn-open .circle
{
    height: 30px;
    width: 30px;
    margin: 0;
}
.abt-truecpoy-inner-con .btn-open .circle img
{
    max-width: 10px;
}
.abt-truecpoy-inner-con .iq-waves .waves
{
    width: 50px;
    height: 50px;
}
.abt-truecpoy-inner-con .iq-waves
{
    left: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
}
.abt-truecpoy-inner-con .btn-open.play-yt a
{
    color: var(--color-black);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding-left: 12px;
}
.partner-sec-home
{
    padding: 80px 0;
}
.faq-block
{
    padding: 100px 0;
    text-align: center;
}
.faq-block .title-sec
{
    text-align: center;
    padding-bottom: 60px;
}
.faq-block p
{
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 30px;
}
.callto-act
{
    padding: 100px 0;
    background: url(../image/callto-act.webp) no-repeat;
    background-position: center top;
}
.callto-act .title-sec
{
    text-align: center;
    padding-bottom: 60px;
    max-width: 620px;
    display: table;
    margin: 0 auto;
}
.callto-act p
{
    text-align: center;
    line-height: 26px;
    padding-bottom: 40px;
    padding-top: 25px;
}
.benefits-sec
{
    padding: 100px 0;
}
.benefits-sec .title-sec
{
    text-align: center;
    padding-bottom: 80px;
}
.benefits-sec ul
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.benefits-sec ul li
{
    border-radius: 14px;
    padding: 30px 25px;
    background-color: #f8f8f8;
    width: calc(33.3% - 25px);
    margin-bottom: 50px;
}
.benefits-sec ul li img
{
    padding-bottom: 18px;
}
.benefits-sec ul li p
{
    color: var(--color-black);
    font-size: 19px;
    font-weight: 600;
    line-height: 28px;
    line-height: normal;
    text-align: left;
}
.how-it-work-sec
{
    padding: 100px 0;
    background-color: var(--color-black);
    position: relative;
    overflow: hidden;
}
.how-it-work-sec .title-sec
{
    text-align: center;
    padding-bottom: 20px;
}
.how-it-work-sec .title-sec h2
{
    color: var(--color-white);
}
.work-ico
{
    position: relative;
}
.work-ico:before
{
    height: 52px;
    width: 52px;
    background-color: #232323;
    border-radius: 100%;
    content: "";
    position: absolute;
    top: -10px;
    left: -13px;
}
.work-ico img
{
    z-index: 1;
    position: relative;
    width: 54px;
    height: 54px;
    object-fit: contain;
    object-position: center center;
}
.testimonial-sec
{
    padding: 0 0 100px 0;
}
.testimonial-sec .title-sec
{
    text-align: center;
    padding-bottom: 80px;
}
.testimonial-inner-sec
{
    display: flex;
    padding: 0 80px;
}
.testimonial-con
{
    width: 54%;
    margin: 0 auto;
}
.testimonialImg
{
    display: none;
}
.quoteSec
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 45px;
}
.tesUser
{
    display: flex;
    align-items: center;
}
.tesUserImg img
{
    width: 58px;
    height: 58px;
    border-radius: 100%;
}
.tesUserImg
{
    padding-left: 18px;
}
.tesUserDet
{
    text-align: right;
}
.tesUserDet h6
{
    color: var(--color-black);
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    padding-bottom: 4px;
}
.tesUserDet span
{
    color: #515151;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
}
.testimonial-con p
{
    font-size: 23px;
    font-weight: 500;
    line-height: 36px;
    padding-bottom: 45px;
}
.testimonial-sec .slick-dots
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 70px;
}
.testimonial-sec .slick-dots li
{
    margin: 0 6px;
}
.testimonial-sec .slick-dots button
{
    font-size: 0;
    width: 7px;
    padding: 0;
    height: 7px;
    border-radius: 100px;
    background-color: #dedede;
    transition: all .3s;
}
.testimonial-sec .slick-dots li.slick-active button
{
    background-color: var(--color-red);
    outline: 1px solid var(--color-red);
    outline-offset: 3px;
}
.testimonial-sec .slick-arrow
{
    position: absolute;
    top: calc(50% - 80px);
    transform: translateY(-50%);
    left: 0;
    font-size: 0;
    width: 46px;
    height: 46px;
    border: 1px solid #000;
    border-radius: 100px;
    transition: all .3s;
    z-index: 1;
    background-color: transparent;
    background-image: url(../image/arrow-red.svg);
    background-position: center;
    background-size: 19px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.testimonial-sec .slick-arrow.slick-prev
{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.testimonial-sec .slick-arrow.slick-next
{
    left: unset;
    right: 0;
}
.testimonial-sec .slick-arrow:hover
{
    background-color: #000;
}
.contact-sec .right-content select
{
    background-image: url(../image/arrow-down1.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px;
}
.responsive-div
{
    display: none;
}
.hiw-root
{
    padding: 100px 0 0;
}
.hiw-row
{
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: space-between;
    justify-content: center;
    width: 100%;
    row-gap: 120px;
}
.hiw-row .hiw-grid
{
    flex: 0 0 33.3%;
    padding: 0 40px;
    position: relative;
    min-height: 50%;
}
.hiw-progress-dv
{
    position: absolute;
    top: 46%;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: transparent;
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 150px 0 130px;
}
.hiw-progress-dv .hiw-dots
{
    display: flex;
    position: relative;
}
.hiw-progress-dv .hiw-dots:before
{
    content: '';
    width: 210px;
    height: 3px;
    background-color: rgba(255,255,255,.2);
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.hiw-progress-dv .hiw-dots:last-child:before
{
    content: none;
}
.hiw-progress-dv .hiw-dots span
{
    height: 26px;
    width: 26px;
    background-color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 6px solid #333;
    border-radius: 100%;
    position: relative;
    transition: all .8s;
    z-index: 3;
}
.hiw-progress-dv .hiw-dots span.active
{
    border-color: var(--color-red);
}
.hiw-progress-dv .draw-line
{
    position: absolute;
    left: 0;
    background: linear-gradient(90deg,rgba(252,64,64,0) 0%,#f81e1e 100%);
    height: 3px;
    width: 132px;
    z-index: 2;
    display: none;
}
.hiw-progress-dv .hiw-dots span:before
{
    content: '';
    height: 3px;
    width: 210px;
    background: linear-gradient(90deg,rgba(252,64,64,0) 0%,#f81e1e 100%);
    position: absolute;
    opacity: 1;
    z-index: -3;
    left: 0;
    transform: scaleX(0);
}
.hiw-progress-dv .hiw-dots span.active:before
{
    transform: scaleX(1);
    transform-origin: 20px center;
    transition: transform 2s linear;
}
.hiw-progress-dv .hiw-dots:last-child span:before
{
    content: none;
}
.hiw-card
{
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.hiw-card .content-dv
{
    flex: 1;
    width: calc(100% - 60px);
    padding: 0 0 0 20px;
}
.hiw-card h4
{
    margin: 0 0 10px;
    transition: all .8s;
    color: var(--color-white);
    font-weight: 600;
    line-height: 1.25;
    font-size: 25px;
}
.hiw-card p
{
    color: #8a8a8a;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 1.5;
    transition: all .8s;
}
.hiw-card.active h4
{
    color: var(--color-red);
}
.hiw-card.active p
{
    color: var(--color-white);
}
.error-page
{
    position: relative;
    height: calc(100vh - 82px);
}
.error-page .hero-banner-inner
{
    max-width: 1210px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 40px auto 0;
    transform: translate(-50%,-50%);
    padding: 0;
    width: 100%;
    align-items: center;
}
.error-page .hero-banner-inner h1
{
    font-size: 200px;
    color: #000;
    padding: 0;
    line-height: .7;
    display: flex;
    align-items: center;
}
.error-page .hero-banner-inner h1 span
{
    color: #000;
    position: relative;
}
.hero-banner-inner div
{
    max-width: calc(100% - 250px);
}
.error-page .hero-banner-inner .banner-text
{
    padding: 0 0 0 50px;
    position: relative;
}
.error-page .hero-banner-inner h1 span img
{
    left: 53px;
    top: 45px;
    width: 15px;
    position: absolute;
}
.error-page .hero-banner-inner .banner-text:before
{
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
    width: 2px;
    background-color: #000;
    content: "";
}
.error-page .hero-banner-inner h4
{
    color: #000;
    font-size: 36px;
    line-height: 1.3;
    margin: 0 0 20px;
}
.error-page .hero-banner-inner p
{
    color: #000;
    font-size: 24px;
    margin: 0;
}
.error-page .hero-banner-inner p a
{
    color: var(--color-red);
    text-decoration: underline;
}
.contact-sec .right-content .form-group.tz-captcha
{
    display: flex;
    align-items: center;
}
.contact-sec .right-content .form-group.tz-captcha input
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.27;
    padding: 0 0 16px 0;
    border: 0;
    border-bottom: 1px solid #bababa;
    background: transparent;
    border-radius: 0;
    width: 90%;
    margin-bottom: 0!important;
}
.contact-sec .right-content .form-group.tz-captcha #image-captcha-cf7
{
    width: 170px;
}
.contact-sec .right-content .form-group.tz-captcha #reload_captcha
{
    border: 0;
    height: 20px;
    width: 26px;
    display: flex;
    margin: 0 5px 0;
    border-radius: 0;
    align-items: center;
    justify-content: center;
}
.contact-sec .right-content .form-group.tz-captcha #reload_captcha img
{
    padding: 0;
    width: 20px;
    height: 20px;
}
.contact-sec .right-content .btn-wrap:hover .arrow-img
{
    left: 8px;
}
.contact-sec .right-content .btn-wrap .common-btn:hover
{
    padding: 12px 20px 12px 48px;
}
.featured-image
{
    margin-bottom: 10px;
}
.entry-title a
{
    font-size: 24px;
    color: #333;
    text-decoration: none;
}
.entry-title a:hover
{
    color: #ff5733;
}
.entry-content
{
    font-size: 16px;
    color: #666;
}
.pagination
{
    margin-top: 20px;
}
.pagination a
{
    display: inline-block;
    padding: 5px 10px;
    background-color: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    margin-right: 5px;
}
.pagination a:hover
{
    background-color: #ff5733;
}
.category-description
{
    font-style: italic;
    color: #555;
}
.page-header h1
{
    color: #000;
}
.send-us-et-section .contact-sec
{
    padding-top: 20px;
    padding-bottom: 60px;
}
.send-us-et-section .contact-sec .right-content .common-btn
{
    padding: 12px 20px 12px 48px;
}
.nav ul li .menu a.dropdown-item img
{
    width: 30px;
}
.nav ul li .menu a.dropdown-item:last-child img
{
    width: 34px;
}
.nav ul li .menu a.dropdown-item:last-child
{
    padding-top: 10px;
}
header.inner-header .dropdown-link:before
{
    filter: none;
}
.wpcf7-radio
{
    margin-left: 10px;
}
.wpcf7-radio .wpcf7-list-item
{
    position: relative;
    margin-right: 10px;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label
{
    display: inline-block;
    padding-left: 30px;
    position: relative;
    cursor: pointer;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:before
{
    content: '';
    width: 20px;
    height: 20px;
    border: 1px solid #bababa;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 2px;
    margin-right: 25px;
}
.wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label:after
{
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: #bababa;
    border-radius: 100%;
    left: 5px;
    top: 7px;
    opacity: 0;
    transition: all .4s ease-in-out;
}
.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked+span:after
{
    opacity: 1;
    transition: all .4s ease-in-out;
}
.contact-sec .right-content label
{
    font-size: 18px;
    color: #495057;
}
.wpcf7-radio .wpcf7-list-item label
{
    margin-bottom: 0!important;
}
.contact-sec .wpcf7-phonetext
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.27;
    padding: 0 0 16px 0;
    border: 0;
    border-bottom: 1px solid #bababa;
    background: transparent;
    border-radius: 0;
    height: 40px!important;
    width: 100%;
}
.contact-sec .flag-container
{
    background: transparent;
}
.contact-sec .flag-container .selected-flag
{
    background: transparent;
}
.contact-sec .intl-tel-input.separate-dial-code .selected-dial-code
{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.27;
    border: 0;
    border-radius: 0;
    height: 40px;
    padding-bottom: 16px;
}
.contact-sec .right-content .intl-tel-input .selected-flag .iti-flag
{
    margin-top: 5px;
}
.contact-sec .intl-tel-input.separate-dial-code .selected-dial-code
{
    display: none;
}
.contact-sec .intl-tel-input .selected-flag
{
    width: 46px!important;
}
.contact-sec .intl-tel-input input.wpcf7-phonetext
{
    padding-left: 60px!important;
}
.contact-sec .iti-arrow::before
{
    content: "";
    width: 16px;
    height: 16px;
    color: #000;
    background: url(../image/dropdown-icon.png) no-repeat;
    background-position: center center;
    background-size: cover;
}
.contact-sec .right-content .intl-tel-input .selected-flag .iti-arrow
{
    display: flex;
    top: auto;
    margin: 0;
    border: none;
    right: 0;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
}
.form-check-root, .form-checkbox-root
{
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0 0 0 10px;
    gap: 16px;
}
.form-checkbox-root
{
    margin: 0;
}
.form-checkbox-root
{
    margin: 0 0 16px;
    gap: 0 16px;
}
.form-check-root .form-radio .form-check-label>input, .form-checkbox-root .form-checkbox .form-checkbox-label>input, .tac-form-checkbox .form-checkbox-label>input
{
    display: none;
}
.form-check-label .form-span::before
{
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #bababa;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.form-check-label .form-span
{
    position: relative;
    display: inline-block;
    padding-left: 22px;
    cursor: pointer;
}
.form-check-label .form-span::after
{
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    background: #bababa;
    border-radius: 100%;
    left: 4px;
    top: 4px;
    opacity: 0;
    transition: all .4s ease-in-out;
}
.form-check-label input:checked+.form-span:after
{
    opacity: 1;
    transition: all .4s ease-in-out;
}
.form-checkbox-root .form-checkbox .form-checkbox-label
{
    margin-bottom: 0;
    min-height: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.form-checkbox-label .form-span::before
{
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #bababa;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: 0;
}
.form-checkbox-label .form-span
{
    position: relative;
    display: inline-block;
    padding-left: 22px;
    cursor: pointer;
}
.form-checkbox-label .form-span::after
{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    left: 1px;
    top: 2px;
    opacity: 0;
    transition: all .4s ease-in-out;
    filter: invert(1);
}
.form-checkbox-label input:checked+.form-span:before
{
    background-color: #bababa;
}
.form-checkbox-label input:checked+.form-span:after
{
    opacity: 1;
    transition: all .4s ease-in-out;
}
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    height: 22px;
    top: 1px;
    right: 1px;
}
.contact-sec .right-content .form-group>label
{
    margin: 0;
}
.cst-form-title
{
    margin: 0 0 6px;
}
.cst-form-title h4
{
    font-size: 18px;
    line-height: 1.5;
}
.cst-form-title.mb6
{
    margin-bottom: 6px;
}
.cst-form-title.mb12
{
    margin-bottom: 12px;
}
.contact-sec .right-content .form-group>label.label-txt
{
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 1.5;
}
.select2-container--default .select2-selection--single
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #bababa;
    border-radius: 0;
    height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 0;
}
.select2-container
{
    width: 100%!important;
    max-width: 100%;
    font-family: "Livvic",Sans-serif;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
{
    background-color: #f81e1e;
    color: #fff;
}
.select2-container--default .select2-selection--multiple
{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #bababa;
    border-radius: 0;
    min-height: 30px;
    padding: 0;
    font-family: "Livvic",Sans-serif;
}
.select2-container .select2-search--inline .select2-search__field
{
    margin: 0;
    line-height: 19px;
    font-size: 14px;
    font-weight: 500;
    padding-left: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple
{
    border: none;
    outline: 0;
    border-bottom: 1px solid #bababa;
}
.select2-dropdown
{
    border-color: #bababa;
    border-radius: 0;
}
.select2-results__option
{
    padding: 8px 16px;
    line-height: 1.5;
    font-weight: 500;
    line-height: 1.25;
}
.select2-container--default .select2-results__option--selected
{
    background-color: #efefef;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    border-radius: 20px;
    border: 1px solid #000;
    background: transparent;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    font-weight: 500;
    padding: 2px 18px 2px 5px;
    margin: 0 4px 4px 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    border: none;
    right: 2px;
    left: auto;
    font-weight: 600;
    color: #f81e1e;
    font-size: 20px;
    border-radius: 0;
    line-height: 1;
}
.select2-container--default .select2-selection--single .select2-selection__clear, .select2-container--default .select2-selection--multiple .select2-selection__clear
{
    line-height: 1;
    border-radius: 20px;
    border: 1px solid #000;
    background: #bababa21;
    font-size: 22px;
    color: #000;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0 0 4px;
    margin: 2px 0 0;
}
.select2-container--default .select2-selection--single .select2-selection__clear
{
    right: 25px;
    position: absolute;
    top: -2px;
}
.contact-sec .cst-form-dv .form-group
{
    margin-bottom: 24px;
}
.contact-sec .common-btn.btn-add-common
{
    background: transparent;
    text-align: left;
    min-width: 145px;
    cursor: pointer;
}
.contact-sec .btn-group.btn_sec
{
    margin-top: 0;
    margin-left: auto;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.remove-row-cst
{
    border: 1px solid #bababa;
    padding: 16px 15px 0;
    border-radius: 16px;
    background: #f5f5f5;
    margin-inline: -30px;
    margin-bottom: 16px;
}
.contact-sec .right-content-new textarea.form-control
{
    height: 44px!important;
}
.contact-sec .btn-group.btn-center-group
{
    justify-content: center;
    margin: 0;
}
.contact-sec .btn-group.btn-center-group .common-btn.btn-add-common
{
    text-align: center;
    background: var(--color-red);
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    border-color: var(--color-red);
}
.contact-sec .btn-group.btn-center-group .common-btn.btn-add-common:hover
{
    text-align: left;
}
.contact-sec .right-content .form-group label.error
{
    color: var(--color-red);
    position: absolute;
    bottom: -18px;
    font-size: 13px;
    line-height: normal;
    left: 0;
    width: 100%;
}
.contact-sec .right-content .phone-number label.error, .contact-sec .right-content .whatsapp-number label.error
{
    bottom: calc(-100% + 12px);
    margin: 0;
}
.common-btn.btn-remove-common
{
    min-width: 34px;
    padding: 0;
    margin: 0 0 0 6px;
}
.common-btn.btn-remove-common .arrow-img
{
    padding: 0;
    left: 8px;
}
.select2-container .select2-search--inline .select2-search__field
{
    font-family: "Livvic",Sans-serif;
}
.select2-container .select2-search--inline .select2-search__field::placeholder
{
    color: #999;
}
body
{
    overflow-x: hidden;
}
.select2-container--default ul[aria-multiselectable="true"] .select2-results__option
{
    padding-left: 40px;
    position: relative;
}
.select2-container--default ul[aria-multiselectable="true"] .select2-results__option::before
{
    content: "";
    width: 20px;
    height: 20px;
    border: 1px solid #bababa;
    border-radius: 4px;
    position: absolute;
    left: 10px;
    top: 8px;
}
.select2-container--default ul[aria-multiselectable="true"] .select2-results__option::after
{
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 10px;
    left: 12px;
    opacity: 0;
    transition: all .4s ease-in-out;
    filter: invert(1);
}
.select2-container--default ul[aria-multiselectable="true"] .select2-results__option--selected::before
{
    background-color: #bababa;
}
.select2-container--default ul[aria-multiselectable="true"] .select2-results__option--selected::after
{
    opacity: 1;
}
.select2-container--default ul[aria-multiselectable="true"] .select2-results__option--highlighted::before
{
    border-color: #fff;
}
.select2-container--default ul[aria-multiselectable="true"] .select2-results__option--selected.select2-results__option--highlighted::before
{
    background-color: transparent;
}
.form-check-root.wht-checkbox-root
{
    margin: 0;
}
.contact-sec .right-content label.form-check-label
{
    margin: 0;
    line-height: 16px;
    font-size: 14px;
}
.tac-form-checkbox a
{
    color: var(--color-red);
}
.tac-form-checkbox a
{
    background: linear-gradient(0deg,#f81e1e 50%,transparent 100%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: 0 100%;
    padding-bottom: 1px;
    font-weight: inherit;
}
.tac-form-checkbox a:hover
{
    background-size: 100% 1px;
}
.tac-form-checkbox .form-checkbox-label .form-span
{
    cursor: auto;
}
.contact-sec .right-content .form-group.tac-form-checkbox label.error
{
    bottom: -23px;
    margin: 0;
}
p.txt-red-prg
{
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-red);
    font-weight: 500;
    width: 100%;
    text-align: center;
    margin: 0 auto 16px;
}
.contact-sec .right-content-new
{
    padding: 30px 60px;
}
.form-group.phone-number .intl-tel-input, .form-group.whatsapp-number .intl-tel-input
{
    width: 100%;
}
.form-group.phone-number input.form-control, .form-group.whatsapp-number input.form-control
{
    padding-left: 54px!important;
}
.contact-sec .right-content .form-group>label.fs14
{
    font-size: 14px;
}
.remove-row-cst p.txt-red-prg
{
    margin-bottom: 8px;
}
.contact-sec .right-content-new label
{
    font-size: 14px;
}
.contact-sec .right-content-new .form-control, .contact-sec .right-content-new select, .contact-sec .right-content-new textarea
{
    font-size: 14px;
    padding: 0 0 6px 0;
    height: 30px!important;
}
.contact-sec .remove-row-cst .common-btn.btn-add-common
{
    min-width: 100px;
    line-height: 20px;
    padding: 6px 16px 6px 32px;
    font-size: 14px;
}
.contact-sec .remove-row-cst .common-btn .arrow-img
{
    width: 20px;
    margin-top: -1px;
    left: 6px;
    padding: 0;
}
.contact-sec .cst-form-dv .form-group.form-group-mb20
{
    margin-bottom: 20px;
}
.cst-academic-form-box .cst-form-title
{
    position: relative;
    bottom: -43px;
    margin-top: -33px;
    pointer-events: none;
}
.cst-form-box-inner .remove-row-cst:first-child
{
    padding-top: 50px;
}
.modal-cst .modal-footer .common-btn.btn-add-common:hover .arrow-img, .contact-sec .btn-group.btn-center-group .common-btn:hover .arrow-img
{
    left: 8px;
}
.contact-sec .btn-group.btn-center-group .common-btn.btn-add-common:hover, .modal-cst .modal-footer .common-btn.btn-add-common:hover
{
    text-align: center;
    padding: 12px 20px 12px 48px;
}
.modal-cst .modal-content
{
    border-radius: 22px;
}
.modal-cst .form-group label.form-label
{
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    margin: 0 0 2px;
    font-weight: 500;
}
.modal-cst .form-group .form-control
{
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid #bababa;
    border-radius: 8px;
    color: #444;
}
.modal-cst .modal-footer
{
    display: flex;
    justify-content: space-between;
}
.modal-cst h5.fw-bold.mt-4
{
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    color: var(--color-black);
    margin: 0 0 5px!important;
}
.modal-cst .cst-message-ist-box h5
{
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
}
.modal-cst .cst-message-ist-box span.txt
{
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    margin: 0 0 2px;
    font-weight: 500;
    display: block;
}
.modal-cst .cst-message-ist-box
{
    border: 1px solid #bababa;
    padding: 16px;
    border-radius: 16px;
    background: #f5f5f5;
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2,1fr);
}
.modal-cst .common-btn.btn-outline-normal
{
    padding-inline: 12px;
    margin: 0;
    text-align: center;
    background: transparent;
    border-radius: 25px;
    color: var(--color-red);
    cursor: pointer;
    border-color: var(--color-red);
    min-width: 80px;
}
.modal-cst .row
{
    margin-inline: -8px;
}
.modal-cst .row [class^="col-md"]
{
    padding-inline: 8px;
}
.modal-cst .row .col-md-6:nth-child(7), .modal-cst .row .col-md-6:nth-child(8)
{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.modal-cst p.txt-red-prg
{
    margin-bottom: 0;
}
.modal-cst h5.modal-title
{
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    color: var(--color-black);
}
.modal-cst .modal-header .close
{
    margin: -8px 0 -1px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    font-weight: 400;
    font-size: 36px;
    line-height: 1;
    align-items: center;
}
.modal-cst .modal-footer .common-btn
{
    margin: 0;
    text-align: center;
    background: var(--color-red);
    border-radius: 25px;
    color: #fff;
    cursor: pointer;
    border-color: var(--color-red);
}
.btn-proceed-group
{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    gap: 12px;
    align-items: center;
}
.btn-proceed-group .spinner
{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: radial-gradient(farthest-side,#f81e1e 94%,#0000) top/3.8px 3.8px no-repeat,conic-gradient(#0000 30%,#f81e1e);
    -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 3.8px),#000 0);
    animation: spinner 1s infinite linear;
}
@keyframes spinner
{
    100%
    {
        transform: rotate(1turn);
    }
}
.modal-cst .modal-footer .common-btn.loader+.spinner
{
    opacity: 1;
}
.modal-cst .modal-footer .spinner
{
    opacity: 0;
}
.modal-cst .modal-dialog.modal-lg
{
    max-width: 1100px;
}
.modal-cst .modal-footer .common-btn.btn-outline-normal
{
    background: transparent;
    color: var(--color-red);
}
div.modal-cst.submiting *
{
    pointer-events: none!important;
}