/* *,
html {
    -webkit-font-smoothing: antialiased;
    -moz-os-font-smoothing: grayscale;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    outline: none;
    vertical-align: baseline
}

body {
    font-family: var(--font-secondry);
    background: var(--white-color);
    color: var(--black-color-1);
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;
    font-size: 17px;
    outline: none;
    overflow-x: hidden
} */





a {
    text-decoration: none
}


:root {
    --font-primary: 'Inter', sans-serif;
    --font-secondry: 'Open Sans', sans-serif;
    --black-color-0: #101f38;
    --black-color-1: #3e4d68;
    --black-color: #111111;
    --white-color: #fff;
    --blue-color: #546dff;
    --blue-colo2: #5688f9;
    --blue-colo3: #233eff;
    --color-yellow-lite: #ffac5f;
    --orange-color: #ff5723;
    --orange-color2: #ff5722;
    --orange-color3: #ff2938;
    --black-bg: #111111;
    --black-bg-1: #0e0e0e;
    --black-bg-2: #181818;
    --black-bg-3: #2e2e2e;
    --black-bg-4: #1c1c1c;
    --sw-bg-1: #dde3da;
    --sw-bg-2: #ff9900;
    --sw-bg-3: #c90079;
    --white-lite-1: rgb(255 255 255 / 20%);
    --white-lite-2: rgb(255 255 255 / 10%);
    --bg-b0: #ffe7da;
    --bg-b1: #fbf3e9;
    --bg-b2: #f5f5f5;
    --bg-b3: #f6f7ff;
    --bg-b4: #fff6e0;
    --gradient-0: linear-gradient(225deg, #ffcaba 0%, #f0fbff 100%);
    --gradient-1: linear-gradient(225deg, #5688f9 0%, #233eff 100%);
    --gradient-2: linear-gradient(225deg, #fe7649 0%, #ff2938 100%);
    --gradient-3: linear-gradient(225deg, #d821ff 0%, #6d2ccd 100%);
    --gradient-4: linear-gradient(225deg, #ffb868 0%, #ff6022 100%);
    --gradient-5: linear-gradient(225deg, #a4f251 0%, #129c1f 100%);
    --gradient-6: linear-gradient(225deg, #d70a84 0%, #51127f 100%);
    --gradient-6: linear-gradient(225deg, #d70a84 0%, #51127f 100%);
    --gradient-7: linear-gradient(225deg, #f2f1ff 0%, #fff7ec 100%)
}






.gradient-1 {
    background: var(--gradient-1)
}

.gradient-2 {
    background: linear-gradient(225deg, #1c2263 0%, #8610a6 100%)
}

.gradient-3 {
    background: var(--gradient-3)
}

.gradient-4 {
    background: var(--gradient-4)
}

.gradient-5 {
    background: var(--gradient-5)
}

.gradient-6 {
    background: var(--gradient-6)
}






.circleffect div {
    width: 100%;
    height: 200px;
    background: var(--white-color);
    opacity: .08;
    display: block;
    border-radius: 100%;
    position: absolute;
    right: 0;
    left: 0;
    bottom: -14%;
    margin: 0 auto
}

.service-card-div:hover .circleffect div {
    bottom: -10%
}

.service-row-block {
    padding: 0 20px;
    margin: -160px 0 100px
}

.service-card-div a {
    padding: 50px 0
}

.service-card-div {
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.owl-carousel .owl-item .service-images img {
    width: 200px;
    margin: 0 auto
}

.service-name {
    text-align: center;
    color: var(--white-color);
    padding-top: 40px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700
}