body{font-family:"Poppins";width: 100%;overflow-x: clip;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
html{width: 100%;overflow-x: clip;}

.topbar{background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);padding: 10px 0;}
.topbar-info-text p{color: #fff;opacity: 80%;margin-bottom: 0;}
.topbar-info-text p a{font-weight: 700;text-transform: capitalize;color: inherit;text-decoration: underline;text-underline-offset: 3px;transition: all 0.3s ease-in-out;}
.topbar-info-text p a:hover{color: #000;}
.topbar-links{display: flex;align-items: center;justify-content: end;}
.topbar-contact-info{border-right: 1px solid #FFFFFF33;margin-right: 25px;padding-right: 25px;}
.topbar-contact-info ul{list-style: none;padding: 0;margin: 0;}
.topbar-contact-info ul li{position: relative;display: inline-block;margin-right: 20px;color: #fff;opacity: 80%;transition: all 0.3s ease-in-out;}
.topbar-contact-info ul li a{color: inherit;}
.topbar-contact-info ul li:hover{color: #015577;}
.topbar-contact-info ul li:last-child{margin: 0;padding: 0;}
.topbar-contact-info ul li::before{content: '/';position: absolute;top: 0;right: -16px;bottom: 0;font-size: 16px;color: #fff;opacity: 80%;}
.topbar-contact-info ul li:last-child:before{display: none;}
.topbar-social-links ul{list-style: none;padding: 0;margin: 0;}
.topbar-social-links ul li{position: relative;display: inline-block;margin-right: 20px;transition: all 0.3s ease-in-out;}
.topbar-social-links ul li:last-child{margin: 0;}
.topbar-social-links ul li a{display: block;color: #fff;transition: all 0.3s ease-in-out;}
.topbar-social-links ul li:hover a{color: #015577;}
.topbar-social-links ul li a i{font-size: 18px;color: inherit;}

header.main-header{position: relative;border-bottom: 1px solid #FFFFFF33;z-index: 100;}
header.main-header .header-sticky{position: relative;top: 0;z-index: 100;}
header.main-header .header-sticky.hide{transform: translateY(-100%);transition: transform 0.3s ease-in-out;border-radius: 0;}
header.main-header .header-sticky.active{position: fixed;top: 0;left: 0;right: 0;border-radius: 0;transform: translateY(0);background-color: #fff;border-bottom: 1px solid #FFFFFF33;}
header.main-header .header-sticky .navbar-brand img{width: 250px;}
.navbar{padding: 20px 0;align-items: center;}
.navbar-brand{padding: 0;margin: 0;}
.main-menu .nav-menu-wrapper{flex: 1;text-align: right;margin: 0 20px;}
.main-menu .nav-menu-wrapper > ul{align-items: center;display: inline-flex;}
.main-menu ul li{margin: 0;position: relative;}
.main-menu ul li a{font-size: 16px;font-weight: 500;line-height: 1.2em;padding: 14px 20px !important;color: #015577;text-transform: capitalize;transition: all 0.3s ease-in-out;}
.main-menu ul li.submenu > a:after{content: '\f107';font-family: 'FontAwesome';font-weight: 900;font-size: 14px;margin-left: 8px;}
.main-menu ul li a:hover, .main-menu ul li a:focus{color: #36c0ee;}
.main-menu ul ul{visibility: hidden;opacity: 0;transform: scaleY(0.8);transform-origin: top;padding: 0;margin: 0;list-style: none;width: 230px;border-radius: 20px;position: absolute;left: 0;top: 100%;background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);transition: all 0.3s ease-in-out;text-align: left;}
.main-menu ul li.submenu:first-child ul{width: 230px;}
.main-menu ul li.submenu ul li a{color: #fff;}
.main-menu ul ul ul{left: 100%;top: 0;text-align: left;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul li.submenu ul li.submenu > a:after{content: '\f105';float: right;}
.main-menu ul ul li{margin: 0;padding: 0;}
.main-menu ul ul li a{color: #36c0ee;padding: 8px 20px !important;transition: all 0.3s ease-in-out;}
.main-menu ul li:hover > ul{visibility: visible;opacity: 1;transform: scaleY(1);padding: 5px 0;}
.main-menu ul ul li a:hover, .main-menu ul ul li a:focus{color: #fff;background-color: transparent;padding: 8px 20px 8px 23px !important;}
.main-menu ul li.highlighted-menu{display: none;}
.responsive-menu, .navbar-toggle{display: none;}
.responsive-menu{top: 0;position: relative;}

.slicknav_btn{background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);padding: 0;display: flex;align-items: center;justify-content: center;width: 38px;height: 38px;margin: 0;border-radius: 8px;}
.slicknav_icon .slicknav_icon-bar{display: block;width: 100%;height: 3px;width: 22px;background-color: #fff;border-radius: 6px;margin: 4px auto !important;transition: all 0.1s ease-in-out;}
.slicknav_icon .slicknav_icon-bar:first-child{margin-top: 0 !important;}
.slicknav_icon .slicknav_icon-bar:last-child{margin-bottom: 0 !important;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){transform: rotate(-45deg) translate(-5px, 5px);}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){opacity: 0;}
.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){transform: rotate(45deg) translate(-5px, -5px);}
.slicknav_menu{position: absolute;width: 100%;padding: 0;background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);}
.slicknav_menu ul{margin: 5px 0;}
.slicknav_menu ul ul{margin: 0;}
.slicknav_nav .slicknav_row, .slicknav_nav li a{position: relative;font-size: 16px;font-weight: 500;text-transform: capitalize;padding: 8px 20px;color: #fff;line-height: normal;margin: 0;border-radius: 0 !important;transition: all 0.3s ease-in-out;}
.slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover{background-color: transparent;color: #fff;}
.slicknav_menu ul ul li a{padding: 8px 20px 8px 30px;}
.slicknav_arrow{font-size: 0 !important;}
.slicknav_arrow:after{content: '\f107';font-family: 'FontAwesome';font-weight: 900;font-size: 12px;margin-left: 8px;color: #fff;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);transition: all 0.3s ease-out;}
.slicknav_open > a .slicknav_arrow:after{transform: translateY(-52%) rotate(-180deg);color: #fff;}

.btn-default{position: relative;display: inline-block;background: linear-gradient(to right, #015577 0%, #36c0ee 50%, #015577 100%);background-size: 200% auto;border-radius: 100px;color: #fff;font-size: 18px;font-weight: 600;line-height: 1em;text-transform: capitalize;border: none;padding: 17px 60px 17px 30px;transition: all 0.4s ease-in-out;overflow: hidden;z-index: 0;}
.btn-default:hover{background-position: right center; color: #fff;}
.btn-default::before{content: '\f0a9';font-family: 'Font Awesome 6 Free';position: absolute;top: 50%;right: 0;transform: translate(-30px, -50%);font-size: 20px;color: #fff;border-radius: 50%;transition: all 0.4s ease-in-out;}
.btn-default:hover::before{transform: translate(-27px, -50%);}

.hero{position: relative;background: url('../images/hero-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 140px 0;}
.hero::before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: linear-gradient(270deg, rgba(1, 5, 53, 0.28) 43.57%, rgba(1, 5, 53, 0.8) 100%);width: 100%;height: 100%;z-index: 1;}
.hero.hero-video{padding: 205px 0;}
.hero.hero-video .hero-bg-video{position: absolute;top: 0;right: 0;left: 0;bottom: 0;width: 100%;height: 100%;}
.hero.hero-video .hero-bg-video video{width: 100%;height: 100%;object-fit: cover;}
.hero.hero-slider-layout{background: none;padding: 0;}
.hero.hero-slider-layout .hero-slide{position: relative;padding: 205px 0;}
.hero.hero-slider-layout .hero-slide::before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(270deg, rgba(1, 5, 53, 0.28) 43.57%, rgba(1, 5, 53, 0.8) 100%);width: 100%;height: 100%;z-index: 1;}
.hero.hero-slider-layout .hero-slide .hero-slider-image{position: absolute;top: 0;right: 0;left: 0;bottom: 0;}
.hero.hero-slider-layout .hero-slide .hero-slider-image img{width: 100%;height: 100%;object-fit: cover;}
.hero.hero-slider-layout .hero-pagination{position: absolute;bottom: 70px;text-align: left;padding-left: calc(((100vw - 1300px) / 2) + 15px);z-index: 2;}
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1;transition: all 0.3s ease-in-out;margin: 0 5px;
}
.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{background-color: #015577;}
.hero-content{position: relative;width: 100%;max-width: 635px;z-index: 2;}
.hero-content-body{display: flex;flex-wrap: wrap;align-items: center;gap: 40px;}

.section-title{position: relative;margin-bottom: 40px;z-index: 1;}
.section-title h3{position: relative;display: inline-block;font-size: 15px;line-height: normal;letter-spacing: 0.2em;text-transform: uppercase;color: #015577; margin-bottom: 20px;}
.section-title h1{font-size: 68px;font-weight: 700;color: #fff;margin-bottom: 0;}
.section-title h2{font-size: 46px;font-weight: 700;margin-bottom: 0;}
.section-title h1 span, .section-title h2 span{background: linear-gradient(90.15deg, #015577 0%, #36c0ee 100%);background-clip: text;-webkit-text-fill-color: transparent;}
.section-title p{margin-top: 20px;margin-bottom: 0;}
.section-title.dark-section h3, .section-title.dark-section h1, .section-title.dark-section h2, .section-title.dark-section p{color: #fff;}
.section-title.dark-section h3::before{filter: brightness(0) invert(1);}

.feature-style-one-area {background-repeat: no-repeat;background-position: left top;padding: 70px 0;}
.feature-style-one-area .section-title{margin-bottom: 20px;}
.default-padding, .default-padding-top, .default-padding-bottom, .default-padding-mx {position: relative;}
.feature-style-one-heading {position: relative;z-index: 1;}
.half-angle-shape::before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-image: linear-gradient(#fff, transparent 1px), linear-gradient(to right, #fff, transparent 1px);background-size: 100% 51px, 51px 100%;opacity: 0.12;}
.half-angle-shape::after {position: absolute;left: -5%;top: 0;content: "";height: 100%;width: 50%;background: #015577;z-index: -1;transform: skewX(-10deg);}
.feature-style-one-heading .arrow-shape {position: absolute;right: -110px;top: 0px;height: 50px;}
.feature-style-one-heading .arrow-shape img {height: 100%;}
.feature-style-one-heading ul.list-card {margin-top: 25px;}
ul.list-card {margin: 0;padding: 0;list-style: none;}
ul.list-card li {position: relative;z-index: 1;display: block;padding-left: 25px;}
ul.list-card li h1 {font-size: 45px;font-weight: 600;margin-bottom: 5px;}
ul.list-card li::after {position: absolute;left: 0;top: 5px;bottom: 5px;content: "";width: 4px;background: #36c0ee;z-index: -1;border-radius: 30px;}

.feature-style-one {margin-top: 40px;display: flex;border-top: 1px solid #e7e7e7;padding-top: 40px;}
.feature-style-one:first-child {margin-top: 0;padding-top: 0;border: none;}
.feature-style-one .icon {font-size: 50px;position: relative;z-index: 1;height: 86px;width: 100px;text-align: center;color: #fff;border-radius: 5px;display: inline-flex;align-items: center;flex-direction: column;justify-content: center;min-width: 100px;padding: 25px;margin-right: 20px;position: relative;z-index: 1;}
.feature-style-one .icon img{width: 100%;}
.feature-style-one .icon::after {position: absolute;right: 7px;top: 0;content: "";height: 100%;width: 100%;background: url(../images/icon2.png);background-size: contain;background-repeat: no-repeat;background-position: top left;z-index: -1;}
.feature-style-one h4 {font-weight: 600;text-transform: capitalize;font-size: 22px; color: #000;}
.feature-style-one p{color: #505050; line-height: 28px;}

.section-row .section-title {width: 100%;max-width: 720px;margin: 0 auto;text-align: center;}
.section-row .section-title span{display: block;}
.our-services{background: #f2f2f5;padding: 100px 0 70px;}
.service-item{position: relative;background: #fff;border: 1px solid #F5F5F5;border-radius: 30px;height: calc(100% - 30px);margin: 20px 0 0;padding: 40px;overflow: hidden;}
.service-item .shape {position: absolute;right: 0;top: 0;max-width: 50%;}
.service-item .shape img{width: 100%;}
.service-item::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);height: 0;width: 100%;z-index: 0;transition: all 0.4s ease-in-out;}
.service-item:hover:before{height: 100%;}
.service-item .icon-box{position: relative;margin-bottom: 30px;z-index: 1;}
.service-item .icon-box img{width: 100%;max-width: 100px;transition: all 0.4s ease-in-out;filter: none;}
.icon-box img, .service-item:hover .icon-box img{filter: brightness(0) invert(1);}
.service-title-box{position: relative;display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;z-index: 1;}
.service-title{width: calc(100% - 55px);}
.service-title h3{font-size: 20px;font-weight: 600;transition: all 0.4s ease-in-out;}
.service-title h3, .service-item:hover .service-title h3{color: #fff;}
.service-title h3 a{color: inherit;}
.service-btn a{position: relative;height: 40px;width: 40px;border-radius: 50%;display: flex;color: #fff;justify-content: center;align-items: center;overflow: hidden;margin-left: 15px;transition: all 0.4s ease-in-out;}
.service-btn a, .service-item:hover .service-btn a{background: #fff;color: #36c0ee;}
.service-item .service-btn a:hover{color: #015577;}
.service-btn a::before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);height: 100%;width: 100%;z-index: -1;transition: all 0.4s ease-in-out;}
.service-btn a i{font-size: 20px;color: inherit;}
.service-content{position: relative;z-index: 1;}
.service-content p{margin-bottom: 0;transition: all 0.4s ease-in-out;}
.service-content p, .service-item:hover .service-content p{color: #fff;}
.service-item .service-title a, .service-item .service-content p{color: #000; transition: all 0.5s;}
.service-item:hover .service-title a, .service-item:hover .service-item .service-content p{color: #fff;}

.our-testimonials{padding: 100px 0;}
.testimonial-box{position: relative;background: url(../images/testimonial-bg.jpg) no-repeat;background-size: cover;background-position: center center;border-radius: 30px;display: flex;flex-wrap: wrap;align-items: center;gap: 40px 30px;}
.testimonial-box::before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:#015577;border-radius: 30px;opacity: 60%;height: 100%;width: 100%;transition: all 0.4s ease-in-out;z-index: 1;}
.testimonial-video-button, .testimonial-slider-box{position: relative;width: calc(50% - 15px);z-index: 1;}
.testimonial-video-button{text-align: center;}
.testimonial-video-button a{position: relative;background: linear-gradient(90deg, #015577 0%, #36c0ee 50%, #015577 100%);background-size: 200% auto;border-radius: 100%;width: 74px;height: 74px;display: inline-flex;align-items: center;justify-content: center;transition: all 0.4s ease-in-out;}
.testimonial-video-button a:hover{background-position: right center;}
.testimonial-video-button a:before{content: '';position: absolute;top: -30%;left: -30%;width: 160%;height: 160%;border: 50px solid #F5F5F5;border-radius: 50%;transform: scale(0.6);z-index: -1;animation: border-zooming 1.2s infinite linear;}
.testimonial-video-button a:after{content: '';position: absolute;top: -30%;left: -30%;width: 160%;height: 160%;border: 50px solid #F5F5F5;border-radius: 50%;transform: scale(0.6);z-index: -1;animation: border-zooming 1.2s infinite linear;animation-delay: .3s;}
@keyframes border-zooming{
100%{transform: scale(1);opacity: 0;}
}
.testimonial-video-button a i{font-size: 30px;color: #fff;margin-left: 3px;}
.testimonial-video-button h3{color: #fff;font-size: 18px;font-weight: 600;margin-top: 40px;text-transform: capitalize;}
.testimonial-slider{background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);border-radius: 30px 30px 0 30px;padding: 50px;overflow: hidden;margin-top: -135px;}
.testimonial-content{margin-bottom: 30px;}
.testimonial-content p{font-size: 18px;font-weight: 500;color: #fff;opacity: 80%;margin-bottom: 20px;}
.testimonial-content p:last-child{margin-bottom: 0;}
.testimonial-body{display: flex;align-items: center;}
.author-image{margin-right: 20px;}
.author-image figure{display: block;border-radius: 50%;}
.author-image img{width: 100%;max-width: 50px;border-radius: 50%;}
.author-content{width: calc(100% - 70px);}
.author-content h3{color: #fff;font-size: 20px;text-transform: capitalize;margin-bottom: 5px;}
.author-content p{color: #fff;opacity: 80%;text-transform: capitalize;margin: 0;}
.testimonial-btn{position: absolute;bottom: 5px;right: 0;display: flex;align-items: center;justify-content: right;z-index: 1;}
.testimonial-slider .testimonial-button-next, .testimonial-slider .testimonial-button-prev{position: relative;width: 32px;height: 32px;background: #fff;border-radius: 50%;transition: all 0.4s ease-in-out;}
.testimonial-slider .testimonial-button-next{margin-left: 20px;}
.testimonial-slider .testimonial-button-next:hover, .testimonial-slider .testimonial-button-prev:hover{background: #fff;}
.testimonial-slider .testimonial-button-next::before, .testimonial-slider .testimonial-button-prev::before{font-family: 'FontAwesome';content: '\f061';position: absolute;top: 0;bottom: 0;left: 0;right: 0;font-size: 16px;color: #015577;display: flex;align-items: center;justify-content: center;transition: all 0.4s ease-in-out;}
.testimonial-slider .testimonial-button-prev::before{transform: rotate(180deg);}
.testimonial-contact-info{display: flex;flex-wrap: wrap;align-items: center;gap: 30px;padding: 40px 40px 40px 0;}
.testimonial-contact-box{width: calc(65% - 15px);display: flex;align-items: center;}
.testimonial-contact-box .icon-box{height: 60px;width: 60px;background: linear-gradient(to right, #015577 0%, #36c0ee 50%, #015577 100%);background-size: 200% auto;border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 20px;transition: all 0.4s ease-in-out;}
.testimonial-contact-box:hover .icon-box{background-position: right center;}
.testimonial-contact-box .icon-box i{color: #fff; font-size: 24px;}
.testimonial-contact-content{width: calc(100% - 80px);}
.testimonial-contact-content p{color: #fff;font-weight: 500;margin: 0;}
.testimonial-contact-content p a{display: inline-block;color: inherit;text-decoration: underline;transition: all 0.4s ease-in-out;}
.testimonial-contact-content p a:hover{color: #36c0ee;}
.testimonial-contact-btn{width: calc(35% - 15px);text-align: end;}

.footer_area{padding: 70px 0 0;}
footer .widget-title {font-weight: 600;font-size: 24px;margin-bottom: 30px;}
footer ul li{list-style: none;}
footer .logo img {height: 60px;}
footer .logo {margin-bottom: 30px;height: 60px;}
footer p, footer li, footer li a {color: #d1d1d7 !important;transition: all 0.35s ease-in-out;}
footer li a:hover {color: #fff !important;}
footer li a {font-weight: 400;}
footer .link li {margin:0 15px;}
footer .link li:first-child {margin-top: 0;}
.footer-item {margin: 15px 0; text-align:center;}
.footer-item li{display:inline-block;}
.footer-bottom li {display: inline-block;}
.footer-bottom p {margin: 0; text-align: center;}
.footer-bottom {padding: 15px 0;background: #015577;margin-top: 70px;}
.footer-bottom .text-end li {margin-left: 20px;}
.f-items {position: relative;z-index: 1;}
.f-items .shape-animated-top {position: absolute;left: -200px;top: 80px;}
.f-items .shape-animated-top img {max-width: 250px;opacity: 0.03;}
.footer-bottom .container {position: relative;}
footer {position: relative;z-index: 1;overflow: hidden;}
.footer-shape {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.footer-shape .item:first-child {position: absolute;right: 0;top: 50px;height: 250px;}
.footer-shape .item:first-child img {height: 100%;}
.footer-shape .item:nth-child(2) {position: absolute;left: 30px;bottom: 45px;height: 30px;}
.footer-shape .item:nth-child(2) img {height: 100%;animation: spinner 20s infinite linear;}
.footer-shape .item:nth-child(3) {position: absolute;left: 0;top: 0;height: 40%;opacity: 0.3;}
.footer-shape .item:nth-child(3) img {height: 100%;}
.footer-shape .item.bottom {top: auto;bottom: 60px;height: 70%;}
.opening-hours {margin-top: 30px;}
.opening-hours li {margin-top: 10px;position: relative;z-index: 1;}
.opening-hours h5 {text-transform: uppercase;font-weight: 600;font-size: 15px;}
.opening-hours .working-day, .opening-hours .working-hour {width: 1%;display: table-cell;white-space: nowrap;}
.opening-hours .working-day {padding-right: 10px;}
.opening-hours .working-hour {padding-left: 10px;text-transform: uppercase;}
.opening-hours .marker {width: 98%;display: table-cell;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.3);bottom: 10px;}
.footer-social li {display: inline-block;margin-right: 10px;margin-top: 10px;}
.footer-social li a {display: inline-block;height: 45px;width: 45px;line-height: 47px;text-align: center;background: rgba(255, 255, 255, 0.1);border-radius: 50%;color: var(--white) !important;}
.footer-social {margin-top: 20px;}
.footer-social li a:hover {background: #1351d8;}
.color-style-two .footer-social li a:hover {background: linear-gradient(90deg, #B700C4  0%, #FF9B0D 100%);}
.f-item.contact ul {margin: 0;padding: 0;list-style: none;}
.f-item.contact ul li {display: flex;gap: 15px;margin-top: 20px;}
.f-item.contact ul li p {margin: 0;}
.f-item.contact ul li i {display: inline-block;height: 50px;width: 50px;min-width: 50px;text-align: center;line-height: 50px;border-radius: 50%;color: #fff;border: 1px solid rgba(255, 255, 255, 0.3);font-size: 20px;}

/*===============Web Development Starts===============*/
.page-header{position: relative;background-image: url('../images/page-header-bg.jpg');background-repeat: no-repeat;background-position: center center;background-size: cover;padding: 145px 0;}
.page-header::before{content: '';display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(270deg, rgba(1, 5, 53, 0.28) 43.57%, rgba(1, 5, 53, 0.8) 100%);width: 100%;height: 100%;z-index: 0;}
.page-header-box{position: relative;z-index: 1;}
.page-header-box h1{display: inline-block;color: #fff;font-size: 68px;font-weight: 800;line-height: 1.2em;margin-bottom: 10px;}
.page-header-box ol{margin: 0;padding: 0;}
.page-header-box ol li.breadcrumb-item{font-weight: 500;text-transform: capitalize;line-height: normal;color: #fff;}
.page-header-box ol li.breadcrumb-item a{color: inherit;}
.page-header-box ol li.breadcrumb-item.active{color: #fff;}
.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{color: #fff;}

.page-service-single{padding: 70px 0;}
.page-single-sidebar{position: sticky;top: 20px;margin-right: 20px;}
.page-catagery-list {background-color: #f2f2f5;border-radius: 30px;padding: 30px;margin-bottom: 60px;overflow: hidden;}
.page-catagery-list h3{font-size: 20px;text-transform: capitalize;margin-bottom: 30px;}
.page-catagery-list ul{list-style: none;margin: 0;padding: 0;}
.page-catagery-list ul li{margin-bottom: 20px;}
.page-catagery-list ul li:last-child{margin: 0;}
.page-catagery-list ul li a{position: relative;display: block;line-height: 1.5em;text-transform: capitalize;color: #505050;background-color: #fff;border-radius: 10px;padding: 15px 50px 15px 15px;overflow: hidden;transition: all 0.4s ease-in-out;z-index: 1;}
.page-catagery-list ul li:hover a{color: #fff;}
.page-catagery-list ul li a::before{font-family: 'FontAwesome';content: '\f0a9';position: absolute;font-size: 24px;color: #015577;top: 50%;right: 15px;width: 24px;height: 24px;transform: translateY(-50%);transition: all 0.4s ease-in-out;}
.page-catagery-list ul li:hover a::before{color: #fff;}
.page-catagery-list ul li a::after{content: '';position: absolute;right: 0;bottom: 0;left: 0;width: 100%;height: 0;background: linear-gradient(90.15deg, #015577 1.15%, #36c0ee 98.84%);transition: all 0.4s ease-in-out;z-index: -1;}
.page-catagery-list ul li:hover a::after{top: 0;height: 100%;}

.page-single-slider{margin-bottom: 40px;}
.page-single-slider .swiper-slide figure{display: block;overflow: hidden;border-radius: 30px;margin: 0;}
.page-single-slider .swiper-slide figure::before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg, rgba(1, 5, 53, 0) 80.06%, #015577 100%);width: 100%;height: 100%;border-radius: 0 0 30px 30px;}
.page-single-slider .swiper-slide img{width: 100%;aspect-ratio: 1 / 0.66;object-fit: cover;border-radius: 30px;}
.page-single-slider .page-single-pagination{position: absolute;bottom: 20px;text-align: center;z-index: 1;}
.page-single-slider .page-single-pagination .swiper-pagination-bullet{position: relative;height: 12px;width: 12px;background: #fff;opacity: 1;margin: 0 8px;}
.page-single-slider .page-single-pagination .swiper-pagination-bullet:before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid #fff;height: 0;width: 0;border-radius: 50%;transition: all 0.4s ease-in-out;}
.page-single-slider .page-single-pagination .swiper-pagination-bullet-active:before{height: 24px;width: 24px;}
.service-entry p{margin-bottom: 20px;}
.service-entry p:last-child{margin-bottom: 0;}
.service-entry h2{font-size: 46px;font-weight: 700;margin-bottom: 20px;}
.service-why-choose-box, .service-entry-feature-box{margin-top: 60px;}
.our-benefit-body.service-why-choose-list{margin: 40px 0;}
.our-benefit-body.service-why-choose-list .benefit-body-item{background: #36c0ee;padding: 20px;}
.image-anime{position: relative;overflow: hidden;}
.image-anime:after{content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255,255,255,.3);transform: translate(-50%,-50%) rotate(-45deg);z-index: 1;}
.image-anime:hover:after{height: 250%;transition: all 600ms linear;background-color: transparent;}
/*===============Web Development Ends===============*/


/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1366px){
}

@media (min-width:768px) and (max-width:980px){
    header.main-header .header-sticky .navbar-brand img{width: 200px;}
    .btn-default{font-size: 16px;padding: 15px 50px 15px 20px;}
    .btn-default::before{transform: translate(-20px, -50%);font-size: 18px;}
    .btn-default:hover::before{transform: translate(-17px, -50%);}
    .topbar-info-text p{font-size: 14px;}
    .topbar-contact-info{margin-right: 15px;padding-right: 15px;}
    .topbar-contact-info ul li{font-size: 14px;margin-right: 15px;}
    .topbar-contact-info ul li::before{right: -12px;font-size: 14px;}
    .topbar-social-links ul li{margin-right: 10px;}
    .topbar-social-links ul li a i{font-size: 16px;margin-right: 5px;}
    .navbar{padding: 15px 0;}
    .main-menu ul li.highlighted-menu{display: block;}
    .slicknav_nav li, .slicknav_nav ul{display: block;}
    .responsive-menu, .navbar-toggle{display: block;}
    .header-btn{display: none;}

    .feature-style-one-heading .arrow-shape{display: none;}
    .half-angle-shape::after, .half-angle-shape::before{display: none;}
    .feature-style-one-area .section-title h2{color: #000; font-size: 28px;}
    .feature-style-one-heading p{color: #505050;}
    .list-card{background: #015577; padding: 30px 0 !important;}
    .list-card p{color: #fff;}
    ul.list-card li h1{font-size: 28px;}
    .feature-style-one{margin-top: 20px !important;}

    .our-testimonials .section-title{text-align: center;}
    .testimonial-box{flex-wrap: wrap;}
    .testimonial-video-button, .testimonial-slider-box{width: 100%; padding: 0 20px;}
    .testimonial-slider{margin: 100px 0 0; padding: 15px;}
    .testimonial-contact-info{padding: 20px 0;}
    .testimonial-contact-box{width: 100%;}
    .testimonial-contact-btn{text-align: center;width: 100%;}
}

@media (max-width:767px){
    .topbar-info-text{text-align: center;}
    .topbar-links{justify-content: center;}
    header.main-header .header-sticky .navbar-brand img{width: 200px;}
    .btn-default{font-size: 16px;padding: 15px 50px 15px 20px;}
    .btn-default::before{transform: translate(-20px, -50%);font-size: 18px;}
    .btn-default:hover::before{transform: translate(-17px, -50%);}
    .topbar-info-text p{font-size: 14px;}
    .topbar-contact-info{margin-right: 15px;padding-right: 15px;width:70%;}
    .topbar-social-links{width:30%;text-align: right;}
    .topbar-contact-info ul li{font-size: 14px;margin-right: 15px;}
    .topbar-contact-info ul li::before{right: -12px;font-size: 14px;}
    .topbar-social-links ul li{margin-right: 10px;}
    .topbar-social-links ul li a i{font-size: 16px;margin-right: 5px;}
    .navbar{padding: 15px 0;}
    .main-menu ul li.highlighted-menu{display: block;}
    .slicknav_nav li, .slicknav_nav ul{display: block;}
    .responsive-menu, .navbar-toggle{display: block;}
    .header-btn{display: none;}

    .feature-style-one-area{padding: 40px 0;}
    .section-title h1{font-size: 36px;}
    .feature-style-one-heading .arrow-shape{display: none;}
    .half-angle-shape::after, .half-angle-shape::before{display: none;}
    .feature-style-one-area .section-title h2{color: #000; font-size: 28px;}
    .feature-style-one-heading p{color: #505050;}
    .list-card{background: #015577; padding: 30px 0 !important;}
    .list-card p{color: #fff;}
    ul.list-card li h1{font-size: 28px;}
    .feature-style-one{margin-top: 20px !important; flex-wrap: wrap;}

    .our-services, .our-testimonials, .footer_area{padding: 40px 0;}
    .section-title h2{font-size: 28px;}
    .service-item{padding: 30px;}

    .our-testimonials .section-title{text-align: center;}
    .testimonial-box{flex-wrap: wrap;}
    .testimonial-video-button, .testimonial-slider-box{width: 100%; padding: 0 20px;}
    .testimonial-slider{margin: 100px 0 0; padding: 15px;}
    .testimonial-contact-info{padding: 20px 0;}
    .testimonial-contact-box{width: 100%;}
    .testimonial-contact-btn{text-align: center;width: 100%;}
    .footer-bottom{margin-top: 40px;}
    .footer_area{padding: 40px 0 0;}

    .page-header-box h1{font-size: 28px;}
    .page-single-sidebar{margin: 0;}
    .page-catagery-list{padding: 15px;}

    .page-single-slider{margin: 20px 0 40px;}
    .service-entry h2{font-size: 24px;}
}

/*===============Responsive Ends===============*/