@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
    --body: #ffffff;
    --white: #ffffff;
    --theme: #1b1464;
    --theme2: #0082F1;
    --theme3: #00c8a1;
    --black: #1a1a1a;
    --subtitle: #1a1a1a;
    --subtitle2: #002E5B;
    --base: #1b1464;
    --pra: #666666;
    --pra2: #ffffffa6;
    --pra3: #5D666F;
    --footer: #0E0E0E;
    --border: #ffffff33;
    --border2: #0E0E0E1A;
    --border3: #0E0E0E;
    --title: #0E0E0E;
    --item: #F5F5F7;
    --ratting: #FF8000;
}
body {
    color: var(--white);
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    background-color: var(--body);
    font-family: "DM Sans", sans-serif;
}
button {
    border: none;
    background-color: transparent;
}
h2, h3, h4, h5, h6 {
    color: var(--black);
    font-family: "Red Hat Display", cursive;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
h1 {
    font-size: 75px;
    font-weight: 700;
    line-height: 120%;
    font-family: "DM Sans", sans-serif;
    color: var(--white);
}
h2 {
    font-size: 42px;
    line-height:1.2em;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 575px) {
    h2 {
        font-size: 24px;
    }
}
h3 {
    font-size: 30px;
    line-height: 120%;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 575px) {
    h3 {
        font-size: 26px;
    }
}
h4 {
    font-size: 24px;
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
h5 {
    font-size: 22px;
    line-height: 130%;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 991px) {
    h5 {
        font-size: 20px;
    }
}
h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 575px) {
    h6 {
        font-size: 18px;
    }
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
a {
    text-decoration: none;
    margin: 0;
    color: var(--title);
}
a:hover {
    text-decoration: none;
    color: var(--title);
}
input:focus {
    color: var(--white);
    outline: none;
}
input {
    color: var(--white);
}
p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    color: var(--pra);
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
}
span {
    font-size: 16px;
    color: var(--white);
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
}
.cmn--btn {
    padding: 17px 40px;
    background-color: var(--title);
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: "Red Hat Display", cursive;
}
.cmn--btn span {
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: var(--white);
    font-weight: 700;
    text-transform: capitalize;
    font-family: "Red Hat Display", cursive;
    font-size: 16px;
}
@media (max-width: 991px) {
    .cmn--btn span {
        font-size: 15px;
    }
}
@media (max-width: 575px) {
    .cmn--btn span {
        font-size: 14px;
    }
}
.cmn--btn::before {
    position: absolute;
    content: "";
    width: 0%;
    height: 100%;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: var(--theme);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.cmn--btn:hover::before {
    width: 100%;
    left: 0px;
}
@media (max-width: 991px) {
    .cmn--btn {
        padding: 16px 30px 16px;
    }
}
@media (max-width: 575px) {
    .cmn--btn {
        padding: 14px 25px 14px;
    }
}
.cmn--btn2 {
    padding: 17px 40px 17px;
    font-size: 16px;
    background: var(--theme);
    display: inline-block;
    position: relative;
    font-weight: 700;
    z-index: 1;
    -webkit-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
    overflow: hidden;
    text-transform: capitalize;
    font-family: "Red Hat Display", cursive;
    color: var(--white);
}
.cmn--btn2:hover {
    color: var(--white);
    background: var(--theme);
}
.cmn--btn2::before {
    background-color: var(--white);
    content: "";
    height: 150px;
    left: -75px;
    position: absolute;
    top: -60px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 2600ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2600ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 20px;
    opacity: 0;
}
.cmn--btn2:hover::before {
    left: 140%;
    -webkit-transition: all 2300ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 2300ms cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0.5;
}
@media (max-width: 991px) {
    .cmn--btn2 {
        padding: 16px 30px 16px;
        font-size: 15px;
    }
}
@media (max-width: 575px) {
    .cmn--btn2 {
        padding: 14px 25px 14px;
        font-size: 14px;
    }
}
.cmn--btns {
    color: var(--pra);
    font-size: 16px;
    font-weight: 700;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    font-family: "Red Hat Display", cursive;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.cmn--btns i {
    margin-left: 5px;
    color: var(--pra);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.cmn--btns:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}
.button {
    margin-top: 35px;
}
.button .arrow__btn {
    font-size: 14px;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: 0.7s;
    transition: 0.7s;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--border2);
    text-align: center;
    border-radius: 100%;
    color: var(--black);
}
.button .arrow__btn::before {
    position: absolute;
    content: "Read More";
    font-weight: 700;
    color: var(--theme2);
    text-decoration: underline;
    font-size: 16px;
    left: -95px;
    top: -2px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}
.preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
.preloader .animation-preloader {
    z-index: 1000;
}
.preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: var(--theme);
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
}
@media (max-width: 767px) {
    .preloader .animation-preloader .spinner {
        width: 7.5em;
        height: 7.5em;
        margin: 0 auto 1.5em auto;
    }
}
.preloader .animation-preloader .txt-loading {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.preloader .animation-preloader .txt-loading .letters-loading {
    color: var(--theme);
    position: relative;
    font-size: 78px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .preloader .animation-preloader .txt-loading .letters-loading {
        font-size: 2.5em;
    }
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}
.preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
    -webkit-animation: letters-loading 4s infinite;
    animation: letters-loading 4s infinite;
    color: var(--theme);
    content: attr(data-text-preloader);
    left: -2PX;
    opacity: 0;
    font-family: "Red Hat Display", cursive;
    position: absolute;
    top: -8px;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}
.preloader p {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: var(--black);
}
.preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
}
.preloader .loader .row {
    height: 100%;
}
.preloader .loader .loader-section {
    padding: 0px;
}
.preloader .loader .loader-section .bg {
    background-color: #fff;
    height: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
    opacity: 0;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
    width: 0;
    -webkit-transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}
.section__title {
    max-width: 880px;
    text-align: center;
    margin: -5px auto 70px;
}
.section__title h5 {
    color: var(--theme);
    position: relative;
    /*max-width: 200px;*/
    text-align: center;
    margin: 0 auto 10px;
}
.section__title h5::before {
    position: absolute;
    top: 10px;
    left: -20px;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100px;
    background-color: var(--theme);
}
@media (max-width: 991px) {
    .section__title h5::before {
        left: -5px;
        top: 8px;
    }
}
@media (max-width: 991px) {
    .section__title h5 {
        font-size: 18px;
    }
}
.section__title .sub__titles::before {
    position: absolute;
    top: 10px;
    left: 0;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100px;
    background-color: var(--theme);
}
.section__title h2 {
    text-transform: capitalize;
}
.section__title h2 span {
    font-style: italic;
    font-weight: 400;
    color: var(--black);
    font-size: 48px;
    font-family: 'Red Hat Display', sans-serif;
}
.section__title h2 .two {
    color: var(--theme);
}
@media (max-width: 1199px) {
    .section__title h2 {
        font-size: 42px !important;
    }
}
@media (max-width: 767px) {
    .section__title h2 {
        font-size: 28px !important;
    }
    .section__title h2 span {
        font-size: 28px !important;
    }
}
@media (max-width: 991px) {
    .section__title {
        margin: 0 auto 50px;
    }
}
@media (max-width: 575px) {
    .section__title {
        margin: 0 auto 35px;
    }
}
.style__section {
    margin: initial;
    text-align: initial;
    margin-bottom: 60px;
    margin-top: -5px;
}
@media (max-width: 575px) {
    .style__section {
        margin-bottom: 45px;
    }
}
.style__section h5 {
    margin: initial;
    text-align: initial;
    margin-bottom: 10px;
    margin-left: 20px;
}
.style__section h5::before {
    top: 10px;
}
@media (max-width: 991px) {
    .style__section h5::before {
        left: -20px;
        top: 8px;
    }
}
.section__title__two {
    margin: -5px auto;
}
.section__title__two h5 {
    color: var(--theme2);
}
.section__title__two h5::before {
    background-color: var(--theme2);
}
.section__title__two h2 {
    font-family: "Red Hat Display", cursive;
}
.section__title__two p {
    margin-top: 30px;
}
.single__title__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 999;
}
.single__title__items .section__title__two {
    margin-bottom: 60px;
    margin: initial;
    margin-top: -5px;
}
.single__title__items .section__title__two h2 {
    color: var(--white);
}
.single__title__items .title__text {
    max-width: 550px;
}
.single__title__items .title__text p {
    margin-bottom: 30px;
    color: var(--white);
}
.single__title__items .title__text .cmn--btns {
    color: var(--white);
}
.single__title__items .title__text .cmn--btns:hover {
    color: var(--theme2);
}
.single__title__items .client__item {
    position: relative;
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.single__title__items .client__item .client__img {
    margin-left: -17px;
}
@media (max-width: 575px) {
    .single__title__items .client__item .client__img {
        width: 60px;
    }
}
.section__title__three h5 {
    color: var(--pra3);
}
.section__title__three h5::before {
    background-color: var(--pra3);
}
.section__title__three h2 {
    font-family: "Red Hat Display", cursive;
    color: var(--subtitle2);
}
.section__title__three p {
    margin-top: 30px;
}
.overhid {
    overflow: hidden;
}
.center {
    text-align: center;
    margin: 0 auto;
}
.section__bg {
    background-color: #0082F112;
}
.section__bg2 {
    background-color: var(--footer);
}
.section__bg3 {
    background-color: #F5F5F7;
}
.section__bg4 {
    background-color: #002E5B;
}
.section__padding {
    padding:40px 0;
}
@media (max-width: 1199px) {
    .section__padding {
        padding: 60px 0;
    }
}
@media (max-width: 991px) {
    .section__padding {
        padding: 80px 0;
    }
}
.section__color__three {
    background-color: var(--theme3);
}
.error-content img {
    max-width: 100%;
}
@keyframes loaderspin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes loaderspin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@-webkit-keyframes loaderpulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@keyframes loaderpulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@-webkit-keyframes video-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@keyframes video-animation {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
.pop-in {
    -webkit-animation: popIn 1.9s ease;
    animation: popIn 1.9s ease;
}
@-webkit-keyframes popIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes popIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
@-webkit-keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@-webkit-keyframes ring-animation {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        -webkit-transform: rotate3d(0, 0, 1, -15deg);
        transform: rotate3d(0, 0, 1, -15deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
@keyframes ring-animation {
    from {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        -webkit-transform: rotate3d(0, 0, 1, -15deg);
        transform: rotate3d(0, 0, 1, -15deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}
.ring-animation {
    -webkit-animation: ring-animation 1.5s ease-in-out infinite;
    animation: ring-animation 1.5s ease-in-out infinite;
}
@-webkit-keyframes toggle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes toggle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes moveCursor1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@keyframes moveCursor1 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}
@-webkit-keyframes moveCursor2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@keyframes moveCursor2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
}
@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }
    25%, 50% {
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
@media (max-width: 1399px) {
    .header__top .container-fluid {
        width: 100%;
        margin-left: 0;
    }
}
@media (max-width: 1199px) {
    .header__top {
        display: none;
    }
}
.header__top .top__header__items {
    background-color: #2c2c2c;
    padding: 10px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header__top .top__header__items .contact__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}
.header__top .top__header__items .contact__list li {
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 1600px) {
    .header__top .top__header__items .contact__list li {
        font-size: 15px;
    }
}
.header__top .top__header__items .contact__list li i {
    margin-right: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    border: 1px solid #ffffff40;
    text-align: center;
    font-size: 16px;
}
.header__top .top__header__items .header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
}
.top__header__two .top__header__items {
    background-color: transparent;
    padding: 12px 0;
}
.top__header__two .top__header__items span {
    color: var(--pra);
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
}
.top__header__two .top__header__items span a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--black);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.top__header__two .top__header__items span a:hover {
    color: var(--theme2);
}
.top__header__two .top__header__items .social__icon li {
    border: 1px solid var(--border2);
}
.top__header__two .top__header__items .social__icon li a i {
    color: var(--pra);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.top__header__two .top__header__items .social__icon li:hover {
    background-color: var(--theme2);
    border: 1px solid transparent;
}
.top__header__two .top__header__items .social__icon li:hover a i {
    color: var(--white);
}
.middle__header {
    padding: 20px 0;
}
@media (max-width: 1199px) {
    .middle__header {
        display: none;
    }
}
.middle__header .middle__header__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.middle__header .middle__header__wrapper .middle__header__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 50px;
}
.middle__header .middle__header__wrapper .middle__header__items .contact__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.middle__header .middle__header__wrapper .middle__header__items .contact__item .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid var(--border2);
    border-radius: 50%;
    text-align: center;
}
.middle__header .middle__header__wrapper .middle__header__items .contact__item .icon i {
    color: var(--theme2);
    font-size: 18px;
}
.middle__header .middle__header__wrapper .middle__header__items .contact__item .content p {
    font-weight: 500;
}
.middle__header .middle__header__wrapper .middle__header__items .contact__item .content h6 {
    font-weight: 600;
    font-family: "Red Hat Display", cursive;
    text-transform: initial;
}
.middle__header .middle__header__wrapper .middle__header__items .cmn--btn2 {
    border-radius: 7px;
    background-color: var(--theme2);
}
.middle__header__two {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    padding: 0;
}
.middle__header__two .middle__header__wrapper .middle__header__items .contact__item .icon {
    background-color: var(--white);
}
.middle__header__two .middle__header__wrapper .middle__header__items .contact__item .icon i {
    color: var(--subtitle2);
}
.middle__header__two .middle__header__wrapper .middle__header__items .contact__item .content h6 {
    color: var(--subtitle2);
}
@media (max-width: 1399px) {
    .middle__header__two .middle__header__wrapper .middle__header__items .contact__item .content h6 {
        font-size: 16px;
    }
}
.middle__header__two .middle__header__wrapper .middle__header__items .cmn--btn2 {
    background-color: var(--subtitle2);
}
.middle__header__wrapper__two .logo__img {
    padding: 35px 50px;
    background-color: var(--theme3);
}
.header__one {
    background: var(--white);
    -webkit-box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.15);
    box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.15);
}
.header__two {
    margin-bottom: -40px;
}
@media (max-width: 991px) {
    .header__two {
        margin-bottom: 0;
        background-color: var(--white);
        padding: 20px 0;
		border: #ccc solid 1px;
    }
}
.header__two .header-wrapper {
    background-color: #0A0A0A;
    position: relative;
    z-index: 99;
}
.header__two .header-wrapper .sticky__img {
    display: none;
}
@media (max-width: 991px) {
    .header__two .header-wrapper {
        background-color: var(--white);
    }
}
.header__two .header-wrapper .main-menu {
    margin-bottom: 0;
    padding: 0 30px;
}
@media (max-width: 991px) {
    .header__two .header-wrapper .main-menu {
        top: 72px;
    }
}
.header__two .header-wrapper .main-menu li a {
    color: var(--white);
}
.header__two .header-wrapper .main-menu li a i {
    color: var(--white);
}
@media (max-width: 991px) {
    .header__two .header-wrapper .main-menu li a {
        color: var(--black);
    }
    .header__two .header-wrapper .main-menu li a i {
        color: var(--black);
    }
}
.header__two .header-wrapper .main-menu li a:hover {
    color: var(--theme2);
}
.header__two .header-wrapper .main-menu li a:hover i {
    color: var(--theme2);
}
.header__two .header-wrapper .main-menu li .sub-menu li:hover a {
    color: var(--theme2);
}
.header__two .header-wrapper .main-menu li .sub-menu li:hover a::before {
    background-color: var(--theme2);
}
.header__two .header-wrapper .menu__components {
    margin-right: 0;
    margin-bottom: 0;
    gap: 30px;
}
.header__two .header-wrapper .menu__components .search-icon i {
    color: var(--white);
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
    .header__two .header-wrapper .menu__components .search-icon i {
        color: var(--black);
    }
}
.header__two .header-wrapper .menu__components .search-icon i:hover {
    color: var(--theme2);
}
.header__two .header-wrapper .menu__components .header__dots {
    background-color: var(--theme2);
    padding:18px;
    margin-bottom: 0 !important;
}
.header__three {
    position: absolute;
    top: 110px;
    left: 0;
    width: 100%;
    z-index: 99;
    background: var(--white);
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.07);
    max-width: 1605px;
}
@media (max-width: 1899px) {
    .header__three {
        max-width: initial;
    }
}
@media (max-width: 1199px) {
    .header__three {
        top: 0;
    }
}
@media (max-width: 991px) {
    .header__three {
        padding: 20px 0;
    }
}
.header__three .header-wrapper-three {
    margin-left: 12%;
}
@media (max-width: 1899px) {
    .header__three .header-wrapper-three {
        margin-left: 0;
    }
}
.header__three .header-wrapper-three .logo__menuadjust .main-menu {
    margin-bottom: 0;
}
.header__three .header-wrapper-three .logo__menuadjust .main-menu li a {
    color: var(--subtitle2);
}
.header__three .header-wrapper-three .logo__menuadjust .main-menu li a i {
    color: var(--subtitle2);
}
@media (max-width: 991px) {
    .header__three .header-wrapper-three .logo__menuadjust .main-menu li a {
        color: var(--subtitle2);
    }
    .header__three .header-wrapper-three .logo__menuadjust .main-menu li a i {
        color: var(--subtitle2);
    }
}
.header__three .header-wrapper-three .logo__menuadjust .main-menu li a:hover {
    color: var(--subtitle2);
}
.header__three .header-wrapper-three .logo__menuadjust .main-menu li a:hover i {
    color: var(--subtitle2);
}
.header__three .header-wrapper-three .logo__menuadjust .main-menu li .sub-menu li:hover a {
    color: var(--subtitle2);
}
.header__three .header-wrapper-three .logo__menuadjust .main-menu li .sub-menu li:hover a::before {
    background-color: var(--theme3);
}
.header__three .header-wrapper-three .menu__components {
    margin-bottom: 0;
    margin-right: 0;
}
.header__three .header-wrapper-three .menu__components .search-icon i {
    color: var(--subtitle2);
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
    .header__three .header-wrapper-three .menu__components .search-icon i {
        color: var(--subtitle2);
    }
}
.header__three .header-wrapper-three .menu__components .search-icon i:hover {
    color: var(--theme3);
}
.header__three .header-wrapper-three .menu__components .header__dots {
    padding: 25px;
    background-color: var(--theme3);
    margin-bottom: 0 !important;
}
.menu-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    background: var(--white);
    -webkit-box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.15);
    box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.15);
    max-width: 100%;
}
.menu-fixed .header-wrapper {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.menu-fixed .header-wrapper .sticky__img {
    display: block;
}
@media (max-width: 1199px) {
    .menu-fixed .header-wrapper .sticky__img {
        width: 180px;
    }
    .menu-fixed .header-wrapper .sticky__img img {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .menu-fixed .header-wrapper .sticky__img {
        display: none;
    }
}
.menu-fixed .header-wrapper .main-menu {
    margin-bottom: 0;
}
@media (max-width: 575px) {
    .menu-fixed .header-wrapper .menu__components {
        margin-right: 20px;
        margin-bottom: 0;
    }
}
.menu-fixed .header-wrapper .menu__components .search-icon i {
    color: var(--black);
}
.menu-fixed .header-wrapper .menu__components .search__wrp {
    margin-bottom: 0;
}
.menu-fixed .header-wrapper .menu__components .button {
    margin-bottom: 0;
}
.menu-fixed .header-wrapper .menu__components .header__dots {
    margin-bottom: 0 !important;
}
.menu-fixed .header-wrapper-two {
    background: transparent;
}
.menu-fixed .header-wrapper-two .main-menu li a {
    color: var(--black);
}
.menu-fixed .header-wrapper-two .main-menu li a i {
    color: var(--black);
}
@media (max-width: 1199px) {
    .menu-fixed .header-wrapper-two .main-menu {
        padding: 0 20px;
    }
}
@media (max-width: 575px) {
    .menu-fixed .header-wrapper-two .menu__components {
        margin-right: 0;
    }
}
.menu-fixed .header-wrapper-three {
    margin-left: 0;
}
.menu-fixed .header-wrapper-three .sticky__img {
    display: block;
}
@media (max-width: 1199px) {
    .menu-fixed .header-wrapper-three .sticky__img {
        width: 180px;
    }
    .menu-fixed .header-wrapper-three .sticky__img img {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .menu-fixed .header-wrapper-three .sticky__img {
        display: none;
    }
}
.header-wrapper-three .sticky__img {
    display: none;
}
.header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.9s;
    transition: all 0.9s;
    width: 100%;
    position: relative;
}
.header-wrapper .logo__menuadjust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 45px;
}
@media screen and (max-width: 1490px) {
    .header-wrapper .logo__menuadjust {
        gap: 35px;
    }
    .header-wrapper .logo__menuadjust .main__logo img {
        width: 140px;
    }
}
@media (max-width: 1399px) {
    .header-wrapper .logo__menuadjust {
        gap: 35px;
    }
}
.header-wrapper .logo__menuadjust .main__logo {
    background-color: var(--theme);
    padding: 40px 51px;
    z-index: 99;
}
@media (max-width: 1600px) {
    .header-wrapper .logo__menuadjust .main__logo {
        padding: 40px 30px;
    }
}
@media screen and (max-width: 1490px) {
    .header-wrapper .logo__menuadjust .main__logo {
        padding: 37px 35px;
    }
}
@media (max-width: 991px) {
    .header-wrapper .logo__menuadjust .main__logo {
        padding: 30px 35px;
    }
}
@media (max-width: 575px) {
    .header-wrapper .logo__menuadjust .main__logo {
        padding: 20px 30px;
    }
    .header-wrapper .logo__menuadjust .main__logo img {
        width: 130px;
    }
}
.header-wrapper .logo__menuadjust .logo__img {
    display: none;
}
@media (max-width: 991px) {
    .header-wrapper .logo__menuadjust .logo__img {
        display: block;
        width: 180px;
    }
    .header-wrapper .logo__menuadjust .logo__img img {
        width: 100%;
        height: 100%;
    }
}
.header-wrapper .menu__components {
    gap: 50px;
    margin-right: 40px;
}
@media screen and (max-width: 1490px) {
    .header-wrapper .menu__components {
        margin-right: 20px;
        gap: 20px;
    }
}
@media (max-width: 575px) {
    .header-wrapper .menu__components {
        margin-right: 20px;
    }
}
.header-wrapper .menu__components .search__wrp {
    position: relative;
    margin-bottom: 20px;
}
@media (max-width: 1199px) {
    .header-wrapper .menu__components .search__wrp {
        display: none;
    }
}
.header-wrapper .menu__components .search__wrp input {
    background-color: transparent;
    outline: none;
    width: 180px;
    font-size: 18px;
    padding: 10px 40px 10px 7px;
    font-weight: 400;
    border: none;
    color: var(--black);
    font-family: 'Red Hat Display', sans-serif;
    border-bottom: 1px solid #0e0e0e1a;
    border-radius: 0;
}
@media screen and (max-width: 1215px) {
    .header-wrapper .menu__components .search__wrp input {
        width: 130px;
    }
}
@media screen and (max-width: 1490px) {
    .header-wrapper .menu__components .search__wrp input {
        font-size: 14px;
        width: 150px;
    }
}
.header-wrapper .menu__components .search__wrp input::-webkit-input-placeholder {
    color: var(--black);
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
}
.header-wrapper .menu__components .search__wrp input:-ms-input-placeholder {
    color: var(--black);
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
}
.header-wrapper .menu__components .search__wrp input::-ms-input-placeholder {
    color: var(--black);
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
}
.header-wrapper .menu__components .search__wrp input::placeholder {
    color: var(--black);
    font-weight: 400;
    font-family: 'Red Hat Display', sans-serif;
}
.header-wrapper .menu__components .search__wrp button {
    position: absolute;
    right: 0;
    top: 12px;
}
.header-wrapper .menu__components .search__wrp button i {
    font-size: 18px;
    color: var(--black);
}
@media (max-width: 1399px) {
    .header-wrapper .menu__components .search__wrp button i {
        font-size: 15px;
    }
}
.header-wrapper .menu__components .button {
    margin-bottom: 15px;
    margin-top: 0;
}
@media screen and (max-width: 1490px) {
    .header-wrapper .menu__components .button .cmn--btn2 {
        padding: 15px 20px 15px;
        font-size: 14px;
    }
}
@media (max-width: 1399px) {
    .header-wrapper .menu__components .button {
        display: none;
    }
}
.header-wrapper .menu__components .header__dots {
    margin-bottom: 20px !important;
}
@media (max-width: 1199px) {
    .header-wrapper .menu__components .header__dots {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 991px) {
    .header-wrapper .menu__components .header__dots {
        display: none;
    }
}
.header-wrapper .buttonsearch__area {
    gap: 60px;
}
.header-wrapper .main__logo .logo {
    display: block;
    width: 150px;
}
.header-wrapper .main__logo .logo img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 1199px) {
    .header-wrapper .main__logo .logo {
        width: 100px;
    }
}
@media (max-width: 575px) {
    .header-wrapper .main__logo .logo {
        width: 100px;
    }
}
.header-wrapper .main-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    top: 49px;
}
@media (max-width: 1199px) {
    .header-wrapper .main-menu {
        margin-bottom: 0 !important;
    }
}
@media (max-width: 991px) {
    .header-wrapper .main-menu {
        top: 65px;
    }
}
@media (max-width: 575px) {
    .header-wrapper .main-menu {
        top: 49px;
    }
}
.header-wrapper .main-menu li {
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: relative;
}
.header-wrapper .main-menu li a {
    color: var(--black);
    font-size: 18px;
    font-style: normal;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
    line-height: 120%;
    text-transform: capitalize;
    padding: 20px 16px;
	display: block;
}
.header-wrapper .main-menu li a:hover {
    color: var(--theme);
}
@media (max-width: 1600px) {
    .header-wrapper .main-menu li a {
        font-size: 16px !important;
    }
}
.header-wrapper .main-menu li a i {
    margin-left: 8px;
    font-size: 18px !important;
    color: var(--black);
}
@media (max-width: 1600px) {
    .header-wrapper .main-menu li a i {
        font-size: 16px;
    }
}
.header-wrapper .main-menu li a i:hover {
    color: var(--theme);
}
.header-wrapper .main-menu li .sub-menu {
    position: relative;
    padding:10px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
@media (max-width: 991px) {
    .header-wrapper .main-menu li .sub-menu {
        padding: 5px 10px 10px 10px;
        border-top: 1px solid rgba(170, 181, 200, 0.5);
    }
}
@media (min-width: 992px) {
    .header-wrapper .main-menu li .sub-menu {
        position: absolute;
        top:60%;
        left: 0;
        width: 250px;
        z-index: 999;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        background: var(--white);
        -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 34px 0px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 34px 0px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        opacity: 0;
        gap: 5px;
        -webkit-transform: translateY(55px);
        transform: translateY(55px);
        visibility: hidden;
        display: block !important;
    }
    .header-wrapper .main-menu li .sub-menu ul {
        display: block !important;
    }
}
.header-wrapper .main-menu li .sub-menu li {
    -webkit-transition: all 0.4s !important;
    transition: all 0.4s !important;
}
.header-wrapper .main-menu li .sub-menu li a {
    color: var(--title);
    text-transform: capitalize;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin: 1px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.header-wrapper .main-menu li .sub-menu li a::before {
    position: absolute;
    content: "";
    left: 20px;
    bottom: 10px;
    background: var(--base);
    width: 10px;
    height: 2px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 0;
}
.header-wrapper .main-menu li .sub-menu li a i {
    font-size: 14px !important;
}
@media (max-width: 991px) {
    .header-wrapper .main-menu li .sub-menu li a {
        font-size: 16px;
    }
}
@media (min-width: 992px) {
    .header-wrapper .main-menu li .sub-menu li:not(:last-child) {
        border-bottom: 1px solid var(--changeborder);
    }
    .header-wrapper .main-menu li .sub-menu li a {
        padding: 10px 10px;
    }
}
.header-wrapper .main-menu li .sub-menu li:hover a {
    color: var(--base);
    padding-left: 20px;
}
.header-wrapper .main-menu li .sub-menu li:hover a::before {
    position: absolute;
    content: "";
    left: 7px;
    bottom: 18px;
    background: var(--base);
    width: 10px;
    height: 2px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    opacity: 1;
}
@media (min-width: 992px) {
    .header-wrapper .main-menu li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}
@media (max-width: 1199px) {
    .header-wrapper .main-menu {
        gap: 0 20px;
    }
    .header-wrapper .main-menu li a {
        padding: 40px 2px;
    }
}
@media (max-width: 991px) {
    .header-wrapper .main-menu {
        gap: 0 20px;
    }
    .header-wrapper .main-menu li a {
        padding: 16px 0;
    }
}
.header-wrapper .menu__right__components {
    gap: 15px;
}
@media (max-width: 500px) {
    .header-wrapper .menu__right__components {
        gap: 10px;
    }
}
@media (max-width: 1600px) {
    .header-wrapper .buttonsearch__area {
        gap: 20px;
    }
}
@media screen and (max-width: 991px) {
    .main-menu {
        position: fixed;
        top: 64px;
        width: 100%;
        left: 0;
        display: block !important;
        margin-top: 20px;
        z-index: 999;
        padding: 15px 15px;
        -webkit-transition: all 0.4s !important;
        transition: all 0.4s !important;
        -webkit-transform-origin: top;
        transform-origin: top;
        max-height: calc(100vh - 130px);
        background: var(--white);
        overflow-y: auto;
    }
    .main-menu:not(.active) {
        position: fixed;
        display: none !important;
    }
    .main-menu li {
        width: 100%;
        border-bottom: 1px solid rgba(170, 181, 200, 0.5);
    }
    .main-menu li a {
        display: block;
        padding: 8px 10px 6px;
    }
    .main-menu li .sub-menu {
        display: none;
    }
    .main-menu li .sub-menu li {
        border-bottom: none;
    }
    .main-menu li .sub-menu li:not(:last-child) {
        border-bottom: 1px solid rgba(170, 181, 200, 0.5);
    }
    .main-menu .active a {
        color: var(--white);
    }
    .header-bar {
        position: relative;
        width: 31px;
        height: 20px;
		cursor: pointer;
    }
    .header-bar span {
        position: absolute;
        width: 100%;
        height: 2px;
        display: inline-block;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        left: 0;
        background: var(--title);
    }
    .header-bar span:first-child {
        top: 0;
        background: var(--title);
    }
    .header-bar span:nth-child(2) {
        top: 44%;
        background: var(--title);
    }
    .header-bar span:last-child {
        bottom: 0;
        background: var(--title);
    }
    .header-bar.active span:first-child {
        -webkit-transform: rotate(45deg) translate(3px, 9px);
        transform: rotate(45deg) translate(3px, 9px);
    }
    .header-bar.active span:nth-child(2) {
        opacity: 0;
    }
    .header-bar.active span:last-child {
        -webkit-transform: rotate(-45deg) translate(3px, -9px);
        transform: rotate(-45deg) translate(3px, -9px);
    }
    .header-bar:hover {
        cursor: pointer;
    }
}
.search-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0.9);
}
.search-wrap .search-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.search-wrap .search-cell {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.search-wrap .search-field-holder {
    width: 50%;
    margin: auto;
    position: relative;
    -webkit-animation: slideInUp 0.3s;
    animation: slideInUp 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search-wrap .search-field-holder {
        width: 70%;
    }
}
@media (max-width: 575px) {
    .search-wrap .search-field-holder {
        width: 80%;
    }
}
.search-wrap .main-search-input {
    width: 100%;
    height: 70px;
    border: 0;
    padding: 0 50px;
    text-transform: uppercase;
    background: transparent;
    font-size: 25px;
    color: var(--theme2);
    border-bottom: 2px solid var(--theme2);
    text-align: center;
    letter-spacing: 2px;
}
@media (max-width: 575px) {
    .search-wrap .main-search-input {
        height: 50px;
        padding: 0 0;
        line-height: 50px;
        font-size: 18px;
    }
}
.search-wrap input.form-control, .search-wrap input.form-control:focus {
    background-color: var(--theme2);
}
input.main-search-input::-webkit-input-placeholder {
    color: var(--theme2);
    opacity: 1;
    font-size: 25px;
}
input.main-search-input:-ms-input-placeholder {
    color: var(--theme2);
    opacity: 1;
    font-size: 25px;
}
input.main-search-input::-ms-input-placeholder {
    color: var(--theme2);
    opacity: 1;
    font-size: 25px;
}
input.main-search-input::placeholder {
    color: var(--theme2);
    opacity: 1;
    font-size: 25px;
}
@media (max-width: 575px) {
    input.main-search-input::-webkit-input-placeholder {
        font-size: 18px;
    }
    input.main-search-input:-ms-input-placeholder {
        font-size: 18px;
    }
    input.main-search-input::-ms-input-placeholder {
        font-size: 18px;
    }
    input.main-search-input::placeholder {
        font-size: 18px;
    }
}
.search-close {
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 30px;
    color: var(--theme2);
    cursor: pointer;
}
.side_bar {
    position: fixed;
    top: 0;
    right: 0px;
    width: 450px;
    height: 100%;
    background-color: var(--footer);
    padding: 40px;
    padding-top: 45px;
    z-index: 999999999;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.side_bar .info .icon__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.side_bar .info .icon__item:not(:last-child) {
    margin-bottom: 30px;
}
.side_bar .info .icon__item .icon {
    color: var(--white);
    font-size: 32px;
}
.side_bar .info .icon__item .content p {
    font-size: 15px;
    margin-bottom: 5px;
}
.side_bar .info .icon__item .content h6 {
    font-family: "Red Hat Display", cursive;
    font-size: 16px;
    color: var(--white);
}
.side_bar button {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 20px;
    background-color: var(--theme);
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.side_bar button:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.side_bar p {
    color: var(--white);
}
.side_bar .footer__gallery .gallery__wrap .gallery__item .thumb {
    width: 100px;
}
.side_bar .footer__gallery .gallery__wrap .gallery__item .thumb .icon i {
    margin-top: 40px;
}
.side_bar_hidden {
    visibility: hidden;
    opacity: 0;
    right: -30px;
}
.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}
.cursor-inner {
    width: 6px;
    height: 6px;
    z-index: 10000001;
    background-color: var(--theme);
    -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.cursor-inner.cursor-hover {
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    background-color: var(--theme);
    opacity: 0.3;
}
.cursor-outer {
    margin-left: -12px;
    margin-top: -12px;
    width: 30px;
    height: 30px;
    border: 1px solid var(--theme);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.5;
    -webkit-transition: all 0.08s ease-out;
    transition: all 0.08s ease-out;
}
.cursor-outer.cursor-hover {
    opacity: 0;
}
.breadcrumb__wrapper {
    padding:80px 0 60px 0;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -20px;
}
.breadcrumb__wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background: #000;
}
@media (max-width: 1199px) {
    .breadcrumb__wrapper {
        padding: 150px 0;
        margin-top: 0;
    }
}
@media (max-width: 991px) {
    .breadcrumb__wrapper {
        padding: 120px 0;
    }
}
@media (max-width: 575px) {
    .breadcrumb__wrapper {
        padding: 100px 0;
    }
}
.breadcrumb__wrapper .shape {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.breadcrumb__wrapper .shape img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .breadcrumb__wrapper .shape {
        display: none;
    }
}
.breadcrumb__wrapper .page__heading {
    position: relative;
}
.breadcrumb__wrapper .page__heading h1 {
    text-transform: capitalize;
    font-size: 60px;
}
@media (max-width: 991px) {
    .breadcrumb__wrapper .page__heading h1 {
        font-size: 48px;
    }
}
@media (max-width: 575px) {
    .breadcrumb__wrapper .page__heading h1 {
        font-size: 32px;
    }
}
.breadcrumb__wrapper .page__heading h1 span {
    font-size: 60px;
    font-weight: 400;
}
@media (max-width: 991px) {
    .breadcrumb__wrapper .page__heading h1 span {
        font-size: 48px;
    }
}
@media (max-width: 575px) {
    .breadcrumb__wrapper .page__heading h1 span {
        font-size: 32px;
    }
}
.breadcrumb__wrapper .page__heading .breadcrumb__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
}
@media (max-width: 575px) {
    .breadcrumb__wrapper .page__heading .breadcrumb__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.breadcrumb__wrapper .page__heading .breadcrumb__items li {
    font-size: 20px;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 991px) {
    .breadcrumb__wrapper .page__heading .breadcrumb__items li {
        font-size: 19px;
    }
}
@media (max-width: 575px) {
    .breadcrumb__wrapper .page__heading .breadcrumb__items li {
        font-size: 18px;
    }
}
.breadcrumb__wrapper .page__heading .breadcrumb__items li a {
    color: var(--pra2);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.breadcrumb__wrapper .page__heading .breadcrumb__items li a:hover {
    color: var(--theme);
}
.breadcrumb__wrapper .page__heading .breadcrumb__items li i {
    font-weight: 400;
    font-size: 20px;
}
.breadcrumb__wrapper .page__heading .breadcrumb__items .text {
    text-decoration: underline;
}
.banner__section {
    margin-top: -20px;
}
@media (max-width: 1199px) {
    .banner__section {
        margin-top: 0;
    }
}
.banner__section .right__shape1 {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.banner__section .right__shape1 img {
    height: 100%;
}
@media (max-width: 1199px) {
    .banner__section .right__shape1 {
        display: none;
    }
}
.banner__section .right__shape2 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3;
}
@media (max-width: 1199px) {
    .banner__section .right__shape2 {
        display: none;
    }
}
.banner__section .right__shape3 {
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 1199px) {
    .banner__section .right__shape3 {
        display: none;
    }
}
.banner__section .arry__button {
    position: absolute;
    top: 50%;
    right: 315px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -ms-grid;
    display: grid;
    z-index: 999;
}
@media (max-width: 1199px) {
    .banner__section .arry__button {
        display: none;
    }
}
.banner__section .arry__button .arry__prev {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    border: 1px solid var(--pra);
    margin-bottom: 15px;
    background: var(--white);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-left: 20px;
}
.banner__section .arry__button .arry__prev i {
    color: var(--black);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.banner__section .arry__button .arry__prev:hover {
    background-color: var(--theme);
    border: 1px solid var(--theme);
}
.banner__section .arry__button .arry__prev:hover i {
    color: var(--white);
}
.banner__section .arry__button .arry__next {
    width: 51px;
    height: 51px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--border);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.banner__section .arry__button .arry__next i {
    color: var(--white);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.banner__section .arry__button .arry__next:hover {
    background-color: var(--theme);
    border: 1px solid var(--theme);
}
.banner__section .arry__button .arry__next:hover i {
    color: var(--white);
}
.banner__section .swiper-slide-active .banner__image {
    -webkit-transform: scale(1.12);
    transform: scale(1.12);
}
.banner__section .banner__pagination__wrapper {
    position: absolute;
    right: 13%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
}
@media (max-width: 991px) {
    .banner__section .banner__pagination__wrapper {
        display: none;
    }
}
.banner__section .banner__pagination__wrapper .banner-pagination {
    display: -ms-grid;
    display: grid;
    gap: 10px;
}
.banner__section .banner__pagination__wrapper .banner-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    background-color: var(--white);
    opacity: 1;
}
.banner__section .banner__pagination__wrapper .banner-pagination .swiper-pagination-bullet:hover {
    background: var(--white);
}
.banner__section .banner__pagination__wrapper .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 7px;
    background-color: var(--theme2);
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.banner__section__two {
    margin-top: 0;
}
.banner__image {
    background: url(../img/banner/banner1.png) no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -2;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 8s ease-out 0s;
    transition: all 8s ease-out 0s;
}
.banner__image::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0.7;
    background: #005C46;
    mix-blend-mode: multiply;
}
.banner__content {
    position: relative;
    padding: 200px 0;
}
@media (max-width: 1399px) {
    .banner__content {
        padding: 180px 0;
    }
}
@media (max-width: 1199px) {
    .banner__content {
        padding: 140px 0;
    }
}
@media (max-width: 991px) {
    .banner__content {
        padding: 110px 0;
    }
}
@media (max-width: 767px) {
    .banner__content {
        padding: 90px 0;
    }
}
@media (max-width: 575px) {
    .banner__content {
        padding: 90px 0;
        text-align: center;
    }
}
@media (max-width: 1399px) {
    .banner__content h1 {
        line-height: 90px;
        font-size: 68px;
    }
}
@media (max-width: 1199px) {
    .banner__content h1 {
        line-height: 65px;
        font-size: 52px;
    }
}
@media (max-width: 991px) {
    .banner__content h1 {
        line-height: 60px;
        margin-bottom: 25px;
        font-size: 45px;
    }
}
@media (max-width: 575px) {
    .banner__content h1 {
        line-height: 42px;
        margin-bottom: 20px;
        font-size: 32px;
    }
}
.banner__content h4 {
    color: var(--white);
    position: relative;
    margin-left: 20px;
}
.banner__content h4::before {
    position: absolute;
    top: 0;
    left: -20px;
    content: "";
    width: 3px;
    height: 25px;
    background-color: var(--white);
}
@media (max-width: 575px) {
    .banner__content h4::before {
        display: none;
    }
}
@media (max-width: 1199px) {
    .banner__content h4 {
        font-size: 21px;
        line-height: 28px;
    }
}
@media (max-width: 991px) {
    .banner__content h4 {
        font-size: 20px;
        line-height: 28px;
    }
}
@media (max-width: 575px) {
    .banner__content h4 {
        font-size: 18px;
        line-height: 28px;
        margin-left: initial;
    }
}
.banner__content .banner__button {
    gap: 60px;
}
@media (max-width: 991px) {
    .banner__content .banner__button {
        padding-top: 20px;
    }
}
@media (max-width: 575px) {
    .banner__content .banner__button {
        gap: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px;
    }
}
.banner__content .banner__button .play__btn .play__icon {
    width: 90px;
    height: 90px;
    line-height: 90px;
    border: 1px solid var(--border);
    border-radius: 100%;
    text-align: center;
    padding: 37px 38px;
}
@media (max-width: 575px) {
    .banner__content .banner__button .play__btn .play__icon {
        padding: 25px 25px;
    }
}
.banner__content .banner__button .play__btn .video__text {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-left: 25px;
}
.banner__image__two {
    background: url(../img/banner/banner4.png) no-repeat center center;
    background-size: cover;
}
.banner__image__two::before {
    background-color: rgba(10, 10, 10, 0.75);
    mix-blend-mode: initial;
    opacity: initial;
}
.banner__content__two {
    padding: 165px 0;
    max-width: 550px;
}
@media (max-width: 1199px) {
    .banner__content__two {
        padding: 110px 0;
    }
}
@media (max-width: 767px) {
    .banner__content__two {
        padding: 90px 0;
    }
}
.banner__content__two .banner__head__title {
    font-weight: 500;
    color: var(--white);
    margin-bottom: 30px;
    border-bottom: 1px solid var(--border);
    width: 355px;
    padding-bottom: 25px;
}
@media (max-width: 575px) {
    .banner__content__two .banner__head__title {
        text-align: center;
        margin: 0 auto 30px;
    }
}
.banner__content__two .banner__head__title i {
    font-size: 24px;
    margin-right: 10px;
    color: var(--theme2);
}
.banner__content__two h1 {
    font-size: 60px;
    font-family: "Red Hat Display", cursive;
}
.banner__content__two h1 span {
    font-weight: 700;
    font-size: 60px;
    color: var(--theme2);
}
@media (max-width: 1399px) {
    .banner__content__two h1 {
        line-height: 80px;
    }
}
@media (max-width: 1199px) {
    .banner__content__two h1 {
        font-size: 52px;
        line-height: 62px;
    }
    .banner__content__two h1 span {
        font-size: 52px;
    }
}
@media (max-width: 767px) {
    .banner__content__two h1 {
        font-size: 42px;
        line-height: 55px;
    }
    .banner__content__two h1 span {
        font-size: 42px;
    }
}
@media (max-width: 575px) {
    .banner__content__two h1 {
        font-size: 32px;
        line-height: 42px;
    }
    .banner__content__two h1 span {
        font-size: 32px;
    }
}
.banner__content__two .content__title {
    padding: 10px 18px;
    background: rgba(255, 255, 255, 0.2);
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: var(--white);
    border-left: 3px solid var(--white);
    display: inline-block;
    margin-top: 15px;
}
@media (max-width: 991px) {
    .banner__content__two .content__title {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .banner__content__two .content__title {
        font-size: 15px;
    }
}
.banner__content__two .banner__button {
    margin-top: 40px;
    gap: 20px;
}
.banner__content__two .banner__button .cmn--btn2 {
    background-color: var(--theme2);
    border-radius: 7px;
    border: 1px solid var(--theme2);
}
.banner__content__two .banner__button .cmn--btn {
    background-color: transparent;
    border-radius: 7px;
    padding: 17px 50px;
    border: 1px solid var(--border);
}
.banner__content__two .banner__button .cmn--btn::before {
    background-color: var(--theme2);
    border-radius: 7px;
}
.banner__content__two .banner__button .cmn--btn:hover {
    border: 1px solid var(--theme2);
}
.banner__content__three .banner__head__title {
    color: var(--pra);
}
.banner__content__three .banner__head__title i {
    font-size: 24px;
    margin-right: 10px;
    color: var(--subtitle2);
}
@media (max-width: 575px) {
    .banner__content__three .banner__head__title i {
        font-size: 18px;
    }
}
@media (max-width: 575px) {
    .banner__content__three .banner__head__title {
        font-size: 15px;
    }
}
.banner__content__three h1 {
    color: var(--subtitle);
    font-size: 60px;
}
@media (max-width: 1399px) {
    .banner__content__three h1 {
        font-size: 48px;
    }
}
@media (max-width: 991px) {
    .banner__content__three h1 {
        font-size: 48px;
    }
}
@media (max-width: 575px) {
    .banner__content__three h1 {
        font-size: 28px;
    }
}
.banner__content__three .button .cmn--btn2 {
    background-color: var(--theme3);
    color: var(--white);
    border-radius: 7px;
}
.banner__content__three .all__client {
    border-left: 3px solid var(--subtitle2);
    margin-top: 40px;
    gap: 20px;
}
.banner__content__three .all__client .client__img__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 40px;
}
.banner__content__three .all__client .client__img__items .client__thumb {
    margin-left: -15px;
}
.banner__content__three .all__client .client__title {
    font-size: 18px;
    font-weight: 600;
    font-family: "Red Hat Display", cursive;
    margin-bottom: 0;
    margin-top: 0;
}
@media (max-width: 575px) {
    .banner__content__three .all__client .client__title {
        font-size: 13px;
    }
}
.banner__thumb__three img {
    width: 100%;
    height: 100%;
}
.banner__section__three .banner__dot {
    position: absolute;
    top: 50%;
    left: 145px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1600px) {
    .banner__section__three .banner__dot {
        left:150px;
		z-index: 9
    }
}
@media (max-width: 1199px) {
    .banner__section__three .banner__dot {
        display: none;
    }
}
.banner__section__three .banner__dot .banner-two__dot {
    display: -ms-grid;
    display: grid;
    gap: 20px;
}
.banner__section__three .banner__dot .banner-two__dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--white);
}
.banner__section__three .right__shape__four {
    position: absolute;
    top: 0;
    right: 0;
}
@media (max-width: 1899px) {
    .banner__section__three .right__shape__four {
        width: 800px;
    }
}
@media (max-width: 1600px) {
    .banner__section__three .right__shape__four {
        width: 600px;
    }
}
@media (max-width: 1199px) {
    .banner__section__three .right__shape__four {
        display: none;
    }
}
.banner__wrapper__three {
    padding-top: 40px;
    padding-bottom: 20px;
}
@media (max-width: 1199px) {
    .banner__wrapper__three {
        padding-top: 30px;
    }
}
.imagetwo {
    background: url(../img/banner/banner2.png) no-repeat center center;
    background-size: cover;
}
.imagethree {
    background: url(../img/banner/banner3.png) no-repeat center center;
    background-size: cover;
}
.imagefour {
    background: url(../img/banner/banner5.png) no-repeat center center;
    background-size: cover;
}
.imagefive {
    background: url(../img/banner/banner6.png) no-repeat center center;
    background-size: cover;
}
.feature__items {
    background-color: var(--white);
    -webkit-box-shadow: 0px 7px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 7px 60px rgba(0, 0, 0, 0.07);
    padding: 30px;
    border-radius: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
    .feature__items {
        padding: 22px;
    }
}
.feature__items .feature__wrap .feature__icon {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-size: 50px;
    color: var(--theme);
}
.feature__items .feature__wrap .icon {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    border: 1px solid var(--border2);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    line-height: 84px;
}
.feature__items .feature__wrap .icon i {
    font-size: 35px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    color: var(--black);
    padding: 6px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
    .feature__items .feature__content {
        margin-top: 10px;
    }
}
@media (max-width: 575px) {
    .feature__items .feature__content {
        margin-top: 0;
    }
}
.feature__items .feature__content .title {
    font-size: 24px;
}
.feature__items .feature__content .title a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
    .feature__items .feature__content .title {
        font-size: 20px;
    }
}
.feature__items .feature__content span {
    font-size: 40px;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--subtitle);
    color: transparent;
    opacity: 0.2;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.feature__items.active {
    background-color: var(--theme);
    -webkit-box-shadow: 0px 10px 60px rgba(194, 11, 11, 0.3);
    box-shadow: 0px 10px 60px rgba(194, 11, 11, 0.3);
}
.feature__items.active .feature__wrap .feature__icon {
    color: var(--white);
}
.feature__items.active .feature__wrap .icon {
    border: 1px solid var(--border);
}
.feature__items.active .feature__wrap .icon i {
    color: var(--white);
}
.feature__items.active .feature__content h5 a {
    color: var(--white);
}
.feature__items.active .feature__content span {
    -webkit-text-stroke-color: var(--white);
    opacity: 1;
}
.feature__single__wrapper {
    margin-left: 50px;
}
@media (max-width: 575px) {
    .feature__single__wrapper {
        margin-left: 0;
    }
}
.single__feature__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 575px) {
    .single__feature__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (max-width: 575px) {
    .single__feature__items .single__feature__thumb {
        display: none;
    }
}
.single__feature__items .single__feature__thumb img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.single__feature__items .single__feature__content {
    background-color: var(--white);
    padding: 40px 45px 40px 45px;
    overflow: hidden;
}
.single__feature__items .single__feature__content h4 {
    font-weight: 400;
    margin-bottom: 20px;
}
.single__feature__items .single__feature__content h5 {
    font-family: "Red Hat Display", cursive;
    font-weight: 700;
    margin-bottom: 20px;
}
.single__feature__items .single__feature__content h5 a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__feature__items .single__feature__content h5 a:hover {
    color: var(--theme2);
}
.single__feature__items .single__feature__content .button {
    overflow: hidden;
}
.single__feature__items:hover .single__feature__content .button .arrow__btn {
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    background-color: var(--theme2);
    border: 1px solid var(--theme2);
    color: var(--white);
}
.single__feature__items:hover .single__feature__content .button .arrow__btn::before {
    opacity: 1;
}
.feature__section__three {
    padding-bottom: 260px;
}
@media (max-width: 1199px) {
    .feature__section__three {
        padding-bottom: 235px;
    }
}
@media (max-width: 991px) {
    .feature__section__three {
        padding-bottom: 215px;
    }
}
.feature__section__three .left__shape {
    position: absolute;
    top: 174px;
    left: 0;
}
@media (max-width: 1199px) {
    .feature__section__three .left__shape {
        display: none;
    }
}
.feature__section__three .right__shape {
    position: absolute;
    right: 0;
    top: 100px;
}
@media (max-width: 1199px) {
    .feature__section__three .right__shape {
        display: none;
    }
}
.feature__section__three .section__title__three {
    margin-bottom: 40px;
    max-width: 750px;
}
.feature__section__three .section__title__three h5 {
    color: var(--theme3);
    max-width: 250px;
}
.feature__section__three .section__title__three h5::before {
    background-color: var(--theme3);
}
.feature__section__three .section__title__three h2 {
    color: var(--white);
}
.single__wrapper__three {
    padding: 0 95px;
    position: relative;
    z-index: 9;
}
@media (max-width: 575px) {
    .single__wrapper__three {
        padding: 0 20px;
    }
}
.single__feature__items__three {
    background-color: #00264b;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__feature__items__three .single__feature__content__three {
    padding: 40px 50px;
}
@media (max-width: 1899px) {
    .single__feature__items__three .single__feature__content__three {
        padding: 35px 40px;
    }
}
@media (max-width: 1399px) {
    .single__feature__items__three .single__feature__content__three {
        padding: 30px 30px;
    }
}
@media (max-width: 1199px) {
    .single__feature__items__three .single__feature__content__three {
        padding: 30px 35px;
    }
}
@media (max-width: 575px) {
    .single__feature__items__three .single__feature__content__three {
        padding: 30px 30px;
    }
}
.single__feature__items__three .single__feature__content__three h4 {
    margin-bottom: 0;
}
@media (max-width: 1899px) {
    .single__feature__items__three .single__feature__content__three h4 {
        font-size: 20px;
    }
}
.single__feature__items__three .single__feature__content__three h4 a {
    color: var(--white);
    background-size: 100% 2px;
    font-family: 'Red Hat Display', sans-serif;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin: 0;
    text-transform: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--subtitle2)), to(var(--subtitle2)));
    background-image: linear-gradient(var(--subtitle2), var(--subtitle2));
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.single__feature__items__three .single__feature__thumb__three {
    padding: 0 30px 30px 30px;
}
.single__feature__items__three .single__feature__thumb__three img {
    width: 100%;
    height: 100%;
}
.single__feature__items__three.active {
    background-color: var(--theme3);
}
.single__feature__items__three.active .single__feature__content__three h4 a {
    color: var(--subtitle2);
    background-size: 100% 2px;
}
.feature__section__four {
    padding-top: 60px;
    padding-bottom:60px;
}
@media (max-width: 1199px) {
    .feature__section__four {
        padding-bottom: 115px;
    }
}
@media (max-width: 991px) {
    .feature__section__four {
        padding-bottom: 95px;
    }
}
.feature__section__four .section__title {
    max-width: 540px;
    margin-left: 30px;
    margin-bottom: 0;
}
.feature__section__four .section__title p {
    margin-top: 30px;
}
.feature__section__four .section__title .button {
    margin-top: 50px;
}
.feature__section__four .shape {
    position: absolute;
    top: -35px;
    left: 135px;
}
.feature__section__four .shape img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .feature__section__four .shape {
        display: none;
    }
}
.feature__section__four .single__feature__items__four {
    padding: 35px 40px;
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    position: relative;
    z-index: 999;
}
.feature__section__four .single__feature__items__four .content {
    margin-top: 20px;
}
.feature__section__four .single__feature__items__four .content h6 {
    margin-bottom: 15px;
}
.about__us {
    padding-bottom: 60px;
    position: relative;
    z-index: 99;
}
@media (max-width: 1199px) {
    .about__us {
        padding-bottom: 160px;
    }
}
@media (max-width: 991px) {
    .about__us {
        padding-bottom: 140px;
    }
}
.about__items .nav {
    border: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
.about__items .nav .nav-link {
    padding: 0;
    border: unset;
    background: none;
}
@media (max-width: 575px) {
    .about__items .nav .nav-link {
        padding: 0 5px;
    }
}
.about__items .nav .nav-link .title {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    color: var(--black);
    font-size: 22px;
}
@media (max-width: 991px) {
    .about__items .nav .nav-link .title {
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    .about__items .nav .nav-link .title {
        font-size: 18px;
    }
}
.about__items .nav .nav-link.active .title {
    border: 2px solid var(--border3);
    padding: 10px 35px;
}
.about__items .tab-content {
    margin-top: 40px;
}
@media (max-width: 991px) {
    .about__items .about__content .progress__wrap {
        padding-top: 30px;
        margin-top: 0;
    }
}
@media (max-width: 575px) {
    .about__items .about__content .progress__wrap {
        padding-top: 20px;
        margin-top: 0;
    }
}
.about__items .about__content .pro__items .pro__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}
.about__items .about__content .pro__items .pro__head .progress__title {
    font-family: "Red Hat Display", cursive;
}
.about__items .about__content .pro__items .pro__head .point {
    font-family: "Red Hat Display", cursive;
}
@media (max-width: 500px) {
    .about__items .about__content .pro__items {
        width: 100%;
        padding: 11px 24px 11px 0;
    }
    .about__items .about__content .pro__items .pro__head {
        margin-bottom: 12px;
    }
}
.about__items .about__content .progress {
    background: #0E0E0E1A;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    width: 100%;
    border-radius: 0;
}
.about__items .about__content .progress-value {
    -webkit-animation: load 3s normal forwards;
    animation: load 3s normal forwards;
    -webkit-box-shadow: 0 10px 40px -10px #fff;
    box-shadow: 0 10px 40px -10px #fff;
    background: var(--theme);
    height: 5px;
    width: 0;
}
@-webkit-keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 93%;
    }
}
@keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 93%;
    }
}
.about__items .about__content .profile__item {
    margin-top: 35px;
    gap: 45px;
}
@media (max-width: 767px) {
    .about__items .about__content .profile__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.about__items .about__content .profile__item .profile {
    gap: 20px;
}
.about__thumb img {
    width: 100%;
    height: 100%;
}
.about__thumb .circel__thumb {
    position: absolute;
    right: -50px;
    top: 0;
}
@media (max-width: 1199px) {
    .about__thumb .circel__thumb {
        right: 0;
    }
}
@media (max-width: 991px) {
    .about__thumb .circel__thumb {
        right: -22px;
        width: 200px;
    }
}
@media (max-width: 575px) {
    .about__thumb .circel__thumb {
        display: none;
    }
}
.about__thumb .content {
    position: absolute;
    bottom: -60px;
    right: 0px;
    padding: 40px 40px;
    background-color: var(--theme);
    border-radius: 0 100px 0 0;
}
@media (max-width: 575px) {
    .about__thumb .content {
        padding: 30px 20px;
    }
}
.about__thumb .content .title__cont {
    width: 200px;
}
.about__thumb .content .title__cont span {
    color: var(--white);
    font-size: 85px;
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
}
@media (max-width: 991px) {
    .about__thumb .content .title__cont span {
        font-size: 62px;
    }
}
@media (max-width: 575px) {
    .about__thumb .content .title__cont span {
        font-size: 45px;
    }
}
.about__thumb .content .title__cont h3 {
    color: var(--white);
}
@media (max-width: 991px) {
    .about__thumb .content .title__cont h3 {
        font-size: 20px;
    }
}
@media (max-width: 575px) {
    .about__thumb .content .title__cont h3 {
        font-size: 18px;
    }
}
@media (max-width: 1199px) {
    .about__uss {
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .about__uss {
        padding-bottom: 80px;
    }
}
.about__thumb__three {
    margin-bottom: -42px;
}
@media (max-width: 1199px) {
    .about__thumb__three {
        margin-bottom: 0;
    }
}
.about__thumb__two .content {
    right: initial;
    left: 135px;
    border-radius: initial;
    padding: 50px 40px;
    background-color: var(--theme2);
}
@media (max-width: 991px) {
    .about__thumb__two .content {
        padding: 35px 30px;
        bottom: -10px;
    }
}
@media (max-width: 575px) {
    .about__thumb__two .content {
        display: none;
    }
}
.about__thumb__two .content .title__cont {
    width: 170px;
}
.about__thumb__two .content .title__cont h2 span {
    font-family: "DM Sans", sans-serif;
}
.about__thumb__two .style__two {
    background-color: var(--theme);
}
.about__items__two .style__section {
    margin-bottom: 30px;
}
@media (max-width: 1399px) {
    .about__items__two .style__section h2 {
        font-size: 38px;
    }
}
@media (max-width: 1199px) {
    .about__items__two .style__section h2 {
        font-size: 32px !important;
    }
}
.about__items__two .about__list {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}
@media (max-width: 1399px) {
    .about__items__two .about__list {
        margin-top: 30px;
    }
}
@media (max-width: 1199px) {
    .about__items__two .about__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.about__items__two .about__list ul li {
    font-size: 18px;
    font-weight: 700;
    color: var(--black);
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 1399px) {
    .about__items__two .about__list ul li {
        font-size: 16px;
    }
}
.about__items__two .about__list ul li:not(:last-child) {
    margin-bottom: 25px;
}
.about__items__two .about__list ul li i {
    width: 27px;
    height: 27px;
    line-height: 28px;
    border-radius: 100%;
    background-color: var(--theme2);
    color: var(--white);
    font-size: 14px;
    text-align: center;
    margin-right: 15px;
}
.about__items__two .about__button {
    margin-top: 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1399px) {
    .about__items__two .about__button {
        margin-top: 40px;
    }
}
@media (max-width: 1199px) {
    .about__items__two .about__button {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.about__items__two .about__button .cmn--btn2 {
    background-color: var(--theme2);
    border-radius: 7px;
}
.about__items__two .about__button .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}
.about__items__two .about__button .info i {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 20px;
    text-align: center;
    border: 1px solid var(--border2);
    border-radius: 100%;
    background-color: var(--white);
    color: var(--theme2);
}
.about__items__two .about__button .info .about_info_cont span {
    font-size: 16px;
    color: var(--pra);
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
    display: block;
}
.about__items__two .about__button .info .about_info_cont a {
    font-size: 20px;
    font-weight: 700;
    color: var(--black);
    font-family: "Red Hat Display", cursive;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
    .about__items__two .about__button .info .about_info_cont a {
        font-size: 16px;
    }
}
.about__items__two .about__button .info .about_info_cont a:hover {
    color: var(--theme2);
}
.about__items__three .section__title__three {
    margin-bottom: 40px;
}
.about__items__three .text {
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.07);
    padding: 30px 35px;
    border-left: 4px solid var(--theme3);
}
.about__items__three .icon__list__items {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 575px) {
    .about__items__three .icon__list__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.about__items__three .icon__list__items .icon__item ul li {
    font-weight: 700;
    font-size: 18px;
    color: var(--subtitle2);
}
@media (max-width: 1399px) {
    .about__items__three .icon__list__items .icon__item ul li {
        font-size: 16px;
    }
}
.about__items__three .icon__list__items .icon__item ul li:not(:last-child) {
    margin-bottom: 20px;
}
.about__items__three .icon__list__items .icon__item ul li i {
    color: var(--theme3);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background-color: var(--subtitle2);
    text-align: center;
    font-size: 14px;
    margin-right: 15px;
}
.about__items__three .icon__list__items .icon__item .button .cmn--btn2 {
    background-color: var(--theme3);
    color: var(--subtitle2);
    border-radius: 7px;
}
.about__items__three .icon__list__items .content {
    padding: 50px 40px;
    background-color: var(--subtitle2);
}
@media (max-width: 1199px) {
    .about__items__three .icon__list__items .content {
        padding: 40px 30px;
    }
}
.about__items__three .icon__list__items .content .title__cont {
    width: 170px;
}
@media (max-width: 1399px) {
    .about__items__three .icon__list__items .content .title__cont {
        width: 145px;
    }
}
.about__items__three .icon__list__items .content .title__cont h2 span {
    font-family: "DM Sans", sans-serif;
    font-size: 85px;
    color: var(--white);
    font-weight: 700;
}
@media (max-width: 1399px) {
    .about__items__three .icon__list__items .content .title__cont h2 span {
        font-size: 60px;
    }
}
.about__items__three .icon__list__items .content .title__cont h4 {
    font-size: 26px;
    color: var(--white);
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 1399px) {
    .about__items__three .icon__list__items .content .title__cont h4 {
        font-size: 22px;
    }
}
.about__inner__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 52% 42%;
    grid-template-columns: 52% 42%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .about__inner__grid {
        -ms-grid-columns: 45% 50%;
        grid-template-columns: 45% 50%;
    }
}
.about__us__two {
    padding-bottom: 130px;
}
@media (max-width: 1199px) {
    .about__us__two {
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .about__us__two {
        padding-bottom: 30px;
    }
}
@media (max-width: 575px) {
    .about__us__two {
        padding-bottom: 20px;
    }
}
@media (max-width: 1199px) {
    .about__us__three {
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .about__us__three {
        padding-bottom: 80px;
    }
}
.service__section {
    background-color: var(--title);
    position: relative;
    z-index: 9;
    width: 90%;
}
.service__section .shape__thumb {
    position: absolute;
    top: -70%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.service__section .shape__thumb img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1399px) {
    .service__section {
        width: 100%;
    }
}
.service__section .section__title {
    max-width: 640px;
    position: relative;
    z-index: 999;
}
.service__section .section__title h2 {
    color: var(--white);
}
.service__section .section__title h2 span {
    color: var(--white);
}
.service__section .section__title h5 {
    color: var(--white);
}
.service__wrapper__one {
    margin-right: 7%;
    margin-left: 18%;
}
@media (max-width: 1600px) {
    .service__wrapper__one {
        margin-left: 8%;
    }
}
@media (max-width: 1399px) {
    .service__wrapper__one {
        margin-left: 7%;
    }
}
.service__card__items {
    padding: 40px;
    background-color: var(--white);
    -webkit-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    position: relative;
}
@media (max-width: 575px) {
    .service__card__items {
        padding: 30px;
    }
}
.service__card__items::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(194, 11, 11, 0.85);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service__card__items .service__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background-size: contain;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
}
.service__card__items .service__card__content {
    position: relative;
    z-index: 999;
}
.service__card__items .service__card__content .service__card__wrap {
    gap: 30px;
    border-bottom: 1px solid var(--border2);
    padding-bottom: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
    .service__card__items .service__card__content .service__card__wrap {
        gap: 15px;
        padding-bottom: 0;
    }
}
.service__card__items .service__card__content .service__card__wrap .icon {
    font-size: 60px;
    color: var(--theme);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service__card__items .service__card__content .service__card__wrap h4 a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
    .service__card__items .service__card__content .service__card__wrap h4 {
        font-size: 20px;
    }
}
.service__card__items .service__card__content p {
    margin-top: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service__card__items .service__card__content .button {
    margin-top: 30px;
}
.service__card__items.active::before {
    opacity: 1;
    visibility: visible;
}
.service__card__items.active .service__bg {
    visibility: visible;
    opacity: 1;
}
.service__card__items.active .service__card__content .service__card__wrap {
    border-bottom: 1px solid var(--white);
}
.service__card__items.active .service__card__content .service__card__wrap .icon {
    color: var(--white);
}
.service__card__items.active .service__card__content .service__card__wrap h4 a {
    color: var(--white);
}
.service__card__items.active .service__card__content p {
    color: var(--white);
}
.service__card__items.active .service__card__content .button .cmn--btns {
    color: var(--white);
}
.service__card__items.active .service__card__content .button .cmn--btns i {
    color: var(--white);
}
.service__section__three {
    padding-bottom: 100px;
}
@media (max-width: 1199px) {
    .service__section__three {
        padding-bottom: 70px;
    }
}
@media (max-width: 991px) {
    .service__section__three {
        padding-bottom: 50px;
    }
}
.service__section__three .section__title {
    margin: 0 auto 80px;
}
.quality__service__card {
    padding: 40px;
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.quality__service__card .icon {
    background-color: var(--subtitle2);
    width: 80px;
    height: 80px;
    line-height: 85px;
    border-radius: 7px;
    text-align: center;
    position: absolute;
    top: -30px;
    right: 30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-size: 42px;
    color: var(--white);
}
.quality__service__card .content {
    overflow: hidden;
}
.quality__service__card .content span {
    color: var(--pra);
    font-family: "Red Hat Display", cursive;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.quality__service__card .content h5 {
    margin-top: 20px;
    font-weight: 700;
    font-family: "Red Hat Display", cursive;
}
.quality__service__card .content h5 a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: var(--subtitle2);
}
@media (max-width: 1399px) {
    .quality__service__card .content h5 {
        font-size: 18px;
    }
}
.quality__service__card .content P {
    font-family: "Red Hat Display", cursive;
}
.quality__service__card.active {
    background-color: var(--subtitle2);
}
.quality__service__card.active .icon {
    background-color: var(--theme3);
    color: var(--subtitle2);
}
.quality__service__card.active .content span {
    color: var(--white);
}
.quality__service__card.active .content p {
    color: var(--white);
}
.quality__service__card.active .content h5 a {
    color: var(--white);
}
.quality__service__card.active .content .button .arrow__btn {
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    background-color: var(--theme3);
    border: 1px solid var(--theme3);
    color: var(--subtitle2);
}
.quality__service__card.active .content .button .arrow__btn::before {
    opacity: 1;
    color: var(--white);
}
.service__inner__section {
    background-color: var(--item);
    position: relative;
    width: 100%;
}
.service__inner__section .shape__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.service__inner__section .section__title h5 {
    color: var(--theme);
}
.service__inner__section .section__title h5:hover {
    background-color: var(--theme);
}
.service__inner__section .section__title h2 {
    color: var(--black);
}
.service__inner__section .section__title h2 span {
    color: var(--black);
}
.service__details__content .details__thumb img {
    width: 100%;
    height: 100%;
}
.service__details__content .content {
    margin-top: 30px;
}
.service__details__content .content h2 {
    font-size: 36px;
    font-family: "Red Hat Display", cursive;
}
@media (max-width: 991px) {
    .service__details__content .content h2 {
        font-size: 28px;
    }
}
@media (max-width: 575px) {
    .service__details__content .content h2 {
        font-size: 24px;
    }
}
.service__details__content .content .service__single__items {
    text-align: center;
    -webkit-box-shadow: 5px 6px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 6px 30px 0px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 30px 20px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service__details__content .content .service__single__items .icon {
    font-size: 52px;
    color: var(--theme);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service__details__content .content .service__single__items .icon__content h6 {
    font-family: "Red Hat Display", cursive;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
    .service__details__content .content .service__single__items .icon__content h6 {
        font-size: 18px;
    }
}
.service__details__content .content .service__single__items .icon__content p {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.service__details__content .content .service__single__items:hover {
    background-color: var(--theme);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
}
.service__details__content .content .service__single__items:hover .icon {
    color: var(--white);
}
.service__details__content .content .service__single__items:hover .icon__content h6 {
    color: var(--white);
}
.service__details__content .content .service__single__items:hover .icon__content p {
    color: var(--white);
}
.service__details__content .content .active {
    background-color: var(--theme);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
}
.service__details__content .content .active .icon {
    color: var(--white);
}
.service__details__content .content .active .icon__content h6 {
    color: var(--white);
}
.service__details__content .content .active .icon__content p {
    color: var(--white);
}
.service__details__content .content .list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
    gap: 40px;
}
@media (max-width: 767px) {
    .service__details__content .content .list__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.service__details__content .content .list__item .list {
    font-size: 20px;
    color: var(--black);
    font-weight: 600;
    font-family: 'Red Hat Display', sans-serif;
}
.service__details__content .content .list__item .list :last-child {
    margin-bottom: 15px;
}
@media (max-width: 1399px) {
    .service__details__content .content .list__item .list {
        font-size: 16px;
    }
}
.service__details__content .content .list__item .list i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background-color: var(--theme);
    text-align: center;
    color: var(--white);
    font-size: 14px;
    margin-right: 15px;
}
@media (max-width: 1399px) {
    .service__details__content .content .list__item .list i {
        font-size: 15px;
        margin-right: 10px;
    }
}
.service__sidebar .sidebar__widget {
    background-color: #FFEDED;
    padding: 30px 30px 30px 30px;
}
.service__sidebar .sidebar__widget:not(:last-child) {
    margin-bottom: 40px;
}
.service__sidebar .sidebar__widget .service__button__wrap .service__button .cmn--btn2 {
    display: inline-block;
    width: 100%;
    padding: 18px 50px;
}
.service__sidebar .sidebar__widget .service__button__wrap .service__button .cmn--btn2 span {
    font-size: 18px;
}
.service__sidebar .sidebar__widget .service__button__wrap .service__button .cmn--btn2 i {
    font-size: 18px;
    color: var(--white);
    margin-left: 10px;
    float: right;
    margin-top: 5px;
    position: relative;
}
@media (max-width: 1399px) {
    .service__sidebar .sidebar__widget .service__button__wrap .service__button .cmn--btn2 {
        padding: 18px 40px;
    }
    .service__sidebar .sidebar__widget .service__button__wrap .service__button .cmn--btn2 span {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .service__sidebar .sidebar__widget .service__button__wrap .service__button .cmn--btn2 {
        padding: 18px 25px;
    }
    .service__sidebar .sidebar__widget .service__button__wrap .service__button .cmn--btn2 span {
        font-size: 15px;
    }
}
.service__sidebar .sidebar__widget .service__button__wrap .service__button:not(:last-child) {
    margin-bottom: 15px;
}
.service__sidebar .sidebar__widget .download__service__doc .cmn--btn2 {
    width: 100%;
    padding: 18px 50px;
    font-size: 18px;
    display: inline-block;
    text-transform: uppercase;
}
.service__sidebar .sidebar__widget .download__service__doc .cmn--btn2 i {
    font-size: 22px;
    margin-right: 15px;
}
.service__sidebar .sidebar__widget .download__service__doc .cmn--btn2:not(:last-child) {
    margin-bottom: 15px;
}
@media (max-width: 1399px) {
    .service__sidebar .sidebar__widget .download__service__doc .cmn--btn2 {
        font-size: 16px;
        padding: 18px 40px;
    }
}
@media (max-width: 575px) {
    .service__sidebar .sidebar__widget .download__service__doc .cmn--btn2 {
        font-size: 15px;
        padding: 18px 25px;
    }
}
.service__sidebar .sidebar__widget .download__service__doc .active--btn {
    background-color: var(--theme2);
}
.service__sidebar .contact__bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 70px 30px 70px 30px;
}
.service__sidebar .contact__bg::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#0082F1), to(#DF0A0A));
    background-image: linear-gradient(180deg, #0082F1 0%, #DF0A0A 100%);
    opacity: 0.85;
}
.service__sidebar .contact__bg .service__contact {
    position: relative;
    z-index: 9;
}
.service__sidebar .contact__bg .service__contact h6 {
    color: var(--white);
    font-family: "Red Hat Display", cursive;
    margin-bottom: 15px;
}
.service__sidebar .contact__bg .service__contact h2 {
    color: var(--white);
    font-family: "Red Hat Display", cursive;
}
.service__sidebar .contact__bg .service__contact .icon {
    gap: 20px;
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 575px) {
    .service__sidebar .contact__bg .service__contact .icon {
        gap: 15px;
    }
}
.service__sidebar .contact__bg .service__contact .icon i {
    font-size: 42px;
}
.service__sidebar .contact__bg .service__contact .icon span {
    font-size: 24px;
    font-family: "Red Hat Display", cursive;
    font-weight: 600;
}
.help__project {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -200px;
}
.help__project::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--theme);
    mix-blend-mode: multiply;
}
.help__project .right__shape {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
@media (max-width: 1399px) {
    .help__project .right__shape {
        top: initial;
    }
}
@media (max-width: 1199px) {
    .help__project .right__shape {
        display: none;
    }
}
.help__project__wrapper {
    padding-top: 200px;
}
.video__btn__wrp {
    position: relative;
    text-align: center;
    display: inline-block;
    z-index: 2;
    margin-bottom: 60px;
}
.video__btn__wrp .video-btn a {
    position: relative;
    color: var(--black);
    font-size: 16px;
    z-index: 1;
    background-color: var(--white);
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
@media (max-width: 991px) {
    .help__project__items {
        margin-bottom: 30px !important;
    }
}
.help__project__items .section__title {
    margin-bottom: 45px;
}
.help__project__items .video {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background-color: var(--white);
    border-radius: 100%;
    text-align: center;
}
.help__project__items .video .play__icon i {
    color: var(--black);
    font-size: 16px;
}
@media (max-width: 767px) {
    .help__project__items .section__title {
        text-align: center;
        margin: 0 auto;
        margin-bottom: 45px;
    }
    .help__project__items .section__title h5 {
        text-align: center;
        margin: 0 auto;
    }
    .help__project__items .section__title h5::before {
        left: 0;
    }
}
.help__project__items .section__title h5 {
    color: var(--white);
}
.help__project__items .section__title h5::before {
    background-color: var(--white);
}
.help__project__items .section__title h2 {
    color: var(--white);
}
.help__project__items .section__title h2 span {
    color: var(--white);
    text-transform: initial;
}
@media (max-width: 767px) {
    .help__project__items {
        text-align: center;
        margin: 0 auto;
    }
}
.main__counter__wrapper {
    position: relative;
    z-index: 999;
    background-color: var(--white);
}
@media (max-width: 767px) {
    .main__counter__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.main__counter__wrapper .counter__items {
    padding: 50px 60px;
}
@media (max-width: 767px) {
    .main__counter__wrapper .counter__items {
        padding: 40px 50px;
    }
}
.main__counter__wrapper .counter__items:not(:last-child) {
    border-right: 1px solid var(--border2);
    padding-right: 60px;
}
@media (max-width: 1199px) {
    .main__counter__wrapper .counter__items:not(:last-child) {
        border-right: initial;
        padding-right: initial;
    }
}
@media screen and (max-width: 547px) {
    .main__counter__wrapper .counter__items:not(:last-child) {
        border-right: initial;
    }
}
@media (max-width: 767px) {
    .main__counter__wrapper .counter__items .counter__content {
        text-align: center;
        margin: 0 auto;
    }
}
.main__counter__wrapper .counter__items .counter__content .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--theme);
    margin-bottom: 28px;
}
.main__counter__wrapper .counter__items .counter__content .icon i {
    color: var(--white);
    font-size: 20px;
}
@media (max-width: 767px) {
    .main__counter__wrapper .counter__items .counter__content .icon {
        width: 40px;
        height: 40px;
        line-height: 45px;
        text-align: center;
        margin: 0 auto;
    }
    .main__counter__wrapper .counter__items .counter__content .icon i {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .main__counter__wrapper .counter__items .counter__content .content {
        margin-top: 25px;
    }
}
.main__counter__wrapper .counter__items .counter__content .content span {
    font-size: 65px;
    letter-spacing: -1.3px;
    color: var(--black);
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 1399px) {
    .main__counter__wrapper .counter__items .counter__content .content span {
        font-size: 44px;
    }
}
@media screen and (max-width: 547px) {
    .main__counter__wrapper .counter__items .counter__content .content span {
        font-size: 42px;
    }
}
.main__counter__wrapper .counter__items .counter__content p {
    margin-top: -10px;
}
.video-pulse::after, .video-pulse::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    border: 1px solid var(--white);
    opacity: 0.7;
    left: 0;
    top: 0;
    border-radius: 50%;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: video-animation;
    animation-name: video-animation;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.video-pulse::before {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.help__project__two {
    margin-top: 0;
}
.help__project__two .help__project__wrapper {
    padding-top: 0;
}
.consultation__section {
    background: url(../img/banner/asanas.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.consultation__section::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(0, 130, 241, 0.9);
}
.consultation__items {
    position: relative;
}
.consultation__items .section__title {
    margin-bottom: 35px;
}
.consultation__items .section__title h5 {
    color: var(--white);
}
.consultation__items .section__title h5::before {
    background-color: var(--white);
}
.consultation__items .section__title h2 {
    color: var(--white);
}
.consultation__items .cmn--btn2 {
    background-color: var(--white);
    border-radius: 7px;
    color: var(--black);
}
.consultation__items .cmn--btn2::before {
    background-color: var(--theme2);
    border-radius: 7px;
}
.consultation__thumb {
    position: relative;
}
.consultation__thumb img {
    width: 100%;
    height: 100%;
}
.consultation__thumb .video__button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
}
.consultation__thumb .video__button a i {
    color: var(--theme2);
}
.consultation__thumb .style__two a i {
    color: var(--theme);
}
.video__wrapper {
    margin-right: 55%;
    position: relative;
    z-index: 99;
}
@media (max-width: 767px) {
    .video__wrapper {
        margin-right: 0;
    }
}
.consultation__video__wrapper {
    position: relative;
}
.consultation__video__wrapper .video__thumb {
    position: absolute;
    right: 0;
    top: -60px;
}
.consultation__video__wrapper .video__thumb img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .consultation__video__wrapper .video__thumb {
        top: 0 !important;
        bottom: 0;
    }
    .consultation__video__wrapper .video__thumb img {
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media (max-width: 1899px) {
    .consultation__video__wrapper .video__thumb {
        max-width: 1100px;
    }
}
@media (max-width: 1600px) {
    .consultation__video__wrapper .video__thumb {
        max-width: 950px;
    }
}
@media (max-width: 1399px) {
    .consultation__video__wrapper .video__thumb {
        max-width: 800px;
    }
}
@media (max-width: 767px) {
    .consultation__video__wrapper .video__thumb {
        display: none;
    }
}
.consultation__video__wrapper .shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.consultation__video__wrapper .shape img {
    width: 100%;
    height: 100%;
}
.consultation__video__items {
    padding: 80px 0;
    margin-left: 250px;
    position: relative;
    z-index: 999;
}
@media (max-width: 1899px) {
    .consultation__video__items {
        margin-left: 120px;
    }
}
@media (max-width: 1600px) {
    .consultation__video__items {
        margin-left: 80px;
    }
}
@media (max-width: 1199px) {
    .consultation__video__items {
        margin-left: 50px;
    }
}
.consultation__video__items .section__title {
    max-width: 480px;
    margin-bottom: 0;
}
.consultation__video__items .section__title h2 {
    font-size: 40px;
}
@media (max-width: 1199px) {
    .consultation__video__items .section__title h2 {
        font-size: 32px !important;
    }
}
.consultation__video__items .button {
    margin-top: 45px;
}
.consultation__video__items .button .cmn--btn2 {
    border-radius: 7px;
    background-color: var(--subtitle);
}
.p-24 {
    padding: 24px;
}
@media (max-width: 991px) {
    .p-24 {
        padding: 20px;
    }
}
@media (max-width: 575px) {
    .p-24 {
        padding: 15px;
    }
}
.pb-150 {
    padding-bottom: 150px;
}
@media (max-width: 1199px) {
    .pb-150 {
        padding-top: 130px;
    }
}
@media (max-width: 991px) {
    .pb-150 {
        padding-top: 100px;
    }
}
.pt-130 {
    padding-top: 130px;
}
@media (max-width: 1199px) {
    .pt-130 {
        padding-top: 100px;
    }
}
@media (max-width: 991px) {
    .pt-130 {
        padding-top: 80px;
    }
}
.pb-130 {
    padding-bottom: 130px;
}
@media (max-width: 1199px) {
    .pb-130 {
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .pb-130 {
        padding-bottom: 80px;
    }
}
.pt-120 {
    padding-top: 120px;
}
@media (max-width: 1199px) {
    .pt-120 {
        padding-top: 100px;
    }
}
@media (max-width: 991px) {
    .pt-120 {
        padding-top: 80px;
    }
}
.pb-120 {
    padding-bottom: 120px;
}
@media (max-width: 1199px) {
    .pb-120 {
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .pb-120 {
        padding-bottom: 80px;
    }
}
.pt-110 {
    padding-top: 110px;
}
@media (max-width: 1199px) {
    .pt-110 {
        padding-top: 100px;
    }
}
@media (max-width: 991px) {
    .pt-110 {
        padding-top: 80px;
    }
}
.pb-110 {
    padding-bottom: 110px;
}
@media (max-width: 1199px) {
    .pb-110 {
        padding-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .pb-110 {
        padding-bottom: 80px;
    }
}
.pt-90 {
    padding-top: 90px;
}
@media (max-width: 991px) {
    .pt-90 {
        padding-top: 80px;
    }
}
.pb-90 {
    padding-bottom: 90px;
}
@media (max-width: 991px) {
    .pb-90 {
        padding-bottom: 80px;
    }
}
.pt-100 {
    padding-top: 100px;
}
@media (max-width: 991px) {
    .pt-100 {
        padding-top: 90px;
    }
}
.pb-100 {
    padding-bottom: 100px;
}
@media (max-width: 991px) {
    .pb-100 {
        padding-bottom: 90px;
    }
}
.pt-80 {
    padding-top: 80px;
}
@media (max-width: 991px) {
    .pt-80 {
        padding-top: 60px;
    }
}
.pb-80 {
    padding-bottom: 80px;
}
@media (max-width: 991px) {
    .pb-80 {
        padding-bottom: 60px;
    }
}
.pt-65 {
    padding-top: 65px;
}
@media (max-width: 991px) {
    .pt-65 {
        padding-top: 60px;
    }
}
.pb-65 {
    padding-bottom: 65px;
}
@media (max-width: 991px) {
    .pb-65 {
        padding-bottom: 60px;
    }
}
.pt-60 {
    padding-top: 60px;
}
@media (max-width: 991px) {
    .pt-60 {
        padding-top: 50px;
    }
}
.pb-60 {
    padding-bottom: 60px;
}
@media (max-width: 991px) {
    .pb-60 {
        padding-bottom: 50px;
    }
}
.pt-40 {
    padding-top: 40px;
}
@media (max-width: 991px) {
    .pt-40 {
        padding-top: 30px;
    }
}
.pb-50 {
    padding-bottom: 50px;
}
@media (max-width: 991px) {
    .pb-50 {
        padding-bottom: 40px;
    }
}
.pb-40 {
    padding-bottom: 40px;
}
@media (max-width: 991px) {
    .pb-40 {
        padding-bottom: 30px;
    }
}
.pb-30 {
    padding-bottom: 30px;
}
@media (max-width: 991px) {
    .pb-30 {
        padding-bottom: 20px;
    }
}
.pt-30 {
    padding-top: 30px;
}
@media (max-width: 991px) {
    .pt-30 {
        padding-top: 20px;
    }
}
.pb-24 {
    padding-bottom: 24px;
}
@media (max-width: 991px) {
    .pb-24 {
        padding-bottom: 15px;
    }
}
.pt-24 {
    padding-top: 24px;
}
@media (max-width: 991px) {
    .pt-24 {
        padding-top: 15px;
    }
}
.pb-20 {
    padding-bottom: 20px;
}
@media (max-width: 991px) {
    .pb-20 {
        padding-bottom: 15px;
    }
}
.pt-20 {
    padding-top: 20px;
}
@media (max-width: 991px) {
    .pt-20 {
        padding-top: 15px;
    }
}
.pb-16 {
    padding-bottom: 16px;
}
@media (max-width: 991px) {
    .pb-16 {
        padding-bottom: 10px;
    }
}
.pt-16 {
    padding-top: 16px;
}
@media (max-width: 991px) {
    .pt-16 {
        padding-top: 10px;
    }
}
.pb-15 {
    padding-bottom: 15px;
}
@media (max-width: 991px) {
    .pb-15 {
        margin-bottom: 10px;
    }
}
.pt-15 {
    padding-top: 15px;
}
@media (max-width: 991px) {
    .pt-15 {
        margin-top: 10px;
    }
}
.pb-10 {
    padding-bottom: 10px;
}
.pt-10 {
    padding-top: 10px;
}
.pb5 {
    padding-bottom: 5px;
}
.pt5 {
    padding-top: 5px;
}
.p-8 {
    padding: 8px;
}
.mt-120 {
    margin-top: 120px;
}
@media (max-width: 1199px) {
    .mt-120 {
        margin-top: 100px;
    }
}
@media (max-width: 991px) {
    .mt-120 {
        margin-top: 80px;
    }
}
.mb-120 {
    margin-bottom: 120px;
}
@media (max-width: 1199px) {
    .mb-120 {
        margin-bottom: 100px;
    }
}
@media (max-width: 991px) {
    .mb-120 {
        margin-bottom: 80px;
    }
}
.mt-100 {
    margin-top: 100px;
}
@media (max-width: 1199px) {
    .mt-100 {
        margin-top: 90px;
    }
}
@media (max-width: 991px) {
    .mt-100 {
        margin-top: 80px;
    }
}
.mb-100 {
    margin-bottom: 100px;
}
@media (max-width: 1199px) {
    .mb-100 {
        margin-bottom: 90px;
    }
}
@media (max-width: 991px) {
    .mb-100 {
        margin-bottom: 80px;
    }
}
.mt-80 {
    margin-top: 80px;
}
@media (max-width: 991px) {
    .mt-80 {
        margin-top: 60px;
    }
}
.mb-90 {
    margin-bottom: 90px !important;
}
@media (max-width: 991px) {
    .mb-90 {
        margin-bottom: 70px;
    }
}
.mb-80 {
    margin-bottom: 80px !important;
}
@media (max-width: 991px) {
    .mb-80 {
        margin-bottom: 60px;
    }
}
.mt-60 {
    padding-top: 60px;
}
@media (max-width: 991px) {
    .mt-60 {
        margin-top: 50px;
    }
}
.mb-60 {
    margin-bottom: 60px;
}
@media (max-width: 991px) {
    .mb-60 {
        margin-bottom: 50px;
    }
}
.mt-50 {
    padding-top: 50px;
}
@media (max-width: 991px) {
    .mt-50 {
        margin-top: 40px;
    }
}
.mb-50 {
    margin-bottom: 52px;
}
@media (max-width: 991px) {
    .mb-50 {
        margin-bottom: 40px;
    }
}
.mt-40 {
    margin-top: 40px;
}
@media (max-width: 991px) {
    .mt-40 {
        margin-top: 30px;
    }
}
.mb-40 {
    margin-bottom: 40px;
}
@media (max-width: 991px) {
    .mb-40 {
        margin-bottom: 30px;
    }
}
.mb-30 {
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .mb-30 {
        margin-bottom: 20px;
    }
}
.mt-30 {
    margin-top: 30px;
}
@media (max-width: 991px) {
    .mt-30 {
        margin-top: 20px;
    }
}
.mb-24 {
    margin-bottom: 24px;
}
@media (max-width: 991px) {
    .mb-24 {
        margin-bottom: 15px;
    }
}
.mt-24 {
    padding-top: 24px;
}
@media (max-width: 991px) {
    .mt-24 {
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .mt-24 {
        margin-top: 10px;
    }
}
.mb-20 {
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .mb-20 {
        margin-bottom: 15px;
    }
}
.mt-20 {
    padding-top: 20px;
}
@media (max-width: 991px) {
    .mt-20 {
        margin-top: 15px;
    }
}
.mb-15 {
    margin-bottom: 15px;
}
@media (max-width: 991px) {
    .mb-15 {
        margin-bottom: 10px;
    }
}
.mt-15 {
    margin-top: 15px;
}
@media (max-width: 991px) {
    .mt-15 {
        margin-top: 10px;
    }
}
.mb-16 {
    margin-bottom: 16px;
}
@media (max-width: 991px) {
    .mb-16 {
        margin-bottom: 10px;
    }
}
.mt-16 {
    margin-top: 16px;
}
@media (max-width: 991px) {
    .mt-16 {
        margin-top: 10px;
    }
}
.mb-10 {
    margin-bottom: 10px;
}
.mt-10 {
    margin-top: 10px;
}
.mb-8 {
    margin-bottom: 8px;
}
.mt-8 {
    margin-top: 8px;
}
.mb5 {
    margin-bottom: 5px;
}
.mt5 {
    margin-top: 5px;
}
.bodyfont {
    font-family: "DM Sans", sans-serif;
}
.ftext {
    color: var(--ftext);
}
.swiper-dot .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    background-color: var(--border2);
    opacity: 1;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    position: absolute;
    width: 20px;
    line-height: 20px;
    height: 20px;
    line-height: 20px;
    top: -6px;
    left: -6px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--theme);
    content: "";
}
.swiper__dot__two .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme2);
}
.swiper__dot__two .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    border: 1px solid var(--theme2);
}
.nice-select {
    color: #7A7A7A;
    background-color: #F5F5F7;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
    width: unset;
    outline: none;
    padding: 20px 25px;
    border: 1px solid #F5F5F7 !important;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
    .nice-select {
        padding: 15px 20px;
    }
}
.nice-select span {
    color: #7A7A7A;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 991px) {
    .nice-select span {
        font-size: 15px;
    }
}
@media (max-width: 575px) {
    .nice-select span {
        font-size: 14px;
    }
}
.nice-select:hover {
    background-color: var(--white);
    border: 1px solid var(--theme) !important;
}
.nice-select:hover {
    border-color: var(--border);
}
.nice-select option {
    color: #7A7A7A;
}
.nice-select .current {
    margin-right: 12px;
}
.nice-select:after {
    right: 23px;
    border-bottom: 1px solid #5D666F;
    border-right: 1px solid #5D666F;
    width: 10px;
    height: 10px;
}
.nice-select.open .list {
    background: var(--white);
    margin-top: 16px;
    width: 100%;
}
.nice-select .option.selected.focus {
    background: var(--footer);
    outline: none;
    color: var(--white);
}
.nice-select .option {
    border: 1px solid var(--border);
}
.nice-select .option:hover {
    background: transparent;
}
.ralt {
    position: relative;
	background: #f4f4f4;
}
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
/* Track */ ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px var(--theme-bg);
    box-shadow: inset 0 0 5px var(--theme-bg);
    border-radius: 5px;
}
/* Handle */ ::-webkit-scrollbar-thumb {
    background: var(--base);
    border-radius: 10px;
}
.container-fluid {
    margin-left: 16%;
    width: 84%;
}
@media screen and (max-width: 1491px) {
    .container-fluid {
        margin-left: 14%;
    }
}
@media (max-width: 575px) {
    br {
        display: none;
    }
}
.swiper-slide.swiper-slide-active .single__project__main__items .dot__shape {
    display: block;
}
.swiper-slide.swiper-slide-active .single__project__main__items .project__wrap {
    background-color: var(--theme) !important;
}
.swiper-slide.swiper-slide-active .single__project__main__items .project__wrap .project__icon {
    color: var(--white);
}
.swiper-slide.swiper-slide-active .single__project__main__items .project__wrap .project__content h4 a {
    color: var(--white);
}
.swiper-slide.swiper-slide-active .single__project__main__items .project__wrap .project__content p {
    color: var(--white);
}
.swiper-slide.swiper-slide-active .single__project__main__items .project__wrap .project__content .button .cmn--btns {
    color: var(--white);
}
.swiper-slide.swiper-slide-active .single__project__main__items .project__wrap .project__content .button .cmn--btns i {
    color: var(--white);
}
.single__project__main__items:hover .dot__shape {
    display: block !important;
}
.single__project__items {
    padding: 1px;
    position: relative;
}
.single__project__items .project__wrap {
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    background-color: var(--white);
    padding: 50px 60px;
    width: 440px;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items .project__wrap .project__icon {
    z-index: 9999;
    position: relative;
    margin-bottom: 30px;
    font-size: 65px;
    color: var(--theme);
}
@media (max-width: 991px) {
    .single__project__items .project__wrap .project__icon {
        margin-bottom: 10px;
    }
}
@media (max-width: 575px) {
    .single__project__items .project__wrap .project__icon {
        margin-bottom: 0;
    }
}
.single__project__items .project__wrap .dot__shape {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items .project__wrap .dot__shape img {
    width: 100%;
    height: 100%;
}
.single__project__items .project__wrap .project__icon {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items .project__wrap .project__content {
    z-index: 9999;
    position: relative;
}
.single__project__items .project__wrap .project__content h4 {
    font-size: 27px;
    z-index: 9999;
    position: relative;
}
@media (max-width: 1199px) {
    .single__project__items .project__wrap .project__content h4 {
        font-size: 25px;
    }
}
@media (max-width: 991px) {
    .single__project__items .project__wrap .project__content h4 {
        font-size: 23px;
    }
}
@media (max-width: 575px) {
    .single__project__items .project__wrap .project__content h4 {
        font-size: 20px;
    }
}
.single__project__items .project__wrap .project__content h4 a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items .project__wrap .project__content p {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items .project__wrap .project__content .button {
    margin-top: 25px;
}
.single__project__items .project__wrap .project__content .button .cmn--btns {
    color: var(--black);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items .project__wrap .project__content .button .cmn--btns i {
    color: var(--black);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items .project__thumb {
    margin-left: -50px;
    position: relative;
    z-index: 999999;
}
@media (max-width: 575px) {
    .single__project__items .project__thumb {
        display: none;
    }
}
.single__project__items .project__thumb img {
    width: 100%;
    height: 100%;
}
.single__project__items:hover .project__wrap {
    background-color: var(--theme) !important;
}
.single__project__items:hover .project__wrap .project__icon {
    color: var(--white);
}
.single__project__items:hover .project__wrap .project__content h4 a {
    color: var(--white);
}
.single__project__items:hover .project__wrap .project__content p {
    color: var(--white);
}
.single__project__items:hover .project__wrap .project__content .button .cmn--btns {
    color: var(--white);
}
.single__project__items:hover .project__wrap .project__content .button .cmn--btns i {
    color: var(--white);
}
.project__section__two .style__section {
    margin-bottom: 0;
    margin-top: -5px;
}
@media (max-width: 1199px) {
    .project__section__two .single__title__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.project__single__wrapper__two .project__single__wrapper__items {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-right: 1px solid rgba(255, 255, 255, 0.4);
    padding: 80px 0 0 0;
    position: relative;
    z-index: 5;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.project__single__wrapper__two .project__single__wrapper__items .project__thumb {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background-size: contain;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-repeat: no-repeat;
    margin-top: -50px;
}
.project__single__wrapper__two .project__single__wrapper__items .project__single__content {
    margin-top: 250px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 0 40px 45px;
    margin-bottom: -20px;
}
@media screen and (max-width: 575px) {
    .project__single__wrapper__two .project__single__wrapper__items .project__single__content {
        margin-top: 150px;
    }
}
@media screen and (max-width: 420px) {
    .project__single__wrapper__two .project__single__wrapper__items .project__single__content {
        margin-top: 175px;
    }
}
.project__single__wrapper__two .project__single__wrapper__items .project__single__content .icon {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin-bottom: 20px;
}
.project__single__wrapper__two .project__single__wrapper__items .project__single__content p {
    color: var(--white);
    margin-bottom: 10px;
}
.project__single__wrapper__two .project__single__wrapper__items .project__single__content h3 a {
    color: var(--white);
}
.project__single__wrapper__two .project__single__wrapper__items .project__single__content .button {
    opacity: 0;
    margin-top: 20px;
}
.project__single__wrapper__two .project__single__wrapper__items:hover .project__thumb {
    opacity: 100%;
    visibility: visible;
}
.project__single__wrapper__two .project__single__wrapper__items:hover .project__single__content {
    background-color: var(--theme2);
}
.project__single__wrapper__two .project__single__wrapper__items:hover .project__single__content .icon {
    opacity: 0;
    margin-bottom: 0 !important;
}
.project__single__wrapper__two .project__single__wrapper__items:hover .project__single__content .button {
    opacity: 1;
}
.project__single__wrapper__two .project__single__wrapper__items:hover .project__single__content .button .arrow__btn {
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--theme2);
}
.project__single__wrapper__two .project__single__wrapper__items:hover .project__single__content .button .arrow__btn::before {
    opacity: 1;
    color: var(--white);
}
.project__single__wrapper__two .project__active .project__thumb {
    opacity: 100%;
    visibility: visible;
}
.project__single__wrapper__two .project__active .project__single__content {
    background-color: var(--theme2);
}
.project__single__wrapper__two .project__active .project__single__content .icon {
    opacity: 0;
    margin-bottom: 0 !important;
}
.project__single__wrapper__two .project__active .project__single__content .button {
    opacity: 1;
}
.project__single__wrapper__two .project__active .project__single__content .button .arrow__btn {
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    background-color: var(--white);
    border: 1px solid var(--white);
    color: var(--theme2);
}
.project__single__wrapper__two .project__active .project__single__content .button .arrow__btn::before {
    opacity: 1;
    color: var(--white);
}
.single__project__items__three .thumb img {
    width: 100%;
    height: 100%;
}
.single__project__items__three .thumb .project__details {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
}
.single__project__items__three .thumb .project__details .project__cat a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    background-color: var(--theme3);
    color: var(--subtitle2);
    border-radius: 0px;
    font-family: "DM Sans", sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items__three .thumb .project__details .project__cat a:hover {
    background-color: var(--subtitle2);
    color: var(--theme3);
}
.single__project__items__three .thumb .project__details h4 {
    background: var(--subtitle2);
    padding: 20px 40px;
    display: inline-block;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 1399px) {
    .single__project__items__three .thumb .project__details h4 {
        font-size: 20px;
    }
}
@media (max-width: 1199px) {
    .single__project__items__three .thumb .project__details h4 {
        font-size: 18px;
    }
}
.single__project__items__three .thumb .project__details h4 a {
    color: var(--white);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__project__items__three .thumb .project__details h4:hover {
    background-color: var(--white);
}
.single__project__items__three .thumb .project__details h4:hover a {
    color: var(--subtitle2);
}
.single__project__items__three .thumb .circle__link__btn {
    position: absolute;
    right: 30px;
    top: 0px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    color: var(--subtitle2);
    background-color: var(--theme3);
    line-height: 40px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    z-index: 2;
}
.single__project__items__three .thumb .circle__link__btn:hover {
    background-color: var(--subtitle2);
    color: var(--theme3);
}
.single__project__items__three .thumb:hover .circle__link__btn {
    opacity: 1;
    visibility: visible;
    top: 30px;
}
.project__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1600px) {
    .project__grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    }
    .project__grid .project__single__wrapper__items {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    }
    .project__grid .project__single__wrapper__items .project__thumb {
        margin-top: 0;
    }
    .project__grid .project__single__wrapper__items .project__single__content {
        margin-bottom: -20px;
    }
}
@media (max-width: 1600px) and (max-width: 767px) {
    .project__grid .project__single__wrapper__items .project__single__content {
        margin-bottom: 0;
    }
}
@media (max-width: 1199px) {
    .project__grid {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .project__grid {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
    }
}
.project__details__wrapper .details__thumb img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .project__details__wrapper p {
        font-size: 15px;
    }
}
@media (max-width: 991px) {
    .project__details__wrapper p {
        font-size: 14px;
    }
}
.project__details__wrapper .catagory__wrapper {
    padding: 30px 30px;
    background-color: #FDF6F8;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1199px) {
    .project__details__wrapper .catagory__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
    }
}
.project__details__wrapper .catagory__wrapper .icon__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.project__details__wrapper .catagory__wrapper .icon__items .icon {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    text-align: center;
    background-color: #F8DDE4;
    font-size: 30px;
    color: var(--theme);
}
.project__details__wrapper .catagory__wrapper .icon__items .content {
    margin-top: 0;
}
.project__details__wrapper .catagory__wrapper .icon__items .content h6 {
    font-family: "Red Hat Display", cursive;
    font-size: 18px;
}
.project__details__wrapper .content {
    margin-top: 50px;
}
@media (max-width: 991px) {
    .project__details__wrapper .content {
        margin-top: 25px;
    }
}
.project__details__wrapper .content h2 {
    margin-bottom: 20px;
}
.project__details__wrapper .content .heading__title {
    background-color: #FDF6F8;
    padding: 30px;
    margin-top: 30px;
}
.project__details__wrapper .content .heading__title p {
    font-size: 18px;
    font-weight: 700;
    font-style: italic;
}
.project__details__wrapper .content .list__items {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 100px;
}
@media (max-width: 767px) {
    .project__details__wrapper .content .list__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
    }
}
.project__details__wrapper .content .list__items ul li {
    font-size: 16px;
    color: var(--black);
    font-weight: 500;
    font-family: "Red Hat Display", cursive;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.project__details__wrapper .content .list__items ul li:not(:last-child) {
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .project__details__wrapper .content .list__items ul li {
        font-size: 14px;
    }
}
.project__details__wrapper .content .list__items ul li i {
    font-size: 28px;
    color: var(--theme);
}
@media (max-width: 767px) {
    .project__details__wrapper .content .list__items ul li i {
        font-size: 24px;
    }
}
.counter__section {
    z-index: 2;
    position: relative;
    margin-bottom: -130px;
}
.counter__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-right: calc(-50vw + 50%) !important;
    background-color: var(--footer);
    padding: 60px 70px;
    gap: 67px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1399px) {
    .counter__wrapper {
        gap: 35px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media (max-width: 1199px) {
    .counter__wrapper {
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }
}
@media (max-width: 767px) {
    .counter__wrapper {
        gap: 35px;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }
}
.counter__wrapper .counter__content span {
    font-size: 65px;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    color: transparent;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 0;
    padding: 0;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 767px) {
    .counter__wrapper .counter__content span {
        font-size: 50px;
    }
}
.counter__wrapper .counter__content h2 {
    font-size: 65px;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--white);
    color: transparent;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    margin: 0;
    padding: 0;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 767px) {
    .counter__wrapper .counter__content h2 {
        font-size: 50px;
    }
}
.counter__wrapper .counter__content p {
    font-size: 18px;
    color: var(--white-color);
    font-weight: 400;
}
.counter__two {
    margin-bottom: initial;
    margin-top: -20px;
}
.counter__wrapper__two {
    margin-right: initial !important;
    background-color: var(--white);
    padding: initial;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.counter__wrapper__two .counter__content h2 {
    color: var(--theme2);
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
    opacity: initial;
}
.counter__wrapper__two .counter__content span {
    color: var(--theme2);
    color: var(--theme2);
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
    opacity: initial;
}
.counter__wrapper__two .counter__content p {
    color: var(--pra);
}
.consultation__counter__wrapper {
    overflow: hidden;
    margin-bottom: -140px;
    z-index: 9999;
    position: relative;
}
.consultation__counter__wrapper .consultation__counter {
    background-color: #011B35;
    padding: 50px 90px;
    height: 100%;
}
@media (max-width: 1399px) {
    .consultation__counter__wrapper .consultation__counter {
        padding: 40px 90px;
    }
}
@media (max-width: 575px) {
    .consultation__counter__wrapper .consultation__counter {
        padding: 50px 30px;
    }
}
.consultation__counter__wrapper .consultation__counter .section__title {
    margin-bottom: 50px;
}
.consultation__counter__wrapper .consultation__counter .section__title h5 {
    color: var(--theme3);
}
.consultation__counter__wrapper .consultation__counter .section__title h5::before {
    background-color: var(--theme3);
}
.consultation__counter__wrapper .consultation__counter .section__title h2 {
    font-size: 40px;
    color: var(--white);
    font-family: "Red Hat Display", cursive;
}
.consultation__counter__wrapper .consultation__counter .btns .cmn--btn {
    border-radius: 7px;
    border: 1px solid var(--border);
    background: transparent;
}
.consultation__counter__wrapper .consultation__counter .btns .cmn--btn::before {
    border-radius: 7px;
    background-color: var(--theme3);
}
.consultation__counter__wrapper .consultation__counter .btns .cmn--btn:hover span {
    color: var(--subtitle);
}
.consultation__counter__wrapper .single__counter__wrap {
    background-color: var(--theme3);
    padding: 40px 50px;
}
.consultation__counter__wrapper .single__counter__wrap .content h2 {
    font-size: 65px;
    font-family: "Red Hat Display", cursive;
    color: var(--subtitle2);
    font-weight: 700;
}
.consultation__counter__wrapper .single__counter__wrap .content span {
    font-size: 65px;
    font-family: "Red Hat Display", cursive;
    color: var(--subtitle2);
    font-weight: 700;
}
.consultation__counter__wrapper .single__counter__wrap .content h6 {
    font-size: 18px;
}
.consultation__counter__wrapper .style__two {
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
}
.team__section {
    background: url(../img/team/team-bg.jpg) no-repeat center center;
    background-size: cover;
}
@media (max-width: 1199px) {
    .team__section {
        padding-top: 130px;
    }
}
.team__section::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(245, 245, 247, 0.9);
}
.team__section .left__shape {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
}
.team__section .left__shape img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .team__section .left__shape {
        display: none;
    }
}
.team__section .section__title {
    max-width: 750px;
}
.team__section .contact__text {
    margin-top: 130px;
    max-width: 690px;
    background-color: var(--white);
    padding: 15px 20px;
}
@media (max-width: 1199px) {
    .team__section .contact__text {
        margin-top: 80px;
    }
}
@media (max-width: 991px) {
    .team__section .contact__text {
        margin-top: 45px;
    }
}
.team__section .contact__text span {
    color: var(--black);
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 1199px) {
    .team__section .contact__text span {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .team__section .contact__text span {
        font-size: 14px;
    }
}
.team__section .contact__text span a {
    font-weight: 700;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: var(--theme);
}
.single__team__items .team__thumb {
    position: relative;
}
.single__team__items .team__thumb img {
    width: 100%;
    height: 100%;
}
.single__team__items .icon {
    position: absolute;
    right: 60px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--theme);
    border-radius: 100%;
    z-index: 99;
    text-align: center;
}
.single__team__items .icon i {
    color: var(--white);
}
.single__team__items .team__content {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 20%);
    clip-path: polygon(100% 0, 100% 0, 100% 20%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0 20%);
    background-color: var(--white);
    padding: 55px 0px 30px;
    margin: -60px 20px;
}
.single__team__items .team__content h6 a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__team__items .team__content h6 a:hover {
    color: var(--theme);
}
@media (max-width: 1199px) {
    .single__team__items {
        margin-bottom: 80px;
    }
}
.team__section__two {
    background: initial;
    padding-bottom: 190px;
}
.team__section__two .style__two .team__content {
    background-color: var(--white);
}
.team__section__two .style__two .team__content .icon__item {
    opacity: 0;
    margin-top: -30px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.team__section__two .style__two .team__content .icon__item .social__icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.team__section__two .style__two .team__content .icon__item .social__icon li {
    background-color: rgba(14, 14, 14, 0.15);
    border: none;
}
.team__section__two .style__two .team__content .icon__item .social__icon li a i {
    color: var(--pra);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.team__section__two .style__two .team__content .icon__item .social__icon li:hover {
    background-color: var(--theme);
}
.team__section__two .style__two .team__content .icon__item .social__icon li:hover a i {
    color: var(--white);
}
.team__section__two .style__two .team__content .active__icon {
    opacity: 1;
    margin-top: 30px;
}
.team__section__two .style__two:hover .team__content .icon__item {
    opacity: 1;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .team__section__two {
        padding-bottom: 100px;
        padding-top: 100px;
    }
}
@media (max-width: 991px) {
    .team__section__two {
        padding-bottom: 80px;
        padding-top: 80px;
    }
}
.team__details__wrapper .team__details {
    padding: 85px 5px 85px 105px;
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px 0px rgba(21, 24, 32, 0.1);
    box-shadow: 0px 4px 60px 0px rgba(21, 24, 32, 0.1);
}
@media (max-width: 991px) {
    .team__details__wrapper .team__details {
        padding: 35px;
    }
}
.team__details__wrapper .team__details .team__details__thumb img {
    width: 100%;
    height: 100%;
}
.team__details__wrapper .team__details .team__details__content {
    margin-left: 50px;
}
@media (max-width: 991px) {
    .team__details__wrapper .team__details .team__details__content {
        margin-left: 0;
    }
}
.team__details__wrapper .team__details .team__details__content .details__header {
    margin-bottom: 20px;
}
.team__details__wrapper .team__details .team__details__content .details__header h3 {
    font-family: "Red Hat Display", cursive;
}
.team__details__wrapper .team__details .team__details__content .details__header span {
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    font-size: 18px;
    color: var(--theme);
}
.team__details__wrapper .team__details .team__details__content p {
    margin-bottom: 30px;
}
.team__details__wrapper .team__details .team__details__content .team__details__info {
    position: relative;
}
.team__details__wrapper .team__details .team__details__content .team__details__info:not(:last-child) {
    margin-bottom: 20px;
}
.team__details__wrapper .team__details .team__details__content .team__details__info span {
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.16px;
    color: var(--black);
}
@media (max-width: 575px) {
    .team__details__wrapper .team__details .team__details__content .team__details__info span {
        position: static;
    }
}
.team__details__wrapper .team__details .team__details__content .team__details__info a {
    margin-left: 150px;
    font-size: 16px;
    font-weight: 400;
    color: var(--pra);
}
@media (max-width: 575px) {
    .team__details__wrapper .team__details .team__details__content .team__details__info a {
        margin-left: 0;
        display: block;
        margin-top: 10px;
    }
}
.team__details__wrapper .team__details .team__details__content .social__icon li {
    border: 1px solid var(--border2);
}
.team__details__wrapper .team__details .team__details__content .social__icon li a i {
    color: var(--black);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.team__details__wrapper .team__details .team__details__content .social__icon li:hover a i {
    color: var(--white);
}
.team__details__wrapper .details__info__title {
    font-family: "Red Hat Display", cursive;
    font-size: 36px;
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .team__details__wrapper .details__info__title {
        font-size: 28px;
    }
}
.team__details__wrapper p:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 991px) {
    .team__details__wrapper p {
        font-size: 14px;
    }
}
@media (max-width: 1199px) {
    .team__details__wrapper p {
        font-size: 15px;
    }
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items:not(:last-child) {
    margin-bottom: 20px;
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items .pro__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items .pro__head .title {
    font-size: 16px;
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items .pro__head .point {
    font-size: 16px;
    font-weight: 400;
    color: var(--pra);
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items .progress {
    background: #ebebeb;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 6px;
    width: 100%;
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items .progress-value {
    -webkit-animation: load 3s normal forwards;
    animation: load 3s normal forwards;
    -webkit-box-shadow: 0 10px 40px -10px var(--white);
    box-shadow: 0 10px 40px -10px var(--white);
    border-radius: 100px;
    background: var(--theme);
    height: 6px;
    width: 0;
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items .style__two {
    -webkit-animation: load2 3s normal forwards;
    animation: load2 3s normal forwards;
}
.team__details__wrapper .details__wrap .progress__wrap .pro__items .style__three {
    -webkit-animation: load3 3s normal forwards;
    animation: load3 3s normal forwards;
}
@keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 80%;
    }
}
@-webkit-keyframes load2 {
    0% {
        width: 0;
    }
    100% {
        width: 55%;
    }
}
@keyframes load2 {
    0% {
        width: 0;
    }
    100% {
        width: 55%;
    }
}
@-webkit-keyframes load3 {
    0% {
        width: 0;
    }
    100% {
        width: 75%;
    }
}
@keyframes load3 {
    0% {
        width: 0;
    }
    100% {
        width: 75%;
    }
}
.choose__thumb img {
    width: 100%;
    height: 100%;
}
.choose__content {
    margin-left: 60px;
}
@media (max-width: 1199px) {
    .choose__content {
        margin-left: 0;
    }
}
.choose__content .style__section {
    margin-bottom: 50px;
}
@media (max-width: 1399px) {
    .choose__content .style__section h2 {
        font-size: 38px !important;
    }
    .choose__content .style__section h2 span {
        font-size: 38px !important;
    }
}
@media (max-width: 767px) {
    .choose__content .style__section {
        margin-bottom: 35px;
    }
    .choose__content .style__section h2 {
        font-size: 28px !important;
    }
    .choose__content .style__section h2 span {
        font-size: 28px !important;
    }
}
.choose__content .choose__list li {
    font-size: 20px;
    color: var(--black);
    font-weight: 600;
    font-family: 'Red Hat Display', sans-serif;
}
.choose__content .choose__list li :last-child {
    margin-bottom: 20px;
}
@media (max-width: 1399px) {
    .choose__content .choose__list li {
        font-size: 16px;
    }
}
.choose__content .choose__list li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background-color: var(--theme);
    text-align: center;
    color: var(--white);
    font-size: 15px;
    margin-right: 15px;
}
@media (max-width: 1399px) {
    .choose__content .choose__list li i {
        font-size: 15px;
        margin-right: 10px;
    }
}
.choose__us__three {
    background-color: var(--subtitle2);
    position: relative;
    z-index: 99;
}
.choose__us__three .section__title {
    max-width: 650px;
}
.choose__us__three .section__title h5 {
    color: var(--theme3);
}
.choose__us__three .section__title h5::before {
    background-color: var(--theme3);
}
.choose__us__three .section__title h2 {
    color: var(--white);
}
.choose__us__three .shape__img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.choose__us__three .shape__img img {
    width: 100%;
    height: 100%;
}
.single__choose__items {
    padding: 40px 35px;
    background-color: var(--white);
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__choose__items .content {
    margin-top: 30px;
    overflow: hidden;
}
.single__choose__items .content h5 {
    font-weight: 700;
    font-family: "Red Hat Display", cursive;
}
.single__choose__items .content .button .arrow__btn {
    background-color: rgba(0, 46, 91, 0.1);
    border: none;
}
.single__choose__items .content .button .arrow__btn i {
    color: var(--subtitle2);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__choose__items:hover {
    background-color: var(--theme3);
}
.single__choose__items:hover .content .button .arrow__btn {
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    background-color: var(--subtitle2);
}
.single__choose__items:hover .content .button .arrow__btn i {
    color: var(--theme3);
}
.single__choose__items:hover .content .button .arrow__btn::before {
    opacity: 1;
    color: var(--subtitle2);
}
.choose__active {
    background-color: var(--theme3);
}
.choose__thumb__two {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 570px;
}
@media (max-width: 1199px) {
    .choose__thumb__two {
        display: none;
    }
}
.choose__thumb__two img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.testimonial__wrapper {
    background-color: var(--footer);
    padding: 100px 0;
    gap: 50px;
    width: 1060px;
    margin-top: 50px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1600px) {
    .testimonial__wrapper {
        padding: 50px 0;
        gap: 30px;
        width: 870px;
        margin-top: 40px;
    }
}
@media (max-width: 991px) {
    .testimonial__wrapper {
        width: 100%;
    }
}
@media (max-width: 575px) {
    .testimonial__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.testimonial__wrapper .shape__img {
    position: absolute;
    top: -50%;
    left: 0;
}
.testimonial__wrapper .swiper-dot {
    position: absolute;
    top: 50%;
    left: 15%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1199px) {
    .testimonial__wrapper .swiper-dot {
        display: none;
    }
}
.testimonial__wrapper .swiper-dot .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    background-color: rgba(255, 255, 255, 0.1);
    opacity: 1;
}
.testimonial__wrapper .swiper-dot .swiper-pagination-bullet:not(:last-child) {
    margin-bottom: 20px;
}
.testimonial__wrapper .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme);
    -webkit-transition: 0.6s;
    transition: 0.6s;
    position: relative;
}
.testimonial__wrapper .swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    position: absolute;
    width: 8;
    height: 8;
    line-height: 20px;
    top: -6px;
    left: -6px;
    border-radius: 100%;
    background-color: transparent;
    border: 1px solid var(--theme);
    content: "";
}
.testimonial__wrapper .swiper-dot .testi__dot {
    color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1199px) {
    .testimonial__wrapper .arry__button {
        display: none;
    }
}
.testimonial__wrapper .arry__button .arry__prev {
    position: absolute;
    top: 30%;
    left: 14.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.testimonial__wrapper .arry__button .arry__prev i {
    font-size: 28px;
    font-weight: 300;
    color: var(--white);
}
.testimonial__wrapper .arry__button .arry__next {
    position: absolute;
    bottom: 30%;
    left: 14.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.testimonial__wrapper .arry__button .arry__next i {
    font-size: 28px;
    font-weight: 300;
    color: var(--white);
}
.testimonial__wrapper .testimonial__image__items {
    margin-left: 30%;
    height: 300px;
    width: 100px;
    position: relative;
    z-index: 999;
}
@media (max-width: 1600px) {
    .testimonial__wrapper .testimonial__image__items {
        margin-left: 18%;
    }
}
@media (max-width: 991px) {
    .testimonial__wrapper .testimonial__image__items {
        margin-left: 50px;
        width: 150px;
    }
}
@media (max-width: 575px) {
    .testimonial__wrapper .testimonial__image__items {
        display: none;
    }
}
.testimonial__wrapper .testimonial__image__items .client__thumb:last-child {
    margin-bottom: 20px;
}
.testimonial__wrapper .testimonial__content__wrapper {
    height: 290px;
}
@media (max-width: 991px) {
    .testimonial__wrapper .testimonial__content__wrapper {
        height: 350px;
    }
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content {
    max-width: 615px;
    padding: 30px 80px 0px 0;
    position: relative;
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../img/testimonial/comma.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
@media (max-width: 575px) {
    .testimonial__wrapper .testimonial__content__wrapper .tesimonial__content {
        padding: 30px 30px 0 0;
    }
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content .icon i {
    font-size: 22px;
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content .text {
    color: var(--white);
    margin-left: 20px;
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content .text i {
    font-size: 22px;
    margin-left: 15px;
    margin-top: 4px;
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content .testimonial__title__item {
    margin-top: 50px;
    margin-left: 80px;
    max-width: 330px;
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content .testimonial__title__item .testimonial__title h5 {
    color: var(--white);
    position: relative;
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content .testimonial__title__item .testimonial__title h5::before {
    position: absolute;
    top: 12px;
    left: -60px;
    width: 40px;
    height: 2px;
    content: "";
    background-color: var(--theme);
}
.testimonial__wrapper .testimonial__content__wrapper .tesimonial__content .testimonial__title__item .testimonial__title p {
    color: var(--pra);
}
.testimonial__thumb img {
    width: 100%;
    height: 100%;
}
.swiper-slide.swiper-slide-active .single__project__main__items .dot__shape {
    display: block;
}
.testimonial__section__two .shape__image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
.testimonial__section__two .shape__bg {
    position: absolute;
    top: 0;
    left: 0;
}
.testimonial__section__two .shape__bg img {
    width: 100%;
    height: 100%;
}
.testimonial__section__two .single__title__items {
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
}
@media (max-width: 1199px) {
    .testimonial__section__two .single__title__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.testimonial__section__two .single__title__items h2 {
    color: var(--black);
    max-width: 500px;
}
@media (max-width: 575px) {
    .testimonial__section__two .single__title__items .all__client .client__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 30px;
    }
}
.testimonial__wrapper__two .testimonial__single__items {
    position: relative;
    z-index: 999;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__thumb img {
    width: 100%;
    height: 100%;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content {
    background-color: var(--white);
    padding: 65px 70px;
    position: relative;
    overflow: hidden;
}
@media (max-width: 575px) {
    .testimonial__wrapper__two .testimonial__single__items .testimonial__single__content {
        padding: 50px 30px;
    }
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items {
    position: absolute;
    right: -14%;
    top: 40%;
    background-color: var(--theme2);
    padding: 15px 30px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
@media (max-width: 1399px) {
    .testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items {
        right: -17%;
    }
}
@media (max-width: 1199px) {
    .testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items {
        right: -20%;
        top: 41.5%;
    }
}
@media (max-width: 767px) {
    .testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items {
        display: none;
    }
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items .stroke__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items .stroke__text ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items .stroke__text ul li:not(:last-child) {
    margin-right: 10px;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .stroke__items p {
    letter-spacing: 1px;
    color: var(--white);
    font-weight: 700;
    font-family: "Red Hat Display", cursive;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .testi__title {
    font-weight: 400;
    max-width: 710px;
    text-transform: initial;
    position: relative;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .testi__title::after {
    content: "";
    position: absolute;
    left: -20px;
    top: -15px;
    background-image: url(../img/testimonial/comma2.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .testimonial__title__item {
    margin-top: 40px;
    max-width: 385px;
}
@media (max-width: 575px) {
    .testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .testimonial__title__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
    }
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .testimonial__title__item .testimonial__title h5 {
    font-weight: 600;
    position: relative;
    margin-left: 60px;
}
.testimonial__wrapper__two .testimonial__single__items .testimonial__single__content .testimonial__title__item .testimonial__title h5::before {
    position: absolute;
    top: 12px;
    left: -60px;
    width: 40px;
    height: 2px;
    content: "";
    background-color: var(--theme2);
}
.testimonial__wrapper__two .style__two .testimonial__single__content .stroke__items {
    background-color: var(--theme);
}
.testimonial__wrapper__two .style__two .testimonial__single__content .testimonial__title__item .testimonial__title h5::before {
    background-color: var(--theme);
}
.single__testimonial__items__three {
    position: relative;
}
.single__testimonial__items__three::before {
    position: absolute;
    top: -30px;
    left: 48px;
    height: 100%;
    width: 85%;
    content: "";
    border: 1px solid var(--subtitle2);
    z-index: -1;
}
.single__testimonial__items__three .single__testi__wrap {
    position: relative;
}
.single__testimonial__items__three .single__testi__wrap::before {
    position: absolute;
    top: -10px;
    left: 20px;
    height: 100%;
    width: 92%;
    content: "";
    border: 1px solid var(--subtitle2);
    z-index: -1;
}
.single__testimonial__items__three .single__testi__wrap::after {
    position: absolute;
    top: -20px;
    left: 38px;
    height: 100%;
    width: 85%;
    content: "";
    border: 1px solid var(--subtitle2);
    z-index: -1;
}
.single__testimonial__items__three .single__testi__wrap {
    padding: 50px 50px;
    background-color: var(--theme3);
}
@media (max-width: 575px) {
    .single__testimonial__items__three .single__testi__wrap {
        padding: 30px 30px;
    }
}
.single__testimonial__items__three .single__testi__wrap .testi__text {
    font-size: 18px;
    font-weight: 400;
    position: relative;
}
@media (max-width: 575px) {
    .single__testimonial__items__three .single__testi__wrap .testi__text {
        font-size: 15px;
    }
}
.single__testimonial__items__three .single__testi__wrap .testimonial__title__item {
    margin-top: 40px;
    max-width: 385px;
}
.single__testimonial__items__three .single__testi__wrap .testimonial__title__item .testimonial__title h5 {
    font-weight: 700;
    position: relative;
    margin-left: 60px;
}
.single__testimonial__items__three .single__testi__wrap .testimonial__title__item .testimonial__title h5::before {
    position: absolute;
    top: 12px;
    left: -60px;
    width: 40px;
    height: 2px;
    content: "";
    background-color: var(--subtitle2);
}
@media (max-width: 575px) {
    .single__testimonial__items__three .single__testi__wrap .testimonial__title__item .testimonial__title h5 {
        font-size: 15px;
    }
}
.testimonial__three .circle__shape {
    position: absolute;
    top: 53px;
    left: 0;
    z-index: -1;
    bottom: -180px;
}
.testimonial__three .circle__shape img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .testimonial__three .circle__shape {
        display: none;
    }
}
.testimonial__three .circle__shape__two {
    position: absolute;
    right: 0;
    top: 100px;
    bottom: -180px;
}
.testimonial__three .circle__shape__two img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1199px) {
    .testimonial__three .circle__shape__two {
        display: none;
    }
}
.single__content__three {
    margin-left: 50px;
    position: relative;
    z-index: 99;
}
.single__content__three .section__title {
    max-width: 500px;
    margin-bottom: 0;
}
.single__content__three .section__title h2 {
    margin-bottom: 0;
}
.single__content__three .section__title p {
    margin-top: 20px;
}
.single__content__three .swiper__dot__two .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--subtitle2);
}
.single__content__three .swiper__dot__two .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    border: 1px solid var(--subtitle2);
}
@media (max-width: 1199px) {
    .testimonial__four .single__title__items .section__title {
        margin-bottom: 30px;
    }
    .testimonial__four .single__title__items .all__client {
        margin-bottom: 50px;
    }
}
.business__growth__thumb img {
    width: 100%;
    height: 100%;
}
.growth__single__items .section__title p {
    margin-top: 20px;
}
.growth__single__items .circle-progress-bar-wrapper {
    gap: 50px;
    margin-top: 50px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar span {
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .content {
    margin-top: 20px;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .content h6 {
    font-size: 18px;
    display: block;
    margin-bottom: 0;
    font-weight: 600;
    font-family: "Red Hat Display", cursive;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .circle-bar {
    position: relative;
    height: 100px;
    width: 100px;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .circle-bar div {
    position: absolute;
    height: 100px;
    width: 100px;
    border-radius: 50%;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .circle-bar div span {
    position: absolute;
    font-family: "Red Hat Display", sans-serif;
    font-size: 22px;
    line-height: 92px;
    height: 90px;
    width: 90px;
    left: 5px;
    top: 5px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background-color: #FFF;
    color: #191919;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .circle-bar .background {
    background-color: #f7f7f7 !important;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .circle-bar .rotate {
    clip: rect(0 50px 100px 0);
    background-color: var(--theme2) !important;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .circle-bar .left {
    clip: rect(0 50px 100px 0);
    opacity: 1;
    background-color: #f7f7f7 !important;
}
.growth__single__items .circle-progress-bar-wrapper .single-circle-bar .circle-bar .right {
    clip: rect(0 50px 100px 0);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    opacity: 0;
    background-color: var(--theme2) !important;
}
.growth__single__items .circle-progress-bar-wrapper .style__two .circle-bar .rotate {
    background-color: var(--theme) !important;
}
.growth__single__items .circle-progress-bar-wrapper .style__two .circle-bar .right {
    background-color: var(--theme) !important;
}
.business__growth .ring__shape {
    position: absolute;
    bottom: 10%;
    right: 10%;
}
@media (max-width: 1600px) {
    .business__growth .ring__shape {
        right: 1%;
    }
}
@media (max-width: 1199px) {
    .business__growth .ring__shape {
        display: none;
    }
}
.faq__section {
    z-index: 99;
    position: relative;
}
@media (max-width: 1399px) {
    .faq__section .section__title h2 {
        font-size: 38px;
    }
    .faq__section .section__title h2 span {
        font-size: 38px;
    }
}
.faq__thumb img {
    width: 100%;
    height: 100%;
}
.faq__thumb .thumb {
    position: absolute;
    bottom: -35%;
    right: -22%;
}
.faq__thumb .thumb img {
    width: 100%;
    height: 100%;
}
@media (max-width: 991px) {
    .faq__thumb .thumb {
        display: none;
    }
}
@media (max-width: 1399px) {
    .faq__thumb .thumb {
        width: 250px;
    }
}
.faq__content .accordion__wrap .accordion-item {
    border: none;
}
.faq__content .accordion__wrap .accordion-item:not(:last-child) {
    margin-bottom: 16px;
}
.faq__content .accordion__wrap .accordion-item .accordion-header .accordion-button {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    line-height: 150%;
    font-weight: 700;
    color: var(--black);
    background-color: #F5F5F7;
    border: 1px solid var(--border2);
    font-family: 'Red Hat Display', sans-serif;
    padding: 0 0 0 30px;
}
@media (max-width: 1399px) {
    .faq__content .accordion__wrap .accordion-item .accordion-header .accordion-button {
        font-size: 17px;
    }
}
@media (max-width: 1199px) {
    .faq__content .accordion__wrap .accordion-item .accordion-header .accordion-button {
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .faq__content .accordion__wrap .accordion-item .accordion-header .accordion-button {
        font-size: 14px;
    }
}
.faq__content .accordion__wrap .accordion-item .accordion-header .accordion-button::after {
    background: url(../img/faq/plus.png) no-repeat center center;
    background-color: var(--theme);
    width: 60px;
    height: 60px;
    -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
}
.faq__content .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: none;
    -webkit-transform: none;
    transform: none;
    background: url(../img/faq/remove.png) no-repeat center center;
    background-color: var(--theme);
}
.faq__content .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: var(--white);
    background: var(--title);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px solid var(--theme);
}
.faq__content .accordion__wrap .accordion-body {
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    border-top: unset;
}
.faq__content .accordion__wrap .accordion-body p {
    line-height: 190%;
    font-family: "DM Sans", sans-serif;
}
.faq__content__two .accordion__wrap .accordion-item:not(:last-child) {
    margin-bottom: 30px;
}
.faq__content__two .accordion__wrap .accordion-item .accordion-header .accordion-button {
    background-color: var(--white);
    border: none;
    padding: 0 45px;
}
.faq__content__two .accordion__wrap .accordion-item .accordion-header .accordion-button::after {
    background-color: var(--theme2);
    width: 30px;
    height: 30px;
    -webkit-clip-path: initial;
    clip-path: initial;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.faq__content__two .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {
    background-color: var(--theme2);
}
.faq__content__two .accordion__wrap .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: var(--title);
    background: transparent;
    border-right: initial;
}
.faq__content__two .accordion__wrap .accordion-body {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.faq__inner__grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 55% 38%;
    grid-template-columns: 55% 38%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
    .faq__inner__grid {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .about__inner__grid {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
}
.brand__wrapper .brand__thumb {
    text-align: center;
}
.brand__wrapper .brand__thumb img {
    display: block;
}
@media (max-width: 575px) {
    .brand__wrapper .brand__thumb img {
        text-align: center;
        margin: 0 auto;
    }
}
.brand__wrapper__two {
    padding: 90px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 200px;
    margin-top: -130px;
    position: relative;
    z-index: 99;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 1399px) {
    .brand__wrapper__two {
        gap: 40px;
    }
}
@media (max-width: 575px) {
    .brand__wrapper__two {
        gap: 30px;
        padding: 50px 30px;
    }
}
.brand__wrapper__two .section__title {
    margin-bottom: 0;
}
.brand__wrapper__two .section__title h5 {
    color: var(--subtitle2);
}
.brand__wrapper__two .section__title h5::before {
    background-color: var(--subtitle2);
}
.brand__wrapper__two .section__title h3 {
    color: var(--subtitle2);
    font-family: "Red Hat Display", cursive;
}
@media (max-width: 575px) {
    .brand__wrapper__two .section__title h3 {
        font-size: 22px;
    }
}
.brand__wrapper__two .brand__thumb__items .brand__wrapper__thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 70px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (max-width: 575px) {
    .brand__wrapper__two .brand__thumb__items .brand__wrapper__thumb {
        gap: 30px;
    }
}
.working__process .section__title {
    max-width: 800px;
}
.main__single__process {
    position: relative;
}
.main__single__process .icon {
    width: 95px;
    height: 95px;
    line-height: 90px;
    background-color: var(--white);
    border-radius: 100%;
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    text-align: center;
    margin-top: -65px;
    position: absolute;
    top: 30px;
    left: 40px;
    z-index: 99;
    font-size: 38px;
    color: var(--theme2);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.main__single__process .icon img {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.main__single__process .single__process__items {
    border-radius: 10px;
    padding: 40px;
    -webkit-clip-path: polygon(0 15%, 100% 0, 100% 35%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 15%);
    clip-path: polygon(0 15%, 100% 0, 100% 35%, 100% 70%, 100% 100%, 50% 100%, 0 100%, 0% 70%, 0% 35%, 0 15%);
    position: relative;
    background-color: var(--item);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
    .main__single__process .single__process__items {
        margin-bottom: 30px;
    }
}
.main__single__process .single__process__items .content {
    margin-top: 50px;
    position: relative;
    z-index: 99;
}
.main__single__process .single__process__items .content h6 {
    font-size: 14px;
    font-weight: 600;
}
.main__single__process .single__process__items .content h5 {
    font-size: 18px;
    font-family: "Red Hat Display", cursive;
    font-weight: 700;
    margin-bottom: 15px;
}
.main__single__process .single__process__items .content h5 a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.main__single__process .single__process__items .content h5 a:hover {
    color: var(--theme2);
}
.main__single__process .style__two {
    color: var(--theme);
}
.main__single__process:hover .icon {
    background-color: var(--theme2);
    -webkit-box-shadow: 0px 4px 30px rgba(0, 130, 241, 0.2);
    box-shadow: 0px 4px 30px rgba(0, 130, 241, 0.2);
    color: var(--white);
}
.main__single__process:hover .icon img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.main__single__process:hover .style__two {
    background-color: var(--theme);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
}
.main__single__process:hover .single__process__items {
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
}
.process__two .content h5 a:hover {
    color: var(--theme) !important;
}
.working__process__two {
    padding-top: 175px;
}
@media (max-width: 1199px) {
    .working__process__two {
        padding-top: 100px;
    }
}
@media (max-width: 991px) {
    .working__process__two {
        padding-top: 80px;
    }
}
.blog__section .section__title {
    max-width: 750px;
}
@media (max-width: 991px) {
    .blog__section .section__title h5::before {
        left: 25px !important;
        top: 8px;
    }
}
.single__blog__items {
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    border: 1px solid var(--border2);
}
.single__blog__items .blog__thumb {
    padding: 7px 7px;
}
.single__blog__items .blog__thumb img {
    width: 100%;
    height: 100%;
}
.single__blog__items .blog__thumb .box {
    position: absolute;
    bottom: -10px;
    right: 30px;
    background-color: var(--theme);
    padding: 7px 20px;
    border-radius: 50px;
}
.single__blog__items .blog__thumb .box span {
    color: var(--white);
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.single__blog__items ul li {
    color: var(--pra);
    font-size: 16px;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 575px) {
    .single__blog__items ul li {
        font-size: 14px;
    }
}
.single__blog__items ul li i {
    color: var(--pra);
    font-size: 16px;
    margin-right: 5px;
}
.single__blog__items .blog__content {
    padding: 35px 0;
    border-bottom: 1px solid var(--border2);
    margin: 0 40px;
    overflow: hidden;
}
@media (max-width: 1199px) {
    .single__blog__items .blog__content {
        padding: 30px 0;
        margin: 0 35px;
    }
}
.single__blog__items .blog__content h5 {
    font-weight: 700;
    font-family: 'Red Hat Display', sans-serif;
}
.single__blog__items .blog__content h5 a {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: 'Red Hat Display', sans-serif;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    margin: 0;
    text-transform: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--black)), to(var(--black)));
    background-image: linear-gradient(var(--black), var(--black));
    background-position: 0 95%;
    background-repeat: no-repeat;
    background-size: 0% 2px;
    display: inline;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.single__blog__items .blog__content h5 a:hover {
    background-size: 100% 2px;
}
.single__blog__items .blog__comment {
    padding: 20px 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.single__blog__items .blog__comment .profile {
    gap: 12px;
}
.single__blog__items__two {
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.05);
    border: initial;
}
.single__blog__items__two .blog__thumb {
    padding: 0;
}
.single__blog__items__two .blog__thumb .blog__box__item {
    padding: 0 40px;
    margin-top: -25px;
    position: relative;
}
.single__blog__items__two .blog__thumb .blog__box {
    padding: 7px;
    background-color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.single__blog__items__two .blog__thumb .blog__box .cmn--btn2 {
    padding: 7px 20px;
    border-radius: 5px;
    background-color: var(--theme2);
    font-weight: 500;
}
.single__blog__items__two .blog__thumb .blog__box .profile {
    gap: 12px;
}
.single__blog__items__two .blog__thumb .blog__box .profile img {
    width: initial;
    height: initial;
}
.single__blog__items__two .blog__thumb .blog__box .profile p {
    font-weight: 500;
}
.single__blog__items__two .blog__content {
    border-bottom: initial;
}
.single__blog__items__two .blog__content ul {
    gap: 30px;
}
@media (max-width: 1399px) {
    .single__blog__items__two .blog__content ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
    }
}
.single__blog__items__two .blog__content .button {
    margin-top: 25px;
}
.single__blog__items__two:hover .blog__content .button .arrow__btn {
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    background-color: var(--theme2);
    border: 1px solid var(--theme2);
    color: var(--white);
}
.single__blog__items__two:hover .blog__content .button .arrow__btn::before {
    opacity: 1;
}
.single__blog__items__three {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 46, 91, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.single__blog__items__three .blog__comment {
    padding: 30px 40px;
    border-bottom: 1px solid rgba(0, 46, 91, 0.1);
    gap: 30px;
}
.single__blog__items__three .blog__comment h6 {
    font-size: 18px;
    font-family: "Red Hat Display", cursive;
}
.single__blog__items__three .blog__comment h6 a {
    color: var(--subtitle2);
}
.single__blog__items__three .blog__comment .profile {
    gap: 12px;
}
.single__blog__items__three .blog__comment .profile p {
    font-weight: 500;
}
.single__blog__items__three .blog__content {
    padding: 30px 0;
}
@media (max-width: 1399px) {
    .single__blog__items__three .blog__content ul {
        gap: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.single__blog__items__three .blog__content h5 a {
    color: var(--subtitle2);
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--subtitle2)), to(var(--subtitle2)));
    background-image: linear-gradient(var(--subtitle2), var(--subtitle2));
}
.single__blog__items__three .blog__content .button .arrow__btn {
    color: var(--pra);
}
.single__blog__items__three:hover {
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.07);
    border: 1px solid var(--white);
}
.single__blog__items__three:hover .blog__content .button .arrow__btn {
    -webkit-transform: translateX(95px);
    transform: translateX(95px);
    background-color: var(--theme3);
    border: 1px solid var(--theme3);
    color: var(--subtitle2);
}
.single__blog__items__three:hover .blog__content .button .arrow__btn::before {
    opacity: 1;
    color: var(--subtitle2);
}
.blog__section__three .section__title {
    max-width: 630px;
}
.blog__section__three .section__title h5::before {
    left: 0;
}
.border-wrap {
    border: 2px solid #ededed;
}
.blog-wrapper h1, .blog-wrapper h2, .blog-wrapper h3, .blog-wrapper h4, .blog-wrapper h5, .blog-wrapper h6 {
    font-weight: 700;
}
.blog-wrapper .border-wrap {
    padding:15px 20px;
}
@media (max-width: 767px) {
    .blog-wrapper .border-wrap {
        padding: 50px 15px;
    }
}
.blog-wrapper .border-wrap .single-blog-post .post-content {
    padding: 0px;
}
.blog-wrapper .single-blog-post {
    margin-bottom: 40px;
    position: relative;
}
.blog-wrapper .single-blog-post .video__button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.blog-wrapper .single-blog-post .video__button .video__btn__wrp {
    margin-bottom: 0;
}
.blog-wrapper .single-blog-post.post-details.format-quote .post-content {
    position: relative;
    background: transparent;
    border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content {
    border: none;
}
.blog-wrapper .single-blog-post.post-details .post-content img {
    margin-top: 20px;
    margin-bottom: 20px;
}
.blog-wrapper .single-blog-post.post-details .post-content h1 {
    font-size: 36px;
    line-height: 1.4;
}
.blog-wrapper .single-blog-post.post-details .post-content h1, .blog-wrapper .single-blog-post.post-details .post-content h2, .blog-wrapper .single-blog-post.post-details .post-content h3, .blog-wrapper .single-blog-post.post-details .post-content h4, .blog-wrapper .single-blog-post.post-details .post-content h5, .blog-wrapper .single-blog-post.post-details .post-content h6 {
    margin-top: 10px;
}
.blog-wrapper .single-blog-post.post-details .post-content table {
    margin-top: 20px;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post.post-details .post-content h1 {
        font-size: 28px;
    }
    .blog-wrapper .single-blog-post.post-details .post-content h3 {
        font-size: 20px;
    }
}
.blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
    background-color: var(--theme);
    color: #fff;
    font-size: 26px;
    line-height: 1.4;
    font-family: "Red Hat Display", cursive;
    font-weight: 400;
    padding: 60px;
    text-align: center;
    margin: 40px 0px;
    position: relative;
    z-index: 1;
}
.blog-wrapper .single-blog-post.post-details blockquote a, .blog-wrapper .single-blog-post.post-details .wp-block-quote a {
    color: #fff;
}
.blog-wrapper .single-blog-post.post-details blockquote a:hover, .blog-wrapper .single-blog-post.post-details .wp-block-quote a:hover {
    color: var(--theme2);
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post.post-details blockquote, .blog-wrapper .single-blog-post.post-details .wp-block-quote {
        padding: 30px 15px;
        font-size: 18px;
        line-height: 1.5;
    }
}
.blog-wrapper .single-blog-post.post-details blockquote::before, .blog-wrapper .single-blog-post.post-details .wp-block-quote::before {
    right: 30px;
    font-size: 110px;
    line-height: 1;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    content: "\f10d";
    bottom: -20px;
    color: #fff;
    z-index: -1;
    opacity: .1;
    font-weight: 900;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb {
    z-index: 1;
    position: relative;
}
.blog-wrapper .single-blog-post.format-video .post-featured-thumb::before, .blog-wrapper .single-blog-post.category-video-post .post-featured-thumb::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    background-color: #282835;
    opacity: .3;
    z-index: -1;
}
.blog-wrapper .single-blog-post.quote-post .post-content, .blog-wrapper .single-blog-post.format-quote .post-content {
    position: relative;
    background-color: var(--theme);
    background-image: url("../img/quotepost.png");
    border: none;
}
.blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
    overflow: hidden;
}
@media (max-width: 585px) {
    .blog-wrapper .single-blog-post.quote-post .quote-content, .blog-wrapper .single-blog-post.format-quote .quote-content {
        text-align: center;
        font-size: 24px;
    }
}
.blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
    font-size: 70px;
    line-height: 80px;
    float: left;
    overflow: hidden;
    margin-right: 30px;
}
@media (max-width: 585px) {
    .blog-wrapper .single-blog-post.quote-post .quote-content .icon, .blog-wrapper .single-blog-post.format-quote .quote-content .icon {
        float: none;
        margin-bottom: 10px;
        margin-right: 0;
        font-size: 50px;
        line-height: 60px;
    }
}
.blog-wrapper .single-blog-post.quote-post .quote-content .quote-text, .blog-wrapper .single-blog-post.format-quote .quote-content .quote-text {
    overflow: hidden;
}
.blog-wrapper .single-blog-post.quote-post .quote-content h2, .blog-wrapper .single-blog-post.format-quote .quote-content h2 {
    margin-top: -2px;
    font-size: 30px;
    color: var(--white);
}
.blog-wrapper .single-blog-post.quote-post .quote-content .post-meta span, .blog-wrapper .single-blog-post.format-quote .quote-content .post-meta span {
    color: var(--white);
}
.blog-wrapper .single-blog-post:last-child {
    margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-featured-thumb {
    height: 400px;
    width: 100%;
    position: relative;
    margin-bottom: -2px;
}
@media (max-width: 991px) {
    .blog-wrapper .single-blog-post .post-featured-thumb {
        height: 280px;
    }
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-featured-thumb {
        height: 230px;
    }
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.blog-wrapper .single-blog-post .post-featured-thumb .video-play-btn .play-video {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 18px;
}
.blog-wrapper .single-blog-post .post-content {
    padding: 50px;
    border: 2px solid #ededed;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.blog-wrapper .single-blog-post .post-content h2 {
    line-height: 1.4;
    font-size: 30px;
    font-weight: 700;
}
.blog-wrapper .single-blog-post .post-content p {
    font-size: 16px;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-content {
        padding: 50px 10px;
    }
}
@media (max-width: 414px) {
    .blog-wrapper .single-blog-post .post-content h2 {
        font-size: 22px;
    }
}
.blog-wrapper .single-blog-post .post-content .post-cat a {
    color: #fff;
    display: inline-block;
    background-color: var(--theme);
    padding: 14px 18px 12px;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-family: "Red Hat Display", cursive;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-content .post-cat a {
        font-size: 12px;
    }
}
.blog-wrapper .single-blog-post .post-content .post-cat a:hover {
    background-color: var(--subtitle2);
}
.blog-wrapper .single-blog-post .post-content ul {
    margin-bottom: 0;
    list-style-type: disc;
    margin-top: 30px;
}
.blog-wrapper .single-blog-post .post-content ul ol {
    margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul ul {
    margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ul li {
    line-height: 1.5;
    margin-top: 10px;
    list-style-type: disc;
    color: var(--pra);
    position: relative;
    font-size: 18px;
    padding-left: 30px;
}
.blog-wrapper .single-blog-post .post-content ul li::before {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
    color: var(--theme);
}
.blog-wrapper .single-blog-post .post-content ol {
    margin-bottom: 0;
    list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content ol ul {
    margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol ol {
    margin-bottom: 0;
}
.blog-wrapper .single-blog-post .post-content ol li {
    line-height: 1.5;
    margin-top: 10px;
    list-style-type: decimal;
}
.blog-wrapper .single-blog-post .post-content p {
    margin-top: 15px;
}
.blog-wrapper .single-blog-post .post-content .post-meta {
    margin-top: 10px;
}
.blog-wrapper .single-blog-post .post-content .post-meta span {
    color: #202426;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    margin-right: 25px;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-content .post-meta span {
        font-size: 13px;
    }
}
.blog-wrapper .single-blog-post .post-content .post-meta span i {
    margin-right: 5px;
}
.blog-wrapper .single-blog-post .post-content .author-info {
    overflow: hidden;
}
.blog-wrapper .single-blog-post .post-content .author-info .author-img {
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #f2f2f2;
    margin-right: 15px;
    float: left;
    overflow: hidden;
    background-position: center;
    background-size: cover;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-content .author-info .author-img {
        margin-right: 5px;
    }
}
.blog-wrapper .single-blog-post .post-content .author-info h5 {
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    margin-top: 9px;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-content .author-info h5 {
        font-size: 14px;
    }
}
.blog-wrapper .single-blog-post .post-content .post-link a {
    font-weight: 700;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-content .post-link a {
        font-size: 14px;
    }
}
.blog-wrapper .single-blog-post .post-content .post-link a i {
    margin-right: 5px;
}
@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-content .post-link a i {
        margin-right: 3px;
    }
}
@media (min-width: 991px) {
    .main-sidebar {
        margin-left: 20px;
    }
}
@media (max-width: 991px) {
    .main-sidebar {
        margin-top: 40px;
    }
}
.main-sidebar .single-sidebar-widget {
    border: 2px solid #ededed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px;
    margin-bottom: 40px;
}
.main-sidebar .single-sidebar-widget ul {
    padding-left: 0;
}
.main-sidebar .single-sidebar-widget ul > li {
    margin-bottom: 10px;
}
.main-sidebar .single-sidebar-widget ul > li a {
    font-size: 18px;
    text-transform: capitalize;
}
.main-sidebar .single-sidebar-widget ul > li a:hover {
    color: var(--theme);
}
.main-sidebar .single-sidebar-widget ul ul {
    padding-left: 20px;
}
.main-sidebar .single-sidebar-widget ul ul li {
    margin-top: 5px;
}
.main-sidebar .single-sidebar-widget:last-child {
    margin-bottom: 0;
}
.main-sidebar .single-sidebar-widget .wid-title {
    margin-bottom: 25px;
    position: relative;
    padding-left: 45px;
}
.main-sidebar .single-sidebar-widget .wid-title h3 {
    font-weight: 600;
    font-size: 22px;
}
.main-sidebar .single-sidebar-widget .wid-title::before {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 4px;
    width: 18px;
    border-radius: 5px;
    position: absolute;
    background-color: var(--theme);
}
.main-sidebar .single-sidebar-widget .wid-title::after {
    left: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 50%;
    position: absolute;
    background-color: var(--theme);
}
.main-sidebar .single-sidebar-widget .social-link a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: #f2f2f2;
    font-size: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.main-sidebar .single-sidebar-widget .social-link a:hover {
    background-color: var(--theme);
    color: #fff;
}
.search_widget form {
    width: 100%;
    position: relative;
}
.search_widget form input {
    background-color: #f8f8f8;
    font-size: 15px;
    padding: 20px;
    width: 100%;
    border: none;
}
.search_widget form button {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    font-size: 18px;
    height: 100%;
    background-color: var(--theme);
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.search_widget form button:hover {
    background-color: var(--subtitle2);
}
.popular-posts .single-post-item, .popular_posts .single-post-item {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}
.popular-posts .single-post-item:last-child, .popular_posts .single-post-item:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}
.popular-posts .single-post-item .thumb, .popular_posts .single-post-item .thumb {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f2f2f2;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.popular-posts .single-post-item .post-content, .popular_posts .single-post-item .post-content {
    overflow: hidden;
}
.popular-posts .single-post-item .post-content h5, .popular_posts .single-post-item .post-content h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: capitalize;
}
.popular-posts .single-post-item .post-content h5 a:hover, .popular_posts .single-post-item .post-content h5 a:hover {
    color: var(--theme);
}
.popular-posts .single-post-item .post-content .post-date, .popular_posts .single-post-item .post-content .post-date {
    margin-top: 5px;
    color: var(--theme);
    font-weight: 700;
    font-size: 14px;
}
.popular-posts .single-post-item .post-content .post-date i, .popular_posts .single-post-item .post-content .post-date i {
    margin-right: 7px;
}
.widget_categories ul li {
    display: block;
}
.widget_categories ul li:last-child a {
    margin-bottom: 0;
}
.widget_categories ul li a {
    position: relative;
    background: #f8f8f8;
    padding: 17px 30px;
    line-height: 1;
    font-size: 14px;
    display: block;
    margin-bottom: 12px;
    font-weight: 500;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.widget_categories ul li a:hover {
    color: var(--theme);
}
.widget_categories ul li a span {
    position: absolute;
    width: 60px;
    line-height: 55px;
    height: 100%;
    content: "";
    background-color: var(--theme);
    right: 0;
    top: 0;
    text-align: center;
    color: #fff;
}
.tagcloud a {
    display: inline-block;
    padding: 11px 26px;
    line-height: 1;
    font-size: 14px;
    font-weight: 700;
    background: #f8f8f8;
    margin-right: 5px;
    text-transform: capitalize;
    margin-bottom: 8px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.tagcloud a:last-child {
    margin-right: 0;
}
.tagcloud a:hover {
    background-color: var(--theme);
    color: #fff;
}
.widget_categories ul li {
    display: block;
    margin-bottom: 10px;
}
p.sticky-label {
    position: absolute;
    right: 0;
    background: var(--theme);
    color: #fff;
    padding: 10px 40px;
    z-index: -1;
    top: 0;
    font-weight: 700;
}
.page-nav-wrap ul li {
    display: inline-block;
}
.page-nav-wrap ul li .page-numbers {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #f6f6f6;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0 2px;
}
.page-nav-wrap ul li .page-numbers.current {
    background-color: var(--theme);
    color: #Fff;
}
@media (max-width: 767px) {
    .page-nav-wrap ul li .page-numbers {
        margin-top: 10px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
    }
}
.page-nav-wrap ul li .page-numbers i {
    margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
    background-color: var(--theme);
    color: #fff;
}
.social-share a {
    margin-left: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.social-share a:hover {
    color: var(--theme);
}
.tag-share-wrap {
    padding-bottom: 50px;
}
.tag-share-wrap h4 {
    margin-bottom: 25px;
}
@media (max-width: 767px) {
    .tag-share-wrap h4 {
        margin-bottom: 10px;
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .tag-share-wrap .tagcloud {
        margin-bottom: 20px;
    }
}
.comments-section-wrap {
    overflow: hidden;
}
.comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
    font-size: 26px;
}
@media (max-width: 767px) {
    .comments-heading h3, .related-post-wrap h3, .comment-form-wrap h3 {
        font-size: 20px;
    }
}
.comments-item-list .single-comment-item {
    margin-top: 30px;
}
.comments-item-list .single-comment-item ul {
    margin-bottom: 15px;
}
.comments-item-list .single-comment-item p, .comments-item-list .single-comment-item span {
    font-size: 16px;
}
.comments-item-list .single-comment-item .author-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    margin-right: 30px;
}
@media (max-width: 991px) {
    .comments-item-list .single-comment-item .author-img {
        width: 80px;
        height: 80px;
        margin-right: 20px;
    }
}
@media (max-width: 767px) {
    .comments-item-list .single-comment-item .author-img {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }
}
@media (max-width: 585px) {
    .comments-item-list .single-comment-item .author-img {
        float: none;
        margin-bottom: 20px;
    }
}
.comments-item-list .single-comment-item .author-info-comment {
    overflow: auto;
    padding-bottom: 25px;
    border-bottom: 1px solid #e2e2e2;
}
.comments-item-list .single-comment-item .author-info-comment .info {
    position: relative;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
    padding: 7px 18px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #727475;
    border: 1px solid #ebebeb;
    background: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}
@media (max-width: 767px) {
    .comments-item-list .single-comment-item .author-info-comment .info .theme-btn {
        font-size: 12px;
    }
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn i {
    margin-right: 5px;
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover {
    background: var(--theme);
    border: 1px solid var(--theme);
    color: var(--white);
}
.comments-item-list .single-comment-item .author-info-comment .info .theme-btn:hover a {
    color: #fff;
}
.comments-item-list .single-comment-item .author-info-comment .info h5 {
    margin-bottom: 5px;
}
@media (max-width: 767px) {
    .comments-item-list .single-comment-item .author-info-comment .info h5 {
        font-size: 16px;
    }
}
.comments-item-list .single-comment-item .author-info-comment span {
    color: var(--theme);
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn {
    padding: 7px 18px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (max-width: 767px) {
    .comments-item-list .single-comment-item .author-info-comment .theme-btn {
        font-size: 12px;
    }
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn i {
    margin-right: 5px;
}
.comments-item-list .single-comment-item .author-info-comment .theme-btn:hover a {
    color: #fff;
}
.comments-item-list .single-comment-item .author-info-comment .comment-text {
    margin-top: 15px;
}
.comment-form {
    background-color: #f0f0f0;
    padding: 50px;
    width: 100%;
    margin-top: 30px;
}
@media (max-width: 767px) {
    .comment-form {
        padding: 30px;
    }
}
@media (max-width: 585px) {
    .comment-form {
        padding: 30px 15px;
    }
}
.comment-form label {
    margin-bottom: 4px;
}
.comment-form input, .comment-form textarea {
    margin-bottom: 20px;
    padding: 20px 30px;
    line-height: 1;
    font-size: 16px;
    width: 100%;
    border: none;
}
@media (max-width: 585px) {
    .comment-form input, .comment-form textarea {
        padding: 15px;
    }
}
.comment-form textarea {
    height: 200px;
    line-height: 1.3;
}
@media (max-width: 767px) {
    .comment-form textarea {
        height: 120px;
    }
}
.comment-form .cmn--btn2 {
    display: inline-block;
    line-height: 1;
    text-transform: capitalize;
    padding: 20px 60px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-bottom: 0;
    margin-top: 20px;
}
@media (max-width: 767px) {
    .comment-form .cmn--btn2 {
        padding: 20px 40px;
    }
}
@media (max-width: 585px) {
    .comment-form .cmn--btn2 {
        padding: 15px 40px;
        font-size: 14px;
    }
}
.comment-form .cmn--btn2 i {
    margin-right: 10px;
}
.comment ul {
    list-style-type: disc;
}
.comment ul ol {
    margin-bottom: 0;
}
.comment ul li {
    line-height: 1.5;
    margin-top: 10px;
    list-style-type: disc;
}
.comment ol ul {
    margin-bottom: 0;
}
.comment ol ol {
    margin-bottom: 0;
}
.comment ol li {
    line-height: 1.5;
    margin-top: 10px;
}
.site_info_widget .single-contact-info {
    overflow: auto;
    margin-bottom: 20px;
}
.site_info_widget .single-contact-info span {
    display: block;
    color: var(--theme);
}
.site_info_widget .single-contact-info .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: var(--theme3);
    float: left;
    text-align: center;
    overflow: hidden;
    font-size: 16px;
    margin-right: 20px;
}
.site_info_widget .single-contact-info:nth-child(2n) .icon {
    background-color: var(--theme);
}
.site_info_widget .single-contact-info:nth-child(3n) .icon {
    background-color: var(--theme2);
}
.site_info_widget .social-link {
    margin-top: 35px;
}
.site_info_widget .social-link a {
    margin-right: 8px !important;
}
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.cta__wrapper {
    background-color: var(--theme2);
    padding: 60px;
    overflow: hidden;
    margin-bottom: -125px;
    z-index: 9;
    position: relative;
}
@media (max-width: 575px) {
    .cta__wrapper {
        padding: 35px;
    }
}
.cta__wrapper .line__shape {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.cta__wrapper .line__shape img {
    height: 100%;
}
.cta__wrapper .cta__thumb {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 28%;
}
.cta__wrapper .cta__thumb img {
    width: 100%;
    height: 100%;
}
@media (max-width: 1399px) {
    .cta__wrapper .cta__thumb {
        right: 32%;
    }
}
@media (max-width: 1199px) {
    .cta__wrapper .cta__thumb {
        right: 35%;
    }
}
@media (max-width: 991px) {
    .cta__wrapper .cta__thumb {
        display: none;
    }
}
.cta__wrapper .cta__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}
.cta__wrapper .section__title {
    margin-bottom: 0;
    position: relative;
    z-index: 9;
}
.cta__wrapper .section__title h5 {
    color: var(--white);
}
.cta__wrapper .section__title h5::before {
    background-color: var(--white);
}
.cta__wrapper .section__title h2 {
    color: var(--white);
    margin-bottom: 0;
}
@media (max-width: 1399px) {
    .cta__wrapper .section__title h2 {
        font-size: 38px !important;
    }
}
@media (max-width: 1199px) {
    .cta__wrapper .section__title h2 {
        font-size: 28px !important;
    }
}
.cta__wrapper .cmn--btn2 {
    background-color: transparent;
    border: 1px solid var(--white);
    border-radius: 7px;
}
.pricing__section .section__title {
    max-width: 650px;
}
.pricing__section .section__title h5::before {
    left: -5px;
}
.pricing__section .right__shape {
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 1199px) {
    .pricing__section .right__shape {
        display: none;
    }
}
.pricing__single__items {
    border: 5px solid var(--border2);
    padding: 50px 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: relative;
    overflow: hidden;
}
.pricing__single__items .price__head {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pricing__single__items .price__head h5 {
    color: var(--pra);
}
.pricing__single__items .price__head h2 {
    font-size: 38px;
    color: var(--subtitle2);
}
@media (max-width: 575px) {
    .pricing__single__items .price__head h2 {
        font-size: 28px;
    }
}
.pricing__single__items .price__head p {
    color: var(--subtitle2);
}
@media (max-width: 575px) {
    .pricing__single__items .price__head p {
        font-size: 14px;
    }
}
.pricing__single__items .price__list {
    padding: 0 60px;
    margin-top: 50px;
}
@media (max-width: 1399px) {
    .pricing__single__items .price__list {
        padding: 0 45px;
    }
}
@media (max-width: 991px) {
    .pricing__single__items .price__list {
        margin-top: 30px;
    }
}
@media (max-width: 575px) {
    .pricing__single__items .price__list {
        padding: 0 30px;
        margin-top: 20px;
    }
}
.pricing__single__items .price__list ul li {
    font-size: 18px;
    font-weight: 500;
    font-family: "DM Sans", sans-serif;
    color: var(--subtitle2);
}
.pricing__single__items .price__list ul li:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .pricing__single__items .price__list ul li:not(:last-child) {
        margin-bottom: 15px;
    }
}
@media (max-width: 1399px) {
    .pricing__single__items .price__list ul li {
        font-size: 16px;
    }
}
@media (max-width: 575px) {
    .pricing__single__items .price__list ul li {
        font-size: 14px;
    }
}
.pricing__single__items .price__list ul li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    background-color: var(--theme3);
    font-size: 16px;
    font-weight: 400;
    color: var(--subtitle2);
    text-align: center;
    margin-right: 15px;
}
@media (max-width: 575px) {
    .pricing__single__items .price__list ul li i {
        font-size: 15px;
        margin-right: 10px;
    }
}
.pricing__single__items .price__list .price__button {
    margin-top: 50px;
}
@media (max-width: 991px) {
    .pricing__single__items .price__list .price__button {
        margin-top: 40px;
    }
}
@media (max-width: 575px) {
    .pricing__single__items .price__list .price__button {
        margin-top: 30px;
    }
}
.pricing__single__items .price__list .price__button .cmn--btn {
    border-radius: 7px;
    border: 1px solid var(--border2);
    background-color: transparent;
    display: inline-block;
}
.pricing__single__items .price__list .price__button .cmn--btn span {
    font-weight: 700;
    color: var(--pra);
}
.pricing__single__items .price__list .price__button .cmn--btn::before {
    background-color: var(--theme3);
}
.pricing__single__items .price__list .price__button .cmn--btn:hover span {
    color: var(--subtitle2);
}
.pricing__style__two {
    border: none;
    background-color: var(--white);
}
.pricing__style__two .price__head {
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.pricing__style__two .price__head h2 {
    color: var(--black);
}
.pricing__style__two .price__head p {
    color: var(--black);
}
.pricing__style__two .price__list ul li {
    color: var(--black);
}
.pricing__style__two .price__list ul li i {
    background-color: rgba(194, 11, 11, 0.15);
    color: var(--theme);
}
.pricing__style__two .price__list .price__button {
    margin-top: 50px;
}
.active__pricing {
    border: 5px solid var(--subtitle2);
}
.active__pricing .price__title {
    text-align: center;
    background-color: var(--theme3);
    padding: 20px 0;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.active__pricing .price__head {
    margin-top: 60px;
}
.active__pricing__two {
    border: none;
    -webkit-box-shadow: 0px 4px 60px 10px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 4px 60px 10px rgba(0, 0, 0, 0.07);
}
.active__pricing__two .price__title {
    background-color: var(--theme);
    color: var(--white);
}
.company__history .section__title {
    max-width: 620px;
}
.company__history .section__title h5::before {
    left: -15px;
}
.history__wrapper__items {
    position: relative;
}
.history__wrapper__items::before {
    position: absolute;
    bottom: 45%;
    left: 0;
    content: "";
    border-bottom: 2px solid #ebebeb;
    width: 100%;
}
.history__wrapper__items .arry__button {
    z-index: 9999;
}
@media (max-width: 1199px) {
    .history__wrapper__items .arry__button {
        display: none;
    }
}
.history__wrapper__items .arry__button .arry__prev {
    position: absolute;
    bottom: -23px;
    left: 46%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
    .history__wrapper__items .arry__button .arry__prev {
        left: 43%;
    }
}
.history__wrapper__items .arry__button .arry__prev i {
    font-size: 28px;
    color: var(--theme);
}
.history__wrapper__items .arry__button .arry__next {
    position: absolute;
    bottom: -23px;
    right: 45%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media (max-width: 1399px) {
    .history__wrapper__items .arry__button .arry__next {
        right: 41%;
    }
}
.history__wrapper__items .arry__button .arry__next i {
    font-size: 28px;
    font-weight: 300;
    color: var(--pra);
}
.history__wrapper__items .swiper-slide.swiper-slide-active .history__items .box {
    background-color: var(--theme);
    color: var(--white);
}
.history__wrapper__items .swiper-slide.swiper-slide-active .history__items h5 {
    color: var(--theme);
}
@media (max-width: 575px) {
    .history__items {
        text-align: center;
        margin: 0 auto;
    }
}
.history__items .content {
    max-width: 300px;
    text-align: center;
    margin-top: 35px;
}
@media (max-width: 575px) {
    .history__items .content {
        text-align: center;
        margin: 0 auto;
        padding-top: 30px;
    }
}
.history__items .content .box {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 100%;
    background-color: var(--white);
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.1);
    font-style: italic;
    font-family: "Red Hat Display", cursive;
    color: var(--black);
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.history__items .content h5 {
    margin-top: 20px;
    font-weight: 700;
    font-family: "Red Hat Display", cursive;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.history__items .content:hover .box {
    background-color: var(--theme);
    color: var(--white);
}
.history__items .content:hover h5 {
    color: var(--theme);
}
.contact__section .circle__shape {
    position: absolute;
    bottom: 7%;
    left: 7%;
    z-index: -1;
}
@media (max-width: 1600px) {
    .contact__section .circle__shape {
        left: 1%;
    }
}
@media (max-width: 1199px) {
    .contact__section .circle__shape {
        display: none;
    }
}
.contact__section .right__shape {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
@media (max-width: 1199px) {
    .contact__section .right__shape {
        display: none;
    }
}
.contact__section .ring__shape {
    position: absolute;
    top: 10%;
    right: 10%;
    z-index: -1;
}
@media (max-width: 1600px) {
    .contact__section .ring__shape {
        right: 1%;
    }
}
@media (max-width: 1199px) {
    .contact__section .ring__shape {
        display: none;
    }
}
.contact__thumb img {
    width: 100%;
    height: 100%;
    border-radius: 0 30% 0 0;
}
.contact__right .form__clt {
    position: relative;
}
.contact__right .form__clt .icon {
    position: absolute;
    top: 24px;
    right: 25px;
}
@media (max-width: 575px) {
    .contact__right .form__clt .icon {
        top: 15px;
    }
}
.contact__right .form__clt .icon i {
    color: #7A7A7A;
}
.contact__right .form__clt input {
    width: 100%;
    outline: none;
    border: none;
    padding: 20px 25px;
    color: #7A7A7A;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
    border: 1px solid #F5F5F7;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
    .contact__right .form__clt input {
        font-size: 15px;
    }
}
@media (max-width: 575px) {
    .contact__right .form__clt input {
        font-size: 14px;
        padding: 15px 20px;
    }
}
.contact__right .form__clt input:hover {
    border: 1px solid var(--theme);
    background-color: var(--white);
}
.contact__right .form__clt__big textarea {
    padding: 20px 25px 105px;
    border: 1px solid #F5F5F7;
    width: 100%;
    outline: none;
    color: #7A7A7A;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Red Hat Display', sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 1199px) {
    .contact__right .form__clt__big textarea {
        font-size: 15px;
    }
}
.contact__right .form__clt__big textarea:hover {
    border: 1px solid var(--theme);
    background-color: var(--white);
}
.contact__right .cmn--btn2 i {
    font-size: 16px;
    margin-left: 4px;
}
.contact__form {
    background: url(../img/contact/contact-bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
.contact__form::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(217, 217, 217, 0.1);
}
.contact__form .right__top {
    position: absolute;
    top: -2px;
    right: 0;
    bottom: 0;
}
.contact__form .right__top img {
    height: 100%;
}
@media (max-width: 1199px) {
    .contact__form .right__top {
        display: none;
    }
}
.contact__form .right__bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}
@media (max-width: 1199px) {
    .contact__form .right__bottom {
        display: none;
    }
}
.insurance__form {
    position: relative;
    z-index: 99;
}
.insurance__form .contact__right {
    background-color: var(--white);
    padding: 60px 60px;
    /* insur get balance updated css */
}
@media (max-width: 1399px) {
    .insurance__form .contact__right {
        padding: 50px 45px;
    }
}
@media (max-width: 575px) {
    .insurance__form .contact__right {
        padding: 40px 20px;
    }
}
.insurance__form .contact__right .section__title {
    margin-bottom: 50px;
}
.insurance__form .contact__right .nav {
    border: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 50px;
}
@media (max-width: 1399px) {
    .insurance__form .contact__right .nav {
        gap: 30px;
    }
}
@media (max-width: 767px) {
    .insurance__form .contact__right .nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
    }
}
.insurance__form .contact__right .nav .nav-link {
    padding: 0;
    border: unset;
    background: none;
}
.insurance__form .contact__right .nav .nav-link .title {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 600;
    color: var(--black);
    font-size: 16px;
    border: 1px solid rgba(0, 46, 91, 0.1);
    padding: 10px 25px;
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--white);
    border-radius: 5px;
}
.insurance__form .contact__right .nav .nav-link.active .title {
    background-color: var(--subtitle2);
    color: var(--white);
}
.insurance__form .contact__right .form__clt input {
    font-size: 16px;
    border-radius: 7px;
    border: none;
}
@media (max-width: 1399px) {
    .insurance__form .contact__right .form__clt input {
        font-size: 15px;
    }
}
@media (max-width: 767px) {
    .insurance__form .contact__right .form__clt input {
        font-size: 14px;
    }
}
.insurance__form .contact__right .form__clt input:hover {
    border: none;
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
}
.insurance__form .contact__right .form__clt .nice-select {
    border: none !important;
}
.insurance__form .contact__right .form__clt .form__title {
    font-size: 18px;
    font-weight: 700;
    font-family: "Red Hat Display", cursive;
    color: var(--subtitle2);
    margin-bottom: 20px;
}
.insurance__form .contact__right .form__clt:hover .nice-select {
    -webkit-box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.1);
    border: none;
}
.insurance__form .contact__right .get-insurance__progress {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 23px;
}
.insurance__form .contact__right .get-insurance__progress-single {
    position: relative;
    display: block;
}
.insurance__form .contact__right .get-insurance__progress-title {
    font-family: "Red Hat Display", cursive;
    line-height: 26px;
    margin-bottom: 20px;
    font-weight: 700;
}
.insurance__form .contact__right .get-insurance__progress .bar {
    position: relative;
    width: 100%;
    height: 11px;
    background-color: white;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    border: 1px solid #dfe3e7;
}
.insurance__form .contact__right .get-insurance__progress .bar-inner {
    position: relative;
    display: block;
    width: 0px;
    height: 11px;
    border-radius: 5px;
    background-color: var(--theme3);
}
.insurance__form .contact__right .get-insurance__progress .count-text {
    position: absolute;
    right: -30px;
    bottom: -8px;
    opacity: 0;
    border-style: solid;
    border-width: 2px;
    border-color: white;
    border-radius: 50%;
    background-color: #16243d;
    width: 34px;
    height: 34px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.insurance__form .contact__right .get-insurance__progress .bar-inner.counted .count-text {
    opacity: 1;
}
.insurance__form .contact__right .get-insurance__balance-box {
    position: absolute;
    top: 0;
    right: 0;
}
.insurance__form .contact__right .get-insurance__balance span {
    font-size: 20px;
    color: var(--subtitle2);
    font-weight: 700;
}
.insurance__form .contact__right .get-insurance__balance {
    font-size: 20px;
    color: var(--subtitle2);
    font-weight: 700;
}
.insurance__form .contact__right .get-insurance__progress-range .irs-single, .insurance__form .contact__right .get-insurance__progress-range .irs-from, .insurance__form .contact__right .get-insurance__progress-range .irs-to {
    display: none;
}
.insurance__form .contact__right .get-insurance__progress-range .irs--flat {
    height: 29px;
}
.insurance__form .contact__right .get-insurance__progress-range .irs--flat .irs-handle, .insurance__form .contact__right .get-insurance__progress-range .irs--flat .irs-line, .insurance__form .contact__right .get-insurance__progress-range .irs--flat .irs-bar {
    top: 0;
}
.insurance__form .contact__right .get-insurance__progress-range .irs--flat .irs-line {
    height: 12px;
    border-radius: 0;
    border-width: 1px;
    background-color: var(--subtitle2);
}
.insurance__form .contact__right .get-insurance__progress-range .irs--flat .irs-bar {
    height: 12px;
    border-radius: 0;
    background-color: var(--theme3);
}
.insurance__form .contact__right .get-insurance__progress-range .irs--flat .irs-handle {
    height: 29px;
    width: 29px;
    background-color: var(--subtitle2);
    border: 2px solid #ffffff;
    border-radius: 50%;
    top: -9px;
}
.insurance__form .contact__right .get-insurance__progress-range .irs--flat .irs-handle i {
    display: none;
}
.insurance__form .contact__right .cmn--btn2 {
    border-radius: 7px;
    background-color: var(--theme3);
    color: var(--subtitle2);
}
.support__wrapper {
    padding: 40px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .support__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 30px;
    }
}
.support__wrapper .support__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
@media (max-width: 575px) {
    .support__wrapper .support__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.support__wrapper .support__items .icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    background-color: var(--white);
    border-radius: 100%;
    -webkit-box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 4px 60px rgba(0, 0, 0, 0.02);
    text-align: center;
}
@media (max-width: 991px) {
    .support__wrapper .support__items .icon {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }
}
@media (max-width: 575px) {
    .support__wrapper .support__items .icon {
        width: 95px;
        height: 95px;
        line-height: 95px;
    }
}
.support__wrapper .support__items .content h5 {
    font-family: "Red Hat Display", cursive;
    font-weight: 500;
    color: var(--theme);
    margin-left: 20px;
    position: relative;
}
.support__wrapper .support__items .content h5::before {
    position: absolute;
    top: 10px;
    left: -20px;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: var(--theme);
}
.support__wrapper .support__items .content h3 {
    font-family: "Red Hat Display", cursive;
}
@media (max-width: 991px) {
    .support__wrapper .support__items .content h3 {
        font-size: 24px;
    }
}
@media (max-width: 575px) {
    .support__wrapper .support__items .content h3 {
        font-size: 22px;
    }
}
.support__wrapper .support__items .content h3 span {
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    color: var(--black);
}
@media (max-width: 991px) {
    .support__wrapper .support__items .content h3 span {
        font-size: 24px;
    }
}
@media (max-width: 575px) {
    .support__wrapper .support__items .content h3 span {
        font-size: 22px;
    }
}
.support__wrapper .icon__box {
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100%;
    background-color: var(--theme);
    color: var(--white);
    text-align: center;
}
.contact__info__wrapper .contact__thumb img {
    border-radius: initial;
}
.contact__info__wrapper .info__right {
    margin-left: 40px;
}
.contact__info__wrapper .info__right .section__title {
    max-width: 540px;
    margin-bottom: 40px;
}
.contact__info__wrapper .info__right .section__title h2 {
    margin-bottom: 25px;
}
.contact__info__wrapper .info__right .contact__list .icon__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media (max-width: 575px) {
    .contact__info__wrapper .info__right .contact__list .icon__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.contact__info__wrapper .info__right .contact__list .icon__item:not(:last-child) {
    margin-bottom: 25px;
}
.contact__info__wrapper .info__right .contact__list .icon__item .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-color: var(--theme);
    border-radius: 100%;
    text-align: center;
    color: var(--white);
}
@media (max-width: 575px) {
    .contact__info__wrapper .info__right .contact__list .icon__item .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
.contact__info__wrapper .info__right .contact__list .icon__item .content h6 {
    font-weight: 500;
}
.map__section .googpemap iframe {
    -webkit-filter: grayscale(100%) invert(90%);
    filter: grayscale(100%) invert(90%);
    width: 100%;
    height: 850px;
}
.footer__section {
    background-color: var(--footer);
}
.footer__section .right__shape {
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 1199px) {
    .footer__section .right__shape {
        display: none;
    }
}
.client__wrapper {
    border-bottom: 1px solid #ffffff1a;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
.client__wrapper .all__client {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 99;
}
@media (max-width: 575px) {
    .client__wrapper .all__client {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.client__wrapper .all__client .client__title {
    margin-right: 70px;
    font-size: 27px;
    color: var(--white);
    font-weight: 600;
}
@media (max-width: 575px) {
    .client__wrapper .all__client .client__title {
        font-size: 20px;
    }
}
.client__wrapper .client__img {
    margin-left: -17px;
}
.footer__top .footer__widget {
    position: relative;
    z-index: 99;
}
.footer__top .footer__widget .widget__head h5 {
    font-family: 'Red Hat Display', sans-serif;
    color: var(--white);
    font-weight: 700;
}
.footer__top .footer__widget p {
    color: var(--pra2);
}
.footer__top .footer__widget .button .cmn--btns {
    color: var(--white);
}
.footer__top .footer__widget .button .cmn--btns i {
    color: var(--white);
}
.footer__top .footer__widget .button .cmn--btns:hover {
    color: var(--theme);
}
.footer__top .footer__widget .button .cmn--btns:hover i {
    color: var(--theme);
}
.footer__top .footer__widget .recent__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
.footer__top .footer__widget .recent__items:not(:last-child) {
    margin-bottom: 30px;
}
.footer__top .footer__widget .recent__items .recent__content ul {
    margin-bottom: 15px;
}
@media (max-width: 1399px) {
    .footer__top .footer__widget .recent__items .recent__content ul {
        margin-bottom: 8px;
    }
}
@media (max-width: 1199px) {
    .footer__top .footer__widget .recent__items .recent__content ul {
        margin-bottom: 15px;
    }
}
.footer__top .footer__widget .recent__items .recent__content ul li {
    color: #ffffffa6;
    font-size: 16px;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
}
@media (max-width: 1399px) {
    .footer__top .footer__widget .recent__items .recent__content ul li {
        font-size: 14px;
    }
}
@media (max-width: 1199px) {
    .footer__top .footer__widget .recent__items .recent__content ul li {
        font-size: 16px;
    }
}
.footer__top .footer__widget .recent__items .recent__content ul li i {
    color: #ffffffa6;
    margin-right: 5px;
}
.footer__top .footer__widget .recent__items .recent__content h6 {
    font-size: 16px;
    font-weight: 600;
    font-family: 'Red Hat Display', sans-serif;
}
@media (max-width: 1399px) {
    .footer__top .footer__widget .recent__items .recent__content h6 {
        font-size: 14px;
    }
}
@media (max-width: 1199px) {
    .footer__top .footer__widget .recent__items .recent__content h6 {
        font-size: 16px;
    }
}
.footer__top .footer__widget .recent__items .recent__content h6 a {
    color: var(--white);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.footer__top .footer__widget .recent__items .recent__content h6 a:hover {
    color: var(--theme);
}
.footer__top .footer__widget .contact__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}
.footer__top .footer__widget .contact__list:not(:last-child) {
    margin-bottom: 25px;
}
.footer__top .footer__widget .contact__list .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--theme);
    border-radius: 100%;
}
.footer__top .footer__widget .contact__list .icon i {
    font-size: 16px;
    color: var(--white);
}
.footer__top .footer__widget .contact__list .content p {
    color: #ffffffa6;
    font-weight: 400;
    margin-bottom: 5px;
}
.footer__top .footer__widget .contact__list .content h6 {
    font-size: 16px;
    text-transform: unset;
}
.footer__top .footer__widget .contact__list .content h6 a {
    color: var(--white);
    font-weight: 600;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-transform: unset;
}
.footer__top .footer__widget .contact__list .content h6 a:hover {
    color: var(--theme);
}
.footer__top .footer__widget .footer__newsletter {
    position: relative;
}
.footer__top .footer__widget .footer__newsletter input {
    background: var(--white);
    padding: 20px 25px;
    font-size: 16px;
    color: var(--pra);
    width: 100%;
    position: relative;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
    border: none;
}
.footer__top .footer__widget .footer__newsletter button {
    position: absolute;
    right: 0px;
    border: none;
    height: 64px;
    width: 64px;
    font-size: 18px;
    background: var(--theme);
    color: var(--white);
    -webkit-clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
    cursor: pointer;
}
.footer__top .footer__widget .footer__newsletter button i {
    font-size: 16px;
}
.footer__top .footer__widget .input__save {
    margin-top: 25px;
}
.footer__top .footer__widget .input__save input {
    width: 20px;
    height: 20px;
    border: 2px solid #ffffffa6;
    background-color: transparent;
    outline: none;
    color: var(--theme);
}
.footer__top .footer__widget .input__save label {
    margin-left: 10px;
    color: #ffffffa6;
    font-weight: 400;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
}
.footer__top .footer__widget .list li {
    font-weight: 16px;
    font-weight: 400;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: "DM Sans", sans-serif;
}
.footer__top .footer__widget .list li:not(:last-child) {
    margin-bottom: 20px;
}
.footer__top .footer__widget .list li i {
    font-weight: 400;
    font-size: 16px;
    margin-right: 5px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.footer__top .footer__widget .list li a {
    color: var(--white);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.footer__top .footer__widget .list li:hover {
    margin-left: 5px;
}
.footer__top .footer__widget .list li:hover a {
    color: var(--theme2);
}
.footer__top .footer__widget .list li:hover a i {
    color: var(--theme2);
}
.footer__top__two {
    padding-top: 200px;
}
.footer__top__two .footer__widget .social__icon li:hover {
    background-color: var(--theme2);
    border: 1px solid var(--theme2);
}
.footer__top__two .footer__widget .recent__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}
.footer__top__two .footer__widget .recent__items :not(:last-child) {
    margin-bottom: 30px;
}
.footer__top__two .footer__widget .recent__items .recent__content h6 a:hover {
    color: var(--theme2);
}
.footer__top__two .footer__widget .footer__newsletter input {
    border-radius: 5px;
}
.footer__top__two .footer__widget .footer__newsletter button {
    background: var(--theme2);
    border-radius: 5px 5px 5px 15px;
}
.footer__top__two .footer__widget .footer__newsletter button i {
    font-weight: 400;
}
.footer__top__three {
    padding-top: 215px;
}
.footer__top__three .footer__widget .contact__list .icon {
    background-color: var(--theme3);
}
.footer__top__three .footer__widget .contact__list .icon i {
    color: var(--subtitle);
    font-weight: 400;
}
.footer__top__three .footer__widget .contact__list .content p {
    font-size: 14px;
}
.footer__top__three .footer__widget .contact__list .content h6 {
    font-size: 16px;
}
.footer__top__three .footer__widget .contact__list .content h6 a {
    text-transform: unset;
}
.footer__top__three .footer__widget .contact__list .content h6 a:hover {
    color: var(--theme3);
}
.footer__top__three .footer__widget .list li:hover a {
    color: var(--theme3);
}
.footer__top__three .footer__widget .list li:hover a i {
    color: var(--theme3);
}
.footer__top__three .footer__widget .footer__newsletter button {
    background: var(--theme3);
}
.footer__top__three .footer__widget .footer__newsletter button i {
    color: var(--subtitle2);
    font-weight: 400;
    font-size: 16px;
}
.footer__section__three {
    background-color: var(--subtitle2);
}
.footer__section__three .shape__img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.footer__section__three .shape__img img {
    width: 100%;
    height: 100%;
}
.footer__bottom {
    padding: 30px 0;
    background-color: #000;
    position: relative;
}
@media (max-width: 1199px) {
    .footer__bottom {
        padding: 50px 0;
    }
}
@media (max-width: 575px) {
    .footer__bottom {
        padding: 40px 0;
    }
}
.footer__bottom .footer__wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}
@media (max-width: 767px) {
    .footer__bottom .footer__wrapper {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}
.footer__bottom p {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
    text-transform: capitalize;
}
.footer__bottom p a {
    color: var(--white);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.footer__bottom p a:hover {
    color: var(--theme);
}
.footer__bottom .scroll__icon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    background-color: var(--white);
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.footer__bottom .scroll__icon i {
    color: var(--theme);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 575px) {
    .footer__bottom .scroll__icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .footer__bottom .scroll__icon i {
        font-size: 15px;
    }
}
.footer__bottom .scroll__icon:hover {
    background-color: var(--theme);
}
.footer__bottom .scroll__icon:hover i {
    color: var(--white);
}
.footer__bottom__two .scroll__icon i {
    color: var(--theme2);
}
.footer__bottom__two .scroll__icon:hover {
    background-color: var(--theme2);
}
.footer__bottom__two .footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer__bottom__two .footer__menu li:not(:last-child) {
    margin-right: 20px;
}
.footer__bottom__two .footer__menu li a {
    color: var(--white);
    font-size: 16px;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.footer__bottom__two .footer__menu li:hover a {
    color: var(--theme2);
    text-decoration: underline;
}
.footer__bottom__three {
    background-color: #011B35;
}
.footer__bottom__three .footer__wrapper p:hover a {
    color: var(--theme3);
}
.footer__bottom__three .scroll__icon i {
    color: var(--subtitle2);
}
.footer__bottom__three .scroll__icon:hover {
    background-color: var(--theme3);
}
.footer__bottom__three .scroll__icon:hover i {
    color: var(--subtitle2);
}
.footer__bottom__three .footer__menu li:hover a {
    color: var(--theme3);
}
.social__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.social__icon li {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    border: 1px solid #ffffff1a;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
    cursor: pointer;
}
.social__icon li:hover {
    background-color: var(--theme);
    border: 1px solid var(--theme);
}
.social__icon li i {
    font-size: 16px;
    color: var(--white);
}
.footer__gallery .gallery__wrap .gallery__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}
.footer__gallery .gallery__wrap .gallery__item:not(:last-child) {
    margin-bottom: 10px;
}
.footer__gallery .gallery__wrap .gallery__item .thumb {
    position: relative;
}
.footer__gallery .gallery__wrap .gallery__item .thumb img {
    width: 100%;
    height: 100%;
}
.footer__gallery .gallery__wrap .gallery__item .thumb .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer__gallery .gallery__wrap .gallery__item .thumb .icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(253, 228, 40, 0.85);
    -webkit-transition: .4s;
    transition: .4s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer__gallery .gallery__wrap .gallery__item .thumb .icon i {
    color: var(--subtitle2);
    font-size: 22px;
    z-index: 99;
    position: relative;
    margin-top: 28px;
}
.footer__gallery .gallery__wrap .gallery__item .thumb:hover .icon {
    opacity: 1;
}
.footer__gallery .gallery__wrap .gallery__item .thumb:hover .icon::after {
    opacity: 1;
}
.footer__gallery .gallery__wrap__two .gallery__item .thumb .icon::after {
    background-color: rgba(194, 11, 11, 0.85);
}
.footer__gallery .gallery__wrap__two .gallery__item .thumb .icon i {
    color: var(--white);
}
/* Custom Style */ 
.match-point th{
	font-weight: 600;
}
.match-point th, td{
	padding: 7px;
}
.match-head{
		background: #5b9bd5;
}
.match-point-cell-color{
	background: #ddebf7;
}
.spl-icon{
	width: 62px;
}
.about__content ul{
	color: #222;
}
.about__content li{
	line-height:1.6em;
	list-style-type: disc !important;
}