@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,700;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');
.header-box {
    height: 80px;
}

/* Container */
.container { max-width: 1080px; margin: 0 auto; }
.max-container { margin: 0 auto; max-width: 1440px;}
.mobile-container { max-width: 414px; margin: 0 auto; }


/* Clear */
.clear { clear: both !important; }

/* Display */
.block { display: block; }
.inline-block { display: inline-block; }
.hidden { display: none; }

/* Floats */
.float-left { float: left; }
.float-right { float: right; }
.left { float: left !important; }
.right { float: right !important; }
.clearfix::after { content: ""; display: table; clear: both; }

/* Text Alignment */
.text-left { text-align: left; }
.text-center, .center { text-align: center; }
.text-right { text-align: right; }

/* Backgrounds */
.bg-white {background: #fff;}
.bg-black { background: #000; }
.bg-grey { background: #e6e6e6; }
.bg-dark {background-color: #191919;}

.bg-primary {background: #023564;}
.bg-secondary {background: #ffc300;}
.bg-third { background: #222831; }

/* Colors */
.text-white { color: #fff; }
.text-black { color: #000; }
.text-primary {color: #f0b520;}
.text-secondary { color: #3E5879; }

/* Text */
.text-uppercase { text-transform: uppercase; }
.text-14 { font-size: 14px; }
.text-16 { font-size: 16px; }
.text-18 { font-size: 18px; }
.text-20 { font-size: 20px; }
.text-22 { font-size: 22px; }
.text-24 { font-size: 24px; }
.text-26 { font-size: 26px; }
.text-28 { font-size: 28px; }
.text-30 { font-size: 30px; }
.text-32 { font-size: 32px; }

/* Font Weight */
.weight-100 { font-weight: 100; }
.weight-200 { font-weight: 200; }
.weight-300 { font-weight: 300; }
.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 {font-weight: 700;}
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }

/* Borders */
.border { border: 1px solid #ffffff45; }
.border-t { border-top: 1px solid #00000005 }
.border-b { border-bottom: 1px solid #00000005 }
.border-l { border-left: 1px solid #00000005 }
.border-r { border-right: 1px solid #00000005 }
.border-gray-1 { border: 1px solid #ededed; }

/* Borders Radius */
.br-100 { border-radius: 100px;}
.br-2 { border-radius: 2px;}
.br-3 { border-radius: 3px;}
.br-4 { border-radius: 4px;}
.br-5 { border-radius: 5px;}
.br-6 { border-radius: 6px;}
.br-7 { border-radius: 7px;}
.br-8 { border-radius: 7px;}

/* Padding */
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-20 { padding-left: 20px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-20 { padding-right: 20px; }


/* Margin */
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 {margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mb-1 { margin-bottom: 1px; }


/* Flexbox */
.flex {   display: -webkit-box;  display: -ms-flexbox;  display: flex; }
.flex-row {   -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -ms-flex-direction: row;  flex-direction: row; }
.flex-col {   -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column; }
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-stretch { align-items: stretch; }
.mx-auto { margin-left: auto; margin-right: auto;}

/* Grid */
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
.align-space-between { align-content: space-between; }

/* Positioning */
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }

/* Overflow */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-scroll { overflow-x: scroll; }
.overflow-y-scroll { overflow-y: scroll; }

/* Transitions */
.transition-all { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.transition-colors { transition: background-color 0.3s ease, color 0.3s ease; }
.transition-opacity { transition: opacity 0.3s ease; }

/* Cursor */
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }

/* Z-Index */
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-999 { z-index: 999; }

/* Line Clamp */
.line-clamp-1 { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; }
.line-clamp-2 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; line-height: 1.4; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-menu ul { display: flex; }
.header-bottom { border-bottom: 1px solid #f0f3f5; }
.header-logo { width: 160px; display: block; }
.header-menu li a {display: block;padding: 10px 10px;font-weight: 700;font-size: 20px;text-transform: uppercase;color: #001e3f;}
.tel-link {color: white;font-size: 20px;padding-left: 10px;}
.menu-toggle { background: none; padding: 0; }
.mobile-header-box { height: 60px; }
.menu-overlay-open { background-color: #000000bd; height: 100%; left: 0; position: fixed; top: 60px; width: 100%; z-index: 999; }
.mobile-menu-open {box-sizing: border-box;display: block;height: 100%;left: 0;position: fixed;top: 60px;width: 80%;z-index: 1000;background: #ffffff;}
.menu-item {position: relative;white-space: nowrap;width: 100%;}
.mobile_menu_container li a {border-bottom: 1px solid #e7e7e7;display: block;padding: 10px;text-transform: uppercase;font-weight: 700;font-size: 20px;}
.mobile_menu_container li a:after { background-image: url(../images/arrow-next.svg); background-position: right; background-repeat: no-repeat; background-size: 15px; content: ""; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%); }

.body-menu-open { overflow: hidden; }
.mobile-menu-none { display: none; }

.lang-item { list-style-type: none; margin: 0; padding: 0 5px; margin-right: 10px; }
.we-are-open {background: #008000;padding: 10px;height: 40px;color: white;}
.we-are-closed { color: white; background: #be0000; padding: 10px; height: 40px; }
.single-content-box { -webkit-justify-content: space-between; justify-content: space-between; }
.content-single { flex-shrink: 0; width: 750px; flex-basis: 750px; }
.post-archive-info, .mobile-posts-list-info, .category-name-box { -webkit-justify-content: space-between; justify-content: space-between; white-space: nowrap; font-size: 14px; align-items: center; font-family: Helmet, Freesans, Helvetica, Arial, sans-serif; text-transform: capitalize; }
.content-text img { width: 100%; }
.content-text p iframe, .content-text iframe { width: 100%; }
.content-text p {font-size: 20px;font-family: "Mulish", sans-serif;word-spacing: 1px;line-height: 1.6;margin-bottom: 10px;font-weight: 500;}
.content-text p br { content: ""; display: block; margin-bottom: 15px; }
.content-text ul, .content-text ol {margin-left: 30px;}
.content-text ul li {font: 18px Helmet, Freesans, Helvetica, Arial, sans-serif;list-style: disc;line-height: 1.5;margin-bottom: 10px;}
.content-text ol li {font: 18px Helmet, Freesans, Helvetica, Arial, sans-serif;list-style: number;line-height: 1.5;margin-bottom: 10px;}
.tags-single a { border: 1px solid #8c8c8c; padding: 2px 6px; text-transform: capitalize; display: inline-block; }
.tags-single a:hover { background: black; color: white; }
.recommended_title { margin-top: 1px; margin-bottom: 1px; }
.relatet-text { font-size: 18px; font-weight: bold; }
.recommended_wrapper { flex-wrap: wrap; padding: 5px; }
.related-posts { flex: 0 0 auto; width: 33.3333%; }
.related-posts-box { padding: 5px; }
.related-title-single { font-size: 16px; margin: 5px 0; }
.related-posts-img img { width: 100%; height: 215px; }
.mobile-archive-header { font-size: 12px; }
.mobile-posts-list-title { width: 100%; }
.sidebar { flex-shrink: 0; flex-basis: 320px; width: 320px; }
.sidebar-sticky { position: sticky; top: 10px; }
.line-clamp { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; font-weight: 700; }
.posts-content-text { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.no-fount-text { font-size: 160px; text-align: center; display: block; font-weight: bolder; }
.grid-post-home-container { border: 1px solid #f1f4f6; border-radius: 5px; overflow: hidden; }
.single-img { width: 100%; }
.single-title { font-size: 24px; margin: 15px 0; }
.mobile-home-post-img { flex-shrink: 0; flex-basis: 111px; width: 111px; margin-right: 10px; }
.mobile-home-post-title { margin: 0; font-size: 14px; }
.mobile-home-post-title-list { width: 100%; }
.mobile-home-post-box { padding-bottom: 4px; margin-bottom: 4px; border-bottom: 1px solid #00000040; }
.authot-profile-name { margin: 0; }
.author-description { justify-content: space-between; align-items: center; }
.headline-text {font-size: 34px;font-family: "Rubik", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;text-transform: uppercase;}
.headline-sub-text- { font-size: 18px; font-weight: 500; }
.headline {text-align: center;padding: 20px 0;}
.headline-text:after {display: block;content: '';width: 100px;height: 4px;line-height: 0;background: #f0b520;text-align: center;margin: 0 auto;border-radius: 100px;}
.col-box-3 { flex: 0 0 auto; width: 33.3333%; }
.col-3 { display: flex; flex-wrap: wrap; }
.col-in { margin: 10px; }
.services_box:hover { background: #022c52; }
.img_service img, .mobile-img_service img, .posts-content-img img { width: 100%; }
.service_name { font-size: 26px; font-weight: 700; display: block; color: #ffffff; font-family: 'Exo', sans-serif; padding: 10px 0; }
.mobile-service_name {font-family: 'Exo', sans-serif;font-size: 18px;font-weight: 900;color: #ffffff;display: block;}
.normal-button {-webkit-transition: all 250ms;-moz-transition: all 250ms;-ms-transition: all 250ms;-o-transition: all 250ms;transition: all 250ms;display: inline-block;padding: 10px 15px;font-size: 1em;font-weight: bold;text-decoration: none;color: #ffffff;white-space: nowrap;text-transform: uppercase;}
.normal-button:hover { box-shadow: 0 0 0 2px #e5a500; }
.portfolio-title { color: white; padding: 10px; }
.sidebar_menu_ul .sidebar_menu_li .sidebar_menu_a { font-size: 18px; display: block; border: 2px solid #003769; padding: 10px; font-weight: 700; position: relative; color: #003769; margin: 5px; text-transform: uppercase; }
.sidebar_menu_ul { border: 2px solid #003769; }
.sidebar_menu_li .sidebar_menu_a:hover { background: #003769; color: white; }
.sidebar_menu_a:after {background-image: url(../images/arrow-next.svg);background-position: right;background-repeat: no-repeat;background-size: 15px;content: "";width: 20px;height: 20px;position: absolute;right: 0;top: 50%;transform: translate(-50%, -50%);}
.whatsapp-float { position: fixed; right: 30px; bottom: 30px; background: #00cf4d; padding: 10px; border-radius: 15px; border: 5px solid white; }
.social-icon-box { margin: 0 5px; }
.pagination .prev, .pagination .next { background: #ffffff; padding: 10px 20px !important; text-transform: uppercase; border: 1px solid #000000; }
.pagination .prev:hover, .pagination .next:hover { background: #000000; color: #ffffff; }
.pagination { justify-content: space-between; align-items: center; }
.pagination .page-numbers { font-size: 18px; font-weight: 700; padding: 4px 12px; }
.pagination .current { background: black; color: white; }
.work-done-warpper { padding: 50px 0;}
.counter {font-size: 48px;}
.work-done-img img { margin: 0 auto; display: block; }
.counter:before {content: "+";position: absolute;left: 0px;top: 0;bottom: 0;}
.mobile-work-done-box { border: 1px solid white; padding: 50px; }
.mobile-work-done-box .counter:before { left: 50px; }

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.footer-box a {    font-size: 18px;}
.all-right-reserved { padding: 5px 0; transition: transform 0.5s ease-in-out; }
.dev-link { position: absolute; top: 100%; left: 0; width: 100%; text-align: center; padding: 5px 0; transition: transform 0.5s ease-in-out; }
.footer-bottom:hover .all-right-reserved, .footer-bottom-box.active .all-right-reserved { transform: translateY(-100%); }
.footer-bottom:hover .dev-link, .footer-bottom-box.active .dev-link { transform: translateY(-100%); }
.footer, .footer a {    color: #ffffff;}
.quic_link_menu li a {font-size: 18px;display: block;margin-bottom: 5px;margin-left: 20px;}
.quic_link_menu li:before {content: "▶";position: absolute;top: 0;left: 0;}
.quic_link_menu li a:hover {    letter-spacing: 1px;    transition: .3s;}
.footer-wrapper {    margin: 50px auto;}

.footer-box-col {    width: 25%;}
/* Open Hours */
.open-hours {border: 1px solid #444444;}
.open-hours li {padding: 5px 10px;border-collapse: collapse;border: 1px solid #444444;margin: 0;display: flex;justify-content: space-between;border-radius: 0;}
.open-hours li:hover {background: #f7f8fa21;cursor: pointer;}
.current-day { background-color: #e3f2fd; font-weight: bold; color: #1976d2; }
.Sunday { background-color: #ffebee; color: #c62828; }

.footer {
    background-image: url(../images/footer-texatur.svg);
    background-position: center center;
    background-size: 500px;
}

.slider-statik {
    padding: 140px 0;
}

.slider-container {
    background-image: url(../images/footer-texatur.svg);
    background-position: center center;
    background-size: 800px;
}

.float-whatsapp {
    background: #25d366;
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding: 10px;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    border: 4px solid #ffffff;
}

.box-contact-box:hover {
    background: #023564;
}