@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



/* @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'); */





* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}



body {

    margin: 0;

    background-color: #FFFFFF;

    color: #5E626C;

    font-family: "Fira Sans", Sans-serif;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.5;



}



a,

input,

button {

    color: inherit;

    transition: all 0.3s ease-in-out;

}



a {

    color: #000000;

    background-color: transparent;

    text-decoration: none;

}



a:hover,

a:focus,

input:hover,

input:focus,

button:hover,

button:focus {

    outline: 0;

}



a:hover {

    color: #363636;

    text-decoration: none;

}



b,

strong {

    font-weight: bold;

}



h1 {

    font-size: 2em;

    margin: 0.67em 0;

}



h1,

h2,

h3,

h4,

h5,

h6 {

    margin: 0;

    line-height: 1;

    font-weight: 300;

}



ul,

ol {

    margin: 0;

    padding: 0;

    list-style: none;

}





img {

    border: 0;

}



svg:not(:root) {

    overflow: hidden;

}



section {

    position: relative;

    overflow: hidden;

}



.header {

    height: 80px;

    position: absolute;

    width: 100%;

    z-index: 999;

    background: #000000;

}



.header .navbar-expand-lg {

    padding: 0 20px;

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

}



.navbar-light .navbar-brand {

    text-align: left;

    color: #FFF;

    font-size: 12px;

    line-height: 1px;

    padding: 8px 0;

}



.navbar-light .navbar-nav .nav-link {

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    padding: 30px 20px;

}



.desk_nav {

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out;

    width: 100px;

    color: #0087c9;

    text-align: center;

    font-size: 30px;

}



.desk_nav:hover {

    transform: translateY(-8px);

    color: #ffffff;

}



.navbar-light .navbar-nav .nav-link:focus,

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

    color: #ffffff;

}



.navbar-light .navbar-nav .nav-link.active,

.navbar-light .navbar-nav .show>.nav-link {

    color: #ffffff;

}



.navbar-light .navbar-brand:focus,

.navbar-light .navbar-brand:hover {

    color: #000000;

}



/* 

.offcanvas {

    transition: transform 1.8s ease-in-out;

} */



.banner_sec {

    /* background-color: #008dd2; */

    background-image: url(../images/Banner1.jpg);

    background-size: cover;

    transition: all 400ms;

    margin-top: 0;

    margin-bottom: 0;

    padding: 225px 0 200px 0;

    position: relative;

    /* height: 910px;

    z-index: 1; */

    background: transparent url(../images/banner-bg1.png) 100% 0 no-repeat;

}



.banner_text {

    position: relative;

    width: 100%;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-line-pack: start;

    align-content: flex-start;

    display: flex;

    /* padding: 0% 24% 0% 0%; */

}



.banner_text .Sub_title {

    color: #008dd2;

    font-family: "Montserrat", Sans-serif;

    font-size: 16px;

    font-weight: 500;

    display: flex;

    align-items: center;

    text-transform: uppercase;

    padding-left: 100px;

    letter-spacing: 2px;

    position: relative;

}



.banner_text .Sub_title::before {

    content: '';

    position: absolute;

    left: 0;

    width: 80px;

    max-width: 80px;

    margin: -1% 24% 0% 0%;

    background-color: transparent;

    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #008dd2 100%);

    height: 3px;

}



.banner_text .title {

    width: 100%;

    margin: 32px 0 24px 0;

    color: #000;

    font-family: "Montserrat", Sans-serif;

    font-size: 70px;

    font-weight: 500;

    line-height: 84px;

}



.banner_text .text {

    color: #000;

    font-family: "Fira Sans", Sans-serif;

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

    width: 100%;

    padding: 0% 10% 0% 0%;

    margin-top: 20px;

}



.service_sec_block {

    margin-top: -140px;

    margin-bottom: 0;

    transition: all 400ms;

}



.card_wrap {

    margin: 0 30px 30px 30px;

}



.card_wrap .card {

    padding: 48px 40px 0 40px;

    box-shadow: 0 9px 12px 0 rgb(35 26 77 / 16%);

    border-style: solid;

    border-width: 0 0 0 0;

    border-color: #f5f5f5;

    border-radius: 8px 8px 8px 8px;

    transition: all .4s ease;

    overflow: hidden;

}



.card_wrap .card-body {

    padding: 0;

}



.card_wrap .card_icon {

    margin-bottom: 24px;

}



.card_wrap .card .card_icon i {

    font-size: 40px;

    color: #008dd2;

    transition: all .4s;

}



.card_wrap .card .card_icon img {

    width: 130px;

    color: #008dd2;

    transition: all .4s;

}



.card_wrap .card-title {

    color: #1C182B;

    font-family: "Montserrat", Sans-serif;

    font-size: 22px;

    margin-bottom: 16px;

    font-weight: 400;

}



.card_wrap .card-text {

    color: #5E626C;

    font-family: "Fira Sans", Sans-serif;

    font-size: 16px;

    font-weight: 300;

    line-height: 25px;

    margin-bottom: 32px;

}



.card_wrap .cstm_btn {

    margin: 0 0 -24px 0;

    font-family: "Montserrat", Sans-serif;

    font-size: 12px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 2px;

    color: rgba(255, 255, 255, 0);

    background-color: rgba(255, 255, 255, 0);

    border-radius: 5px;

    position: relative;

    display: inline-block;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.card_wrap .card:hover {

    padding: 0 40px 48px 40px;

}



.card_wrap .card:hover .card_icon i {

    color: rgba(255, 255, 255, 0);

}



.card_wrap .card:hover .card_icon img {

    opacity: 0;

}



.card_wrap .card:hover .cstm_btn {

    color: #008dd2;

}



.icon-hover {

    position: absolute;

    bottom: -50px;

    right: 0;

    opacity: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    z-index: 1;

}



.icon-hover>img {

    width: 150px;

}



.icon-hover>i {

    font-size: 100px;

    color: rgba(156, 165, 177, .37);

}



.card_wrap .card:hover .icon-hover {

    opacity: 1;

    bottom: -20px;

}



.about_sec {

    /* padding: 150px 0 150px 0;

    transition: all 400ms; */

    padding: 90px 0;

    transition: all 400ms;

    background: #fbfbfb;

}



.about_img {

    position: relative;

    display: flex;

}



.about_img .img_wrap {

    align-content: center;

    align-items: center;

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    padding: 0 40px 0 0;

    display: flex;

    position: relative;

    width: 100%;

    flex-wrap: wrap;

    justify-content: center;

}



.about_img .img_wrap img {

    width: calc(100% - 200px);

}



.background-overlay {

    /* background-image: url(../images/about-us.png); */

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 1;

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

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

    position: absolute;

}



.big_circle {

    position: absolute;

    left: -18px;

    width: 90px;

    max-width: 90px;

    bottom: -7px;

}



.widget-container {

    background-color: transparent;

    background-image: linear-gradient(160deg, #008dd2 33%, #ffffff 100%);

    /* background-image: linear-gradient(160deg, #4d87ed 33%, #f3f3f3 100%); */

    border-radius: 90px 90px 90px 90px;

    box-shadow: 0 5px 25px 0 rgb(33 44 67 / 20%);

    transition: all 400ms;

}



.spacer-inner {

    height: 90px;

}



.small_circle {

    position: absolute;

    left: 109px;

    width: 40px;

    max-width: 40px;

    bottom: 90px;

    z-index: 9999;

}



.small_circle .spacer-inner {

    height: 40px;

}



.about_text .text_wrap {

    padding: 0 0 0 19px;

    position: relative;

}



.text_wrap .subtitle {

    margin-bottom: 20px;

    color: #9CA5B1;

    font-family: "Montserrat", Sans-serif;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: .65px;

}



.text_wrap .title {

    margin-bottom: 20px;

    color: #1C182B;

    font-family: "Montserrat", Sans-serif;

    font-size: 32px;

    font-weight: 400;

    line-height: 1.2em;

}



.text_wrap .text {

    margin-bottom: 20px;

    color: #5E626C;

    font-family: "Fira Sans", Sans-serif;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.66em;

}



.cstm_btn2 {

    font-family: "Montserrat", Sans-serif;

    font-size: 14px;

    font-weight: 500;

    fill: #FFF;

    color: #FFF;

    display: inline-block;

    background-color: #008dd2;

    border-radius: 3px 3px 3px 3px;

    box-shadow: 0 5px 14px 0 rgb(20 14 49 / 13%);

    padding: 10px 40px;

    transition: all .3s;

}



.cstm_btn2:hover {

    background-color: #365da2bd;

    transform: translateY(-8px);

    color: #ffffff;

}



.service_sec {

    background-color: #f7fbff;

    padding: 100px 25px;

}



.service_sec .text_wrap {

    padding: 0 25px 0 0;

}



.text_wrap .service_list {

    margin-bottom: 32px;

    column-count: 2;

}



.service_list li {

    display: flex;

    align-items: center;

    padding-bottom: 4px;

}



.service_list li i {

    color: #008dd2;

    font-size: 16px;

}



.service_list li span {

    font-family: "Fira Sans", Sans-serif;

    font-size: 14px;

    line-height: 1.7em;

    color: #5E626C;

    padding-left: 8px;

}



.service_sec .card_wrap {

    margin: 0 0 20px;

    padding: 5px;

}



.portfolio_sec {

    padding: 100px 0;

    overflow: hidden;

}



.portfolio_sec .big_circle {

    right: -55px;

    top: 33px;

    left: 0;

    bottom: 0;

}



.big_circle_right {

    position: absolute;

    right: -55px;

    width: 90px;

    max-width: 90px;

    top: 33px;

}



.small_circle_right {

    position: absolute;

    right: 124px;

    width: 40px;

    max-width: 40px;

    top: 0;

}



.small_circle_right .spacer-inner {

    height: 40px;

}



.heading {

    text-align: center;

}



.heading .subtitle {

    color: #9CA5B1;

    font-family: "Montserrat", Sans-serif;

    font-size: 13px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: .65px;

    margin-bottom: 20px;

}



.heading .title {

    color: #1C182B;

    font-family: "Montserrat", Sans-serif;

    font-size: 40px;

    font-weight: 400;

    line-height: 1.2em;

    margin-bottom: 20px;

}



.heading::after {

    content: '';

    position: absolute;

    left: 0;

    right: 0;

    width: 126px;

    max-width: 126px;

    margin: 0 auto 20px;

    background-color: transparent;

    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #008dd2 100%);

    height: 3px;

}



.portfolio_block a {

    display: block;

}



.portfolio_block a:hover img {

    transform: translateY(-8px);

}



.portfolio_block a img {

    border-radius: 10px;

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out;

}



.portfolio_sec .card_wrap {

    margin: 0;

}



.portfolio_sec .card {

    padding: 0;

    min-height: 550px;

}



.portfolio_sec .card .card_img {

    margin-bottom: 15px;

}



.portfolio_sec .card_wrap .card-body {

    padding: 0 15px;

}



.portfolio_sec .card_wrap .card:hover {

    padding: 0;

}



.mt-40 {

    margin-top: 40px;

}



.mt-40 .col-md-4 {

    margin-bottom: 40px;

}



.btn_wrap {

    text-align: center;

    margin-bottom: 20px;

}



.testimonial_sec {

    background-color: #F7FBFF;

    padding: 100px 0 45px;

}



.testi_slider {

    margin-bottom: 20px;

    padding-top: 40px;

}



.slider_wrap {

    background-color: #ffffff;

    border-radius: 5px;

    border-top: 4px solid #008dd2;

    box-shadow: 0 4px 20px 0 rgb(33 44 67 / 15%);

    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

    /* margin: 35px 30px;

    padding: 28px;

    min-height: 340px; */

    margin: 20px;

    padding: 20px 18px;

    min-height: 260px;

    position: relative;

}



.slider_wrap .img_wrap img {

    width: 80px;

    border-radius: 80px 80px 80px 80px;

    margin: auto;

    border: 2px solid #000000;

}



.slider_wrap .img_wrap {

    text-align: center;

    position: absolute;

    top: -35px;

    left: 0;

    right: 0;

}



.slider_text p {

    /* margin: 32px 0; */

    margin: 0 0 25px 0;

    color: #5E626C;

    font-family: "Fira Sans", Sans-serif;

    font-size: 14px;

    line-height: 1.585em;

}



.author p {

    margin-bottom: 5px;

    color: #1C182B;

    font-family: "Montserrat", Sans-serif;

    font-size: 14px;

    font-weight: 500;

}



.author span {

    color: #9CA5B1;

    font-family: "Fira Sans", Sans-serif;

    font-size: 14px;

    font-weight: 300;

    line-height: 1.585em;

}



.contact_sec {

    padding-top: 40px;

}



.contact_wrap {

    border-radius: 10px;

    background-image: url(../images/bg.jpg);

    padding: 75px 0;

    background-position: left;

    position: relative;

    background-repeat: no-repeat;

    overflow: hidden;

    background-size: cover;

}



.contact_wrap::before {

    content: '';

    position: absolute;

    background-color: #00000096;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

}



.bg_text.container {

    max-width: 680px !important;

    margin: auto;

    position: relative;

    text-align: center;

}



.bg_text-wrap {

    padding: 10px;

}



.bg_text-wrap h2 {

    color: #FFF;

    font-family: "Montserrat", Sans-serif;

    font-size: 48px;

    font-weight: 400;

    line-height: 1.2em;

    margin-bottom: 20px;

}



.bg_text-wrap p {

    text-align: center;

    color: rgba(255, 255, 255, .75);

    font-family: "Fira Sans", Sans-serif;

    font-size: 16px;

    font-weight: 300;

    line-height: 1.65em;

    margin-bottom: 20px;

}



.bg_text-wrap .cstm_btn2 {

    color: #008dd2;

    background-color: #ffffff;

}



.bg_text-wrap .cstm_btn2:hover {

    background-color: #F1F3FD;

}



.footer {

    padding: 60px 0;

    position: relative;

    background: #000000;

    margin-top: 40px;

}



.footer_widget {

    padding: 10px;

}



.footer_logo {

    width: 85px;

}



.footer_widget p {

    color: #ffffff;

    font-family: "Fira Sans", Sans-serif;

    font-size: 14px;

    /* font-weight: 400; */

    font-style: normal;

    margin-top: 10px;

    margin-bottom: 0;

}



.footer_widget h3 {

    color: #ffffff;

    font-family: "Montserrat", Sans-serif;

    font-size: 13px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 20px;

}



.footer_links li {

    padding-bottom: 7px;

    color: #ffffff;

}



.footer_links li a {

    font-family: "Fira Sans", Sans-serif;

    font-size: 16px;

    color: #ffffff;

}



.footer_links li i {

    color: #008dd2;

    font-size: 14px;

}



/* .dropdown:hover .dropdown-menu {

    display: block;

} */



.dropdown-menu {

    box-shadow: 0 4px 32px 0 rgb(35 26 77 / 16%);

    border-radius: 0;

    border: none;

    padding: 0;

    overflow: hidden;

    background-color: #2f549a;

}



.dropdown-menu li {

    padding: 0;

    border-top: 1px solid #e1e0e0;

}



.dropdown-menu li a {

    padding: 10px 15px;

    color: #ffffff;

}



.navbar-brand h2 {

    font-weight: 500;

    text-transform: uppercase;

    font-family: "Montserrat", Sans-serif;

}



.footer_widget a h2 {

    font-weight: 600;

    text-transform: uppercase;

    font-family: "Montserrat", Sans-serif;

    color: #008dd2;

}



#offcanvasRightLabel {

    font-weight: 700;

    font-size: 28px;

    text-transform: uppercase;

    font-family: "Montserrat", Sans-serif;

    color: #008dd2;

}



#offcanvasRight .offcanvas-body {

    height: 300px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.offcanvas-body .footer_widget {

    text-align: center;

}



.offcanvas-body .footer_widget h3 {

    font-size: 22px;

    color: #1c182b;

}



.offcanvas-body .footer_links li {

    font-size: 16px;

    font-weight: 400;

    color: #5E626C;

}



.offcanvas-body .footer_links li a {

    color: #5E626C;

}



.offcanvas-body .footer_links.social_icon i {

    font-size: 20px;

}



.offcanvas-body .footer_links.social_icon li {

    margin-right: 5px;

}



.service_block_wrap {

    display: flex;

    height: 100%;

    align-items: center;

}



.services-left-image {

    position: relative
}



.services-left-image img {

    position: absolute
}



.services-left-image img:first-child {

    left: 15%;

    top: -98px
}



.services-left-image img:nth-child(2) {

    left: 0;

    top: -200px;

    right: 0;

    text-align: center;

    margin: 0 auto
}



.services-left-image img:nth-child(3) {

    left: 36%;

    z-index: 12;

    top: -55px
}



.services-left-image img:nth-child(4) {

    left: 55px;

    top: -38px;

    z-index: 1
}



.services-left-image img:nth-child(5) {

    z-index: 3;

    right: 26%;

    top: -66px
}



.services-left-image img:nth-child(6) {

    right: 19%;

    top: -41px;

    z-index: 2
}



.services-left-image img:nth-child(7) {

    right: 97px;

    top: 40px;

    z-index: 1
}



.services-left-image img:nth-child(8) {

    right: 23%;

    top: -175px;

    z-index: 2
}



.services-left-image img.bg-image {

    top: -262px;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center
}



.services-left-image img:last-child {

    display: none
}



.rotateme {

    animation-name: rotateme;

    animation-duration: 20s;

    animation-iteration-count: infinite;

    animation-timing-function: linear
}



@keyframes rotateme {

    0% {

        transform: rotate(0deg)
    }



    to {

        transform: rotate(1turn)
    }

}



.shape1,

.shape2,

.shape3,

.shape4,

.shape5,

.shape6,

.shape7,

.shape8 {

    position: absolute;

    z-index: -1;

}



.shape1 {

    top: 20%;

    left: 30px;

    animation: rotate3d 4s linear infinite;

    opacity: .4;

}



.shape2 {

    top: 60%;

    left: 15%;

}



.shape3,

.shape4 {

    bottom: 15%;

}



.shape3 {

    left: 25%;

    animation: animationFramesOne 15s linear infinite;

}



.shape4 {

    right: 25%;

    animation: animationFramesOne 20s linear infinite;

}





.shape5 {

    right: 5%;

    top: 10%;

    animation: movebounce 5s linear infinite;

    opacity: .2;

}



.shape6 {

    top: 40%;

    right: 10%;

}



.shape7,

.shape8 {

    top: 15%;

}



.shape7 {

    left: 25%;

    animation: animationFramesOne 20s linear infinite;

}



.shape8 {

    right: 10%;

}



@keyframes rotate3d {

    0% {

        transform: rotateY(0deg)
    }



    to {

        transform: rotateY(1turn)
    }

}



@keyframes animationFramesOne {

    0% {

        -webkit-transform: translate(0) rotate(0deg)
    }



    20% {

        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }



    40% {

        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }



    60% {

        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }



    80% {

        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }



    to {

        -webkit-transform: translate(0) rotate(0deg)
    }

}



@keyframes movebounce {

    0% {

        transform: translateY(0)
    }



    50% {

        transform: translateY(20px)
    }



    to {

        transform: translateY(0)
    }

}



.technology_sec {

    padding: 60px 0;

}



.technology_sec .heading .title {

    font-size: 22px;

}



.technology_sec ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

    flex-wrap: wrap;

    margin-top: 50px;

    border-top: solid 1px #ddd;

    border-left: solid 1px #ddd;

}



.technology_sec ul li {

    background: #fff;

    width: calc(100% / 8);

    height: 100%;

    padding: 16px 0;

    border-radius: 2px;

    border-right: solid 1px #ddd;

    border-bottom: solid 1px #ddd;

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: center;

    cursor: pointer;

}



/* .technology_sec ul li:first-child{

    border-left: solid 1px #ddd;

} */

.technology_sec ul li img {

    max-width: 80px;

    height: auto;

    margin: auto;

}



.technology_sec ul li span {

    color: #45484d;

    font-size: 16px;

    text-transform: uppercase;

    font-weight: 500;

}



.technology_sec ul li:hover img {

    filter: grayscale(1);

}



.navbar-light .navbar-toggler {

    color: #ffffff;

    border: 0;

    box-shadow: none !important;

    font-size: 28px;

}



.offcanvas-header .btn-close {

    box-shadow: unset !important;

}



/* Page Banner */

.page_banner {

    background: #000000;

    position: relative;

    overflow: hidden;

}



.bread {

    position: relative;

    padding: 145px 0 40px 30px;

}



.bread:before {

    content: url(../images/crumb.png);

    position: absolute;

    left: -7px;

}



.page-title {

    text-transform: uppercase;

    font-weight: 700;

    font-size: 36px;

    line-height: 48px;

    position: relative;

    margin: 0;

    color: #ffffff;

    font-family: "Montserrat", Sans-serif;

}



.crumbs {

    position: relative;

    z-index: 2;

    margin-top: 5px;

}



.bread:after {

    content: "";

    height: 105px;

    width: 1px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #454b60;

}



.crumbs span {

    color: #ffffff;

    line-height: 28px;

}



.crumbs a {

    font-style: normal;

    color: #ffffff;

}



.crumbs span:after {

    content: "/";

    margin-left: 13px;

    margin-right: 9px;

}



.crumbs span:last-of-type:after {

    content: none;

}



/* Page Banner End */



.mission_sec {

    padding: 70px 0;

}



.mission_sec .card_wrap {

    margin: 0 0 50px;

}



.mission_sec .card_wrap .card {

    padding-bottom: 30px;

    box-shadow: 0 9px 12px 5px rgb(35 26 77 / 16%);

}



.mission_sec .card_wrap .card:hover {

    padding-bottom: 48px;

}



/* .mission_sec .card_wrap .card::before {

    content: "";

    height: 100%;

    margin: auto;

    width: 1px;

    position: absolute;

    left: 22px;

    bottom: 0;

    background: #d9d9d9;

} */



.mission_sec .card_wrap p {

    font-size: 14px;

    margin-bottom: 10px;

}



.mission_sec .card_wrap .card_icon i {

    box-shadow: 0 0 10px 1px rgb(109 109 109 / 16%);

    border-radius: 50%;

    width: 70px;

    height: 70px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.mission_sec .card_wrap .card:hover .card_icon i {

    visibility: hidden;

    width: 40px;

    height: 40px;

    box-shadow: unset;

}



.show_content>p:nth-child(n+2) {

    display: none;

}



.show_content.open>p:nth-child(n+2) {

    display: block;

}



.counter_sec {

    background-image: url(../images/bg-counter-1.jpg);

    background-repeat: no-repeat;

    background-position: bottom center;

    padding-bottom: 55px;

}



.counter-item {

    text-align: center;

}



.counter-title {

    font-size: 18px;

    line-height: 24px;

    color: #a9a9a9;

    margin-bottom: 17px;

}



.counter-number {

    line-height: 24px;

}



.counter-effects {

    position: relative;

    margin-top: 100px;

}



.counter-circle {

    position: absolute;

    top: -71px;

    left: 50%;

    background: #0087c9;

    margin-left: -10px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    display: block;

    box-shadow: 3px 0 15px rgb(0 0 0 / 20%);

}



.counter-circle:before {

    content: "";

    width: 2px;

    height: 50px;

    position: absolute;

    left: 9px;

    border: 1px dashed #dfe8f3;

    bottom: -50px;

    -moz-transition-duration: 0.4s;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

}



.counter-img {

    width: 105px;

    height: 105px;

    line-height: 105px;

    border-radius: 50%;

    box-shadow: 3px 0 20px rgb(0 0 0 / 20%);

    display: inline-block;

    border: 1px solid #fbfbfb;

    background: rgba(0, 0, 0, 0);

    position: relative;

    top: 0;

    -moz-transition-duration: 0.2s;

    -webkit-transition-duration: 0.2s;

    transition-duration: 0.2s;

}



.counter-effects:hover {

    -moz-transition-duration: 0.4s;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

}



.counter-effects:hover .counter-circle:before {

    bottom: -60px;

    height: 60px;

    -moz-transition-duration: 0.4s;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

}



.counter-effects:hover .counter-img {

    position: relative;

    top: 10px;

    -moz-transition-duration: 0.4s;

    -webkit-transition-duration: 0.4s;

    transition-duration: 0.4s;

}



.divider-space {

    margin-top: 30px;

}



.serviceSec {

    padding: 50px 0;

}



.serviceSec .card_wrap {

    margin: 0 0 40px;

    height: 100%;

}



.serviceSec .card_wrap .card {

    padding: 25px 25px 0 25px;

    box-shadow: 0 9px 12px 5px rgb(35 26 77 / 16%);

    min-height: 266px;

}



.serviceSec .card_wrap .card:hover {

    padding: 0 25px 25px 25px;

}



.serviceSec .card-title {

    font-size: 18px;

    line-height: 24px;

}



.serviceSec .card_wrap .card-text {

    font-size: 14px;

}



.contact_sec .card {

    padding: 20px;

    box-shadow: 0 0 12px 0 rgb(146 146 146 / 16%);

    border-radius: 8px;

    border: 0;

    transition: all .4s ease;

    overflow: hidden;

    text-align: center;

    margin-bottom: 50px;

}



.contact_sec .card .card_icon i {

    font-size: 40px;

    color: #008dd2;

    transition: all .4s;

}



.contact_sec .card-title {

    color: #1C182B;

    font-family: "Montserrat", Sans-serif;

    font-size: 22px;

    margin-bottom: 16px;

    font-weight: 400;

}



.contact_sec .card-text {

    color: #5E626C;

    font-family: "Fira Sans", Sans-serif;

    font-size: 16px;

    font-weight: 300;

    line-height: 25px;

    margin-bottom: 0;

}



.fixed-header {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    background-color: #000;

    z-index: 1000;

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

}



.banner_text .title_show {

    width: 100%;

    margin: 30px 0 20px 0;

    color: #000;

    font-family: "Montserrat", Sans-serif;

    /* font-size: 30px;

    font-weight: 400;

    line-height: 70px; */

    font-size: 34px;

    font-weight: 400;

    line-height: 50px;

}



.banner_text .Sub_title_Custom {

    color: #008dd2;

    font-family: "Montserrat", Sans-serif;

    font-size: 20px;

    font-weight: 500;

    display: flex;

    align-items: center;

    text-transform: uppercase;

    padding-left: 100px;

    letter-spacing: 2px;

    position: relative;

}



.banner_text .Sub_title_Custom::before {

    content: '';

    position: absolute;

    left: 0;

    width: 80px;

    max-width: 80px;

    margin: -1% 24% 0% 0%;

    background-color: transparent;

    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #008dd2 100%);

    height: 3px;

}



.portfolio_text {

    text-align: center;

    font-weight: bold;

    margin-bottom: 40px;

    font-size: 20px;

}



.portfolio-sec.contact_sec .card {

    margin-bottom: 15px;

    min-height: 140px;

    display: flex;

    align-items: center;

    justify-content: center;

}



.portfolio-sec.contact_sec .card img {

    max-height: 100px;

}



.navbar-light .navbar-nav .nav-link.head_btn {

    border: 1px solid #008dd2;

    padding: 7px 20px;

    background: #008dd2;

    text-transform: uppercase;

    border-radius: 20px;

    font-weight: 400;

    letter-spacing: 1px;

    font-size: 14px;

    margin-left: 16px;

    color: #ffffff !important;

    text-align: center;

}



.feature_sec {

    background: #008dd2;

    padding: 50px 0;

}



.feature_sec .text_wrap .title,

.feature_sec .text_wrap .text,

.feature_sec .service_list li span,

.feature_sec .service_list li i {

    color: #ffffff;

}





.contact-form input:not([type="checkbox"]):not([type="radio"]),

.contact-form textarea {

    font-size: 14px;

    font-weight: 400;

    display: block;

    width: 100%;

    padding: 10px 0;

    color: #333;

    border: 1px solid transparent;

    border-bottom-color: #ededed;

    background-color: transparent;

    margin-bottom: 30px;

}



.contact-form textarea {

    height: 200px;

    resize: none;

}



.contact-form textarea:focus-visible {

    outline: none;

}



.contact-form input:not([type="checkbox"]):not([type="radio"]):focus,

.contact-form textarea:focus {

    border-bottom-color: #333;

}



#response {

    font-size: 16px;

    color: green;

    border: 1px solid green;

    text-align: center;

    padding: 10px;

    font-weight: 600;

    display: none;

}



#alert {

    font-size: 16px;

    color: Red;

    border: 1px solid Red;

    text-align: center;

    padding: 10px;

    font-weight: 600;

    display: none;

}



#pageloader {

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

    display: none;

    height: 100%;

    position: fixed;

    width: 100%;

    z-index: 9999;

}



#pageloader img {

    left: 50%;

    margin-left: -32px;

    margin-top: -32px;

    position: absolute;

    top: 50%;

}



.button_icn_header button {

    border: 0;

    text-transform: uppercase;

}

/* Basic reset and body styles */
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

/* Cookie consent banner styles */
.cookie-consent {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #333;
    color: #fff;
    padding: 10px 20px;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    /* Ensure it's on top of other content */
}

.cookie-consent-content {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.cookie-consent p {
    margin: 0;
    font-size: 14px;
}

.cookie-consent-buttons {
    margin-top: 10px;
}

.cookie-consent-link {
    color: #f1d600;
    text-decoration: underline;
    margin-right: 10px;
}

.cookie-consent-dismiss {
    background-color: #f1d600;
    color: #333;
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
}

.cookie-consent-dismiss:hover {
    background-color: #e0ba00;
}

.PrivacyPolicy {
    width: 80%;
    margin: 0 auto;
    background-color: #f4f4f4;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.Lastupdated {
    font-size: 16px;
    color: #666;
    text-align: center;
}
.copyright{
    margin-top: 30px;
}
.copyright p {
    margin: 0;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
}