.hero-area {background: url(../img/hero-banner.webp) no-repeat;display: flex;background-size: cover;width: 100%;height: 550px;position: relative;z-index: 1;}
.hero-area::before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.65);}
.hero-area .hero-left {text-align: left;min-width:55%;width: 55%;padding: 150px 60px;z-index: 10;align-items: flex-start;justify-content: center;display: flex;flex-direction: column;}
.hero-area .hero-left .inner-wraper h5 {color: #ffffff;font-size: 30px;font-weight: 300;margin: 0 0 30px;text-transform: uppercase;letter-spacing: 7px;}
.hero-area .hero-left .inner-wraper h3 {font-size: 60px;color: #ffffff;line-height: 1;text-transform: capitalize;letter-spacing: 3px;margin: 0 0 30px 0;padding-bottom: 30px;border-bottom: 1px solid rgba(255, 255, 255, .35);}
.hero-area .hero-left .inner-wraper p {font-size: 18px !important;font-family: "Montserrat" !important;font-weight: 500;color: #ffffff;}
.hero-area .hero-left a {display: inline-block;color: #ffffff;letter-spacing: 8px;text-transform: uppercase;font-weight: 700;font-size: 14px;padding: 12px;border: 1px solid #dadada;border-left-color: transparent;border-right-color: transparent;text-decoration: none;transition: 0.5s;}
.hero-area .hero-right {width: 45%;background: rgba(8, 106, 215, 0.56);clip-path: polygon(32% 0%, 100% 0, 100% 100%, 0% 100%);position: relative;z-index: 10;align-items: flex-end;justify-content: center;display: flex;flex-direction: column;padding: 150px 60px;}
.hero-area .hero-right p.comprise {width: 65%;text-align: center;font-size: 24px !important;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.28);padding-bottom: 15px;margin-bottom:30px;font-weight: 500;line-height: 35px;text-transform: capitalize;}
.hero-area .hero-right p.comprise span {display: block;font-size: 14px;letter-spacing: 5px;text-transform: uppercase;margin: 15px 0 0;font-weight: 400;}
.hero-area .hero-right .hero-brand-2 {max-width: 65%;}
.hero-area .hero-right .hero-brand-2 .single-slide {display: flex;align-items: center;justify-content: center;text-align: center;text-align: center;background: rgba(255, 255, 255, .65);max-width: 60%;margin: 0 auto;border-radius: 10px;}
.hero-area .hero-right .hero-brand-2 .single-slide img {height: 150px;width: auto;border-radius: 10px;padding:10px;}
.hero-area .hero-right .hero-brand-2 .owl-dots {display: flex;align-items: center;justify-content: center;gap: 5px;margin-top: 20px;}
.hero-area .hero-right .hero-brand-2 .owl-dots .owl-dot {width: 10px;height: 10px;border: 2px solid #ffffff;background: transparent;border-radius: 100%;}
.hero-area .hero-right .hero-brand-2 .owl-dots .owl-dot.active {background: #ffffff;}
.about-us-wrapper {padding: 60px 0;}
.about-us-wrapper .section-title {margin-bottom: 20px;}
.about-us-wrapper .section-title p {color: #086ad7;font-size: 15px !important;margin-bottom: 10px;font-weight: 700;line-height: 1;text-transform: uppercase;}
.about-us-wrapper .section-title h1 {font-size: 40px;line-height: 60px;font-weight: 800;text-transform: capitalize;}
.about-us-wrapper p {text-align: justify;color: #464646;font-family: 'Nunito' !important;font-weight: 500;}
.features-wrapper {padding: 60px 0;}
.features-wrapper .section-title {margin-bottom: 35px;text-align: center;}
.features-wrapper .section-title p {color: #086ad7;font-size: 15px !important;margin-bottom: 10px;font-weight: 700;line-height: 1;text-transform: uppercase;}
.features-wrapper .section-title h1 {font-size: 42px;line-height: 60px;font-weight: 800;text-transform: capitalize;}
.features-wrapper .icon-box {border: 1px solid #086ad7;padding: 30px;}
.features-wrapper .icon-box .icon {margin-bottom: 15px;transform: translateY(0);transition: all .5s;}
.features-wrapper .icon-box .icon img {height: 65px;}
.features-wrapper .icon-box:hover .icon {transform: translateY(-5px);}
.features-wrapper .icon-box:hover .icon img {filter: brightness(0) invert(1);}
.features-wrapper .icon-box h4 {font-size: 14px;margin-top: 0;}
.news-wrapper {padding: 60px 0;}
.news-wrapper .section-title {margin-bottom: 35px;text-align: center;}
.news-wrapper .section-title p {color: #086ad7;font-size: 15px !important;margin-bottom: 10px;font-weight: 700;line-height: 1;text-transform: uppercase;}
.news-wrapper .section-title h1 {font-size: 42px;line-height: 60px;font-weight: 800;text-transform: capitalize;margin-bottom: 10px;}
.news-wrapper .section-title p.desc {color: #464646;font-size: 16px !important;margin-bottom: 0px;font-weight: 600;font-family: "Montserrat" !important;line-height: 1.75;text-transform: capitalize;max-width: 75%;margin: 0 auto;}
.news-wrapper .news-post {position: relative;overflow: hidden;border-radius: 10px;}
.news-wrapper .news-post .news-thumb {width: 100%;height: 350px;}
.news-wrapper .news-post .news-thumb img {width: 100%;height: 100%;object-fit: cover;}
.news-wrapper .news-post .news-content {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;background: rgba(0, 0, 0, .65);}
.news-wrapper .news-post .news-content h2 {font-size: 24px;line-height: 1;margin-bottom: 10px;}
.news-wrapper .news-post .news-content h2 a {color: #ffffff;}
.news-wrapper .news-post .news-content .post-meta {display: flex;align-items: center;gap: 20px;margin-bottom: 10px;}
.news-wrapper .news-post .news-content .post-meta span {display: flex;align-items: center;gap: 10px;font-size: 14px;font-family: 'Nunito';font-weight: 600;color: #ffffff;}
.news-wrapper .news-post .news-content .post-meta span i {color: #086ad7;}
.news-wrapper .news-post .news-content .post-link a {background: #ffffff;padding: 7px 20px;display: inline-flex;align-items: center;gap: 7px;font-size: 14px;text-transform: uppercase;border-radius: 7px;}
.news-wrapper .post-more {margin-top: 20px;text-align: right;}
.news-wrapper .post-more a {background: #086ad7;color:#ffffff;padding: 7px 20px;display: inline-flex;align-items: center;gap: 7px;font-size: 14px;text-transform: uppercase;border-radius: 7px;}
.news-wrapper .news-sidebar {margin-left: 20px;}
.news-wrapper .news-sidebar .single-post-item {overflow: hidden;margin-bottom: 20px;background: #ffffff;border-radius: 10px;display:flex;gap: 12px;align-items:center;padding: 12px;box-shadow: 0 16px 40px #0f172a14;}
.news-wrapper .news-sidebar .single-post-item .thumb {width: 120px;min-width:120px;height: 100px;}
.news-wrapper .news-sidebar .single-post-item .thumb img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.news-wrapper .news-sidebar .single-post-item .post-content span {color: #086ad7;font-size: 12px;line-height:1.2;font-weight: 700;margin-bottom: 7px;display: block;}
.news-wrapper .news-sidebar .single-post-item .post-content h5 {line-height: 1.25;margin-bottom: 10px;font-size: 16px;}
.news-wrapper .news-sidebar .single-post-item .post-content .post-bottom {display: flex;align-items: center;justify-content: space-between;}
.news-wrapper .news-sidebar .single-post-item .post-content .post-bottom span {color: #666666;font-size: 14px;line-height: 1.2;font-weight: 600;margin-bottom: 0;}
.news-wrapper .news-sidebar .single-post-item .post-content .post-bottom a {color: #086ad7;font-size: 14px;line-height: 1.2;font-weight: 600;display: flex;align-items: center;gap:5px;}
.notice-wrap {background: #0b0064 !important;align-items: stretch;width: 100%;height: 50px;display: flex;position: relative;overflow: hidden;}
.notice-wrap .innaer-wraper {display: flex;align-items: center;}
.notice-wrap .innaer-wraper .title-wrap {clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%);z-index: 2;background: linear-gradient(135deg, #ff4500 0%, #ff6b35 50%, #ff9a00 100%);flex-shrink: 0;align-items: center;gap: 10px;padding: 9px 30px 9px 20px;display: flex;position: relative;}
.notice-wrap .innaer-wraper .title-wrap i {color: #fff;font-size: 18px;animation: 1.3s infinite bellshake;}
.notice-wrap .innaer-wraper .title-wrap span {font-size: 14px;font-family: "Montserrat" !important;font-weight: 600;color: #ffffff;text-transform: uppercase;}
.notice-wrap .innaer-wraper marquee {color: #ffffff;}
.notice-wrap .innaer-wraper marquee a {color: #ff9a00;}
.client-brand-logo-wrap {padding: 50px 0;background: #f9f9f9;}
.client-brand-logo-wrap .section-title {position: relative;display: block;margin-bottom: 35px;text-align: center;}
.client-brand-logo-wrap .section-title h2 {display: inline-flex;font-size: 24px;line-height: 30px;margin-bottom: 0px;font-weight: 600;position: relative;}
.client-brand-logo-wrap .section-title h2::before {position: absolute;content: "";top: 15px;right: -30px;width: 20px;height: 3px;background: #086ad7;}
.client-brand-logo-wrap .section-title h2::after {position: absolute;content: "";top: 15px;left: -30px;width: 20px;height: 3px;background: #086ad7;}
.client-brand-logo-wrap .brand-carousel-active {border: none !important;}
.client-brand-logo-wrap .brand-carousel-active .single-client {width: 100%;height: auto;background: #ffffff;display: flex;align-items: center;justify-content: center;border: 1px solid #cccccc;border-radius: 10px;}
.client-brand-logo-wrap .brand-carousel-active .single-client img {height: 120px;width: auto;}
.project-case-study-wrapper {padding: 60px 0;}
.project-case-study-wrapper .section-title {margin-bottom: 35px;}
.project-case-study-wrapper .section-title h1 {font-size: 42px;line-height: 60px;font-weight: 800;text-transform: capitalize;}
.project-case-study-wrapper .gallery-thumb {width: 100%;height: 300px;}
.project-case-study-wrapper .gallery-thumb img {width: 100%;height: 100%;object-fit: cover;border-radius: 7px;}
.cta-banner .section-bg {background-color: #086ad7;}
.cta-banner .container-fluid {padding-top: 50px;padding-bottom: 50px;}
.cta-banner .section-bg h2 {font-size: 30px;}
.cta-banner .section-bg .theme-btn {background-color: #211e3b;border: 1px solid #211e3b;}
.footer-2 {background: #211e3b;}
.footer-2.footer-wrap .single-footer-wid {margin-top: 0 !important;}
.footer-2.footer-wrap .single-footer-wid .wid-title h4 {position: relative;display: block;padding-bottom: 15px;margin-bottom: 0;margin-top: 0;color: #ffffff;font-family: 'Nunito' !important;font-size: 20px;}
.footer-2.footer-wrap .single-footer-wid .wid-title h4:after {position: absolute;left: 0;width: 15px;height: 2px;content: '';background-color: #086ad7;border-radius: 4px;bottom: 0px;}
.footer-2.footer-wrap .single-footer-wid .wid-title h4::before {position: absolute;background-color: #086ad7;content: '';height: 2px;border-radius: 4px;bottom: 0;width: 50px;left: 20px;}
.footer-2.footer-wrap .single-footer-wid .footer-ContectList li {position: relative;z-index: 1;padding-left: 0;list-style: none;display: flex;align-items: flex-start;gap: 20px;margin-bottom:25px;font-size: 15px;line-height: 26px;color: #cccccc;}
.footer-2.footer-wrap .single-footer-wid .footer-ContectList li:last-child {margin-bottom:0px;}
.footer-2.footer-wrap .single-footer-wid .footer-ContectList li::before {display:none;}
.footer-2.footer-wrap .single-footer-wid .footer-ContectList li i {width: 40px;min-width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: #086ad7;font-size: 18px;color: #ffffff;border-radius: 3px;}
.footer-2.footer-wrap .single-footer-wid .footer-ContectList li .text h4 {font-size: 15px !important;font-weight:600;color: #ffffff;text-transform: uppercase;}
.footer-2.footer-wrap .single-footer-wid .footer-ContectList li .text p {font-size: 15px !important;line-height: 26px;color: #cccccc;text-transform: capitalize;}
.footer-2.footer-wrap .single-footer-wid .footer-ContectList li .text a {font-size: 15px;line-height: 26px;color: #cccccc;margin-bottom: 0;text-transform: lowercase;font-family: "Nunito", sans-serif !important;}
.footer-2.footer-wrap .single-footer-wid .footContectList ul li {font-size: 15px;line-height: 1.75;color: #cccccc;margin-bottom: 20px;}
.footer-2.footer-wrap .single-footer-wid .footContectList ul li::before {background: #008fe8;}
.footer-2.footer-wrap .single-footer-wid .footContectList ul li a {font-size: 15px;line-height: 1.75;color: #cccccc;text-transform: lowercase;}
.footer-2.footer-wrap .single-footer-wid ul li::before {font-size: 15px;color: #cccccc;}
.footer-2.footer-wrap .single-footer-wid ul li>a {font-size: 15px;line-height: 1.75;color: #cccccc;margin-bottom: 15px;}
.footer-2.footer-wrap .single-footer-wid ul.branch {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.footer-2.footer-wrap .single-footer-wid ul.branch li {font-size: 14px;line-height: 24px;color: #cccccc;background: rgba(255, 255, 255, .05);border: 1px solid rgba(255, 255, 255, .15);padding: 20px;border-radius: 10px;}
.footer-2.footer-wrap .single-footer-wid ul.branch li::before {display:none;}
.footer-2.footer-wrap .single-footer-wid ul.branch li b {display: block;text-transform: uppercase;color: #ffffff;}
.footer-wrap .footer-bottom .footer-bottom-content {border-top: 1px solid #484751;padding: 20px 0;}
.footer-wrap .footer-bottom .footer-bottom-content .copy {font-size: 16px !important;color: #cccccc;}
.footer-wrap .footer-bottom .footer-bottom-content .linkList {text-align: right;display: flex;align-items: center;justify-content: flex-end;gap: 40px;}
.footer-wrap .footer-bottom .footer-bottom-content .linkList a {padding-left: 0;color: #cccccc;font-size: 12px;    text-transform: uppercase;font-weight: 500;position:relative;}
.footer-wrap .footer-bottom .footer-bottom-content .linkList a::after {position: absolute;content: "";top: 15%;right: -20px;width: 1px;height: 60%;background: #484751;}
.footer-wrap .footer-bottom .footer-bottom-content .linkList a.last::after {display:none;}

.modal.eventPopup .modal-dialog {max-width: 600px;}
.modal.eventPopup .modal-dialog .close {position: absolute;right: 7px;top: 7px;z-index: 99;width: 30px;height: 30px;background: #086ad7;border-radius: 100%;color: #ffffff;font-size: 24px;}
.modal.eventPopup .modal-dialog .modal-content .modal-body .event-thumb {margin-bottom:10px;}
.modal.eventPopup .modal-dialog .modal-content .modal-body .event-thumb img {width:100%;border-radius:7px;}
.modal.eventPopup .modal-dialog .modal-content .modal-body span {background: #afd5ff;color: #086ad7;text-transform: uppercase;font-size: 14px;line-height: 1.5;font-weight: 600;padding: 3px 12px;border-radius: 3px;display:inline-block;margin-bottom: 7px;}
.modal.eventPopup .modal-dialog .modal-content .modal-body h4 {font-size: 18px;line-height: 26px;font-weight: 600;margin-bottom: 5px;}
.modal.eventPopup .modal-dialog .modal-content .modal-body p {font-size: 15px !important;line-height: 26px;font-weight: 500;color: #464646;}

@media screen and (min-device-width: 1199px) and (max-device-width: 1400px) {
	.topGap2 {height: 118px;}
	.hero-area .hero-left h3 {font-size: 52px;}
	.about-us-wrapper .section-title h1 {font-size: 36px;line-height: 48px;}
	.about-us-wrapper p {font-size: 16px !important;line-height: 28px;}
	.features-wrapper .section-title h1 {font-size: 36px;line-height: 48px;}
	.news-wrapper .section-title h1 {font-size: 36px;line-height: 48px;}
	.project-case-study-wrapper .section-title h1 {font-size: 36px;line-height: 48px;}
}

@media (max-width: 767px){
	.topGap2 {height: 70px;}
	.hero-area {flex-direction: column;background-size: cover;width: 100%;height: auto;}
	.hero-area .hero-left {text-align: left;min-width: 100%;width: 100%;padding: 50px;align-items: center;justify-content: center;}
	.hero-area .hero-left .inner-wraper h5 {font-size: 18px;font-weight: 500;margin: 0 0 20px;letter-spacing: 7px;text-align: center;}
	.hero-area .hero-left .inner-wraper h3 {font-size: 36px;line-height: 48px;margin: 0px 0 25px;letter-spacing: 2px;text-align: center;}
	.hero-area .hero-left .inner-wraper p {font-size: 16px !important;text-align: center;}
	.hero-area .hero-right {width: 100%;clip-path: none;align-items: center;justify-content: center;padding: 50px;}
	.hero-area .hero-right p.comprise {width: 100%;}
	.hero-area .hero-right p.comprise span {margin: 5px 0 0;}
	.hero-area .hero-right .hero-brand-2 .single-slide {max-width: 100%;}
	.about-us-wrapper .section-title h1 {font-size: 26px;line-height: 36px;}
	.features-wrapper .section-title h1 {font-size: 26px;line-height: 36x;}
	.news-wrapper {padding: 60px 0 50px;}
	.news-wrapper .section-title h1 {font-size: 26px;line-height: 36px;}
	.news-wrapper .section-title p.desc {font-size: 14px !important;font-weight: 500;line-height: 1.75;max-width: 100%;}
	.news-wrapper .news-post .news-content h2 {font-size: 20px;line-height: 1.5;}
	.news-wrapper .post-more {text-align: left;}
	.news-wrapper .news-sidebar {margin-left: 0;margin-top: 0px;}
	.news-wrapper .news-sidebar .single-post-item .thumb {width: 100px;min-width: 100px;height: 100px;}
	.news-wrapper .news-sidebar .single-post-item .post-content h5 {margin-bottom: 7px;font-size: 14px;}
	.news-wrapper .news-sidebar .single-post-item .post-content .post-bottom span {font-size: 12px;}
	.news-wrapper .news-sidebar .single-post-item .post-content .post-bottom a {font-size: 12px;}
	.client-brand-logo-wrap .section-title h2 {font-size: 20px;}
	.project-case-study-wrapper .section-title h1 {font-size: 26px;line-height: 36px;}
	.cta-banner h2 {text-align: center;font-size: 18px;line-height: 30px;}
	.cta-banner .text-xl-right {text-align: center;}
	.footer-2.footer-wrap .footer-widgets {padding-bottom: 35px;padding-top: 35px;}
	.footer-2.footer-wrap .single-footer-wid {margin-top: 30px !important;}
	.footer-2.footer-wrap .single-footer-wid ul.branch {grid-template-columns: 1fr;grid-gap: 20px;}
	.footer-wrap .footer-bottom .footer-bottom-content .copy {font-size: 14px !important;}
}

@keyframes bellshake {
	0% {
	    transform: rotate(0);
	}
	15% {
	    transform: rotate(16deg);
	}
	30% {
	    transform: rotate(-12deg);
	}
	50% {
	    transform: rotate(8deg);
	}
	65% {
	    transform: rotate(-5deg);
	}
	80% {
	    transform: rotate(3deg);
	}
	100% {
	    transform: rotate(0);
	}
}