@font-face {font-family: poppins;src: url(../fonts/Poppins-Medium.ttf);}
@font-face {font-family: poppins-regular;src: url(../fonts/Poppins-Regular.ttf);}
@font-face {font-family: poppins-bold;src: url(../fonts/Poppins-Bold.ttf);}
@font-face {font-family: poppins-light;src: url(../fonts/Poppins-Light.ttf);}
html {font-size: 10px;}
body {font-family: poppins;font-size: 1.6rem;letter-spacing: .1rem;}
.justify-content-space-between {justify-content: space-between;}
.cursor_pointer {cursor: pointer;}
.font-20 {font-size: 2rem;}
/* width */::-webkit-scrollbar {width: 8px;}
/* Track */::-webkit-scrollbar-track {background: #ddd;}
/* Handle */::-webkit-scrollbar-thumb {background: #fff4f4;}
/* Handle on hover */::-webkit-scrollbar-thumb:hover {background: #ff232a;}
a {color: #ff232a;text-decoration: none;transition: 0.3s ease-in-out;}
a:hover {color: #000}
.fullWidth {float: left;width: 100%;}
.btn {padding: 2rem 3rem;border: 0;font-size: 1.6rem;border-radius: 0.7rem;text-transform: capitalize;position: relative;}
.btn:hover {-webkit-transform: translateY(-5px);transform: translateY(-5px);}
.btn:before {content: "";pointer-events: none;position: absolute;z-index: -1;top: 100%;left: 5%;height: 10px;width: 90%;opacity: 0;-webkit-transition-property: transform, opacity;transition-property: transform, opacity;transition: all 400ms ease;}
.btn:before {background: -webkit-radial-gradient(center, ellipse, rgba(39, 3, 106, 0.5) 0%, rgba(0, 0, 0, 0) 80%);background: radial-gradient(ellipse at center, rgba(39, 3, 106, 0.5) 0%, rgba(0, 0, 0, 0) 80%);}
.btn:hover:before {opacity: 1;-webkit-transform: translateY(5px);transform: translateY(5px);}
.btn_primary,.btn_primary:hover {background-color: #ff232a;color: #fff;}
.btn_yellow,.btn_yellow:hover {background-color: #ffd556;color: #000;}
.btn_orange,.btn_orange:hover {background-color: #faac57;color: #000;}
.btn_blue,.btn_blue:hover {background-color: #98caed;color: #000;}
.logo img {height: 7rem;}
h1 {font-size: 4.4rem;}
h2 {font-weight: 700;font-size: 34px;color: #4e4039; margin-bottom: 3rem;}
p{font-family: poppins-light;}
.dropdown-menu {padding: .5rem;border-radius: .5rem;}
.dropdown-menu .dropdown-item {color: #999;font-size: 1.4rem;padding: 0.7rem 1rem;border-radius: .5rem;transition: .3s ease-in-out}
.dropdown-menu .dropdown-item:hover {background: #ff232a;color: #fff;}
.dropdown-menu .dropdown-item i {font-size: 1.8rem;color: #c5ccde;}
.dropdown-menu .dropdown-item i.fa-toggle-off {margin-top: .2rem;float: left;}
.dropdown-menu .dropdown-item:hover i {color: #fff;}
@media screen and (max-width: 980px) {.btn {padding: 1rem 2rem;}}
@media screen and (max-width: 768px) {.btn {max-width: 35rem;width: 100%;max-width: 100%;width: auto;}}

.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background: #0880e8;width: 40px;height: 40px;border-radius: 50px;transition: all 0.4s;}
.back-to-top i {font-size: 28px;color: #fff;line-height: 0;}
.back-to-top:hover {background: #2194f7;color: #fff;}
.back-to-top.active {visibility: visible;opacity: 1;}

#topbar {height: 60px;padding: 0;font-size: 14px;transition: all 0.5s;overflow: hidden;color: rgba(255, 255, 255, 0.8);z-index: 996;}
#topbar.topbar-scrolled {top: -60px;}
#topbar .contact-info a {line-height: 0;color: rgba(255, 255, 255, 0.8);transition: 0.3s;}
#topbar .contact-info a:hover {text-decoration: underline;}
#topbar .contact-info i {color: #ff232a;line-height: 0;margin-right: 5px;}
#topbar .contact-info .phone-icon {margin-left: 15px;}
#topbar .cta {background: transparent;}
#topbar .cta a{padding: 0.8rem 3rem;}

#header {background: rgba(255, 35, 42, 1);transition: all 0.5s;z-index: 997;height: 70px;top: 60px;}
#header.header-scrolled {background: rgba(255, 35, 42, 1);top: 0;}
#header .logo {font-size: 30px;margin: 0;padding: 0;line-height: 1;font-weight: 400;letter-spacing: 2px;text-transform: uppercase;}
#header .logo a {color: #fff;}
#header .logo img {max-height: 6.5rem; transition: all 0.3s ease-in-out;}
#header.header-scrolled {height: 5.5rem;}
#header.header-scrolled .logo img {max-height: 4rem;}
#header.header-scrolled .navbar {padding-top: 0;padding-bottom: 0;}
.header-inner-pages {background: rgba(5, 87, 158, 0.9) !important;}
.topbar-inner-pages {background: rgba(6, 98, 178, 0.9) !important;}

.navbar ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
.navbar li {position: relative;}
.navbar > ul > li {position: relative;white-space: nowrap;padding: 10px 0 10px 24px;}
.navbar a, .navbar a:focus {display: flex;align-items: center;justify-content: space-between;padding: 0 3px;font-size: 14px;color: rgba(255, 255, 255, 0.7);white-space: nowrap;transition: 0.3s;position: relative;}
.navbar a i, .navbar a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;}
.navbar > ul > li > a:before {content: "";position: absolute;width: 100%;height: 2px;bottom: -5px;left: 0;background-color: #ff232a;visibility: hidden;width: 0px;transition: all 0.3s ease-in-out 0s;}
.navbar a:hover:before, .navbar li:hover > a:before, .navbar .active:before {visibility: visible;width: 100%;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {color: #fff;}
.navbar .dropdown ul {display: block;position: absolute;left: 14px;top: calc(100% + 30px);margin: 0;padding: 10px 0;z-index: 99;opacity: 0;visibility: hidden;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: 0.3s;border-radius: 8px;}
.navbar .dropdown ul li {min-width: 200px;}
.navbar .dropdown ul a {padding: 10px 20px;font-size: 14px;font-weight: 500;text-transform: none;color: #032e54;}
.navbar .dropdown ul a i {font-size: 12px;}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {color: #0880e8;}
.navbar .dropdown:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.navbar .dropdown .dropdown ul {top: 0;left: calc(100% - 30px);visibility: hidden;}
.navbar .dropdown .dropdown:hover > ul {opacity: 1;top: 0;left: 100%;visibility: visible;}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {left: -90%;}
.navbar .dropdown .dropdown:hover > ul {left: -100%;}
}

.mobile-nav-toggle {color: #fff;font-size: 28px;cursor: pointer;display: none;line-height: 0;transition: 0.5s;}
.mobile-nav-toggle.bi-x {color: #ff232a;}
@media (max-width: 991px) {
.mobile-nav-toggle {display: block;}
.navbar ul {display: none;}
}
.navbar-mobile {position: fixed;overflow: hidden;top: 0;right: 0;left: 0;bottom: 0;background: rgba(255, 35, 70, 0.98);transition: all .3s ease-in-out;z-index: 999;}
.navbar-mobile .mobile-nav-toggle {position: absolute;top: 15px;right: 15px;}
.navbar-mobile ul {display: block;position: absolute;top: 15px;right: 15px;bottom: 15px;left: 15px;padding: 10px 0;border-radius: 10px;background-color: #fff;overflow-y: auto;transition: 0.3s;}
.navbar-mobile > ul > li {padding: 0;}
.navbar-mobile a {padding: 10px 20px;font-size: 15px;color: #000;}
.navbar-mobile a:hover:before, .navbar-mobile li:hover > a:before, .navbar-mobile .active:before {visibility: hidden;}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {color: #ff232a;}
.navbar-mobile .getstarted {margin: 15px;}
.navbar-mobile .dropdown ul {position: static;display: none;margin: 10px 20px;padding: 10px 0;z-index: 99;opacity: 1;visibility: visible;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);}
.navbar-mobile .dropdown ul li {min-width: 200px;}
.navbar-mobile .dropdown ul a {padding: 10px 20px;}
.navbar-mobile .dropdown ul a i {font-size: 12px;}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {color: #ff232a;}
.navbar-mobile .dropdown > .dropdown-active {display: block;}

#cibo {width: 100%;height: 80vh;overflow: hidden;position: relative; /* background: url("../images/cibo-bg.jpg") top center;background-size: cover; */ position: relative;z-index: 99;transition: 0.3s;}
#cibo:before {content: "";background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}
#cibo .carousel-container {display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;bottom: 0;top: 0;left: 0;right: 0;}
#cibo h2 {color: #fff;margin-bottom: 30px;font-size: 48px;font-weight: 700; max-width: 60rem;}
#cibo p {width: 80%;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;margin: 0 auto 30px auto;color: #fff;font-family: poppins-light;}
#cibo .carousel-control-prev, #cibo .carousel-control-next {width: 10%;}
#cibo .carousel-control-next-icon, #cibo .carousel-control-prev-icon {background: none;font-size: 48px;line-height: 1;width: auto;height: auto;}
#cibo .btn-get-started {font-family: "Raleway", sans-serif;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 32px;border-radius: 50px;transition: 0.5s;line-height: 1;margin: 10px;color: #fff;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;border: 2px solid #ff232a;}
#cibo .btn-get-started:hover {background: #ff232a;color: #fff;text-decoration: none;}
@media (min-width: 1024px) {
#cibo p {width: 60%;}
#cibo .carousel-control-prev, #cibo .carousel-control-next {width: 5%;}
}
@media (max-width: 768px), (max-height: 700px) {
#cibo {height: 100vh;padding: 100px 0;}
#cibo h2 {font-size: 28px;}
}

/*-------- # About -------*/
.about {padding-top: 9rem;padding-bottom: 9rem;}
.about i {font-size: 48px;margin-top: 15px;color: #f39e7a;}
.about p {font-size: 15px;color: #5a6570;}
.qr_vector {animation: MoveUpDown 2s linear infinite;}
@keyframes MoveUpDown {
0% {position: relative;top: 0;}
50% {position: relative;top: 10px;}
100% {position: relative;top: 0;}
}
@media (max-width: 991px) {
.about .about-img img {max-width: 70%;}
}
@media (max-width: 767px) {
.about .about-img img {max-width: 90%;}
}

/*--------- # Services ------------*/
.services {background: url(../images/dots.png) no-repeat; background-position: left top;z-index:0}
.services h2{margin-bottom: 1.5rem;}
.services .section-title{max-width: 700px; margin-bottom: 5.5rem;}
.services .icon-box {padding: 30px;position: relative;overflow: hidden;margin: 0  0 40px 0;background: #fff;box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);transition: all 0.3s ease-in-out;border-radius: 15px;text-align: center;border-bottom: 3px solid #fff;}
.services .icon-box:hover {transform: translateY(-5px);border-color: #ff232a;}
.services .icon i {font-size: 48px;line-height: 1;margin-bottom: 15px;color: #ff232a;}
.services .title {font-weight: 700;margin-bottom: 15px;font-size: 18px;}
.services .title a {color: #111;}
.services .description {font-size: 15px;line-height: 28px;margin-bottom: 0;}


/*------------ # Testimonials --------------*/
.testimonials{position: relative; overflow:hidden; padding-bottom: 7.5rem; float:left; width: 100%;}
.testimonials:after {content: '';background: url(../images/qr-code.svg) no-repeat;background-position: right top;transform: rotate(105deg);position: absolute;top: 2rem;right: -3rem;height: 20rem;width: 20rem; background-size: 20rem; opacity: .1; z-index:0}
.testimonials h2{margin-bottom: 1.5rem;}
.testimonials .section-header{margin-bottom: 5.5rem;}
.testimonials .testimonial-item {box-sizing: content-box;padding: 30px;margin: 40px 30px;box-shadow: 0px 0 20px rgba(1, 41, 112, 0.1);background: #fff;min-height: 320px;display: flex;flex-direction: column;text-align: center;transition: 0.3s;}
.testimonials .testimonial-item .stars {margin-bottom: 15px;}
.testimonials .testimonial-item .stars i {color: #ff232a;margin: 0 1px;}
.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50%;border: 4px solid #fff;margin: 0 auto;}
.testimonials .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 10px 0 5px 0;color: #111;}
.testimonials .testimonial-item h4 {font-size: 14px;color: #999;margin: 0;}
.testimonials .testimonial-item p {font-style: italic; font-size: 1.2rem; margin: 0 auto 15px auto;}
.testimonials .swiper-pagination {margin-top: 20px;position: relative;}
.testimonials .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: #fff;opacity: 1;border: 1px solid #ff232a;}
.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: #ff232a;}
.testimonials .swiper-slide {opacity: .3;}
@media (max-width: 1199px) {
.testimonials .swiper-slide-active {opacity: 1;}
.testimonials .swiper-pagination {margin-top: 0;}
}
@media (min-width: 1200px) {
.testimonials .swiper-slide-next {opacity: 1;transform: scale(1.12);}
}



.footer{background: #ff232a;}
.cibo_row {display: flex;justify-content: space-between;}
.social-links a {font-size: 16px;display: inline-block;background: rgba(255, 255, 255, 0.1);color: #fff;line-height: 1;padding: 10px 0;margin-right: 4px;border-radius: 50%;text-align: center;width: 36px;height: 36px;transition: 0.3s;}
.social-links a:hover {background: #ff232a;color: #fff;text-decoration: none;}



@media screen and (max-width: 1024px){
.testimonials .section-header {margin-bottom: 1.5rem;}
}
@media screen and (max-width: 767px){
.services{background: transparent;}
}
@media screen and (max-width: 767px){
.cibo_row{flex-direction: column; justify-content: center; text-align:center; float:none; }
.footer_logo{margin-bottom: 3rem !important; margin-top: 2rem !important;}
.social-links{ float: none !important; }
.f_copyright{text-align:center !important;}
#cibo {height: 70vh; padding: 5rem 0 5rem;}
#cibo h2 {font-size: 21px;}
#cibo p{display: none;}
.about {padding-top: 4rem;padding-bottom: 4rem;}
}
@media screen and (max-width: 320px){
#header {top: 0; height: 5rem}
#header .logo img {max-height: 3.5rem;}
.contact-info {display: none !important;}
}