@keyframes fadeInLeft { 
  0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translate3d(100%, 0px, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translate3d(0px, 100%, 0px); }
  100% { opacity: 1; transform: translateZ(0px); }
}

@keyframes animate__fadeInUp { 
  0% { opacity: 0; transform: translateY(60px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes animate__fadeInLeft { 
  0% { opacity: 0; transform: translateX(-60px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes animate__fadeInRight { 
  0% { opacity: 0; transform: translateX(60px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes fadeInRight { 
  0% { opacity: 0; transform: translateX(30px); }
  100% { opacity: 1; transform: translateX(0px); }
}
@keyframes spin { 
  0% { transform: rotate(10deg); }
  100% { transform: rotate(-10deg); }
}
@keyframes itswing { 
  0% { transform: rotate(6deg); }
  100% { transform: rotate(0deg); }
}
@keyframes ittranslateY { 
  0% { transform: translateY(-30px); }
  100% { transform: translateY(20px); }
}
@keyframes ittranslateX { 
  0% { transform: translateX(-30px); }
  100% { transform: translateX(20px); }
}
@keyframes icon-bounce { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-10px); }
  60% { transform: translateY(-5px); }
}
@keyframes fadeInUp { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes img-anim-top { 
  0% { transform: translateY(-5%); clip-path: inset(0px 0px 100%); opacity: 0; }
  100% { transform: translateY(0px); clip-path: inset(0px); opacity: 1; }
}

.animate__fadeInLeft { animation-name: fadeInLeft; }
.animate__fadeInRight { animation-name: fadeInRight; }
.animate__fadeInUp { animation-name: fadeInUp; }

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(1.5rem*.5); padding-left: calc(1.5rem*.5); margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
.container, .container-sm { max-width: 540px; }
}
@media (min-width: 768px) {
.container, .container-md, .container-sm { max-width: 720px; }
}
@media (min-width: 992px) {
.container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; }
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}
.row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1*0); margin-right: calc(-.5*1.5rem); margin-left: calc(-.5*1.5rem); }
.row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(1.5rem*.5); padding-left: calc(1.5rem*.5); margin-top: 0; }
.col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px) {
.col-sm-6 { flex: 0 0 auto; width: 50%; }
}
@media (min-width: 768px) {
.col-md-6 { flex: 0 0 auto; width: 50%; }
.col-md-9 { flex: 0 0 auto; width: 75%; }
.col-md-10 { flex: 0 0 auto; width: 83.3333%; }
}
@media (min-width: 992px) {
.col-lg-4 { flex: 0 0 auto; width: 33.3333%; }
.col-lg-6 { flex: 0 0 auto; width: 50%; }
.col-lg-8 { flex: 0 0 auto; width: 66.6667%; }
}
@media (min-width: 1200px) {
.col-xl-4 { flex: 0 0 auto; width: 33.3333%; }
.col-xl-5 { flex: 0 0 auto; width: 41.6667%; }
.col-xl-6 { flex: 0 0 auto; width: 50%; }
.col-xl-8 { flex: 0 0 auto; width: 66.6667%; }
.col-xl-12 { flex: 0 0 auto; width: 100%; }
}
@media (min-width: 1400px) {
.col-xxl-4 { flex: 0 0 auto; width: 33.3333%; }
.col-xxl-5 { flex: 0 0 auto; width: 41.6667%; }
.col-xxl-7 { flex: 0 0 auto; width: 58.3333%; }
}
.d-flex { display: flex !important; }
.d-none { display: none !important; }
.w-100 { width: 100% !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.order-0 { order: 0 !important; }
.order-1 { order: 1 !important; }
.text-center { text-align: center !important; }
.text-white { --bs-text-opacity: 1; color: rgba(255, 255, 255,var(--bs-text-opacity)) !important; }
@media (min-width: 992px) {
.d-lg-block { display: block !important; }
.order-lg-0 { order: 0 !important; }
.order-lg-1 { order: 1 !important; }
.text-lg-end { text-align: right !important; }
}
@media (min-width: 1200px) {
.d-xl-block { display: block !important; }
}
.it-slider-active.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; display: block; height:750px; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial); box-sizing: content-box; }
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translateZ(0px); }
.swiper-horizontal { touch-action: pan-y; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }
.swiper-backface-hidden .swiper-slide { transform: translateZ(0px); backface-visibility: hidden; }
.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto); left: 0px; width: 100%; }
.swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px)); height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius,50%); background: var(--swiper-pagination-bullet-inactive-color,#000); opacity: var(--swiper-pagination-bullet-inactive-opacity,.2); }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet:only-child { display: none !important; }
.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity,1); background: var(--swiper-pagination-color,var(--swiper-theme-color)); }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px); }
.animate__fadeInUp { animation-name: animate__fadeInUp; }
.animate__fadeInLeft { animation-name: animate__fadeInLeft; }
.animate__fadeInRight { animation-name: animate__fadeInRight; }
:host, :root { --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; }
:host, :root { --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone"; }
:host, :root { --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro"; }
:host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro"; }
:host, :root { --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro"; }
:host, :root { --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro"; }
.mt-55 { margin-top: 55px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-35 { margin-bottom: 35px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-65 { margin-bottom: 65px; }
.mb-70 { margin-bottom: 70px; }
.mr-15 { margin-right: 15px; }
.mr-20 { margin-right: 20px; }
.mr-25 { margin-right: 25px; }
.mr-40 { margin-right: 40px; }
.mr-100 { margin-right: 100px; }
.pt-120 { padding-top: 120px; }
.pt-90 { padding-top: 90px; }
.pb-10 { padding-bottom: 10px; }
.pb-25 { padding-bottom: 25px; }
.pb-90 { padding-bottom: 90px; }
.pb-120 { padding-bottom: 120px; }
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1350px; }
}
body { font-family: var(--it-ff-body); font-size: 16px; font-weight: 400; color: #5E5F62; line-height: 1.3; }
body, html { overflow-x: hidden; }
a { text-decoration: none; transition: 0.3s; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: var(--it-ff-heading); color: #010101; font-weight: 600; line-height: 1.2; transition: 0.3s ease-out; }
img { max-width: 100%; }
.h1, h1 { font-size: 40px; }
.h4, h4 { font-size: 24px; }
.h5, h5 { font-size: 20px; }
ul { margin: 0px; padding: 0px; }
p { font-weight: 700; font-size: 18px; line-height: 1.4; color:#000; }
.z-index-1 { position: relative; z-index: 1; }
.z-index-2 { position: relative; z-index: 2; }
.btn, .h1, .h2, .h3, .h4, .h5, .h6, .transition-3, a, button, h1, h2, h3, h4, h5, h6, img, input, li, select, textarea { transition: 0.3s ease-out; }
.button:focus, a:focus { text-decoration: none; outline: none; }
a:focus, a:hover { color: inherit; text-decoration: none; }
a, button { color: inherit; outline: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; background: rgba(0, 0, 0, 0); }
.fix { overflow: hidden; }
.p-relative { position: relative; }
.border-line-black-2 { display: inline; background-repeat: no-repeat; background-size: 0px 1px, 0px 1px; background-position: 100% 100%, 0px 82%; transition: background-size 0.3s linear; background-image: linear-gradient(#010101,#010101),linear-gradient(#010101,#010101); }
.border-line-black-2:hover { background-size: 0px 1px, 100% 1px; }
.border-line-white-2 { display: inline; background-repeat: no-repeat; background-size: 0px 1px, 0px 1px; background-position: 100% 100%, 0px 82%; transition: background-size 0.3s linear; background-image: linear-gradient(#f5f5f5,#f5f5f5),linear-gradient(#f5f5f5,#f5f5f5); }
.border-line-white-2:hover { background-size: 0px 1px, 100% 1px; }
.section-bg { background-size: cover; background-repeat: no-repeat; }
.zoom .img-zoom { overflow: hidden; }
.zoom .img-zoom img { transition: 1.3s; }
.zoom:hover .img-zoom img { transform: scale(1.15); }
.gx-35 { --bs-gutter-x: 35px; }
.image-height-auto { height: auto; }
.content-visible { opacity: 1; pointer-events: auto; transition: opacity 0.3s; }
.it-btn-red { font-size: 18px; font-weight: 700; display: inline-block; border-radius: 5px; padding: 25px 40px; text-align: center; transition: 0.4s; text-transform: capitalize; color: #000; background-color: #fff; }
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-btn-red { font-size: 18px; padding: 20px 30px; }
}
.it-btn-red:hover { color: #000; background-color: #fff; }
.it-btn-red.hover-2:hover { color: #000; background-color: #fff; }
.it-btn-sm { font-weight: 500; font-size: 15px; display: inline-block; border-radius: 5px; padding: 10.5px 30px; text-align: center; transition: 0.3s; background-color: rgb(242, 235, 233); color: #010101; }
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-btn-sm { font-size: 14px; padding: 10px 20px; }
}
.it-btn-sm.theme-bg, .it-btn-sm:hover { color: #f5f5f5; background-color: #154fae; }
.it-btn-sm.theme-bg:hover { color: #f5f5f5; background-color: #154fae; }
.img-anim-top { animation: 1.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s 1 normal forwards running img-anim-top; opacity: 0; }
.theme-bg { background: #154fae; }
.gray-bg { background: #F2EBE9; }
.blue-bglight{background-color: #154fae33;}
.it-section-title { font-weight: 600; font-size: 45px; margin-bottom: 0px; text-transform: capitalize; }
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.it-section-title { font-size: 38px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.it-section-title { font-size: 37px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-section-title { font-size: 40px; }
.it-section-title br { display: none; }
}
@media (max-width: 767px) {
.it-section-title { font-size: 30px; }
.it-section-title br { display: none; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.it-section-title { font-size: 36px; }
}
.it-section-subtitle { font-weight: 700; font-size: 24px; display: inline-block; margin-bottom: 20px; color: #154fae; }
@media (max-width: 767px) {
.it-section-subtitle { font-size: 18px; }
}
.it-section-subtitle::before { display: inline-block; content: ""; width: 10px; height: 10px; margin-right: 10px; transform: translateY(-3px); background-color: #154fae; }
@media (max-width: 767px) {
.it-section-subtitle::before { width: 5px; height: 5px; }
}
.it-section-subtitle::after { display: inline-block; content: ""; width: 10px; height: 10px; margin-left: 10px; transform: translateY(-3px); background-color: #154fae; }
@media (max-width: 767px) {
.it-section-subtitle::after { width: 5px; height: 5px; }
}
.it-section-subtitle.white-subtitle { color: #f5f5f5; }
.it-section-subtitle.white-subtitle::after, .it-section-subtitle.white-subtitle::before { background-color: #f5f5f5; }
.it-blog-item { padding: 30px 30px 40px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px 0px; background: rgb(255, 255, 255); }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-blog-item { padding: 20px 20px 30px; }
}
.it-blog-item .it-btn-sm { padding: 10px 20px; }
.it-blog-thumb, .it-blog-thumb img { border-radius: 8px; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-blog-meta { margin-bottom: 20px; }
}
.it-blog-meta span { position: relative; padding-left: 25px; display: inline-block; }
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-blog-meta span { font-size: 13px; }
}
.it-blog-meta span:not(:last-child) { margin-right: 32px; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-blog-meta span:not(:last-child) { margin-right: 15px; }
}
.it-blog-meta span i, .it-blog-meta span svg { position: absolute; top: 1px; left: 0px; color: #154fae; }
.it-blog-title { font-weight: 600; font-size: 24px; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-blog-title { font-size: 21px; margin-bottom: 30px; }
}
.it-blog-content { padding-left: 10px; }
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-blog-content { padding-left: 0px; }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-blog-top-right { margin-top: 30px; }
.it-blog-top-right p br { display: none; }
}
.it-blog-shape-1 { position: absolute; top: 40%; left: 53%; animation: 0.9s ease 0s infinite alternate forwards running itswing; transform-origin: left bottom; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.it-blog-shape-1 { left: 46%; }
}
.it-service-title { font-weight: 700; font-size: 26px; margin-bottom: 10px; color:#333; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-service-title { font-size: 21px; }
}
.it-service-content p { font-size: 16px; transition: 0.3s; margin-bottom: 25px; color:#000; font-weight:700; }
.it-service-thumb { position: relative; margin-left: auto; margin-right: auto; mask-size: contain; mask-repeat: no-repeat; z-index: 2; display: inline-block; width: auto; height: auto; max-width: 100%; overflow: hidden; }
.it-service-item { padding: 45px 38px 50px; border-radius: 10px; transition: 0.4s; background: #f5f5f5; box-shadow: rgba(15, 2, 17, 0.1) 0px 16px 40px 0px;height: 100%; display: flex;flex-direction: column;justify-content: space-between; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-service-item { padding: 40px 20px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.it-service-item { padding: 45px 38px 50px; }
}
.it-testimonial-item { padding: 25px 40px 25px 25px; border-radius: 50px; background-color: #154fae; }
@media (max-width: 767px) {
.it-testimonial-item { padding: 25px; flex-wrap: wrap; }
}
.it-testimonial-text p { font-style: italic; font-weight: 500; font-size: 16px; margin-right: 55px; font-family: var(--it-ff-body); text-decoration: underline; color: #f5f5f5; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-testimonial-text p { margin-right: 0px; }
}
.it-testimonial-author { flex: 0 0 auto; }
@media (max-width: 767px) {
.it-testimonial-author { width: 100%; margin-right: 0px; margin-bottom: 40px; text-align: center; }
}
.it-testimonial-author img { border-radius: 40px; }
.it-testimonial-author-info .h5, .it-testimonial-author-info h5 { font-weight: 600; font-size: 24px; margin-bottom: 10px; text-transform: capitalize; color: #f5f5f5; }
.it-testimonial-author-info span { color: #154fae; }
.it-testimonial-active { margin: 0px -330px; }
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.it-testimonial-active { margin: 0px -500px; }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-testimonial-active { margin: 0px; }
}
.it-testimonial-dots .swiper-pagination-bullet { width: 22px; height: 10px; border-radius: 10px; display: inline-block; opacity: 1; margin: 0px 6px; transition: 0.3s; background-color: #154fae; position: relative; }
.it-testimonial-dots .swiper-pagination-bullet-active { width: 34px; background-color: #154fae; }
.it-feature-wrap { padding: 90px 0px 90px 25px; margin: 0px; }

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-feature-wrap { margin-left: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; padding-left: 0px; }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-feature-wrap { margin-left: 0px; border-left-width: medium; border-left-style: none; border-left-color: currentcolor; padding-left: 0px; padding-bottom: 60px; }
.it-feature-item { margin-bottom: 30px; }
}
.it-feature-title { font-weight: 600; font-size: 24px; margin-bottom: 10px; color: #f5f5f5; }
.it-feature-content p { margin-bottom: 0px; color: #f5f5f5; line-height:1.4; }
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.it-feature-content p { font-size: 18px; }
}
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-feature-content p { font-size: 18px; }
.it-feature-content p br { display: none; }
}
.it-feature-icon-box { margin-right: 25px; }
.it-feature-icon-box .icon { position: absolute; left: 40%; right: 0px; top: 42%; text-align: center; transform: translateY(-50%); }
.it-cta-ptb { padding-top: 210px; padding-bottom: 210px; position: relative; z-index: 1; }
.it-cta-ptb::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; background-color: rgba(18, 16, 18, 0.7); }
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-cta-btn { margin-top: 30px; }
}
.it-cta-shape-1 { position: absolute; bottom: 0px; right: 0px; z-index: -1; height: 100%; opacity: 0.3; }
.it-brand-wrap { margin-top: -190px; padding: 110px 70px; border-radius: 10px; background: #f5f5f5; box-shadow: rgba(15, 2, 17, 0.1) 0px 16px 40px 0px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-brand-wrap { padding: 110px 30px; }
}
@media (max-width: 767px) {
.it-brand-wrap { padding: 70px 15px; }
}
.it-brand-top-box { line-height: 0; }
.it-brand-top-box::after { content: ""; width: 100%; height: 1px; display: inline-block; background-color: rgb(242, 235, 233); transform: translateY(-20px); }
@media (max-width: 767px) {
.it-brand-top-box::after { display: none; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.it-brand-top-box::after { display: block; }
}
.it-brand-top-box span { font-weight: 500; font-size: 16px; padding: 8px 55px; border-radius: 100px; line-height: 1; z-index: 1; position: relative; display: inline-block; font-family: var(--it-ff-plus-jakarta); background-color: rgb(242, 235, 233); color: #154fae; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-brand-top-box span { font-size: 14px; padding: 4px 25px; }
}
@media (max-width: 767px) {
.it-brand-top-box span { font-size: 12px; line-height: 1.4; padding: 4px 15px; }
}
.it-step-ptb { margin-top: -175px; padding-bottom: 90px; padding-top: 300px; }
.it-step-item { padding: 20px; border-radius: 10px; background-color: #f5f5f5; }
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-step-item { padding: 30px 20px; flex-wrap: wrap; text-align: center; }
}
.it-step-item:hover .it-step-thumb img { transform: scale(1.1); }
.it-step-thumb { flex: 0 0 auto; overflow: hidden; border-radius: 10px; }
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-step-thumb { margin-right: 0px; margin-bottom: 30px; }
}
.it-step-thumb img { border-radius: 10px; transition: 0.6s; }
.it-step-title { font-weight: 600; font-size: 22px; margin-bottom: 10px; }
.it-step-content span { font-weight: 500; font-size: 15px; border-radius: 5px; padding: 8px 20px; text-align: center; margin-bottom: 20px; display: inline-block; background-color: rgb(242, 235, 233); color: #010101; }
.it-step-content p { margin-bottom: 0px; }
.it-step-shape-1 { bottom: 0px; left: 0px; text-align: center; margin: 0px auto; opacity: 0.05; }
.it-step-shape-1, .it-step-shape-2 { position: absolute; right: 0px; z-index: -1; }
.it-choose-item-wrap.style-2 { transform: translateX(-8px); }
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-choose-item-wrap.style-2 { transform: translateX(0px); }
}
.it-choose-item span { display: block; margin-bottom: 22px; color: #154fae; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-choose-item span { margin-bottom: 12px; }
.it-choose-item span svg { width: 25px; }
}
.it-choose-item-title { font-weight: 600; font-size: 22px; margin-bottom: 10px; }
.it-choose-content p { margin-right: 20px; height: 150px; }
.it-choose-thumb img { border-radius: 10px; }
@media (max-width: 767px) {
.it-choose-thumb img { width: 100%; }
}
.it-choose-thumb-1 { position: absolute; top: 16%; right: 6%; animation: 4s ease 0s infinite alternate none running ittranslateY; }
.it-choose-thumb-2 { position: absolute; bottom: 0px; right: 3%; animation: 4s ease 0s infinite alternate none running ittranslateX; }
@media (max-width: 767px) {
.it-choose-thumb-2 { position: static; margin-top: 20px; animation: auto ease 0s 1 normal none running none; }
}
.it-choose-thumb-sm img { border: 5px solid rgb(239, 231, 240); border-radius: 10px; }
@media (max-width: 767px) {
.it-choose-thumb-sm img { width: 100%; }
}
.it-choose-right { margin-left: 45px; padding-bottom: 55px; position: relative; z-index: 1; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-choose-right { margin-left: 0px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-choose-right { margin: 0px 80px; }
}
@media (max-width: 767px) {
.it-choose-right { margin-left: 0px; }
}
.it-choose-shape-1 { position: absolute; top: 0px; left: 0px; z-index: -1; opacity: 0.2; }
.it-choose-shape-2 { position: absolute; bottom: 0px; right: -29%; z-index: -1; animation: 4s ease 0s infinite alternate forwards running itswing; transform-origin: left bottom; opacity: 0.1; }
.it-event-item { border-radius: 10px; background: rgb(255, 255, 255); box-shadow: rgba(1, 29, 78, 0.15) 0px 20px 50px 0px, rgba(255, 255, 255, 0.25) 0px 20px 50px 0px; }
.it-event-item:hover .it-event-date { animation: 0.8s ease 0s 1 normal none running icon-bounce; }
.it-event-thumb, .it-event-thumb img { border-radius: 10px 10px 0px 0px; }
.it-event-title { font-weight: 700; font-size: 24px; }
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.it-event-title { font-size: 22px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-event-title { font-size: 20px; }
}
@media (max-width: 767px) {
.it-event-title { font-size: 22px; }
}
.it-event-meta span { display: block; position: relative; padding-left: 25px; margin-bottom: 24px; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-event-meta span { margin-bottom: 15px; }
}
.it-event-meta span i, .it-event-meta span svg { position: absolute; top: 0px; left: 0px; color: #154fae; }
.it-event-content { padding: 40px 25px; }
.it-event-date { position: absolute; bottom: 20px; right: 20px; height: 101px; width: 101px; border-radius: 50%; display: flex; justify-content: center; align-items: center; text-align: center; border: 2px solid #f5f5f5; background-color: #154fae; transition: transform 0.5s; }
@media (max-width: 767px) {
.it-event-date { height: 80px; width: 80px; }
}
.it-event-date span { display: inline-block; font-weight: 700; font-size: 15px; line-height: 1.6; color: #f5f5f5; }
@media (max-width: 767px) {
.it-event-date span { font-size: 12px; }
}
.it-about-left { padding-right: 130px; padding-bottom: 55px; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-left { padding-right: 30px; }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-about-left { padding-right: 0px; padding-bottom: 0px; }
}
.it-about-thumb > img { border-radius: 10px; width: 100%; }
.it-about-thumb-sm { position: absolute; bottom: 0px; right: 3%; border-radius: 10px; border: 10px solid rgb(255, 255, 255); }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-thumb-sm { bottom: -10%; right: -4%; transform: scale(0.7); }
}
.it-about-right { margin-left: 42px; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-right { margin-left: 0px; }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-about-right { margin-left: 0px; margin-bottom: 20px; }
}
.it-about-ratting-wrap { margin-right: 8px; border-radius: 10px; background-color: #154fae; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-ratting-wrap { margin-right: 0px; }
}
@media (max-width: 767px) {
.it-about-ratting-wrap { margin-right: 0px; margin-bottom: 30px; }
}
.it-about-ratting-wrap ul li { list-style-type: none; padding-left: 25px; padding-right: 25px; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-ratting-wrap ul li { padding: 0px 20px; }
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
.it-about-ratting-wrap ul li { padding: 0px 25px; }
}
.it-about-ratting-wrap ul li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.it-about-ratting-item { height: 77px; }
.it-about-ratting-item span.counter-text { font-weight: 600; font-size: 15px; line-height: 1.6; text-transform: capitalize; color: #f5f5f5; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-ratting-item span.counter-text { font-size: 13px; }
}
.it-about-ratting-item i { font-weight: 600; font-size: 45px; font-style: normal; color: #f5f5f5; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-ratting-item i { font-size: 30px; }
}
.it-about-funfact-icon { display: inline-block; height: 86px; width: 86px; line-height: 82px; border-radius: 50%; text-align: center; flex: 0 0 auto; background-color: #154fae; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-funfact-icon { height: 70px; width: 70px; line-height: 68px; }
}
.it-about-funfact-title { font-weight: 600; font-size: 45px; margin-bottom: 0px; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-funfact-title { font-size: 30px; }
}
.it-about-funfact-content span.it-about-funfact-text { font-weight: 600; font-size: 16px; color: #154fae; }
@media (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
.it-about-funfact-content span.it-about-funfact-text { font-size: 13px; }
}
.it-about-shape-1 { position: absolute; bottom: 0px; left: 0px; right: 0px; z-index: -1; height: 100%; width: 100%; opacity: 0.3; text-align: center; }
.it-about-shape-2 { position: absolute; bottom: 0px; right: 0px; z-index: -1; opacity: 0.4; }
.it-about-shape-3 { position: absolute; top: 4%; left: 2%; z-index: -1; animation: 3s ease 0s infinite alternate forwards running spin; transform-origin: right bottom; }
.it-slider-subtitle { font-weight: 600; font-size: 18px; margin-bottom: 20px; display: inline-block; text-transform: uppercase; color: #f5f5f5; }
@media (max-width: 767px) {
.it-slider-subtitle { font-size: 18px; }
}
.it-slider-title { font-weight: 600; font-size: 85px; margin-bottom: 50px; text-transform: capitalize; color: #f5f5f5; }
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.it-slider-title { font-size: 65px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.it-slider-title { font-size: 63px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-slider-title { font-size: 60px; }
}
@media (max-width: 767px) {
.it-slider-title { font-size: 42px; }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.it-slider-title { font-size: 52px; }
}
.it-slider-content { padding: 230px 0px; }
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.it-slider-content { padding: 170px 0px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.it-slider-content { padding: 150px 0px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.it-slider-content { padding: 150px 0px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.it-slider-content { padding: 140px 0px; }
}
@media (max-width: 767px) {
.it-slider-content { padding: 120px 0px; }
}
.it-slider-overlay { background-size: cover; background-repeat: no-repeat;height:100%; }
.it-slider-overlay::after { content: ""; background: #0f021166; }
.it-slider-bg, .it-slider-overlay::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -2; }
.it-slider-bg { background-repeat: no-repeat; background-size: cover; background-position: 50% center; transform: scale(1.15); transition: transform 9s, opacity 1.5s ease-in; }
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg { transform: scale(1); }
.it-slider-active .swiper-slide-active .it-slider-btn, .it-slider-active .swiper-slide-active .it-slider-subtitle, .it-slider-active .swiper-slide-active .it-slider-text, .it-slider-active .swiper-slide-active .it-slider-title { display: inline-block; animation-fill-mode: both; animation-name: fadeInUp; }
.it-slider-active .swiper-slide-active .it-slider-subtitle { animation-delay: 0.3s; animation-duration: 0.5s; }
.it-slider-active .swiper-slide-active .it-slider-title { animation-delay: 0.7s; animation-duration: 0.5s; }
.it-slider-active .swiper-slide-active .it-slider-btn { animation-delay: 1.1s; animation-duration: 0.9s; }
.it-slider-active .swiper-slide-active .it-slider-circle::after { transform: scale(1); transition: 1.5s 1.5s; }
.it-slider-active .swiper-slide-active .it-slider-circle::before { transform: scale(1); transition: 1s 1s; }
.swiper-pagination-bullet { width: 50px; height: 50px; line-height: 51px; font-weight: 500; font-size: 18px; color: #f5f5f5; position: relative; text-align: center; opacity: 1; display: block; transition: 0.3s; background: rgba(0, 0, 0, 0); backdrop-filter: blur(23px); margin-bottom: 15px !important; }
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.swiper-pagination-bullet { width: 45px; height: 45px; line-height: 45px; font-size: 20px; }
}
.swiper-pagination-bullet::after { position: absolute; content: ""; top: 0px; left: 0px; height: 100%; width: 100%; border-radius: 50%; background: rgba(255, 212, 112, 0.1); }
.swiper-pagination-bullet-active { background: #154fae; }
.it-swiper-pagination { position: absolute; transform: translateY(-50%); z-index: 9; inset: 50% 15% auto auto !important; width: auto !important; }
@media (max-width: 767px) {
.it-swiper-pagination { display: none; }
	.it-feature-icon-box .image-height-auto {width: 100%;}
	.it-feature-icon-box .icon img {width: 50px}
	.it-feature-icon-box {width: 30%}
	.it-feature-content {width: 68%}	
	.it-cta-ptb {background-position: center;padding-top: 50px; padding-bottom: 50px;}
	.mob-mb-30 {margin-bottom: 30px;}
	.mob-pb-30{padding-bottom:30px !important;}
	.mob-pt-30{padding-top:30px !important;}
	.it-choose-content p {margin-right: 20px;height: auto;}
	.it-choose-item span {margin-bottom: 5px;
    }
}
@media (min-width: 767px) {
	.d-lg-none{display:none;}
}