body{ font-family: 'Inter', sans-serif; }

header { padding: 30px 0; position: sticky; top: 0; z-index: 999; background:#fff;}
header .center { display: flex; justify-content: space-between; align-items: center; }
header .center .logo { text-align: center; }
header .center .menu { text-align: right; }

header .title span { font-size: 12px; font-weight: 600; color:#454D70; letter-spacing: 4px; }

.h-contact { display: flex; gap:10px }
.h-contact .whatsapp a { font-size: 24px; width: 48px; background:#27AE60; text-align:center; }
.h-contact .sell a { font-size: 14px; font-weight: 600;  display: block;  padding: 0 20px;background:#ed6b04;}
.h-contact a {height: 48px; line-height: 48px; border-radius: 3px;color: #fff; display: block; font-family: 'Oswald', sans-serif; }
.h-contact a:hover { background:#232323; }

.slide .center { display: flex; justify-content: space-between; align-items: center; }
.slide .center>div { width: 50%; }

.slider { position: relative;overflow: hidden;}
.slider .owl-item.active span {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInDown;animation-delay: 0.2s;}
.slider .owl-item.active small { display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 0.6s;}
.slider .owl-item.active .btn {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInUp;animation-delay: 1s;}
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0; background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%);}
.slider .overlay .center { display: flex; align-items: center; width: 100%; height: 100%; }
.slider span { font-size:60px; line-height:68px; color:#231F20; font-weight: 600; margin-bottom: 10px; display: inline-block;font-family: 'Oswald', sans-serif; }
.slider small { display: block; width: 100%; font-size: 16px; color: #231F20; font-weight: 500; margin-bottom: 20px;}
.slider i { font-style: normal; }
.slider .slide-content { max-width:640px; }
.slider .slide-image { text-align: center; }
.slider .owl-item.active .slide-image { text-align: center; display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInRight;animation-delay: 0.3s;}
.slider .slide-content img { width: auto !important; display: inline-block !important;}
.slider .slide-content .btn { margin-top: 20px }
.slider .owl-theme .owl-nav { margin-top: 0 !important }
.slider .owl-theme .owl-dots .owl-dot { width: auto; }
.slider .owl-dots { position: absolute; top:0; height: 100%; align-items: center; display: inline-flex; left:20px; width: 10px; flex-direction: column; align-content: stretch; justify-content: center;}
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span { opacity: 1 !important }

#cssmenu{position:relative; z-index:99;}
#cssmenu>ul>li { margin: 0 0 0 -4px; border-right:1px solid #F3F4F8;}
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 16px; font-weight:500; color:#231F20;padding:0 15px; line-height: 50px; font-family: 'Oswald', sans-serif;}
#cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { color:#ed6b04; position: relative;}
#cssmenu #menu-button{display:none;}
#cssmenu > ul > li{ display: inline-block;}
#cssmenu ul ul{position:absolute;left:-9999px; box-shadow: 0 0 40px rgba(0,0,0,.2);text-align: left;background:#06222F; padding:12px 0px; borderradius: 3px;}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:12px 20px;font-size: 14px; display:block;width:240px;text-decoration:none;color:#fff;font-weight:500;position:relative;}
#cssmenu ul ul li a:hover { color: #3693be; }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu .has-sub { position: relative; margin-right: 10px;}
#cssmenu .has-sub>a { padding-right: 40px; }
#cssmenu .has-sub:before { content: '\f107'; font-family:'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 20px; line-height:50px; color:#231F20; }
#cssmenu .has-sub:hover:before {color:#00AEEF;content: '\f106'; font-family:'Font Awesome 5 Free'; font-weight: 600;}
#cssmenu .active.has-sub:before {color:#00AEEF; }

.address .address-list { list-style: none; }
.address .address-list li { display: flex; align-items: center; margin-bottom: 20px;}
.address .address-list li .icon { color:#231F20; width: 42px; height:42px; line-height: 42px; min-width: 42px; text-align: center; box-shadow: 10px 10px 20px 0 rgba(21,76,157,0.15); font-size: 18px; margin-right: 20px; }
.address .address-list li small { display: block; font-weight: 700; color:#231F20;font-size: 14px;}
.address .address-box { font-size: 15px; }
.contact-form button, .info-form button { width: 100%; margin-top: 10px;}
.address .address-list li a { color:#231F20;}

.why { background:#ed6b04; } 
.why h2, .why p { color: #fff; }

.sidebar-content { display: flex; }
.sidebar-content .content { width: 100%; }
.sidebar-content .sidebar { width: 100%; max-width: 300px; margin-left: 40px;}
.side-menu { background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-bottom: 20px;position: sticky; top: 20px;}
.side-menu ul { list-style: none; }
.side-menu ul li { border-bottom:1px solid #ebebeb }
.side-menu ul li:last-child { border-bottom:none }
.side-menu ul li a { display: block; padding: 10px 0; font-size: 14px; font-weight: 600; color:#082335;}
.side-menu ul li a:hover, .side-menu ul li.active a { color:#DB5D26 ; }
.side-menu h4 a { color:#0a1237 ; }
.side-menu h4 a:hover { color:#DB5D26; }

.why h4 {}
.benefit p {}
.benefit .icon { background:#fff; border-radius: 3px; display: inline-block; margin-bottom: 20px;}

.home-contact { background: url('../img/contact-bg.jpg') center center no-repeat; background-size: cover;}
.home-contact .center { display: flex; justify-content: space-between; align-items: center; max-width: 1170px; gap:40px }
.home-contact .center .text { width: 60%; }
.home-contact .center .image { width: 40%; }

.stats .center { max-width: 999px; }
.stats .stats-box p { font-size: 14px; line-height: 18px; font-weight: 800; color: #000; }
.stats .icon { background:#fff; border-radius: 3px; display: inline-block; margin-bottom: 20px; box-shadow: 20px 20px 40px rgba(0,0,0,.15);}
.stats i { font-style: normal;}
.stats span { display: block; font-size: 44px; font-weight: 800; }

.stats .stats-box:nth-child(1) span { color: #3C4CC8;}
.stats .stats-box:nth-child(2) span { color: #CF5656;}
.stats .stats-box:nth-child(3) span { color: #000;}

.services { background:#ed6b04; }
.services h2, .services p { color:#fff; }

.s-box .s-ex { padding: 30px; background: #fff; }
.s-box .s-ex p {color: #000;font-size: 15px;line-height: 22px;height: 40px;}
.s-box .btn {position:relative;top: -30px;border: none;border-radius: 5px;background: #021D49;}
.s-box .btn:hover {background: #021D4970;color: #fff;border: none}

footer .f-nav ul { list-style: none; line-height: 30px;}
footer .f-nav ul li a { font-size: 14px; color: #000; }
footer h4 { margin:10px 0 20px 0 }
footer .f-contact p { font-size: 14px; color:#000; }

.faq-ac h3 { font-family:'Inter', sans-serif; font-size:18px; font-weight: 800; display: block; text-align: left; color: #fff; background:#ed6b04; padding:30px 40px 30px 30px; margin-bottom: 10px; border-radius: 6px; cursor: pointer;}
.faq-ac h3:hover, .faq-ac h3.ui-state-active { background:#333; }
.faq-ac .faq-content { text-align: left; padding:20px 30px 30px 30px; }
.faq-ac .faq-content p { font-size: 14px; }
.faq-ac .faq-content p:last-child { margin-bottom: 0; }

.faq-ac h3 span { position: absolute; right: 30px; }

@media only screen and (max-width:1249px) {
    #cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { opacity:1;position: relative;}
    #cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left;margin:0;}
    #cssmenu>ul>li>a:hover { background:#fd4613;}
    #cssmenu > ul { margin: 0 0 0 0; position: relative;}
    #cssmenu>ul{display:none; z-index:99999; position: absolute; top:30px;left:10px; right:10px}
    #cssmenu ul{display:none; z-index:99999; position: absolute;}
    #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
    #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
    #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
    #cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
#cssmenu>ul>li>a { padding: 20px !important; color: #fff !important; display: block; background: #ed6b04; border-bottom: 1px solid #fd8c6d; font-size: 14px; line-height: normal !important; }    #cssmenu>ul>li { margin: 0 0px;}
    #cssmenu ul ul li a { padding:15px 20px; }
    #cssmenu ul ul { padding: 0 !important }
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#231F20}
    #cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
    #cssmenu ul ul ul li a{padding-left:40px;}
    #cssmenu ul ul ul ul li a{padding-left:40px;}
    #cssmenu>ul>li { border-right:none; }
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
    #cssmenu #menu-button{display:block;color:#231F20;cursor:pointer;font-size:12px;height:48px; background:#ed6b04; width: 48px; position: absolute; top:-24px; right:20px; border-radius: 2px;}
    #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
    #cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
    #cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
    #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
    #cssmenu ul ul li a { color: #fff }
    #cssmenu ul ul{ border-bottom: none; }
    #cssmenu ul ul li a{border-bottom:1px solid #444;}
    #menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:24px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    #menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
    #menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:22px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-button.menu-opened:before{top:22px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    .sell { position: fixed; bottom: 0; left: 0; right: 0; text-align:center }
    .h-contact .sell a { background:#fe4613; }
    .h-contact .sell a:hover { background:#232323; }
    header .center .logo { max-width: 180px; }
    .h-contact .whatsapp { margin-right: 50px; }
    .slide .center, .home-contact .center, .sidebar-content {flex-direction: column;}
    .sidebar-content .sidebar { max-width: 100%; margin-left: 0; margin-top: 30px; }
    .slide .center>div, .home-contact .center .image, .home-contact .center .text { width: 100%; }
    .slider span { font-size: 30px; line-height: 34px; }

    .faq-ac h3 { padding:20px 40px 20px 20px; font-size: 16px; margin-top: 0;}
    .faq-ac .faq-content { text-align: left; padding:10px 20px 20px 20px }

}

@media only screen and (max-width:375px) {
   
}