@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
/* browser prefix adding  */
/*!
Template Name: Constol
Template https://www.templatemonster.com/authors/labartisan
Author: labartisan.net
Author https://www.templatemonster.com/authors/labartisan
Description: Description
Version: 1.0.0
Text Domain: Constol
Tags: accountant, advertising, adviser, agency, broker, consultant, consulting, figma-template, finance, insurance, multipurpose

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Global CSS
# Header CSS
	*Style-1
	*Style-2
	*Mobile Header
# Page Header
# Banner
	*Style-1
	*Style-2
# Main
    *home + all common section
# Blog
	*Style-1
	*Blog Single
# Blog Widget
# Contact Us
#Footer
--------------------------------------------------------------*/
/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.footer__gallery .footer__wrapper ul, .footer__post .footer__wrapper ul li, .footer__page .footer__wrapper ul, .contact__form form, .callAaction__form form, .header__bararea, .header__two .header__top .header__toparea .info ul li, .header__two .header__top .header__toparea .info ul, .header__two .header__top .header__toparea, .header__bottom .area .menu, .header__bottom .area, .sidebar__commentForm .body form, .sidebar__comment .body ul li .content__top, .sidebar__author .body, .sidebar__relatedpost .body ul, .sidebar__categorie .body ul li, .sidebar .body ul li, .jobs__list, .jobs__search form, .history__inner, .history .section__wrapper, .misson__inner, .appointment__inner, .specialtie__two .specialtie__inner, .blog--single .blog__content blockquote, .blog.home .blog__meta ul, .testimonial__three .testimonial__thumb, .testimonial__author, .testimonial__inner, .testimonial__navigation, .project__content, .teamMember__single .teamMember__memberDetails form, .teamMember__inner, .service__four .service__inner, .progressbararea li .title, .about__author, .about__footer, .about__content ul li, .about__content ul, .feature__four .feature__inner, .feature__thumb, .banner__two .banner__btngroup, .banner__btngroup .video__btn, .banner__btngroup, .paginations ul li a, .tags-section .tags, .tags-section {
  display: flex;
  flex-wrap: wrap;
}

.footer__page .footer__wrapper ul li a, .callAaction__form, .callAaction, .menu-item-has-children > a, .header__bar, .header__two .header__bottom .area .search-area form, .header__bottom .area .menu ul li, .sidebar__search form, .history__year > span span, .history__year > span, .history__inner, .appointment form, .appointment, .specialtie__two .specialtie__content .thumb, .blog.home .blog__thumb, .testimonial__three .testimonial__video, .testimonial__thumb .thumb, .project__inner, .work__two .work__inner, .work__thumb, .teamMember__two .teamMember__inner, .service__content, .about__thumb .thumb--content, .about__thumb .thumb--2 > img, .about__thumb .thumb, .banner__five .banner__content, .banner__five, .custom-select, .paginations ul li a, .section-header h2, .section-header, .lab-btn, .tags-section .tags li span, .custom-upload {
  position: relative;
}

.footer__page .footer__wrapper ul li a::after, .callAaction::after, .menu-item-has-children > a::before, .menu-item-has-children > a::after, .header__bar span, .header__two .header__bottom .area .search-area form button, .sidebar__search form button, .history__year > span::before, .history__year > span::after, .accordion-button:before, .accordion-button:after, .appointment form::after, .blog.home .blog__thumb .date, .testimonial__thumb .thumb i, .project__icon, .project__content, .work__two .work__content, .work__two .work__inner span, .work__thumb span, .service__content .round-btn, .about__one .about__thumb .thumb::after, .about__thumb .thumb--content img, .about__thumb .thumb .floating-img, .about__thumb .thumb--experience, .banner__five::after, .custom-select::after, .section-header h2::after, .tags-section .tags li span::after, .custom-upload input[type=file] {
  position: absolute;
  content: "";
}

.footer__gallery .footer__wrapper ul li a, .footer__post .footer__wrapper ul li .thumb, .sidebar__relatedpost .body ul li .thumb, .sidebar__recentpost .body ul li .thumb, .history__thumb, .blog.home .blog__thumb, .testimonial__three .testimonial__thumb .thumb, .project__thumb, .teamMember__thumb, .service__thumb, .about, .banner__five, .gallery-img, .lab-btn, .preloader, .custom-upload, .project__content h4 a, .service__content h4 a, .feature__content h4, .footer__post .footer__wrapper ul li .content h6 a, .sidebar .body ul li .content h6 a, .blog.home .blog__content h4 a, .blog.home .blog__content h3 a, .service__content p, .specialtie__two .specialtie__content h2, .feature__content p {
  overflow: hidden;
}

.header__ellepsis i, .header__bar, .filters-button-group .button, .lab-btn, .custom-upload input[type=file], .custom-upload .file-btn, .custom-upload {
  cursor: pointer;
}

.footer__gallery .footer__wrapper ul li a img, .googleMap iframe, .header__bar span, .header__one, .header.header-fixed.header__two .header__bottom, .sidebar__author .body .content, .sidebar__author .body .thumb, .sidebar__relatedpost .body ul li .thumb img, .sidebar__relatedpost .body ul li, .history__thumb img, .misson__content, .misson__thumb img, .misson__thumb, .specialtie__two .specialtie__content .thumb img, .specialtie__two .specialtie__content, .specialtie__two .specialtie__thumb img, .specialtie__two .specialtie__thumb, .blog--single .blog__content blockquote p, .blog.home .blog__thumb img, .testimonial__three .testimonial__content, .testimonial__three .testimonial__thumb, .project__content, .project__thumb img, .work__two .work__content h5, .work__two .work__content, .teamMember__single .teamMember__memberInfo-thumb img, .teamMember__two .teamMember__content, .teamMember__two .teamMember__thumb, .teamMember__thumb img, .teamMember__thumb, .service__five .service__thumb img, .service__four .service__content, .service__four .service__thumb img, .service__four .service__thumb, .progressbararea li .progress, .progressbararea li .title, .about__content ul li, .feature__four .feature__content, .feature__four .feature__thumb, .custom-select select, .custom-select, input, textarea, select {
  width: 100%;
}



.header__four .header__top--center .info ul li span {
  font-weight: 400;
}

.specialtie__two .specialtie__content .thumb .icon, .testimonial__three .testimonial__video .icon {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.contact__form form, .pageheader__content .breadcrumb, .feature__four .feature__thumb, .feature__four .feature__inner, .feature__three .feature__thumb, .feature__two .feature__thumb, .paginations ul li a {
  justify-content: center;
}

.footer__page .footer__wrapper ul, .callAaction__form form, .header__two .header__top .header__toparea, .header__bottom .area .menu, .header__bottom .area, .sidebar__commentForm .body form, .sidebar__comment .body ul li .content__top, .sidebar__relatedpost .body ul, .sidebar__categorie .body ul li, .jobs__search form, .blog.home .blog__meta ul, .testimonial__three .testimonial__author, .testimonial__author, .teamMember__single .teamMember__memberDetails form, .progressbararea li .title, .about__three .about__content ul, .about__four .about__content ul, .feature__thumb, .tags-section {
  justify-content: space-between;
}

.header__bararea, .header__two .header__top .header__toparea .info ul li, .header__two .header__top .header__toparea, .header__bottom .area, .sidebar__comment .body ul li .content__top, .sidebar .body ul li, .jobs__list, .history__inner, .appointment__inner, .specialtie__two .specialtie__inner, .testimonial__three .testimonial__author, .teamMember__inner, .about__author, .about__footer, .feature__four .feature__inner, .feature__thumb, .banner__btngroup .video__btn, .banner__btngroup, .paginations ul li a, .tags-section .tags, .tags-section {
  align-items: center;
}

/* @@@@@@@@@@@@@  Extend Property CSS Writing Now  @@@@@@@@@@@@@@ */
.specialtie__two .specialtie__content h2, .feature__content p {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.footer__post .footer__wrapper ul li .content h6 a, .sidebar .body ul li .content h6 a, .blog.home .blog__content h4 a, .blog.home .blog__content h3 a, .service__content p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.project__content h4 a, .service__content h4 a, .feature__content h4 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

/*.work__two .work__content p, .about__three .about__thumb .thumb::after, .about__four .about__thumb .thumb::after, .about__two .about__thumb .thumb::after {
  display: none;
}*/

.footer__gallery .footer__wrapper ul li a, .header__bottom .area .menu ul li ul li, .header__bottom .area .menu ul li a, .project__content span, .teamMember__content span, .teamMember__thumb a {
  display: block;
}

.footer__page .footer__wrapper ul li a, .footer__about ul li a, .footer__about ul li, .header__bar span, .header__one .header__top .social li a, .header__one .header__top .social li, .header__one .header__top .info ul li, .header__bottom .area .menu ul li, .sidebar__author .body .content ul li, .sidebar__author .body .content span, .jobs__catagory ul li, .history__year > span, .specialtie__content > span, .blog.home .blog__meta ul li, .blog.home .blog__thumb .date, .testimonial__thumb .thumb i, .work__two .work__inner span, .work__thumb span, .teamMember__single .teamMember__memberInfo-content > span, .teamMember__content ul li, .feature__thumb span, .lab-btn, .scrollToTop i, .tags-section .social-link-list li a, .tags-section .tags li a, .tags-section .tags li span i, .custom-upload {
  display: inline-block;
}


@media (max-width: 575px) {
  .header__bottom .area .logo {
    max-width: 140px;
  }
}
@media (max-width: 1199px) {
  .header__bottom .area .menu {
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    background-color: #021738;
    z-index: 9999;
    padding-bottom: 30px;
  }
  .header__bottom .area .menu.active {
    display: inherit;
    /*padding-inline: 30px;*/
  }
}
@media (max-width: 1199px) {
  .header__bottom .area .menu ul li {
    display: block;
  }
}
@media (min-width: 1200px) {
  .header__bottom .area .menu ul li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
}
.header__bottom .area .menu ul li a {
  padding: 15px 20px;    
	border-bottom: 1px solid #1d3686;
}
.header__bottom .area .menu ul li ul {
  background-color: #021738;
}
@media (max-width: 1199px) {
  .header__bottom .area .menu ul li ul {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header__bottom .area .menu ul li ul {
    position: absolute;
    width: 220px;
    top: calc(100% + 30px);
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 999;
    box-shadow: 0 0 3px rgba(255, 49, 71, 0.1);
    visibility: hidden;
  }
}
.header__bottom .area .menu ul li ul li:last-child > a {
  border: none;
}
.header__bottom .area .menu ul li ul li.menu-item-has-children a::after, .header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
  background-color: #fff;
}
.header__bottom .area .menu ul li ul li.menu-item-has-children a::before {
  right: 24px;
}
.header__bottom .area .menu ul li ul li.menu-item-has-children a::after {
  right: 20px;
}
.header__bottom .area .menu ul li ul li a {
  font-size: 95%;
  padding: 10px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header__bottom .area .menu ul li ul li a:hover, .header__bottom .area .menu ul li ul li a.active {
  background-color: #f8af00;
  color: #fff;
}
.header__bottom .area .menu ul li ul li a:hover::after, .header__bottom .area .menu ul li ul li a:hover::before, .header__bottom .area .menu ul li ul li a.active::after, .header__bottom .area .menu ul li ul li a.active::before {
  background-color: #fff;
}
@media (min-width: 1200px) {
  .header__bottom .area .menu ul li ul li ul {
    left: 100%;
    top: 0 !important;
  }
}
.header__one {
  top: 0;
  left: 0;
  background-color: #021738;
  z-index: 9;
  position: relative;
}
@media (min-width: 1200px) {
  .header__one {
    position: fixed;
    background-color: transparent;
  }
}
.header__one .header__top {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1199px) {
  .header__one .header__top {
    display: none;
  }
}
@media (max-width: 1199px) {
  .header__one .header__top .info {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (max-width: 1199px) {
  .header__one .header__top .info ul {
    text-align: center;
  }
}
.header__one .header__top .info ul li {
  padding: 9px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1199px) {
  .header__one .header__top .info ul li:first-child {
    border-left: none;
  }
}
@media (max-width: 575px) {
  .header__one .header__top .info ul li {
    border: none;
  }
}

.header__three .header__top {
  background-color: #021738;
}
.header__three .header__bottom {
  background-color: #1d3686;
}
@media (min-width: 1200px) {
  .header__three .header__bottom .area .menu ul li > a {
    color: #fff;    
	font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
  }
}
@media (min-width: 1200px) {
  .header__three .header__bottom .area .menu ul li > a::after, .header__three .header__bottom .area .menu ul li > a::before {
    background-color: #f3b100;
  }
}
.header__three .header__bottom .area .menu ul li ul li a {
  color: #fff;
  white-space: nowrap;
    width: 100%;
}
.header__three .header__ellepsis i {
  color: #021738;
}
.header__three .header__bar span {
  background-color: #fff;
}
.header__bar {
  width: 25px;
  height: 20px;
}
.header__bar span {
  height: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #fff;
  left: 0;
}
.header__bar span:first-child {
  top: 0;
}
.header__bar span:nth-child(2) {
  top: 52%;
  transform: translateY(-65%);
}
.header__bar span:last-child {
  bottom: 0;
}
.header__bar.active span:first-child {
  -webkit-transform: rotate(45deg) translate(3px, 9px);
  -ms-transform: rotate(45deg) translate(3px, 9px);
  transform: rotate(45deg) translate(3px, 9px);
}
.header__bar.active span:nth-child(2) {
  opacity: 0;
}
.header__bar.active span:last-child {
  -webkit-transform: rotate(-45deg) translate(3px, -9px);
  -ms-transform: rotate(-45deg) translate(3px, -9px);
  transform: rotate(-45deg) translate(3px, -9px);
}
@media (max-width: 575px) {
  .header__bar {
    width: 15px;
    height: 16px;
  }
  .header__bar span {
    height: 2px;
    width: 20px;
  }
  .header__bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(4px, 6px);
    -ms-transform: rotate(45deg) translate(4px, 6px);
    transform: rotate(45deg) translate(4px, 6px);
  }
  .header__bar.active span:nth-child(2) {
    opacity: 0;
  }
  .header__bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(4px, -6px);
    -ms-transform: rotate(-45deg) translate(4px, -6px);
    transform: rotate(-45deg) translate(4px, -6px);
  }
}
.menu-item-has-children > a::after {
  top: 50%;
  transform: translateY(-50%);
  right: 25px;
  width: 10px;
  height: 2px;
  background-color: #1d3686;
}
.menu-item-has-children > a::before {
  top: 50%;
  transform: translateY(-50%);
  right: 29px;
  width: 2px;
  height: 10px;
  background-color: #1d3686;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (min-width: 1200px) {
  .menu-item-has-children > a::after {
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    right: 6px;
    width: 10px;
    height: 2px;
    background-color: #fff;
  }
  .menu-item-has-children > a::before {
    position: absolute;
    top: 49%;
    transform: translateY(-50%);
    right: 10px;
    width: 2px;
    height: 10px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
@media (min-width: 1200px) {
  .menu-item-has-children:hover > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
@media (max-width: 1199px) {
  .menu-item-has-children.open > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
.header__bararea {
	display: flex;
}
@media (min-width: 1200px) {
.d-xl-none {
    display: none!important;
}
}