.marqueee span,
.swiper-slide,
p {
    text-align: center
}

.footer {
    padding: 41px !important;
    margin-top: -50px !important
}

.swiper {
    width: 100%
}

.swiper-slide {
    border-radius: 25px;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Poppins, sans-serif
}

.swiper-slide img {
    border-radius: 25px;
    border: 1px solid #fff;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.in {
    width: 24%
}

.header__logo img {
    margin-top: 12px
}

.bu {
    margin-left: -37px;
    margin-top: 5px
}

.S {
    margin-left: 12PX
}

button {
    font-size: 12px !important;
    padding: .5em 2em;
    border: transparent;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .4);
    background: #1e90ff;
    color: #fff;
    border-radius: 4px
}

button:hover {
    background: #020024;
    background: linear-gradient(90deg, #1e90ff 0, #00d4ff 100%)
}

button:active {
    transform: translate(0, .2em)
}

.marqueee span {
    color: #fff;
    font-weight: 400
}

.marqueee {
    width: 100%;
    background-color: transparent;
    padding: 5px;
    margin: 10px 0
}

p {
    color: #fff;
    line-height: 1.6
}

h1,
h2,
h3 {
    font-size: 35px;
    color: #fff;
    text-align: left
}

:root {
    --policy: #e3a53c;
    --but-col: linear-gradient(25deg, #BF953F, #ead26e, #f0dc77, #d3b151, #AA771C)
}

.banner-bg {
    background-image: linear-gradient(45deg, #000, transparent), url(/img/1.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center
}

.banner-bg .content .con-head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-bg .content .con-head img {
    width: 135px;
    padding: 12px 8px
}

.banner-bg .content .con-head::after {
    width: 106px;
    height: 6px;
    bottom: 3px;
    background: var(--but-col);
    border-radius: 0 0 28px 28px
}

.banner-bg .content .con-head h1 {
    font-size: 36px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    margin: 14px
}

.content-text {
    background: #0088cce6;
    border: 1px solid gray;
    box-shadow: 0 0 5px gray;
    color: #fff;
    margin: 30px auto 50px
}

.content-head {
    background-color: transparent;
    padding: 7px 20px;
    font-size: 24px
}

.main-content-text {
    padding: 32px 22px
}

.main-content-text h5 {
    padding: 15px 0
}

.main-content ul li {
    list-style: disc;
    font-weight: 100
}

.main-content-text p {
    font-weight: 100;
    color: #e3dede;
    margin-bottom: 8px
}

::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0 !important;
    text-align: start !important;
    text-align-last: start !important
}

body {
    background: #111
}

.w-2-5 {
    width: 25%
}

.w-8 {
    width: 80%
}

.w-3-5 {
    width: 35%
}

.w-2 {
    width: 20%
}

.w-7 {
    width: 70%
}

.w-3 {
    width: 30%
}

@media (max-width:700px) {

    .banner-bg .content .con-head h1,
    .content-text h1 {
        font-size: 30px
    }

    .content-text p {
        font-size: 13px
    }

    h1,
    h2,
    h3 {
        font-size: 24px
    }

    .w-1,
    .w-2,
    .w-2-5,
    .w-3,
    .w-3-5,
    .w-5,
    .w-7,
    .w-8,
    .w-9 {
        width: 100% !important
    }

    .about {
        padding: 21px
    }

    .about-text-par ul li {
        font-size: 8px
    }
}