@import 'css2-Jostitalwght010002000300040005000600070008000900110012001300140015001600170018001900_swap.css';
@import 'css2-Rubikitalwght03000400050006000700080009001300140015001600170018001900_swap.css';

html,
body {
    margin: 0;
    padding: 0
}

body {
    font-family: jost, sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #565872;
    letter-spacing: 0;
    font-weight: 400;
    word-break: break-word
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #181818;
    font-weight: 700;
    letter-spacing: 0;
    margin: 0 0 15px;
    line-height: 1.5
}

.rubik {
    font-family: rubik, sans-serif
}

a {
    color: #181818;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

a:hover {
    color: #0866ff;
    text-decoration: none
}

a:focus {
    outline: 0;
    text-shadow: none;
    box-shadow: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

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

.rt-btn {
    display: inline-block;
    height: 50px;
    font-size: 15px;
    font-family: rubik, sans-serif;
    line-height: .8;
    color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    text-align: center;
    text-transform: capitalize;
    font-weight: 500;
    background: #0866ff;
    padding: 14px 25px;
    border-radius: 5px;
    z-index: 1;
    cursor: pointer;
    border: none;
    outline: none;
    -webkit-transition: all .4s;
    transition: all .4s
}

.rt-btn:hover {
    color: #fff
}

.rt-btn::before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 0;
    z-index: -1;
    transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;
    -moz-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;
    -webkit-transition: width .3s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #081880;
    border-radius: 5px
}

.rt-btn:hover::before {
    width: 100%;
    left: 0;
    right: auto
}

.rt-btn i {
    font-size: 18px;
    line-height: .8;
    display: inline-block;
    margin: 0 0 0 32px;
    position: relative;
    top: 3px
}

.to_left::before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    right: auto;
    z-index: -1;
    top: 0;
    background: #081880;
    transition: width .4s cubic-bezier(.25, .8, .25, 1) 0s;
    -moz-transition: width .4s cubic-bezier(.25, .8, .25, 1) 0s;
    -webkit-transition: width .4s cubic-bezier(.25, .8, .25, 1) 0s
}

.to_left:hover:before {
    width: 100%;
    left: auto;
    right: 0
}

.to_top::before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
    bottom: auto;
    background: #081880;
    transition: height .4s cubic-bezier(.25, .8, .25, 1) 0s;
    -moz-transition: height .4s cubic-bezier(.25, .8, .25, 1) 0s;
    -webkit-transition: height .4s cubic-bezier(.25, .8, .25, 1) 0s
}

.to_top:hover:before {
    height: 100%;
    top: auto;
    bottom: 0
}

.to_bottom::before {
    content: "";
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    top: auto;
    z-index: -1;
    background: #081880;
    transition: height .4s cubic-bezier(.25, .8, .25, 1) 0s;
    -moz-transition: height .4s cubic-bezier(.25, .8, .25, 1) 0s;
    -webkit-transition: height .4s cubic-bezier(.25, .8, .25, 1) 0s
}

.to_bottom:hover:before {
    height: 100%;
    top: auto;
    top: 0
}

.sub_title {
    font-size: 16px;
    color: #f7531e;
    font-weight: 700;
    line-height: 20px;
    display: inline-block;
    margin: 0 0 20px
}

.sub_title span {
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #f7531e;
    margin: 0 0 0 9px;
    position: relative;
    top: -2px
}

.sec_titles {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 60px
}

.sec_desc {
    line-height: 30px;
    margin: -40px 0 29px
}

body .elementor-widget:not(:last-child) {
    margin-bottom: 0
}

.fishto_heading {
    font-size: 40px;
    line-height: 54px;
    color: #1c1c25;
    margin: 0 0 18px
}

.fishto_heading span {
    color: #1972e0
}

@keyframes halfBounce2 {

    0%,
    100% {
        transform: scale(.9)
    }

    50% {
        transform: scale(1)
    }
}

@-webkit-keyframes rotated {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@keyframes movebounce {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(15px)
    }

    100% {
        transform: translateY(0px)
    }
}

@keyframes zoomBig {
    0% {
        transform: translate(-50%, -50%) scale(.5);
        opacity: 1;
        border-width: 3px
    }

    40% {
        opacity: .5;
        border-width: 2px
    }

    65% {
        border-width: 1px
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
        border-width: 1px
    }
}

@keyframes shadows {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .2), 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 30px rgba(255, 255, 255, .2)
    }

    100% {
        box-shadow: 0 0 0 20px rgba(255, 255, 255, .2), 0 0 0 30px rgba(255, 255, 255, .2), 0 0 0 40px transparent
    }
}

.overlay-anim::before {
    background: rgba(255, 255, 255, .5);
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    right: 51%;
    top: 0;
    opacity: 1;
    pointer-events: none;
    transition: all 500ms linear
}

.overlay-anim:hover::before {
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 500ms linear
}

.overlay-anim::after {
    background: rgba(255, 255, 255, .5);
    bottom: 50%;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    opacity: 1;
    pointer-events: none;
    transition: all 600ms linear
}

.overlay-anim:hover::after {
    top: 0;
    bottom: 0;
    opacity: 0;
    transition: all 600ms linear
}

/* .sub-title {
    font-size: 16px;
    line-height: 20px;
    color: #0866ff;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 17px
}

.sub-title span {
    width: 81px;
    height: 3px;
    display: inline-block;
    background: #0866ff;
    margin-right: 15px;
    position: relative;
    top: -3px
} */

.sec-title {
    font-size: 40px;
    /* line-height: 1px; */
    margin: 0 0 40px;
    font-family: Montserrat;
    font-weight: 700;
    color:#2E2E2E;
}
.sec-title span{
    color:#0360D9;
}
.sec-desc {
    margin: 0 0 30px;
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 25px;
    color:#2E2E2E;
    max-width:600px
}
.about-section-1 .video_image{
    padding-top:0;
}
.about-section-1 .ab-content .learn_more a{
    /* display: block; */
    font-family: IBM Plex Sans;
    font-weight: 500;
    font-size:16px;
    line-height: 26px;
    height:26px;
    color:#0360D9;
    margin-top:36px;
}
.about-section-1 .ab-content .learn_more a::after{
    content:'\2192';
    font-size:20px;
    line-height: 21px;
    display: inline-block;
    margin-left:20px;
    height:21px;
    padding-top:2px;
}
.about-section-1 .ab-content .sec-bg{
    background-image: url(../image/group.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
.topbar {
    position: relative;
    background: #0866ff;
    padding: 11px 0 10px
}

.topinfo {
    position: relative
}

.topinfo p {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-family: rubik, sans-serif;
    font-weight: 500;
    line-height: .8;
    margin: 0 35px 0 0
}

.topinfo p:last-child {
    margin-right: 0
}

.topinfo p a {
    color: inherit
}

.topinfo p i {
    display: inline-block;
    margin-right: 9px;
    font-size: 17px;
    position: relative;
    top: 1px
}

.topbar p i.nss-phone2 {
    top: 4px;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: inline-block
}

.topinfo p i.icon_pin_alt {
    top: 3px
}

.topsocial {
    margin: 0;
    padding: 0;
    float: right;
    display: inline-block
}

.topsocial li {
    list-style: none;
    display: inline-block;
    margin-left: 16px
}

.topsocial li a {
    display: inline-block;
    font-size: 17px;
    color: #f5f5f5
}

.topsocial li a:hover {
    color: #081880
}

.topbar .container-fluid,
header .container-fluid {
    padding-left: 75px;
    padding-right: 75px
}

.header-01 {
    position: relative;
    background: #181818;
    width: 100%;
    z-index: 99
}

.navbar.navbar-expand-lg {
    position: relative;
    margin: 0;
    padding: 0;
    transition: all .3s ease-out
}

.navbar-brand {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center
}

.navbar-brand img {
    max-width: 100%;
    width: 100px;
    height: auto
}

.text-logo {
    display: block;
    font-size: 30px;
    line-height: 30px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0
}

.text-logo:hover {
    color: #5838fc
}

.navbar .navbar-collapse {
    justify-content: center
}

.navbar-expand-lg .navbar-nav {
    position: relative;
    margin: 0;
    padding: 0
}

.navbar-expand-lg .navbar-nav li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 0 0 0 25px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.navbar-expand-lg .navbar-nav li:first-child {
    margin-left: 0
}

.navbar-expand-lg .navbar-nav li>a {
    display: block;
    font-size: 18px;
    line-height: 23px;
    color: #fff;
    font-family: Montserrat, rubik, sans-serif;
    text-transform: capitalize;
    font-weight: 500;
    padding: 40px 15px 37px;
    position: relative
}

.navbar-expand-lg .navbar-nav li.menu-item-has-children>a::before {
    content: "+";
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    text-align: center;
    z-index: 9999;
    font-size: 16px;
    display: block;
    cursor: pointer;
    transform: translateY(-50%)
}

.navbar-expand-lg .navbar-nav .sub-menu li.menu-item-has-children>a::before {
    right: 15px
}

.navbar-expand-lg .navbar-nav li.menu-item-has-children:hover>a::before {
    content: "-"
}

.navbar-expand-lg .navbar-nav li:hover>a {
    color: #0866ff
}

.navbar-expand-lg .navbar-nav li .sub-menu {
    position: absolute;
    left: inherit;
    pointer-events: none;
    top: 100%;
    width: 250px;
    z-index: 100;
    text-align: left;
    margin: 0;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    background: #181818;
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, .05), -2px 0 5px 1px rgba(0, 0, 0, .05);
    box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%), -2px 0 5px 1px rgb(0 0 0/5%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border: none;
    border-radius: 0;
    color: inherit;
    font-size: inherit
}

.navbar-expand-lg .navbar-nav li .sub-menu li {
    display: block;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
    -webkit-transition: all .2s cubic-bezier(.4, .28, .31, 1.28) 0s;
    transition: all .2s cubic-bezier(.4, .28, .31, 1.28) 0s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.navbar-expand-lg .navbar-nav li .sub-menu li a {
    padding: 13px 25px;
    margin: 0;
    color: #fff;
    line-height: 26px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    display: block;
    position: relative
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+2) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+4) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+5) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+6) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+7) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:last-child {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.navbar-expand-lg .navbar-nav li:hover .sub-menu li {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.navbar-expand-lg .navbar-nav li .sub-menu li.current-menu-item>a,
.navbar-expand-lg .navbar-nav li .sub-menu li:hover>a {
    color: #0866ff
}

.navbar-expand-lg .navbar-nav li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    pointer-events: inherit;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.navbar-expand-lg .navbar-nav li .sub-menu li .sub-menu {
    position: absolute;
    left: 110%;
    right: auto;
    top: 0;
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.navbar-expand-lg .navbar-nav li .sub-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    left: calc(100% + 1px);
    pointer-events: inherit
}

.access-btn {
    position: relative;
    margin-left: 0
}

.access-btn .navigator{
    margin-left:0;
    font-family:Manrope;
    font-weight:700;
    color:#fff;
    font-size: 16px;
    line-height: 24px;
    padding:8px 24px;
    background-image: linear-gradient(to bottom right, #A7E2FF, #0095DE);
    border-radius: 4px;
    box-shadow: -8px 8px 28px 0 rgba(0,0,0,0.06);
}

.submenu-toggler {
    display: none
}

.popup_search_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.popup_search_overlay {
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    cursor: url(../image/close.png), auto;
    -webkit-transition: all .4s ease-in .8s;
    -o-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s
}

.popup_search_sec.active .popup_search_overlay {
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    top: 0;
    opacity: 1
}

.pop_search_background {
    background: #000;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 99;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s;
    -o-transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s;
    transition: all .6s cubic-bezier(.9, .03, 0, .96) .7s
}

.popup_search_sec.active .pop_search_background {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s;
    -o-transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s;
    transition: all .5s cubic-bezier(.9, .03, 0, .96) .5s
}

.middle_search {
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2
}

.popup_search_form {
    position: relative
}

.popup_search_form:after {
    -webkit-animation-delay: .8s;
    -moz-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s;
    position: absolute;
    content: '';
    height: 1px;
    background: rgba(255, 255, 255, .25);
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.popup_search_sec.active .popup_search_form:after {
    -webkit-animation-name: fadeInGo;
    animation-name: fadeInGo;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%
}

.popup_search_form:before {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    -moz-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    -webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #0866ff
}

.popup_search_form.focused:before {
    width: 100%;
    left: 0;
    right: auto
}

.popup_search_form input[type=search] {
    width: 100%;
    height: 64px;
    border: none;
    background: 0 0;
    outline: none;
    font-size: 20px;
    line-height: 64px;
    color: #fff;
    font-weight: 500
}

.popup_search_form input[type=search]::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.popup_search_form input[type=search]::-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.popup_search_form input[type=search]::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInGo {
    0% {
        opacity: .1;
        width: 0
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

@keyframes fadeInGo {
    0% {
        opacity: .1;
        width: 0
    }

    100% {
        opacity: 1;
        width: 100%
    }
}

@-webkit-keyframes fadeOutGo {
    0% {
        opacity: 1;
        width: 100%
    }

    100% {
        opacity: 0;
        width: 0
    }
}

@keyframes fadeOutGo {
    0% {
        opacity: 1;
        width: 100%
    }

    100% {
        opacity: 0;
        width: 0
    }
}

@-webkit-keyframes fadeOutGo2 {
    0% {
        opacity: .8;
        width: 100%
    }

    100% {
        opacity: .14;
        width: 0
    }
}

@keyframes fadeOutGo2 {
    0% {
        opacity: .8;
        width: 100%
    }

    100% {
        opacity: .14;
        width: 0
    }
}

.popup_search_form button[type=submit] {
    position: absolute;
    right: 0;
    bottom: 14px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: 0 0;
    color: #fff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
}

.popup_search_form button[type=submit]:hover {
    color: #0866ff
}

.slider-section {
    position: relative;
    overflow: hidden
}

.hero-slider-01 {
    position: relative
}

.single-slide.bg-img {
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 5;
    height: 900px
}

.single-slide.bg-img:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(8, 24, 69, .4)
}

.slider-content {
    position: relative;
    z-index: 9;
    padding: 0
}

.slider-content .sub-title {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    text-transform: inherit;
    font-weight: 500;
    position: relative;
    font-family: Manrope,rubik, sans-serif;
    /* margin-bottom: 22px; */
    max-width:668px;
}

/* .slider-content .sub-title:after {
    position: relative;
    right: -24px;
    top: -3px;
    width: 60px;
    height: 2px;
    background: #f4f4f4;
    content: '';
    display: inline-block
} */

.slider-content h2 {
    font-family: Montserrat;
    font-size: 46px;
    line-height: 54px;
    color: #fff;
    margin: 0 0 38px;
    font-style: oblique;
}
.slider-content h2 span.ban-font{
    background: -webkit-linear-gradient(top, #0179B4, #88D8FF); /* Chrome, Safari */
    background: linear-gradient(to bottom, #0179B4, #88D8FF); /* Standard syntax */
    -webkit-background-clip: text; /* Chrome, Safari */
    background-clip: text;
    -webkit-text-fill-color: #0179B4; /* Chrome, Safari */
    color: #0179B4; /* Standard syntax */
}
.slider-content p {
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    margin: -15px 0 0
}

.slider-content .rt-btn {
    height: 60px;
    padding: 20px 27px
}

.slider-content .to_bottom {
    margin-left: 14px;
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .2);
    color: #ffff
}

.slider-content .to_bottom:hover {
    border-color: #0866ff
}

.slider-content .to_bottom::before {
    background: #0866ff;
    border-radius: 0
}

.slider-section .owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    bottom: 40px;
    z-index: 3;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: none;
}

.slider-section .owl-dots button {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    outline: none;
    position: relative;
    margin: 0 5px;
    background: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.slider-section .owl-dots button.active,
.slider-section .owl-dots button:hover {
    background: #0866ff
}

.owl-carousel .owl-dots button span {
    display: none
}

.slider-section .owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    width: 1140px;
    text-align: right;
    position: absolute;
    outline: none;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.slider-section .owl-carousel .owl-nav button {
    text-align: center;
    z-index: 5;
    font-size: 28px;
    line-height: 54px;
    width: 50px;
    height: 50px;
    margin: 10px 0 5px auto;
    background: #0866ff;
    color: #fff;
    position: relative;
    border: none;
    outline: none;
    z-index: 1;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.slider-section .owl-carousel .owl-nav button:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    background: #081880;
    border-radius: 50%;
    text-align: center;
    width: 0;
    height: 0;
    z-index: -1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.slider-section .owl-carousel .owl-nav button:hover:after {
    width: 100%;
    height: 100%
}

.slider-section .owl-item.active .slider-content .sub-title {
    animation-delay: 1.4s;
    animation-name: fadeInLeft
}

.slider-section .owl-item.active .slider-content h2 {
    animation-delay: 1.7s;
    animation-name: fadeInLeft
}

.slider-section .owl-item.active .slider-content .to_top {
    animation-delay: 1.9s;
    animation-name: fadeInUp
}

.slider-section .owl-item.active .slider-content .to_bottom {
    animation-delay: 2.1s;
    animation-name: fadeInUp
}

.iconbox-section-1 {
    position: relative;
    padding: 0 0 26px;
    margin-top: -210px;
    z-index: 2
}

.box-wrapper {
    position: relative;
    background: #0866ff;
    display: flex;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    padding: 20px 0
}

.box-wrapper .icon-box-1 {
    width: 25%
}

.icon-box-1 {
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .2);
    padding: 34px 15px 0
}

.icon-box-1:last-child {
    border-right: none
}

.ib-icon {
    position: relative;
    margin: 0 0 52px;
    font-size: 62px;
    line-height: 62px;
    color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ib-icon svg {
    max-width: 62px;
    height: auto
}

.icon-box-1 .ib-icon svg {
    fill: #fff
}

.icon-box-1 h5 {
    background: #fff;
    width: calc(100% - 48px);
    font-size: 20px;
    line-height: 30px;
    margin: 0 auto -45px;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.about-section-1,.about-section-3 {
    position: relative;
    padding: 120px 0
}

.video_image {
    position: relative;
    padding: 27px 0 0;
    z-index: 2
}

.video_image img {
    max-width: 100%;
    height: auto;
    border-radius: 29px;
    object-fit: contain;
}

.bgcolor {
    width: 298px;
    height: 536px;
    background: #0866ff;
    border-radius: 29px;
    position: absolute;
    right: 13%;
    top: 0;
    z-index: -1
}

.video_image .popup {
    -webkit-animation: movebounce 3s linear infinite;
    animation: movebounce 3s linear infinite;
    width: 229px;
    height: 229px;
    border: 11px solid #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 34px;
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 120px;
    z-index: 2;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .07);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .07);
    -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .07)
}

.video_image .popup:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    background: rgba(8, 24, 69, .7)
}

.video_image .popup img {
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.video_image .popup i {
    display: inline-block;
    position: absolute;
    left: 0;
    line-height: 206px;
    z-index: 2;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.video_image .popup:hover {
    color: #0866ff
}

.ab-content {
    position: relative
}

.ab-content .sec-title {
    margin-bottom: 15px;
    font-size: 46px;
    line-height: 56px
}

.ab-content .service-item-01 {
    background: 0 0;
    padding: 0 0 0 60px;
    margin: 32px 0 0;
    box-shadow: none
}

.ab-content .service-item-01:after {
    background: 0 0
}

.ab-content .service-item-01 .ib-icon {
    position: absolute;
    width: 48px;
    height: 48px;
    min-width: 48px;
    line-height: 48px;
    font-size: 22px;
    color: #0866ff;
    margin: 0;
    text-align: center;
    left: 0;
    top: -6px;
    border: 2px solid rgba(25, 25, 25, .1);
    border-radius: 50%
}

.ab-content .service-item-01 .ib-icon svg {
    max-width: 22px
}

.ab-content .service-item-01:hover .ib-icon svg path {
    fill: #0866ff
}

.ab-content .service-item-01 h5 {
    font-size: 18px;
    color: #565872;
    line-height: .8;
    font-weight: 400;
    margin: 0 0 1px
}

.ab-content .service-item-01 p {
    font-size: 16px;
    margin: 0;
    color: #081880;
    font-weight: 700
}

.single_skill {
    position: relative;
    margin-bottom: 25px
}

.single_skill h4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 13px
}

.ss_parent {
    position: relative;
    background: #f7f7f7;
    height: 8px;
    width: 100%
}

.ss_parent span {
    position: absolute;
    font-size: 16px;
    line-height: .8;
    margin: 0;
    font-family: rubik, sans-serif;
    color: #181818;
    font-weight: 600;
    right: 0;
    top: -31px
}

.ss_child {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #0866ff
}

.divider {
    margin-bottom: 34px
}

.yearsXP {
    position: relative;
    background: #fff;
    font-family: rubik, sans-serif;
    display: flex;
    padding: 5px 45px;
    border-left: 5px solid #0866ff;
    box-shadow: 0 6px 50px 0 rgba(37, 37, 37, .05);
    -webkit-box-shadow: 0 6px 50px 0 rgba(37, 37, 37, .05);
    -ms-box-shadow: 0 6px 50px 0 rgba(37, 37, 37, .05)
}

.yearsXP h2 {
    font-size: 68px;
    color: #0866ff;
    line-height: 90px;
    min-width: 95px;
    margin: 0 25px 0 0
}

.yearsXP h3 {
    font-size: 15px;
    line-height: 25px;
    color: #081880;
    margin: 21px 0 0
}

.service-section-1 {
    position: relative;
    background: #081880;
    padding: 30px 0 120px
}

.service-item-01 {
    position: relative;
    background: #081860;
    z-index: 1;
    padding: 34px 30px 30px 125px;
    margin: 0 0 30px;
    border-radius: 10px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    box-shadow: 0 6px 50px 0 rgba(37, 37, 37, .05);
    -webkit-box-shadow: 0 6px 50px 0 rgba(37, 37, 37, .05);
    -ms-box-shadow: 0 6px 50px 0 rgba(37, 37, 37, .05)
}

.service-item-01:after {
    content: '';
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    width: 0;
    transition: width .4s cubic-bezier(.25, .8, .25, 1) 0s;
    background: #0866ff
}

.service-item-01:hover:after {
    width: 100%;
    left: 0;
    right: auto
}

.service-item-01 .ib-icon {
    position: absolute;
    left: 30px;
    top: 34px;
    min-width: 62px
}

.service-item-01 .ib-icon svg path {
    fill: #0866ff;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.service-item-01 h3 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 12px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.service-item-01 h3 a {
    color: inherit
}

.service-item-01 h3 a:hover {
    color: #081880
}

.service-item-01 p {
    color: rgba(255, 255, 255, .8);
    margin: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.service-item-01:hover .ib-icon svg path {
    fill: #fff
}

.service-item-01:hover .ib-icon {
    animation: zoomIn .3s linear alternate;
    animation-duration: .5s
}

.bisiness-str {
    position: relative;
    background: #081860;
    border: 2px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    padding: 80px 50px;
    margin-top: 90px
}

.bisiness-str img {
    width: 100%;
    height: auto;
    border-radius: 10px
}

.bisiness-str .sec-title {
    margin: -5px 0 48px
}

.icon-box-2 {
    position: relative;
    margin: 0 0 33px
}

.icon-box-2 .ib-icon {
    background: #0866ff;
    height: 60px;
    width: 60px;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    font-size: 24px;
    line-height: 64px;
    margin: 0 0 17px
}

.icon-box-2 h5 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 5px
}

.icon-box-2 p {
    color: rgba(255, 255, 255, .8);
    margin: 0
}

.bisiness-str .to_bottom {
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .2);
    color: #ffff
}

.bisiness-str .to_bottom:hover {
    border-color: #0866ff
}

.bisiness-str .to_bottom::before {
    background: #0866ff;
    border-radius: 0
}

.client-section {
    background: #f4f4f4;
    position: relative;
    padding: 75px 0 68px
}

.client-slider.owl-carousel .owl-item {
    text-align: center
}

.client-slider.owl-carousel a {
    overflow: hidden;
    display: inline-block;
    position: relative;
    transition: all .3s ease-in-out
}

.client-slider.owl-carousel a img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    min-width: inherit;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

.client-slider.owl-carousel a:hover .normal {
    display: block;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.client-slider.owl-carousel a .hover {
    transition: all .3s ease-in-out;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden
}

.client-slider.owl-carousel a:hover .hover {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    opacity: 3;
    visibility: visible;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%)
}

.portfolio-section-1 {
    position: relative;
    padding: 116px 0 100px
}
.portfolio-section-1 .container-fluid p.protfolio_title{
    font-family: Montserrat;
    font-weight: 700;
    font-size:42px;
    line-height: 125%;
    color:#011632;
    background-image:url(../image/group.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    text-transform:capitalize;
}
.portfolio-section-1 .container-fluid p.protfolio_vice{
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 155%;
    letter-spacing: 1.5%;
    color:#3C4959;
}
.portfolio-section-1 .container-fluid .pro_bnt a{
    padding:15px 40px;
    font-family: General Sans;
    font-weight: 600;
    font-size:16px;
    line-height: 155%;
    letter-spacing: 1.5%;
    color:#fff;
    background-color: #1376F8;
    border-radius: 10px;
    display: block;
    margin-bottom:1rem;
}
.shaf-sizer {
    z-index: -1
}

.shaf-filter {
    margin: 45px 0 55px;
    padding: 0
}

.shaf-filter li {
    list-style: none;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #222;
    font-weight: 700;
    cursor: pointer;
    margin: 0 50px 0 0;
    padding: 0 7px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.shaf-filter li:last-child {
    margin-right: 0
}

.shaf-filter li:before {
    width: 0%;
    height: 2px;
    background: #0866ff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -7px;
    content: '';
    opacity: 0;
    visibility: hidden;
    text-decoration: none;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.shaf-filter li.active:before,
.shaf-filter li:hover:before {
    opacity: 1;
    visibility: visible;
    width: 100%
}

.folio-item-1 {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.folio-item-1 img {
    width: 100%;
    height: auto
}

/* .folio-item-1:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    background: rgba(104, 110, 226, .8)
}

.folio-item-1:hover:after {
    height: 100%;
    opacity: 1;
    visibility: visible
} */

.folio-content {
    width: calc(100% - 30px);
    position: absolute;
    left: 15px;
    bottom: 0;
    z-index: 2;
    background: #fff;
    border-radius: 5px;
    padding: 23px 70px 16px 20px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

.folio-item-1:hover .folio-content {
    bottom: 16px;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.cats {
    position: relative;
    color: #0866ff;
    margin: 0 0 2px
}

.cats a {
    color: inherit;
    display: inline-block
}

.cats a:hover {
    color: #181818
}

.folio-content h5 {
    font-size: 18px;
    margin-bottom: 0
}

.folio-content h5 a {
    color: inherit;
    display: inline-block
}

.folio-content h5 a:hover {
    color: #0866ff
}

.fm-more {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: rgba(104, 110, 226, .1);
    color: #0866ff;
    font-size: 16px;
    border-radius: 3px;
    line-height: 47px;
    text-align: center;
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto
}

.fm-more:hover {
    background: #0866ff;
    color: #fff
}

.cus-col .col-lg-4 {
    padding-right: 10px;
    padding-left: 10px
}

.white {
    color: #fff
}

.team-bg {
    background-color: #081880;
    padding: 116px 0 147px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.team-section-1 {
    position: relative;
    padding: 0 50px;
    background: 0 0;
    margin-top: -80px
}

.team-slider.owl-carousel {
    position: relative
}

.team-slider.owl-carousel .owl-stage-outer {
    height: calc(100% + 60px);
    margin: -30px;
    padding: 30px;
    width: calc(100% + 60px)
}

.team-item-01 {
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
    -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
    -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.tm-thumb {
    position: relative
}

.tm-thumb img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.tm-social {
    position: absolute;
    left: 25px;
    bottom: -22px
}

.tm-social:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44px;
    height: 44px;
    content: '';
    background: #0866ff;
    border-radius: 5px;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

.tm-social:hover:after {
    width: 100%
}

.tm-social a {
    display: inline-block;
    width: 38px;
    height: 44px;
    border: none;
    font-size: 18px;
    color: #fff;
    border-radius: 0;
    line-height: 50px;
    text-align: center;
    position: relative;
    z-index: 3;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8)
}

.tm-social a:hover {
    color: #fff
}

.tm-social a.share {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

.tm-social:hover a.share {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

.tm-social:hover a {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

.tm-content {
    position: relative;
    padding: 40px 25px 20px
}

.tm-content h5 {
    font-size: 20px;
    font-family: rubik, sans-serif;
    font-weight: 500;
    margin-bottom: 2px;
    color: #081880
}

.tm-content h5 a {
    color: inherit
}

.tm-content h5 a:hover {
    color: #0866ff
}

.tm-content p {
    font-size: 17px;
    margin: 0
}

.testimonial-section {
    position: relative;
    padding: 116px 0 120px
}

.ts-item {
    position: relative;
    background: #f4f4f4;
    overflow: hidden;
    border-radius: 10px;
    padding: 55px 30px 33px
}

.ts-item:after {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #0866ff;
    position: absolute;
    right: -80px;
    top: -80px;
    content: ''
}

.ts-item i {
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    position: absolute;
    right: 22px;
    top: 22px;
    z-index: 1
}

.testimonial-slider .ts-item img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 25px
}

.ts-item p {
    margin: 0 0 21px
}

.ts-item h5 {
    font-size: 20px;
    margin: 0 0 0
}

.ts-item span {
    display: block;
    margin: 0
}

.testimonial-slider.owl-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -117px
}

.testimonial-slider.owl-carousel .owl-nav button {
    width: 67px;
    height: 67px;
    background: #0866ff;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    font-size: 18px;
    line-height: 67px;
    margin: 0 0 0 30px;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s
}

.testimonial-slider.owl-carousel .owl-nav button.owl-prev {
    margin-left: 0
}

.testimonial-slider.owl-carousel .owl-nav button.disabled {
    background: rgba(104, 110, 226, .1);
    color: #0866ff
}

.contact-section-1 {
    position: relative;
    background: #f4f4f4;
    padding: 120px 0
}

.contact-section-1 .sec-title {
    margin-bottom: 50px
}

.icon-box-3 {
    position: relative;
    padding-left: 80px;
    padding-right: 30px;
    margin: 0 0 32px
}

.icon-box-3 .ib-icon {
    width: 60px;
    height: 60px;
    background: #0866ff;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 26px;
    line-height: 60px
}

.icon-box-3 h5 {
    font-size: 20px;
    margin: 0 0 6px
}

.icon-box-3 p {
    margin: 0;
    line-height: 26px
}

.contact-form {
    position: relative;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    padding: 65px 60px
}

.iconInput input[type=text],
.iconInput input[type=email],
.iconInput input[type=url],
.iconInput input[type=number],
.iconInput input[type=tel],
.iconInput textarea {
    width: 100%!important;
    height: 70px!important;
    border: 2px solid rgba(8, 24, 69, .2)!important;
    background: 0 0!important;
    border-radius: 0!important;
    outline: none!important;
    font-size: 18px!important;
    line-height: 70px!important;
    color: rgba(8, 24, 69, .8)!important;
    border-radius: 5px!important;
    padding: 0 20px!important;
    margin: 0 0 18px!important;
}

.contact-form textarea,
.iconInput textarea {
    height: 280px!important;
    resize: none!important;
    padding-top: 13px!important;
    line-height: 28px!important;
    margin-bottom: 21px!important;
}

.iconInput input[type=text]::-moz-placeholder,
.iconInput input[type=email]::-moz-placeholder,
.iconInput input[type=url]::-moz-placeholder,
.iconInput input[type=number]::-moz-placeholder,
.iconInput textarea::-moz-placeholder {
    color: rgba(8, 24, 69, .8);
    opacity: 1
}

.iconInput input[type=text]::-ms-input-placeholder,
.iconInput input[type=email]::-ms-input-placeholder,
.iconInput input[type=url]::-ms-input-placeholder,
.iconInput input[type=number]::-ms-input-placeholder,
.iconInput textarea::-ms-input-placeholder {
    color: rgba(8, 24, 69, .8);
    opacity: 1
}

.iconInput input[type=text]::-webkit-input-placeholder,
.iconInput input[type=email]::-webkit-input-placeholder,
.iconInput input[type=url]::-webkit-input-placeholder,
.iconInput input[type=number]::-webkit-input-placeholder,
.iconInput textarea::-webkit-input-placeholder {
    color: rgba(8, 24, 69, .8);
    opacity: 1
}
#wpforms-259{
    margin:0 auto;
}
input[type=checkbox] {
    visibility: hidden;
    opacity: 0;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    display: none
}

input[type=checkbox]~label {
    position: relative;
    padding-left: 30px;
    color: rgba(255, 255, 255, .8);
    font-size: 16px;
    cursor: pointer;
    display: block;
    margin: 16px 0 0
}

input[type=checkbox]~label:before {
    content: '';
    font-family: nss-theme;
    position: absolute;
    left: 0;
    top: 4px;
    background: 0 0;
    border: 2px solid #fff;
    height: 20px;
    width: 20px;
    line-height: 17px;
    text-align: center;
    font-size: 11px;
    border-radius: 5px
}

input[type=checkbox]:checked~label:before {
    content: "\f024";
    color: #fff
}

.contact-form button,
.contact-form input[type=submit] {
    display: inline-block!important;
    height: 60px!important;
    font-size: 18px!important;
    color: #fff!important;
    border: none!important;
    text-align: center!important;
    text-transform: capitalize!important;
    font-weight: 500!important;
    background: #0866ff!important;
    width: 100%!important;
    border-radius: 3px!important;
    outline: none!important;
    -webkit-transition: all .4s!important;
    -moz-transition: all .4s!important;
    transition: all .4s!important;
}

.contact-form input[type=submit]:hover {
    background: #081880
}

.rt_loader {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 15px;
    text-align: center;
    display: none
}

.con_message {
    display: block;
    width: 100%;
    display: none;
    border-radius: 0;
    border-width: 2px;
    margin: 15px 0 0
}

.iconInput input.reqError,
.iconInput .reqError {
    border-color: red
}

.iconInput {
    position: relative
}

.iconInput i {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 14px;
    letter-spacing: -.42px;
    color: #0866ff;
    height: 57px;
    line-height: 70px
}

.footer {
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
    position: relative;
    background-color: #F2FAFF;
    padding: 60px 0 0
}

.mailchimp-area {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding-bottom: 45px
}

.mailchimp-area h3 {
    font-size: 28px;
    line-height: 38px;
    color: #fff;
    margin: 0
}

.mc4wp-form {
    position: relative;
    margin: 0;
    width: 570px
}

.mc4wp-form input[type=email] {
    width: 100%;
    height: 73px;
    border: none;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
    outline: none;
    font-size: 15px;
    font-family: rubik, sans-serif;
    color: rgba(255, 255, 255, .8);
    font-weight: 400;
    padding: 0 28px;
    margin: 0 0 15px
}

.mc4wp-form input[type=email]::-moz-placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.mc4wp-form input[type=email]::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.mc4wp-form input[type=email]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.mc4wp-form button {
    height: 60px;
    font-size: 15px;
    line-height: 60px;
    color: #fff;
    border: none;
    text-align: center;
    font-family: rubik, sans-serif;
    text-transform: capitalize;
    font-weight: 700;
    background: #0866ff;
    border-radius: 10px;
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 0 44px;
    outline: none;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.mc4wp-form button i {
    margin-right: 11px
}

.mc4wp-form button:hover {
    background: #081880
}

.footer .widget {
    position: relative;
    margin: 60px 0 45px
}

footer .widget .widget-title {
    font-size: 20px;
    line-height: .8;
    text-transform: uppercase;
    position: relative;
    margin: 13px 0 37px;
    border: none;
    color: #00A4F4;
    /* padding-left: 18px */
}
footer .widget .widget-title.tit_margin{
    margin-top:37px
}
footer .widget .widget-title p{
    color:#6D6D6D;
}

/* footer .widget .widget-title:after {
    position: absolute;
    left: 0;
    top: -4px;
    content: '';
    width: 4px;
    height: 23px;
    background: #0866ff
} */

.about-widget {
    position: relative;
    padding-right: 20px
}

.about-widget img {
    max-width: 100%;
    height: auto
}

.about-widget p {
    color: #6D6D6D;
    margin: 27px 0 33px
}

.ab-social {
    position: relative
}

.ab-social a {
    display: inline-block;
    width: 37px;
    height: 37px;
    background: rgba(255, 255, 255, .1);
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #00a4f4;
    font-size: 16px;
    margin-right: 8px
}

.ab-social a:last-child {
    margin-right: 0
}

.ab-social a:hover {
    background: #0866ff
}

footer .widget ul {
    margin: 0;
    padding: 0;
    line-height: .8
}

footer .widget ul li {
    list-style: none;
    display: block;
    position: relative;
    font-family: Manrope,rubik, sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #00A4F4;
    margin-bottom: 18px;
    font-weight: 700;
}

footer .widget ul li a {
    display: inline-block;
    color: inherit
}

footer .widget ul li:hover a {
    color: #0866ff
}

/* footer .widget ul li:before {
    content: '--';
    color: rgba(255, 255, 255, .8);
    letter-spacing: 0;
    margin-right: 8px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms
} */

/* footer .widget ul li:hover:before {
    margin-right: 13px;
    color: #0866ff
} */

.sf_s1_post {
    position: relative;
    padding-left: 100px;
    font-family: rubik, sans-serif;
    min-height: 80px;
    margin: 0 0 20px
}

.sf_s1_post img {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0
}

.sf_s1_post h5 {
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    margin: 0 0 5px
}

.sf_s1_post h5 a {
    color: inherit
}

.sf_s1_post h5 a:hover {
    color: #0866ff
}

.sf_s1_post p {
    margin: 0
}

.fs-info {
    position: relative;
    padding-left: 30px;
    margin: 57px 0 -44px
}

.fs-info i {
    font-size: 18px;
    color: #fff;
    position: absolute;
    left: 0;
    top: 5px
}

.fs-info p {
    margin: 0;
    color: rgba(255, 255, 255, .8)
}

.fs-info p a {
    color: inherit
}

.fs-info p a:hover {
    color: #0866ff
}

.footer .widget .mc4wp-form {
    width: 100%
}

.footer .widget .mc4wp-form input[type=email] {
    border-radius: 50px
}

.footer .widget .mc4wp-form button {
    width: 60px;
    border-radius: 50px;
    padding: 0
}

.footer .widget .mc4wp-form button i {
    margin: 0
}

.widget_mc4wp_form_widget p {
    color: rgba(255, 255, 255, .8);
    margin: 53px 0 25px
}

.copyright {
    position: relative;
    padding: 22px 0 27px;
    border-top: 2px solid #B6E6FF;
}

.copyright p {
    margin: 0;
    color: #666;
    text-align: center;
}

.copyright p a {
    color: inherit
}

.copyright p a:hover {
    color: #0866ff
}

.copyright ul {
    margin: 0;
    padding: 0;
    text-align: right
}

.copyright ul li {
    list-style: none;
    position: relative;
    margin: 0 0 0 20px;
    display: inline-block
}

.copyright ul li:after {
    position: absolute;
    right: -13px;
    top: 10px;
    height: 12px;
    width: 2px;
    content: '';
    background: rgba(255, 255, 255, .5)
}

.copyright ul li:last-child:after {
    display: none
}

.copyright ul li a {
    display: inline-block;
    color: rgba(255, 255, 255, .5)
}

.copyright ul li a:hover {
    color: #0866ff
}

#back-to-top {
    font-size: 16px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: #0866ff;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    border-radius: 50%;
    cursor: pointer;
    animation: waveBtn 2s infinite
}

@keyframes waveBtn {
    0% {
        box-shadow: 0 0 0 0 rgba(104, 110, 226, .8)
    }

    50% {
        box-shadow: 0 0 0 40px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}

.header-02 {
    position: relative;
    background: #fff;
    width: 100%;
    height: auto;
    z-index: 99
}

.header-02 .navbar-expand-lg .navbar-nav li>a {
    color: #181818
}

.header-02 .navbar-expand-lg .navbar-nav li:hover>a {
    color: #0069AB
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu {
    background: #fff
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li {
    border-color: rgba(0, 0, 0, .1)
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li a {
    color: #181818
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li.current-menu-item>a,
.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li:hover>a {
    color: #0866ff
}

.header-02 .access-btn .btn-search {
    color: #1e2843;
    top: 5px
}

.header-02 .access-btn .btn-search:hover {
    color: #0866ff
}

.navigator {
    position: relative;
    display: inline-block;
    margin-left: 23px;
    position: relative;
    top: -1px
}

.navigator svg {
    max-width: 20px
}

.navigator svg,
.navigator svg path {
    fill: #1e2843;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.navigator:hover svg,
.navigator:hover svg path {
    fill: #0866ff
}

.navigator:hover {
    color: #0866ff
}

.popup_sidebar_sec {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.popup_sidebar_overlay {
    position: fixed;
    right: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 99;
    cursor: url(../image/close.png), auto;
    transition: all .4s ease-in .8s
}

.popup_sidebar_sec.active .popup_sidebar_overlay {
    visibility: visible;
    right: 0;
    opacity: 1;
    transition: all .8s ease-out 0s
}

.popup_sidebar_overlay:before {
    position: absolute;
    right: 0;
    top: 0;
    width: 360px;
    height: 100%;
    content: '';
    background: #fff;
    z-index: 999
}

.widget_area {
    max-width: 360px;
    height: 100%;
    z-index: 99;
    background: 0 0;
    padding: 60px 30px 30px 35px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    visibility: hidden;
    opacity: 0;
    top: 0;
    -webkit-transition: all .4s cubic-bezier(.4, .28, .31, 1.28) 0s;
    transition: all .4s cubic-bezier(.4, .28, .31, 1.28) 0s;
    -webkit-transform: translateY(25px);
    transform: translateY(25px)
}

.popup_sidebar_sec.active .widget_area {
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.widget_closer {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    z-index: 99;
    color: #1e2843;
    line-height: 38px;
    text-align: center;
    display: inline-block
}

.widget_closer:hover {
    color: #0866ff;
    border-color: #0866ff
}

.about_widget_area {
    position: relative
}

.wd_logo {
    position: relative;
    margin-bottom: 48px
}

.wd_logo img {
    max-width: 100%;
    height: auto
}

.about_widget_area>p {
    margin: 0 0 47px
}

.about_widget_area .icon-box-3 {
    margin: 0 0 30px;
    padding-left: 60px
}

.about_widget_area .icon-box-3 h5 {
    margin-bottom: 2px
}

.about_widget_area .icon-box-3 .ib-icon {
    top: 5px;
    background: 0 0;
    font-size: 34px;
    color: #1e2843;
    line-height: 38px;
    text-align: left;
    margin: 0
}

.social_item {
    padding: 0;
    margin: 54px 0 0
}

.social_item li {
    list-style: none;
    display: inline-block
}

.social_item li a {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    color: #1e2843;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    margin-right: 12px
}

.social_item li a:hover {
    color: #fff;
    background: #0866ff;
    border-color: #0866ff
}

.center_align {
    z-index: 4;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.banner-01 {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #081880;
    padding: 45px 0
}

.banner-content {
    position: relative;
    z-index: 9;
    padding: 0
}

.banner-content .sub-title {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    text-transform: inherit;
    font-weight: 500;
    position: relative;
    font-family: rubik, sans-serif;
    margin-bottom: 24px
}

.banner-content .sub-title:after {
    position: relative;
    right: -24px;
    top: -3px;
    width: 60px;
    height: 2px;
    background: #f4f4f4;
    content: '';
    display: inline-block
}

.banner-content h2 {
    font-size: 80px;
    line-height: 96px;
    color: #fff;
    margin: 0 0 38px
}

.banner-content .sub-title {
    animation-delay: 1.5s;
    animation-name: fadeInUp
}

.banner-content h2 {
    animation-delay: 1.8s;
    animation-name: fadeInLeft
}

.banner-content .rt-btn {
    padding: 21px 29px;
    font-size: 16px;
    height: 60px;
    animation-delay: 2.1s;
    animation-name: fadeInUp
}

.banner-content .popup {
    width: 80px;
    height: 80px;
    line-height: 85px;
    top: -22px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    background: #fff;
    color: #0866ff;
    z-index: 2;
    margin: 0 0 0 40px;
    animation-delay: 2.4s;
    animation-name: fadeInUp
}

.banner-content .popup:before {
    content: "";
    border: 2px solid #fff;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    animation: zoomBig 3.25s linear infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.banner-content .popup:after {
    content: "";
    border: 2px solid #fff;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    animation: zoomBig 3.25s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.layer {
    position: relative;
    text-align: right;
    margin: 0 0 -45px;
    animation-delay: 2.8s;
    animation-name: zoomIn
}

.banner-01 .card {
    background: 0 0;
    background-clip: border-box;
    border: none;
    border-radius: 0
}

.ab-img {
    position: relative
}

.ab-img img {
    border-radius: 5px
}

.ab1 {
    position: absolute;
    right: 27px;
    top: 73px;
    z-index: -1;
    animation: rotated 20s infinite linear
}

.ab2 {
    position: absolute;
    left: -42px;
    bottom: 50px;
    z-index: -1;
    animation: halfBounce2 2s infinite
}

.abc2 {
    padding-left: 28px
}

.abc2 .listing-item {
    margin-right: -18px
}

.listing-item {
    margin: 0;
    padding: 0
}

.listing-item li {
    list-style: none;
    position: relative;
    font-size: 16px;
    line-height: 26px;
    padding-top: 7px;
    color: #081880;
    font-weight: 700;
    margin: 0 0 27px;
    padding-left: 50px
}

.listing-item li i {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 42px;
    background: #0866ff;
    font-size: 14px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .4s;
    transition: all .4s
}

.abc2 .rt-btn {
    margin-top: 19px
}

.service-section-2 {
    background-color: #081880;
    padding: 116px 0 345px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.service-section-2 .col-lg-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%
}

.service-item-02 {
    width: 100%;
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #081860;
    border-radius: 10px;
    padding: 32px 15px 30px;
    margin: 0 0 30px
}

.service-item-02 .ib-icon {
    width: 96px;
    height: 96px;
    line-height: 90px;
    font-size: 48px;
    background: #0866ff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin: 0 0 22px
}

.service-item-02 .ib-icon svg {
    max-width: 48px;
    fill: #fff
}

.service-item-02 .ib-icon i {
    line-height: 96px
}

.service-item-02 span {
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    margin: 0
}

.service-item-02:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    height: 0;
    opacity: 0;
    border-radius: 10px;
    visibility: hidden;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    background: #0866ff
}

.service-item-02:hover:after {
    height: 100%;
    opacity: 1;
    visibility: visible
}

.faq-section {
    background: #f4f4f4;
    position: relative;
    padding: 0 0 45px
}

.faq-area {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 65px 60px;
    margin-top: -260px;
    z-index: 3
}

.faq-area .contact-form {
    position: relative;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 0 20px 0 0
}

.faq-area .sec-title {
    font-size: 25px;
    line-height: 30px;
    margin: 0 0 10px
}

.faq-area .iconInput {
    margin-bottom: 6px
}

.acc-area {
    position: relative
}

.singlefaq {
    position: relative;
    padding: 0;
    border-radius: 10px;
    /* background: #0866ff; */
    background-color: #1376F8;
    margin: 0 0 20px
}

.singlefaq .card-header {
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: 0 0;
    border: none
}

.singlefaq .card-header .btn {
    text-decoration: none;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 500;
    border: none;
    outline: none;
    width: 100%;
    text-align: left;
    letter-spacing: 0;
    padding: 25px 20px 27px 20px;
    margin: 0;
    position: relative;
    background: 0 0;
    border-radius: 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.singlefaq .card-header .btn.collapsed {
    background: 0 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.singlefaq .card-header .btn.collapsed:after {
    position: absolute;
    /* left: 20px; */
    right:10px;
    top: 0;
    bottom: 0;
    margin: 0;
    text-align: center;
    width: 48px;
    height: 48px;
    margin: auto;
    border-radius: 50%;
    background: #fff;
    line-height: 48px;
    font-family: eleganticons;
    content: '\2192';
    font-size: 22px;
    color: #181818;
    box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.singlefaq .card-header .btn:after {
    position: absolute;
    /* left: 20px; */
    right:10px;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #fff;
    line-height: 48px;
    font-family: eleganticons;
    content: "\4b";
    font-size: 22px;
    color: #181818;
    box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.singlefaq .card-body {
    padding: 14px 45px 30px;
    background: 0 0;
    margin: 0
}

.singlefaq .card-body p {
    margin: 0
}

.card-body p {
    color: #fff
}

.pricing-section {
    position: relative;
    padding: 116px 0 85px
}

.pricintable-01 {
    position: relative;
    background: #f4f4f4;
    border-radius: 10px;
    padding: 45px 20px 0;
    margin: 0 0 60px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.pricintable-01:after {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: url(../image/price.jpg) no-repeat center center/cover;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pricintable-01:before {
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    -o-transform: scale(.98);
    transform: scale(.98);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 10px;
    background: rgba(8, 24, 69, .9);
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pricintable-01:hover:after,
.pricintable-01:hover:before {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.pricintable-01 .ib-icon {
    width: 96px;
    height: 96px;
    line-height: 90px;
    font-size: 40px;
    background: #0866ff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin: 0 0 39px;
    position: relative;
    z-index: 3
}

.pricintable-01 .ib-icon svg {
    max-width: 40px;
    fill: #fff
}

.pricintable-01 .ib-icon i {
    line-height: 96px
}

.pricintable-01 h5 {
    font-size: 16px;
    color: #0866ff;
    text-transform: uppercase;
    margin: 0 0 4px;
    font-family: rubik, sans-serif;
    font-weight: 500;
    position: relative;
    z-index: 3;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.pricintable-01 h2 {
    font-size: 48px;
    font-weight: 500;
    color: #181818;
    margin: 0 0 18px;
    position: relative;
    z-index: 3;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.pricintable-01 ul {
    margin: 0 0 7px;
    padding: 0
}

.pricintable-01 ul li {
    list-style: none;
    display: block;
    position: relative;
    z-index: 3;
    font-size: 16px;
    color: #081880;
    line-height: 36px;
    font-family: rubik, sans-serif;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.pricintable-01 ul li::before {
    position: relative;
    content: "\f024";
    font-family: nss-theme;
    left: -10px;
    top: -1px;
    color: #0866ff;
    font-size: 12px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.pricintable-01:hover ul li::before,
.pricintable-01:hover h5,
.pricintable-01:hover h2,
.pricintable-01:hover ul li {
    color: #fff
}

.pricintable-01 .rt-btn {
    border-radius: 30px;
    position: relative;
    z-index: 2;
    top: 30px;
    height: 60px;
    padding: 20px 31px
}

.pricintable-01 .rt-btn::before {
    border-radius: 30px
}

.pricintable-01 .rt-btn i {
    margin-left: 24px
}

.portfolio-section-2 {
    position: relative;
    background: #f4f4f4;
    padding: 120px 15px 224px
}

.folio-item-2 {
    position: relative;
    margin: 0 0 95px
}

.folio-item-2 img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.folio-item-2 .folio-content {
    visibility: visible;
    opacity: 1;
    width: calc(100% - 40px);
    position: absolute;
    padding-left: 30px;
    left: 20px;
    bottom: -48px;
    box-shadow: 0 20px 50px 0 rgb(0 0 0/3%);
    -webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0/3%);
    -ms-box-shadow: 0 20px 50px 0 rgb(0 0 0/3%)
}

.folio-slider.owl-carousel {
    position: relative
}

.folio-slider.owl-carousel .owl-nav {
    width: 100%
}

.folio-slider.owl-carousel .owl-nav button {
    position: absolute;
    left: 40px;
    top: 45%;
    text-align: center;
    z-index: 5;
    font-size: 20px;
    line-height: 64px;
    width: 60px;
    height: 60px;
    background: #0866ff;
    color: #fff;
    border: none;
    outline: none;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    border-radius: 50%;
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folio-slider.owl-carousel:hover .owl-nav button {
    left: 50px;
    visibility: visible;
    opacity: 1
}

.folio-slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 40px
}

.folio-slider.owl-carousel:hover .owl-nav button.owl-next {
    left: auto;
    right: 50px
}

.folio-slider.owl-carousel .owl-nav button:after {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    content: '';
    background: #081880;
    border-radius: 50%;
    text-align: center;
    width: 0;
    height: 0;
    z-index: -1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.folio-slider.owl-carousel .owl-nav button:hover:after {
    width: 100%;
    height: 100%
}

.funfact-section {
    position: relative;
    margin-top: -150px
}

.fact-wrapper {
    position: relative;
    display: flex;
    justify-content: space-around;
    width: 100%;
    border-radius: 10px;
    background-color: #0866ff;
    z-index: 2;
    padding: 95px 0;
    background-position: center right;
    background-size: auto;
    background-repeat: no-repeat
}

.fact-01 {
    position: relative
}

.fact-01 h2 {
    font-size: 48px;
    line-height: 58px;
    color: #fff;
    font-weight: 400;
    margin: 0 0 12px
}

.fact-01 h2 i {
    font-style: normal;
    top: -3px;
    position: relative
}

.fact-01 p {
    font-family: rubik, sans-serif;
    font-weight: 500;
    color: #fff;
    font-size: 16px;
    margin: 0
}

.blog-section-1 {
    position: relative;
    padding: 116px 0 90px
}

.blogItem {
    position: relative;
    background: #fff;
    box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: 30px
}

.blogItem:hover {
    transform: translateY(-10px)
}

.biThumb {
    position: relative;
    overflow: hidden
}

.biThumb img {
    width: 100%;
    height: auto
}

.biThumb:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0)
}

.biMeta {
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: auto;
    z-index: 2;
    background: #0866ff;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-transform: capitalize;
    padding: 0 15px;
    font-weight: 500;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.biMeta a {
    color: inherit;
    margin-right: 24px;
    position: relative
}

.biMeta:hover {
    background: #081880
}

.biMeta a:after {
    content: '';
    width: 4px;
    height: 4px;
    border: thin solid #fff;
    border-radius: 50%;
    position: absolute;
    right: -14px;
    top: 0;
    bottom: 0;
    margin: auto 0
}

.biMeta a:last-child {
    margin-right: 0
}

.biMeta a:last-child:after {
    display: none
}

.biDetails {
    padding: 32px 25px 31px
}

.biDetails h3 {
    font-size: 22px;
    position: relative;
    display: block;
    line-height: 30px;
    margin: 0 0 14px;
    color: #181818
}

.biDetails h3 a {
    color: inherit
}

.biDetails h3 a:hover {
    color: #0866ff
}

.biDetails p {
    font-size: 17px;
    line-height: 27px;
    margin: 0 0 15px
}

.lr_more {
    position: relative;
    overflow: hidden;
    display: inline-block;
    color: #181818;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 24px
}

.lr_more svg {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    fill: none;
    stroke: #181818;
    stroke-width: 2px;
    opacity: 1;
    transition: transform .7s;
    transition-timing-function: cubic-bezier(0, .25, .5, 1);
    -webkit-backface-visibility: initial !important;
    -webkit-transform-origin: 50% 50%
}

.lr_more:hover {
    color: #0866ff
}

.lr_more:hover svg {
    transform: translate3d(-66.6%, 0, 0);
    stroke: #0866ff
}

.owl-carousel.anim_class .single-slide.bg-img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 10000ms ease;
    transition: -webkit-transform 10000ms ease;
    transition: transform 10000ms ease;
    transition: transform 10000ms ease, -webkit-transform 10000ms ease
}

.owl-carousel.anim_class .owl-item.active .single-slide.bg-img {
    -webkit-transform: scale(1.13);
    transform: scale(1.13)
}

.hero-slider-02 .single-slide.bg-img {
    height: 660px
}

.hero-slider-02 .single-slide.bg-img:after {
    background: rgba(8, 24, 69, .7)
}

.slider-section .hero-slider-02.owl-carousel .owl-nav {
    width: 100%
}

.slider-section .hero-slider-02.owl-carousel .owl-nav button {
    right: 20px;
    top: -25px;
    background: #fff;
    color: #0866ff;
    margin: 0;
    left: auto;
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.slider-section .hero-slider-02.owl-carousel .owl-nav .owl-prev {
    right: auto;
    left: 20px
}

.slider-section .hero-slider-02.owl-carousel:hover .owl-nav button {
    visibility: visible;
    opacity: 1;
    right: 60px
}

.slider-section .hero-slider-02.owl-carousel:hover .owl-nav .owl-prev {
    visibility: visible;
    opacity: 1;
    right: auto;
    left: 60px
}

.anim_class .slider-content.text-left {
    padding-left: 70px
}

.slider-content .popup {
    width: 80px;
    height: 80px;
    line-height: 85px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    background: #fff;
    color: #0866ff;
    z-index: 2;
    margin: 0
}

.slider-content .popup:after {
    content: "";
    border: 2px solid #fff;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    animation: zoomBig 3.25s linear infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.slider-content .popup:before {
    content: "";
    border: 2px solid #fff;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    animation: zoomBig 3.25s linear infinite;
    -webkit-animation-delay: .75s;
    animation-delay: .75s
}

.slider-section .owl-item.active .slider-content .popup {
    animation-delay: 2.2s;
    animation-name: fadeInUp
}

.slider-section .hero-slider-02 .owl-item.active .slider-content .sub-title {
    animation-delay: 1.4s;
    animation-name: fadeInUp
}

.slider-section .hero-slider-02 .owl-item.active .slider-content h2 {
    animation-delay: 1.7s;
    animation-name: fadeInUp
}

.slider-content.text-right .sub-title {
    display: inline-block
}

.slider-content.text-right .sub-title:after {
    left: -86px;
    right: auto;
    top: 9px;
    position: absolute
}

.slider-section .owl-item.active .slider-content p {
    animation-delay: 2.2s;
    animation-name: fadeInUp
}

.layer-right {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5
}

.layer-right img {
    max-width: 100%;
    height: auto
}

.layer-left {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 5
}

.layer-left img {
    max-width: 100%;
    height: auto
}

.slider-section .owl-item.active .layer-right {
    animation-delay: 1s;
    animation-name: fadeInRight
}

.slider-section .owl-item.active .layer-left {
    animation-delay: 1s;
    animation-name: fadeInLeft
}

.service-section-3 {
    position: relative;
    background: #f4f4f4;
    padding: 116px 0 90px
}

.service-item-03 {
    position: relative;
    background: #081880;
    margin: 0 0 30px;
    padding: 55px 30px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.service-item-03:hover {
    background: #0866ff
}

.ic-num {
    display: flex;
    justify-content: center;
    margin: 0 0 40px
}

.ic-num span {
    display: inline-block;
    color: rgba(104, 110, 226, .1);
    font-size: 80px;
    letter-spacing: -2px;
    line-height: 80px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ic-num i {
    display: inline-block;
    color: #0866ff;
    font-size: 80px;
    line-height: 80px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ic-num .bar {
    display: inline-block;
    width: 20px;
    height: 5px;
    background: rgba(104, 110, 226, .1);
    margin: 40px 25px 0;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.bgicon {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 12px;
    font-size: 180px;
    line-height: 180px;
    color: rgba(255, 255, 255, .05);
    z-index: 1;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service-item-03 h4 {
    font-size: 22px;
    line-height: 32px;
    color: #fff;
    position: relative;
    z-index: 2;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service-item-03 h4 a {
    color: inherit
}

.service-item-03 h4 a:hover {
    color: #181818
}

.service-item-03 p {
    color: rgba(255, 255, 255, .8);
    margin: 0;
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.service-item-03:hover .ic-num i {
    color: #fff
}

.service-item-03:hover .ic-num span {
    color: rgba(255, 255, 255, .1)
}

.service-item-03:hover .ic-num .bar {
    background: rgba(255, 255, 255, .1)
}

.about-section-2 {
    position: relative;
    padding: 120px 0
}

.about-section-2 .ab-img img {
    max-width: 100%;
    height: auto
}

.about-section-2 .ab-content .sec-title {
    margin-right: -20px
}

.about-section-2 .icon-box-3 .ib-icon {
    width: 99px;
    height: 99px;
    font-size: 40px;
    line-height: 103px;
    border-radius: 50%;
    background: #f4f4f4;
    color: #0866ff
}

.about-section-2 .icon-box-3 .ib-icon svg path {
    fill: #0866ff
}

.about-section-2 .icon-box-3 {
    padding-left: 122px;
    padding-top: 10px;
    margin: 0 0 54px
}

.ab-quote {
    box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    -ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
    background: #fff;
    padding: 25px 60px 30px;
    border-radius: 3px;
    margin: 0;
    position: relative
}

.ab-quote:after {
    position: absolute;
    left: -3px;
    width: 6px;
    height: 65px;
    content: '';
    background: #0866ff;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 10px
}

.work-process {
    position: relative;
    padding: 0 0 120px
}

.icon-box-5 {
    position: relative;
    /* background: #081880; */
    background-color: #E6F6FE;
    border-radius: 10px;
    padding: 31px 20px 50px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.work-process .pro_img{
    width: 100%;
    max-height: 264px;
    object-fit: contain;
}
.work-process .pro a{
    display: block;
}
.work-process .pro a.href1{
    padding:7px 13px;
    font-family: General Sans;
    font-weight: 500;
    font-size: 16px;
    line-height: 155%;
    color:#fff;
    background:#011632;
    margin:30px 0 12px;
    width:97px;
    border-radius: 5px;
}

.work-process .pro a.tit{
    color:#011632;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.icon-box-5:hover a.tit{
    color:#fff;
}

.work-process .pro1 a.tit1{
    height: 44px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    text-align: left;
    margin:12px 0;
}
.work-process .pro1 p.desc{
    text-align: left;
    color: #666;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 10px;
    line-height: 155%;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.work-process .icon-box-5.pro1:hover{
    background-color: #E6F6FE;
}
.icon-box-5 span {
    text-align: left;
    display: block;
    color: rgba(210, 210, 210, .25);
    font-size: 80px;
    letter-spacing: -2px;
    line-height: 80px;
    font-weight: 500;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-box-5 .ib-icon {
    font-size: 20px;
    color: #0866ff;
    font-size: 126px;
    line-height: 126px;
    margin: -30px 0 53px
}

.icon-box-5 .ib-icon svg {
    fill: #0866ff;
    max-width: 126px;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.ib-icon svg path {
    fill: inherit
}

.icon-box-5 h5 {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin: 0
}

.icon-box-5:hover {
    background: #0866ff
}

.icon-box-5:hover .ib-icon svg {
    fill: #fff
}

.icon-box-5:hover .ib-icon {
    color: #fff
}

.blogItem2 {
    position: relative;
    margin: 0 0 30px
}

.blogItem2 .biThumb {
    margin: 0 0 18px
}

.blogItem2 .biThumb:after {
    background: rgba(8, 24, 69, .7)
}

.blogItem2 .biThumb img {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.blogItem2 .biThumb:hover img {
    transform: scale(1.1) rotate(1.2deg);
    -moz-transform: scale(1.1) rotate(1.2deg);
    -webkit-transform: scale(1.1) rotate(1.2deg);
    -ms-transform: scale(1.1) rotate(1.2deg);
    -o-transform: scale(1.1) rotate(1.2deg)
}

.biMeta2 {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
    z-index: 3;
    display: flex;
    justify-content: center
}

.biMeta2 a {
    display: inline-block;
    color: #fff;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    margin-right: 30px
}

.biMeta2 a:last-child {
    margin-right: 0
}

.biMeta2 a i {
    margin-right: 6px
}

.biMeta2 a:hover {
    color: #0866ff
}

.biMeta2 a:after {
    position: absolute;
    right: -16px;
    top: 9px;
    width: 7px;
    height: 7px;
    content: '';
    background: #0866ff;
    border-radius: 50%
}

.biMeta2 a:last-child:after {
    display: none
}

.rmpost {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 25px;
    color: #fff;
    line-height: 65px;
    text-align: center;
    display: inline-block;
    background: rgba(255, 255, 255, .5);
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 80px;
    z-index: 3
}

.rmpost:hover {
    color: #fff;
    background: #0866ff
}

.blogItem2 h3 {
    font-size: 24px;
    position: relative;
    display: block;
    line-height: 32px;
    margin: 0;
    color: #181818
}

.blogItem2 h3 a {
    color: inherit
}

.blogItem2 h3 a:hover {
    color: #0866ff
}

.portfolio-section-3 {
    position: relative;
    background: #f4f4f4;
    padding: 120px 0
}

.noPadding {
    padding: 0
}

.folio-item-3 {
    position: relative;
    overflow: hidden;
    margin: 2.5px
}

.folio-item-3 img {
    width: 100%;
    height: auto;
    border-radius: 10px
}

.fs-hover {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1);
    -moz-transition: -webkit-transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .4s cubic-bezier(.34, .66, .79, .58), opacity .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 10px;
    background: rgba(104, 110, 226, .8);
    opacity: 0
}

.fs-content {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding: 0 15px;
    z-index: 2
}

.folio-item-3:hover .fs-hover {
    opacity: 1
}

.fs-content .fm-more {
    position: relative;
    right: auto;
    display: inline-block;
    background: #fff;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    color: #0866ff;
    line-height: 60px;
    margin-bottom: 22px;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    transform: scale(.7);
    -webkit-box-shadow: 0 1px 54px 0 rgb(47 84 238/46%);
    -moz-box-shadow: 0 1px 54px 0 rgba(47, 84, 238, .46);
    box-shadow: 0 1px 54px 0 rgb(47 84 238/46%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.fs-content .fm-more:hover {
    background: #181818;
    color: #fff
}

.fs-content h5 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 3px;
    visibility: hidden;
    opacity: 0;
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -webkit-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease
}

.fs-content h5 a {
    color: inherit
}

.fs-content h5 a:hover {
    color: #181818
}

.fs-content .cats {
    color: rgba(255, 255, 255, .8);
    margin: 0;
    transform: translateY(30px);
    -moz-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.folio-item-3:hover .fs-content .fm-more {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1
}

.folio-item-3:hover .fs-content h5 {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

.folio-item-3:hover .fs-content .cats {
    transform: translateY(0px);
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    visibility: visible;
    opacity: 1
}

.testibg-section {
    padding: 123px 0 172px;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative
}

.testibg-section:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(8, 24, 69, .9)
}

.testibg-section .container {
    position: relative;
    z-index: 2
}

.testimonial-section-02 {
    padding: 0 0 0;
    margin-top: -135px;
    z-index: 3
}

.testimonial-slider-two .ts-item {
    margin-top: 70px;
    padding-top: 110px;
    overflow: visible
}

.testimonial-slider-two .owl-item {
    overflow: hidden;
    border-radius: 10px
}

.testimonial-slider-two .ts-item i {
    top: auto;
    bottom: 22px
}

.testimonial-slider-two .ts-item:after {
    top: auto;
    bottom: -80px
}

.ts-author {
    position: absolute;
    left: 0;
    right: 0;
    top: -70px;
    padding: 40px 20px 40px 140px;
    z-index: 2;
    margin: auto;
    background: #f4f4f4;
    border-radius: 5px;
    width: 70%;
    box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
    -webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
    -ms-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05)
}

.testimonial-slider-two .ts-author img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    left: 25px;
    top: 25px
}

.pricintable-02 {
    position: relative;
    border-radius: 20px;
    padding: 41px 45px 36px;
    border: 3px dashed #0866ff;
    margin-bottom: 30px;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.pricintable-02 .ib-icon {
    width: 96px;
    height: 96px;
    line-height: 110px;
    font-size: 40px;
    background: #0866ff;
    border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
    text-align: center;
    display: inline-block;
    margin: 0 0 39px;
    position: relative;
    z-index: 3;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.pricintable-02 .ib-icon svg {
    max-width: 40px;
    fill: #fff
}

.pricintable-02:hover .ib-icon {
    border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
}

.pricintable-02 h3 {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 19px
}

.pricintable-02 h2 {
    font-size: 48px;
    line-height: .8;
    font-weight: 500;
    color: #181818;
    margin: 0 0 30px;
    position: relative;
    z-index: 3;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

.pricintable-02 h2 .currency {
    font-size: 14px;
    margin-right: 10px;
    top: -24px;
    left: 0
}

.pricintable-02 h2 sup {
    margin: 0;
    font-size: 18px;
    left: 6px;
    top: -21px
}

.pricintable-02 ul {
    margin: 0;
    padding: 0 0 23px
}

.pricintable-02 ul li {
    list-style: none;
    display: block;
    font-size: 18px;
    color: #181818;
    font-weight: 400;
    line-height: 38px
}

.pricintable-02 ul li i {
    font-size: 15px;
    color: #0866ff;
    margin-right: 13px
}

.pricintable-02 .rt-btn {
    border-radius: 30px;
    height: 60px;
    padding: 20px 31px
}

.pricintable-02 .rt-btn::before {
    border-radius: 30px
}

.contact-section-2 {
    background-color: #081880;
    padding: 120px 0 115px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.contact-section-2 .contact-form {
    background: 0 0;
    box-shadow: none;
    padding: 0
}

.contact-section-2 .sec-title {
    margin: 0 0 15px
}

.contact-section-2 .sec-desc {
    margin: 0 0 40px
}

.contact-section-2 input[type=text],
.contact-section-2 input[type=email],
.contact-section-2 input[type=url],
.contact-section-2 input[type=number],
.contact-section-2 textarea {
    border: 2px solid rgba(255, 255, 255, .2);
    color: rgba(255, 255, 255, .8)
}

.contact-section-2 input[type=text]::-moz-placeholder,
.contact-section-2 input[type=email]::-moz-placeholder,
.contact-section-2 input[type=url]::-moz-placeholder,
.contact-section-2 input[type=number]::-moz-placeholder,
.contact-section-2 textarea::-moz-placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.contact-section-2 input[type=text]::-ms-input-placeholder,
.contact-section-2 input[type=email]::-ms-input-placeholder,
.contact-section-2 input[type=url]::-ms-input-placeholder,
.contact-section-2 input[type=number]::-ms-input-placeholder,
.contact-section-2 textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.contact-section-2 input[type=text]::-webkit-input-placeholder,
.contact-section-2 input[type=email]::-webkit-input-placeholder,
.contact-section-2 input[type=url]::-webkit-input-placeholder,
.contact-section-2 input[type=number]::-webkit-input-placeholder,
.contact-section-2 textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .8);
    opacity: 1
}

.contact-section-2 .iconInput i {
    display: none
}

.contact-section-2 .rt-btn::before {
    background: #fff
}

.contact-section-2 .rt-btn:hover {
    color: #0866ff
}

.contact-section-2 input.reqError,
.contact-section-2 .reqError {
    border-color: red
}

.contact_con {
    position: relative;
    background: #0866ff;
    padding: 40px;
    border-radius: 10px
}

.contact_con .icon-box-3 {
    padding-left: 105px;
    padding-right: 0
}

.contact_con .icon-box-3 .ib-icon {
    width: 82px;
    height: 82px;
    font-size: 44px;
    line-height: 82px;
    background: 0 0;
    border: 2px solid rgba(255, 255, 255, .15)
}

.contact_con .icon-box-3 h5 {
    color: #fff
}

.contact_con .icon-box-3 p {
    color: rgba(255, 255, 255, .8)
}

.contact-section-2 .contact_con h2 {
    font-size: 40px;
    margin-bottom: 30px
}

.page_banner {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #081880;
    min-height: 350px;
    padding-top: 112px
}

.page_banner:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: rgba(8, 24, 69, .87)
}

.page_banner .container {
    position: relative;
    z-index: 2
}

.pb_title {
    font-size: 45px;
    line-height: 55px;
    color: #fff;
    margin: 0 0 15px
}

.page_crumb {
    font-family: rubik, sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: rgba(255, 255, 255, .7)
}

.page_crumb a {
    color: inherit
}

.page_crumb a:hover {
    color: #0866ff
}

.pd116 {
    padding-top: 116px
}

.service-item-04 {
    position: relative;
    margin: 0 0 30px;
    border: 5px solid transparent;
    border-radius: 10px;
    padding: 40px 28px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.service-item-04 .ib-icon svg {
    max-width: 103px;
    width: 103px;
    height: 103px;
    fill: rgba(104, 110, 226, .1);
    -webkit-filter: drop-shadow(0px 13px 15px rgba(0, 0, 0, 0.24));
    -moz-filter: drop-shadow(0px 13px 15px rgba(0, 0, 0, 0.24));
    filter: drop-shadow(0px 13px 15px rgba(0, 0, 0, 0.24));
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.service-item-04 .ib-icon svg path {
    fill: inherit
}

.service-item-04 .ib-icon {
    font-size: 70px;
    line-height: 70px;
    color: #0866ff;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    display: inline-block;
    text-align: center;
    margin: 0 0 27px
}

.service-item-04 .ib-icon i {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3
}

.service-item-04 h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 14px
}

.service-item-04 h3 a {
    color: inherit
}

.service-item-04 h3 a:hover {
    color: #0866ff
}

.service-item-04 p {
    margin: 0 0 23px
}

.service-item-04:hover .ib-icon {
    color: #fff
}

.service-item-04:hover .ib-icon svg {
    fill: #0866ff;
    filter: none
}

.service-item-04:hover {
    border-color: #0866ff
}

.smore {
    height: 50px;
    background: rgba(104, 110, 226, .1);
    border-radius: 30px;
    text-align: center;
    display: inline-block;
    font-size: 22px;
    color: #0866ff;
    line-height: 50px;
    padding: 0 30px
}

.smore:hover {
    background: #0866ff;
    color: #fff
}

.service-single {
    position: relative;
    padding: 120px 0
}

.service-area {
    position: relative
}

.srimg {
    position: relative;
    margin: 0 0 28px
}

.service-area .srimg img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin: 0
}

.service-area h3 {
    font-size: 40px;
    line-height: 52px;
    color: #181818;
    margin: 0 0 22px
}

.service-area>p {
    margin: 0 0 20px
}

.service-area img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 19px 0 35px
}

.service-area h4 {
    font-size: 20px;
    line-height: 30px;
    color: #222;
    margin: 6px 0 22px
}

.service-area .col-md-6 h4 {
    margin-top: 15px
}

.service-area ul {
    margin: 0;
    padding: 0
}

.service-area ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    font-size: 18px;
    padding-left: 30px;
    margin: 0 0 8px
}

.service-area ul li:after {
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 0;
    color: #0866ff;
    content: "\ea0f";
    font-family: nss-theme
}

.clinet_review {
    position: relative;
    padding: 50px 100px;
    background: #f4f4f4;
    border-radius: 10px;
    text-align: center;
    margin: 30px 0 0
}

.quatation {
    color: #222;
    font-size: 20px;
    position: relative;
    line-height: 30px;
    font-weight: 500;
    font-style: italic;
    margin: 0 0 22px
}

.quatation:before {
    position: relative;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto 36px;
    font-size: 50px;
    top: 6px;
    color: #0866ff;
    content: "\f95e";
    font-family: nss-theme
}

.test_author {
    position: relative
}

.test_author span {
    display: block;
    color: #0866ff;
    line-height: .8;
    font-size: 18px;
    margin: 0 0 10px
}

.test_author p {
    font-size: 14px;
    line-height: .8;
    margin: 0
}

.serviceSidebar {
    position: relative;
    padding-left: 10px
}

.serviceSidebar .widget {
    position: relative;
    margin: 0 0 50px;
    padding: 0
}

.serviceSidebar .widget .widget-title {
    text-transform: capitalize;
    position: relative;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 24px
}

.widget.service_widget {
    background: #f4f4f4;
    border-radius: 5px;
    padding: 25px
}

.serviceSidebar ul {
    position: relative;
    margin: 0;
    padding: 0
}

.serviceSidebar ul li {
    position: relative;
    display: block;
    margin: 0 0 15px;
    z-index: 1
}

.serviceSidebar ul li a {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    padding: 8px 20px;
    background: #fff;
    border-radius: 5px;
    font-family: rubik, sans-serif;
    color: #222;
    border: 1px solid #e3e3e3
}

.serviceSidebar ul li:after {
    position: absolute;
    right: 20px;
    top: 0;
    line-height: 50px;
    color: #081880;
    content: "\e9ef";
    font-family: nss-theme
}

.serviceSidebar ul li:hover a,
.serviceSidebar ul li.active a {
    border-color: #0866ff
}

.widget .rt-btn {
    padding: 14px 51px
}

.widget .iconInput textarea {
    margin-bottom: 18px
}

.widget.boucher_widget {
    background: #f4f4f4;
    border-radius: 5px;
    padding: 25px
}

.boucher_widget p {
    margin: -7px 0 30px
}

.download-btn {
    display: flex;
    font-size: 18px;
    font-weight: 500;
    color: #181818;
    margin: 19px 0 0
}

.download-btn i {
    font-size: 40px;
    margin-right: 15px;
    margin-top: -5px;
    color: #0866ff
}

.download-btn:hover {
    color: #0866ff
}

.portfolioPage {
    position: relative;
    padding: 120px 0
}

.portfolioPage .folio-item-1 {
    margin-bottom: 30px
}

.portfolioPage .shaf-filter {
    margin-top: 0
}

.grapt-pagination.mt58 {
    margin-top: 58px
}

.grapt-pagination {
    position: relative;
    font-family: rubik, sans-serif;
    margin: 30px 0 0
}

.grapt-pagination a,
.grapt-pagination span {
    font-size: 20px;
    color: #222;
    letter-spacing: 0;
    line-height: 60px;
    background: #f4f4f4;
    font-weight: 400;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.grapt-pagination a:hover,
.grapt-pagination .current {
    color: #fff;
    background: #0866ff
}

.portfolio-single {
    position: relative;
    padding: 120px 0
}

.folio-thumb {
    position: relative
}

.folio-thumb img {
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

.detils-folio {
    position: relative;
    padding: 24px 0 0
}

.detils-folio>span {
    display: block;
    margin: 0 0 5px
}

.detils-folio p {
    margin: 0;
    padding-right: 15px
}

.detils-folio h3 {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 23px
}

.folio-social {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 38px
}

.folio-social h5 {
    font-size: 14px;
    line-height: 36px;
    text-transform: uppercase;
    margin: 0
}

.folio-social a {
    display: inline-block;
    font-size: 16px;
    color: #bbc7cd;
    line-height: 36px;
    margin-left: 20px
}

.folio-social a:hover {
    color: #0866ff
}

.meta-item {
    display: block;
    margin: 22px 0 0
}

.meta-item h5 {
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #8a8a8a;
    text-transform: uppercase;
    margin-bottom: 1px
}

.meta-item p {
    color: #181818
}

.blogPage {
    position: relative;
    padding: 120px 0
}

.blog-item-3 {
    position: relative;
    border-radius: 0;
    padding: 0;
    margin: 0 0 43px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.bi-thumb {
    position: relative;
    margin: 0 0 36px
}

.bi-thumb img {
    max-width: 100%;
    border-radius: 5px;
    width: auto;
    height: auto
}

.bi-details {
    position: relative
}

.bi-cats {
    float: left;
    display: inline-block;
    position: relative;
    font-family: rubik, sans-serif;
    margin-right: 12px
}

.bi-cats a {
    display: inline-block;
    height: 42px;
    background: #0866ff;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    line-height: 42px;
    color: #fff;
    margin: 0 10px 10px 0;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 0 14px
}

.bi-cats a:hover {
    background: #181818;
    color: #fff
}

.bi-author {
    position: relative;
    display: inline-block;
    font-family: rubik, sans-serif;
    padding-left: 58px;
    padding-top: 1px
}

.bi-author img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0
}

.bi-author a {
    text-transform: uppercase;
    display: block;
    font-size: 15px;
    line-height: 17px;
    color: #081880;
    font-weight: 500;
    margin: 0 0 7px
}

.bi-author span {
    display: block;
    font-size: 14px;
    line-height: 17px;
    color: #081880;
    font-weight: 300
}

.bi-author a:hover {
    color: #0866ff
}

.bi-details h3 {
    font-size: 34px;
    line-height: 38px;
    margin: 19px 0 15px
}

.bi-details p {
    margin: 0 0 22px
}

.bi-details .rm {
    display: inline-block;
    font-size: 16px;
    color: #081880;
    font-weight: 700;
    text-transform: uppercase;
    font-family: rubik, sans-serif
}

.bi-details .rm i {
    color: #0866ff;
    font-size: 22px;
    position: relative;
    top: 4px;
    padding-left: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.bi-details .rm:hover {
    color: #0866ff
}

.bi-details .rm:hover i {
    padding-left: 20px
}

.blog-item-3.noThumb {
    border: 2px solid #e9e9e9;
    padding: 40px
}

.sidebar {
    position: relative;
    padding-left: 10px
}

.sidebar .widget {
    position: relative;
    padding: 0;
    margin: 0 0 42px
}

.sidebar .widget .widget-title {
    text-transform: capitalize;
    position: relative;
    font-size: 28px;
    line-height: 36px;
    margin: 0 0 44px
}

.sidebar .widget .widget-title:after {
    position: absolute;
    width: 50px;
    height: 3px;
    background: #0866ff;
    left: 0;
    bottom: -8px;
    content: ''
}

.woocommerce-product-search,
.search-form {
    position: relative;
    margin: -12px 0 0
}

.woocommerce-product-search [type=search],
.search-form [type=search] {
    width: 100%;
    height: 45px;
    font-size: 16px;
    line-height: 17px;
    background: 0 0;
    border-radius: 0;
    color: #565872;
    border: none;
    border-bottom: 1px solid rgba(8, 24, 69, .2);
    padding: 0 0 19px;
    outline: none
}

.woocommerce-product-search [type=search]::-moz-placeholder,
.search-form [type=search]::-moz-placeholder {
    color: #565872;
    opacity: 1
}

.woocommerce-product-search [type=search]::-ms-input-placeholder,
.search-form [type=search]::-ms-input-placeholder {
    color: #565872;
    opacity: 1
}

.woocommerce-product-search [type=search]::-webkit-input-placeholder,
.search-form [type=search]::-webkit-input-placeholder {
    color: #565872;
    opacity: 1
}

.woocommerce-product-search button,
.search-form button {
    font-size: 20px;
    border: none;
    outline: none;
    height: 100%;
    padding: 0;
    background: 0 0;
    color: #717171;
    line-height: 35px;
    position: absolute;
    right: 0;
    top: -2px;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.woocommerce-product-search button {
    height: 35px;
    background: #081880;
    padding: 0 20px;
    line-height: 35px;
    color: #fff
}

.search-form button:hover {
    color: #0866ff
}

.sidebar .widget ul {
    margin: 0;
    padding: 0
}

.sidebar .widget ul li {
    list-style: none;
    display: block;
    position: relative;
    font-size: 16px;
    color: #081880;
    line-height: 28px;
    font-weight: 500;
    font-family: rubik, sans-serif;
    padding-left: 25px;
    border-bottom: 1px dashed #081880;
    padding-bottom: 23px;
    margin: 0 0 20px
}

.sidebar .widget ul li:after {
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 22px;
    color: rgba(8, 24, 69, .2);
    content: "\e9ef";
    font-family: nss-theme;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms
}

.sidebar .widget ul li a {
    color: inherit;
    display: inline-block
}

.sidebar .widget ul li:hover a {
    color: #0866ff
}

.sidebar .widget ul li:hover:after {
    left: 5px;
    color: #0866ff
}

.sidebar .widget ul li:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.sidebar .widget.widget_categories ul li {
    text-transform: capitalize;
    font-weight: 400;
    border-bottom: 1px solid rgba(8, 24, 69, .16);
    padding-bottom: 23px
}

.service-ads {
    padding: 60px 20px 50px;
    min-height: 350px;
    text-align: center;
    border-radius: 10px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.service-ads i {
    position: relative;
    z-index: 2;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #0866ff;
    line-height: 70px;
    font-size: 24px;
    animation: shadows 1s linear infinite;
    margin: 0 0 35px
}

.service-ads h4 {
    color: #fff;
    line-height: 40px;
    font-size: 25px;
    margin: 0 0 28px;
    position: relative;
    z-index: 2
}

.service-ads a {
    color: #fff;
    position: relative;
    z-index: 2;
    line-height: 40px;
    font-size: 25px;
    font-weight: 800;
    display: inline-block
}

.service-ads:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    background: #0866ff;
    border-radius: 10px;
    opacity: .9
}

.tagcloud {
    position: relative
}

.tagcloud a {
    position: relative;
    text-align: center;
    display: inline-block;
    font-size: 16px !important;
    font-family: rubik, sans-serif;
    color: #081880;
    text-transform: lowercase;
    height: 40px;
    border: none;
    border-radius: 30px;
    background: #fff;
    line-height: 40px;
    padding: 0 22px;
    margin: 0 8px 12px 0;
    box-shadow: 0 0 20px 0 rgba(130, 130, 13, .09);
    -webkit-box-shadow: 0 0 20px 0 rgba(130, 130, 13, .09);
    -ms-box-shadow: 0 0 20px 0 rgba(130, 130, 13, .09)
}

.tagcloud a:hover {
    background: #0866ff;
    color: #fff
}

.singleBlogPage {
    position: relative;
    padding: 120px 0
}

.single_blog {
    position: relative
}

.ps-thumb {
    position: relative;
    margin: 0 0 40px
}

.ps-thumb img {
    max-width: 100%;
    height: auto;
    width: auto;
    border-radius: 5px
}

.bp-meta {
    position: relative;
    margin: 0 0 28px
}

.sb_details {
    position: relative;
    margin: 0 0 58px
}

.sb_details img {
    max-width: 100%;
    height: auto;
    margin: 0 0 10px
}

.sb_details p {
    margin: 0 0 30px
}

.sb_details blockquote.wp-block-quote,
.sb_details blockquote {
    position: relative;
    margin: 40px 0 45px;
    background: 0 0;
    padding: 40px 60px 0
}

.sb_details blockquote::after {
    position: absolute;
    left: 45px;
    top: 0;
    z-index: -1;
    background: url(../image/quote.png) no-repeat top left;
    content: '';
    width: 113px;
    height: 75px
}

.sb_details blockquote p {
    font-size: 24px;
    color: #081880;
    line-height: 32px;
    font-style: italic;
    font-weight: 400;
    margin: 0 !important
}

.sb_details blockquote cite {
    display: block;
    font-size: 25px;
    color: #0866ff;
    font-weight: 700;
    font-style: normal;
    margin: 18px 0 0
}

.sb_details ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    font-size: 16px;
    line-height: 34px;
    font-family: rubik, sans-serif;
    color: #081880;
    padding-left: 40px;
    margin: 0 0 10px
}

.sb_details ul {
    margin: 0 0 16px;
    padding: 0
}

.sb_details ul li::after {
    position: absolute;
    left: 0;
    font-size: 18px;
    top: 0;
    color: #0866ff;
    content: "\ea0f";
    font-family: nss-theme
}

.sb_details .wp-block-columns {
    margin-bottom: 1px;
    margin-top: 28px
}

.sb_details .wp-block-image {
    margin-bottom: 22px
}

.sb_details img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0 0 10px
}

.tags {
    position: relative
}

.tags a {
    position: relative;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    font-family: rubik, sans-serif;
    color: #081880;
    text-transform: lowercase;
    height: 40px;
    border: none;
    border-radius: 30px;
    background: #fff;
    line-height: 40px;
    padding: 0 22px;
    margin: 0 8px 12px 0;
    box-shadow: 0 0 20px 0 rgba(130, 130, 13, .09);
    -webkit-box-shadow: 0 0 20px 0 rgba(130, 130, 13, .09);
    -ms-box-shadow: 0 0 20px 0 rgba(130, 130, 13, .09)
}

.tags a:hover {
    background: #0866ff;
    color: #fff
}

.social-share {
    text-align: right;
    position: relative;
    margin: 8px 0 0
}

.social-share a {
    display: inline-block;
    color: rgba(8, 24, 69, .4);
    font-size: 20px;
    margin-left: 20px
}

.social-share a:hover {
    color: #0866ff
}

.tg-so {
    margin-bottom: 55px
}

.post-pagination {
    position: relative;
    border-top: 1px dashed rgba(8, 24, 69, .4);
    border-bottom: 1px dashed rgba(8, 24, 69, .4);
    padding: 30px 0;
    margin: 0 0 65px
}

.post-pagination a {
    display: block;
    color: #081880;
    line-height: 26px
}

.post-pagination a.prev,
.post-pagination a.next {
    font-size: 16px;
    font-family: rubik, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin: 0 0 17px
}

.post-pagination a.next i,
.post-pagination a.prev i {
    font-size: 20px;
    margin-right: 15px;
    position: relative;
    top: 3px
}

.post-pagination a.next i {
    margin-left: 15px;
    margin-right: 0
}

.post-pagination a:hover {
    color: #0866ff
}

.post-author {
    position: relative;
    background: #f4f4f4;
    border-radius: 10px;
    padding: 40px 30px 40px 200px
}

.post-author img {
    width: 127px;
    height: 127px;
    border-radius: 50%;
    position: absolute;
    left: 35px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.post-author h4 {
    color: #0866ff;
    font-size: 24px;
    margin: 0 0 4px
}

.post-author h4 a {
    color: inherit
}

.post-author p {
    margin: 0 0 16px
}

.post-author>a {
    display: inline-block;
    font-size: 16px;
    margin-right: 15px;
    color: rgba(8, 24, 69, .4)
}

.post-author>a:hover {
    color: #0866ff
}

.comment-area {
    position: relative;
    margin: 60px 0 0
}

.cmtitle {
    position: relative;
    font-size: 48px;
    line-height: 58px;
    margin: 0 0 65px
}

.cmtitle:after {
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 50px;
    height: 3px;
    background: #0866ff;
    content: ''
}

.comment-list {
    margin: 0;
    padding: 0
}

.comment-list li {
    list-style: none
}

.comment-list .children {
    margin: 0 0 0 140px;
    padding: 0
}

.single-comment {
    position: relative;
    border-radius: 10px;
    border: 1px solid #d1d1d1;
    padding: 40px 40px 42px 180px;
    margin: 0 0 30px
}

.single-comment .cm-img {
    position: absolute;
    left: 45px;
    top: 45px;
    width: 97px;
    height: 97px;
    border-radius: 50%
}

.single-comment .cm-author {
    font-family: rubik, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    color: #081880;
    font-weight: 500;
    margin: 0 0 11px
}

.single-comment .cm-author span {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin: 4px 0 0;
    text-transform: none
}

.cm-comment {
    position: relative
}

.cm-comment p {
    margin: 0 0 5px
}

.comment-reply-link {
    display: inline-block;
    font-size: 14px;
    line-height: .8;
    color: #081880;
    font-weight: 500;
    font-family: rubik, sans-serif;
    text-transform: uppercase
}

.comment-reply-link:hover {
    color: #0866ff
}

.comment-form {
    position: relative;
    margin-top: 50px
}

.comment-form .cmtitle {
    margin-bottom: 55px
}

.comment-form label {
    display: block;
    cursor: pointer;
    font-size: 16px;
    font-family: rubik, sans-serif;
    color: #081880;
    margin: 0 0 17px
}

.comment-form input,
.comment-form textarea {
    width: 100%;
    height: 60px;
    border: 1px solid #ebebeb;
    background: #fbfbfb;
    border-radius: 0;
    outline: none;
    font-size: 18px;
    line-height: 70px;
    color: rgba(8, 24, 69, .8);
    border-radius: 0;
    padding: 0 20px;
    margin: 0 0 25px
}

.comment-form textarea {
    height: 215px;
    line-height: 30px;
    padding-top: 12px;
    resize: none;
    margin-bottom: 35px
}

.comment-form button {
    height: 65px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    padding: 19px 37px
}

.teamPage {
    position: relative;
    padding: 120px 0 70px
}

.team_02 {
    position: relative;
    padding-bottom: 60px;
    margin: 0 0 50px;
    border-radius: 3px 3px 0 0
}

.team_02 img {
    width: 100%;
    height: auto;
    border-radius: 3px 3px 0 0
}

.t01_details {
    background: #fff;
    box-shadow: 0 9px 35px 0 rgba(33, 37, 41, .05);
    border-radius: 3px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: calc(100% - 80px);
    z-index: 2;
    padding: 33px 15px 30px;
    -webkit-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    transition: all 350ms cubic-bezier(.445, .05, .55, .95)
}

.t01_details h3 {
    font-size: 20px;
    font-family: rubik, sans-serif;
    font-weight: 500;
    margin-bottom: 2px;
    color: #081880
}

.t01_details h3 a {
    color: inherit
}

.t01_details h3 a:hover {
    color: #0866ff
}

.t01_details p {
    font-size: 17px;
    margin: 0
}

.t01_social {
    display: block;
    text-align: center;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 350ms cubic-bezier(.445, .05, .55, .95);
    transition: all 350ms cubic-bezier(.445, .05, .55, .95)
}

.t01_social a {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: 0 0;
    border: 1px solid rgba(8, 24, 69, .16);
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    color: #081880;
    line-height: 30px;
    padding-top: 1px;
    margin: 0 5px;
    margin-top: 20px;
    margin-bottom: 10px
}

.t01_social a:nth-child(1) {
    -webkit-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    transition: all 500ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -webkit-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0)
}

.t01_social a:nth-child(2) {
    -webkit-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    transition: all 650ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -webkit-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0)
}

.t01_social a:nth-child(3) {
    -webkit-transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    transition: all 800ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -webkit-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0)
}

.t01_social a:nth-child(4) {
    -webkit-transition: all 950ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 950ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 950ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 950ms cubic-bezier(.445, .05, .55, .95);
    transition: all 950ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -webkit-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0)
}

.t01_social a:nth-child(05) {
    -webkit-transition: all 1100ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 1100ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 1100ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 1100ms cubic-bezier(.445, .05, .55, .95);
    transition: all 1100ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -webkit-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0)
}

.t01_social a:nth-child(06) {
    -webkit-transition: all 1250ms cubic-bezier(.445, .05, .55, .95);
    -moz-transition: all 1250ms cubic-bezier(.445, .05, .55, .95);
    -ms-transition: all 1250ms cubic-bezier(.445, .05, .55, .95);
    -o-transition: all 1250ms cubic-bezier(.445, .05, .55, .95);
    transition: all 1250ms cubic-bezier(.445, .05, .55, .95);
    transform: translate3d(0, 150px, 0);
    -moz-transform: translate3d(0, 150px, 0);
    -webkit-transform: translate3d(0, 150px, 0);
    -ms-transform: translate3d(0, 150px, 0);
    -o-transform: translate3d(0, 150px, 0)
}

.team_02:hover .t01_social {
    height: 59px
}

.team_02:hover .t01_social a {
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.t01_social a:hover {
    background: #0866ff;
    border-color: #0866ff;
    color: #fff
}

.teamSinglePage {
    position: relative;
    padding: 120px 0 90px
}

.tm-area {
    position: relative;
    padding-right: 50px
}

.team_thumb {
    position: relative;
    margin: 0 0 44px
}

.team_thumb img {
    width: 100%;
    border-radius: 5px;
    height: auto
}

.team_content {
    position: relative;
    padding: 0;
    margin-left: -25px
}

.team_content h4 {
    font-size: 30px;
    margin: 0 0 0
}

.team_content>span {
    display: block;
    text-transform: uppercase;
    color: #0866ff;
    font-size: 14px;
    margin: 0 0 15px
}

.team_content .t01_social {
    position: relative;
    margin: 0 0 25px;
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transform: none;
    text-align: left
}

.team_content .t01_social a {
    visibility: visible;
    opacity: 1;
    transform: none;
    margin: 0 7px 0 0;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.team_content p {
    margin: 0 0 37px
}

.team_content ul {
    margin: 0 0 35px;
    padding: 24px 30px;
    border-radius: 5px;
    background: #f4f4f4
}

.team_content ul li {
    list-style: none;
    display: block;
    font-size: 18px;
    line-height: 36px;
    margin: 0;
    float: left;
    width: 50%
}

.team_content ul li span {
    text-transform: capitalize;
    display: inline-block;
    font-weight: 600;
    color: #081880;
    margin: 0
}

.team_content ul li a {
    color: inherit
}

.team_content ul li a:hover {
    color: #0866ff
}

.faqPage {
    position: relative;
    padding: 120px 0 100px
}

.faqPage .sec-title {
    margin-bottom: 60px
}

.contactSetion {
    position: relative;
    padding: 150px 0 120px
}

.icon-box-6 {
    position: relative;
    padding: 59px 40px 27px;
    margin: 0 0 120px;
    border: 2px solid #ececec;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-box-6 i {
    width: 76px;
    height: 65px;
    background: #0866ff;
    border-radius: 10px;
    text-align: center;
    font-size: 24px;
    line-height: 65px;
    color: #fff;
    position: absolute;
    left: 40px;
    top: -33px
}

.icon-box-6:hover i {
    animation: bounceIn 1s linear;
    animation-duration: 1s;
    animation-duration: 1s
}

.icon-box-6 h5 {
    font-size: 26px;
    line-height: 30px;
    margin: 0 0 12px
}

.icon-box-6 p {
    margin: 0
}

.contactSetion .contact-form {
    position: relative;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 0
}

.contactSetion .iconInput input[type=text],
.contactSetion .iconInput input[type=email],
.contactSetion .iconInput input[type=url],
.contactSetion .iconInput input[type=number],
.contactSetion .iconInput textarea {
    border-radius: 0;
    border-color: rgba(8, 76, 148, .1);
    padding-left: 30px
}

.contactSetion .iconInput textarea {
    height: 170px
}

.contactSetion .iconInput i {
    right: 30px
}

.contactSetion .contact-form button {
    width: 200px
}

.contactSetion .iconInput input.reqError,
.contactSetion .iconInput .reqError {
    border-color: red
}

.grap-map {
    position: relative;
    line-height: .8;
    overflow: hidden
}

.grap-map iframe {
    width: 100%;
    height: 550px;
    border: none
}

.grayscale iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%)
}

.borderTop {
    border-top: 2px solid #f8f8f8
}

.preloader {
    background: #081880;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999
}

.loaderInner {
    width: 70px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.mask {
    position: absolute;
    border-radius: 2px;
    overflow: hidden;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.plane {
    background: #0866ff;
    width: 400%;
    height: 100%;
    position: absolute;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    z-index: 100;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.animation {
    transition: all .3s ease
}

#top .plane {
    z-index: 2000;
    -webkit-animation: trans1 1.3s ease-in infinite 0s backwards;
    animation: trans1 1.3s ease-in infinite 0s backwards
}

#middle .plane {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    background: #0866ff;
    -webkit-animation: trans2 1.3s linear infinite .3s backwards;
    animation: trans2 1.3s linear infinite .3s backwards
}

#bottom .plane {
    z-index: 2000;
    -webkit-animation: trans3 1.3s ease-out infinite .7s backwards;
    animation: trans3 1.3s ease-out infinite .7s backwards
}

#top {
    width: 53px;
    height: 20px;
    left: 20px;
    -webkit-transform: skew(-15deg, 0);
    transform: skew(-15deg, 0);
    z-index: 100
}

#middle {
    width: 33px;
    height: 20px;
    left: 20px;
    top: 15px;
    -webkit-transform: skew(-15deg, 40deg);
    transform: skew(-15deg, 40deg)
}

#bottom {
    width: 53px;
    height: 20px;
    top: 30px;
    -webkit-transform: skew(-15deg, 0);
    transform: skew(-15deg, 0)
}

.preloader p {
    color: #0866ff;
    position: absolute;
    left: -3px;
    top: 45px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0
}

@-webkit-keyframes trans1 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-250px, 0, 0);
        transform: translate3d(-250px, 0, 0)
    }
}

@keyframes trans1 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-250px, 0, 0);
        transform: translate3d(-250px, 0, 0)
    }
}

@-webkit-keyframes trans2 {
    from {
        -webkit-transform: translate3d(-160px, 0, 0);
        transform: translate3d(-160px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0)
    }
}

@keyframes trans2 {
    from {
        -webkit-transform: translate3d(-160px, 0, 0);
        transform: translate3d(-160px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0)
    }
}

@-webkit-keyframes trans3 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-220px, 0, 0);
        transform: translate3d(-220px, 0, 0)
    }
}

@keyframes trans3 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-220px, 0, 0);
        transform: translate3d(-220px, 0, 0)
    }
}

.submenu-toggler {
    display: none
}

.fix-header {
    left: 0;
    position: fixed;
    right: 0;
    top: -1px;
    width: 100%;
    z-index: 99;
    transition: all .1s ease-out;
    box-shadow: 0 13px 15px rgba(0, 0, 0, .03);
    -webkit-box-shadow: 0 13px 15px rgba(0, 0, 0, .03);
    -moz-box-shadow: 0 13px 15px rgba(0, 0, 0, .03)
}

.h2.fix-header {
    background: #222f5a;
    border: none
}

.about-section-2 .container .row{
    background: #e6f6fe;
    border:2px solid;
    border-image: radial-gradient(circle at center, #fff, #F8FDFF) 10 10;
    border-radius: 15px;
    padding:56px 64px 68px;
    box-shadow: 3.12px 9.37px 21.85px 0 rgba(0, 0, 0, .06);
}
.about-section-2 .row .video_image{
    padding-top:0;
}
.about-section-2 .row p.about-tit{
    font-family: Manrope;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color:#3D3D3D;
    text-align: center;
    padding-bottom: 44px;
}
.about-section-2 .row p.about-tit span{
    background: -webkit-linear-gradient(left, #0179B4, #88D8FF);
    background: linear-gradient(to right, #0179B4, #88D8FF);

    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    color: transparent;
}
.about-section-2 .row .ab-content p.sec-desc{
    font-family: Manrope;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color:#6D6D6D;
}
.portfolio-section-1 #div1 {
    position: relative;
    width: 100%;
    height: 540px;
    /* padding-top:545px; */
    margin: 50px auto 0;
    overflow: hidden;
}

.portfolio-section-1 #div1 ul {
    position: absolute;
    left: 0;
}
.portfolio-section-1 #div1 ul::after{
    display:block;
    content: "";
    clear: both;
}
.portfolio-section-1 #div1 ul li {
    list-style: none;
     max-width: 413px;
    /*height: 544px; */
    float: left;
    padding: 0px;
    border-radius: 10px;
    margin:0 20px 20px;
    background-color: #E6F6FE;
}

.portfolio-section-1 #div1 ul li img {
    width: calc(100% - 60px);
    margin:20px 30px;
}
.portfolio-section-1 #div1 ul li .folio-item-2{
    padding:0 30px;
    margin-bottom:0;
}
.portfolio-section-1 #div1 ul li .folio-item-2 a.lean{
    padding:7px 13px;
    font-family: General Sans;
    font-weight: 500;
    font-size:16px;
    line-height: 155%;
    color:#fff;
    background-color: #011632;
    border-radius: 5px;
    margin-bottom:12px;
}
.portfolio-section-1 #div1 ul li .folio-item-2 div.pto_tit{
    font-family: General Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
    color:#011632;
    margin-top:12px;
}
.portfolio-section-1 #div1 ul li .folio-item-2 p{
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    color:#3C4959;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}
@media (min-width: 768px) and (max-width:1857px){
    .about-section-1 .video_image.img1 img{
        width:100%;
        max-height:325px;
        height: 475px;
        object-fit: contain;
    }
}
@media (width:1280px){
    .ab-content .sec-title {
        font-size: 30px !important;
        line-height: 40px !important;
    }
}
@media (width:1024px){
    .ab-content .sec-title {
        font-size: 20px !important;
        line-height: 30px !important;
        
    }
}
.contact-input{
    /* width:60%; */
    position:relative;
}
.contact-input i{
    position: absolute;
    width:24px;
    height: 24px;
    left:21px;
    top:15.5px;
    background: url(../image/Iconly_Light-Outline_Call.png);
    
}
.contact-input input{
    width:100%;
    height:55px;
    border:1px solid #cecece;
    border-radius: 10px;
    padding-left:60px;
}

.contact-input input::-webkit-input-placeholder{
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    /* padding-left:60px; */
}    /* 使用webkit内核的浏览器 */
.contact-input input::-moz-placeholder{
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    /* padding-left:60px; */
}                  /* Firefox版本19+ */
.contact-input input:-moz-placeholder{
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    /* padding-left:60px; */
}                  /* Firefox版本4-18 */
.contact-input input:-ms-input-placeholder{
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    /* padding-left:60px; */
}           /* IE浏览器 */

.contact-input a{
    padding:15px 30px;
    font-family: General Sans;
    font-size: 16px;
    font-weight: 600;
    line-height: 155%;
    background: #1376F8;
    color:#fff;
    border-radius: 0px 10px 10px 0px;
    position: absolute;
    right:0;
    top:0
}
.about-section-1 .video_image.img2{
    background:#25B4F8;
    border-radius: 10px;
}
.about-section-1 .video_image.img2 img{
    position: relative;
    top:30px;
    right:30px;
    border-radius: 10px;
}

.about-section-3 h3.news_tit{
    max-width: 755px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0.2px;
    margin:0 auto 46px;
    text-align: center;
}
.about-section-3 .news-list{
    margin-bottom:11px;
    padding:26px;
    padding-bottom: 0;
    position: relative;
}
.about-section-3 .news-list h6.sub-title{
    color:#252B42;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 20.77px;
    line-height: 24.92px;
    letter-spacing: 0.21px;
    padding-left:72px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.about-section-3 .news-list p{
    color:#737373;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14.54px;
    line-height: 16.61px;
    padding-left:72px;
    letter-spacing: 0.21px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.about-section-3 .news-list::before{
    display: block;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16.61px;
    line-height: 24.92px;
    letter-spacing: 0.1px;
    color:#1376F8;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background:#ececec;
    position: absolute;
    left:25px;
    top:25px;
    text-align: center;
    line-height: 52px;
}
.about-section-3 .news-list:nth-child(1)::before{
    content:'01';
}
.about-section-3 .news-list:nth-child(2)::before{
    content:'02';
}
.about-section-3 .news-list:nth-child(3)::before{
    content:'03';
}
.about-section-3 .news-list:nth-child(4)::before{
    content:'04';
}
.contact-section-1 .map{
    max-height: 325px;
    height: 325px;
    width:100%;
    margin-bottom: 20px;
}
.contact-section-1 .map iframe{
    width: 100%;
    height: 100%;
}
.contact-section-1 .icon-box-3.contact1{
    background: #fff;
    box-shadow: 0 5px 50px rgba(0,0,0,0.05);
    flex-direction: row;
    border-radius: 10px;
    padding:20px;

}
.contact-section-1 .icon-box-3.contact1 .ib-icon{
    position:unset;
    margin-bottom:0;
    margin-right: 15px;
    border-radius: 50%;
}
.contact-section-1 .icon-box-3.contact1 .ib-txt h5{
    font-family: General Sans;
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
    color:#011632;
}
.contact-section-1 .icon-box-3.contact1 .ib-txt p{
    color:#3C4959;
    font-family: General Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 155%;
}
.contact-section-1 textarea.required1{
    height: 280px;
}
.contact-section-1 .contact-tit h4{
    color:#011632;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 62px;
    line-height: 120%;
    text-align: center;
    background-image: url(../image/group.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}
.contact-section-1 .contact-tit p{
    text-align: center;
    color:#3C4959;
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 155%;
    margin-bottom:60px;
}
.client-section .client-tit h4{
    color:#3C4959;
    text-align: center;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 62px;
    line-height: 125%;
    background-image: url(../image/group.png);
    background-repeat: no-repeat;
    background-position: bottom center;
}

.client-section .client-tit p{
    max-width: 940px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 155%;
    text-align: center;
    margin:0 auto 60px;
}
.faq{
    margin:100px auto;
}
.faq #accordion .btn.collapsed:after{
    content: "\4c";
}
.faq .faq-tit h4{
    color: #3C4959;
    text-align: center;
    max-width: 1070px;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 42px;
    line-height: 125%;
}
.faq .faq-tit p{
    color:#3C4959;
    text-align: center;
    max-width: 821px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 155%;
    margin:10px auto 80px;
}

/* about change */
.page_banner{
    min-height: 500px;
    background-size: 100% auto;
}
.page_banner:after{
    background: none;
}
.page_banner .pb_title{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 60px;
    line-height: 54px;
    font-style: oblique;
}
.page_banner .page_crumb{
    font-family: Manrope;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color:#cfcfcf;
}

.about-section-1 .ab-content .text-capitalize{
    color:#0360D9;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}

.video{
    margin:80px 0 0;
    padding:75px 0 95px;
}
.video h4.video-tit{
    font-family: Montserrat;
    font-weight: 700;
    line-height: 42px;
    line-height: 125%;
    text-align: center;
    color:#011632;
    margin:0 auto 34px;
    background-image: url(../image/group.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    max-width: 906px;
}

.video p{
    max-width: 905px;
    margin: 0 auto 65px;
    color: #3C4959;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;
    text-align: center;
}
.video a{
    position: relative;
}
.video a i{
    position: absolute;
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    top:50%;
    margin-top:-25px;
    color:#fff;
    background-image: url(../image/mp4-icon.png);
    background-size: 50px;
}
.about1 h2.sec-title{
    color:#252B42;
    font-family: Montserrat;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    letter-spacing: 0.21px;

}
.about1 .ab-content .singlefaq1{
    background-color: #ECECEC;
    padding:13px 0px 15px 16px;
    border-radius: 30px;
}
.about1 .singlefaq1 .card-header .btn{
    font-family: Montserrat;
    font-weight: 700;
    font-size: 16px;
    line-height: 24.92px;
    letter-spacing: 0.1px;
    padding:0;
    color:#1376F8;
}
.singlefaq1 .card-header .btn.collapsed:after{
    width:27px;
    height: 27px;
    font-size: 12px;
    line-height: 27px;
    color:#fff;
    background:#1376F8;
}
.about2{
    padding-top:0;
}
.about2 .ab-content .sec-title{
    font-family: Montserrat;
    font-weight: 600;
    font-size: 36px;
    line-height: 125%;
    background-image: url(../image/group.png) ;
    background-repeat: no-repeat;
    background-position: left;
}
.about2 .ab-content .sec-desc{
    color: #3C4959;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 155%;

}
.about2 .video_image{
    text-align: right;
    background:#25B4F8;
    border-radius: 10px;
    max-width: 413px;
    margin-left:50px;
}
.about2 .video_image img{
    position: relative;
    right:30px;
    top:30px;
}
.about3{
    margin:0 10%;
    background-color: #E6F6FE;
}
.about3 .sec-title{
    background-image: url(../image/group.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}
.about3 .sec-desc1{
    background-image: url(../image/iconly.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left:30px;
}
.about3 .sec-desc{
    margin-bottom: 15px;
    color:#3C4959;
    font-family: Montserrat;
    font-family: 400;
    font-family: 18px;
    line-height: 155%;

}
.about4 .sec-title{
    background-image: url(../image/group.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 40%;

}
.about4 .sub-title{
    color:#3C4959;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 24px;
    line-height: 155%;
}
.about4 .video_image{
    position: relative;
}
.about4 .video_image i{
    position: absolute;
    display: block;
    height: 60%;
    width: 27px;
    border-radius: 0 10px 10px 0;
    background-color: #25B4F8;
    left: 411px;
    top:100px;
}
/* blog */
.about-section-1.blog h3{
    color: rgba(0, 0, 0, 0.85);
    font-family: Montserrat;
    font-weight: 900;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
}
.about-section-1.blog h2.sec-bg{
    color:#1376F8;
    background:none;
    font-family: Lato;
    font-weight: 900;
    font-size: 36px;
    line-height: 43px;
}

.about-section-1.blog p.sec-desc{
    color:rgba(0, 0, 0, 0.54);
    font-family: Lato;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;

}

.blogPage .row .biThumb:after{
    display: none;
}
.blogPage .row .biThumb img{
    padding:32px;
    padding-right: 0;
    padding-bottom: 16px;
    padding-left: 1px;
}
.blogPage .biDetails .biMeta{
    position:unset;
    background: none;
    padding-left: 0;
}
.blogPage .biDetails h3 a{
    color:#011632;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;

}
.blogPage .biDetails p{
    color: #3C4959;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 18px;
    line-height: 155%;

}
.blogPage .biDetails .biMeta a{
    color:#999999;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;

}
.blogPage .biDetails .lr_more{
    padding:15px 30px;
    color: #fff;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 16px;
    line-height: 155%;
    border-radius: 10px;
    background-color: #1376F8;
}

/* product */
.portfolioPage{
    background-color: #E6F6FE;
}
.portfolioPage img{
    margin-bottom: 28px;
    object-fit: contain;
}
.portfolioPage h5{
    margin-bottom: 15px;
}
.portfolioPage h5 a{
    color:#011632;
    /*font-family: Montserrat;*/
    font-weight: 500;
    font-size: 16px;
    line-height: 155%;
    text-align: left;
}

.portfolioPage .fm-more{
    display: none;
}
.portfolioPage .shaf-item:hover .fm-more{
    display: block;
}
.portfolioPage .cats a{
    color:#0360D9;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 14px;
    line-height: 155%;
    text-align: left;

}

.jiantou::after{
        content: '\2192';
        font-size: 20px;
        line-height: 21px;
        display: inline-block;
        margin-left: 20px;
        height: 21px;
        padding-top: 2px;
}
.sec-desc.small{
    color: #999;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 14px;
    line-height: 155%;

}