@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
webkit-viewport {
    width: device-width
}
@-moz-viewport {
    width: device-wi.signup-areadth
}

@-ms-viewport {
    width: device-width
}

@-o-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

body,
html {
    box-sizing: border-box;
}

body,
body * {
    font-family: "Figtree", sans-serif;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

body {
    background: #ffffff;
    font-family: "Figtree", sans-serif;
    color: #1E1E1E;
	font-size: 1rem;
    font-weight: 400;
    line-height: 30px;
}

a{
	text-decoration:none;
}
a:hover{
	color:#fff;
}
a,.btn{
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
h1 {
    font-size: 56px;
    font-weight: 700;
    color: #13213C;
    margin-bottom: 20px;
}
h2 {
    position: relative;
    font-size: 48px;
    font-weight: 700;
    color: #242424;
    margin-bottom: 20px;
}
h2 em {
    font-weight: 500     ;
}
h3 {
    font-size: 24px;
    font-weight: 600;
    color: #13213C;
    margin-bottom: 20px;
}
/*** Global ***/
.btn-default {
    background: #FFFFFF;
    display: inline-block;
    position: relative;
    color: #13213C;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #FFFFFF;
    border-radius: 60px;
    text-align: center;
    padding: 12px 70px 12px 24px;
}
.btn-default:hover, .btn-default:focus {
    background: #13213C;
    color: #FFFFFF;
    border-color: #13213C;
}
.btn-default::before {
    background: rgba(19, 33, 60, 0.15) url(../images/arrow-right.svg) no-repeat center;
    position: absolute;
    width: 44px;
    height: 44px;
    content: "";
    border-radius: 22px;
    top: 6px;
    right: 6px;
}
.btn-default:hover::before {
    background: rgba(255, 255, 255, 0.08) url(../images/arrow-right-white.svg) no-repeat center;
}
.btn-secondary {
    background: transparent;
    display: inline-block;
    position: relative;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #FFFFFF;
    border-radius: 60px;
    text-align: center;
    padding: 12px 70px 12px 24px;
}
.btn-secondary:hover, .btn-secondary:focus {
    background: #13213C;
    color: #FFFFFF;
    border-color: #13213C;
}
.btn-secondary::before {
    background: rgba(255, 255, 255, 1) url(../images/arrow-right.svg) no-repeat center;
    position: absolute;
    width: 44px;
    height: 44px;
    content: "";
    border-radius: 22px;
    top: 6px;
    right: 6px;
}
.btn-secondary:hover::before {
    background: rgba(255, 255, 255, 0.08) url(../images/arrow-right-white.svg) no-repeat center;
}
.blue-btn {
    background: #13213C;
    display: inline-block;
    position: relative;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    border: 0;
    border-radius: 60px;
    text-align: center;
    padding: 12px 70px 12px 24px;
}
.blue-btn:hover, .blue-btn:focus {
    background: #091730;
    color: #FFFFFF;
}
.blue-btn::before {
    background: rgba(255, 255, 255, 0.08) url(../images/arrow-right-white.svg) no-repeat center;
    position: absolute;
    width: 44px;
    height: 44px;
    content: "";
    border-radius: 22px;
    top: 6px;
    right: 6px;
}
.blue-btn:hover::before {
    background: rgba(19, 33, 60, 1) url(../images/arrow-right-white.svg) no-repeat center;
}

/*** Header ***/
.logo {
    position: relative;
}
.logo img {
    max-width: 289px;
}
.main-header {
    background: #13213C;
    position: relative;
    padding: 15px 0;
    z-index: 999;
}
.main-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    font-family: "Figtree", sans-serif;
    height: inherit;
    line-height: inherit;
}
.header-btn {

} 
/*** Heading ***/
.heading-div {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #525252;
    text-align: center;
    max-width: 1016px;
    margin: 0 auto 40px;
}
.heading-div .tagline {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #13213C;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 7px 16px;
    margin-bottom: 20px;
}
.heading-div .tagline img {
    margin-right: 4px;
}
/*** Banner ***/
.banner-area {
    position: relative;
    min-height: 620px;
}
.banner-image img {
    width: 100%;
}
.banner-content {
    position: absolute;
    max-width: 822px;
    display: block;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: 500;
    text-align: center;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
}
.banner-content .tagline {
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    margin-bottom: 24px;
}
.banner-content .tagline img {
    margin-right: 8px;
}
.banner-content h1 {
    color: #FFFFFF;
}
.banner-content h1 em {
    font-weight: 400;
}
.banner-content p {
    line-height: 150%;
    margin-bottom: 24px;
}
.banner-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}
/*** Scroll Section ***/
.scroll-down {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: rgba(36, 36, 36, 1);
    text-align: center;
    margin-top: -20px;
    margin-bottom: 30px;
}
.scroll-down a {
    color: rgba(36, 36, 36, 1);
}
.scroll-down span {
    display: block;
}
/*** Clients Section ***/
.clients-area {
    background: #091730;
    padding: 80px 0;
}
.clients-area .heading-div {
    margin-bottom: 50px;
}
.clients-area .heading-div h2 {
    font-size: 32px;
    color: #FFFFFF;
}
.clients-area .slick-slide {
    margin: 0 20px;
    height: auto;
}
/*** Cooperate Section ***/
.cooperate-area {
    padding: 100px 0;
}
.counter {
    background: #FFFFFF;
    border-radius: 16px;
    border: 1px solid #DCDCDC;
    padding: 24px 15px;
}
.counter-row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.count-title {
    font-size: 32px;
    font-weight: 600;
    color: #13213C;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
}
.counter-row span {
    font-size: 32px;
    font-weight: 600;
    color: #13213C;
}
.count-text {
    font-size: 18px;
    font-weight: 400;
    color: #656565;
    margin-top: 19px;
    margin-bottom: 0;
    text-align: center;
}
/*** Main Tab Section ***/
.main-tab-area {
    background: #13213C;
    padding: 100px 0;
}
.heading-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-tab-area .heading-div .tagline {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.main-tab-area .heading-div {
    text-align: start;
    color: #FFFFFF;
    margin-left: 0;
}
.main-tab-area .heading-div h2 {
    color: #FFFFFF;
}
.main-tab {
    background: #091730;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #EFEFEF;
    border-radius: 24px;
    padding: 32px;
}
.main-tab-area .row .col-md-4:nth-child(1) .main-tab:hover {
    background: rgba(9, 23, 48, 1) url(../images/main-tab-bg-01.jpg) no-repeat;
    background-size: cover;
}
.main-tab-area .row .col-md-4:nth-child(2) .main-tab:hover {
    background: rgba(9, 23, 48, 1) url(../images/main-tab-bg-02.jpg) no-repeat;
    background-size: cover;
}
.main-tab-area .row .col-md-4:nth-child(3) .main-tab:hover {
    background: rgba(9, 23, 48, 1) url(../images/main-tab-bg-03.jpg) no-repeat;
    background-size: cover;
}
.main-tab .icon {
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.main-tab h3 {
    line-height: 150%;
    color: #FFFFFF;
}
.main-tab ul {
    margin: 0;
    padding-left: 20px;
    line-height: 150%;
}
/*** Our Products Section ***/
.our-products-area { 
    padding: 100px 0;
}
.product-tab {
    background: #FFFFFF;
    font-size: 16px;
    color: #656565;
    font-weight: 400;
    border-radius: 24px;
    border: 1px solid #DCDCDC;
    margin-bottom: 24px;
}
.product-tab a {
    color: #656565;
}
.product-tab a:hover {
    color: #EFEFEF;
}
.product-tab:hover {
    background: #13213C;
    color: #EFEFEF;
    border: 1px solid #DCDCDC;
}
.product-tab .thumb {
    position: relative;
}
.product-tab .thumb img {
    width: 100% !important;
    height: 219px !important;
    object-fit: cover;
    border-radius: 24px;
}
.product-tab:hover .thumb::after {
    background: rgba(19, 33, 60, 0.7);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
}
.product-tab a {
    position: relative;
    display: block;
}
.product-tab .thumb .product-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.product-tab:hover .thumb .product-button {
    opacity: 1;
    z-index: 1;
}
.product-tab .thumb .product-button .btn-default {
    padding: 7px 36px 7px 16px;
}
.product-tab .thumb .product-button .btn-default img {
    width: auto !important;
    height: auto !important;
    padding: 0;
}
.product-tab:hover .thumb .product-button .btn-default::before {
    display: none;
}
.product-tab .info {
    padding: 24px;
}
.product-tab .info h3 {
    margin-bottom: 10px;
}
.product-tab .info h3 {
    color: #13213C;
}
.product-tab:hover .info h3 {
    color: #FFFFFF;
}
/*** Our Project Section ***/
.our-project-area {
    background: #F8F8F8;
    position: relative;
    display: block;
    padding: 100px 0;
}
.our-project-area .heading-div {
    max-width: 845px;
    text-align: start;
    margin-left: 0;
}
.project-tab {
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: #525252;
    border-radius: 24px;
    border: 1px solid #DCDCDC;
    margin-bottom: 40px;
}
.project-tab a {
    color: #656565;
}
.project-tab .info {
    padding: 24px;
}
.project-tab .thumb {
    position: relative;
}
.project-tab .thumb img {
    border-radius: 24px;
}
.project-tab .thumb::before {
    background: linear-gradient(256.85deg, rgba(51, 89, 162, 0) -0.93%, rgba(19, 33, 60, 0.6) 96.18%);
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
}
.project-tab:hover .thumb::before {
    background: linear-gradient(180deg, rgba(51, 89, 162, 0) -9.13%, rgba(19, 33, 60, 0.7) 100%);
}
.project-tab .thumb .category-title {
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    color: #13213C;
    position: absolute;
    top: 16px;
    left: 16px;
    border-radius: 99px;
    padding: 5px 16px;
}
.project-tab .thumb .title {
    position: absolute;
    left: 16px;
    bottom: 24px;
}
.project-tab .thumb .title .loction {
    font-size: 16px;
    font-weight: 600;
    color: #C2E1FB;
    margin-bottom: 8px;
}
.project-tab .thumb .title h3 {
    color: #fff;
}
.specification-area {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #EFEFEF;
    padding-top: 24px;
    margin: 24px 0;
}
.specification-area .specification {
    width: 33.333%;
    font-size: 16px;
    font-weight: 400;
    color: #656565;
}
.specification-area .specification h4 {
    font-size: 18px;
    font-weight: 600;
    color: #13213C;
    margin-bottom: 5px;
}
.project-tab .btn-secondary {
    background: #EFEFEF;
    color: #13213C !important;
    border: 0;
}
.project-tab:hover .btn-secondary {
    background: #13213C;
    color: #FFFFFF !important;
    border-color: #13213C;
}
.project-tab .btn-secondary::before {
    background: rgba(19, 33, 60, 0.15) url(../images/arrow-right.svg) no-repeat center;
}
.project-tab:hover .btn-secondary::before {
    background: rgba(255, 255, 255, 0.08) url(../images/arrow-right-white.svg) no-repeat center;
}
.our-project-area .responsive-tabs .responsive-tabs__panel {
    background: none;
    border: 0;
    padding: 0;
}
.our-project-area .responsive-tabs-wrapper {
    position: relative;
    margin-bottom: 0;
}
.our-project-area .responsive-tabs ul.responsive-tabs__list {
    position: absolute;
    max-width: 502px;
    z-index: 99;
    top: -165px;
    right: -32px;
    border-radius: 0;
    padding-top: 0;
    margin: 0 0 20px;
}
.our-project-area .responsive-tabs .responsive-tabs__list__item {
    background: #F8F8F8;
    font-size: 16px;
    font-weight: 600;
    color: #656565;
    border: 1px solid #656565;
    border-radius: 99px;
    padding: 10px 16px !important;
    margin: 0 12px 12px 0;
}
.our-project-area .responsive-tabs .responsive-tabs__list__item:hover,
.our-project-area .responsive-tabs .responsive-tabs__list__item:focus {
    background: #13213C;
    border-color: #13213C;
    color: #FFFFFF;
}
.our-project-area .responsive-tabs .responsive-tabs__list__item--active,
.our-project-area .responsive-tabs .responsive-tabs__list__item--active:hover {
    background: #13213C;
    border-color: #13213C;
    color: #FFFFFF;
}
.explore-button {
    text-align: center;
}
/*** Contact ***/
.contact-area {
    position: relative;
    padding: 60px 0px 150px;
}
.contact-div {
    position: relative;
    border: 1px solid #F4F3F3; 
    border-radius: 24px;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px 0px;
    padding: 40px;
}
.contact-image img {
    border-radius: 24px;
}
.contact-div .country-select.inside .flag-dropdown:hover .selected-flag {
    background-color: transparent;
}
.contact-form .form-control {
    background: #fff;
    border-radius: 50px;
    font-size: 15px;
    color: #989898;
    border: 1px solid #DCDCDC;
    padding: 15px 20px;
}
.contact-form .form-control:focus {
    outline: none;
    box-shadow: none;
}
.contact-form .form-control::placeholder {
    color: #989898;
    opacity: 1; /* Firefox */
}
.contact-form .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: #989898;
}
.contact-form p {
    margin-bottom: 0;
}
.contact-form .wpcf7-spinner {
    position: absolute;
    bottom: 0;
}
input[type=submit] {
    background: #FFA500 !important;
    position: relative;
    width: 100%;
    display: block;
    color: #fff !important;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    text-align: center;
    border: 0;
    padding: 18px 30px;
    margin-top: 20px;
}
input[type=submit]:hover,
input[type=submit]:focus,
input[type=submit]:active,
input[type=submit]:focus-visible {
	outline: none;
	background: #000 !important;
	color: #fff !important;
}
/*** Footer ***/
.footer {
	background-color: #242424;
    color: #DBDBDB;
    padding: 50px 0;
}
.footer-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #6D6D6D;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.f-social ul {
    padding: 0;
    margin: 0;
}
.f-social ul li {
    display: inline-block;
    margin-left: 40px;
}
.footer-info {
    display: flex;
    justify-content: space-around;
}
.footer-info h4 {
    color: #DBDBDB;
}
.f-about {
    max-width: 400px;
    font-size: 20px;
    margin-right: auto;
}
.f-contact {
    max-width: 250px;
    margin-right: auto;
}
.f-support {
    margin-right: auto;
}
.footer-info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-info ul li {
    display: flex;
    line-height: 25px;
    margin-bottom: 15px;
}
.footer-info ul li i {
    display: inline-block;
    margin-right: 15px;
}
.footer-info ul li i img {
    max-width: 14px;
}
.footer-info ul li a {
    font-size: 16px;
    font-weight: 400;
    color: #DBDBDB;
    text-decoration: none;
}
.footer-info ul li a:hover, .footer-info ul li a:focus {
    color: #FFA500;
}
.copyright {
    margin-top: -40px;
}

@media (max-width: 1499.98px) {
.banner-area {
    min-height: 580px;
}
.main-tab-area .heading-div {
    max-width: 846px;
}
.our-project-area .heading-div {
    max-width: 655px;
}
}