/*-----------------------------------------------------------------------------------
    Template Name: DataPress Data Science HTML Template
	Template URI: https://webtend.net/project/datapress/
	Author: WebTend
	Author URI: https://webtend.net/
	Version: 1.0

    Note: This is Main Style Scss File.
-----------------------------------------------------------------------------------
	CSS INDEX
	===================
    01. Common
    02. Header
    03. Hero Area
    04. Sponsors
    05. Service
    06. About
    07. Counter
    08. Working Process
    09. Tab
    10. Portfolio
    11. Testimonial
    12. Recent News
    13. Team Member
    14. Experiments
    15. Pricing Boxes
    16. CTA
    17. Feature
    18. News
    19. FAQ/Accordion
    20. Breadcrumb
    21. Contact
    22. Footer

-----------------------------------------------------------------------------------*/
/*=======  COMMON CSS  =======*/
body {
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #616161;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.8;
}

body.home-version-2 {
    color: #788eb3;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:focus,
input:focus,
textarea:focus,
button:focus,
.slick-initialized .slick-slide:focus,
.btn:focus,
select:focus {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input,
textarea,
button,
select {
    border: none;
}

input,
textarea,
select {
    width: 100%;
    height: 70px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fff;
    font-size: 16px;
    color: #616161;
    border-radius: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    height: 140px;
    padding-top: 20px;
    resize: none;
}

.input-group {
    position: relative;
}

.input-group input,
.input-group textarea {
    padding-left: 25px;
    padding-right: 40px;
    border: 2px solid rgba(41, 61, 95, 0.1);
}

.input-group .icon {
    position: absolute;
    right: 25px;
    color: #277eff;
    font-size: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.input-group.textarea .icon {
    top: 20px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #8a8a8a;
}

::-moz-placeholder {
    opacity: 1;
    color: #8a8a8a;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #8a8a8a;
}

::-ms-input-placeholder {
    opacity: 1;
    color: #8a8a8a;
}

::placeholder {
    opacity: 1;
    color: #8a8a8a;
}

::-webkit-scrollbar {
    background-color: #ccc;
    width: 8px;
}

::-webkit-scrollbar:horizontal {
    background-color: #ccc;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #616161;
}

.slick-slide img {
    display: inline-block;
}

a:focus,
a:hover {
    text-decoration: none;
}

i,
span,
a {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    margin: 0px;
    color: #252424;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #252424;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    margin: 0px;
}

a {
    color: #277eff;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:hover {
    color: #252424;
}

table {
    width: 100%;
}

.home-version-2 h1,
.home-version-2 h2,
.home-version-2 h3,
.home-version-2 h4,
.home-version-2 h5,
.home-version-2 h6 {
    color: #002f81;
}

.home-version-2 h1 a,
.home-version-2 h2 a,
.home-version-2 h3 a,
.home-version-2 h4 a,
.home-version-2 h5 a,
.home-version-2 h6 a {
    color: #002f81;
}

/*=======  Common Classes  =======*/
.section-title .title-tag {
    padding: 10px 22px;
    line-height: 1;
    color: #277eff;
    background-color: #e8f1ff;
    font-size: 16px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 20px;
}

.section-title .title {
    font-size: 48px;
    letter-spacing: -0.03em;
}

@media (max-width: 1199px) {
    .section-title .title {
        font-size: 38px;
    }
}

@media (max-width: 575px) {
    .section-title .title {
        font-size: 28px;
    }
}


.section-title.color-white .title-tag {
    background-color: #333232;
}

.section-title.color-white .title {
    color: #fff;
}

.section-title.style-two .title-tag {
    border-radius: 25px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(left, #005bea 0%, #00c0fa 100%);
    background: linear-gradient(to right, #005bea 0%, #00c0fa 100%);
    color: #fff;
}

.section-title-two .title-tag {
    font-size: 16px;
    font-weight: 700;
    font-family: "DM Sans", sans-serif;
    color: #00cfff;
    line-height: 1;
    margin-bottom: 10px;
}

.section-title-two .title {
    font-size: 60px;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

@media (max-width: 1199px) {
    .section-title-two .title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .section-title-two .title {
        font-size: 32px;
    }
}

.section-title .title .counter {
    color: #00cfff;
}

.section-title-two p {
    margin-top: 15px;
}

.section-title-two.color-white .title {
    color: #fff;
}

.section-title-two.color-white p {
    color: #9db2d8;
}

.main-btn {
    font-size: 14px;
    font-weight: 700;
    color: #252424;
    background-color: #fff;
    border: 2px solid #e7e7e7;
    line-height: 1;
    padding: 22px 80px 22px 30px;
    position: relative;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
    .main-btn {
        padding: 20px 70px 20px 25px;
    }
}

.main-btn .icon {
    position: absolute;
    right: 8px;
    top: 8px;
    bottom: 8px;
    width: 45px;
    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;
    background: transparent;
    font-size: 12px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 2;
}

.main-btn .icon::before,
.main-btn .icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.main-btn .icon::after {
    background: #fff;
    visibility: hidden;
    opacity: 0;
}

.main-btn::after {
    position: absolute;
    left: -2px;
    top: -2px;
    bottom: -2px;
    right: -2px;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

.main-btn:hover {
    color: #fff;
}

.main-btn:hover::after {
    opacity: 1;
    visibility: visible;
}

.main-btn:hover .icon {
    color: #252424;
}

.main-btn:hover .icon::after {
    visibility: visible;
    opacity: 1;
}

.main-btn:hover .icon::before {
    opacity: 1;
    visibility: visible;
}

.main-btn-2 {
    line-height: 1;
    padding: 20px 45px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background-color: #00cfff;
    border: 2px solid transparent;
}

@media (max-width: 575px) {
    .main-btn-2 {
        padding: 18px 30px;
        font-size: 14px;
    }
}

.main-btn-2.style-two,
.main-btn-2:hover {
    background-color: #002f81;
    color: #fff;
}

.main-btn-2.style-two:hover {
    background-color: #00cfff;
    color: #fff;
}

.main-btn-2.style-three {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}

.main-btn-2.style-three:hover {
    background-color: #002f81;
    color: #fff;
    border-color: transparent;
}

.main-btn-2 i {
    margin-right: 5px;
}

.main-btn-3 {
    border: 2px solid #f2f7f9;
    line-height: 1;
    padding: 20px 45px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #616161;
    position: relative;
    z-index: 1;
}

@media (max-width: 575px) {
    .main-btn-3 {
        padding: 18px 30px;
        font-size: 14px;
    }
}

.main-btn-3::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(left, #005bea 0%, #00c0fa 100%);
    background: linear-gradient(to right, #005bea 0%, #00c0fa 100%);
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 30px;
    opacity: 0;
    visibility: hidden;
}

.main-btn-3:hover {
    color: #fff;
    border-color: transparent;
}

.main-btn-3:hover::before {
    opacity: 1;
    visibility: visible;
}

.section-gap {
    padding-top: 150px;
    padding-bottom: 150px;
}

.section-gap-top {
    padding-top: 150px;
}

.section-gap-bottom {
    padding-bottom: 150px;
}

.section-gap-120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-gap-top-120 {
    padding-top: 120px;
}

.section-gap-bottom-120 {
    padding-bottom: 120px;
}

.section-gap-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.section-gap-top-90 {
    padding-top: 90px;
}

.section-gap-bottom-90 {
    padding-bottom: 90px;
}

.heading-bg-color {
    background-color: #252424;
}

@media (min-width: 1200px) {
    .container-1350 {
        max-width: 1300px;
    }
}

@media (min-width: 1200px) {
    .col-in-container-left {
        padding-left: calc((100% - 1200px) / 2 + 15px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-in-container-left {
        padding-left: calc((100% - 960px) / 2 + 15px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-in-container-left {
        padding-left: calc((100% - 720px) / 2 + 15px);
        padding-right: calc((100% - 720px) / 2 + 15px);
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .col-in-container-left {
        padding-left: calc((100% - 540px) / 2 + 15px);
        padding-right: calc((100% - 540px) / 2 + 15px);
    }
}

@media (min-width: 1200px) {
    .col-in-container-right {
        padding-right: calc((100% - 1200px) / 2 + 15px);
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .col-in-container-right {
        padding-right: calc((100% - 960px) / 2 + 15px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .col-in-container-right {
        padding-right: calc((100% - 720px) / 2 + 15px);
        padding-left: calc((100% - 720px) / 2 + 15px);
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .col-in-container-right {
        padding-right: calc((100% - 540px) / 2 + 15px);
        padding-left: calc((100% - 540px) / 2 + 15px);
    }
}

.aboout-tabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.aboout-tabs li {
    font-weight: 500;
    margin-top: 20px;
}

.aboout-tabs li:not(:last-child) {
    margin-right: 50px;
}

@media (max-width: 1199px) {
    .aboout-tabs li:not(:last-child) {
        margin-right: 35px;
    }
}

.aboout-tabs li i {
    width: 40px;
    height: 40px;
    background: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    text-align: center;
    line-height: 38px;
    color: #277eff;
    font-size: 16px;
    margin-right: 20px;
}

.check-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.check-list li {
    font-weight: 500;
    margin-top: 20px;
}

.check-list li:not(:last-child) {
    margin-right: 50px;
}

@media (max-width: 1199px) {
    .check-list li:not(:last-child) {
        margin-right: 35px;
    }
}

.check-list li i {
    width: 40px;
    height: 40px;
    background: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    text-align: center;
    line-height: 38px;
    color: #277eff;
    font-size: 16px;
    margin-right: 20px;
}
.light-grey-bg {
    background-color: #f2f7f9;
}

.grey-bg {
    background-color: #f8f8f8;
}

.secondary-color-bg-2 {
    background-color: #002f81;
}

.clippy-section {
    -webkit-clip-path: polygon(0 8.5%, 100% 0, 100% 92.2%, 0% 100%);
    clip-path: polygon(0 8.5%, 100% 0, 100% 92.2%, 0% 100%);
    position: relative;
}

@media (max-width: 991px) {
    .clippy-section {
        -webkit-clip-path: polygon(0 5.5%, 100% 0, 100% 95.2%, 0% 100%);
        clip-path: polygon(0 5.5%, 100% 0, 100% 95.2%, 0% 100%);
    }
}

@media (max-width: 575px) {
    .clippy-section {
        -webkit-clip-path: polygon(0 1.5%, 100% 0, 100% 96.2%, 0% 100%);
        clip-path: polygon(0 1.5%, 100% 0, 100% 96.2%, 0% 100%);
    }
}

.section-right-shape {
    position: relative;
    z-index: 1;
}

.section-right-shape::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-image: url(../img/shape/home-right-shape.svg);
    background-position: right top;
    background-repeat: no-repeat;
}

.section-left-shape {
    position: relative;
    z-index: 1;
}

.section-left-shape::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-image: url(../img/shape/home-left-shape.svg);
    background-position: left center;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .bottom-gap-md {
        margin-bottom: 50px;
    }
}

/*=======  Preloader =======*/
div#preloader {
    margin: auto;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #252424;
    z-index: 9999999;
}

div#preloader .line {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -30px;
    width: 60px;
    height: 4px;
    background: #fff;
    -webkit-animation: spin 1.5s infinite ease;
    animation: spin 1.5s infinite ease;
}

div#preloader .line:nth-of-type(2) {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

div#preloader .line:nth-of-type(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

div#preloader .line:nth-of-type(4) {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

/*=======  Utilitis =======*/
.mt-20 {
    margin-top: 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-80 {
    margin-top: 60px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

/*=======  Animations  =======*/
@-webkit-keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

@keyframes sticky {
    0% {
        top: -200px;
    }

    100% {
        top: 0;
    }
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
            scale(1.1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
            scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
            scale(1.1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
            scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes ball-pulse-sync {
    33% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    66% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/*======= Header =======*/
.header-top-info {
    display: inline-block;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    padding: 10px 50px;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 20px) 100%, 20px 100%);
}

@media (max-width: 1199px) {
    .header-top-info {
        padding: 10px 30px;
    }
}

@media (max-width: 767px) {
    .header-top-info {
        display: none;
    }
}

.header-top-info ul li {
    display: inline-block;
    font-weight: 500;
    position: relative;
}

@media (max-width: 991px) {
    .header-top-info ul li {
        font-size: 14px;
    }
}

.header-top-info ul li,
.header-top-info ul li a {
    color: #ffffff;
}

.header-top-info ul li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
}

.header-top-info ul li:not(:last-child)::after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "|";
    color: #428eff;
}

.desktop-menu {
    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;
    padding: 0px 50px;
}

@media (max-width: 1199px) {
    .desktop-menu {
        padding: 0 30px;
    }
}

@media (max-width: 991px) {
    .desktop-menu {
        padding: 15px;
    }
}

.desktop-menu .site-logo img {
    max-width: 200px;
}

.desktop-menu .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.desktop-menu .main-nav li {
    margin: 0px 10px;
    padding: 25px 0;
    position: relative;
}

@media (max-width: 1199px) {
    .desktop-menu .main-nav li {
        margin: 0px 4px;
    }
}

.desktop-menu .main-nav li a {
    font-size: 16px;
    font-weight: 500;
    color: #252424;
    padding: 10px;
}

@media (max-width: 1199px) {
    .desktop-menu .main-nav li a {
        padding: 6px;
    }
}

.desktop-menu .main-nav li a:hover {
    color: #277eff;
}

.desktop-menu .main-nav li a:hover ~ .dd-trigger {
    color: #277eff;
}

.desktop-menu .main-nav li .dd-trigger {
    position: absolute;
    right: -5px;
    top: 51%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
    cursor: pointer;
    color: #252424;
    font-size: 15px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.desktop-menu .main-nav li.active a {
    color: #277eff;
}

.desktop-menu .main-nav li.active .dd-trigger {
    color: #277eff;
}

.desktop-menu .main-nav li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
    top: 100%;
}

.desktop-menu .main-nav li .sub-menu {
    position: absolute;
    left: 0;
    top: 110%;
    width: 200px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    height: auto;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    display: block;
    border-top: 2px solid #277eff;
    opacity: 0;
    visibility: hidden;
}

.desktop-menu .main-nav li .sub-menu li {
    margin: 0;
    padding: 0;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.desktop-menu .main-nav li .sub-menu li:last-child {
    border-bottom: none;
}

.desktop-menu .main-nav li .sub-menu li .dd-trigger {
    right: 15px;
}

.desktop-menu .main-nav li .sub-menu li .dd-trigger i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.desktop-menu .main-nav li .sub-menu li a {
    display: block;
    padding: 7px 20px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    margin: 0 0;
    font-size: 16px;
    color: #616161;
}

.desktop-menu .main-nav li .sub-menu li a:hover {
    background-color: #277eff;
    color: #fff;
}

.desktop-menu .main-nav li .sub-menu li a:hover ~ .dd-trigger {
    color: #fff;
}

.desktop-menu .main-nav li .sub-menu li .sub-menu {
    left: 101%;
    top: 50%;
}

.desktop-menu .main-nav li .sub-menu li:hover > .sub-menu {
    top: 0;
}

.desktop-menu .navbar-toggler {
    border: 1px solid #277eff;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    margin-left: 20px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    width: 60px;
}

@media (max-width: 991px) {
    .desktop-menu .navbar-toggler {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 767px) {
    .desktop-menu .navbar-toggler {
        height: 55px;
        width: 55px;
    }
}

.desktop-menu .navbar-toggler span span {
    position: relative;
    background-color: #277eff;
    border-radius: 0;
    display: block;
    height: 3px;
    padding: 0;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block;
}

.desktop-menu .navbar-toggler span span:not(:first-child) {
    margin-top: 5px;
}

.desktop-menu .navbar-toggler.active span span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px;
}

.desktop-menu .navbar-toggler.active span span:nth-of-type(2) {
    opacity: 0;
}

.desktop-menu .navbar-toggler.active span span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px;
}

@media (max-width: 767px) {
    .desktop-menu .main-btn {
        padding: 18px 65px 18px 20px;
    }
}

@media (max-width: 767px) {
    .desktop-menu .main-btn .icon {
        width: 35px;
    }
}

.mobile-menu {
    background-color: #252424;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 0;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px;
}

.mobile-menu.menu-on {
    left: 0;
}

.mobile-menu .main-nav li {
    display: block;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.mobile-menu .main-nav li.active {
    border-left: 2px solid #277eff;
}

.mobile-menu .main-nav li a {
    display: block;
    line-height: 24px;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.mobile-menu .main-nav li .sub-menu {
    display: none;
}

.mobile-menu .main-nav li .sub-menu a {
    padding-left: 35px;
}

.mobile-menu .main-nav li .sub-menu .sub-menu {
    display: none;
}

.mobile-menu .main-nav li .sub-menu .sub-menu a {
    padding-left: 45px;
}

.mobile-menu .main-nav li .sub-menu .sub-menu .sub-menu {
    display: none;
}

.mobile-menu .main-nav li .sub-menu .sub-menu .sub-menu a {
    padding-left: 55px;
}

.mobile-menu .main-nav li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 45px;
    width: 45px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}

.mobile-menu .main-nav li .dd-trigger i {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .main-nav li .dd-trigger.open i {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.mobile-menu .main-nav li.current {
    border-left: 2px solid #277eff;
}

.mobile-menu .navbar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2;
    color: #fff;
    font-size: 30px;
    line-height: 1;
}

.mobile-menu .haeder-btn {
    text-align: center;
    margin-top: 40px;
}

header.header-absolute {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    background-color: transparent;
}

@media (max-width: 991px) {
    header.haeder-two {
        padding: 20px 0;
    }
}

header.haeder-two .main-btn-2 {
    -webkit-box-shadow: 0px 16px 32px rgba(0, 207, 255, 0.2);
    box-shadow: 0px 16px 32px rgba(0, 207, 255, 0.2);
    margin-left: 30px;
}

@media (max-width: 767px) {
    header.haeder-two .main-btn-2 {
        padding: 18px 40px;
    }
}

header.haeder-two .desktop-menu {
    padding: 0;
}

header.haeder-two .desktop-menu .navbar-toggler {
    border: 1px solid #fff;
}

header.haeder-two .desktop-menu .navbar-toggler span span {
    background-color: #fff;
}

header.haeder-two .desktop-menu .main-nav li a {
    color: #94a4c2;
}

header.haeder-two .desktop-menu .main-nav li a:hover {
    color: #fff;
}

header.haeder-two .desktop-menu .main-nav li .dd-trigger {
    color: #94a4c2;
}

header.haeder-two .desktop-menu .main-nav li .sub-menu {
    border-color: #00cfff;
}

header.haeder-two .desktop-menu .main-nav li .sub-menu li a {
    color: #002f81;
}

header.haeder-two .desktop-menu .main-nav li .sub-menu li a:hover {
    background-color: #00cfff;
    color: #fff;
}

header.haeder-two .mobile-menu .main-btn-2 {
    margin-left: 0;
}

@media (max-width: 991px) {
    header.header-three {
        padding: 20px 0;
    }
}

header.header-three .main-btn-2 {
    margin-left: 30px;
}

@media (max-width: 767px) {
    header.header-three .main-btn-2 {
        padding: 18px 30px;
    }
}

header.header-three .desktop-menu .navbar-toggler {
    border: 1px solid #fff;
}

header.header-three .desktop-menu .navbar-toggler span span {
    background-color: #fff;
}

header.header-three .desktop-menu .main-nav li a {
    color: #fff;
}

header.header-three .desktop-menu .main-nav li .dd-trigger {
    color: #fff;
}

header.header-three .desktop-menu .main-nav li .sub-menu {
    border-color: #277eff;
}

header.header-three .desktop-menu .main-nav li .sub-menu li .dd-trigger {
    color: #252424;
}

header.header-three .desktop-menu .main-nav li .sub-menu li a {
    color: #252424;
}

header.header-three .desktop-menu .main-nav li .sub-menu li a:hover {
    background-color: #277eff;
    color: #fff;
}

header.header-three
    .desktop-menu
    .main-nav
    li
    .sub-menu
    li
    a:hover
    ~ .dd-trigger {
    color: #fff;
}

header.header-three .mobile-menu .main-btn-2 {
    margin-left: 0;
}

/*======= Hero Area =======*/
.hero-area.hero-style-one .single-hero-slider {
    padding-top: 80px;
    height: 785px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 1600px) {
    .hero-area.hero-style-one .single-hero-slider {
        height: 700px;
    }
}

@media (max-width: 1199px) {
    .hero-area.hero-style-one .single-hero-slider {
        height: 620px;
        padding-bottom: 80px;
    }
}

@media (max-width: 991px) {
    .hero-area.hero-style-one .single-hero-slider {
        display: block;
        height: auto;
        padding-top: 220px;
    }
}

@media (max-width: 575px) {
    .hero-area.hero-style-one .single-hero-slider {
        padding-top: 190px;
    }
}

@media (min-width: 1200px) {
    .hero-area.hero-style-one .container-fluid {
        padding-left: calc((100% - 1300px) / 2 + 15px);
        padding-right: 40px;
    }
}

.hero-area.hero-style-one .hero-text {
    padding-left: 50px;
}

@media (max-width: 1199px) {
    .hero-area.hero-style-one .hero-text {
        padding: 0 30px;
    }
}

@media (max-width: 991px) {
    .hero-area.hero-style-one .hero-text {
        padding-left: 15px;
        margin-bottom: 50px;
    }
}

.hero-area.hero-style-one .hero-text .title-tag {
    font-size: 16px;
    font-weight: 700;
    color: #0c0b0b;
    line-height: 1.2;
    margin-bottom: 20px;
}

.hero-area.hero-style-one .hero-text .title {
    font-size: 60px;
    letter-spacing: -0.03em;
    line-height: 1.1;
}

@media (max-width: 1600px) {
    .hero-area.hero-style-one .hero-text .title {
        font-size: 46px;
    }
}

@media (max-width: 575px) {
    .hero-area.hero-style-one .hero-text .title {
        font-size: 32px;
    }
}

.hero-area.hero-style-one .hero-text .subscription-form {
    margin-top: 60px;
}

.hero-area.hero-style-one .hero-text .subscription-form {
    position: relative;
}

.hero-area.hero-style-one .hero-text .subscription-form  input {
    width: 100%;
    height: 70px;
    padding: 0 190px 0 30px;
    font-size: 16px;
    border: none;
    color: #9f9f9f;
    background-color: #f8f8f8;
    font-weight: 400;
}

@media (max-width: 575px) {
    .hero-area.hero-style-one .hero-text .subscription-form input {
        padding: 0 130px 0 20px;
        font-size: 14px;
        height: 60px;
    }
}

.hero-area.hero-style-one .hero-text .subscription-form button {
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 5px;
    width: 180px;
    background-color: #277eff;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .hero-area.hero-style-one .hero-text .subscription-form button {
        width: 120px;
        font-size: 12px;
    }
}

.hero-area.hero-style-two {
    background-color: #002f81;
    padding-top: 150px;
    padding-bottom: 140px;
    position: relative;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 92.5%, 0% 100%);
    z-index: 1;
}

@media (max-width: 1199px) {
    .hero-area.hero-style-two {
        padding-bottom: 110px;
    }
}

@media (max-width: 767px) {
    .hero-area.hero-style-two {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 96.5%, 0% 100%);
        clip-path: polygon(0 0, 100% 0, 100% 96.5%, 0% 100%);
    }
}

.hero-area.hero-style-two::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../img/shape/hero-pattern.png);
    background-repeat: no-repeat;
    background-position: left bottom;
}

@media (max-width: 991px) {
    .hero-area.hero-style-two .hero-text {
        margin-bottom: 50px;
    }
}

.hero-area.hero-style-two .hero-text .title-tag {
    font-size: 16px;
    font-weight: 700;
    color: #00cfff;
    line-height: 1.2;
    margin-bottom: 10px;
}

.hero-area.hero-style-two .hero-text .title {
    font-size: 90px;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: #fff;
}

@media (max-width: 1199px) {
    .hero-area.hero-style-two .hero-text .title {
        font-size: 74px;
    }
}

@media (max-width: 991px) {
    .hero-area.hero-style-two .hero-text .title {
        font-size: 62px;
    }
}

@media (max-width: 575px) {
    .hero-area.hero-style-two .hero-text .title {
        font-size: 48px;
    }
}

.hero-area.hero-style-two .hero-text .hero-btns {
    margin-top: 20px;
}

.hero-area.hero-style-two .hero-text .hero-btns li {
    display: inline-block;
    margin-top: 10px;
}

.hero-area.hero-style-two .hero-text .hero-btns li:not(:last-child) {
    margin-right: 30px;
}

.hero-area.hero-style-two .hero-text .hero-btns li .main-btn-2 {
    border: 1px solid transparent;
}

.hero-area.hero-style-two .hero-text .hero-btns li .main-btn-2:hover {
    border-color: #fff;
}

.hero-area.hero-style-two .hero-text .hero-btns li .play-btn {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

.hero-area.hero-style-two .hero-text .hero-btns li .play-btn i {
    height: 60px;
    width: 60px;
    background-color: #fff;
    line-height: 60px;
    border-radius: 50%;
    color: #252424;
    text-align: center;
    margin-right: 15px;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.hero-area.hero-style-two .hero-text .hero-btns li .play-btn:hover i {
    background-color: #002f81;
    color: #fff;
}

.hero-area.hero-style-two .slick-dots {
    position: absolute;
    left: 50%;
    bottom: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hero-area.hero-style-two .slick-dots li {
    display: inline-block;
    margin: 0 5px;
}

.hero-area.hero-style-two .slick-dots li button {
    font-size: 0;
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.hero-area.hero-style-two .slick-dots li.slick-active button {
    background-color: #252424;
}

.hero-area.hero-style-three {
    padding-top: 180px;
    position: relative;
    z-index: 1;
}

@media (max-width: 575px) {
    .hero-area.hero-style-three {
        padding-top: 150px;
        padding-bottom: 50px;
    }
}

.hero-area.hero-style-three::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/hero-shape.png);
    background-position: center top;
    background-repeat: no-repeat;
}

@media (max-width: 1199px) {
    .hero-area.hero-style-three::before {
        background-size: cover;
    }
}

.hero-area.hero-style-three .hero-text {
    text-align: center;
    padding-bottom: 50px;
}

.hero-area.hero-style-three .hero-text .title-tag {
    font-size: 16px;
    font-weight: 700;
    color: #b3cdf3;
    line-height: 1.2;
    margin-bottom: 15px;
}

.hero-area.hero-style-three .hero-text .title {
    font-size: 60px;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 1.1;
}

@media (max-width: 1199px) {
    .hero-area.hero-style-three .hero-text .title {
        font-size: 48px;
    }
}

@media (max-width: 575px) {
    .hero-area.hero-style-three .hero-text .title {
        font-size: 34px;
    }
}

.hero-area.hero-style-three .hero-text .hero-btns {
    margin-top: 30px;
}

.hero-area.hero-style-three .hero-text .hero-btns li {
    display: inline-block;
    margin-top: 10px;
}

.hero-area.hero-style-three .hero-text .hero-btns li:not(:last-child) {
    margin-right: 20px;
}

@media (max-width: 575px) {
    .hero-area.hero-style-three .hero-text .hero-btns li:not(:last-child) {
        margin-right: 10px;
    }
}

@media (max-width: 575px) {
    .hero-area.hero-style-three .hero-text .hero-btns li .main-btn-2 {
        padding: 15px 30px;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .hero-area.hero-style-three .hero-img {
        display: none;
    }
}

/*=======  Sponsors  =======*/
.sponsors-logos .sponsors-slider {
    padding-left: 50px;
    padding-right: 50px;
}

@media (max-width: 991px) {
    .sponsors-logos .sponsors-slider {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sponsors-logos .sponsors-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.sponsors-logos .sponsors-img img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.sponsors-logos .sponsors-img:hover img,
.sponsors-logos .slick-current .sponsors-img img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.sponsors-logos.sponsors-clippy {
    position: relative;
}

.sponsors-logos.sponsors-clippy::before,
.sponsors-logos.sponsors-clippy::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #fff;
    -webkit-clip-path: polygon(0 8.5%, 100% 0, 100% 92.2%, 0% 100%);
    clip-path: polygon(0 8.5%, 100% 0, 100% 92.2%, 0% 100%);
}

@media (max-width: 991px) {
    .sponsors-logos.sponsors-clippy::before,
    .sponsors-logos.sponsors-clippy::after {
        -webkit-clip-path: polygon(0 5.5%, 100% 0, 100% 95.2%, 0% 100%);
        clip-path: polygon(0 5.5%, 100% 0, 100% 95.2%, 0% 100%);
    }
}

@media (max-width: 575px) {
    .sponsors-logos.sponsors-clippy::before,
    .sponsors-logos.sponsors-clippy::after {
        -webkit-clip-path: polygon(0 1.5%, 100% 0, 100% 96.2%, 0% 100%);
        clip-path: polygon(0 1.5%, 100% 0, 100% 96.2%, 0% 100%);
    }
}

.sponsors-logos.sponsors-clippy::after {
    background-color: #e7eff3;
    bottom: -1px;
    z-index: -2;
}

.sponsors-logos .sponsors-title {
    text-align: center;
}

.sponsors-logos .sponsors-title .title {
    display: inline-block;
    font-size: 18px;
    padding: 0 145px;
    position: relative;
}

@media (max-width: 575px) {
    .sponsors-logos .sponsors-title .title {
        padding: 10px 0 0;
    }
}

.sponsors-logos .sponsors-title .title::after,
.sponsors-logos .sponsors-title .title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 110px;
    height: 2px;
    background-color: #efefef;
    z-index: -1;
}

@media (max-width: 575px) {
    .sponsors-logos .sponsors-title .title::after,
    .sponsors-logos .sponsors-title .title::before {
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

.sponsors-logos .sponsors-title .title::after {
    left: auto;
    right: 0;
}

@media (max-width: 575px) {
    .sponsors-logos .sponsors-title .title::after {
        display: none;
    }
}

/*=======  Service  =======*/
.service-loop .service-box .title {
    font-size: 26px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .service-loop .service-box .title {
        font-size: 22px;
    }
}

.service-loop .service-box .title a:hover {
    color: #277eff;
}

.service-loop .service-box .service-link {
    margin-top: 20px;
    text-decoration: underline;
    font-size: 16px;
    color: #ababab;
    line-height: 1;
    font-weight: 700;
}

.service-loop .service-box .service-link:hover {
    color: #277eff;
}

.service-loop .service-box .icon {
    width: 140px;
    height: 140px;
    background: transparent;
    position: relative;
    z-index: 2;
    margin-left: 50px;
}

@media (max-width: 1199px) {
    .service-loop .service-box .icon {
        height: 120px;
        width: 120px;
        margin-left: 30px;
    }
}

@media (max-width: 575px) {
    .service-loop .service-box .icon {
        height: 100px;
        width: 100px;
    }
}

.service-loop .service-box .icon i {
    height: 140px;
    width: 140px;
    line-height: 138px;
    -webkit-box-shadow: 0px 16px 32px rgba(7, 28, 31, 0.06);
    box-shadow: 0px 16px 32px rgba(7, 28, 31, 0.06);
    background: #fff;
    border-radius: 50%;
    color: #277eff;
    font-size: 50px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .service-loop .service-box .icon i {
        height: 120px;
        width: 120px;
        line-height: 118px;
        font-size: 38px;
    }
}

@media (max-width: 575px) {
    .service-loop .service-box .icon i {
        height: 100px;
        width: 100px;
        line-height: 98px;
        font-size: 28px;
    }
}

.service-loop .service-box .icon i::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    content: "";
    border-radius: 50%;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.service-loop .service-box .icon::after,
.service-loop .service-box .icon::before {
    position: absolute;
    z-index: -1;
    height: 25px;
    width: 25px;
    background-color: #277eff;
    content: "";
    border-radius: 50%;
    left: 3px;
    bottom: 15px;
}

.service-loop .service-box .icon::after {
    left: auto;
    right: 3px;
    bottom: auto;
    top: 15px;
}

.service-loop .service-box .desc {
    padding: 120px 50px 50px;
    background-color: #f8f8f8;
    position: relative;
    z-index: 1;
    margin-top: -70px;
}

@media (max-width: 1199px) {
    .service-loop .service-box .desc {
        padding: 100px 30px 40px;
        margin-top: -50px;
    }
}

@media (max-width: 575px) {
    .service-loop .service-box .desc {
        padding: 85px 30px 40px;
        margin-top: -50px;
    }
}

.service-loop .service-box .desc .hover-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #eeeeee;
    z-index: -1;
    font-size: 130px;
    line-height: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

@media (max-width: 575px) {
    .service-loop .service-box .desc .hover-icon {
        font-size: 100px;
    }
}

.service-loop .service-box:hover .hover-icon {
    visibility: visible;
    opacity: 1;
}

.service-loop .service-box:hover .icon i {
    background-color: transparent;
    color: #fff;
}

.service-loop .service-box:hover .icon i::after {
    visibility: visible;
    opacity: 1;
}

.service-loop .service-box-two {
    -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03);
    background-color: #fff;
    border: 2px solid #f2f2f2;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
}

.service-loop .service-box-two .icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px 40px 0;
    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;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .service-loop .service-box-two .icon-wrap {
        padding: 40px 25px 0;
    }
}

@media (max-width: 575px) {
    .service-loop .service-box-two .icon-wrap {
        padding: 30px 25px 0;
    }
}

.service-loop .service-box-two .icon-wrap span {
    display: block;
}

.service-loop .service-box-two .icon-wrap span.count {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
}

.service-loop .service-box-two .icon-wrap span.icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
}

.service-loop .service-box-two .icon-wrap span.line {
    width: calc(100% - 100px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 100px);
    flex: 0 0 calc(100% - 100px);
}

.service-loop .service-box-two .count {
    width: 40px;
    height: 40px;
    background: #eef0f5;
    font-size: 14px;
    font-weight: 700;
    color: #252424;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.service-loop .service-box-two .count::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 50%;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(left, #005bea 0%, #00c0fa 100%);
    background: linear-gradient(to right, #005bea 0%, #00c0fa 100%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.service-loop .service-box-two .icon {
    width: 60px;
    height: auto;
    margin: 0;
    line-height: 1;
    font-size: 60px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(left, #005bea 0%, #00c0fa 100%);
    background: linear-gradient(to right, #005bea 0%, #00c0fa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service-loop .service-box-two .desc {
    padding: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .service-loop .service-box-two .desc {
        padding: 40px 25px;
    }
}

@media (max-width: 575px) {
    .service-loop .service-box-two .desc {
        padding: 30px 25px;
    }
}

.service-loop .service-box-two .title {
    font-size: 26px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}
.service-loop .service-box-two .title a {
    color: #252424;
}
@media (max-width: 1199px) {
    .service-loop .service-box-two .title {
        font-size: 22px;
    }
}

.service-loop .service-box-two .title a:hover {
    color: #277eff;
}

.service-loop .service-box-two .line {
    position: relative;
    width: 100%;
    height: 2px;
}

.service-loop .service-box-two .line::after,
.service-loop .service-box-two .line::before {
    content: "";
    position: absolute;
    left: 20px;
    right: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    height: 2px;
    border-top: 2px dashed #eef0f5;
}

.service-loop .service-box-two .line::after {
    border: none;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(transparent),
            color-stop(50%, transparent),
            color-stop(50%, #fff),
            to(#fff)
        ),
        -webkit-gradient(linear, left top, right top, from(#005bea), to(#00c0fa));
    background-image: -o-linear-gradient(
            left,
            transparent,
            transparent 50%,
            #fff 50%,
            #fff 100%
        ),
        -o-linear-gradient(left, #005bea, #00c0fa);
    background-image: linear-gradient(
            90deg,
            transparent,
            transparent 50%,
            #fff 50%,
            #fff 100%
        ),
        linear-gradient(90deg, #005bea, #00c0fa);
    background-size: 10px 1px, 100% 1px;
    visibility: hidden;
    opacity: 0;
}

.service-loop .service-box-two .service-link {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding: 20px 40px;
    display: block;
    color: #252424;
    border-top: 2px solid #f2f2f2;
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .service-loop .service-box-two .service-link {
        padding: 20px 25px;
    }
}

@media (max-width: 575px) {
    .service-loop .service-box-two .service-link {
        padding: 20px 25px;
    }
}

.service-loop .service-box-two .service-link i {
    float: right;
    color: #ddd;
}

.service-loop .service-box-two .service-link::after {
    position: absolute;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    content: "";
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(left, #005bea 0%, #00c0fa 100%);
    background: linear-gradient(to right, #005bea 0%, #00c0fa 100%);
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

.service-loop .service-box-two:hover .service-link,
.service-loop .service-box-two:hover .service-link i {
    color: #fff;
}

.service-loop .service-box-two:hover .service-link::after {
    visibility: visible;
    opacity: 1;
}

.service-loop .service-box-two:hover .count {
    color: #fff;
}

.service-loop .service-box-two:hover .count::after {
    visibility: visible;
    opacity: 1;
}

.service-loop .service-box-two:hover .line::before {
    opacity: 0;
    visibility: hidden;
}

.service-loop .service-box-two:hover .line::after {
    visibility: visible;
    opacity: 1;
}

.service-loop .service-box-three {
    padding: 40px;
    -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03);
    background-color: #fff;
    border: 2px solid transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
}

@media (max-width: 1199px) {
    .service-loop .service-box-three {
        padding: 30px;
    }
}

.service-loop .service-box-three .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    background: #e8f1ff;
    margin-left: 0;
    margin-bottom: 30px;
    font-size: 30px;
    text-align: center;
}

.service-loop .service-box-three .icon i {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 5px 10px rgba(39, 126, 255, 0.4);
}

.service-loop .service-box-three .title {
    font-size: 24px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .service-loop .service-box-three .title {
        font-size: 20px;
    }
}

.service-loop .service-box-three .service-link {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 30px;
    color: #dadada;
    line-height: 1;
    margin: 0;
    -webkit-transform: rotate(-38deg);
    -ms-transform: rotate(-38deg);
    transform: rotate(-38deg);
}

.service-loop .service-box-three:hover {
    border-color: #ededed;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.service-loop .service-box-three:hover .service-link {
    color: #277eff;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*=======  About  =======*/
.about-text .aboout-tabs .nav {
    border: none;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
    margin-bottom: 40px;
}

.about-text .aboout-tabs .nav .nav-item {
    margin: 0;
}

.about-text .aboout-tabs .nav .nav-item .nav-link {
    color: #616161;
    border: none;
    border-radius: 0;
    padding: 15px 45px;
    background-color: #fff;
    font-weight: 700;
    color: #999999;
    position: relative;
    z-index: 1;
    font-size: 18px;
}

@media (max-width: 1199px) {
    .about-text .aboout-tabs .nav .nav-item .nav-link {
        padding: 15px 30px;
    }
}

.about-text .aboout-tabs .nav .nav-item .nav-link::after {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "|";
    color: #999999;
    font-weight: 500;
}

.about-text .aboout-tabs .nav .nav-item .nav-link::before {
    position: absolute;
    left: 25px;
    right: 60px;
    height: 4px;
    bottom: 0;
    background-color: #277eff;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
}

.about-text .aboout-tabs .nav .nav-item .nav-link.active,
.about-text .aboout-tabs .nav .nav-item .nav-link:hover {
    color: #252424;
}

.about-text .aboout-tabs .nav .nav-item .nav-link.active::before,
.about-text .aboout-tabs .nav .nav-item .nav-link:hover::before {
    visibility: visible;
    opacity: 1;
    right: 25px;
}

.about-text .aboout-tabs .nav .nav-item:last-child .nav-link::after {
    display: none;
}

@media (max-width: 767px) {
    .about-text .logo img {
        max-width: 200px;
    }
}

.about-text .gallery-title {
    font-size: 50px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .about-text .gallery-title {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .about-text .gallery-title {
        font-size: 34px;
    }
}

@media (max-width: 767px) {
    .about-text .gallery-title {
        font-size: 26px;
    }
}

.about-text .gallery-title span {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-text .galley-img {
    margin-top: 30px;
    position: relative;
}

.about-text .galley-img .arrow-down {
    position: absolute;
    z-index: 2;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    left: 50px;
    bottom: -30px;
    color: #252424;
}

.about-section.aboout-with-illustration {
    padding-top: 150px;
    padding-bottom: 60px;
}

/*=======  Counter  =======*/
.counter-boxes {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.06);
    padding: 60px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}

@media (max-width: 1199px) {
    .counter-boxes {
        padding: 60px 30px;
        grid-gap: 20px;
    }
}

@media (max-width: 991px) {
    .counter-boxes {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 30px;
    }
}

@media (max-width: 575px) {
    .counter-boxes {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
        padding: 40px;
    }
}

.counter-boxes .counter-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 60px 15px 1fr;
    grid-template-columns: 60px 1fr;
    grid-gap: 15px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.counter-boxes .counter-box .icon {
    line-height: 1;
    font-size: 50px;
    color: #fff;
}

.counter-boxes .counter-box .counter-num {
    font-size: 48px;
    letter-spacing: -0.03em;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1;
}

@media (max-width: 1199px) {
    .counter-boxes .counter-box .counter-num {
        font-size: 38px;
    }
}

.counter-boxes .counter-box .counter-num::after {
    content: "+";
    font-size: 18px;
}

.counter-boxes .counter-box .counter-title {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 18px;
    opacity: 0.5;
    line-height: 1.4;
}

@media (max-width: 1199px) {
    .counter-boxes .counter-box .counter-title {
        font-size: 14px;
    }
}


.counter-boxes-two .counter-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 20px 1fr;
    grid-template-columns: 80px 1fr;
    grid-gap: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.counter-boxes-two .counter-box .icon {
    height: 80px;
    width: 80px;
    line-height: 80px;
    background-color: #e8f1ff;
    font-size: 36px;
    text-align: center;
    border-radius: 50%;
}

.counter-boxes-two .counter-box .icon i {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0px 5px 10px rgba(39, 126, 255, 0.4);
}

.counter-boxes-two .counter-box .counter-num {
    font-size: 24px;
    color: #252424;
}

.counter-boxes-two .counter-box .counter-title {
    font-weight: 500;
    font-size: 16px;
}

.counter-text .section-title .title {
    font-size: 30px;
}

@media (max-width: 575px) {
    .counter-text .section-title .title {
        font-size: 28px;
    }
}

.counter-img {
    padding-right: 50px;
}

@media (max-width: 1199px) {
    .counter-img {
        padding-right: 20px;
    }
}

@media (max-width: 991px) {
    .counter-img {
        padding: 0;
        margin-bottom: 50px;
    }
}

/*======= Working Process  =======*/
.working-process-boxes.triangle-style {
    position: relative;
    z-index: 1;
}

.working-process-boxes.triangle-style .process-box {
    margin-top: 40px;
}

.working-process-boxes.triangle-style
    > [class*="col-"]:nth-child(2)
    .process-box {
    margin-top: 220px;
}

@media (max-width: 991px) {
    .working-process-boxes.triangle-style
        > [class*="col-"]:nth-child(2)
        .process-box {
        margin-top: 40px;
    }
}

.working-process-boxes.triangle-style::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-image: url(../img/shape/working-process-1.png);
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1199px) {
    .working-process-boxes.triangle-style::before {
        background-size: 70%;
    }
}

@media (max-width: 991px) {
    .working-process-boxes.triangle-style::before {
        display: none;
    }
}

.working-process-boxes .process-box {
    text-align: center;
}

.working-process-boxes .process-box .icon {
    width: 180px;
    height: 180px;
    line-height: 180px;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.02);
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 65px;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    .working-process-boxes .process-box .icon {
        height: 140px;
        width: 140px;
        line-height: 140px;
        font-size: 50px;
    }
}

.working-process-boxes .process-box .icon i {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.working-process-boxes .process-box .icon .count {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    line-height: 50px;
    background-color: #277eff;
    color: #fff;
    -webkit-text-fill-color: #fff;
    border-radius: 50%;
    z-index: 1;
    font-weight: 700;
    font-size: 16px;
}

.working-process-boxes .process-box .title {
    font-size: 24px;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .working-process-boxes .process-box .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
}

.working-process-boxes .process-box-two {
    text-align: center;
}

.working-process-boxes .process-box-two .icon {
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 10px;
    font-size: 60px;
    background: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 47, 129, 0.04);
    box-shadow: 0px 16px 32px rgba(0, 47, 129, 0.04);
    color: #277eff;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .working-process-boxes .process-box-two .icon {
        height: 100px;
        width: 100px;
        line-height: 100px;
        font-size: 40px;
    }
}

.working-process-boxes .process-box-two .icon::after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 85px;
    height: 15px;
    bottom: -15px;
    background-color: #fff;
    opacity: 0.7;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (max-width: 991px) {
    .working-process-boxes .process-box-two .icon::after {
        width: 60px;
    }
}

.working-process-boxes .process-box-two .title {
    font-size: 24px;
    letter-spacing: -0.03em;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .working-process-boxes .process-box-two .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .working-process-boxes .process-box-two .title {
        font-size: 20px;
    }
}

/*=======  Advanced Tabs  =======*/
.advanced-tabs .nav {
    border: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .advanced-tabs .nav {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
}

@media (max-width: 767px) {
    .advanced-tabs .nav {
        grid-gap: 15px;
    }
}

@media (max-width: 575px) {
    .advanced-tabs .nav {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
    }
}

.advanced-tabs .nav .nav-item {
    margin: 0;
}

.advanced-tabs .nav .nav-item .nav-link {
    border: none;
    border-radius: 0;
    padding: 15px 30px;
    background-color: #2e2d2d;
    color: #a2a2a2;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    z-index: 1;
}

@media (max-width: 1199px) {
    .advanced-tabs .nav .nav-item .nav-link {
        padding: 15px 20px;
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .advanced-tabs .nav .nav-item .nav-link {
        padding: 14px;
        font-size: 13px;
    }
}

.advanced-tabs .nav .nav-item .nav-link i {
    color: #277eff;
    margin-right: 20px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
    .advanced-tabs .nav .nav-item .nav-link i {
        margin-right: 10px;
    }
}

.advanced-tabs .nav .nav-item .nav-link::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#35446d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #35446d 0%, #0078ee 100%);
    background: linear-gradient(to right, #35446d 0%, #0078ee 100%);
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.advanced-tabs .nav .nav-item .nav-link:hover,
.advanced-tabs .nav .nav-item .nav-link:hover i,
.advanced-tabs .nav .nav-item .nav-link.active,
.advanced-tabs .nav .nav-item .nav-link.active i {
    color: #fff;
}

.advanced-tabs .nav .nav-item .nav-link:hover::after,
.advanced-tabs .nav .nav-item .nav-link.active::after {
    opacity: 1;
    visibility: visible;
}

.advanced-tabs .tab-video {
    height: 475px;
    background-color: #484848;
    margin-right: 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;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .advanced-tabs .tab-video {
        margin-right: 0;
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .advanced-tabs .tab-video {
        height: 300px;
    }
}

.advanced-tabs .tab-video::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #252424;
    opacity: 0.3;
}

.advanced-tabs .tab-video .video-popup {
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    background: rgba(72, 72, 72, 0);
    border: 2px solid rgba(237, 237, 237, 0.2);
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
    .advanced-tabs .tab-video .video-popup {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
    }
}

.advanced-tabs .tab-video .video-popup:hover {
    background-color: #277eff;
    border-color: #277eff;
}

.advanced-tabs .tab-text {
    padding-left: 20px;
}

@media (max-width: 991px) {
    .advanced-tabs .tab-text {
        padding-left: 0;
    }
}

.advanced-tabs .tab-text h2 {
    font-size: 30px;
    margin-bottom: 30px;
    letter-spacing: -0.03em;
}

@media (max-width: 1199px) {
    .advanced-tabs .tab-text h2 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .advanced-tabs .tab-text h2 {
        font-size: 24px;
    }
}

.advanced-tabs .tab-text p:not(:last-child) {
    margin-bottom: 20px;
}

.advanced-tabs .tab-text p.big-text {
    font-size: 18px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .advanced-tabs .tab-text p.big-text {
        font-size: 16px;
    }
}

.advanced-tabs .tab-text .main-btn {
    margin-top: 35px;
}

.advanced-tabs .tab-text.color-white h2 {
    color: #fff;
}

.advanced-tabs .tab-text.color-white p {
    color: #9e9e9e;
}

/*=======  Portfolio =======*/
.portfolio-loop .portfolio-box .portfolio-thumb {
    height: 250px;
    width: 100%;
    overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .portfolio-loop .portfolio-box .portfolio-thumb {
        height: 190px;
    }
}

@media (max-width: 767px) {
    .portfolio-loop .portfolio-box .portfolio-thumb {
        height: 200px;
    }
}

.portfolio-loop .portfolio-box .portfolio-thumb .thumb {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-color: #f8f8f8;
}

.portfolio-loop .portfolio-box .portfolio-desc {
    position: relative;
    padding: 30px 28px 25px;
    background-color: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
}

@media (max-width: 1199px) {
    .portfolio-loop .portfolio-box .portfolio-desc {
        padding: 30px 20px 25px;
    }
}

.portfolio-loop .portfolio-box .portfolio-desc .title {
    font-size: 18px;
    letter-spacing: -0.03em;
    margin-bottom: 15px;
    line-height: 1.4;
}

@media (max-width: 1199px) {
    .portfolio-loop .portfolio-box .portfolio-desc .title {
        font-size: 16px;
    }
}

.portfolio-loop .portfolio-box .portfolio-desc .title a:hover {
    color: #277eff;
}

.portfolio-loop .portfolio-box .portfolio-desc .meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.portfolio-loop .portfolio-box .portfolio-desc .meta li:not(:last-child) {
    margin-right: 15px;
}

@media (max-width: 1199px) {
    .portfolio-loop .portfolio-box .portfolio-desc .meta li:not(:last-child) {
        margin-right: 10px;
    }
}

.portfolio-loop .portfolio-box .portfolio-desc .meta a {
    color: #616161;
    font-size: 14px;
    font-weight: 500;
}

.portfolio-loop .portfolio-box .portfolio-desc .meta a i {
    color: #277eff;
    margin-right: 4px;
}

.portfolio-loop .portfolio-box .portfolio-desc .cat {
    position: absolute;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    right: 30px;
    top: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    line-height: 1;
    padding: 8px 18px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(#00299d 0%, #0078ee 100%);
    background: linear-gradient(#00299d 0%, #0078ee 100%);
}

.portfolio-loop .portfolio-box-two .portfolio-thumb {
    background-color: #103e8c;
}

.portfolio-loop .portfolio-box-two .portfolio-desc {
    padding: 50px 45px;
    position: relative;
    z-index: 1;
    margin-top: -62px;
}

@media (max-width: 575px) {
    .portfolio-loop .portfolio-box-two .portfolio-desc {
        padding: 50px 30px;
    }
}

.portfolio-loop .portfolio-box-two .portfolio-desc::before,
.portfolio-loop .portfolio-box-two .portfolio-desc::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-image: url(../img/shape/portfolio-wave-1.png);
    background-position: center bottom;
    background-size: cover;
}

.portfolio-loop .portfolio-box-two .portfolio-desc::after {
    z-index: -1;
    background-image: url(../img/shape/portfolio-wave-2.png);
    opacity: 0.1;
}

.portfolio-loop .portfolio-box-two .title {
    font-size: 24px;
    letter-spacing: -0.03em;
}

@media (max-width: 575px) {
    .portfolio-loop .portfolio-box-two .title {
        font-size: 22px;
    }
}

.portfolio-loop .portfolio-box-two .title a {
    color: #fff;
}

.portfolio-loop .portfolio-box-two .cat {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #fff;
}

.portfolio-loop .portfolio-box-two .portfolio-link {
    width: 50px;
    height: 50px;
    background-color: #002f81;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: absolute;
    top: -25px;
    right: 50px;
    z-index: 2;
}

.portfolio-loop .portfolio-box-two .portfolio-link:hover {
    background-color: #00cfff;
}

.portfolio-loop .portfolio-box-three .portfolio-desc {
    padding: 40px;
    background-color: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 44, 160, 0.04);
    box-shadow: 0px 16px 32px rgba(0, 44, 160, 0.04);
}

@media (min-width: 992px) and (max-width: 1199px) {
    .portfolio-loop .portfolio-box-three .portfolio-desc {
        padding: 30px;
    }
}

@media (max-width: 767px) {
    .portfolio-loop .portfolio-box-three .portfolio-desc {
        padding: 30px 20px;
    }
}

.portfolio-loop .portfolio-box-three .portfolio-desc .title {
    font-size: 20px;
    letter-spacing: -0.03em;
}

@media (max-width: 767px) {
    .portfolio-loop .portfolio-box-three .portfolio-desc .title {
        font-size: 18px;
    }
}

.portfolio-loop .portfolio-box-three .portfolio-desc .title a:hover {
    color: #277eff;
}

.portfolio-loop .portfolio-box-three .portfolio-desc .cat {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.portfolio-nav ul {
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.portfolio-nav ul li {
    cursor: pointer;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    line-height: 1.4;
    margin: 5px;
}

@media (max-width: 991px) {
    .portfolio-nav ul li {
        padding: 15px 20px;
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .portfolio-nav ul li {
        padding: 15px;
        font-size: 14px;
    }
}

.portfolio-nav ul li::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.portfolio-nav ul li.active,
.portfolio-nav ul li:hover {
    color: #fff;
}

.portfolio-nav ul li.active::after,
.portfolio-nav ul li:hover::after {
    visibility: visible;
    opacity: 1;
}

.portfolio-details .details-title {
    font-size: 48px;
    margin-bottom: 30px;
}
.portfolio-details {
    padding: 10px 0 30px;
    border-bottom: 1px solid #e4e4e4;
}
@media (max-width: 1199px) {
    .portfolio-details .details-title {
        font-size: 42px;
    }
}

@media (max-width: 575px) {
    .portfolio-details .details-title {
        font-size: 28px;
    }
}

.portfolio-details .project-information {
    padding: 10px 0 30px;
    border-bottom: 1px solid #e4e4e4;
}

.portfolio-details .project-information ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.portfolio-details .project-information ul li {
    margin-top: 20px;
}

@media (max-width: 767px) {
    .portfolio-details .project-information ul li {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

.portfolio-details .project-information ul .info-title,
.portfolio-details .project-information ul .info {
    display: block;
}

.portfolio-details .project-information ul .info-title {
    font-size: 16px;
    color: #686868;
    line-height: 1.2;
    margin-bottom: 5px;
}

@media (max-width: 575px) {
    .portfolio-details .project-information ul .info-title {
        font-size: 14px;
    }
}

.portfolio-details .project-information ul .info {
    font-size: 24px;
    color: #252424;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .portfolio-details .project-information ul .info {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .portfolio-details .project-information ul .info {
        font-size: 16px;
    }
}

.portfolio-details .project-faq {
    padding: 80px 0;
}

@media (max-width: 991px) {
    .portfolio-details .project-faq .faq-text {
        margin-bottom: 50px;
    }
}

.case-video {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .case-video {
        margin-top: 30px;
    }
}

.case-video .popup-video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 60px;
    width: 60px;
    line-height: 62px;
    text-align: center;
    background-color: #fff;
    color: #277eff;
    border-radius: 50%;
}

.case-video .popup-video::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    border: 1px solid #fff;
    opacity: 0.28;
    height: 80px;
    width: 80px;
}

/*======= Testimonial =======*/
.testimonial-wrapper-one {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    padding: 120px 0;
    position: relative;
    z-index: 1;
}

@media (max-width: 575px) {
    .testimonial-wrapper-one {
        padding: 100px 20px;
    }
}

.testimonial-wrapper-one .testimonial-avatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: auto;
    position: relative;
    margin-left: 20px;
}

@media (max-width: 1199px) {
    .testimonial-wrapper-one .testimonial-avatar {
        margin-left: 0;
    }
}

.testimonial-wrapper-one .testimonial-avatar .quote-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 25px;
    color: #fff;
    border-radius: 50%;
    background-color: #277eff;
    z-index: 2;
}

.testimonial-wrapper-one .testimonial-avatar img {
    border-radius: 50%;
}

.testimonial-wrapper-one .testimonial-content {
    padding: 0px 30px;
}

@media (max-width: 1199px) {
    .testimonial-wrapper-one .testimonial-content {
        padding: 0 0 0 30px;
    }
}

@media (max-width: 991px) {
    .testimonial-wrapper-one .testimonial-content {
        padding: 50px 0 0;
    }
}

.testimonial-wrapper-one .testimonial-content .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.testimonial-wrapper-one .testimonial-content .rating li {
    margin-right: 5px;
    color: #ffd200;
    font-size: 18px;
}

.testimonial-wrapper-one .testimonial-content p {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .testimonial-wrapper-one .testimonial-content p {
        font-size: 20px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper-one .testimonial-content p {
        font-size: 18px;
    }
}

.testimonial-wrapper-one .testimonial-content .author-info {
    margin-top: 30px;
}

.testimonial-wrapper-one .testimonial-content .author-info h3 {
    font-size: 30px;
    margin-bottom: 5px;
    color: #fff;
}

@media (max-width: 767px) {
    .testimonial-wrapper-one .testimonial-content .author-info h3 {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper-one .testimonial-content .author-info h3 {
        font-size: 24px;
    }
}

.testimonial-wrapper-one .testimonial-content .author-info .position {
    font-size: 16px;
    font-weight: 700;
    color: #739dde;
    line-height: 1;
}

.testimonial-wrapper-one .quote-big-icon {
    position: absolute;
    z-index: -1;
    right: 70px;
    bottom: 60px;
    max-width: 240px;
    opacity: 0.1;
}

@media (max-width: 991px) {
    .testimonial-wrapper-one .quote-big-icon {
        max-width: 200px;
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-one .quote-big-icon {
        max-width: 150px;
        right: 30px;
        bottom: 30px;
    }
}

.testimonial-wrapper-one .slider-dots {
    margin-top: 30px;
    padding: 0px 30px;
    line-height: 1;
}

@media (max-width: 991px) {
    .testimonial-wrapper-one .slider-dots {
        padding: 0;
    }
}

.testimonial-wrapper-one .slider-dots li {
    display: inline-block;
    line-height: 1;
}

.testimonial-wrapper-one .slider-dots li:not(:last-child) {
    margin-right: 10px;
}

.testimonial-wrapper-one .slider-dots li button {
    font-size: 0;
    width: 25px;
    height: 4px;
    opacity: 0.1;
    background-color: #fff;
    border: none;
    padding: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.testimonial-wrapper-one .slider-dots li.slick-active button,
.testimonial-wrapper-one .slider-dots li:hover button {
    opacity: 1;
}

.testimonial-wrapper-one.without-gradient {
    background: #f2f7f9;
    border-radius: 30px;
}

.testimonial-wrapper-one.without-gradient .testimonial-avatar img {
    border: 10px solid #fff;
}

.testimonial-wrapper-one.without-gradient .testimonial-avatar .quote-icon {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    color: #fff;
}

.testimonial-wrapper-one.without-gradient .testimonial-content .rating li {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.testimonial-wrapper-one.without-gradient .testimonial-content p {
    color: #616161;
}

.testimonial-wrapper-one.without-gradient .testimonial-content .author-info h3 {
    color: #252424;
}

.testimonial-wrapper-one.without-gradient
    .testimonial-content
    .author-info
    .position {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.testimonial-wrapper-one.without-gradient .slider-dots li button {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(#005bea 0%, #00c0fa 100%);
    background: linear-gradient(#005bea 0%, #00c0fa 100%);
}

.testimonial-wrapper-one.without-gradient .quote-big-icon {
    opacity: 1;
}

.testimonial-wrapper-one.bg-white {
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.04);
    border-radius: 0;
}

.testimonial-wrapper-one.bg-white .testimonial-avatar img {
    -webkit-filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.03));
    filter: drop-shadow(0px 3px 10px rgba(0, 0, 0, 0.03));
}

.testimonial-wrapper-two .wrapper-inner {
    padding: 60px;
    background-color: #f2f7f9;
    border-radius: 20px;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .testimonial-wrapper-two .wrapper-inner {
        padding: 40px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper-two .wrapper-inner {
        padding: 40px 30px;
    }
}

.testimonial-wrapper-two .wrapper-inner::before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    height: 15px;
    width: 30px;
    background-color: #f2f7f9;
    z-index: -1;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.testimonial-wrapper-two .quote-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: -1;
    max-width: 250px;
}

@media (max-width: 991px) {
    .testimonial-wrapper-two .quote-icon {
        max-width: 180px;
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-two .quote-icon {
        max-width: 150px;
    }
}

.testimonial-wrapper-two .single-testimonial p {
    font-size: 24px;
    line-height: 1.6;
    color: #788eb3;
}

@media (max-width: 1199px) {
    .testimonial-wrapper-two .single-testimonial p {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-two .single-testimonial p {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper-two .single-testimonial p {
        font-size: 16px;
    }
}

.testimonial-wrapper-two .single-testimonial .author-info {
    margin-top: 30px;
}

.testimonial-wrapper-two .single-testimonial .author-info h3 {
    font-size: 30px;
    margin-bottom: 5px;
}

@media (max-width: 991px) {
    .testimonial-wrapper-two .single-testimonial .author-info h3 {
        font-size: 26px;
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-two .single-testimonial .author-info h3 {
        font-size: 24px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper-two .single-testimonial .author-info h3 {
        font-size: 20px;
    }
}

.testimonial-wrapper-two .single-testimonial .author-info .position {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 767px) {
    .testimonial-wrapper-two .single-testimonial .author-info .position {
        font-size: 16px;
    }
}

.testimonial-wrapper-two .single-testimonial .author-info .position a {
    color: #00cfff;
}

.testimonial-wrapper-two .testimonial-dots-images {
    padding: 0px 100px 55px;
}

@media (max-width: 1199px) {
    .testimonial-wrapper-two .testimonial-dots-images {
        padding: 0 20px 55px;
    }
}

@media (max-width: 991px) {
    .testimonial-wrapper-two .testimonial-dots-images {
        padding: 0 0 55px;
    }
}

.testimonial-wrapper-two .testimonial-dots-images .slick-dots {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -10px -15px;
}

@media (max-width: 991px) {
    .testimonial-wrapper-two .testimonial-dots-images .slick-dots {
        margin: -10px;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper-two .testimonial-dots-images .slick-dots {
        margin: -5px;
    }
}

.testimonial-wrapper-two .testimonial-dots-images .slick-dots li {
    text-align: center;
    cursor: pointer;
    padding: 10px 15px;
    max-width: 16.6666%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666%;
    flex: 0 0 16.6666%;
}

@media (max-width: 991px) {
    .testimonial-wrapper-two .testimonial-dots-images .slick-dots li {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .testimonial-wrapper-two .testimonial-dots-images .slick-dots li {
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
    }
}

@media (max-width: 575px) {
    .testimonial-wrapper-two .testimonial-dots-images .slick-dots li {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 5px;
    }
}

.testimonial-wrapper-two .testimonial-dots-images .slick-dots li img {
    border-radius: 50%;
    border: 8px solid transparent;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 575px) {
    .testimonial-wrapper-two .testimonial-dots-images .slick-dots li img {
        border-width: 4px;
    }
}

.testimonial-wrapper-two .testimonial-dots-images .slick-dots li:hover img,
.testimonial-wrapper-two
    .testimonial-dots-images
    .slick-dots
    li.slick-active
    img {
    -webkit-filter: drop-shadow(0px 16px 32px rgba(0, 47, 129, 0.1));
    filter: drop-shadow(0px 16px 32px rgba(0, 47, 129, 0.1));
    border-color: #fff;
}

/*=======  News feed =======*/
.recent-news-loop .recent-news-box .news-thumb {
    width: 100%;
    height: 240px;
}

.recent-news-loop .recent-news-box .news-thumb .thumb {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-color: #f8f8f8;
}

.recent-news-loop .recent-news-box .news-desc {
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
    background-color: #fff;
    padding: 35px;
    position: relative;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box .news-desc {
        padding: 30px 25px;
    }
}

.recent-news-loop .recent-news-box .news-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.recent-news-loop .recent-news-box .news-meta li:not(:last-child) {
    margin-right: 15px;
}

.recent-news-loop .recent-news-box .news-meta a {
    color: #616161;
    font-size: 14px;
    font-weight: 500;
}

.recent-news-loop .recent-news-box .news-meta a i {
    color: #277eff;
    margin-right: 5px;
}

.recent-news-loop .recent-news-box .news-meta a:hover {
    color: #277eff;
}

.recent-news-loop .recent-news-box .title {
    font-size: 22px;
    letter-spacing: -0.03em;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box .title {
        font-size: 20px;
    }
}

.recent-news-loop .recent-news-box .title a:hover {
    color: #277eff;
}

.recent-news-loop .recent-news-box-two .news-thumb {
    width: 100%;
    height: 240px;
}

.recent-news-loop .recent-news-box-two .news-thumb .thumb {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-color: #f8f8f8;
}

.recent-news-loop .recent-news-box-two .news-desc {
    padding: 50px 40px 40px;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.03);
    background-color: #fff;
    position: relative;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box-two .news-desc {
        padding: 50px 30px 40px;
    }
}

.recent-news-loop .recent-news-box-two .title {
    font-size: 22px;
    letter-spacing: -0.03em;
    margin-bottom: 10px;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box-two .title {
        font-size: 20px;
    }
}

.recent-news-loop .recent-news-box-two .news-meta {
    position: absolute;
    top: 0;
    left: 40px;
    right: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    padding: 8px 20px;
    margin: 0;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 47, 129, 0.1);
    box-shadow: 0px 16px 32px rgba(0, 47, 129, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box-two .news-meta {
        left: 20px;
        right: 20px;
    }
}

.recent-news-loop .recent-news-box-two .news-meta a {
    color: #616161;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}

.recent-news-loop .recent-news-box-two .news-meta a i {
    color: #00cfff;
    margin-right: 5px;
}

.recent-news-loop .recent-news-box-two .news-meta a:hover {
    color: #00cfff;
}

.recent-news-loop .recent-news-box-two .news-meta a::after a::after {
    position: absolute;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "|";
}

.recent-news-loop .recent-news-box-two .news-meta li:not(:last-child) {
    margin-right: 30px;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box-two .news-meta li:not(:last-child) {
        margin-right: 10px;
    }
}

.recent-news-loop .recent-news-box-two .news-author {
    font-weight: 700;
    font-size: 16px;
    color: #252424;
    margin-top: 30px;
}

.recent-news-loop .recent-news-box-two .news-author img {
    margin-right: 15px;
    display: inline-block;
    border-radius: 50%;
}

.recent-news-loop .recent-news-box-three .news-thumb {
    width: 100%;
    height: 240px;
    position: relative;
}

.recent-news-loop .recent-news-box-three .news-thumb .thumb {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-color: #f8f8f8;
}

.recent-news-loop .recent-news-box-three .post-date {
    width: 80px;
    height: 80px;
    background: #fff;
    -webkit-box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.06);
    text-align: center;
    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;
    font-size: 14px;
    font-weight: 700;
    color: #252424;
    line-height: 1.1;
    position: absolute;
    right: 20px;
    top: -20px;
    z-index: 2;
}

.recent-news-loop .recent-news-box-three .post-date span {
    display: block;
}

.recent-news-loop .recent-news-box-three .post-date .date-num {
    font-size: 40px;
    text-transform: uppercase;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.recent-news-loop .recent-news-box-three .news-desc {
    border: 2px solid #f2f2f2;
    padding: 30px 35px;
    border-top: 0;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box-three .news-desc {
        padding: 30px 25px;
    }
}

.recent-news-loop .recent-news-box-three .title {
    font-size: 22px;
    letter-spacing: -0.03em;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box-three .title {
        font-size: 20px;
    }
}

.recent-news-loop .recent-news-box-three .title a:hover {
    color: #277eff;
}

.recent-news-loop .recent-news-box-three .news-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.recent-news-loop .recent-news-box-three .news-meta li:not(:last-child) {
    margin-right: 15px;
}

.recent-news-loop .recent-news-box-three .news-meta a {
    color: #616161;
    font-size: 14px;
    font-weight: 500;
}

.recent-news-loop .recent-news-box-three .news-meta a i {
    color: #277eff;
    margin-right: 5px;
}

.recent-news-loop .recent-news-box-three .news-meta a:hover {
    color: #277eff;
}

.recent-news-loop .recent-news-box-three .news-footer {
    border: 2px solid #f2f2f2;
    border-top: 0;
}

.recent-news-loop .recent-news-box-three .news-footer a {
    padding: 20px 35px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 700;
    display: block;
    color: #616161;
}

@media (max-width: 1199px) {
    .recent-news-loop .recent-news-box-three .news-footer a {
        padding: 20px 25px;
    }
}

.recent-news-loop .recent-news-box-three .news-footer a i {
    float: right;
}

.recent-news-loop .recent-news-box-three .news-footer a:hover {
    color: #277eff;
}

.news-dots .slick-dots {
    margin-top: 210px;
    line-height: 1;
}

@media (max-width: 991px) {
    .news-dots .slick-dots {
        margin: 50px 0;
    }
}

.news-dots .slick-dots li {
    display: inline-block;
    line-height: 1;
}

.news-dots .slick-dots li:not(:last-child) {
    margin-right: 15px;
}

.news-dots .slick-dots li button {
    width: 30px;
    height: 4px;
    border-radius: 2px;
    background: #fff;
    opacity: 0.1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    font-size: 0;
}

.news-dots .slick-dots li.slick-active button,
.news-dots .slick-dots li:hover button {
    opacity: 1;
}
.news-details .news-content {
    overflow: hidden;
}
.news-details .news-content img {
    margin: 15px 0;
    height: auto;
}
.news-details .wp-block-button {
    margin: 15px 0;
}
.wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image>h2 {
    color: #fff !important;
}
.wp-block-cover.has-background-dim.alignleft {
    margin: 15px 0;
    margin-right: 30px;
}
.news-details .news-content p {
    margin-bottom: 15px;
}
.comment-template .comment-list li {
    list-style: none;
}
/* Widgets
--------------------------------------------- */

.widget select {
    max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}


/* Captions
--------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: -ms-grid;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    -ms-grid-columns: (1fr)[7];
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
            clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

    /*rtl:ignore*/
    float: left;

    /*rtl:ignore*/
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {

    /*rtl:ignore*/
    float: right;

    /*rtl:ignore*/
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}
.single-news-box.sticky:after {
    color: #fff;
    content: "\f08d";
    font-family: 'Font Awesome 5 Pro';
    height: 55px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 1px;
    z-index: 2;
    font-size: 30px;
}
.single-news-box.sticky {
    background: #eef3f9;
}
.single-news-box.sticky::before {
    border-left: 76px solid transparent;
    border-top: 80px solid #277eff;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 2;
}
.news-content .page-links a, .news-content .page-links .current {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 58px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    color: #788eb3;
    font-size: 18px;
}

.news-content .page-links .current {
    background: #ef5b51;
    -webkit-filter: drop-shadow(0px 10px 50px rgba(239, 91, 81, 0.78));
    filter: drop-shadow(0px 10px 50px rgba(239, 91, 81, 0.78));
    color: #fff;
    border-color: #ef5b51;
}

.news-content .page-links {
    margin: 15px 0;
}
.news-details table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.news-details table th, .news-details table td {
    padding: 10px;
    border: 1px solid #ebedef;
}

.news-details table {
    margin-bottom: 20px;
}
.news-details h1, .news-details h2, .news-details h3, .news-details h4, .news-details h5, .news-details h6 {
    margin-bottom: 15px;
}
.news-details dd {
    margin: 0 1rem 1rem;
    font-size: 15px;
    line-height: 26px;
}

.news-details dt {
    color: #252424;
}
.news-details ul {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: disc;
    padding-left: 20px;
}

.news-details ul li {
    list-style: disc;
    line-height: 1.8;
    margin-bottom: 10px;
}

.news-details ul li ul {
    margin: 10px 0 0;
    list-style-type: circle;
}

.news-details ul li ul li {
    list-style: circle;
}
.news-details ul {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: disc;
    padding-left: 20px;
}

.news-details ul li {
    list-style: disc;
    line-height: 1.8;
    margin-bottom: 10px;
}

.news-details ul li ul {
    margin: 10px 0 0;
    list-style-type: circle;
}

.news-details ul li ul li {
    list-style: circle;
}

.news-details ol {
    margin-top: 20px;
    margin-bottom: 20px;
    list-style: auto;
    padding-left: 20px;
}

.news-details ol li {
    /* list-style: disc; */
    line-height: 1.8;
    margin-bottom: 10px;
}

.news-details ol li ol {
    margin: 10px 0 0;
}
address {
    margin: 20px 0;
    font-style: italic;
    line-height: 30px;
}
.news-details strong {
    color: #252424;
}
.news-details .wp-block-group.has-background {
    padding: 30px;
    padding-bottom: 20px;
}
p.wp-block-tag-cloud a {
    background: #eef3f9;
    color: #252424;
    font-size: 16px !important;
    padding: 10px 15px;
    margin-bottom: 5px;
}
.news-details button.wp-block-search__button {
    background: -webkit-gradient( linear, left top, right top, from(#00299d), to(#0078ee) );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    color: #fff;
    padding: 6px 26px;
    border: none;
}

.news-details input[type="search"] {
    height: auto;
    padding: 10px 15px;
    border: 1px solid #cbcfd3;
}
.news-details form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search {
    margin-bottom: 20px;
}
.news-details iframe {
    width: 100%;
}
.news-details .blocks-gallery-item figure {
    overflow: hidden;
}

.news-details .blocks-gallery-item figure img {
    margin-bottom: 0;
}
.news-details .blocks-gallery-grid {
    padding-left: 0;
}
/*======= Team Boxes =======*/
.team-member-boxes .team-member-box {
    background-color: #fff;
    padding: 20px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 35px 1fr;
    grid-template-columns: 200px 1fr;
    grid-gap: 35px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-member-boxes .team-member-box {
        -ms-grid-columns: 160px 30px 1fr;
        grid-template-columns: 160px 1fr;
        grid-gap: 30px;
    }
}

@media (max-width: 575px) {
    .team-member-boxes .team-member-box {
        -ms-grid-columns: 1fr;
        grid-template-columns: repeat(1, 1fr);
    }
}

.team-member-boxes .team-member-box .member-img img {
    max-width: 200px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-member-boxes .team-member-box .member-img img {
        max-width: 160px;
        grid-gap: 30px;
    }
}

.team-member-boxes .team-member-box .name {
    font-size: 24px;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
}

.team-member-boxes .team-member-box .name a:hover {
    color: #277eff;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .team-member-boxes .team-member-box .name {
        font-size: 20px;
    }
}

.team-member-boxes .team-member-box .member-position {
    font-size: 14px;
    color: #277eff;
    letter-spacing: -0.03em;
    font-weight: 700;
}

.team-member-boxes .team-member-box .social-link {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1;
}

.team-member-boxes .team-member-box .social-link a {
    font-size: 16px;
    color: #d0d0d0;
    margin-right: 15px;
}

.team-member-boxes .team-member-box .social-link a:hover {
    color: #277eff;
}

.team-member-boxes .team-member-box.style-two {
    background-color: #f2f7f9;
}

.team-section.team-section-one {
    padding-top: 150px;
    padding-bottom: 340px;
}

/*======= Experiments =======*/
.experiments-boxes .experiments-box {
    padding: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.02);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

@media (max-width: 1199px) {
    .experiments-boxes .experiments-box {
        padding: 50px 30px;
    }
}

.experiments-boxes .experiments-box::after {
    position: absolute;
    right: 0;
    top: 0;
    width: 170px;
    height: 170px;
    border-radius: 50%;
    background-color: #f2f7f9;
    content: "";
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.experiments-boxes .experiments-box::before {
    content: "";
    position: absolute;
    top: 60px;
    right: 70px;
    z-index: -1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #effcff;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.experiments-boxes .experiments-box .icon {
    color: #00cfff;
    font-size: 75px;
    line-height: 1;
    margin-bottom: 70px;
}

.experiments-boxes .experiments-box .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.experiments-boxes .experiments-box .title {
    font-size: 24px;
    letter-spacing: -0.03em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 60px);
    flex: 0 0 calc(100% - 60px);
    max-width: calc(100% - 60px);
    line-height: 1.3;
}

.experiments-boxes .experiments-box .title a{
    color:#002f81
}

@media (max-width: 1199px) {
    .experiments-boxes .experiments-box .title {
        font-size: 22px;
    }
}

@media (max-width: 575px) {
    .experiments-boxes .experiments-box .title {
        font-size: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 50px);
        flex: 0 0 calc(100% - 50px);
        max-width: calc(100% - 50px);
    }
}

.experiments-boxes .experiments-box .title a:hover {
    color: #00cfff;
}

.experiments-boxes .experiments-box .experiment-link {
    height: 50px;
    width: 50px;
    text-align: center;
    font-size: 18px;
    line-height: 50px;
    background-color: #f2f7f9;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.experiments-boxes .experiments-box .experiment-link:hover {
    background-color: #00cfff;
    color: #fff;
}

@media (max-width: 575px) {
    .experiments-boxes .experiments-box .experiment-link {
        width: 45px;
        height: 45px;
        font-size: 15px;
    }
}

.experiments-boxes .experiments-box:hover::after {
    background-color: #00cfff;
}

.experiments-boxes .experiments-box:hover::before {
    opacity: 1;
    visibility: visible;
    width: 55px;
    height: 55px;
}

.experiment-img {
    padding-right: 50px;
}

.experiment-note {
    padding-top: 190px;
    padding-bottom: 100px;
    position: relative;
    margin-top: -100px;
}

.experiment-text p:not(:last-child) {
    margin-bottom: 30px;
}

.experiment-author {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 2px solid #d7e1e5;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80px 25px 1fr;
    grid-template-columns: 80px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 25px;
    position: relative;
}

.experiment-author .author-img img {
    max-width: 80px;
    max-height: 80px;
    border-radius: 50%;
}

.experiment-author .name {
    font-size: 24px;
    margin-bottom: 5px;
}

.experiment-author .position {
    color: #00cfff;
    line-height: 1;
    font-weight: 700;
}

.experiment-author .signature {
    position: absolute;
    right: 15px;
    top: 20px;
    max-width: 175px;
}

/*======= Pricing Boxes =======*/
.pricing-boxes .pricing-box {
    background-color: transparent;
    padding: 0 40px 100px;
    text-align: center;
    position: relative;
    z-index: 1;
    -webkit-filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.08));
    filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.08));
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .pricing-boxes .pricing-box {
        padding: 0 30px 110px;
    }
}

.pricing-boxes .pricing-box::after {
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    -webkit-clip-path: polygon(
        50% 100px,
        100% 0,
        100% calc(100% - 100px),
        50% 100%,
        0 calc(100% - 100px),
        0 0
    );
    clip-path: polygon(
        50% 100px,
        100% 0,
        100% calc(100% - 100px),
        50% 100%,
        0 calc(100% - 100px),
        0 0
    );
    z-index: -1;
}

.pricing-boxes .pricing-box::before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #eaecf4;
    height: 105px;
    width: 140px;
    z-index: -1;
    -webkit-clip-path: polygon(
        50% 30px,
        100% 0%,
        100% calc(100% - 30px),
        50% 100%,
        0 calc(100% - 30px),
        0 0
    );
    clip-path: polygon(
        50% 30px,
        100% 0%,
        100% calc(100% - 30px),
        50% 100%,
        0 calc(100% - 30px),
        0 0
    );
}

.pricing-boxes .pricing-box .plan-title-wrap {
    margin-bottom: 60px;
    position: relative;
    z-index: 1;
}

.pricing-boxes .pricing-box .plan-title-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #eaecf4;
    width: 105px;
    height: 120px;
    z-index: -1;
    -webkit-clip-path: polygon(
        0 30px,
        50% 0,
        100% 30px,
        100% calc(100% - 30px),
        50% 100%,
        0 calc(100% - 30px)
    );
    clip-path: polygon(
        0 30px,
        50% 0,
        100% 30px,
        100% calc(100% - 30px),
        50% 100%,
        0 calc(100% - 30px)
    );
}

.pricing-boxes .pricing-box .plan-title {
    margin-left: auto;
    margin-right: auto;
    width: 185px;
    height: 210px;
    background-color: #277eff;
    -webkit-clip-path: polygon(
        0 50px,
        50% 0,
        100% 50px,
        100% calc(100% - 50px),
        50% 100%,
        0 calc(100% - 50px)
    );
    clip-path: polygon(
        0 50px,
        50% 0,
        100% 50px,
        100% calc(100% - 50px),
        50% 100%,
        0 calc(100% - 50px)
    );
    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;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(left, #005bea 0%, #00c0fa 100%);
    background: linear-gradient(to right, #005bea 0%, #00c0fa 100%);
}

.pricing-boxes .pricing-box .plan-title .icon {
    line-height: 1;
    color: #fff;
    font-size: 60px;
    margin-bottom: 10px;
}

.pricing-boxes .pricing-box .plan-title .plan-name {
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    color: #fff;
}

.pricing-boxes .pricing-box .price-wrap {
    margin-bottom: 40px;
}

.pricing-boxes .pricing-box .price-wrap p {
    line-height: 1.5;
}

.pricing-boxes .pricing-box .plan-price {
    color: #252424;
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    line-height: 1;
    margin-bottom: 15px;
}

.pricing-boxes .pricing-box .plan-price .price {
    font-size: 108px;
    line-height: 0.8;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (max-width: 1199px) {
    .pricing-boxes .pricing-box .plan-price .price {
        font-size: 82px;
    }
}

.pricing-boxes .pricing-box .plan-feature {
    font-size: 18px;
    line-height: 1.4;
}

.pricing-boxes .pricing-box .plan-feature li:not(:last-child) {
    margin-bottom: 10px;
}

.pricing-boxes .pricing-box .plan-btn {
    margin-top: 35px;
}

@media (max-width: 767px) {
    .pricing-boxes .pricing-box .plan-btn .main-btn-2 {
        padding: 18px 20px;
    }
}

.pricing-boxes .pricing-box.feature-plan::before {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#005bea),
        to(#00c0fa)
    );
    background: -o-linear-gradient(left, #005bea 0%, #00c0fa 100%);
    background: linear-gradient(to right, #005bea 0%, #00c0fa 100%);
}

/*=======  Call to Action  =======*/
.cta-box {
    background-color: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(7, 28, 31, 0.04);
    box-shadow: 0px 16px 32px rgba(7, 28, 31, 0.04);
    position: relative;
    z-index: 2;
    padding: 80px 0;
}

@media (max-width: 991px) {
    .cta-box {
        padding: 50px 30px;
    }
}

.cta-box.with-illustration-image .illustration-img {
    position: absolute;
    left: -185px;
    bottom: -10px;
    max-width: 635px;
}

@media (max-width: 1600px) {
    .cta-box.with-illustration-image .illustration-img {
        left: -90px;
        max-width: 550px;
    }
}

@media (max-width: 1600px) {
    .cta-box.with-illustration-image .illustration-img {
        left: -50px;
        max-width: 520px;
    }
}

@media (max-width: 1199px) {
    .cta-box.with-illustration-image .illustration-img {
        max-width: 460px;
    }
}

@media (max-width: 991px) {
    .cta-box.with-illustration-image .illustration-img {
        position: static;
        max-width: 100%;
        margin-bottom: 50px;
    }
}

.cta-box-two {
    padding: 50px 0;
    background-image: url(../img/cta.jpg);
    background-size: cover;
    background-position: left center;
    background-size: 68% 100%;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .cta-box-two {
        background-image: none;
        padding: 0;
    }
}

.cta-box-two .cta-text {
    -webkit-box-shadow: 0px 10px 40px rgba(0, 58, 97, 0.15);
    box-shadow: 0px 10px 40px rgba(0, 58, 97, 0.15);
    padding: 70px;
    background-color: #fff;
    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) {
    .cta-box-two .cta-text {
        padding: 40px 30px;
    }
}

@media (max-width: 767px) {
    .cta-box-two .cta-text {
        display: block;
    }
}

.cta-box-two .cta-text .main-btn-2 {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#0160e7),
        to(#04bdef)
    );
    background: -o-linear-gradient(left, #0160e7 0%, #04bdef 100%);
    background: linear-gradient(to right, #0160e7 0%, #04bdef 100%);
}

@media (max-width: 767px) {
    .cta-box-two .cta-text .main-btn-2 {
        margin-top: 30px;
    }
}

@media (max-width: 575px) {
    .cta-box-two .cta-text .main-btn-2 {
        padding: 18px 35px;
        font-size: 15px;
    }
}

/*======= Feature =======*/
.feature-list li {
    float: left;
    width: 50%;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
}

.feature-list li i {
    color: #00cfff;
    margin-right: 15px;
}

.feature-list-two li {
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    padding: 25px 30px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px 20px 1fr;
    grid-template-columns: 50px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 20px;
}

@media (max-width: 575px) {
    .feature-list-two li {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.feature-list-two li:not(:last-child) {
    margin-bottom: 15px;
}

.feature-list-two li i {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(#00299d 0%, #0078ee 100%);
    background: linear-gradient(#00299d 0%, #0078ee 100%);
    font-size: 50px;
    line-height: 1;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.feature-list-two li h5 {
    font-size: 20px;
    letter-spacing: -0.03em;
    margin-bottom: 5px;
}

.features-section.with-pattern {
    position: relative;
    z-index: 1;
}

.features-section.with-pattern::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/shape/features-pattern.png);
    background-position: left top;
    background-repeat: no-repeat;
    opacity: 0.15;
}

.features-section.feature-clippy-section {
    padding-top: 120px;
    padding-bottom: 470px;
    margin-bottom: -320px;
}

/*=======  News =======*/
.news-loop {
    padding-right: 50px;
}

@media (max-width: 991px) {
    .news-loop {
        padding-right: 0;
    }
}

.news-loop .single-news-box {
    position: relative;
    z-index: 1;
}

.news-loop .single-news-box:not(:last-child) {
    margin-bottom: 60px;
}

.news-loop .single-news-box .entry-thumb {
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.news-loop .single-news-box .entry-meta {
    margin-bottom: 20px;
}

.news-loop .single-news-box .entry-meta li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.news-loop .single-news-box .entry-meta li,
.news-loop .single-news-box .entry-meta li a {
    color: #8a8a8a;
}

.news-loop .single-news-box .entry-meta li a:hover {
    color: #277eff;
}

.news-loop .single-news-box .entry-meta li:not(:last-child) {
    margin-right: 40px;
}

.news-loop .single-news-box .entry-meta li i {
    color: #277eff;
    margin-right: 5px;
}

.news-loop .single-news-box .entry-meta li.social-share {
    float: right;
}

@media (max-width: 575px) {
    .news-loop .single-news-box .entry-meta li.social-share {
        float: none;
    }
}

.news-loop .single-news-box .entry-meta li.social-share span {
    margin-right: 20px;
}

.news-loop .single-news-box .entry-meta li.social-share i {
    margin: 0;
}

.news-loop .single-news-box .entry-meta li.social-share a {
    padding: 0 5px;
}

.news-loop .single-news-box .entry-title {
    font-size: 30px;
    letter-spacing: -0.03em;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .news-loop .single-news-box .entry-title {
        font-size: 24px;
    }
}

.news-loop .single-news-box .entry-title a:hover {
    color: #277eff;
}

.news-loop .single-news-box .excerpt {
    color: #8a8a8a;
    margin: 0;
}

.news-loop .single-news-box .read-more-btn {
    margin-top: 30px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    border-radius: 5px;
    line-height: 1.5;
}

.news-loop .single-news-box.video-post .popup-video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: #f86e03;
    color: #fff;
    text-align: center;
    line-height: 102px;
    font-size: 18px;
}

@media (max-width: 575px) {
    .news-loop .single-news-box.video-post .popup-video {
        height: 60px;
        width: 60px;
        line-height: 60px;
        font-size: 15px;
    }
}

.news-loop .single-news-box.video-post .popup-video:hover {
    background-color: #277eff;
    color: #fff;
}

.news-loop .single-news-box.quote-post {
    padding: 50px;
    background-color: #ef5b51;
}

@media (max-width: 575px) {
    .news-loop .single-news-box.quote-post {
        padding: 30px;
    }
}

.news-loop .single-news-box.quote-post .entry-title {
    margin: 0;
    font-size: 28px;
}

@media (max-width: 767px) {
    .news-loop .single-news-box.quote-post .entry-title {
        font-size: 22px;
    }
}

.news-loop .single-news-box.quote-post .entry-title,
.news-loop .single-news-box.quote-post .entry-title a {
    color: #fff;
}

.news-loop .single-news-box.quote-post .quote-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
    color: #fff;
    font-size: 120px;
    line-height: 1;
    opacity: 0.07;
}

.news-loop .single-news-box.no-thumb-post {
    border: 1px solid #e9e9e9;
    padding: 40px 30px;
}

.news-details {
    padding-right: 50px;
    color: #8a8a8a;
}

@media (max-width: 991px) {
    .news-details {
        padding-right: 0;
    }
}

.news-details .entry-thumb {
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
}

.news-details .entry-meta {
    margin-bottom: 20px;
}

.news-details .entry-meta li {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
}

.news-details .entry-meta li,
.news-details .entry-meta li a {
    color: #8a8a8a;
}

.news-details .entry-meta li a:hover {
    color: #277eff;
}

.news-details .entry-meta li:not(:last-child) {
    margin-right: 40px;
}

.news-details .entry-meta li i {
    color: #277eff;
    margin-right: 5px;
}

.news-details .entry-meta li.social-share {
    float: right;
}

@media (max-width: 575px) {
    .news-details .entry-meta li.social-share {
        float: none;
    }
}

.news-details .entry-meta li.social-share span {
    margin-right: 20px;
}

.news-details .entry-meta li.social-share i {
    margin: 0;
}

.news-details .entry-meta li.social-share a {
    padding: 0 5px;
}

.news-details .entry-title {
    font-size: 30px;
    letter-spacing: -0.03em;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 1.4;
}

@media (max-width: 767px) {
    .news-details .entry-title {
        font-size: 24px;
    }
}

.news-details .entry-title a:hover {
    color: #277eff;
}

.news-details blockquote {
    font-size: 20px;
    padding-left: 35px;
    margin: 30px 0;
    line-height: 1.5;
    color: #252424;
    position: relative;
}

@media (max-width: 575px) {
    .news-details blockquote {
        font-size: 18px;
    }
}

.news-details blockquote cite {
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    color: #252424;
    display: block;
}

.news-details blockquote::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 5px;
    background-color: #277eff;
}

.news-details .tags li {
    display: inline-block;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
}

span.tags-links {
    color: #252424;
    font-weight: 700;
}
news-area .news-footer {
    margin-top: 30px;
}
span.tags-links a {
    display: inline-block;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #8a8a8a;
    font-weight: 400;
}
span.edit-link {
    display: block;
}
.news-details .tags li a {
    color: #8a8a8a;
}

.news-details .post-nav {
    padding: 30px 0 60px;
}

.news-details .post-nav .prev-post a,
.news-details .post-nav .next-post a {
    font-size: 20px;
    font-weight: 700;
    color: #252424;
    line-height: 1.4;
    padding: 20px 30px;
    display: block;
    background-color: #f2f7f9;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-top: 30px;
}

.news-details .post-nav .prev-post a::after,
.news-details .post-nav .prev-post a::before,
.news-details .post-nav .next-post a::after,
.news-details .post-nav .next-post a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #f2f7f9;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.news-details .post-nav .prev-post a::before,
.news-details .post-nav .next-post a::before {
    background-color: #277eff;
    opacity: 0;
    visibility: hidden;
}

.news-details .post-nav .prev-post a:hover,
.news-details .post-nav .next-post a:hover {
    color: #fff;
}

.news-details .post-nav .prev-post a:hover::after,
.news-details .post-nav .next-post a:hover::after {
    opacity: 0;
    visibility: hidden;
}

.news-details .post-nav .prev-post a:hover:before,
.news-details .post-nav .next-post a:hover:before {
    visibility: visible;
    opacity: 0.9;
}

.comment-template .template-title, .comment-reply-title{
    font-size: 30px;
    letter-spacing: -0.03em;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 40px;
    position: relative;
}

.comment-template .template-title::after,
.comment-template .template-title::before,
.comment-reply-title::after,
.comment-reply-title::before{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 3px;
    background-color: #277eff;
    width: 10px;
    border-radius: 1.5px;
}
p.comment-form-cookies-consent {
    display: none;
}
.comment-template .template-title::after, .comment-reply-title::after{
    width: 25px;
    left: 18px;
}
.logged-in-as a {
    color: #252424;
    font-weight: 500;
    margin-bottom: 10px;
}
.form-submit input[type="submit"] {
    margin-top: 30px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: -webkit-gradient( linear, left top, right top, from(#00299d), to(#0078ee) );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    border-radius: 5px;
    line-height: 1.5;
    width: auto;
    height: auto;
}
.comment-template .comment-list {
    margin-bottom: 70px;
}

.comment-template .comment-list li{
    margin-bottom: 40px;
}

.comment-template .comment-list li .comment-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 575px) {
    .comment-template .comment-list li .comment-content {
        display: block;
    }
}

.comment-template .comment-list li .avatar {
    width: 100px;
    -ms-flex-wrap: 0 0 100px;
    flex-wrap: 0 0 100px;
}

.comment-template .comment-list li .avatar img {
    border-radius: 50%;
}

.comment-template .comment-list li .desc {
    width: calc(100% - 100px);
    -ms-flex-wrap: 0 0 calc(100% - 100px);
    flex-wrap: 0 0 calc(100% - 100px);
    padding-left: 30px;
}

@media (max-width: 575px) {
    .comment-template .comment-list li .desc {
        padding-left: 0;
        padding-top: 30px;
        width: 100%;
    }
}

.comment-template .comment-list li .name {
    font-size: 18px;
    margin-bottom: 15px;
}

.comment-template .comment-list li .name .date {
    font-size: 16px;
    font-weight: 500;
    color: #277eff;
    margin-left: 20px;
}

.comment-template .comment-list .reply-btn a{
    font-size: 16px;
    font-weight: 700;
    color: #8a8a8a;
    margin-top: 5px;
}

.comment-template .comment-list .reply-btn a:hover {
    color: #252424;
}

.comment-template .comment-list .children {
    padding-left: 50px;
}

.comment-template .comment-list .children li:first-child {
    margin-top: 40px;
}

.comment-template .comment-form button {
    margin-top: 30px;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    border-radius: 5px;
    line-height: 1.5;
}

.news-pagination {
    margin-top: 50px;
}

.news-pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news-pagination ul li {
    margin-top: 10px;
}

.news-pagination ul li:not(:last-child) {
    margin-right: 10px;
}

.news-pagination ul a, .news-pagination ul .current {
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 58px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    color: #788eb3;
    font-size: 18px;
}

@media (max-width: 575px) {
    .news-pagination ul a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 15px;
    }
}

.news-pagination ul .current,
.news-pagination ul a:hover {
    background: #ef5b51;
    -webkit-filter: drop-shadow(0px 10px 50px rgba(239, 91, 81, 0.78));
    filter: drop-shadow(0px 10px 50px rgba(239, 91, 81, 0.78));
    color: #fff;
    border-color: #ef5b51;
}

@media (max-width: 991px) {
    .news-sidebar {
        margin-top: 50px;
    }
}

.news-sidebar .widget {
    background-color: #eef3f9;
    padding: 30px;
}

.news-sidebar .widget:not(:last-child) {
    margin-bottom: 40px;
}

.news-sidebar .widget .widget-title {
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
}

.news-sidebar .widget .widget-title::after,
.news-sidebar .widget .widget-title::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    background-color: #277eff;
    width: 10px;
}

.news-sidebar .widget .widget-title::after {
    width: 25px;
    left: 18px;
}
.widget.widget_search input {
    border: none;
}
.news-sidebar .widget.widget_search {
    padding: 0;
}

.news-sidebar .widget.widget_search form {
    position: relative;
}

.news-sidebar .widget.widget_search form input {
    background-color: #eef3f9;
}

.news-sidebar .widget.widget_search form button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    color: #277eff;
    background-color: transparent;
}

.news-sidebar .widget.recent-news-widget li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-sidebar .widget.recent-news-widget li:not(:last-child) {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}

.news-sidebar .widget.recent-news-widget .thumb a{
    width: 70px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    display: block;
    height: 70px;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
}

.news-sidebar .widget.recent-news-widget .thumb img {
    border-radius: 50%;
}

.news-sidebar .widget.recent-news-widget .desc {
    padding-left: 20px;
}

.news-sidebar .widget.recent-news-widget .desc h6 {
    font-size: 18px;
    margin-bottom: 5px;
}

.news-sidebar .widget.recent-news-widget .desc .date {
    font-size: 14px;
    color: #8a8a8a;
}

.news-sidebar .widget.widget_categories a,
.news-sidebar .widget.widget_pages a,
.news-sidebar .widget.widget_archive a,
.news-sidebar .widget.widget_meta a,
.news-sidebar .widget.widget_nav_menu a,
.news-sidebar .widget.widget_recent_comments a,
.widget.widget_recent_entries a{
    color: #8a8a8a;
    display: block;
}
.widget.widget_text img {
    height: auto;
    margin: 10px 0;
}
.news-sidebar .widget a span.itemcount{
    float: right;
}

.news-sidebar .widget.widget_categories a:hover,
.news-sidebar .widget.widget_pages a:hover,
.news-sidebar .widget.widget_archive a:hover,
.news-sidebar .widget.widget_meta a:hover, 
.news-sidebar .widget.widget_nav_menu a:hover,
.news-sidebar .widget.widget_recent_comments a:hover{
    color: #277eff;
}

.news-sidebar .widget.widget_categories li:not(:last-child),
.news-sidebar .widget.widget_pages li:not(:last-child),
.news-sidebar .widget.widget_archive li:not(:last-child),
.news-sidebar .widget.widget_meta li:not(:last-child),
.news-sidebar .widget.widget_nav_menu li:not(:last-child),
.news-sidebar .widget.widget_recent_comments li:not(:last-child){
    margin-bottom: 5px;
}

.news-sidebar .widget.widget_tag_cloud a {
    background-color: #fff;
    color: #8a8a8a;
    font-size: 16px !important;
    padding: 5px 15px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.news-sidebar .widget.widget_tag_cloud a:hover {
    background-color: #277eff;
    color: #fff;
}

.news-sidebar .widget.tags-widget ul {
    margin: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.news-sidebar .widget.tags-widget ul li {
    padding: 5px;
}

.news-sidebar .widget.cta-widget {
    padding: 110px 40px;
    text-align: center;
    position: relative;
    z-index: 1;
    background-size: cover;
    background-position: center;
}

.news-sidebar .widget.cta-widget::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: #277eff;
    opacity: 0.85;
}

.news-sidebar .widget.cta-widget .title {
    font-size: 48px;
    letter-spacing: -0.03em;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
}

.news-sidebar .widget.cta-widget p {
    color: #fff;
}

.news-sidebar .widget.cta-widget .cta-btn {
    background-color: #f86e03;
    padding: 15px 45px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 30px;
    margin-top: 35px;
}

@media (max-width: 1199px) {
    .news-sidebar .widget.cta-widget .cta-btn {
        padding: 15px 30px;
    }
}

.news-sidebar .widget.cta-widget .cta-btn i {
    position: relative;
    top: 1px;
    margin-left: 10px;
}

.news-sidebar .widget.cta-widget .cta-btn:hover {
    background-color: #fff;
    color: #252424;
}
section.no-results.not-found .page-header .page-title {
    margin-bottom: 10px;
}

section.no-results.not-found .page-content p {
    margin-bottom: 25px;
}

section.no-results.not-found .page-content input {
    width: 85%;
    padding: 8px 15px;
    height: auto;
}

section.no-results.not-found .page-content button[type="submit"] {
    background: -webkit-gradient( linear, left top, right top, from(#00299d), to(#0078ee) );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    padding: 9px 35px;
    color: #fff;
}
.widget.widget_calendar table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.widget.widget_calendar table th, .widget.widget_calendar table td {
    padding: .25em;
    border: 1px solid #ebedef;
}
.news-sidebar .widget.widget_nav_menu li ul li {
    padding-left: 10px;
}
.widget.widget_rss ul li:not(:last-child) {
    margin-bottom: 14px;
}

.widget.widget_rss ul li cite {
    color: #000;
    display: block;
    margin-top: 15px;
}
.news-sidebar .widget.widget_search .widget-title {
    display: none;
}
.widget.widget_recent_comments ul li:not(:last-child),
.widget.widget_recent_entries ul li:not(:last-child){
    margin-bottom: 15px !important;
}
.widget.widget_text strong {
    margin-bottom: 10px;
    display: block;
}
/*======= FAQ/Accordion =======*/
.accordion-style-one .card {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    display: block;
    overflow: visible;
}

.accordion-style-one .card:not(:last-child) {
    margin-bottom: 30px;
}

.accordion-style-one .card .card-header {
    padding: 0;
    border: none;
    margin: 0;
}

.accordion-style-one .card .card-header .count,
.accordion-style-one .card .card-header .icons {
    width: 40px;
    height: 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    background-color: #fff;
    color: #fff;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    margin-right: 30px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

@media (max-width: 767px) {
    .accordion-style-one .card .card-header .count,
    .accordion-style-one .card .card-header .icons {
        margin-right: 20px;
    }
}

@media (max-width: 575px) {
    .accordion-style-one .card .card-header .count,
    .accordion-style-one .card .card-header .icons {
        height: 30px;
        width: 30px;
        font-size: 14px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
        flex: 0 0 30px;
        line-height: 30px;
        margin-right: 10px;
    }
}

.accordion-style-one .card .card-header .count::before,
.accordion-style-one .card .card-header .icons::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0160e7),
        to(#04bdef)
    );
    background: -o-linear-gradient(#0160e7 0%, #04bdef 100%);
    background: linear-gradient(#0160e7 0%, #04bdef 100%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 50%;
}

.accordion-style-one .card .card-header .icons {
    margin-left: auto;
    margin-right: 0;
}

.accordion-style-one .card .card-header h4 {
    font-size: 24px;
    padding: 20px 30px;
    background-color: #fff;
    font-weight: 400;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 58, 97, 0.15);
    box-shadow: 0px 5px 30px rgba(0, 58, 97, 0.15);
}

.accordion-style-one .card .card-header h4::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#0160e7),
        to(#04bdef)
    );
    background: -o-linear-gradient(left, #0160e7 0%, #04bdef 100%);
    background: linear-gradient(to right, #0160e7 0%, #04bdef 100%);
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px 5px 0px 0px;
}

@media (max-width: 991px) {
    .accordion-style-one .card .card-header h4 {
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .accordion-style-one .card .card-header h4 {
        font-size: 20px;
        padding: 20px;
    }
}

@media (max-width: 575px) {
    .accordion-style-one .card .card-header h4 {
        font-size: 18px;
        padding: 20px;
    }
}

.accordion-style-one .card .card-header h4.active-accordion {
    border-radius: 5px 5px 0px 0px;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.accordion-style-one .card .card-header h4.active-accordion::before {
    opacity: 1;
    visibility: visible;
}

.accordion-style-one .card .card-header h4.active-accordion .count,
.accordion-style-one .card .card-header h4.active-accordion .icons {
    color: #277eff;
}

.accordion-style-one .card .card-header h4.active-accordion .count::before,
.accordion-style-one .card .card-header h4.active-accordion .icons::before {
    opacity: 0;
    visibility: hidden;
}

.accordion-style-one .card .card-body {
    background-color: #eef3f9;
    padding: 30px;
}

@media (max-width: 767px) {
    .accordion-style-one .card .card-body {
        padding: 20px;
    }
}

.accordion-style-two .card {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 0px 5px 30px rgba(0, 58, 97, 0.15);
    box-shadow: 0px 5px 30px rgba(0, 58, 97, 0.15);
    background-color: #fff;
}

.accordion-style-two .card:not(:last-child) {
    margin-bottom: 20px;
}

.accordion-style-two .card .card-header {
    padding: 0;
    border: none;
    margin: 0;
}

.accordion-style-two .card .card-header h4 {
    font-size: 24px;
    padding: 20px 30px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    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 (min-width: 992px) and (max-width: 1199px) {
    .accordion-style-two .card .card-header h4 {
        font-size: 20px;
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .accordion-style-two .card .card-header h4 {
        font-size: 20px;
        padding: 20px;
    }
}

@media (max-width: 575px) {
    .accordion-style-two .card .card-header h4 {
        font-size: 18px;
    }
}

.accordion-style-two .card .card-header h4 .icons {
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0160e7),
        to(#04bdef)
    );
    background: -o-linear-gradient(#0160e7 0%, #04bdef 100%);
    background: linear-gradient(#0160e7 0%, #04bdef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 30px;
    text-align: right;
}

.accordion-style-two .card .card-body {
    padding: 0 30px 30px;
    color: #666666;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .accordion-style-two .card .card-body {
        padding: 0 20px 20px;
    }
}

@media (max-width: 767px) {
    .accordion-style-two .card .card-body {
        padding: 0 20px 20px;
    }
}

.accordion-style-three .card {
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    background-color: #f2f7f9;
}

.accordion-style-three .card:not(:last-child) {
    margin-bottom: 20px;
}

.accordion-style-three .card .card-header {
    padding: 0;
    border: none;
    margin: 0;
}

.accordion-style-three .card .card-header h4 {
    font-size: 20px;
    padding: 14px 30px;
    background-color: transparent;
    cursor: pointer;
    border-radius: 0;
    background-color: #f2f7f9;
    color: #616161;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    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;
}

.accordion-style-three .card .card-header h4 .icons {
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    width: 10px;
    text-align: right;
}

@media (max-width: 767px) {
    .accordion-style-three .card .card-header h4 {
        font-size: 16px;
        padding: 14px 20px;
    }
}

.accordion-style-three .card .card-header h4.active-accordion {
    background-color: #277eff;
    color: #fff;
}

.accordion-style-three .card .card-body {
    padding: 30px;
    color: #929394;
}

@media (max-width: 767px) {
    .accordion-style-three .card .card-body {
        padding: 20px;
    }
}

.faq-img {
    margin-left: -15px;
}

@media (max-width: 991px) {
    .faq-img {
        margin-left: 0;
        margin-bottom: 50px;
    }
}

/*======= Breadcrumb =======*/
.breadcrumb-section {
    padding: 100px 0;
    background-color: #f6f6f6;
    background-image: url(../img/illustrations/breadcrumb-bg.jpg);
    background-position: center;
    background-size: cover;
}
.breadcrumb-section.no-padding{
    padding: 0;
    background: transparent;
}
.breadcrumb-section .page-title-tag {
    font-size: 16px;
    font-weight: 700;
    color: #999999;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .breadcrumb-section .page-title-tag {
        font-size: 14px;
    }
}

.breadcrumb-section .title {
    font-size: 60px;
    letter-spacing: -0.03em;
}

@media (max-width: 991px) {
    .breadcrumb-section .title {
        font-size: 48px;
    }
}

@media (max-width: 767px) {
    .breadcrumb-section .title {
        font-size: 38px;
    }
}

.breadcrumb-section .breadcrumb-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: centere;
    -ms-flex-align: centere;
    align-items: centere;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (max-width: 575px) {
    .breadcrumb-section .breadcrumb-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 20px;
    }
}

.breadcrumb-section .breadcrumb-nav li {
    font-size: 16px;
    font-weight: 700;
}

.breadcrumb-section .breadcrumb-nav li,
.breadcrumb-section .breadcrumb-nav li a {
    color: #999999;
}

.breadcrumb-section .breadcrumb-nav li:not(:last-child) {
    margin-right: 5px;
}

.breadcrumb-section .breadcrumb-nav li:last-child {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#0160e7),
        to(#04bdef)
    );
    background: -o-linear-gradient(#0160e7 0%, #04bdef 100%);
    background: linear-gradient(#0160e7 0%, #04bdef 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*======= Contact =======*/
.contact-maps {
    width: 100%;
    height: 720px;
}

@media (max-width: 991px) {
    .contact-maps {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .contact-maps {
        height: 400px;
    }
}

.contact-maps iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.contact-info-boxes .info-box .icon {
    height: 140px;
    width: 140px;
    text-align: center;
    line-height: 140px;
    border-radius: 50%;
    -webkit-filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.02));
    filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.02));
    background-color: #fff;
    font-size: 50px;
    color: #277eff;
    position: relative;
    z-index: 1;
    margin: 0 auto -70px;
}

@media (max-width: 767px) {
    .contact-info-boxes .info-box .icon {
        height: 100px;
        width: 100px;
        line-height: 100px;
        margin-bottom: -50px;
        font-size: 35px;
    }
}

.contact-info-boxes .info-box .desc {
    background-color: #f9f9f9;
    padding: 115px 45px 45px;
    text-align: center;
    line-height: 1.6;
}

@media (max-width: 1199px) {
    .contact-info-boxes .info-box .desc {
        padding: 115px 25px 45px;
    }
}

@media (max-width: 767px) {
    .contact-info-boxes .info-box .desc {
        padding: 85px 25px 45px;
    }
}

.contact-info-boxes .info-box .desc .title {
    font-size: 24px;
    margin-bottom: 15px;
}

.contact-info-boxes .info-box .desc a {
    color: #616161;
}

.contact-info-boxes .info-box .desc a:hover {
    color: #277eff;
}

.contact-form {
    padding: 70px;
    -webkit-box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 30px 60px rgba(0, 0, 0, 0.04);
    background-color: #fff;
    position: relative;
    margin-right: 45px;
}

@media (max-width: 1199px) {
    .contact-form {
        margin-right: 20px;
        padding: 50px;
    }
}

@media (max-width: 991px) {
    .contact-form {
        margin-right: 0;
        margin-bottom: 50px;
    }
}

@media (max-width: 575px) {
    .contact-form {
        padding: 30px;
    }
}

.contact-form .title {
    font-size: 40px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .contact-form .title {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .contact-form .title {
        font-size: 24px;
    }
}

.contact-form .title-tag {
    font-size: 16px;
    font-weight: 700;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 5px;
}

.contact-form input,
.contact-form textarea {
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #f1f1f1;
    height: 50px;
    padding: 0;
    font-weight: 500;
}

.contact-form ::-webkit-input-placeholder {
    color: #999999;
}

.contact-form ::-moz-placeholder {
    color: #999999;
}

.contact-form :-ms-input-placeholder {
    color: #999999;
}

.contact-form ::-ms-input-placeholder {
    color: #999999;
}

.contact-form input,
.contact-form textarea,
.contact-form ::placeholder {
    color: #999999;
}

.contact-form textarea {
    height: 130px;
    padding-top: 10px;
}

.contact-form::before {
    content: "";
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 20px;
    font-size: 30px;
    color: #dadada;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.contact-form button {
    padding: 16px 50px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    margin-top: 10px;
    position: relative;
    z-index: 1;
    background-color: #277eff;
}

@media (max-width: 575px) {
    .contact-form button {
        padding: 15px 35px;
    }
}

.contact-form button::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
}

.contact-form button:hover::after {
    visibility: hidden;
    opacity: 0;
}

.contact-form-text .section-title .title {
    font-size: 30px;
}

@media (max-width: 1199px) {
    .contact-form-text .section-title .title {
        font-size: 26px;
    }
}

@media (max-width: 575px) {
    .contact-form-text .section-title .title {
        font-size: 24px;
    }
}

/*======= Footer =======*/
.common-footer {
    position: relative;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    padding-top: 150px;
    padding-bottom: 30px;
    z-index: 1;
}

footer .footer-widgets {
    padding-bottom: 50px;
}

footer .widget {
    margin-bottom: 50px;
}

footer .widget-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 35px;
}

@media (max-width: 991px) {
    footer .widget-title {
        margin-bottom: 25px;
    }
}

footer .about-widget .logo {
    margin-bottom: 35px;
}

footer .about-widget p {
    color: #b2ceff;
}
.about-widget img {
    margin-bottom: 35px;
}
footer .social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}

footer .social-link a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}

@media (max-width: 1199px) {
    footer .social-link a {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
}

footer .social-link a:hover {
    background-color: #277eff;
}

footer .nav-widget a {
    color: #b2ceff;
    font-weight: 500;
    font-size: 16px;
}
.app-info li {
    margin-top: 10px;
}
.app-info img {
    border-radius: 5px;
}
.footer-widgets .col-lg-3, 
.footer-widgets .col-lg-4{
    margin-bottom: 50px;
}
footer .nav-widget a:hover {
    color: #fff;
    padding-left: 5px;
}

footer .nav-widget li:not(:last-child) {
    margin-bottom: 10px;
}

footer .copyright-area {
    padding-top: 30px;
    border-top: 2px solid rgba(255, 255, 255, 0.1);
    color: #b2ceff;
    font-weight: 500;
}

footer .copyright-area a {
    color: #fff;
    font-weight: 700;
}

footer.style-one {
    background-size: cover;
    background-position: center top;
}

footer.style-two {
    background: #fff;
}

footer.style-two::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
}

footer.style-two .widget-title {
    color: #252424;
}

footer.style-two .about-widget p {
    color: #788eb3;
}

footer.style-two .social-link a {
    background: #f2f7f9;
    border-radius: 50%;
    color: #252424;
}

footer.style-two .social-link a:hover {
    background-color: #00cfff;
    color: #fff;
}

footer.style-two .nav-widget a {
    color: #788eb3;
}

footer.style-two .nav-widget a:hover {
    color: #00cfff;
}

footer.style-two .copyright-area {
    border-color: #f2f7f9;
    color: #788eb3;
}

footer.style-two .copyright-area a {
    color: #00cfff;
}

footer.style-three {
    background: #fff;
}

footer.style-three::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center top;
}

footer.style-three .widget-title {
    color: #fff;
}

footer.style-three .about-widget p {
    color: rgba(255, 255, 255, 0.6);
}

footer.style-three .about-widget .social-link a {
    background: #6197dc;
    border-radius: 50%;
    color: #fff;
    position: relative;
    z-index: 1;
}

footer.style-three .about-widget .social-link a::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
    opacity: 0;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#00299d),
        to(#0078ee)
    );
    background: -o-linear-gradient(left, #00299d 0%, #0078ee 100%);
    background: linear-gradient(to right, #00299d 0%, #0078ee 100%);
    border-radius: 50%;
}

footer.style-three .about-widget .social-link a:hover::after {
    visibility: visible;
    opacity: 1;
}

footer.style-three .nav-widget a {
    color: rgba(255, 255, 255, 0.6);
}

footer.style-three .nav-widget a:hover {
    color: #fff;
}

footer.style-three .copyright-area {
    border-color: rgba(242, 247, 249, 0.1);
    color: #a3bdeb;
}

footer.style-three .copyright-area a {
    color: #fff;
}

.back-to-top {
    position: absolute;
    top: -60px;
    right: 6%;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    z-index: 5;
    background-color: #fff;
    -webkit-box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 16px 32px rgba(0, 0, 0, 0.08);
    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: 991px) {
    .back-to-top {
        height: 100px;
        width: 100px;
        top: -20px;
    }
}

@media (max-width: 767px) {
    .back-to-top {
        height: 80px;
        width: 80px;
        top: 0;
    }
}

.back-to-top i {
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background-color: #277eff;
    font-size: 24px;
}

@media (max-width: 767px) {
    .back-to-top i {
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
}

/* 404 */
.error-info img {
    max-width: 550px;
    margin-bottom: 50px;
}

.error-info h1 {
    font-size: 50px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .about-text .aboout-tabs .nav .nav-item .nav-link {
        padding: 15px 20px;
    }
    .elementor-6 .elementor-element.elementor-element-c40ab34 .about-text .aboout-tabs .nav .nav-item .nav-link{
        font-size: 12px;
    }
}
@media (min-width: 700px) and (max-width: 992px) {
    .about-text .aboout-tabs .nav .nav-item .nav-link {
        padding: 15px 18px;
    }
}