@font-face {
font-family: 'Passions Conflict';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/google/passions-conflict-400-latin-ext.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Passions Conflict';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/google/passions-conflict-400-latin.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/google/poppins-400-latin-ext.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../fonts/google/poppins-400-latin.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../fonts/google/poppins-500-latin-ext.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../fonts/google/poppins-500-latin.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../fonts/google/poppins-600-latin-ext.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../fonts/google/poppins-600-latin.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../fonts/google/poppins-700-latin-ext.woff2") format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url("../fonts/google/poppins-700-latin.woff2") format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'icomoon';
src:  url("../fonts/icomoon.woff?wsxnez") format('woff'),
url("../fonts/icomoon.ttf?wsxnez") format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow:before {
content: "\e90e";
}
.icon-c-01:before {
content: "\e900";
}
.icon-c-02:before {
content: "\e901";
}
.icon-c-04:before {
content: "\e902";
}
.icon-envelop:before {
content: "\e903";
}
.icon-f-01:before {
content: "\e904";
}
.icon-f-02:before {
content: "\e905";
}
.icon-f-03:before {
content: "\e906";
}
.icon-f-04:before {
content: "\e907";
}
.icon-f-05:before {
content: "\e908";
}
.icon-f-06:before {
content: "\e909";
}
.icon-f-7:before {
content: "\e90a";
}
.icon-s-01:before {
content: "\e90b";
}
.icon-s-02:before {
content: "\e90c";
}
.icon-s-03:before {
content: "\e90d";
}
/*!
* SlickNav Responsive Mobile Menu v1.0.10
* (c) 2016 Josh Cope
* licensed under MIT
*/
.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav a{display:block}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
@charset "UTF-8";
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-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);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-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);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-ms-keyframes anime {
from {
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
}
to {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
-moz-transform: scaleY(1);
}
}
squares{0%{-webkit-transform:scale(1);transform:scale(1);opacity:0}20%{-webkit-transform:scale(1.24);transform:scale(1.24);opacity:1}100%{-webkit-transform:scale(2.1);transform:scale(2.1);opacity:0}}
service_hexagon_2{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}
service_hexagon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
cursor: pointer;
}
.owl-theme .owl-dots .owl-dot span {
display: block;
margin: 0px 5px 0px 5px;
transition: opacity 200ms ease 0s;
width: 13px;
border: 1.5px solid rgba(241, 49, 49, 0.4);
height: 13px;
background: transparent;
border-radius: 50%;
}
.owl-theme .owl-dots .owl-dot.active span {
background: var(--theme-color);
}
/*!
* Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
* Copyright 2022 Fonticons, Inc.
*/
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Free");font-weight:var(--fa-style,900)}.fa,.fa-brands,.fa-regular,.fa-solid{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}.fa-check:before{content:"\f00c"}.fa-clock:before{content:"\f017"}.fa-envelope:before{content:"\f0e0"}.fa-location-dot:before{content:"\f3c5"}.fa-phone:before{content:"\f095"}.fa-plus:before{content:"\2b"}:host,:root{--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:swap;src:url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.ttf") format("truetype")}.fa-brands{font-family:"Font Awesome 6 Brands";font-weight:400}.fa-facebook-f:before{content:"\f39e"}.fa-instagram:before{content:"\f16d"}.fa-tiktok:before{content:"\e07b"}.fa-youtube:before{content:"\f167"}:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:swap;src:url("../webfonts/fa-regular-400.8cf51420.woff2") format("woff2"),url("../webfonts/fa-regular-400.ttf") format("truetype")}.fa-regular{font-family:"Font Awesome 6 Free";font-weight:400}:host,:root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:swap;src:url("../webfonts/fa-solid-900.8cf51420.woff2") format("woff2"),url("../webfonts/fa-solid-900.ttf") format("truetype")}.fa-solid{font-family:"Font Awesome 6 Free";font-weight:900}@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-weight:400;src:url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.ttf") format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:900;src:url("../webfonts/fa-solid-900.8cf51420.woff2") format("woff2"),url("../webfonts/fa-solid-900.ttf") format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:swap;font-weight:400;src:url("../webfonts/fa-regular-400.8cf51420.woff2") format("woff2"),url("../webfonts/fa-regular-400.ttf") format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url("../webfonts/fa-solid-900.8cf51420.woff2") format("woff2"),url("../webfonts/fa-solid-900.ttf") format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url("../webfonts/fa-brands-400.woff2") format("woff2"),url("../webfonts/fa-brands-400.ttf") format("truetype")}@font-face{font-family:"FontAwesome";font-display:swap;src:url("../webfonts/fa-regular-400.8cf51420.woff2") format("woff2"),url("../webfonts/fa-regular-400.ttf") format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:swap;src:url("../webfonts/fa-v4compatibility.woff2") format("woff2"),url("../webfonts/fa-v4compatibility.ttf") format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a}
@font-face {
font-family: "flaticon";
src: url("fonts/flaticon/flaticon.8cf51420.woff2") format("woff2"), url("fonts/flaticon/flaticon.woff?7094e91543998684d705c09782b7fc0a") format("woff"), url("fonts/flaticon/flaticon.ttf?7094e91543998684d705c09782b7fc0a") format("truetype");
font-display: swap;
}
i[class^=flaticon-]:before, i[class*=" flaticon-"]:before {
font-family: flaticon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-phone-call:before {
content: "\f101";
}
.flaticon-email:before {
content: "\f102";
}
.flaticon-placeholder:before {
content: "\f14a";
}
.flaticon-map:before {
content: "\f14b";
}
/*!
* Bootstrap v5.1.3 (https://getbootstrap.com/)
* Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-12{flex:0 0 auto;width:100%}.g-3{--bs-gutter-x:1rem}.g-3{--bs-gutter-y:1rem}.g-5{--bs-gutter-x:3rem}.g-5{--bs-gutter-y:3rem}@media (min-width:768px){.col-md-6{flex:0 0 auto;width:50%}}@media (min-width:992px){.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-12{flex:0 0 auto;width:100%}}@media (min-width:1200px){.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-1{margin-left:8.33333333%}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:first-child){border-top:2px solid currentColor}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentColor;opacity:.5}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.d-flex{display:flex!important}.justify-content-center{justify-content:center!important}.align-items-center{align-items:center!important}.text-center{text-align:center!important}.visible{visibility:visible!important}@media (min-width:992px){.flex-lg-row-reverse{flex-direction:row-reverse!important}.mt-lg-5{margin-top:3rem!important}}
body{
font-family: 'Poppins', sans-serif;
overflow-x: hidden;
color: #797F7D;
font-size: 16px;
}
img{
max-width: 100%;
height: auto;
}
ul{
margin-bottom: 0;
}
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
color: #1F2230;
}
h3, .h3{
font-size: 48px;
font-weight: 600;
}
.common-btn{
display: inline-block;
font-size: 16px;
font-weight: 600;
color: #ffffff;
border-radius: 35px;
padding: 15px 45px;
border: 2px solid #FF9F0D;
background: #FF9F0D;
text-align: center;
transition: 0.3s;
}
.btn-1, .btn-3{
display: inline-block;
font-weight: 500;
font-size: 18px;
line-height: 27px;
color: #FFFFFF;
padding: 15px 42px;
background: #FF9F0D;
border: 2px solid #FF9F0D;
border-radius: 50px;
transition: 0.3s;
}
.btn-2{
display: inline-block;
font-weight: 500;
font-size: 18px;
line-height: 27px;
color: #090d25;
padding: 15px 48px;
background: #ffffff;
border: 2px solid #ffffff;
border-radius: 50px;
transition: 0.3s;
}
.btn-1:hover{
background: transparent;
border: 2px solid  #FF9F0D;
color: #ffffff;
}
.btn-2:hover{
background: transparent;
border: 2px solid #ffffff;
color: #FFFFFF;
}
.btn-3:hover{
background: transparent;
border: 2px solid  #FF9F0D;
color: #090d25;
}
.common-btn:hover{
background-color: transparent;
border: 2px solid #FF9F0D;
color: #080C24;
}
a:focus,
button:focus,
select:focus,
input:focus,
textarea:focus{
box-shadow: none;
outline: none;
}
a,
a:hover {
text-decoration: none;
}
button {
cursor: pointer;
}
textarea {
height: 120px;
width: 100%;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
}
.scroll-to-top{
position: fixed;
right: 0px;
bottom: 100px;
transform: rotate(90deg);
z-index: 99;
}
.scroll-to-top .visible {
visibility: visible!important;
opacity: 1!important;
}
.scroll-to-top .scroll-top-inner {
opacity: 0;
visibility: hidden;
}
.scroll-to-top .scroll-top-inner{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
-o-transition: all cubic-bezier(.4,0,.2,1) .4s;
transition: all cubic-bezier(.4,0,.2,1) .4s;
}
.scroll-to-top .scroll-bar {
width: 50px;
height: 2px;
margin-right: 10px;
position: relative;
}
.scroll-to-top .scroll-bar:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #ddd;
}
.scroll-to-top .scroll-bar .bar-inner {
position: absolute;
top: 0;
right: 0;
height: 100%;
background-color: #FF9F0D;
}
.scroll-to-top .scroll-bar-text{
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 500ms ease;
color: #FF9F0D;
}
.scroll-to-top .scroll-bar-text:hover{
transform: scale(1.1);
}
header{
width: 100%;
}
.auto-container{
max-width: 1425px;
margin: 0 auto;
}
.header-top {
position: relative;
height: 76px;
z-index: 10;
background: #080C24;
}
.header-top-content-wrapper{
height: 76px;
}
.header-top-content-wrapper ul{
width: 100%;
height: 100%;
display: flex;
gap: 50px;
align-items: center;
}
.header-top-content-wrapper ul li a{
display: inline-block;
color: #ffffff;
font-size: 16px;
font-weight: 500;
transition: 0.5s;
}
.header-top-content-wrapper ul li a i{
margin-right: 10px;
}
.header-top-content-wrapper ul li i{
margin-right: 10px;
}
.header-top-content-wrapper ul li a:hover{
color: #FF9F0D;
}
.header-top-content-wrapper ul li{
position: relative;
color: #ffffff;
font-size: 16px;
font-weight: 500;
}
.hrader-top-info{
height: 76px;
}
.hrader-top-info ul{
display: flex;
justify-content: end;
align-items: center;
height: 100%;
}
.hrader-top-info ul li{
margin: 0 15px;
font-size: 17px;
font-weight: 400;
color: #ffffff;
}
.hrader-top-info ul li:first-child{
margin-right: 0;
}
.hrader-top-info ul li a{
color: #ffffff; 
font-size: 16px;
transition: 0.3s;
}
.hrader-top-info ul li a:hover{
color: #FF9F0D;
}
.mobile-menu-trigger {
cursor: pointer;
margin-left: 30px;
display: none;
}
.mobile-menu-trigger span {
height: 2px;
display: block;
width: 35px;
margin-bottom: 9px;
background-color: #000;
}
.mobile-menu-trigger span:last-child {
margin-bottom: 0;
}
.mobile-menu-container {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: #080C24;
background-size: cover;
z-index: 9999;
opacity: 0;
visibility: hidden;
overflow-y: scroll;
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
overflow-x: hidden;
-webkit-transition: .4s;
transition: .4s;
}
#mobile-menu-wrap {
display: block;
height: 100%;
width: 100%;
position: absolute;
right: 0;
padding: 120px 0px 50px 0px;
}
#mobile-menu-wrap div {
background-color: transparent;
}
.mobile-menu-container.menu-open {
opacity: 1;
visibility: visible;
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.slicknav_nav{
display: block !important;
text-align: left;
margin-top: 25px;
}
.slicknav_menu {
padding-left: 0;
}
.slicknav_nav li a {
display: block;
border-bottom: 1px solid #ffffff14;
font-weight: 400;
padding-left: 30px;
} .slicknav_nav a {
padding: 10px 0px;
margin: 0;
}
.slicknav_nav ul {
margin: 0 0 0 25px;
}
.slicknav_nav a{
color: #ffffff;
font-size: 20px;
display: inline-block;
}
.mobile-menu-container li {
opacity: 0;
visibility: hidden;
-ms-transform: translateX(1000px);
-webkit-transform: translateX(1000px);
transform: translateX(100px);
-webkit-transition: 1s;
transition: 1s;
}
.mobile-menu-container.menu-open li {
opacity: 1;
visibility: visible;
-ms-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
.mobile-menu-close {
position: absolute;
right: 50px;
top: 50px;
width: 30px;
height: 30px;
cursor: pointer;
z-index: 1;
}
.mobile-menu-close::before {
left: 15px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu-close::after {
right: 13px;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.mobile-menu-close::before, .mobile-menu-close::after {
position: absolute;
height: 30px;
width: 2px;
background: #ffffff;
content: '';
top: 0;
}
.header-menu-bar{
position: relative;
z-index: 10;
}
.logo{
height: 120px;
display: flex;
align-items: center;
}
.menu-bar{
height: 120px;
display: flex;
align-items: center;
justify-content: end;
gap: 15px;
}
.main-navigation ul li {
display: inline-block;
position: relative;
transition: 0.5s;
}
.main-navigation ul li a {
padding: 31px 26px;
display: inline-block;
text-transform: capitalize;
color: #1F2230;
font-size: 17px;
font-weight: 500;
position: relative;
z-index: 1;
transition: 0.3s;
}
.main-navigation ul li a:hover{
color: #FF9F0D;
}
.main-navigation ul li a i{
transition: 0.3s;
}
.main-navigation ul li:hover i{
transform: rotate(180deg);
}
.main-navigation ul li .active{
color: #FF9F0D;
}
.main-navigation ul li ul {
position: absolute;
width: 250px;
left: 0;
top: 100%;
z-index: 2;
transition: .3s ease-in;
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
list-style: none;
}
.main-navigation ul li ul li {
display: block;
text-align: left;
border-bottom: 1px solid #e1e4f9;
background-color: #fff;
width: 90%;
margin-left: 13px;
}
.main-navigation ul li ul li:last-child{
border-bottom: none;
}
.main-navigation ul li ul ul {
left: 250px;
top: 0;
}
.menu-right-info{
width: 100%;
height: 90px;
display: flex;
align-items: center;
justify-content: flex-end;
gap: 20px;
}
div#offcanvasTop {
background: rgba(0, 0, 0, 0.8);
height: 100%;
z-index: 9999;
}
.banner-section{
position: relative;
overflow: hidden;
}
.banner-carousel .slide-item{
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 803px;
}
.banner-carousel .slide-item:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
background: linear-gradient(90.17deg, #080C24 44.49%, rgba(0, 0, 0, 0) 68.15%);
top: 0px;
right: 0px;
z-index: 1;
}
.banner-carousel .slide-item::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url("../images/banner-shape.png") no-repeat;
z-index: 2;
}
.banner-carousel .slide-item .image-layer{
position: absolute;
left:0;
top:0;
width:100%;
height:100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transform:scale(1);
transition: all 8000ms linear;
}
.banner-carousel .zoom .slide-item .image-layer{
transform:scale(1.25);
}
.banner-carousel .content-box{
position: relative;
z-index: 5;
}
.banner-carousel .content-box h3{
font-size: 24px;
line-height: 20px;
font-weight: 600;
color: #fff;
margin-bottom: 26px;
opacity: 0;
padding-left: 10px;
transform: translateY(-50px);
transition: all 1000ms ease;
}
.banner-carousel .content-box h3::before{
position: absolute;
content: '';
width: 3px;
height: 100%;
left: 0px;
top: -2px;
}
.banner-carousel .active .content-box h3{
opacity: 1;
transform: translateY(0);
transition-delay: 1000ms;
}
.banner-carousel .content-box h2{
text-transform: capitalize;
font-size: 68px;
line-height: 100px;
font-weight: 700;
color: #fff;
margin-bottom: 40px;
opacity: 0;
transform: translateY(50px);
transition: all 1000ms ease;
}
.banner-carousel .active .content-box h2{
opacity: 1;
transform: translateY(0);
transition-delay: 1000ms;
}
.banner-carousel .content-box p{
text-transform: capitalize;
font-size: 18px;
line-height: 32px;
color: #fff;
margin-bottom: 32px;
opacity: 0;
transform: translateY(50px);
transition: all 1000ms ease;
}
.banner-carousel .active .content-box p{
opacity: 1;
transform: translateY(0);
transition-delay: 1200ms;
}
.banner-carousel .content-box .btn-box{
display: flex;
align-items: center;
gap: 15px;
opacity: 0;
transform: translateY(50px);
transition: all 1000ms ease;
}
.banner-carousel .active .content-box .btn-box{
opacity: 1;
transform: translateY(0);
transition-delay: 1400ms;
}
.banner-carousel .owl-dots {
position: absolute;
top: 50%;
left: 70px;
transform: translateY(-50%);
display: inline-grid;
}
.banner-carousel .owl-dots .owl-dot{
margin: 15px 0;
}
.banner-carousel .owl-dots .owl-dot span {
background: #ffffff;
border: 1.5px solid transparent;
margin: 6px 5px 0px 6px;
}
.banner-carousel .owl-dots .owl-dot.active{
margin: 10px 0;
border-radius: 50%;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border: 1.5px solid #FF9F0D;
background: transparent;
}
.banner-carousel .owl-dots .owl-dot.active span {
background: 0 0 #FF9F0D;
}
.banner-section .common-btn:hover{
background: #ffffff;
border: 2px solid #ffffff;
} 
.mission{
padding: 125px 0;
}
.mission-left-content{
position: relative;
left: 30px;
}
.mission-image-one img{
width: 477.35px;
height: 598.82px;
border-radius: 20px;
}
.mission-image-two{
max-width: 273.06px;
height: 279.96px;
border-radius: 20px;
position: absolute;
top: 50px;
right: 100px;
}
.mission-shape-one {
position: absolute;
left: 10px;
bottom: -30px;
z-index: -1;
animation: mission 2s linear infinite alternate;
}
.mission-shape-two {
position: absolute;
top: 28px;
right: 70px;
z-index: -1;
}
@keyframes mission{
0%{
transform: translateY(0);
}
100%{
transform: translateY(10px);
}
}
.common-title span{
display: inline-block;
color: #FF9F0D;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
letter-spacing: 1px;
}
.common-title p{
line-height: 29px;
text-transform: capitalize;
}
.align-title{
text-align: center;
}
.mission-right-content h6,
.mission-right-content .h6{
line-height: 28px;
margin: 25px 0;
}
.mission-right-content ul li{
display: flex;
}
.mission-right-content ul li i{
display: inline-block;
max-width: 26px;
width: 100%;
height: 26px;
line-height: 26px;
color: #ffffff;
text-align: center;
border-radius: 50%;
background: #FF9F0D;
margin-right: 15px;
}
.mission-right-wrapper{
display: flex;
align-items: center;
margin-top: 20px;
}
.mission-btn .btn-3{
padding: 15px 52px;
}
.mission-exp{
display: flex;
align-items: center;
margin-left: 30px;
}
.mission-exp span{
font-size: 18px;
font-weight: 600;
color: #FF9F0D;
margin-left: 10px;
}
.video{
background: url("../images/video-bg.webp") no-repeat ;
background-size: cover;
height: 620px;
position: relative;
padding-top: 100px;
}
.vedio-shape{
position: absolute;
top: 0;
left: 0;
}
.vedio-title h3{
color: #ffffff;
}
.vedio-title p{
color: #ffffff;
margin: 30px 0;
letter-spacing: 1px;
}
.cta-vedio-button a {
position: relative;
background-color: #FF9F0D !important;
width: 100px !important;
height: 100px !important;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
}
.cta-vedio-button a::before {
position: absolute;
content: '';
width: 140px;
height: 140px;
border-radius: 50%;
border: 2px dashed #FF9F0D;
}
.cta-vedio-button a:after {
content: '';
position: absolute;
border: 30px solid #FF9F0D !important;
border-radius: 50%;
top: -20px;
left: -20px;
bottom: -20px;
right: -20px;
animation: cta-anim 1.5s linear infinite;
opacity: 0;
}
.video-right-content{
width: 100%;
height: 100%;
display: flex;
align-items: center;
}
.cta-vedio-button{
display: flex;
justify-content: center;
}
.video-right-content span{
display: inline-block;
font-family: 'Passions Conflict';
font-size: 48px;
color: #FF9F0D;
margin-top: 30px;
}
.counter-contrnt{
background-color: #ffffff;
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 50px 0;
position: relative;
top: -100px;
z-index: 1;
}
.counter-content {
width: 100%;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.counter-border{
border-right: none;
}
.counter-content i{
display: inline-block;
color: #FF9F0D;
font-size: 52px;
margin-bottom: 15px;
}
.counter-content span{
color: #FF9F0D;
font-size: 16px;
font-weight: 600;
}
.service{
padding-top: 20px;
padding-bottom: 125px;
}
.service-container{
overflow: hidden;
margin-top: 40px;
padding: 15px;
background: #FFFFFF;
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
transition: 0.8s;
}
.service-container:hover .service-image img{
transform: scale(1.2);
}
.service-container:hover .service-image i{
bottom:72%;
}
.service-image{
width: 100%;
position: relative;
z-index: 1;
overflow: hidden;
height: 270px;
transition: 0.3s;
}
.service-image img{
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: 0.5s;
background-size: cover;
}
.service-content-wrapper{
position: relative;
}
.service-content-wrapper-overlay{
position: absolute;
top: 0;
width: 0%;
height: 100%;
left: 0;
background: #ffffff;
z-index: 10;
animation-name: panel;
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation-duration: 1s;
animation-delay: 0.5s;
animation-iteration-count: 1;
animation-fill-mode: both;
}
@keyframes panel{
0% {
width: 100%;
}
100% {
width: 0;
}
}
.service-image i{
display: inline-block;
width: 90px;
height: 80px;
line-height: 80px;
text-align: center;
font-size: 42px;
background: #FF9F0D;
color: #ffffff;
position: absolute;
right: 0;
bottom: 0;
transition: 0.8s;
}
.service-info{
padding: 20px;
}
.service-container h5,
.service-container .h5{
font-weight: 600;
font-size: 24px;
margin-top: 20px;
}
.service-container p{
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
margin-bottom: 0;
padding-bottom: 30px;
}
.service-container a{
display: flex;
align-items: center;
font-weight: 500;
font-size: 18px;
color: #1F2230;
margin-top: 30px;
}
.service-container a i{
margin-left: 10px;
font-size: 34px;
transition: 0.3s;
}
.service-container a:hover{
color: #FF9F0D;
}
.service-container a:hover i{
padding-left: 10px;
}
.choose{
position: relative;
padding: 120px 0;
background: #090D25;
}
.choose::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url("../images/choose-shape.webp") no-repeat;
}
.choose-left-content .common-title h3{
color: #ffffff;
margin-bottom: 0;
}
.choose-left-content .common-title p{
color: #ffffff;
margin: 40px 0;
}
.choose-content-wrapper{
display: flex;
margin-top: 30px;
}
.choose-wrapper{
position: relative;
overflow: hidden;
width: 266px;
height: 148px;
background: #0A0F2E;
text-align: center;
margin-right: 30px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.3s;
z-index: 1;
}
.choose-wrapper-inner{
position: relative;
z-index: 1;
}
.choose-wrapper::before{
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: #FF9F0D;
transition: 0.3s;
}
.choose-wrapper:hover::before{
left: 0;
}
.choose-wrapper:hover i{
color: #ffffff;
}
.choose-wrapper i{
display: inline-block;
color: #FF9F0D;
font-size: 38px;
margin-bottom: 15px;
}
.choose-wrapper span{
color: #ffffff;
font-size: 18px;
font-weight: 600;
display: block;
}
.choose-right-content {
display: flex;
justify-content: center;
position: relative;
}
.choose-image{
position: relative;
z-index: 2;
}
.choose-border {
position: absolute;
top: -25px;
right: 10px;
z-index: 1;
animation: chooseBorder 2s linear infinite alternate;
}
.faq{
padding-top: 125px;
}
.faq-right-content {
margin-top: 100px;
}
.faq-accordion{
margin-top: 10px;
}
.accordion-item {
box-shadow: none;
border: none;
border-bottom:  1px solid rgba(0, 0, 0, 0.05);
}
.accordion-item:last-child{
border-bottom: none;
}
.accordion-item:not(:first-of-type) {
border-top: 1px solil transparent !important;
}
.accordion-button{
position: relative;
background: transparent;
border: 1px solid transparent;
border-radius: 10px;
padding: 30px 53px 30px 0px;
color: #161616;
font-weight: 600;
font-size: 20px;
}
.accordion-button:focus {
border-color: transpare;
box-shadow: none;
border: none;
}
.accordion-body {
background-color: transparent;
border: transparent;
line-height: 29px;
text-transform: capitalize;
}
.accordion-button:not(.collapsed) {
position: relative;
background-color: #ffffff;
box-shadow: none;
padding: 30px 53px 30px 0px;
font-weight: 600;
font-size: 18px;
line-height: 32px;
color: #1F2230;
}
.accordion-body {
padding: 1rem 1.25rem 1rem 0;
}
.accordion-button::after{
background-image: none;
content: '\0208A';
font-size: 54px;
width: auto;
height: auto;
position: absolute;
top: 0;
right: 20px;
}
.accordion-button:not(.collapsed)::after{
background-image: none;
content: '\0208B';
font-size: 54px;
width: auto;
height: auto;
position: absolute;
top: 40px;
right: 20px;
}
.footer-top {
padding: 57px 60px;
height: 230px;
background: #FF9F0D;
border-radius: 5px;
margin-top: -240px;
margin-bottom: 80px;
position: relative;
}
.drop-one{
position: absolute;
top: 20px;
left: 20px;
}
.drop-two{
position: absolute;
right: 20px;
bottom: 20px;
}
.drop-three{
position: absolute;
left: 45%;
bottom: 50px;
}
.footer-top-content{
display: flex;
align-items: center;
}
.footer-top-content h3{
color: #ffffff;
font-size: 40px;
line-height: 60px;
}
.footer-container{
background: #080C24;
padding-top: 80px;
position: relative;
}
.footer-middle{
position: relative;
padding-bottom: 20px;
border-bottom: 1px solid #282828;
}
.drop-shape-one {
position: absolute;
bottom: -50px;
right: -120px;
}
.drop-shape-two {
position: absolute;
bottom: 48px;
right: -20px;
}
.footer-content-inner p{
color: #ffffff;
margin: 20px 0;
}
.address{
display: flex;
color: #ffffff;
margin: 20px 0;
}
.address-icon{
margin-right: 10px;
}
.address-icon i{
font-size: 24px;
margin-top: 5px;
}
.address-icon i.fa-solid.fa-phone {
padding: 15px;
background: #FF9F0D;
border-radius: 50%;
}
.address-info a{
display: block;
font-weight: 600;
font-size: 24px;
color: #ffffff;
transition: 0.3s;
}
.address-info a:hover{
color: #FF9F0D;
}
.footer-content h5,
.footer-content .h5 {
font-size: 25px;
font-weight: 500;
color: #ffffff;
}
.footer-content ul {
margin-top: 20px;
}
.footer-content ul li {
margin-bottom: 20px;
}
.footer-content ul li a {
color: #ffffff;
display: inline-block;
font-size: 16px;
border-bottom: 1px solid transparent;
transition: 0.3s;
}
.footer-content ul li a:hover {
color: #FF9F0D;
border-bottom: 1px solid #FF9F0D;
}
.footer-content ul li p{
font-weight: 700;
font-size: 18px;
color: #ffffff;
}
.footer-content-inner-last-child ul{
margin-bottom: 40px;
}
.footer-last-content{
width: 100%;
margin-left: 44px;
}
.footer-bottom-wrapper{
background-color: #080C24;
padding: 30px 0;
text-align: center;
}
.footer-copyright p{
color: #ffffff;
margin-bottom: 40px;
}
.footer-media ul{
display: flex;
justify-content: center;
margin-top: 10px;
}
.footer-media ul li a{
display: inline-block;
margin: 0 14px;
color: #ffffff;
font-size: 18px;
transition: 0.3s;
}
.footer-media ul li a:hover{
color: #FF9F0D;
}
.home-two-banner .banner-carousel .slide-item::after {
display: none;
}
.home-two-banner .banner-carousel .slide-item:before{
background: none;
}
.home-two-banner .banner-carousel .slide-item{
height: 100%;
}
.home-two-banner .owl-dots{
display: none;
}
.home-two-banner .banner-carousel .slide-item:before{
z-index: 0;
}
.how-it-work{
padding: 125px 0;
background: rgba(242, 240, 236, 0.5);
position: relative;
}
.how-it-work-content{
margin-top: 50px;
text-align: center;
position: relative;
}
.how-it-number{
position: absolute;
top: 0;
left: 15px;
}
.how-it-number span{
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
text-align: center;
background: #FF9F0D;
color: #ffffff;
}
.how-it-work-image{
position: relative;
height: 200px;
width: 200px;
border-radius: 50%;
margin-bottom: 20px;
border: 1px solid #D9D9D9;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto;
}
.how-it-work-image img{
height: 160px;
width: 160px;
border-radius: 50%;
}
.how-it-work-content h5,
.how-it-work-content .h5{
font-size: 24px;
font-weight: 600;
}
.pricing-plan{
padding: 125px 0;
}
.pricing-table{
margin-top: 50px;
padding: 40px;
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
border-radius: 5px;
}
.pricing-table h5,
.pricing-table .h5{
font-weight: 500;
font-size: 24px;
line-height: 32px;
}
.pricing-table .h3{
margin-top: 25px;
}
.pricing-table ul{
margin-top: 30px;
}
.pricing-table ul li{
margin: 15px 0;
display: flex;
}
.pricing-table ul li i {
width: 15px;
height: 15px;
line-height: 13px;
text-align: center;
border-radius: 50%;
border: 1px solid #FF9F0D;
font-size: 9px;
color: #FF9F0D;
margin-right: 10px;
}
.pricing-btn{
display: inline-block;
width: 100%;
margin-top: 40px;
margin-bottom: 20px;
}
#flip {
height:120px;
overflow:hidden;
}
#flip > div > div {
color:#fff;
padding:4px 12px;
height:100px;
display:inline-block;
}
#flip div:first-child {
animation: show 5s linear infinite;
}
@keyframes show {
0% {margin-top:-270px;}
5% {margin-top:-180px;}
33% {margin-top:-180px;}
38% {margin-top:-90px;}
66% {margin-top:-90px;}
71% {margin-top:0px;}
99.99% {margin-top:0px;}
100% {margin-top:-270px;}
}
.about-us-banner{
background: url("../images/about-us-banner.webp") no-repeat center center;
background-size: cover;
height: 450px;
position: relative;
}
.about-us-banner::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 3, 13, 0.8);
}
.about-us-banner-content{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.about-us-banner-content h2{
font-size: 48px;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.about-us-banner-wrapper{
display: flex;
justify-content: space-between;
width: 170px;
margin: 0 auto;
}
.about-us-banner-wrapper a{
display: inline-block;
color: #ffffff;
font-size: 18px;
transition: 0.3s;
}
.about-us-banner-wrapper a:hover{
color: #FF9F0D;
}
.about-us-banner-wrapper span{
display: inline-block;
font-size: 22px;
}
.about-us-banner-wrapper span {
display: inline-block;
font-size: 44px;
color: #ffffff;
line-height: 0;
}
.about-us-banner-wrapper h5,
.about-us-banner-wrapper .h5{
color: #ffffff;
font-size: 18px;
}
.pricing-table-banner{
width: 160px;
}
.contact-banner {
background: url("../images/contact-banner.webp") no-repeat center center;
background-size: cover;
height: 450px;
position: relative;
}
.contact-banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 3, 13, 0.8);
}
.contact-info{
padding: 120px 0;
}
.contact-info-content{
padding: 50px 75px;
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
border-radius: 10px;
text-align: center;
}
.contact-info-icon {
width: 100px;
height: 100px;
line-height: 115px;
text-align: center;
border-radius: 50%;
background: rgba(255, 159, 13, 0.1);
color: #FF9F0D;
font-size: 45px;
margin: 0 auto;
transition: 0.3s;
}
.contact-info-content h6,
.contact-info-content .h6 {
font-weight: 600;
font-size: 20px;
line-height: 30px;
margin-top: 30px;
}
.contact-info-content:hover .contact-info-icon{
background: #FF9F0D;
color: #ffffff;
}
@media only screen and (min-width: 1367px) and (max-width: 1567px) {
.auto-container {
max-width: 1250px;
margin: 0 auto;
}
.owl-dots{
left: 40px;
}
.banner-carousel .content-box h2 {
font-size: 58px;
line-height: 80px;
}
.banner-carousel .owl-dots {
left: 35px;
}
.drop-shape-one {
position: absolute;
bottom: -50px;
right: -72px;
}
}
@media only screen and (max-width: 1366px) {
.auto-container {
max-width: 1166px;
margin: 0 auto;
}
.hrader-top-info ul li {
margin: 0 12px;
}
.main-navigation ul li a {
padding: 30px 10px;
}
.header-menu-bar::after {
width: 73%;
}
.header-buttons-area::after {
left: -26px;
width: 125%;
clip-path: polygon(12% 0, 100% 0%, 100% 100%, 0% 100%);
z-index: -1;
}
.menu-phone-icon {
margin-left: 20px;
}
.common-btn{
padding: 15px;
}
.banner-carousel .slide-item {
height: 620px;
}
.banner-carousel .content-box h2 {
font-size: 48px;
line-height: 81px;
}
.banner-carousel .owl-dots {
left: 15px;
}
.owl-dots{
left: 30px;
}
.mission-left-content {
position: relative;
left: 0;
}
.mission-image-two {
top: 86px;
right: 65px;
}
.faq-image {
position: absolute;
}
.footer-top-content h3 {
font-size: 34px;
line-height: 50px;
}
.drop-shape-one {
right: 0;
}
}
@media only screen and (min-width: 1025px) and (max-width: 1199px){
.header-navigation-area{
display: none;
}
.menu-right-info{
height: 0px;
}
.menu-phone-icon{
position: absolute;
top: 15px;
right: 80px;
}
.mobile-menu-trigger {
display: block;
position: absolute;
top: 30px;
right: 30px;
}
}
@media only screen and (max-width: 1024px) {
.auto-container {
max-width: 960px;
margin: 0 auto;
}
.header-top-content-wrapper {
width: 700px;
display: flex;
align-items: center;
}
.header-top-content-wrapper ul {
display: flex;
justify-content: start;
height: 44px;
}
.hrader-top-info ul {
height: 44px;
margin-right: 45px;
}
.hrader-top-info {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
}
.menu-bar {
display: none;
}
.logo{
height: 90px;
}
.menu-right-info {
position: absolute;
top: 5px;
right: 110px;
width: auto;
height: 80px;
}
li.mobile-menu-trigger {
position: absolute;
top: 35px;
right: 55px;
}
.mobile-menu-trigger span {
width: 25px;
margin-bottom: 8px;
}
ul.header-buttons-wrapper.wrd-list-style {
margin-right: 0;
}
.header-navigation-area {
display: none;
}
.logo a::after {
left: 50px;
top: 50px;
}
.mobile-menu-trigger {
top: 12px;
}
.mobile-menu-close {
position: relative;
right: -465px;
top: 80px;
}
.mobile-menu-trigger {
display: block;
position: inherit;
}
.mobile-menu-close::before, .mobile-menu-close::after {
top: 0;
left: 481px;
}
.slicknav_nav a:hover{
background-color: transparent;
}
#mobile-menu-wrap{
position: relative;
}
.mobile-logo {
margin-top: 50px;
margin-left: 30px;
}
#mobile-menu-wrap{
height: auto;
}
.mobile-content{
width: 100%;
display: flex;
justify-content: center;
text-align: center;
}
.mobile-content ul{
display: flex;
}
.mobile-content ul li{
margin: 0 10px;
}
.mobile-content ul li a{
display: inline-block;
color: #ffffff;
font-size: 18px;
}
.mobile-content ul li i{
margin-right: 10px;
}
#mobile-menu-wrap {
padding-top: 20px;
}
.banner-carousel .slide-item{
height: 680px;
}
.banner-wrapper{
height: 680px;
display: flex;
align-items: center;
}
.banner-carousel .content-box h2{
font-size: 44px;
line-height: 60px;
}
.banner-carousel .owl-dots{
display: flex;
align-self: center;
top: 88%;
left: 40px;
}
.banner-carousel .owl-dots .owl-dot {
margin: 15px 10px;
}
.banner-carousel .owl-dots .owl-dot.active {
margin: 15px 10px;
}
.mission {
padding: 100px 0;
}
.mission-image-two {
right: 280px;
}
.mission-shape-two {
right: 257px;
}
.mission-right-content{
margin-top: 70px;
}
.mission-right-content ul li i {
width: 40px;
}
.service {
padding-top: 0;
padding-bottom: 100px;
}
.service-container h5,
.service-container .h5 {
font-size: 22px;
}
.choose-right-content-image {
margin-top: 25px;
}
.faq {
padding-top: 100px;
}
.faq-left-content{
display: none;
}
.service-container h5,
.service-container .h5 {
font-size: 16px;
}
.footer-top-content {
margin-top: 0;
height: 50px;
justify-content: center;
}
.footer-content{
margin-bottom: 50px;
margin-left: 0;
max-width: 480px;
}
.footer-bottom-wrapper{
padding-top: 50px;
}
.home-two-banner{
height: 550px;
}
.home-two-banner .banner-carousel .owl-dots {
top: 93%;
left: 120px;
}
.choose-right-content-image{
display: none;
}
.faq-right-content{
margin-top: 50px;
}
}
@media only screen and (max-width: 768px) {
.auto-container {
max-width: 680px;
margin: 0 auto;
}
.menu-bar {
height: 0;
}
.hrader-top-info {
position: relative;
top: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.hrader-top-info ul {
margin-right: 0px;
}
.header-top-content-wrapper{
display: none;
}
.hrader-top-info ul{
height: 43px;
}
.menu-right-info{
display: none;
}
li.mobile-menu-trigger{
top: 28px;
}
.mobile-menu-close {
right: -220px;
} .slicknav_nav a {
padding: 25px 0px 25px 30px;
margin: 0;
}
.banner {
height: 430px;
padding-top: 0;
}
.about-us-banner, .contact-banner{
height: 320px;
}
.home-two-banner {
height: 600px;
}
.home-two-banner .banner-carousel .owl-dots {
top: 87%;
left: 25px;
}
.mission-image-two {
right: 130px;
}
.mission-right-content ul li i {
width: 50px;
}
.common-btn{
padding: 15px 30px;
}
.video-right-content {
margin-top: -50px;
}
.cta-vedio-button a {
margin-top: 7px;
}
.video-right-content span{
display: none;
}
.video-right-content {
justify-content: center;
}
.cta-vedio-button a {
width: 60px !important;
height: 60px !important;
}
.cta-vedio-button a::before {
width: 100px;
height: 100px;
}
.vedio-title .btn-1{
margin-top: 40px;
}
.counter-contrnt{
padding-bottom: 0;
margin-top: 75px;
}
.counter-content {
margin-bottom: 50px;
}
.service-image {
height: 380px;
}
.footer-top {
height: 250px;
}
#flip > div > div {
color: #fff;
padding: 4px 12px;
height: 110px;
display: inline-block;
}
}
@media only screen and (max-width: 740px) {
.auto-container {
max-width: 320px;
}
.header-top {
height: 50px;
}
.hrader-top-info {
height: 50px;
}
.mobile-menu-trigger span {
width: 24px;
margin-bottom: 4px;
}
.mobile-menu-close {
position: relative;
right: 160px !important;
top: 20px;
}
#mobile-menu-wrap{
position: relative;
}
.mobile-logo {
margin-top: 50px;
margin-left: 30px;
}
#mobile-menu-wrap{
height: auto;
}
.mobile-content{
width: 100%;
display: flex;
justify-content: center;
text-align: center;
}
.mobile-content ul li{
margin: 10px 0;
}
.mobile-content ul li a{
display: inline-block;
color: #ffffff;
font-size: 18px;
}
#mobile-menu-wrap {
padding-top: 20px;
} .slicknav_nav a {
padding: 15px 0px 15px 30px;
margin: 0;
}
.mobile-content ul {
display: block;
}
.logo {
margin-left: 8px;
height: 60px;
}
li.mobile-menu-trigger {
top: 15px;
right: 10px;
}
ul.header-buttons-wrapper.wrd-list-style {
position: absolute;
right: 10px;
bottom: 50px;
}
.banner-carousel .slide-item {
height: 620px;
}
.banner-wrapper {
height: 620px;
}
.banner-carousel .content-box h2 {
font-size: 27px;
margin-top: 5px;
line-height: 40px;
margin-bottom: 20px;
}
.banner-carousel .content-box p {
font-weight: 500;
font-size: 13px;
line-height: 20px;
color: #ffffff;
margin-bottom: 20px;
width: 300px;
}
.banner-carousel .content-box .btn-box {
display: block;
}
.banner-carousel .content-box .btn-box .btn-1{
display: inline-block;
margin-bottom: 20px;
}
.btn-1, .btn-3 {
font-size: 16px;
line-height: 26px;
padding: 10px 28px;
}
.btn-2 {
display: inline-block;
font-size: 16px;
line-height: 26px;
padding: 10px 28px;
}
.mission-image-two {
right: 0;
width: 200px;
}
.mission-image-one img {
width: 335px;
height: 470.82px;
}
.mission-shape-two{
display: none;
}
.common-title h3,
.common-title .h3{
font-size: 26px;
}
.mission-right-content ul li{
display: block;
}
.mission-right-content ul li i {
width: 27px;
}
.mission-right-wrapper{
display: block;
}
.mission-exp{
margin-left: 0;
margin-top: 20px;
}
.mission-btn .btn-3 {
padding: 10px 28px;
}
.service-image {
height: 300px;
}
.counter-content {
border-right: none;
}
.cta-vedio-button {
margin-left: 185px;
}
.owl-dots {
left: 0;
}
.footer-top {
padding: 57px 20px;
}
.footer-top-content h3 {
font-size: 24px;
}
.drop-shape-two {
position: absolute;
bottom: 48px;
right: 0;
}
.home-two-banner {
height: 650px;
}
.home-two-banner .banner-carousel .owl-dots {
top: 95%;
left: 25px;
}
.how-it-work{
padding-top: 150px;
}
.pricing-plan{
padding: 100px 0;
}
#flip {
height: 85px;
}
.about-us-banner, .contact-banner {
height: 230px;
}
.contact-banner
.about-us-banner-content h2{
font-size: 32px;
}
.video{
height: 520px;
}
}
.site-logo { display: block; width: 206px; height: auto; }
.mobile-logo .site-logo, .footer-logo .site-logo { width: 195px; }
.main-navigation ul li.current-menu-item > a { color: #FF9F0D; }
.hrader-top-info ul li { font-size: 15px; }
.hrader-top-info ul li i.fa-location-dot { color: #FF9F0D; margin-right: 6px; }
.about-us-banner-content h1.aloldal-cim {
font-size: 48px;
font-weight: 600;
color: #ffffff;
margin-bottom: 20px;
}
.about-us-banner-wrapper { width: auto; gap: 12px; justify-content: center; }
.cta-vedio-button a i.fa-phone { transform: rotate(10deg); }
.counter-content h3 { white-space: nowrap; }
.teruletek { padding: 120px 0 240px; background: rgba(242, 240, 236, 0.5); }
.teruletek-bevezeto { max-width: 640px; margin: 15px auto 0; }
.telepules-lista {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 12px;
padding: 0;
margin: 30px 0 0;
list-style: none;
}
.telepules-lista li {
background: #ffffff;
border: 1px solid #ececec;
border-radius: 40px;
padding: 10px 20px;
color: #1F2230;
font-weight: 500;
font-size: 15px;
transition: 0.3s;
}
.telepules-lista li i { color: #FF9F0D; margin-right: 8px; }
.telepules-lista li:hover { background: #FF9F0D; border-color: #FF9F0D; color: #ffffff; }
.telepules-lista li:hover i { color: #ffffff; }
.teruletek-megjegyzes { text-align: center; margin-top: 30px; color: #666C6A; }
.teruletek-megjegyzes a, .accordion-body a { color: #995B00; font-weight: 500; text-decoration: underline; }
.footer-cta {
min-height: 116px;
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
gap: 15px;
}
.footer-cta .btn-1, .footer-cta .btn-2 { padding: 13px 32px; }
.footer-cta .btn-1 i { margin-right: 6px; }
.footer-elerhetoseg { padding: 0; list-style: none; }
.footer-elerhetoseg li { color: #c9cbd3; margin-bottom: 14px; display: flex; gap: 12px; align-items: baseline; }
.footer-elerhetoseg li i { color: #FF9F0D; width: 16px; }
.footer-elerhetoseg li a { color: #c9cbd3; transition: 0.3s; }
.footer-elerhetoseg li a:hover { color: #FF9F0D; }
.szolg-reszletek { padding: 120px 0 60px; }
.szolg-sor { margin-bottom: 70px; }
.szolg-kep img { width: 100%; border-radius: 20px; object-fit: cover; aspect-ratio: 386 / 270; }
.szolg-szoveg { padding: 20px 10px 20px 30px; }
.flex-lg-row-reverse .szolg-szoveg { padding: 20px 30px 20px 10px; }
.szolg-sorszam { display: inline-block; color: #FF9F0D; font-weight: 700; font-size: 18px; margin-bottom: 8px; }
.szolg-szoveg h4, .szolg-szoveg .h4 { font-size: 30px; font-weight: 600; margin-bottom: 15px; }
.szolg-szoveg ul { padding: 0; list-style: none; margin-top: 15px; }
.szolg-szoveg ul li { margin-bottom: 8px; color: #1F2230; font-weight: 500; }
.szolg-szoveg ul li i { color: #FF9F0D; margin-right: 10px; }
.how-it-work-image img { border-radius: 50%; }
.pricing-table { position: relative; }
.pricing-kiemelt { border: 2px solid #FF9F0D; }
.pricing-cimke {
position: absolute;
top: 20px;
right: 20px;
background: #FF9F0D;
color: #fff;
font-size: 13px;
font-weight: 600;
padding: 5px 14px;
border-radius: 20px;
}
.kalkulator { padding: 0 0 120px; }
.kalkulator-doboz {
background: #ffffff;
border-radius: 20px;
box-shadow: 0 10px 50px rgba(8, 12, 36, 0.08);
padding: 50px;
}
.kalkulator-doboz label { font-weight: 600; color: #1F2230; margin: 25px 0 10px; display: block; }
.kalk-sor { display: flex; gap: 20px; align-items: center; }
.kalk-sor input[type="range"] { flex: 1; accent-color: #FF9F0D; }
.kalk-sor input[type="number"] {
width: 120px;
padding: 12px 15px;
border: 1px solid #e0e0e0;
border-radius: 10px;
font-weight: 600;
font-size: 18px;
color: #1F2230;
}
.kalk-eredmeny {
margin: 30px 0 15px;
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: stretch;
}
.kalk-bontas { flex: 1 1 220px; display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.kalk-bontas div { display: flex; justify-content: space-between; border-bottom: 1px dashed #e0e0e0; padding-bottom: 8px; }
.kalk-bontas strong { color: #1F2230; }
.kalk-osszeg {
flex: 1 1 220px;
background: #080C24;
border-radius: 15px;
padding: 20px 25px;
color: #c9cbd3;
display: flex;
flex-direction: column;
justify-content: center;
}
.kalk-osszeg strong { color: #FF9F0D; font-size: 36px; line-height: 1.2; }
.kalk-megjegyzes { font-size: 14px; margin-bottom: 25px; }
.contact-info { padding: 120px 0 60px; }
.contact-info .row { row-gap: 30px; }
.contact-info-content { height: 100%; padding: 50px 40px; }
.contact-info-content .kapcsolat-szekhely { margin-top: 10px; }
.contact-info-content p a { color: inherit; }
.contact-info-content p a:hover { color: #FF9F0D; }
.ajanlatkeres { padding: 0 0 120px; }
.ajanlat-urlap label { display: block; font-weight: 500; color: #1F2230; margin-bottom: 6px; font-size: 15px; }
.ajanlat-urlap input,
.ajanlat-urlap select,
.ajanlat-urlap textarea {
width: 100%;
padding: 13px 16px;
border: 1px solid #e0e0e0;
border-radius: 10px;
background: #fafafa;
color: #1F2230;
transition: border-color 0.2s;
}
.ajanlat-urlap input:focus,
.ajanlat-urlap select:focus,
.ajanlat-urlap textarea:focus { outline: none; border-color: #FF9F0D; background-color: #fff; box-shadow: 0 0 0 3px rgba(255, 159, 13, 0.25); }
.ajanlat-urlap select {
appearance: none;
-webkit-appearance: none;
padding-right: 44px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231F2230' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 12px 8px;
cursor: pointer;
}
.ajanlat-urlap textarea { resize: vertical; min-height: 120px; }
.ajanlat-urlap .hibas { border-color: #d93025; background-color: #fff; }
.ajanlat-urlap button { border: none; margin-top: 5px; }
.ajanlat-urlap button:disabled { opacity: 0.65; cursor: wait; }
.urlap-csapda { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.urlap-siker {
display: flex;
gap: 16px;
align-items: flex-start;
background: #fff6e8;
border-left: 4px solid #FF9F0D;
border-radius: 10px;
padding: 24px;
color: #1F2230;
}
.urlap-siker[hidden] { display: none; }
.urlap-siker:focus { outline: none; }
.urlap-siker i {
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 50%;
background: #FF9F0D;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.urlap-siker strong { font-size: 18px; }
.urlap-siker p { margin: 6px 0 0; }
.urlap-siker a { color: #995B00; font-weight: 600; }
.urlap-becsles { background: #fff6e8; border-left: 4px solid #FF9F0D; padding: 12px 16px; border-radius: 8px; color: #1F2230; }
.urlap-hiba { color: #d93025; margin-bottom: 12px; }
.ajanlat-terkep { height: 100%; min-height: 420px; border-radius: 20px; overflow: hidden; background: #eef0f3; }
.ajanlat-terkep iframe { width: 100%; height: 100%; min-height: 420px; border: 0; display: block; }
@media (max-width: 991px) {
.szolg-szoveg, .flex-lg-row-reverse .szolg-szoveg { padding: 25px 0 0; }
.footer-cta { justify-content: flex-start; min-height: 0; margin-top: 20px; }
.about-us-banner-content h1.aloldal-cim { font-size: 38px; }
}
@media (max-width: 575px) {
.kalkulator-doboz { padding: 30px 20px; }
.kalk-osszeg strong { font-size: 28px; }
.teruletek { padding: 80px 0 210px; }
.telepules-lista li { padding: 8px 14px; font-size: 14px; }
}
.banner-carousel .content-box h2,
.banner-carousel .content-box p,
.common-title p,
.accordion-body,
.main-navigation ul li a { text-transform: none; }
.main-navigation ul li a { padding: 31px 16px; }
.menu-phone-icon .common-btn { white-space: nowrap; padding: 14px 30px; }
@media (min-width: 1200px) and (max-width: 1399px) {
.main-navigation ul li a { padding: 31px 11px; font-size: 16px; }
}
.counter-content h3 .counter { font-size: inherit; color: inherit; font-weight: inherit; }
.kalkulator, .ajanlatkeres { padding-bottom: 220px; }
@media (max-width: 1024px) {
.header-menu-bar .menu-bar { display: block; height: 0; }
.mobile-menu-trigger { display: block; }
}
@media (max-width: 767px) {
.header-menu-bar .menu-right-info { display: none; }
li.mobile-menu-trigger { right: 25px; }
}
.cta-vedio-button a i { font-size: 24px; }
@media (min-width: 576px) and (max-width: 1199px) {
.header-top .hrader-top-info { display: none; }
}
.mobile-menu-container .mobile-menu-close {
position: absolute !important;
top: 22px !important;
right: 22px !important;
left: auto !important;
width: 44px;
height: 44px;
border-radius: 50%;
background: #FF9F0D;
cursor: pointer;
z-index: 2;
transition: transform 0.3s;
}
.mobile-menu-container .mobile-menu-close:hover { transform: rotate(90deg); }
.mobile-menu-container .mobile-menu-close::before,
.mobile-menu-container .mobile-menu-close::after {
content: '';
position: absolute;
top: 50% !important;
left: 50% !important;
width: 20px;
height: 2px;
background: #ffffff;
border-radius: 2px;
margin: 0;
}
.mobile-menu-container .mobile-menu-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.mobile-menu-container .mobile-menu-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.mobile-menu-container .mobile-logo { padding-right: 70px; }
.impresszum { padding: 100px 0 220px; }
.impresszum h2 { margin: 40px 0 20px; }
.impresszum h2:first-child { margin-top: 0; }
.impresszum-tabla th { width: 40%; color: #1F2230; font-weight: 600; }
.impresszum-tabla a { color: inherit; }
.impresszum-tabla a:hover { color: #FF9F0D; }
.footer-copyright a { color: inherit; text-decoration: underline; }
.footer-copyright a:hover { color: #FF9F0D; }
.banner-carousel { position: relative; }
.banner-dia { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 1s, visibility 1s; }
.banner-dia.active { position: relative; opacity: 1; visibility: visible; }
.banner-kep-1 { background-image: url("../images/banner-01.webp"); }
.banner-dia.betoltve .banner-kep-2 { background-image: url("../images/home-two-banner.webp"); }
.banner-carousel .owl-dots { z-index: 6; }
.banner-carousel .owl-dots .owl-dot { display: block; align-self: flex-start; padding: 0; background: transparent; border: 0; cursor: pointer; }
.wow-var { visibility: hidden; }
.video:not(.hatter-kesz), .choose:not(.hatter-kesz) { background-image: none; }
.video { background-color: #080C24; } 
@media (max-width: 767px) {
.banner-kep-1 { background-image: url("../images/banner-01-mobil.webp"); }
.banner-dia.betoltve .banner-kep-2 { background-image: url("../images/home-two-banner-mobil.webp"); }
.about-us-banner { background-image: url("../images/about-us-banner-mobil.webp"); }
.contact-banner { background-image: url("../images/contact-banner-mobil.webp"); }
}
:where(img[width][height]) { height: auto; }
.mission-image-one img, .mission-image-two img { object-fit: cover; }
.video:has(+ footer) { height: auto; min-height: 620px; padding-bottom: 200px; }
.mission-image-one { max-width: 477px; aspect-ratio: 477 / 599; }
.mission-image-one img { display: block; width: 100%; height: 100%; }
@media (max-width: 740px) {
.mission-image-one { max-width: 335px; aspect-ratio: 335 / 471; }
}
.footer-cta .btn-1 { border-color: #ffffff; }
@media (max-width: 991px) {
.footer-top { height: auto; padding: 40px 30px; }
.footer-top .row { position: relative; z-index: 1; } 
.footer-top-content { height: auto; justify-content: flex-start; }
.footer-top-content h3 { line-height: 1.35; }
}
@media (max-width: 575px) {
.footer-top { padding: 32px 20px; }
.footer-top-content h3 { font-size: 24px; }
.footer-cta a { width: 100%; padding: 13px 12px; text-align: center; white-space: nowrap; }
}
@media (max-width: 359px), (min-width: 769px) and (max-width: 1199px) {
.auto-container > .row { margin-left: 0; margin-right: 0; }
}
@media (max-width: 767px) {
.scroll-to-top { display: none; }
}
@media (max-width: 991px) {
.ajanlatkeres .row.g-5 { --bs-gutter-x: 1.5rem; }
}
.impresszum-tabla td { overflow-wrap: anywhere; }
@media (max-width: 575px) {
.impresszum h2 { font-size: 26px; } 
.impresszum-tabla th, .impresszum-tabla td { display: block; width: 100%; }
.impresszum-tabla th { padding-bottom: 0; border-bottom: 0; }
}
@media (max-width: 991px) {
.video { height: auto; padding-bottom: 150px; }
}
@media (max-width: 819px) {
.video { padding-bottom: 75px; }
}
@media (min-width: 820px) and (max-width: 991px) {
.video-right-content { margin-top: 40px; } 
}
@media (max-width: 400px) {
.choose-wrapper span { font-size: 14px; }
}