/* ===================
fonts
====================== */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sofia&display=swap');


/* ===================
general css
====================== */

*,
*:before,
*:after { box-sizing:inherit; } 
* { scroll-behavior:inherit !important; } 
html,
body { height:auto; width:100%; margin:0; padding:0; overflow-x:hidden; box-sizing:border-box; } 
body { font-family:'Roboto', sans-serif; font-style:normal; font-size:16px; font-weight:normal; color:#0F1013; line-height:1.8; } 
a { color:#091F3C; display:inline-block; } 
a,
a:active,
a:focus,
a:hover { outline:none; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; text-decoration:none; } 
a:hover { color:#0049D0; } 
ul { margin:0; padding:0; } 
li { list-style:none; } 
h1,
h2,
h3,
h4,
h5,
h6 { color:#091F3C; margin:0px; font-weight:600; font-family:"Rubik", sans-serif; line-height:1.2; } 
h1 { font-size:40px; } 
h2 { font-size:35px; } 
h3 { font-size:28px; } 
h4 { font-size:22px; } 
h5 { font-size:18px; } 
h6 { font-size:16px; } 
p { margin:0px; } 
.img,
img { max-width:100%; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; height:auto; } 
label { color:#999; cursor:pointer; font-weight:400; } 
*::-moz-selection { background:#d6b161; color:#FFF; text-shadow:none; } 
::-moz-selection { background:#555; color:#FFF; text-shadow:none; } 
::selection { background:#555; color:#FFF; text-shadow:none; } 
*::-moz-placeholder { color:#999; font-size:16px; opacity:1; } 
*::placeholder { color:#999; font-size:16px; opacity:1; } 

/* ===================
preloader
====================== */

.preloader { background:#1A1E5D; position:fixed; height:100%; width:100%; left:0; top:0; z-index:9999; } 
.loader { width:80px; height:80px; position:relative; top:calc(50% - 55px); left:calc(50% - 40px); } 
.loader:before,
.loader:after { content:''; border:5px solid #FFF; border-radius:50%; width:inherit; height:inherit; position:absolute; top:0; left:0; animation:loader 2s linear infinite; opacity:0; } 
.loader:before { animation-delay:0.5s; } 
@keyframes loader { 0% { transform:scale(0); opacity:0; }  50% { opacity:1; }  100% { transform:scale(1); opacity:0; } }

/* ===================
theme default css
====================== */

.ovrflow-hidden { overflow:hidden; } 
.text-right { text-align:right; } 
.space-between { display:flex; justify-content:space-between; align-items:center; } 
.c-pd { padding:0 7rem; } 
.s-pd { padding:0 12rem; } 
.h-100 { height:100%; } 
.h-100vh { height:100vh; } 
.bg { background-color:#F5F6FA; } 
.theme-bg-dark { background-color:#080808; } 

/* ===================
site title css
====================== */

.site-heading { margin-bottom:50px; position:relative; z-index:1; } 
.site-title-tagline { text-transform:capitalize; letter-spacing:2px; font-size:28px; font-weight:600; color:#FF4328; position:relative; font-family:'Sofia', cursive; } 
.site-title { font-weight:700; text-transform:capitalize; font-size:50px; color:#05101E; margin-top:20px; margin-bottom:0; } 
.shadow-title { top:50%; left:50%; display:block; font-size:150px; font-weight:600; position:absolute; transform:translate(-50%, -50%); font-family:'Sofia', cursive; color:rgba(34, 34, 34, 0.05); } 

@media all and (max-width:992px) { .shadow-title { font-size:100px; } } 


/* ===================
margin & padding
====================== */

.pb-140 { padding-bottom:140px; } 
.pd-50 { padding:50px 0; } 
.py-120 { padding:120px 0; } 
.pt-120 { padding-top:120px; } 
.pb-120 { padding-bottom:120px; } 
.pt-0 { padding-top:0px; } 
.pt-10 { padding-top:10px; } 
.pt-20 { padding-top:20px; } 
.pt-30 { padding-top:30px; } 
.pt-40 { padding-top:40px; } 
.pt-50 { padding-top:50px; } 
.pt-60 { padding-top:60px; } 
.pt-70 { padding-top:70px; } 
.pt-80 { padding-top:80px; } 
.pt-90 { padding-top:90px; } 
.pt-100 { padding-top:100px; } 
.pb-0 { padding-bottom:0px; } 
.pb-10 { padding-bottom:10px; } 
.pb-20 { padding-bottom:20px; } 
.pb-30 { padding-bottom:30px; } 
.pb-40 { padding-bottom:40px; } 
.pb-50 { padding-bottom:50px; } 
.pb-60 { padding-bottom:60px; } 
.pb-70 { padding-bottom:70px; } 
.pb-80 { padding-bottom:80px; } 
.pb-90 { padding-bottom:90px; } 
.pb-100 { padding-bottom:100px; } 
.mt-0 { margin-top:0px; } 
.mt-10 { margin-top:10px; } 
.mt-20 { margin-top:20px; } 
.mt-30 { margin-top:30px; } 
.mt-40 { margin-top:40px; } 
.mt-50 { margin-top:50px; } 
.mt-60 { margin-top:60px; } 
.mt-70 { margin-top:70px; } 
.mt-80 { margin-top:80px; } 
.mt-90 { margin-top:90px; } 
.mt-100 { margin-top:100px; } 
.mb-0 { margin-bottom:0px; } 
.mb-10 { margin-bottom:10px; } 
.mb-20 { margin-bottom:20px; } 
.mb-30 { margin-bottom:30px; } 
.mb-40 { margin-bottom:40px; } 
.mb-50 { margin-bottom:50px; } 
.mb-60 { margin-bottom:60px; } 
.mb-70 { margin-bottom:70px; } 
.mb-80 { margin-bottom:80px; } 
.mb-90 { margin-bottom:90px; } 
.mb-100 { margin-bottom:100px; } 
.mr-300 { margin-right:300px; } 
.ml-300 { margin-left:300px; } 
.pos-rel { position:relative; z-index:1; } 
/* ===================
theme button
====================== */

.theme-btn { font-size:16px; color:#FFFfff; font-weight:500; padding:6px 6px 6px 25px; transition:all 0.5s; text-transform:capitalize; position:relative; cursor:pointer; text-align:center; border:none; border-radius:8px; background:#FF4328; box-shadow:0 3px 24px rgb(0 0 0 / 10%); } 
.theme-btn:hover { background:#1A1E5D; color:#FFF; } 
.theme-btn i { margin-left:8px; width:40px; height:40px; line-height:40px; background:#1A1E5D; border-radius:50px; display:inline-block; } 
.theme-btn:hover i { background:#FF4328; } 


/* ===================
container
====================== */

@media (min-width:1200px) {
 .container, .container-sm, .container-md, .container-lg, .container-xl { max-width:1185px; } } 

/* ===================
scroll-top css
====================== */

#scroll-top { display:none; position:fixed; bottom:20px; right:30px; z-index:99; font-size:20px; border:none; outline:none; border-radius:50px; color:#FFF; background-color:#FF4328; cursor:pointer; width:45px; height:45px; line-height:45px; text-align:center; transition:all .5s ease-in-out; z-index:1; } 
#scroll-top::before { content:""; position:absolute; border:3px solid #FF4328; border-radius:50px; left:-6px; right:-6px; top:-6px; bottom:-6px; z-index:-1; } 

@media all and (min-width:768px) and (max-width:1199px) { #scroll-top { bottom:100px; } } 

/*whatsapp css start*/
.whatsapp_main { position:fixed; width:55px; height:55px; bottom:100px; right:27px; background-color:#25d366; color:#FFF; border-radius:50%; text-align:center; font-size:30px; transition: 0.3s; z-index:100; animation:glowing01 1300ms infinite; }
.whatsapp_main i { line-height:55px; }
.whatsapp_main:hover { transform: scale(1.1); color:#FFF; }

@keyframes glowing01 {
0% { background-color:#2ba805; box-shadow:0 0 5px #2ba805; }
50% { background-color:#49e819; box-shadow:0 0 20px #49e819; }
100% { background-color:#2ba805; box-shadow:0 0 5px #2ba805; }
}
/*whatsapp css start*/

/* ===================
top header css
====================== */

.header-top { padding:10px 0 10px 0; position:relative; background:#1A1E5D; z-index:1000; } 
.header-top-wrapper { display:flex; align-items:center; justify-content:space-between; } 
.header-top-contact ul { display:flex; align-items:center; gap:25px; } 
.header-top-contact ul li p { color:#FFF; font-weight:500; } 
.header-top-contact ul li a { color:#FFF; font-weight:500; } 
.header-top-contact ul li a i { margin-right:10px; color:#FF4328; } 
.header-top-right { display:flex; align-items:center; gap:25px; } 
.header-top-social span { color:#FFF; } 
.header-top-social a { width:35px; height:35px; line-height:35px; color:#FF4328; font-size:16px; background:#FFF; text-align:center; margin-left:5px; border-radius:5px; transition:all .5s ease-in-out; } 
.header-top-social a:hover { background:#FF4328; color:#FFF; } 
.header-top-lang button { padding:0; background:transparent; border:none; color:#FFF; } 
.header-top-lang button i { margin-right:8px; } 
.header-top-lang ul li img { width:20px; border-radius:50%; margin-right:8px; } 
.header-top-lang .dropdown-menu { border:none; border-radius:0px; border-top:3px solid #FF4328; box-shadow:0 3px 24px rgb(0 0 0 / 10%); } 
.header-top-lang .dropdown-item:hover { background:transparent; color:#FF4328; } 
@media all and (max-width:991px) { /*.header-top { display:none; }*/ } 



/* ===================
nav menu css
====================== */

.main { margin-top:0rem; } 
@media all and (min-width:992px) { .navbar .nav-item .nav-link { margin-right:20px; padding:30px 0 30px 0; font-size:17px; font-weight:500; color:#091F3C; text-transform:capitalize; }  .navbar .nav-item:last-child .nav-link { margin-right:0; }  .navbar .nav-item .dropdown-menu { display:block; opacity:0; visibility:hidden; transition:.3s; margin-top:0; border:none; border-radius:0; padding:10px; border-top:3px solid #FF4328; background:#FFF; width:220px; box-shadow:0 3px 24px rgb(0 0 0 / 10%); }  .navbar .nav-item .dropdown-menu li { border-bottom:1px solid #e6e6e6; }  .navbar .nav-item .dropdown-menu li:last-child { margin-bottom:0; border-bottom:none; }  .navbar .nav-item .dropdown-menu .dropdown-item { font-size:17px; font-weight:500; padding:10px 0px 10px 20px; color:#091F3C; position:relative; text-transform:capitalize; transition:all .5s ease-in-out; z-index:1; }  .navbar .nav-item .dropdown-menu .dropdown-item:hover { background:transparent; color:#FFF; }  .navbar .nav-item .dropdown-menu .dropdown-item::before { content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#FF4328; border-radius:6px; transition:all .5s ease-in-out; z-index:-1; }  .navbar .nav-item .dropdown-menu .dropdown-item:hover::before { width:100%; }  .navbar .nav-item .nav-link { position:relative; }  .navbar .nav-item .nav-link.active, .navbar .nav-item:hover .nav-link { color:#FF4328; }  .navbar .nav-item:hover .dropdown-menu { transition:.3s; opacity:1; visibility:visible; top:100%; transform:rotateX(0deg); }  .navbar .dropdown-menu-end { right:0; left:auto; }  .navbar .dropdown-menu.fade-down { top:80%; transform:rotateX(-75deg); transform-origin:0% 0%; }  .navbar .dropdown-menu.fade-up { top:140%; }  .header-nav-right { display:flex; align-items:center; justify-content:center; gap:15px; margin-left:30px; }  .header-nav-link { position:relative; width:45px; height:45px; line-height:45px; color:#091F3C; display:flex; align-items:center; justify-content:center; }  .header-nav-link:hover { color:#FF4328; }  .header-nav-link.search-box-outer { font-size:18px; }  #main_nav { justify-content:flex-end; } 
} 

/*bootstrap nav*/
.navbar { background:#FFF; padding-top:0px; padding-bottom:0px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); z-index:999; } 
.navbar.fixed-top { background:#FFF; box-shadow:0 0 15px rgba(0, 0, 0, 0.17); animation:slide-down 0.7s; } 
@keyframes slide-down { 0% { transform:translateY(-100%); }  100% { transform:translateY(0); } } 
.navbar .navbar-brand .logo-display { display:block; } 
.navbar .navbar-brand .logo-scrolled { display:none; } 
.navbar.fixed-top .navbar-brand .logo-display { display:none; } 
.navbar.fixed-top .navbar-brand .logo-scrolled { display:block; } 
button.navbar-toggler:focus { outline:none; box-shadow:none; } 
.navbar-toggler-icon { display:inline-block; width:inherit; height:inherit; } 
.navbar-brand { margin-right:0; } 
.navbar-brand img { width:250px; } 
/* dropdown toggler */
.dropdown-toggle::after { display:inline-block; margin-left:5px; vertical-align:baseline; font-family:'FontAwesome'; content:"\f107"; font-weight:600; border:none; font-size:14px; } 

@media all and (max-width:1199px) { .header-nav-right { gap:5px; margin-left:15px; }  .navbar .nav-item .nav-link { margin-right:15px; }  .navbar .header-btn { display:none; } } 

/* mobile menu */
.mobile-menu-right { display:none; } 
@media all and (max-width:991px) { .navbar {/* top:0;*/ right:0; left:0; position:fixed; }  .navbar-bg { height:59px; }  .navbar-bg::before { transform:translateY(0px) skew(-15deg); left:-8px; }  .navbar-brand { padding-left:10px; }  .navbar-brand img { width:130px; }  .navbar-collapse { max-height:220px; overflow:hidden; overflow-y:auto; padding:0 20px; background-color:#FFF; }  .dropdown-toggle::after { float:right; }  .navbar .nav-item .nav-link { color:#091F3C; font-weight:700; transition:all .5s ease-in-out; }  .navbar .nav-item .nav-link:hover { color:#FB7223 !important; }  .navbar-toggler { padding:0; }  .mobile-menu-right { display:flex; align-items:center; }  .mobile-menu-link { font-size:20px; color:#091F3C; font-weight:500; padding-right:20px; margin-bottom:0px; position:relative; }  .mobile-menu-link:hover { color:#FF4328; }  .navbar-toggler { border:none; }  .navbar-toggler-icon { font-size:25px; color:#091F3C; font-weight:500; background:transparent; }  .navbar .dropdown-menu { border-radius:8px; }  .header-nav-right { display:none; } 
} 


/* ======================
multi level dropdown menu
========================= */

.navbar .nav-item .dropdown-submenu { position:relative; } 
.navbar .nav-item .dropdown-submenu a::after { transform:rotate(-90deg); position:absolute; right:15px; top:12px; font-weight:600; } 
.navbar .nav-item .dropdown-submenu a:hover { background:transparent; color:#FFF; } 
.navbar .nav-item .dropdown-submenu .dropdown-menu { top:120%; left:100%; opacity:0; visibility:hidden; } 
.navbar .nav-item .dropdown-submenu:hover .dropdown-menu { top:0; opacity:1; visibility:visible; } 
@media all and (max-width:991px) { .navbar .nav-item .dropdown-submenu .dropdown-menu { margin:0 17px; }  .navbar .nav-item .dropdown-submenu .dropdown-menu { opacity:unset; visibility:unset; }  .navbar .nav-item .dropdown-submenu a::after { top:4px; }  .navbar .nav-item .dropdown-submenu a:hover { color:#FF4328; } } 

/* ======================
search popup
====================== */

.search-popup { position:fixed; left:0; top:0; height:100vh; width:100%; z-index:99999; margin-top:-540px; transform:translateY(-100%); background-color:rgba(0, 0, 0, .8); transition:all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); transition-timing-function:cubic-bezier(0.860, 0.000, 0.070, 1.000); } 
.sidenav-bar-visible .search-popup { width:80%; } 
.search-active .search-popup { transform:translateY(0%); margin-top:0; } 
.search-popup .close-search { position:absolute; left:0; right:0; top:75%; border:none; margin:0 auto; margin-top:-200px; border-radius:50px; text-align:center; background:#FF4328; text-align:center; width:50px; height:50px; color:#FFF; font-size:20px; cursor:pointer; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); transition:all 500ms ease; opacity:0; visibility:hidden; } 
.search-active .search-popup .close-search { visibility:visible; opacity:1; top:50%; transition-delay:1500ms; } 
.search-popup form { position:absolute; max-width:700px; top:50%; left:15px; right:15px; margin:-35px auto 0; transform:scaleX(0); transform-origin:center; transition:all 300ms ease; } 
.search-active .search-popup form { transform:scaleX(1); transition-delay:1200ms; } 
.search-popup .form-group { position:relative; margin:0px; overflow:hidden; } 
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] { position:relative; width:100%; height:60px; outline:none; border-radius:50px; border:none; padding:0 100px 0 35px; transition:all 500ms ease; text-transform:capitalize; } 
.search-popup .form-group input[type="submit"],
.search-popup .form-group button { position:absolute; right:5px; top:5px; border-radius:8px; background:#FF4328; text-align:center; font-size:20px; color:#FFF !important; height:50px; width:50px; border:none; cursor:pointer; transition:all 500ms ease; } 
.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover { background:#FF4328; } 
.search-popup input::placeholder,
.search-popup textarea::placeholder { color:#51668a; } 


/* ===================
hero css 
====================== */

.hero-section { position:relative; overflow:hidden; } 
.hero-single { background:#1A1E5D; padding-top:50px; padding-bottom:50px; background-position:center !important; background-size:cover !important; background-repeat:no-repeat !important; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; z-index:1; } 
.hero-single::before { content:""; position:absolute; width:50%; height:100%; right:0; top:0; background:#FF4328; clip-path:polygon(0 0, 100% 0, 100% 100%, 15% 100%); z-index:-1; } 
.hero-single .hero-content { display:flex; flex-direction:column; justify-content:center; height:100%; } 
.hero-single .hero-content .hero-title { color:#FFF; font-size:65px; font-weight:600; margin:20px 0; text-transform:capitalize; } 
.hero-single .hero-content .hero-sub-title { color:#FF4328; font-size:35px; position:relative; text-transform:capitalize; font-family:'Sofia', cursive; } 
.hero-single .hero-content p { color:#FFF; line-height:30px; font-weight:400; margin-bottom:20px; } 
.hero-single .hero-img { padding-left:20px; } 
.hero-single .hero-content .hero-btn { gap:2rem; display:flex; margin-top:1rem; justify-content:start; } 
.hero-single .hero-content .theme-btn:hover { background:#FFF; color:#091F3C; } 
.hero-section .owl-dots { position:absolute; text-align:center; top:50%; right:40px; transform:translateY(-50%); } 
.hero-section .owl-dots .owl-dot { display:block; } 
.hero-section .owl-dots .owl-dot span { border:3px solid #FFF; margin:5px; border-radius:50px; width:15px; height:15px; display:inline-block; background-color:#FFF; transition:all .5s ease-in-out; } 
.hero-section .owl-dots .owl-dot.active span { background-color:#FF4328; } 

/* hero-slider2 */

.hero-slider2.owl-theme .owl-nav { margin-top:0px; } 
.hero-slider2.owl-theme .owl-nav [class*=owl-] { color:#FFF; font-size:30px; margin:0; padding:0; background:rgba(255, 255, 255, 0.2); display:inline-block; cursor:pointer; height:55px; width:55px; border-radius:50px; line-height:55px; text-align:center; transition:all .5s ease-in-out; } 
.hero-slider2.owl-theme .owl-nav [class*=owl-]:hover { background:#FFF; color:#D81324; } 
.hero-slider2.owl-theme .owl-nav .owl-prev { left:40px; } 
.hero-slider2.owl-theme .owl-nav .owl-next { right:40px; } 
.hero-slider2.owl-theme .owl-nav .owl-prev,
.hero-slider2.owl-theme .owl-nav .owl-next { position:absolute; top:50%; transform:translate(0, -50%); } 
@media all and (max-width:1199px) {
 .hero-single .hero-content .hero-title { font-size:37px; }  .hero-slider2.owl-theme .owl-nav .owl-prev, .hero-slider2.owl-theme .owl-nav .owl-next { top:unset; bottom:5px !important; }  .hero-slider2.owl-theme .owl-nav .owl-prev { left:unset; right:150px; }  .hero-slider2.owl-theme .owl-nav .owl-next { right:90px; } 
} 
@media all and (max-width:991px) {
 .hero-single .hero-content .hero-title { font-size:35px; }  .hero-section .owl-dots { top:unset; right:20px; bottom:20px; }  .hero-section .owl-dots .owl-dot { display:inline-block; } 
} 
@media all and (max-width:767px) {
 .hero-single .hero-content .hero-sub-title { font-size:18px; }  .hero-single .hero-content .hero-btn { gap:2rem; } /* .hero-img { display:none; }*/
 
.hero-single .hero-content{ display:none; }
 } 
/* =====================
play btn
===================== */

.play-btn { display:inline-block; padding:0; height:75px; width:75px; line-height:75px; font-size:20px; text-align:center; background:#FF4328; color:#FFF !important; position:absolute; border-radius:50%; z-index:1; } 
.play-btn i::after { content:""; position:absolute; height:100%; width:100%; top:0; left:0; z-index:-1; background-color:#FF4328; border-radius:50px; animation:ripple-wave 1s linear infinite; -webkit-transform:scale(1); transform:scale(1); transition:all 0.5s ease-in-out; } 
@keyframes ripple-wave { 0% { opacity:0.8; -webkit-transform:scale(0.9); transform:scale(0.9); }  100% { opacity:0; -webkit-transform:scale(1.5); transform:scale(1.5); } } 


/* ===================
category css
====================== */

.category-area { padding:20px 0; background:#FF4328; } 
.category-item { text-align:center; } 
.category-icon { transition:all .5s ease-in-out; } 
.category-item:hover .category-icon { transform:translateY(-5px); } 
.category-icon img { width:50px; } 
.category-title { margin-top:10px; color:#FFF; font-weight:400; letter-spacing:1.5px; } 

@media all and (max-width:991px) { .category-item { margin-bottom:25px; } } 

/* ===================
banner css 
====================== */

.banner-item { width:100%; height:Auto; border-radius:10px; position:relative; } 
.banner-item::before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:rgba(0, 0, 0, .3); } 
.banner-item img { border-radius:10px; width:100%; } 
.banner-item-content { position:absolute; top:20px; right:20px; } 
.banner-item-content h2 { color:#FFF; } 
.banner-item-content p { color:#FFF; } 
.banner-item-content a { padding:6px 20px; color:#FFF; background:#FF4328; margin-top:20px; border-radius:50px; font-weight:500; transition:all .5s ease-in-out; } 
.banner-item-content a:hover { background:#FF4328; } 
.banner-item2 .banner-item-content { top:unset; right:unset; left:20px; bottom:20px; } 
.banner-item3 .banner-item-content { top:unset; bottom:20px; } 
@media all and (max-width:991px) { .banner-item { margin-bottom:25px; } } 



/* ===================
about css 
====================== */

.about-area { position:relative; } 
.about-left { position:relative; display:block; } 
.about-img { position:relative; z-index:1; } 
.about-img::before { content:""; position:absolute; background:#FF4328; width:100%; left:-20px; top:20px; bottom:-20px; border-radius:10px; z-index:-1; } 
.about-img img { width:100%; border-radius:10px; } 
.about-right { position:relative; display:block; padding-left:30px; } 
.about-list-wrapper { position:relative; display:block; margin-top:20px; margin-bottom:10px; } 
.about-list { position:relative; display:block; } 
.about-list li { position:relative; padding-left:25px; margin-top:10px; } 
.about-list li::before { content:"\f058"; position:absolute; left:0; top:0; font-family:"FontAwesome"; color:#FF4328; } 

@media all and (max-width:991px) { .about-right { margin-top:50px; } } 
@media all and (max-width:767px) { .about-experience { left:-10px; }  .about-img { margin:20px; } } 

/* ===================
feature css 
====================== */

.feature-area { position:relative; } 
.feature-item { padding:30px 30px; margin-bottom:25px; background:#FFF; border-radius:8px; position:relative; box-shadow:0px 10px 30px 0px rgb(2 24 95 / 6%); transition:all .5s ease-in-out; } 
.feature-item:hover { transform:translateY(-10px); } 
.feature-count { position:absolute; top:30px; right:20px; font-size:70px; line-height:0.8; font-weight:800; color:transparent; -webkit-text-stroke:2px #F5F6FA; } 
.feature-icon { width:90px; height:90px; font-size:60px; margin-bottom:30px; border-radius:20px; background:#1A1E5D; position:relative; display:flex; align-items:center; justify-content:center; transition:all .5s ease-in-out; } 
.feature-icon::before { content:""; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border:2px solid #FFF; border-radius:15px; } 
.feature-icon img { width:50px; } 
.feature-content h4 { font-size:24px; font-weight:500; color:#091F3C; margin-bottom:20px; margin-top:15px; } 


/* ===================
service css 
====================== */

.service-area { position:relative; display:block; overflow:hidden; } 
.service-img { position:absolute; bottom:0; left:0; opacity:.03; } 
.service-item { position:relative; text-align:center; padding:25px; margin-bottom:25px; border-radius:10px; overflow:hidden; background:#FFF; transition:all .5s ease-in-out; z-index:1; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); } 
.service-content { position:relative; } 
.service-icon { display:flex; align-items:center; justify-content:center; width:100px; height:100px; margin-left:auto; margin-right:auto; margin-bottom:15px; position:relative; background:#1A1E5D; border-radius:30% 70% 70% 30% / 30% 53% 47% 70%; transition:all .5s ease-in-out; } 
.service-icon::before { content:""; position:absolute; border:2px solid #FFF; left:5px; right:5px; top:5px; bottom:5px; border-radius:30% 70% 70% 30% / 30% 53% 47% 70%; } 
.service-icon img { width:50px; } 
.service-item:hover .service-icon img { transform:rotate(360deg); } 
.service-arrow { margin-top:20px; } 
.service-title a { margin-top:15px; margin-bottom:10px; color:#091F3C; } 
.service-title a:hover { color:#FF4328; } 
.service-arrow .service-btn { font-weight:600; color:#091F3C; transition:all .5s ease-in-out; } 
.service-arrow .service-btn i { margin-left:5px; } 
.service-arrow .service-btn:hover { color:#FD4A36; } 



/* ====================
service single
==================== */

.service-single-list i { color:#FF4328; margin-right:10px; } 
.service-download a { border:2px solid #FF4328; padding:10px 20px; color:#091F3C; display:block; margin-bottom:20px; font-weight:600; border-radius:8px; transition:all .5s ease-in-out; } 
.service-download a i { margin-right:10px; } 
.service-download a:hover { background-color:#FF4328; color:#FFF; } 
.service-details h3 { color:#091F3C; } 
.service-details img { border-radius:10px; } 


/* ===================
video css 
====================== */

.video-area { position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed; } 
.video-area::before { content:""; position:absolute; background:rgba(3, 2, 7, .2); width:100%; height:100%; left:0; top:0; } 
.video-wrapper { position:relative; display:flex; justify-content:center; border-radius:5px; height:500px; z-index:100; } 
.video-wrapper img { border-radius:12px; } 
.video-area .play-btn { display:inline-block; padding:0; height:75px; width:75px; text-align:center; position:absolute; border-radius:50%; top:50%; left:50%; transform:translate(-50%, -50%); } 
@media all and (max-width:767px) { .video-wrapper { height:250px; } } 

.fa-arrow-right { font-weight:normal; font-size:5px; }

/* ===================
pricing css 
====================== */


.pricing-item { background:#F5F6FA; border-radius:20px; text-align:center; margin-bottom:25px; padding:20px; transition:all .5s ease-in-out; } 
.pricing-item:hover { transform:translateY(-10px); } 
.pricing-header { padding:20px 0 40px 0; } 
.pricing-amount { margin-top:20px; color:#FF4328; } 
.pricing-feature { padding:40px 0; background:#FFF; border-radius:20px; } 
.pricing-feature ul { margin-bottom:40px; padding-left:80px; text-align:left; } 
.pricing-feature ul li { margin:12px 0; position:relative; } 
.pricing-feature ul li::before { content:"\f10c"; position:absolute; font-family:"FontAwesome"; margin-left:-20px; top:4px; color:#FF4328; font-size:12px; } 
@media all and (min-width:992px) and (max-width:1199px) { .pricing-feature ul { padding-left:70px; } } 
@media all and (max-width:768px) { .pricing-feature ul { padding-left:100px; } } 


/* ===================
testimonial css 
====================== */

.testimonial-area { position:relative; } 
.testimonial-single { margin-bottom:20px; background:#1A1E5D; padding:30px; border-radius:10px; position:relative; box-shadow:0 3px 24px rgb(0 0 0 / 10%); } 
.testimonial-quote p { color:#FFF; } 
.testimonial-content { display:flex; justify-content:start; align-items:center; margin-top:30px; } 
.testimonial-author-img { margin-right:20px; width:80px; padding:5px; border-radius:50px; border:2px dashed #FF4328; } 
.testimonial-author-img img { border-radius:50%; } 
.testimonial-author-info h4 { font-size:20px; color:#FFF; } 
.testimonial-author-info p { color:#FF4328; } 
.testimonial-quote-icon { position:absolute; right:20px; bottom:20px; width:140px; opacity:.2; } 
.testimonial-area .owl-dots { text-align:center; margin-top:30px; } 
.testimonial-area .owl-dots .owl-dot span { background:#1A1E5D; margin:5px; border-radius:5px; width:20px; height:20px; display:inline-block; transition:all .5s ease-in-out; } 
.testimonial-area .owl-dots .owl-dot.active span { background-color:#FF4328; } 
.testimonial-rate { color:#FF4328; margin-bottom:15px; } 


/* ===================
choose css 
====================== */

.choose-area { position:relative; } 
.choose-content { max-width:500px; margin-left:30px; } 
.choose-list { margin-top:30px; margin-bottom:40px; } 
.choose-list li { font-weight:500; padding-top:5px; position:relative; padding-left:50px; color:#091F3C; margin:10px 0; } 
.choose-list li:before { top:7px; left:0px; width:28px; height:28px; font-weight:400; content:"\f00c"; line-height:28px; text-align:center; position:absolute; border-radius:5px; color:#FFF; background-color:#1A1E5D; font-family:"FontAwesome"; } 
@media all and (max-width:1199px) { .choose-content { padding:50px 0; } } 



/* ===================
quote css 
====================== */

.quote-wrapper { background:#1A1E5D; border-radius:8px; } 
.quote-content { padding:40px; box-shadow:0 0 40px 5px rgb(0 0 0 / 3%); } 
.quote-thum img { border-radius:8px 0 0 8px; clip-path:polygon(0 0, 85% 0, 100% 100%, 0% 100%); } 
.quote-content .quote-header h6 { display:inline-block; font-weight:600; text-transform:uppercase; margin-bottom:10px; color:#FFF; font-size:18px; } 
.quote-content .quote-header h2 { color:#FFF; font-size:35px; margin-bottom:30px; margin-top:10px; } 
.quote-content .form-group { margin-bottom:20px; } 
.quote-content .form-group .form-control { height:50px; font-size:16px; background:transparent; border:2px solid #FFF; border-radius:8px; color:#FFF; box-shadow:none; } 
.quote-content textarea { height:120px !important; } 
.quote-content .form-control::placeholder { color:#F2F3F5; opacity:1; } 
.quote-content .theme-btn { background:#FFF; font-weight:600; color:#171718; } 
.quote-content .theme-btn i { color:#FFF; } 
.quote-content span { background:#FFF; padding:15px 10px; border-radius:4px; color:#1A1E5D; font-size:16px; font-weight:700; line-height:50px; }
@media all and (max-width:1199px) {
 .quote-content .quote-header h2 { font-size:25px; } 
} 


/* ===================
counter css 
====================== */

.counter-area { background:#FF4328; position:relative; z-index:1; } 
.counter-area::before { content:""; position:absolute; height:100%; width:10%; right:0; top:0; background:#1A1E5D; clip-path:polygon(50% 10%, 100% 10%, 100% 100%, 0% 100%); } 
.counter-box { display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; gap:30px; position:relative; z-index:1; } 
.counter-box .icon { position:relative; font-size:55px; border-radius:30px; width:100px; height:100px; background:#1A1E5D; z-index:1; } 
.counter-box .icon::before { content:""; position:absolute; left:-15px; top:-15px; right:-15px; bottom:-15px; border-radius:40px; border:2px solid #1A1E5D; transition:all .5s ease-in-out; z-index:-1; } 
.counter-box .icon img { width:50px; } 
.counter-box .counter { display:block; line-height:1; color:#FFF; font-size:50px; font-weight:600; } 
.counter-box .title { color:#FFF; margin-top:10px; font-size:20px; font-weight:500; text-transform:capitalize; } 
@media all and (max-width:1199px) {
 .counter-area::before, .counter-area::after { width:80px; height:80px; } 
} 
@media all and (max-width:991px) { .counter-area .counter-box { margin:40px 0; } } 


/* ===================
cta-area css 
====================== */

.cta-area { background:#FF4328; position:relative; z-index:1; } 
.cta-area::before { content:""; position:absolute; left:0; top:0; height:100%; width:50%; background:#1A1E5D; clip-path:polygon(0 0, 85% 0, 100% 100%, 0% 100%); z-index:-1; } 
.cta-area .site-title-tagline { color:#FF4328; } 
.cta-area .theme-btn { margin-top:30px; background:#091F3C; } 
.cta-area .theme-btn:hover { background:#FFF; color:#FF4328; } 
.cta-area .theme-btn i { background:#FF4328; } 
.cta-area .theme-btn:hover i { background:#171718; } 

@media all and (max-width:768px) { .cta-content { margin-top:25px; }  .cta-content h3 { font-size:22px; } } 

/* ========================
project css 
=========================== */

.project-item { position:relative; width:100%; margin-bottom:25px; } 
.project-img { height:100%; } 
.project-img img { border-radius:10px; width:100%; } 
.project-content { position:absolute; width:100%; height:100%; top:0; left:0; } 
.project-content::before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; border-radius:10px; background-color:#0C2957; opacity:0; visibility:hidden; transition:0.3s; } 
.project-content:hover::before { opacity:0.9; visibility:visible
} 
.project-link { width:60px; height:60px; background:#FFF; display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -40%); transition:0.5s; border-radius:50%; opacity:0; visibility:hidden; font-size:28px; color:#FD4A36; } 
.project-link:hover { color:#091F3C; } 
.project-content:hover .project-link { opacity:1; visibility:visible; transform:translate(-50%, -50%); } 
.project-info { position:absolute; bottom:35px; left:50px; opacity:0; visibility:hidden; transition:0.3s; } 
.project-content:hover .project-info { opacity:1; visibility:visible; bottom:45px; } 
.project-subtitle { font-size:16px; color:#FD4A36; margin-bottom:7px; } 
.project-subtitle span { color:#FD4A36; } 
.project-title { color:#FFF; font-size:30px; } 

/* ======================
project single
====================== */

.project-details img { border-radius:8px; } 
.project-sidebar .project-sidebar-content ul li { border-bottom:1px solid #e7e7e7; display:block; margin-bottom:10px; padding-bottom:10px; font-size:16px; font-weight:600; line-height:33px; } 
.project-sidebar .project-sidebar-content ul li:last-child { border-bottom:none; } 
.project-sidebar-title { margin-bottom:30px; } 
.project-sidebar .project-sidebar-content ul li span { display:block; font-weight:normal; margin:0; } 
.project-sidebar .project-sidebar-content .rating a { color:#FF4328; } 
.new-project { background:#FF4328!important; } 
.new-project h4 { color:#FFF; margin-bottom:30px; } 
.new-project-btn { background:#FFF; color:#091F3C; border:none; padding:10px 25px; border-radius:50px; font-weight:500; transition:all .5s ease-in-out; } 
.new-project-btn:hover { background:#091F3C; color:#FFF; } 
.new-project-btn i { margin-left:8px; } 
.project-single-list i { color:#FF4328; margin-right:10px; } 



/* ===================
blog css 
====================== */

.blog-item { margin-bottom:25px; background-color:#FFF; padding:10px; border-radius:10px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); transition:all .5s ease-in-out; } 
.blog-item:hover { -webkit-transform:translateY(-10px); transform:translateY(-10px); } 
.blog-item-img img { border-radius:10px; } 
.blog-item-info { padding:15px; text-align:center; } 
.blog-item-meta ul { margin:0; padding:0; margin-bottom:14px; border-bottom:1px solid #e6e8eb; padding-bottom:18px; } 
.blog-item-meta ul li { display:inline-block; margin-right:15px; position:relative; color:#091F3C; } 
.blog-item-meta ul li i { margin-right:5px; color:#FF4328; } 
.blog-item-meta a:hover { color:#FF4328; } 
.blog-title { font-size:22px; margin-bottom:15px; text-transform:capitalize; } 
.blog-item-info p { margin-bottom:16px; } 
.blog-btn { margin-top:20px; padding:8px 25px; border-radius:8px; font-weight:500; border:2px solid #FF4328; background:#FF4328; color:#FFF; } 
.blog-btn i { margin-left:5px; } 
.blog-btn:hover { background:transparent; color:#FF4328; } 
.blog-item-info h4 a { color:#091F3C; } 
.blog-item-info h4 a:hover { color:#FF4328; } 
@media all and (max-width:991px) { .blog-item-info { padding:23px 15px 30px 15px; } } 



/* ===========================
blog single css
=========================== */

.blog-thumb-img { margin-bottom:20px; } 
.blog-single-content img { border-radius:10px; } 
.blog-meta { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; } 
.blog-meta .blog-meta-left ul { display:flex; align-items:center; gap:20px; } 
.blog-meta i { margin-right:5px; color:#FF4328; } 
.blog-meta a { color:#66788a; } 
.blog-meta a:hover { color:#FF4328; } 
.blog-details-title { font-size:34px; color:#091F3C; } 
.blockqoute { background:#F5F7FA; border-left:5px solid #FF4328; padding:30px; font-size:17px; font-style:italic; margin:20px 0; } 
.blockqoute-author { margin-top:20px; padding-left:60px; position:relative; color:#091F3C; } 
.blockqoute-author::before { content:""; position:absolute; height:2px; width:40px; background:#FF4328; left:0; top:10px; } 
.blog-details-tags { display:flex; align-items:center; gap:20px; } 
.blog-details-tags h5 { color:#091F3C; } 
.blog-details-tags ul { display:flex; align-items:center; gap:15px; } 
.blog-details-tags ul a { background:#F5F7FA; color:#091F3C; padding:5px 15px; border-radius:8px; transition:all .5s ease-in-out; } 
.blog-details-tags ul a:hover { background:#FF4328; color:#FFF; } 
.blog-author { display:flex; justify-content:start; align-items:center; background:#FFF; border-radius:8px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); margin:50px 0; padding:20px; } 
.blog-author-img { border:2px dashed #FF4328; padding:5px; width:250px; border-radius:50%; } 
.blog-author-img img { border-radius:50%; } 
.author-name { font-size:22px; color:#FF4328; margin:8px 0; } 
.author-info { padding:0 20px; } 
.author-social { margin-top:10px; } 
.author-social a { margin-right:10px; color:#FF4328; transition:all .5s ease-in-out; } 
.author-social a:hover { color:#091F3C; } 
.blog-comments { margin-bottom:50px; } 
.blog-comments h3 { color:#091F3C; } 
.blog-comments-wrapper { margin:30px 0; } 
.blog-comments-single { display:flex; justify-content:start; align-items:center; } 
.blog-comments-single img { border-radius:50%; } 
.blog-comments-content { padding:20px 30px; } 
.blog-comments-content span { font-size:14px; } 
.blog-comments-content a { font-weight:600; margin-top:5px; color:#FF4328; } 
.blog-comments-content a:hover { color:#091F3C; } 
.blog-comments-content h5 { color:#091F3C; } 
.blog-comments-reply { margin-left:50px; } 
.blog-comments-form h3 { margin-bottom:20px; } 
.blog-comments-form .form-group { margin-bottom:20px; } 
.blog-comments-form .form-control { padding:12px 20px; border-radius:8px; box-shadow:none; transition:all .5s ease-in-out; } 
.blog-comments-form .form-control:focus { border-color:#FF4328; } 


@media all and (max-width:767px) { .blog-meta { flex-direction:column; font-size:15px; }  .blog-meta .blog-meta-left ul { gap:10px; }  .blog-details-tags { flex-direction:column; align-items:flex-start; }  .blog-author { flex-direction:column; text-align:center; padding:25px 0 0 0; }  .blog-comments-single { flex-direction:column; text-align:center; padding:30px 0px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); margin-bottom:30px; border-radius:10px; }  .blog-comments-reply { margin-left:0px; } } 
/* =========================
sidebar css
========================= */

.widget { background:#FFF; padding:30px; margin-bottom:30px; border-radius:10px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); } 
.widget .widget-title { padding-bottom:10px; margin-bottom:30px; position:relative; font-size:25px; color:#091F3C; } 
.widget .widget-title::before { position:absolute; content:''; width:15px; border-bottom:3px solid #FF4328; bottom:0; left:0; } 
.widget .widget-title::after { position:absolute; content:''; width:30px; border-bottom:3px solid #FF4328; bottom:0; left:22px; } 
.widget .search-form .form-control { padding:10px 15px 10px 15px; border-radius:8px; box-shadow:none; } 
.widget .search-form { position:relative; } 
.widget .search-form .form-control:focus { border-color:#FF4328; } 
.widget .search-form button { position:absolute; right:0; top:0; padding:8px 18px 6px 18px; background:transparent; border:none; color:#FF4328; } 
.widget .category-list a { display:block; padding:10px 0; font-weight:500; border-bottom:1px solid #ced4da; transition:all .5s ease-in-out; } 
.widget .category-list a:last-child { margin-bottom:0px; border-bottom:none; } 
.widget .category-list a:hover { padding-left:10px; color:#FF4328; } 
.widget .category-list a i { margin-right:5px; color:#FF4328; } 
.widget .category-list a span { float:right; } 
.widget .recent-post-single { display:flex; justify-content:start; align-items:center; margin-bottom:20px; } 
.widget .recent-post-img { margin-right:20px; } 
.widget .recent-post-img img { width:100px; border-radius:8px; } 
.widget .recent-post-bio h6 { font-size:16px; } 
.widget .recent-post-bio span { font-size:14px; color:#FF4328; } 
.widget .recent-post-bio span i { margin-right:5px; } 
.widget .recent-post-bio h6 a:hover { color:#FF4328; } 
.widget .social-share-link a { width:35px; height:35px; line-height:31px; border:2px solid #FF4328; color:#FF4328; text-align:center; margin-right:5px; border-radius:50px; transition:all .5s ease-in-out; } 
.widget .social-share-link a:hover { background:#FF4328; color:#FFF; } 
.widget .tag-list a { background:#F5F7FA; color:#091F3C; padding:5px 15px; margin-bottom:10px; margin-right:10px; border-radius:8px; display:inline-block; transition:all .5s ease-in-out; } 
.widget .tag-list a:hover { background-color:#FF4328; color:#FFF; } 

/* ===================
contact us css 
====================== */

.contact-wrapper { position:relative; } 
.contact-form { background:#FFF; border-radius:10px; padding:30px 30px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); } 
.contact-form-header { margin-bottom:30px; } 
.contact-form-header h2 { font-size:30px; margin-bottom:10px; color:#091F3C; } 
.contact-form .form-group { margin-bottom:25px; } 
.contact-form .form-group .form-control { padding:12px 20px; border-radius:8px; box-shadow:none; transition:all .5s ease-in-out; } 
.contact-form .form-group .form-control:focus { border-color:#FF4328; } 
.contact-map { margin-bottom:-9px; } 
.contact-map iframe { width:100%; height:450px; } 
.contact-content { margin-bottom:50px; } 
.contact-info { display:flex; align-items:center; gap:15px; padding:20px; position:relative; overflow:hidden; margin-bottom:25px; border-radius:8px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); } 
.contact-info-icon { border-radius:8px; padding:5px; } 
.contact-info-icon i { font-size:25px; color:#FFF; width:50px; height:50px; line-height:50px; text-align:center; border-radius:8px; } 
.contact-info h5 { font-size:22px; margin-bottom:5px; color:#091F3C; } 
.contact-icon-1 { border:2px solid #0084FF; } 
.contact-icon-1 i { background:#0084FF; } 
.contact-icon-2 { border:2px solid #37B546; } 
.contact-icon-2 i { background:#37B546; } 
.contact-icon-3 { border:2px solid #FD4A36; } 
.contact-icon-3 i { background:#FD4A36; } 
.contact-icon-4 { border:2px solid #FFB400; } 
.contact-icon-4 i { background:#FFB400; } 

@media all and (max-width:768px) { .contact-content { margin-top:50px; margin-bottom:0; } } 

/* ===================
team css 
====================== */

.team-area { position:relative; overflow:hidden; } 
.team-item { margin-bottom:80px; position:relative; transition:all .5s ease-in-out; } 
.team-item:hover { transform:translateY(-10px); } 
.team-item img { border-radius:10px; } 
.team-content { position:absolute; left:20px; right:20px; bottom:-50px; background:#FFF; border-radius:10px; padding:20px 10px; text-align:center; z-index:1; overflow:hidden; box-shadow:0 3px 24px rgb(0 0 0 / 10%); } 
.team-content::before { content:""; position:absolute; background:#FF4328; border-radius:20px; height:80px; width:80px; left:-30px; top:0; opacity:.1; transform:rotate(-45deg); z-index:-1; transition:all .5s ease-in-out; } 
.team-content::after { content:""; position:absolute; border:3px solid #FF4328; border-radius:20px; height:100px; width:100px; left:-50px; top:0; opacity:.3; transform:rotate(-45deg); z-index:-1; transition:all .5s ease-in-out; } 
.team-item:hover .team-content::after,
.team-item:hover .team-content::before { opacity:1; } 
.team-bio h5 { font-size:22px; margin-top:5px; margin-bottom:5px; text-transform:capitalize; } 
.team-bio h5 a { color:#091F3C; } 
.team-bio span { color:#FF4328; font-size:16px; font-weight:500; text-transform:capitalize; } 
.team-bio h5 a:hover { color:#FF4328; } 
.team-social { position:absolute; margin-bottom:10px; text-align:center; top:15px; right:0px; bottom:0; opacity:0; transition:all .5s ease-in-out; } 
.team-item:hover .team-social { opacity:1; right:15px; } 
.team-social a { display:block; color:#FFF; width:40px; height:40px; line-height:40px; margin-bottom:10px; background:#FF4328; border-radius:8px; } 
.team-social a:hover { background:#091F3C; color:#FFF; } 
.team-social h6 { margin-top:28px; color:#FFF; font-size:18px; letter-spacing:1.5px; text-transform:uppercase; position:relative; transform:rotate(-90deg); } 
.team-social h6::before { content:""; position:absolute; width:40px; height:3px; background:#FFF; left:-50px; top:7px; } 


/* ===================
faq css 
====================== */

.faq-area .accordion-item { border:none; margin-bottom:30px; background:#FFF; border-radius:8px !important; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); } 
.faq-area .accordion-item span { width:45px; height:45px; margin-right:15px; } 
.faq-area .accordion-item i { width:45px; height:45px; line-height:45px; border-radius:8px; background:#FF4328; text-align:center; color:#FFF; } 
.faq-area .accordion-button:not(.collapsed) { color:#FF4328; background:transparent; box-shadow:inset 0 -1px 0 rgb(0 0 0 / 13%); } 
.accordion-button { border-radius:0px !important; background:transparent; font-weight:700; font-size:20px; color:#091F3C; box-shadow:none !important; } 
.accordion-button:not(.collapsed) { border-bottom:1px solid #FF4328; } 
.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='%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"); } 
@media all and (max-width:991px) { .faq-right { margin-bottom:50px; }  .accordion-button { font-size:16px; } } 


/* ===================
breadcrumb css
====================== */

.site-breadcrumb { background-size:cover !important; background-repeat:no-repeat !important; background-position:center center !important; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; position:relative; padding-top:140px; padding-bottom:120px; z-index:1; } 
.site-breadcrumb::before { height:100%; width:100%; position:absolute; z-index:-1; top:0; left:0; background:rgba(0, 0, 0, .7); content:''; } 
.site-breadcrumb .breadcrumb-title { font-size:40px; color:#FFF; font-weight:700; margin-bottom:10px; text-transform:capitalize; } 
.site-breadcrumb .breadcrumb-menu { position:relative; z-index:1; } 
.site-breadcrumb .breadcrumb-menu li { position:relative; display:inline-block; margin-left:25px; color:#FFF; font-weight:400; text-transform:capitalize; } 
.site-breadcrumb .breadcrumb-menu li a { color:#FFF; -moz-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } 
.site-breadcrumb .breadcrumb-menu li.active { color:#FF4328; } 
.site-breadcrumb .breadcrumb-menu li::before { position:absolute; content:'//'; right:-21px; top:1px; text-align:center; font-size:16px; color:#FFF; } 
.site-breadcrumb .breadcrumb-menu li:first-child { margin-left:0; } 
.site-breadcrumb .breadcrumb-menu li:last-child:before { display:none; } 
.site-breadcrumb .breadcrumb-menu li a:hover { color:#FF4328; } 
@media (max-width:991px) { .site-breadcrumb { padding-top:170px; } } 


/* ===================
pagination css 
====================== */

.pagination { display:flex; justify-content:center; align-items:center; margin-top:40px; margin-bottom:40px; } 
.pagination .page-link { border:none; background:#171718; color:#FFF; margin:0 10px; border-radius:8px !important; width:40px; height:40px; line-height:27px; text-align:center; transition:all .5s ease-in-out; } 
.pagination .page-link:hover,
.pagination .page-item.active .page-link { background:#FF4328; color:#FFF; } 

/* ===================
RTL css
====================== */

body.rtl-mode { direction:rtl; } 
body.rtl-mode .item-area { direction:ltr; } 
body.rtl-mode .price-wrapper { direction:rtl; } 
@media (min-width:992px) { body.rtl-mode .navbar-brand { margin-left:3rem; }  body.rtl-mode .navbar .nav-item .nav-link { margin-left:3rem; margin-right:0; } } 
/* ===================
auth css 
====================== */

.login-form { padding:50px; background:#FFF; border-radius:8px; box-shadow:0 0 40px 5px rgb(0 0 0 / 5%); } 
.login-form .login-header { text-align:center; margin-bottom:50px; } 
.login-form .login-header img { width:200px; margin-bottom:10px; } 
.login-form .login-header h3 { color:#FF4328; margin-bottom:5px; font-weight:800; } 
.login-form .login-header p { font-size:20px; } 
.login-form .login-footer { margin-top:40px; } 
.login-form .login-footer p { text-align:center; } 
.login-form .login-footer a { color:#FF4328; transition:.5s; } 
.login-form .login-footer a:hover { color:#091F3C; } 
.login-form .form-group { margin-bottom:20px; } 
.login-form label { color:#091F3C; margin-bottom:5px; } 
.login-form .form-group .form-control { border:1px solid #e8e8e8; border-radius:8px; padding:12px 18px; box-shadow:none; transition:.5s; } 
.login-form .form-group .form-control:focus { border-color:#FF4328; } 
.login-form .form-check-input { box-shadow:none; } 
.login-form .forgot-pass { color:#FF4328; transition:.5s; } 
.login-form .forgot-pass:hover { color:#FF4328; } 
.login-form .theme-btn { width:100%; } 
.login-form .theme-btn i { margin-right:5px; } 
.login-form .form-check-input { margin-top:6.3px; } 
.login-form .form-check-label a { color:#FF4328; transition:.5s; } 
.login-form .form-check-label a:hover { color:#FF4328; } 
.form-check-input:checked { background-color:#FF4328; border-color:#FF4328; } 
@media only screen and (max-width:991px) { .login-form { padding:40px 20px; } } 
/* ===================
coming soon css 
====================== */

.coming-soon { background-repeat:no-repeat; background-size:cover; background-position:center; min-height:100vh; width:100%; top:0; left:0; position:relative; } 
.coming-soon .container { position:relative; } 
.coming-soon:before { position:absolute; content:''; background:rgba(0, 0, 0, .7); width:100%; height:100%; top:0; left:0; } 
.coming-soon .newsletter-form { position:relative; margin-top:30px; } 
.coming-soon .newsletter-form .input-newsletter { height:55px; display:block; width:100%; border:none; border-radius:8px; font-size:14px; padding-top:0; padding-right:0; padding-bottom:0; padding-left:25px; } 
.coming-soon .newsletter-form button { position:absolute; right:4px; top:4px; bottom:4px; height:auto; border:none; border-radius:8px; background:#FF4328; display:inline-block; color:#FFF; padding-left:30px; padding-right:30px; font-weight:500; transition:.5s; } 
.coming-soon .newsletter-form button:hover { background-color:#FF4328; color:#FFF; } 
.coming-social { margin-top:30px; text-align:center; } 
.coming-social a { color:#FFF; margin:5px; width:40px; height:40px; line-height:36px; text-align:center; border-radius:50px; border:2px solid #FFF; display:inline-block; transition:.5s; } 
.coming-social a:hover { background:#FF4328; border-color:#FF4328; } 
.countdown-wrap { margin-top:30px; } 
.countdown-single { background:#FFF; padding:20px; margin:10px; position:relative; overflow:hidden; border-radius:8px; box-shadow:0 3px 24px rgb(0 0 0 / 10%); } 
.countdown-single h2 { color:#FF4328; } 
.countdown-single h5 { color:#FF4328; } 
/* ===================
error css 
====================== */

.error-wrapper { text-align:center; } 
.error-wrapper h1 { font-size:250px; letter-spacing:5px; font-weight:bold; color:#FF4328; } 
.error-wrapper h1 span { color:#091F3C; } 
.error-wrapper h2 { margin-top:30px; margin-bottom:10px; } 
.error-wrapper img { width:100%; } 
.error-wrapper .theme-btn { margin-top:30px; } 


@media all and (max-width:767px) { .error-wrapper h1 { font-size:160px; } 

} 

@media only screen and ( max-width:768px) {
.header-top { text-align:center;}
.header-top-wrapper { display:block; text-align:center;}
.header-top-contact ul{ display:block; text-align:center;}
.navbar {padding-top:10px; padding-bottom:10px;}

.py-120 { padding: 60px 0 !important;}
.site-title {font-size:40px;  }
.about-right {padding-left:8px;}
.shadow-title {  font-size:80px;   }
.choose-content {margin-left: 10px;}
.quote-thum img { display:none;}
.cta-content h3 a{ color:#FFFFFF;}
}
/* ===================
terms/privacy css 
====================== */

.terms-content:not(:last-child) { margin-bottom:54px; } 
.terms-content:first-child { margin-top:-3px; } 
.terms-content .terms-list { margin-top:37px; } 
.terms-content h3 { margin-bottom:23px; position:relative; } 
.terms-content p:not(:last-child) { margin-bottom:26px; } 
.terms-list li:not(:last-child) { margin-bottom:16px; } 

/* ===================
footer css 
====================== */

.footer-area { background:#171718; position:relative; z-index:1; } 
.footer-widget-box { margin-bottom:20px; } 
.footer-widget { position:relative; z-index:1; } 
.footer-logo img { width:200px; margin-bottom:20px; } 
.copyright { padding:20px 0; background:#101010; } 
.copyright .footer-menu { margin:0; padding:0; text-align:right; } 
.copyright .footer-menu li { display:inline-block; margin-left:25px; font-size:16px; } 
.copyright .footer-menu li a { color:#f5faff; transition:all .5s ease-in-out; } 
.copyright .footer-menu li a:hover { color:#FF4328; } 
.copyright .copyright-text { color:#f5faff; margin-bottom:0px; font-size:16px; } 
.copyright .copyright-text a { color:#FF4328; font-weight:500; } 
.footer-widget-title { color:#FFF; position:relative; padding-bottom:20px; margin-bottom:30px; font-size:20px; z-index:1; } 
.footer-widget-title::before { position:absolute; content:''; z-index:-1; width:80px; height:2px; background-color:#333334; bottom:0; left:0; } 
.footer-widget-title::after { position:absolute; content:''; z-index:-1; width:30px; height:2px; background-color:#FF4328; bottom:0; left:0; } 
.footer-list { display:flex; flex-direction:column; gap:1rem; } 
.footer-list li a { color:#FFF; transition:all .5s ease-in-out; } 
.footer-list li a i { margin-right:5px; color:#FF4328; } 
.footer-list li a:hover { padding-left:10px; color:#FF4328; } 
.footer-widget-box p { color:#FFF; padding-right:18px; margin-bottom:20px; } 
.footer-social { display:flex; gap:15px; justify-content:end; } 
.footer-social li a i { height:38px; width:38px; line-height:38px; text-align:center; border-radius:50px; background:#333334; color:#FFF; transition:all .5s ease-in-out; } 
.footer-social li a i:hover { background:#FF4328; color:#FFF; } 
.footer-newsletter .subscribe-form .form-control { border:2px solid #e8e8e8; height:55px; padding:0 15px; border-radius:10px; font-size:16px; color:#FFF; box-shadow:none; background-color:transparent; } 
.footer-newsletter .subscribe-form .form-control::placeholder { color:#F2F3F5; opacity:1; } 
.footer-newsletter .subscribe-form .theme-btn { margin-top:20px; padding:13px; width:100%; } 
.footer-newsletter .subscribe-form .theme-btn:hover { background-color:#FFF; color:#FF4328; } 
.footer-customer-service { display:flex; align-items:center; gap:15px; margin-bottom:20px; } 
.footer-customer-service i { color:#FFF; font-size:40px; } 
.footer-customer-service a { color:#FF4328; font-size:20px; font-weight:800; } 
.footer-customer-service span { color:#FFF; } 
.footer-customer-service-info { display:flex; flex-direction:column; } 
.footer-contact li { position:relative; /*display:flex;*/ justify-content:start; align-items:center; color:#f5faff; font-size:16px; margin-bottom:15px; } 
.footer-contact li a { color:#f5faff; -webkit-transition:0.3s; transition:0.3s; } 
.footer-contact li i { width:30px; height:30px; line-height:30px; font-size:16px; margin-right:15px; border-radius:8px; text-align:center; -webkit-transition:0.3s; transition:0.3s; color:#FFF; } 
.footer-contact li:nth-child(1) i { background:#FEC931; } 
.footer-contact li:nth-child(2) i { background:#FF4328; } 
.footer-contact li:nth-child(3) i { background:#209FFA; } 


.captcha { background-color:#25d366; border-radius:6px; color:#FFF; text-align:center; font-size:20px; transition: 0.3s; z-index:100; animation:glowing01 1300ms infinite; margin-bottom:20px; }
@keyframes glowing01 {
0% { background-color:#2ba805; box-shadow:0 0 5px #2ba805; }
50% { background-color:#49e819; box-shadow:0 0 20px #49e819; }
100% { background-color:#2ba805; box-shadow:0 0 5px #2ba805; }


@media all and (max-width:1199px) { .footer-widget-box { margin-bottom:50px; } } 
@media all and (max-width:991px) { 
.footer-widget-wrapper { padding-bottom:0px; }  
.copyright .footer-menu { float:left; margin-top:20px; text-align:left; }  
.copyright .footer-menu li { margin-left:0; margin-right:15px; } 
} 
@media all and (max-width:767px) { .footer-widget-wrapper { padding-bottom:0px; }  .footer-social { justify-content:flex-start; margin-top:20px; } } 

/* ========================
home 2
======================== */

.home-2 .hero-single::before { background:rgba(0, 0, 0, .7); width:100%; clip-path:none; } 


/* ========================
home 3
======================= */


.home-3 .header-top { background:#1A1E5D; } 
.home-3 .hero-single { background:#1A1E5D; } 
.home-3 .hero-img { padding-left:80px; } 
.home-3 .quote-content { background:#1A1E5D; } 
.home-3 .quote-thum { border-color:#1A1E5D; } 
.home-3 .counter-box .icon { background:#1A1E5D; } 
.home-3 .counter-box .icon::before { border-color:#1A1E5D; } 
.home-3 .theme-btn:hover { background:#1A1E5D; } 
.home-3 .theme-btn i { background:#1A1E5D; } 
.home-3 .theme-btn:hover i { background:#FF4328; }