@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');



body {

    font-family: 'Rubik', sans-serif;

    margin: 0;

    padding: 0;

    scroll-behavior: smooth;

    box-sizing: border-box;

    line-height: 2;

    color: #616161;

}



.navbar-sticky-contnet.sticky {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    z-index: 10000;

    transform: translateY(40px);

    transition: transform .3s;

    top: -40px;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    font-family: 'Rajdhani', sans-serif;

}



h3 {

    letter-spacing: .1em;

}



/* magic-cursor */



body #magicPointer {

    background-color: #006869 !important;

}



body #magicMouseCursor {

    border: 1px solid #006869 !important;

}



/* bg-colortheme */

.waes-bg-theme1 {

    /* background: rgb(20, 57, 179); */
    background-color: #2a2744;
    /* background: -moz-linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%); */

}



.waes-bg-theme2 {

    background-color: #293476;

}



.waes-logo-bg-theme3 {

    background: -moz-linear-gradient(90deg, rgba(23, 70, 179, 1) 0%, rgba(17, 119, 199, 1) 35%, rgba(10, 175, 222, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(23, 70, 179, 1) 0%, rgba(17, 119, 199, 1) 35%, rgba(10, 175, 222, 1) 100%);

    background: linear-gradient(90deg, rgba(23, 70, 179, 1) 0%, rgba(17, 119, 199, 1) 35%, rgba(10, 175, 222, 1) 100%);

    background: rgb(23, 70, 179);

}



.waes-bg-theme4 {

    background-color: #006869;

}



.waes-bg-theme5 {

    background-color: #f8f8f8;

}



/* text-colortheme */

.waes-text-theme1 {

    color: #006869;

}



.waes-text-theme2 {

    color: #15244F;

}



.waes-text-theme3 {



    background: -moz-linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



/* header1-section */

.header1 i {

    background: -moz-linear-gradient(to bottom, #006869 0%, #fff 100%);

    background: -webkit-linear-gradient(to bottom, #006869 0%, #fff 100%);

    background: linear-gradient(to bottom, #006869 0%, #fff 100%);


    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.header1 .navbar-nav .nav-link.active,

.navbar-nav .nav-link.show {

    color: #006869;

}



.header1 .navbar-nav .nav-link:hover {

    color: #09c4c6 !important;

}



.header1 .nav-link {

    color: #fff;

}



.header1 .dropdown:hover .dropdown-menu {

    display: block;

}



/* header2-section */

.header2 form:hover button a {

    color: #006869 !important;

}



.header2 .logo img {

    top: -31px;

    z-index: 100;

    position: relative;

}



.header2 .dropdown .active {

    color: #09c4c6 !important;

}



.header2 ul .dropdown li:hover a {

    color: #09c4c6 !important;

    background: transparent !important;

}



.header2 .dropdown-item.active,

.header2 .dropdown-item:active {

    color: #006869 !important;

    background: transparent !important;

}



.header2 ul .dropdown:hover .dropdown-menu {

    display: block;

}



.dropdown-menu li:hover .dropdown-item {

    background-color: transparent;

    color: #006869;

}



.header2 .logo span {

    position: absolute;

    content: '';

    right: -49px;

    top: -87px;

    bottom: 0px;

    width: 591px;

    height: 145px;

    background: rgb(23, 70, 179);

    background: linear-gradient(90deg, rgb(41, 52, 118) 0%, rgb(41, 52, 118) 35%, rgb(10, 175, 222) 100%);

}



.header2 .logo span:before {

    position: absolute;

    content: '';

    border-top: 80px solid transparent;

    border-left: 50px solid #0aacdc;

    border-bottom: 75px solid transparent;

    right: -44px;

    top: -9px;

    z-index: 1;

}



.header2 .logo span:after {

    position: absolute;

    content: '';

    border-top: 80px solid transparent;

    border-left: 50px solid #1890cd;

    border-bottom: 72px solid transparent;

    right: -62px;

    top: -6px;

}



.header2 .logo:before {

    position: absolute;

    content: '';

    width: 17px;

    height: 144px;

    background-color: #1890cd;

    right: -62px;

    top: -86px;

    z-index: 1;

}



.header2 .navbar-expand-lg .navbar-nav .nav-link {

    color: #fff !important;

}



.header2 .navbar-nav .nav-link.active,

.header2 .navbar-nav .nav-link.show {

    color: #09c4c6 !important;

}



.button-hover,

.button-hover1 .btn {

    overflow: hidden;

}



.button-hover:before,

.button-hover1 .btn:before {

    position: absolute;

    content: '';

    top: 0px;

    bottom: 0px;

    left: 0px;

    right: -50px;

    border-bottom: 55px solid #ffffff;

    border-right: 30px solid transparent;

    -webkit-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    transition: all 600ms ease;

    -webkit-transform: translateX(-100%);

    transform: translateX(-100%);



}



.button-hover:after,

.button-hover1 .btn:after {

    position: absolute;

    content: '';

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: -50px;

    border-left: 30px solid transparent;

    border-bottom: 55px solid #ffffff;

    -webkit-transition: all 600ms ease;

    -moz-transition: all 600ms ease;

    -ms-transition: all 600ms ease;

    -o-transition: all 600ms ease;

    transition: all 600ms ease;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);



}



.button-hover1 .btn:after,

.button-hover1 .btn:before {

    border-bottom: 55px solid #15244F;

    /* z-index: -1; */

}







.button-hover:hover:before,

.button-hover1 .btn:hover:before {

    -webkit-transform: translateX(-40%);

    transform: translateX(-40%);

}



.button-hover:hover:after,

.button-hover1 .btn:hover:after {

    -webkit-transform: translateX(40%);

    transform: translateX(40%);

}



.button-hover1 button:hover span {

    color: #fff;

    z-index: 1;

    position: relative;

}





.button-hover1 .btn i {

    background: -moz-linear-gradient(top, #fff 0%, #fff 100%);

    background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);

    background: linear-gradient(to bottom, #fff 0%, #fff 100%);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.button-hover:hover button {

    z-index: 100;

    color: #006869 !important;

}






.header2 .button-hover {

    position: relative;

    right: -16px;

}



/* banner */

.banner {

    overflow: hidden;

}



.banner .carousel-inner {

    padding: 171px 0 128px 90px !important;

}



.animate1-banner {

    position: absolute;

    bottom: 0;

    left: 0;

    top: 0;

    background-position: right top;

    background-repeat: no-repeat;

    animation: zoom-fade 8s infinite linear;

    -webkit-animation: zoom-fade 8s infinite linear;

    -moz-animation: zoom-fade 8s infinite linear;

    -ms-animation: zoom-fade 8s infinite linear;

    -o-animation: zoom-fade 8s infinite linear;

}



@keyframes zoom-fade {

    0% {

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }



    50% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    100% {

        -webkit-transform: scale(0.8);

        transform: scale(0.8);

    }

}



.banner-bg {

    position: absolute;

    left: 0px;

    top: 30px;

    opacity: 0.1;

    background-repeat: no-repeat;

}



.animate2-banner {

    position: absolute;

    bottom: -17px;

    left: 0;

    right: 0;

    top: 0;

}



.animate2-banner .wave {

    position: absolute;

    bottom: 0;

    left: 0;

    /* right: 0;

    top: 0; */

    width: 100%;

    height: 100px;

    background: url(wave.png);

    background-size: 1000px 100px;



}



.animate2-banner .wave.wave1 {

    animation: animate 30s linear infinite;

    z-index: 1000;

    opacity: 1;

    animation-delay: 0s;

    bottom: 0;

}



.animate2-banner .wave.wave1 {

    animation: animate1 30s linear infinite;

    z-index: 1000;

    opacity: 1;

    animation-delay: 0s;

    bottom: 0;

}



.animate2-banner .wave.wave2 {

    animation: animate1 15s linear infinite;

    z-index: 999;

    opacity: 0.5;

    animation-delay: -5s;

    bottom: 10px;

}



.animate2-banner .wave.wave3 {

    animation: animate 30s linear infinite;

    z-index: 998;

    opacity: 0.2;

    animation-delay: -2s;

    bottom: 15px;

}



.animate2-banner .wave.wave4 {

    animation: animate2 5s linear infinite;

    z-index: 997;

    opacity: 0.7;

    animation-delay: -5s;

    bottom: 20px;

}



@keyframes animate {

    0% {

        background-position-x: 0;

    }



    100% {

        background-position-x: 1000px;

    }

}



@keyframes animate1 {

    0% {

        background-position-x: 0;

    }



    100% {

        background-position-x: -1000px;

    }

}



/* introduction-section */

.introduction {

    overflow: hidden;

}



.introduction .border-intro img {

    border-radius: 50% 50% 0 0;

}



.introduction .border-intro:before {

    content: '';

    position: absolute;

    border: 4px solid #0f50c0;

    border-radius: 50% 50% 0 0;

    left: 6%;

    width: 100%;

    height: 100%;

}



.animate1-intro {

    position: absolute;

    top: 37px;

    left: 73px;

    animation: bounce 9s linear infinite;

    -webkit-animation: bounce 9s linear infinite;

    z-index: 11;

}



@keyframes bounce {



    0%,

    20%,

    53%,

    100% {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translateZ(0);

        transform: translateZ(0);

    }



    40%,

    43% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);

        transform: translate3d(0, -30px, 0) scaleY(1.1);

    }



    70% {

        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);

        transform: translate3d(0, -15px, 0) scaleY(1.05);

    }



    80% {

        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);

        transition-timing-function: cubic-bezier(.215, .61, .355, 1);

        -webkit-transform: translateZ(0) scaleY(.95);

        transform: translateZ(0) scaleY(.95);

    }



    90% {

        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);

        transform: translate3d(0, -4px, 0) scaleY(1.02);

    }

}



.animate2-intro {

    position: absolute;

    bottom: 72px;

    right: -55px;
    animation: zoomIn 9s linear infinite;

    -webkit-animation: zoomIn 9s linear infinite;

    z-index: 11;

    /* width: 29px; */

}



@keyframes zoomIn {

    0% {

        opacity: 0;

        -webkit-transform: scale3d(.3, .3, .3);

        transform: scale3d(.3, .3, .3);

    }



    50% {

        opacity: 1;

    }

}



/* .animate3-intro {

    position: absolute;

    bottom: 2px;

    right: -87px;

    animation: bounce 9s linear infinite;

    -webkit-animation: bounce 9s linear infinite;

    width: 159px;

    z-index: -1;

    opacity: .3;

} */



.introduction h2 span:before,

.choose h2 span:before,

.services h2 span:before,

.features h2 span:before,

.contact h2 span:before,

.team h2 span:before,

.partner h2 span:before,

.blog h2 span:before,

.collabrator h2 span:before {

    content: '';

    position: absolute;

    height: 3px;

    display: block;

    background: #006869;

    width: 90px;

    top: 0;

    bottom: 0;

    margin: auto;

    left: -44px;

}



.introduction h2 span:after,

.choose h2 span:after,

.services h2 span:after,

.features h2 span:after,

.contact h2 span:after,

.team h2 span:after,

.partner h2 span:after,

.blog h2 span:after,

.collabrator h2 span:after {

    content: "";

    position: absolute;

    top: -1px;

    bottom: 0;

    margin: auto;

    display: block;

    width: 12px;

    height: 4px;

    left: -95px;

    background: #ffffff;

    animation: move-bg 3s linear infinite;

    -webkit-animation: move-bg 3s linear infinite;

}



@keyframes move-bg {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        -webkit-transform: translateX(130px);

        transform: translateX(130px);

    }

}



/* collabrator-section */

.collabrator .col {

    margin: auto;

}



.collabrator {

    overflow: hidden;

}



.collabrator .card img {

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

}



.collabrator .card:hover img {

    background: none;

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

}



.collabrator .card:hover::before {

    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

}



.collabrator .card:before {

    background-color: #006869;

    bottom: 0;

    content: "";

    height: 3px;

    left: 0;

    position: absolute;

    -webkit-transform: translateY(100%);

    -ms-transform: translateY(100%);

    transform: translateY(100%);

    /*! -webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1); */

    /*! -o-transition: all .5s cubic-bezier(.645, .045, .355, 1); */

    /*! transition: all .5s cubic-bezier(.645, .045, .355, 1); */

    width: 100%;

    transition: all .5s;

    opacity: 0;

}



.collabrator .card {

    margin-top: 40px;

}



.collabrator .col:nth-child(even) .card {

    margin-top: 0 !important;

}



.collabrator .col:nth-child(even) .card img {

    background: none !important;

    filter: grayscale(0) !important;

    -webkit-filter: grayscale(0) !important;



}



.collabrator .col:nth-child(even) .card:hover img {

    -webkit-transition: all .3s ease-in-out !important;

    transition: all .3s ease-in-out !important;

    filter: grayscale(100%) !important;

    -webkit-filter: grayscale(100%) !important;

}



/* partner-section */

.partner .card img {

    -webkit-filter: blur(0);

    filter: blur(0);

}



.partner .slick-list {

    overflow: initial;

}



.partner .card:hover img {



    -webkit-filter: blur(3px);

    filter: blur(3px);

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



/* choose-section */

.choose .card .icon i {

    width: 100px;

    height: 100px;

    line-height: 100px;

    margin: auto;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;



}



.choose h2 span:before {

    left: -47px;

}



.choose h4 span:before {

    /* border-bottom: 1px solid #006869; */

    content: '';

    position: absolute;

    width: 60px;

    height: 2px;

    background-color: #006869;

    left: 0;

    bottom: -12px;

}



.choose {

    overflow: hidden;

    background: linear-gradient(rgba(248, 248, 248, 0.93), rgb(248, 248, 248,

                0.93)),

        url(choose-bg.png) center center no-repeat;

    /* background: linear-gradient(rgb(255 255 255 / 93%), rgb(255 255 255 / 93%)), 

    url(choose-bg.png) center center no-repeat; */

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: scroll;

    width: 100%;

    height: 100%;

}



/* .demo:before {

    content: '';

    position: absolute;

    background-color: #f8f8f8;

    opacity: 0.89;

    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;

    top: 0;

    right: 0;

    left: 0;

    bottom: 0;

} */

/* partner-section */

.partner {

    overflow: hidden;

}



/* services-section */

.services h2 span:before {

    left: -97px;

}



.services h5 {

    font-weight: bolder;

}



.services h2 span:after {



    -webkit-animation: move-bg1 3s linear infinite;

}



@keyframes move-bg1 {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        -webkit-transform: translateX(80px);

        transform: translateX(80px);

    }

}



.services .card .icon {

    bottom: -21px;

    margin: auto;

    text-align: center;

}



.services .card:before {

    content: '';

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    border-bottom: 2px solid #15244F;

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}



.services .card:hover:before {

    -ms-transform: scale(1);

    transform: scale(1);

}



.services .card:hover .icon i {

    background-color: #006869 !important;

    color: #fff;

}



.services .card .icon i {

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



/* .products-section */

.products .list-group-item.active {

    color: #005de0;

    background-color: transparent;

    border-color: #cbcaca;

}



.products .list-group-item {

    border-color: #cbcaca;

    border-top-width: thin;

}



.products .list-group-item.active .badge {

    background-color: transparent !important;

    color: #005de0 !important;

    border: 1px solid #cbcaca;

}



.products .list-group-item-action:focus,

.products .list-group-item-action:hover {

    background: transparent;

    color: #005de0 !important;

}



/* blog-section */

.blog .card .blog-card:before {

    background: rgba(0, 104, 105, 0.77);

    color: #fff;

    content: "+";

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 42px;

    opacity: 0;

    position: absolute;

    transition: .4s;

    z-index: 1;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}



.blog .card:hover .blog-card:before {

    opacity: 1;

}



/* features-section */

.features h2 span:before {

    left: -97px;

}



.features {

    overflow: hidden;

}



.features h2 span:after {

    -webkit-animation: move-bg-anim 3s linear infinite;

}



@keyframes move-bg-anim {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        -webkit-transform: translateX(82px);

        transform: translateX(82px);

    }

}



.features .card .icon {

    width: 130px;

    height: 130px;

    line-height: 130px;

    justify-content: center;

    align-items: center;

    display: flex;





}



.features .col:nth-child(2n) .card .icon,

.features .col:nth-child(2n) .card .icon i {

    transition: all .5s;

}



.features .col .card:hover .icon i {



    background: -moz-linear-gradient(90deg, #fff 0%, #fff 35%, #fff);

    background: -webkit-linear-gradient(90deg, #fff 0%, #fff 35%, #fff);

    background: linear-gradient(90deg, #fff 0%, #fff 35%, #fff);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;



}



.features .col .card:hover .icon,

.features .col:nth-child(2n) .icon {

    /* background: -moz-linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%); */
    background: -moz-linear-gradient(90deg, rgb(41, 52, 118) 0%, rgb(41, 52, 118) 35%, rgb(10, 175, 222) 100%);
    background: -webkit-linear-gradient(90deg, rgb(41, 52, 118) 0%, rgb(41, 52, 118) 35%, rgb(10, 175, 222) 100%);

    background: linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);



}



.features .col:nth-child(2n) .card:hover .icon {

    background: -moz-linear-gradient(90deg, #fff 0%, #fff 35%, #fff);

    background: -webkit-linear-gradient(90deg, #fff 0%, #fff 35%, #fff);

    background: linear-gradient(90deg, #fff 0%, #fff 35%, #fff);



}



.features .col:nth-child(2n) .card:hover .icon i {



    background: -moz-linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: -webkit-linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: linear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;



}



.features .col:nth-child(2n) .icon {



    background: -moz-linear-gradientlinear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: -webkit-linear-gradientlinear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);

    background: linear-gradientlinear-gradient(90deg, rgba(20, 57, 179, 1) 0%, rgba(12, 90, 198, 1) 35%, rgba(2, 137, 224, 1) 100%);



}



.features .col:nth-child(2n) .icon i {

    background: -moz-linear-gradienta(90deg, #fff 0%, #fff 35%, #fff);

    background: -webkit-linear-gradient(90deg, #fff 0%, #fff 35%, #fff);

    background: linear-gradient(90deg, #fff 0%, #fff 35%, #fff);

    -webkit-background-clip: text;

    -moz-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

}



.features .col:nth-last-child(1) .card span {

    display: none;

}



.features .card span {

    content: '';

    position: absolute;

    display: block;

    right: -107px;

    margin: auto;

    width: 49%;

    height: 100%;

    top: 52px;

}



.features .card ul li:before {

    color: #006869;

    line-height: 25px;

    font-family: 'FontAwesome';

    font-size: 6px;

    content: '\f0c8';

    margin-right: 7px;

}



/* team-section */

.team .card a img {

    height: 50vh;

    object-fit: contain;

}



.team h2 span:after {

    -webkit-animation: move-bg 3s linear infinite;

}



@keyframes move-bg {

    0% {

        -webkit-transform: translateX(0);

        transform: translateX(0);

    }



    100% {

        -webkit-transform: translateX(135px);

        transform: translateX(135px);

    }

}



.team .card:before {

    position: absolute;

    content: "";

    top: 55px;

    left: 0;

    bottom: 0;

    border-radius: 10px;

    transition: all .6s ease;

    right: 40px;

    background-color: #f8f8f8;

    z-index: -1;

}



.team .card ul li {

    width: 40px;

    height: 40px;

    line-height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #f8f8f8;

    border-radius: 50%;

}



.team .social-team {

    left: -7%;

    top: 24%;

}



.team .card {

    padding: 0 0 28px 70px;

    margin-left: 22px;

}



.team {

    overflow: hidden;

}



/* testimonial-section */

.testi-right-content {

    /* position: relative;

    left: 30px; */

}



/* .testi-right {

    position: relative;

    top: 38px;

} */



.quote-wrap {

    bottom: 38%;



    background: #fff;

    padding: 15px;

    left: auto;

}



.testimonial-section .quote-wrap1 img {

    border: 6px solid #006869;

    border-radius: 50%;

}



.testimonial-section,

.testimonials-bg {

    overflow: hidden;

}



.testimonial-section .slick-prev {

    display: none !important;

}



.testimonials-bg::after {

    background: rgba(255, 255, 255, 0.3);

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 0;

    opacity: 1;

    z-index: 9;

    pointer-events: none;

}



.testimonials-bg:hover::after {

    height: 100%;

    opacity: 0;

    -webkit-transition: all 400ms linear;

    transition: all 400ms linear;

}



.testimonial-content {}





/* footer-section */

.footer {

    margin-top: -86px;

    /* background: url(footer-bg.png) repeat-x;

    background-position: center;

    background-size: cover;

    margin-top: -86px;

    padding: 230px 0px 0px; */

}



.footer h5:before {

    content: '';

    position: absolute;

    width: 19%;

    height: 3px;

    background-color: #006869;

    bottom: -8px;

}



.footer h5:after {

    content: "";

    position: absolute;



    bottom: -8px;

    margin: auto;

    display: block;

    width: 12px;

    height: 4px;

    left: 0;

    background: #ffffff;

}



.footer ul li:before {

    line-height: 25px;

    font-family: 'FontAwesome';

    font-size: 15px;

    color: #006869;

    content: '\f101';

    margin-right: 7px;

}



.footer ul li:hover {

    color: #006869;

    transition: all .5s;

}



/* contact-address-section */

.contact {

    overflow: hidden;

}



.contact-address-section {

    z-index: 100;

    position: relative;

}



.footer .btn-outline-light:hover {

    color: #006869 !important;

}



.footer {

    overflow: hidden;

}



/* copy-right */

.copy-right {

    border-top: 1px solid #b9b9b9;

}



.back-to-top {

    z-index: 100;

    position: fixed;

    bottom: 20px;

    right: 20px;

    display: none;

    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

    -webkit-animation: backto-top-bounce 4s infinite ease-in-out;

    animation: backto-top-bounce 4s infinite ease-in-out;

}



@keyframes backto-top-bounce {

    0% {

        -webkit-transform: translateY(-4px);

        transform: translateY(-5px);

    }



    50% {

        -webkit-transform: translateY(8px);

        transform: translateY(10px);

    }



    100% {

        -webkit-transform: translateY(-4px);

        transform: translateY(-5px);

    }

}



/* sub-page-banner */

.sub-page-banner h1 {

    display: flex;

    justify-content: center;

    align-items: center;

    font-weight: 400;

}



.sub-page-banner h1 {

    z-index: 1;

    padding-top: 178px !important;

}



.sub-page-banner h1 span:before {

    content: "";

    width: 75px;

    height: 75px;

    border-radius: 50%;

    background-image: linear-gradient(-48deg, #54d6eb 0%, #035cdd 100%);

    opacity: 0.9;

    position: absolute;

    left: -6px;

    top: -20px;

    z-index: -1;

}



.sub-page-banner {

    overflow: hidden;



    background: linear-gradient(rgba(6, 3, 21, .5), rgba(6, 3, 21, .5)), url(subpage-banner.jpg) center center no-repeat;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: scroll;

    width: 100%;

    height: 100%;

}



.banner-shape1 {

    width: 390px;

    height: 390px;

    border: 3px solid #005de0;

    opacity: 0.9;

    border-radius: 50%;

    position: absolute;

    left: -10%;

    bottom: -21%;

}



.banner-shape1::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    background: linear-gradient(-48deg, #54d6eb 0%, #035cdd 100%);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    transform: scale(0.8);

}



/* gallery-section */

/* .portfolio-item {

    display: none;

} */

.portfolio-item img {

    border: 12px solid #f8f8f8;

}

.navbar-sticky-contnet .button-hover:hover button a {
    color: #006869 !important;
}

.about-spin {
    -webkit-animation: moveBounce 3s linear infinite;
    animation: moveBounce 3s linear infinite;
}

@-webkit-keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes moveBounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}































/* responsive-section */



@media (min-width: 1200px) {

    .header1 .mx-auto {

        margin-right: initial !important;

    }

}



@media (min-width: 992px) and (max-width: 1199.98px) {

    .header1 .mx-auto {

        margin-right: initial !important;

    }



    .header2 .logo span:before {

        right: -38.1px;

    }



    .header2 .logo span:after {

        right: -55px;

    }



    .header2 .logo:before {

        width: 14px;

        right: -49px;

    }



    .header2 .logo span {

        right: -44px;

    }

}





@media (min-width: 768px) and (max-width: 991.98px) {}





@media (min-width: 576px) and (max-width: 767.98px) {

    .features .card span {

        display: none;

    }



    .banner-shape1 {

        left: -29%;

    }



    .introduction img {

        margin: auto;

    }



}



@media (max-width: 575.98px) {

    .content-wrapper {

        overflow: hidden;

    }



    .choose .flex-choose,

    .contact .flex-contact {

        display: block !important;

    }



    .features .card span {

        display: none;

    }



    .copyright-right,

    .copyright-left {

        text-align: center !important;

        padding: 0 !important;

    }


    .copy-right {

        padding: 11px 0 !important;

    }

    .banner .carousel-inner {
        padding: 31px 0 28px 30px !important;
    }

    .header1 .navbar-collapse {
        border-radius: 0 !important;
    }



}