.owl-carousel,.owl-carousel .owl-item{ -webkit-tap-highlight-color:transparent; position:relative } .owl-carousel{ display:none; width:100%; z-index:1 } .owl-carousel .owl-stage{ position:relative; -ms-touch-action:pan-Y; -moz-backface-visibility:hidden } .owl-carousel .owl-stage:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 } .owl-carousel .owl-stage-outer{ position:relative; overflow:hidden; -webkit-transform:translate3d(0,0,0) } .owl-carousel .owl-item,.owl-carousel .owl-wrapper{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0) } .owl-carousel .owl-item{ min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-touch-callout:none } .owl-carousel .owl-item img{ display:block; width:100% } .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{ display:none } .no-js .owl-carousel,.owl-carousel.owl-loaded{ display:block } .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{ cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-loading{ opacity:0; display:block } .owl-carousel.owl-hidden{ opacity:0 } .owl-carousel.owl-refresh .owl-item{ visibility:hidden } .owl-carousel.owl-drag .owl-item{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none } .owl-carousel.owl-grab{ cursor:move; cursor:grab } .owl-carousel.owl-rtl{ direction:rtl } .owl-carousel.owl-rtl .owl-item{ float:right } .owl-carousel .animated{ animation-duration:1s; animation-fill-mode:both } .owl-carousel .owl-animated-in{ z-index:0 } .owl-carousel .owl-animated-out{ z-index:1 } .owl-carousel .fadeOut{ animation-name:fadeOut } @keyframes fadeOut{ 0%{ opacity:1 } 100%{ opacity:0 } } .owl-height{ transition:height .5s ease-in-out } .owl-carousel .owl-item .owl-lazy{ opacity:0; transition:opacity .4s ease } .owl-carousel .owl-item img.owl-lazy{ transform-style:preserve-3d } .owl-carousel .owl-video-wrapper{ position:relative; height:100%; background:#000 } .owl-carousel .owl-video-play-icon{ position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; transition:transform .1s ease } .owl-carousel .owl-video-play-icon:hover{ -ms-transform:scale(1.3,1.3); transform:scale(1.3,1.3) } .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{ display:none } .owl-carousel .owl-video-tn{ opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; transition:opacity .4s ease } .owl-carousel .owl-video-frame{ position:relative; z-index:1; height:100%; width:100% } .animate__animated { animation-duration: 1s; animation-duration: var(--animate-duration); animation-fill-mode: both; } .animate__animated.animate__delay-1s { animation-delay: 1s; animation-delay: var(--animate-delay); } .animate__animated.animate__faster { animation-duration: calc(1s / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { animation-duration: calc(1s * .8); animation-duration: calc(var(--animate-duration) * .8); } @media (prefers-reduced-motion:reduce), print { .animate__animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important; } } .animate__fadeInDown { animation-name: fadeInDown; } .animate__fadeInRight { animation-name: fadeInRight; } .animate__zoomIn { animation-name: zoomIn; } .animated_imgs img { max-width: 100%; height: auto; } .default-btn { font-size: 15px; font-weight: 600; color: #fff; padding: 18px 35px; line-height: 1; transition: all .6s ease; z-index: 1; text-transform: capitalize; border-radius: 10px; position: relative; cursor: pointer; overflow: hidden; background-color: #1dd3f8; display: inline-block; } .default-btn:before { left: -40px; } .default-btn:after, .default-btn:before { content: ""; position: absolute; top: -20px; width: 10px; height: 100px; background-color: #fff; opacity: .5; transition: all .6s ease; transform: rotate(45deg); } .default-btn:after { right: -40px; } .default-btn:hover { color: #fff; transition: all .6s ease; } .default-btn:hover:before { left: 200px; } .default-btn:hover:after { right: 200px; } .main-banner-area { background-image: linear-gradient(#00095e, #1f5494); padding-top: 200px; padding-bottom: 300px; position: relative; z-index: 1; } .main-banner-area:before { animation: focus-one 1s linear 1s infinite; } .main-banner-area:after, .main-banner-area:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .main-banner-area:after { animation: moVebounce 5s linear infinite; } .main-banner-area .banner-text { position: relative; max-width: 640px; margin-left: auto; } .main-banner-area .banner-text h1 { color: #fff; font-size: 50px; margin-bottom: 32px; } .main-banner-area .banner-text p { color: #fff; font-size: 16px; margin-bottom: 40px; } .main-banner-area .banner-text .banner-btn .default-btn { margin-right: 20px; } .main-banner-area .banner-text .banner-btn .default-btn:last-child { margin-right: 0; } .main-banner-area .banner-main-img { display: none; } .main-banner-area-two { background-position: 50%; background-repeat: no-repeat; background-size: cover; padding-bottom: 250px; overflow: hidden; } .main-banner-area-two .banner-text { top: 20px; } .main-banner-area-two .banner-img { position: relative; z-index: 1; top: 0; } .main-banner-area-two .banner-img .circle-img { top: -230px; position: relative; } .main-banner-area-two .banner-img .circle-img img { animation: rotation 20s linear infinite; } .main-banner-area-two .banner-img .square-img { position: relative; animation: movebounceShort 5s linear infinite; top: -70px; } .main-banner-area-two .banner-img img { position: absolute; } .main-banner-area-two .banner-img img:first-child { bottom: -440px; right: 0; left: 0; margin: auto; } .main-banner-area-two .banner-img img:nth-child(3) { top: 0; left: 0; right: 0; margin: auto; } .main-banner-area-two .banner-img img:nth-child(5) { top: -120px; left: 0; right: 0; margin: auto; z-index: -1; animation: focus-one 1s linear 1s infinite; } .main-banner-area-two .banner-img img:nth-child(6) { top: 10px; left: -135px; } .main-banner-area-two .banner-img img:nth-child(7) { top: -100px; right: -45px; width: 300px; } .main-banner-area-two .banner-img img:nth-child(8) { top: 280px; right: -30px; } .main-banner-area-two .banner-img img:nth-child(9) { top: -215px; right: -260px; } .main-banner-area-two .banner-img img:nth-child(10) { top: 170px; left: 90px; } .main-banner-area-two .over-shape img { position: absolute; z-index: -1; } .main-banner-area-two .over-shape img:first-child { top: 300px; left: 40px; animation: animationFramesOne 25s linear infinite; } .main-banner-area-two .over-shape img:nth-child(2) { top: 200px; left: 800px; animation: animationFramesOne 40s linear infinite; } .main-banner-area-two .over-shape img:nth-child(3) { top: 200px; right: 200px; animation: animationFramesOne 25s linear infinite; } .banner-btn a { font-size: 16px; } @media only screen and (max-width:767px) { p { font-size: 14px; } .default-btn { padding: 14px 20px; font-size: 14px; } .banner-img { display: none; } .main-banner-area { padding-top: 130px; padding-bottom: 100px; } .main-banner-area .banner-text { text-align: center; } .main-banner-area .banner-text h1 { font-size: 40px; margin-bottom: 20px; } .desc { font-size: 22px !important; } .main-banner-area .banner-text p { font-size: 14px; margin-bottom: 25px; } .main-banner-area .banner-text .banner-btn .default-btn { margin-right: 5px; margin-left: 5px; } .main-banner-area .banner-main-img { display: block; margin-top: 30px; } .main-banner-area .container-fluid { max-width: 540px; } .main-banner-area-two .banner-text { top: 0; } } @media only screen and (min-width:576px) and (max-width:767px) { .main-banner-area { padding-bottom: 150px; } .main-banner-area-two { padding-top: 150px; } } @media only screen and (min-width:768px) and (max-width:991px) { .default-btn { padding: 14px 20px; } .banner-img { display: none; } .main-banner-area { padding-top: 130px; padding-bottom: 180px; } .main-banner-area .banner-text { text-align: center; max-width: unset; } .main-banner-area .banner-text h1 { font-size: 40px; margin-bottom: 25px; } .main-banner-area .banner-text p { font-size: 15px; margin-bottom: 30px; } .main-banner-area .banner-main-img { display: block; margin-top: 30px; } .main-banner-area .container-fluid { max-width: 720px; } .main-banner-area-two { padding-top: 200px; } .main-banner-area-two .banner-text { top: 0; } } @media only screen and (min-width:992px) and (max-width:1199px) { .main-banner-area .container-fluid { max-width: 960px; } .main-banner-area { padding-top: 150px; padding-bottom: 250px; } .main-banner-area-two { padding-top: 170px; padding-bottom: 200px; } .main-banner-area-two .banner-img img:first-child { width: 295px; } .main-banner-area-two .banner-img img:nth-child(3) { top: 80px; } .main-banner-area-two .banner-img img:nth-child(5) { top: -50px; } .main-banner-area-two .banner-img img:nth-child(6) { top: 160px; left: -50px; width: 200px; } .main-banner-area-two .banner-img img:nth-child(7) { top: 120px; right: -45px; width: 200px; } .main-banner-area-two .banner-img img:nth-child(8) { top: 309px; right: -75px; } .main-banner-area-two .banner-img img:nth-child(9) { top: -130px; right: -225px; } .main-banner-area-two .banner-img img:nth-child(10) { top: 265px; left: 70px; } .main-banner-area-two .banner-img .square-img { top: -35px; width: 400px; margin: auto; } .main-banner-area-two .banner-img .circle-img { top: -210px; position: relative; } .main-banner-area .banner-text h1 { font-size: 40px; margin-bottom: 30px; } .main-banner-area .banner-text p { font-size: 15px; } } @media only screen and (min-width:1824px) { .main-banner-area-two { height: 100vh; } .main-banner-area-two .banner-text { top: 110px; } .main-banner-area-two .banner-img { top: 90px; } .main-banner-area-two .banner-img img:nth-child(6) { top: 15px; left: -25px; } .main-banner-area-two .banner-img img:nth-child(7) { right: 60px; } .main-banner-area-two .banner-img img:nth-child(8) { top: 370px; right: 75px; } .main-banner-area-two .banner-img img:nth-child(9) { right: 0; } .main-banner-area-two .banner-img img:nth-child(10) { top: 195px; left: 185px; } } /*! CSS Used keyframes */ @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translateZ(0); } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes focus-one { 0% { opacity: 0; } 75% { opacity: 1; } to { opacity: 0; } } @keyframes moVebounce { 0% { transform: translateY(0); } 50% { transform: translateY(50px); } to { transform: translateY(0); } } @keyframes rotation { 0% { transform: rotate(0deg); } to { transform: rotate(359deg); } } @keyframes movebounceShort { 0% { transform: translateY(0); } 50% { transform: translateY(20px); } to { transform: translateY(0); } } @keyframes animationFramesOne { 0% { transform: translate(0) rotate(0deg); } 20% { transform: translate(73px, -1px) rotate(36deg); } 40% { transform: translate(141px, 72px) rotate(72deg); } 60% { transform: translate(83px, 122px) rotate(108deg); } 80% { transform: translate(-40px, 72px) rotate(144deg); } to { transform: translate(0) rotate(0deg); } } :root { --color-white: hsl(0, 0%, 100%); } .wrapper a { text-decoration: none; } .wrapper button { font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; border: none; outline: none; background: none; } @-webkit-keyframes slideLeft { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes slideLeft { 0% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes slideRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideRight { 0% { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } .container { max-width: 78rem; height: auto; margin: 0 auto; /* padding: 0 1.25rem; */ } .brand { font-size: 1.625rem; font-weight: 600; line-height: 1.25; letter-spacing: -1px; color: #faaf4a; text-transform: uppercase; } .header { position: fixed; display: block; top: 0; left: 0; width: 100%; height: auto; margin: 0 auto; padding: 0.75rem 0; z-index: 100; background: #ffffff10; backdrop-filter: blur(12px); } .header .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-item-left { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-item-center { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-item-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-item-right .menu-icon { font-size: 1.35rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 1rem; margin-left: 1rem; color: var(--color-black); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header .menu > ul > li { display: inline-block; line-height: 3.125rem; margin-left: 1.5rem; } .header .menu > ul > li > a { position: relative; font-size:14px; font-weight: 600; line-height: 1.25; border: none; outline: none; color: #fff; text-transform: capitalize; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .change_color .menu > ul > li > a { color: var(--title_color); } .header .menu > ul > li .menu-subs { position: absolute; width: 100%; height: auto; margin-top: 1.75rem; padding: 1rem 2rem; z-index: 109; opacity: 0; visibility: hidden; border-radius: 0.25rem; border-top: 3px solid #faaf4a; background: var(--color-white); -webkit-box-shadow: var(--shadow-medium); box-shadow: var(--shadow-medium); -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .header .menu > ul > li .menu-subs > ul > li { line-height: 1; } .header .menu > ul > li .menu-subs > ul > li > a { display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.25; padding: 0.75rem 0; border: none; outline: none; color: var(--color-black); text-transform: capitalize; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header .menu > ul > li .menu-column-1 { min-width: 16rem; max-width: 20rem; } .header .menu > ul > li .menu-subs.menu-mega { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li { display: block; line-height: 1; } .header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a { display: inline-block; font-size: 1rem; font-weight: 500; line-height: 1.25; padding: 0.5rem 0; border: none; outline: none; color: var(--color-black); text-transform: capitalize; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .header .menu > ul > li .menu-subs.menu-column-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 68rem; width: 100%; padding: 1.25rem 1rem; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 1rem; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item .title { font-size: 1rem; font-weight: 500; line-height: 1; padding: 0.75rem 0; color: var(--primary); text-transform: uppercase; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title { text-align: center; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item img { display: block; width: 100%; height: auto; margin-top: 0.75rem; -o-object-fit: cover; object-fit: cover; } .header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover, .header .menu > ul > li .menu-subs > ul > li > a:hover { color: var(--primary); } .header-item-right a:hover, .header .menu > ul > li:hover > a { color: var(--secondary); } .header .menu-mobile-header, .header .menu-mobile-toggle { display: none; } @media screen and (min-width: 993px) { .header .menu > ul > li.menu-item-has-children:hover .menu-subs { margin-top: 1% !important; opacity: 1; visibility: visible; } } @media screen and (max-width: 1259px) { .header-item-center { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header-item-left, .header-item-right { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; } .header .menu-mobile-toggle { position: relative; display: block; cursor: pointer; width: 1.75rem; height: 1rem; border: none; outline: none; margin-left: 1.25rem; margin-top: -0.25rem; background: none; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; } .header .menu-mobile-toggle span { display: block; position: absolute; width: 100%; height: 2px; left: 0; border: none; outline: none; opacity: 1; border-radius: 0.25rem; background: var(--color-black); -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .header .menu-mobile-toggle span:nth-child(1) { top: 0; } .header .menu-mobile-toggle span:nth-child(2), .header .menu-mobile-toggle span:nth-child(3) { top: 0.5rem; } .header .menu-mobile-toggle span:nth-child(4) { top: 1rem; } .header-item-right { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .menu.active { -webkit-transform: translate(0%); transform: translate(0%); } .header .menu > ul > li { display: block; line-height: 1; margin: 0; } .header .menu > ul > li > a { display: block; line-height: 3.125rem; height: 3.125rem; padding: 0 3.125rem 0 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .header .menu > ul > li > a i.ion { position: absolute; font-size: 1.25rem; line-height: 3.125rem; top: 0; right: 0; width: 3.125rem; height: 3.125rem; text-align: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .header .menu .menu-mobile-header { position: relative; position: sticky; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; top: 0; height: 3.125rem; z-index: 110; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: var(--color-white); } .header .menu .menu-mobile-header .menu-mobile-arrow { display: none; font-size: 1.25rem; line-height: 3.125rem; width: 3.125rem; height: 3.125rem; cursor: pointer; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.1); color: #242424; } .header .menu .menu-mobile-header.active .menu-mobile-arrow { display: block; } .header .menu .menu-mobile-header .menu-mobile-title { font-size: 1rem; font-weight: 500; line-height: inherit; color: var(--color-black); text-transform: capitalize; } .header .menu .menu-mobile-header .menu-mobile-close { font-size: 2.25rem; line-height: 3.125rem; cursor: pointer; width: 3.125rem; height: 3.125rem; text-align: center; border-left: 1px solid rgba(0, 0, 0, 0.1); color: #242424; } .header .menu > ul > li .menu-subs { position: absolute; display: none; top: 0; left: 0; max-width: none; min-width: auto; width: 100%; height: 100%; margin: 0; padding: 1rem; padding-top: 4rem; opacity: 1; overflow-y: auto; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-box-shadow: none; box-shadow: none; } .header .menu > ul > li .menu-subs.menu-mega { position: absolute; display: none; top: 0; left: 0; max-width: none; min-width: auto; width: 100%; height: 100%; margin: 0; padding: 1rem; padding-top: 4rem; opacity: 1; overflow-y: auto; visibility: visible; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-box-shadow: none; box-shadow: none; } .header .menu > ul > li .menu-subs.active { display: block; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0rem; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item img { margin-top: 0; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center .title { margin-bottom: 1.25rem; } .header .menu > ul > li .menu-subs.menu-column-4 > .list-item.text-center:last-child .title { margin-bottom: 0rem; } .header .menu > ul > li .menu-subs > ul > li > a { display: block; } .header .menu > ul > li .menu-subs.menu-mega > .list-item > ul { margin-bottom: 1rem; } .header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a { display: block; } .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.65); -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .overlay.active { opacity: 1; visibility: visible; } } :root { --primary: #1f5494; --secondary: #faaf4a ; --light: #f4f5f9; --dark: #000318 ; --title_color:#4E4E4F; --text_color:#777777; --text_color2:#e3e3e3; } html { scroll-behavior: smooth; } .btn-outline-primary:hover { color: #fff !important; background-color: var(--primary) !important; border-color: var(--primary) !important; } .btn-outline-primary{ border-color: #c4cadd !important; } .shadow{ /* box-shadow: 0 0.5rem 1rem #dddddd14 !important; */ /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px !important; */ box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset !important; } .dark { --title_color:#f4f5f9; --text_color:#b3b3b3; --dark: #1c222b ; --back_elements:#1c222b; background: #131923 !important; color: var(--light) !important; } .dark .main-banner-area{ background-image: none !important; } .dark .main-banner-area, .dark .menu-subs, .dark .whyus-card, .dark .blue, .dark .justify-content-center .p-4, .dark .t_support, .dark .footer, .dark .modal-content, .dark .modal-content input, .dark .title_borderd, .dark #regForm, .dark textarea { background-color: var(--back_elements) !important; } /* Text */ .dark .title, .dark .title_size, .dark .primary_color, .dark .modal-content input, .dark .black_color, .dark .single-service-box a, .dark .customer_service a, .dark #regForm, .dark textarea, .dark .counter-icon { color: var(--light) !important; } .dark .list-item .title a{ color: var(--secondary) !important; } .dark .hover_color:hover{ color: var(--secondary) !important; } .dark .btn-outline-primary{ border-color: var(--light) !important; } .primary_color{ color: var(--primary); } .title_size{ font-size: 20px; font-weight: 600px !important; } .icon-size-lg { font-size: 60px; } /*** Spinner ***/ #spinner { opacity: 0; visibility: hidden; transition: opacity 0.5s ease-out, visibility 0s linear 0.5s; z-index: 99999; } #spinner.show { transition: opacity 0.5s ease-out, visibility 0s linear 0s; visibility: visible; opacity: 1; } .our-btn { background: #fff; color: #4c4c4c; border-color: #1f5494; border-radius: 20px; } .our-btn:hover { background: #1f5494 !important; color: #fff !important; transform: scale(1.05); } .our-btn:focus { background: #1f5494 !important; color: #fff !important; transform: scale(1.05); } .our-btn:active { background: #1f5494 !important; color: #fff !important; transform: scale(1.05); } .our-icon { height: 30px; margin-left: 10px; } @media (max-width: 767.98px) { .hover_color:hover { color: #c4cbd7 !important; } .big_icon { display: none !important; } .offer_small { padding: 0px !important; } .offer_title{ font-size: 15px; margin-bottom: -2rem; } .offer_desc{ display: none; } } /** load **/ @-webkit-keyframes rotating-dots { 0% { -webkit-transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(0deg); transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(0deg); } 50%, 100% { -webkit-transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(180deg); transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(180deg); } } @keyframes rotating-dots { 0% { -webkit-transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(0deg); transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(0deg); } 50%, 100% { -webkit-transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(180deg); transform: translate(calc(var(--translate) * 1%), 0) rotateY(calc(var(--rotation, 0) * 1deg)) rotate(180deg); } } @-webkit-keyframes rotating-dots-flash { 0%, 50% { visibility: visible; } 50.0001%, 100% { visibility: hidden; } } @keyframes rotating-dots-flash { 0%, 50% { visibility: visible; } 50.0001%, 100% { visibility: hidden; } } #lang{ color: var(--light); width: 25%; padding: 5px; background: var(--primary); border-color: var(--light); border-radius: 2px; text-align: center; } .rotating-dots { --duration: 1; --size: 20; height: calc(var(--size) * 1px); position: absolute; width: calc(var(--size) * 1px); } .rotating-dots div { -webkit-animation: rotating-dots calc(var(--duration) * 1s) calc(var(--delay, 0) * 1s) infinite; animation: rotating-dots calc(var(--duration) * 1s) calc(var(--delay, 0) * 1s) infinite; height: 100%; position: absolute; -webkit-transform: translate(calc(var(--translate) * 1%), 0); transform: translate(calc(var(--translate) * 1%), 0); width: 100%; } .rotating-dots div:after, .rotating-dots div:before { background: var(--primary); border-radius: 100%; content: ''; height: 100%; position: absolute; width: 100%; } .rotating-dots div:after { -webkit-animation: rotating-dots-flash calc(var(--duration) * 1s) calc(var(--delay, 0) * 1s) infinite steps(2); animation: rotating-dots-flash calc(var(--duration) * 1s) calc(var(--delay, 0) * 1s) infinite steps(2); -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .rotating-dots div:before { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } .rotating-dots div:nth-of-type(1) { --translate: -100; } .rotating-dots div:nth-of-type(2) { --delay: calc((var(--duration) / 2) * -1); --rotation: 180; --translate: 100; } .back-to-top { position: fixed; display: none; right: 45px; bottom: 45px; z-index: 99; } /*** Heading ***/ h1, h2, .fw-bold { font-weight: 700 !important; } h3, h4, .fw-semi-bold { font-weight: 600 !important; } h5, h6, .fw-medium { font-weight: 500 !important; } /*** Button ***/ .btn { font-weight: 500; transition: 0.5s; } .btn:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } .btn-square { width: 38px; height: 38px; } .btn-sm-square { width: 32px; height: 32px; } .btn-lg-square { width: 48px; height: 48px; } .btn-square, .btn-sm-square, .btn-lg-square { padding: 0; display: flex; align-items: center; justify-content: center; font-weight: normal; border-radius: 50px; } /*** Hero Header ***/ .hero-header { margin-bottom: 6rem; padding: 18rem 0; background: url(../img/blob-top-left.png), url(../img/blob-top-right.png), url(../img/blob-bottom-left.png), url(../img/blob-bottom-right.png), url(../img/blob-center.png), url(../img/bg-bottom.png); background-position: left 0px top 0px, right 0px top 0px, left 0px bottom 0px, right 0px bottom 0px, center center, center bottom; background-repeat: no-repeat; } @media (max-width: 991.98px) { .hero-header { padding: 6rem 0 9rem 0; } } /*** Section Title ***/ .section-title { position: relative; display: flex; align-items: flex-start; font-weight: 500; flex-direction: column; } .single-widget { color:#fff; margin-bottom:25px; font-size:25px; position:relative; border-bottom:2px solid #063670; padding-bottom:10px } .section-title span:first-child, .section-title span:last-child { position: relative; display: inline-block; margin-right: 30px; width: 30px; height: 2px; top: 10px; } .section-title span:last-child { margin-right: 0; margin-left: 30px; } .section-title span:first-child::after, .section-title span:last-child::after { position: absolute; content: ""; width: 15px; height: 2px; top: 0; right: -20px; } .section-title span:last-child::after { right: auto; left: -20px; } .section-title.text-primary span:first-child, .section-title.text-primary span:last-child, .section-title.text-primary span:first-child::after, .section-title.text-primary span:last-child::after { background: var(--primary); } .section-title.text-secondary span:first-child, .section-title.text-secondary span:last-child, .section-title.text-secondary span:first-child::after, .section-title.text-secondary span:last-child::after { background: var(--secondary); } .section-title.text-white span:first-child, .section-title.text-white span:last-child, .section-title.text-white span:first-child::after, .section-title.text-white span:last-child::after { background: #ffffff; } /* whyus */ .whyus-card{ border-radius: 2rem; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .whyus-card h3 { color: var(--title_color); } .whyus-card p { color: var(--text_color); } .whyus-card.whyus-hover { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; overflow: hidden; z-index: 1; } .whyus-card.whyus-hover:hover { color: var(--light) !important; } .whyus-card.whyus-hover:hover span, .whyus-card.whyus-hover:hover h3 , .whyus-card.whyus-hover:hover p{ color: var(--light) !important; } .whyus-card.whyus-hover:hover:before { content: ''; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 0; background-color: var(--primary); } .whyus-card.whyus-hover:before { content: ''; position: absolute; right: -55px; width: 95px; height: 95px; bottom: -50px; border-radius: 35px; background-color: var(--primary); -webkit-transition: all .3s; transition: all .3s; z-index: -1; } .whyus-card.whyus-hover-2 { -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .whyus-card.whyus-hover-2:hover { background-color: var(--primary); color: var(--light) !important; } .whyus-card.whyus-hover-2:hover span, .whyus-card.whyus-hover-2:hover h3 { color: var(--light) !important; } /* end whyus */ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } /** services **/ .single-service-box { text-align: center; margin-bottom: 30px; position: relative; padding-left: 10px; padding-right: 10px; } .single-service-box .icon { line-height: 1; display: block; font-size: 50px; margin-bottom: 22px; transition: var(--transition); } .single-service-box h3 a{ margin-bottom: 12px; text-decoration: none; color: var(--title_color); } .single-service-box p { margin-bottom: 0; color: var(--text_color) !important; } .single-service-box .link-btn { display: inline-block; font-weight: 700; padding-right: 12px; position: absolute; left: 50%; bottom: 0; opacity: 0; visibility: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 100%; } .single-service-box .link-btn i { position: absolute; right: 0; top: 7px; font-size: 12px; } .single-service-box .link-btn::before { content: ''; position: absolute; right: 0; bottom: 0; width: 0%; height: 2px; background-color: #eeeeee; } .single-service-box .link-btn:hover { padding-right: 15px; color: var(--secondary) !important; background: var(--primary) !important; } .link-btn:hover{ color: var(--secondary) !important; background: var(--primary) ; } .single-service-box .link-btn:hover::before { width: 100%; right: auto; left: 0; color: var(--secondary); } .single-service-box:hover .icon { -webkit-transform: translateY(-15px); transform: translateY(-15px); } .single-service-box:hover h3 { -webkit-transform: translateY(-20px); transform: translateY(-20px); } .single-service-box:hover p { -webkit-transform: translateY(-20px); transform: translateY(-20px); } .single-service-box:hover .link-btn { opacity: 1; bottom: -25px; visibility: visible; } @media only screen and (max-width: 767px){ p{ font-size:17.5px; } .single-service-box{ padding-left:0; padding-right:0; } .single-service-box .icon{ font-size:40px; margin-bottom:20px; -webkit-transform:translateY(0)!important; transform:translateY(0)!important; } .single-service-box h3{ font-size:16px; -webkit-transform:translateY(0)!important; transform:translateY(0)!important; } .single-service-box p{ -webkit-transform:translateY(0)!important; transform:translateY(0)!important; } .single-service-box .link-btn{ left:0; bottom:0!important; opacity:1; -webkit-transform:unset; transform:unset; margin-top:15px; position:relative; visibility:visible; } .single-service-box .link-btn i{ top:5px; font-size:11px; } } /*** Testimonial ***/ .testimonial-carousel .testimonial-item { padding: 0 30px 30px 30px; } .testimonial-carousel .owl-nav { display: flex; justify-content: center; } .testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next { margin: 0 12px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; color: var(--primary); background: var(--light); border-radius: 60px; font-size: 22px; transition: 0.5s; } .testimonial-carousel .owl-nav .owl-prev:hover, .testimonial-carousel .owl-nav .owl-next:hover { color: var(--secondary); background: var(--primary); box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } /*** Counter ***/ .counter { text-align: center; width: 200px; padding: 20px 0 0; margin: 0 auto; border-radius: 50px 0; box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.3); overflow: hidden; } .counter:hover { background: linear-gradient(to right bottom, #2c5b94, var(--primary)); color: var(--light) !important; } .counter:hover>h3 { color: var(--light) !important; font-weight: 700; } .counter .counter-icon { font-size: 45px; margin: 0 0 10px; } .counter h3 { text-transform: capitalize; margin: 0 0 20px; color: var(--title_color); } .counter .counter-value { color: var(--light); font-size: 35px; font-weight: 700; line-height: 40px; padding: 7px 0 3px; display: block; } .counter.blue { color: var(--primary); } .counter.blue .counter-value { background: linear-gradient(to right bottom, #295994, var(--primary)); } @media screen and (max-width:990px) { .counter { margin-bottom: 40px; } } .customer_service a{ font-weight: 700; } .customer_service a:hover{ color: var(--secondary) !important; } .list-item .title a{ color:var(--secondary) !important; } /*** Footer ***/ .footer { margin-top: 6rem; padding-top: 3rem; background-image: /* url(../img/bg-top.png), */ url(../img/map.png); background-position: center top, center center; background-repeat: no-repeat; background-color: var(--primary); } .footer .btn.btn-social { margin-right: 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--light); border: 1px solid rgba(256, 256, 256, 0.1); border-radius: 40px; transition: 0.3s; } .footer .btn.btn-social:hover { color: var(--primary); } .footer .btn.btn-link { display: block; margin-bottom: 10px; padding: 0; color: var(--light); font-weight: normal; transition: 0.3s; text-decoration-line: none; } .footer .copyright { padding: 20px 0; font-size: 14px; border-top: 1px solid rgba(256, 256, 256, 0.1); } .footer .copyright a { color: var(--light); } .footer .footer-menu a { margin-right: 15px; padding-right: 15px; text-decoration:none; text-decoration:none; } .footer-menu{ padding: 20px; text-align: center; } .footer .copyright a:hover, .footer .footer-menu a:hover { color: var(--secondary); } ol, ul { padding-right: 1rem; } .show{ /* background: #ffffff10; */ backdrop-filter: blur(4px) !important; } @media (max-width: 1259px) { .blur_class{ /* background: #ffffff10; backdrop-filter: blur(12px) !important; color: var(--light) !important; */ margin-right: 7%; width: 90%; } /* .blur_class:focus{ background: #ffffff10; backdrop-filter: blur(5px); } */ #lang{ color: var(--primary) !important; width: 25%; padding: 0; height: 47px; position: relative; top: 7px; background-color: none; background: var(--light); border-color: var(--primary); border-radius: 5px; text-align: center; font-weight: 700; } #lang:hover{ background: none; color: var(--secondary); } .img_logo{ width:70px !important; } .header { position: fixed; display: block; top: 0; left: 0; width: 100%; height: auto; margin: 0 auto; padding: 0.75rem 0; z-index: 100; background: none !important; backdrop-filter: none !important; } .menu , .menu-mobile-header , .menu-subs{ background: #ffffff10 !important; backdrop-filter: blur(12px) !important; } .blur_nav li{ visibility: hidden !important; } .blur_nav li ul li > a{ visibility: visible !important; color: #fff !important; } .change_color .menu > ul > li > a { color: #fff !important; } .hide_mobile{ display: none !important; color: var(--secondary); } .image_title ~ .title{ color:#fff !important; margin-top: -3px !important; } .services_menu{ border-radius: 10px !important; margin-right: 0 !important; } .menu-mobile-title{ color: var(--secondary) !important; font-size: 14px !important; font-weight: bold !important; } .image_title img{ width: 30px !important; } .services_menu a{ position: relative; top: 8px; } .title , .last_title{ color: var(--secondary) !important; } #header_menu{ box-shadow: none !important; } } a:hover{ color: var(--secondary) !important; } .hover_color:hover{ color: var(--secondary) !important; } .hover_outline:hover{ background-color: var(--primary); color: var(--secondary); } .black_color{ color: #323232 !important; } .image_title{ position: relative; bottom: 8px; } .image_title ~ .title{ color: var(--title_color); margin-top: 5px; } .services_menu{ border-radius: 10px; margin-right: 2rem; padding-left: 7px; padding-right: 7px; } .services_menu a{ position: relative; top: 6px; } .services_menu:hover{ background: #06186914; } .fa-search,#mode_change,.mode,#black_mnue{ color: var(--light); } /* style="width: 20rem; max-width: 20rem; height: 18rem; max-height: 18rem; " */ @media (min-width: 320px){ .d-sm-none { display: none!important; } }.back-to-top {position: fixed;bottom: 25px;right: 25px;display: none;background-color: var(--primary);}
.arrow_top{color: var(--light);}