/*!------------------------------------------------------------------


-------------------------------------------------------------------*/

/*------------------------------------------------------------------

[TABLE OF CONTENTS]



1. BASE



    1.1. Typography

    1.2. Common Styles

        1.2.1 Page Title

        1.2.1 404 page

    1.3 Button Style



2. NAVIGATION



3. HERO AREA



4. SKILL SECTION



    4.1. fun-facts

    4.2. counter



5. PROGRESS SECTION



    5.1. progressbar title

    5.2. progressbar value



6. MISSION SECTION



    6.1. card header

    6.2. card body



7. PROMO VIDEO SECTION



8. TESTIMONIAL SECTION



    8.1. testimonial slider

    8.2. testimonial content



9. CONTACT



    9.1. Address Item

    9.2. Google Map

    9.3. COntact Form



10. CLIENT LOGO SLIDER



11. FUN-FACTS SECTION



12. CONSULTATION SECTION



    12.1 background image

    12.2 form-control



13. ABOUT SECTION



    13.1 about content

    13.2 about item

    13.3 about content 2

    13.4 about video

    13.5 about content 3

    13.6 about slider

    13.7 philosophy

    13.8 ceo



        13.8.1 ceo item

        13.8.1 ceo content

        13.8.1 ceo content-2





14. SERVICE SECTION



    14.1 service item

    14.2 service item 2

    14.3 clients

    14.4 Process

    14.5 service menu

    14.6 service brochure

    14.7 service schedule

    14.8 service consultation

    14.9 service single



        14.9.1 service single image

        14.9.2 service single content

        14.9.3 service single list

        14.9.4 service single benefit

        14.9.5 widget



15. WORK SECTION



    15.1 work slider

    15.2 slick dots



16. CALL TO ACTION



17. TEAM SECTION



    17.1 team item

    17.2 team content

    17.3 team member

    17.4 team single



        17.4.1 team member info item

        17.4.2 team member details



18. PRICING SECTION



    18.1 pricing item



19. PROJECT SECTION



    19.1 project menu

    19.2 project item

    19.3 project single



        19.3.1 project overview

        19.3.2 case study

        19.3.3 project single content



    19.4 nav-tabs

    19.5 tab content



20. FAQ SECTION



21. BLOG SECTION



    21.1 blog item

    21.2 blog content

    21.3 blog content 2

    21.4 blog post



        21.4.1 post slider

        21.4.2 post video

        21.4.3 pagination

        21.4.4 sidebar



    21.5 blog single



        21.5.1 blog single container

        21.5.2 blog single content

        21.5.3 blog single list

        21.5.4 blog single testimonial

        21.5.5 share tags

        21.5.6 comments

        21.5.7 blog-sidebar



22. CONTACT SECTION



    22.1 contact item

    22.2 contact form

    22.3 google map



23. SIGNUP WRAPPER



    23.1 signup greetngs

    23.2 signup form



24. COMMING SOON



    24.1 SYOtimer



25. FOOTER SECTION



    25.1 social link

    25.2 footer link

    25.3 subcription

    25.4 copyright

    25.5 back to top

-------------------------------------------------------------------*/

/* 1.1 typography */

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:300,400,500,600,700|Work+Sans:400,500,600");

html{
  overflow-x: hidden;
}

body {

  font-family: "Poppins", sans-serif;

  font-weight: 400;

  -webkit-font-smoothing: antialiased;

  font-size: 15px;

/*  overflow: hidden;*/

}



p, .paragraph {

  font-weight: 400;

  color: #000000;

  font-size: 16px;

  line-height: 25px;

  text-align: justify;

  font-family: "Arial", sans-serif;

}



h1, h2, h3, h4, h5, h6 {

  color: #000000;

  font-weight: 500;

  font-family: "Poppins", sans-serif;

}



h1, .h1 {

  font-size: 60px;

}



@media (max-width: 400px) {

  h1, .h1 {

    font-size: 30px;

  }

}



h2, .h2 {

  font-size: 36px;

}



h3, .h3 {

  font-size: 30px;

}



h4, .h4 {

  font-size: 20px;

}



h5, .h5 {

  font-size: 18px;

}



h6, .h6 {

  font-size: 14px;

}



/* 1.3 Button style */

.btn {

  font-size: 14px;

  font-family: "Open Sans", sans-serif;

  text-transform: capitalize;

  padding: 12px 14px;

  border-radius: 35px;

  font-weight: 600;

  border: 0;

  position: relative;

  z-index: 1;

  transition: .2s ease;

}



.btn:focus {

  outline: 0;

  box-shadow: none !important;

}



.btn:active {

  box-shadow: none;

}



.btn-primary {

  background: #E5003D;

  color: #fff;

}



.btn-primary:active {

  background: #E5003D !important;

}



.btn-primary:hover {

  background: #ee7171;

}



.btn-secondary {

  /*background: #1C75BC;*/

  background: #E5003D;

  color: #fff;

}



.btn-secondary:active {

  background: #E5003D !important;

}



.btn-secondary:hover {

  background: #E5003D !important;

  background: #ee7171;

}



.btn-light {

  background: #fff;

  color: #000000;

  border: 2px solid #fff;

}



.btn-light:hover {

  background: transparent;

  border: 2px solid #fff;

  color: #fff;

}



.btn-outline {

  background: transparent;

  color: #000000;

  border: 2px solid #1C75BC;

}



.btn-outline:hover {

  background: #1C75BC;

  color: #fff;

}



.btn-sm {

  padding: 13px 40px !important;

}



/* 1.2 common style */

body {

  background-color: #fff;

  overflow-x: hidden;

}



::-moz-selection {

  background: #ee7171;

  color: #fff;

}



::selection {

  background: #ee7171;

  color: #fff;

}



/* preloader */

.preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 999;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

      align-items: center;

  -ms-flex-pack: center;

      justify-content: center;

}



ol,

ul {

  list-style-type: none;

  margin: 0px;

}



img {

  vertical-align: middle;

  border: 0;

}



a,

a:hover,

a:focus {

  text-decoration: none;

}



a {

  transition: .2s ease;

}



a:hover {

  color: #E5003D;

}



a.text-dark:hover,

a.text-white:hover {

  color: #E5003D !important;

}



a,

button {

  cursor: pointer;

}



.outline-0 {

  outline: 0;

}



.d-unset {

  display: unset !important;

}



.slick-slide {

  outline: 0;

}



.centralized {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.hilighted {

  background: #1C75BC;

  color: #919E4D;

  border-radius: 3px;

  padding: 2px 5px;

}



.section {

  padding: 50px 0;

}



@media (max-width: 575px) {

  .section {

    padding: 40px 0;

  }

}



.section-sm {

  padding: 80px 0;

}



.section-title {

  margin-bottom: 55px;

}



.section-title-sm {

  margin-bottom: 30px;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #000000;

}



.overlay {

  position: relative;

}



.overlay::before {

  position: absolute;

  

  content: '';

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  background: #000;

  opacity: .4;

}



.overlay-dark {

  position: relative;

}



.overlay-dark::before {

  position: absolute;

  content: '';

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  background: #000;

  opacity: .8;

}



.overlay-primary {

  position: relative;

}



.overlay-primary::before {

  position: absolute;

  content: '';

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  background: #000000;

  opacity: .3;

}



.overlay-white {

  position: relative;

}



.overlay-white::before {

  position: absolute;

  content: '';

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  background: #fff;

  opacity: .7;

}



.overlay-rounded::before {

  border-radius: 5px;

}



.section-title-border {

  position: relative;

}



.section-title-border::before {

  position: absolute;

  content: '';

  height: 2px;

  width: 120px;

  bottom: -10px;

  left: 50%;

  transform: translateX(-50%);

  background: #E5003D;

}



.section-title-border::after {

  position: absolute;

  content: '';

  height: 10px;

  width: 10px;

  border-radius: 50%;

  background: #fff;

  border: 2px solid #E5003D;

  box-shadow: 0 0 0 5px #fff;

  bottom: -14px;

  left: 50%;

  transform: translateX(-50%);

}



.section-title-border-gray {

  position: relative;

}



.section-title-border-gray::before {

  position: absolute;

  content: '';

  height: 2px;

  width: 120px;

  bottom: -10px;

  left: 50%;

  transform: translateX(-50%);

  background: #E5003D;

}



.section-title-border-gray::after {

  position: absolute;

  content: '';

  height: 10px;

  width: 10px;

  border-radius: 50%;

  background: #f5f5f5;

  border: 2px solid #E5003D;

  box-shadow: 0 0 0 5px #f5f5f5;

  bottom: -14px;

  left: 50%;

  transform: translateX(-50%);

}



.section-title-border-half {

  position: relative;

}



.section-title-border-half::before {

  position: absolute;

  content: '';

  height: 10px;

  width: 10px;

  border-radius: 50%;

  background: transparent;

  border: 2px solid #E5003D;

  bottom: -14px;

  left: 0;

}



.section-title-border-half::after {

  position: absolute;

  content: '';

  height: 2px;

  width: 50px;

  left: 15px;

  bottom: -10px;

  background: #E5003D;

}



.section-title-border-half-white {

  position: relative;

}



.section-title-border-half-white::before {

  position: absolute;

  content: '';

  height: 10px;

  width: 10px;

  border-radius: 50%;

  background: transparent;

  border: 2px solid #fff;

  bottom: -14px;

  left: 0;

}



.section-title-border-half-white::after {

  background: #fff;

  position: absolute;

  content: '';

  height: 2px;

  width: 50px;

  left: 15px;

  bottom: -10px;

}



/* 1.2.1 page title */

.page-title {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  /* padding: 160px 0 100px; */

}



/* breadcrumb */

.breadcrumb {

  background-color: transparent !important;

  -ms-flex-pack: center;

      justify-content: center;

}



.breadcrumb li,

.breadcrumb a {

  color: #fff;

  font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-size: 16px;

  margin: 0 10px;

}



.breadcrumb a {

  position: relative;

}



.breadcrumb a::before {

  position: absolute;

  content: '/';

  right: -17px;

  top: 2px;

  height: 12px;

}



/* 1.2.2 404 page start */

.page-404 {

  padding: 600px 0 60px;

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



@media (max-width: 767px) {

  .page-404 {

    padding: 450px 0 50px;

  }

  .promo-video.section div.d-flex{
    margin-left: 10px !important;
  }

}



@media (max-width: 575px) {

  .page-404 {

    padding-top: 250px;

  }

}



@media (max-width: 400px) {

  .page-404 {

    padding-top: 150px;

  }

  .topHeader-font{

    font-size: 11px !important;

  }

}



.page-404 h1 {

  font-size: 40px;

}



/* 404 page end */

/* play-icon */

.play-icon {

  width: 85px;

  height: 85px;

  border: 3px solid #fff;

  border-radius: 50%;

  display: block;

  text-align: center;

}



.play-icon:focus {

  outline: 0;

}



.play-icon i {

  line-height: 79px;

  display: block;

  font-size: 30px;

  color: #fff;

}



/* round icon */

.round-icon {

  height: 70px;

  min-width: 70px;

  max-width: 70px;

  border-radius: 50%;

  border: 1px solid #e5e5e5;

  background: #fff;

  text-align: center;

  line-height: 70px;

  font-size: 30px;

  color: #E5003D;

  display: inline-block;

}



/* 18. squre icon */

.square-icon {

  height: 65px;

  width: 65px;

  background: #E5003D;

  color: #fff;

  font-size: 35px;

  line-height: 65px;

  border-radius: 5px;

  text-align: center;

  display: inline-block;

}



/* team social icon */

.social-icon-lg {

  height: 50px;

  width: 50px;

  border-radius: 50%;

  line-height: 50px;

  text-align: center;

  color: #fff;

  font-size: 25px;

  display: inline-block;

}



.social-icon-lg i {

  margin: 0;

  color: #fff;

}



.box-shadow {

  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);

}



.golden {

  color: #efaf27 !important;

}



.bg-gray {

  background-color: #f5f5f5;

}



.bg-primary {

  background-color: #E5003D !important;

}



.bg-secondary {

  background-color: #1C75BC !important;

}



.text-primary {

  color: #E5003D !important;

}



.bg-facebook {

  background-color: #4267b2;

}



.bg-twitter {

  background-color: #449de8;

}



.bg-linkedin {

  background-color: #2f6ea3;

}



.bg-google {

  background-color: #e62211;

}



.text-color {

  color: #000000;

}



.text-dark {

  color: #000000;

}



.text-underline {

  text-decoration: underline;

}



.text-underline:hover {

  text-decoration: underline;

}



.font-primary {

  font-family: "Poppins", sans-serif;

}



.font-secondary {

  font-family: "Open Sans", sans-serif;

}



.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;

}



@media (max-width: 991px) {

  .mb-md-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;

}



.py-10 {

  padding: 10px 0;

}



.py-50 {

  padding: 50px 0;

}



.py-100 {

  padding-top: 100px;

  padding-bottom: 100px;

}



.py-160 {

  padding: 160px 0;

}



.ml-65 {

  margin-left: 65px;

}



.pb-xl-200-lg-100 {

  padding-bottom: 200px;

}



@media (max-width: 1199px) {

  .pb-xl-200-lg-100 {

    padding-bottom: 100px;

  }

}



.mb-xl-150-lg-100 {

  margin-bottom: 150px;

}



@media (max-width: 1199px) {

  .mb-xl-150-lg-100 {

    margin-bottom: 100px;

  }

}



.translateY-25 {

  transform: translateY(25px);

}



.translateY-10 {

  transform: translateY(-10px);

}



.translateY-33 {

  transform: translateY(-33px);

}



/* 2. Navigation */

.top-header {

  background: #1C75BC;

}



@media (max-width: 575px) {

  .top-header ul {

    text-align: center;

  }

}



/* .top-header ul li {

  margin: 15px 0;

} */



@media (max-width: 575px) {

  .top-header ul li {

    margin: 10px 0;

  }

}



.top-header ul li a {

  display: inline-block;

  padding: 0px;

  /* border-right: 1px solid #e5e5e5; */

  color: #ffffff;

}



@media (max-width: 575px) {

  .top-header ul li a {

    border: 0;

  }

}



.top-header ul li a span {

  color: #E5003D;

}



.top-header ul li:last-child a {

  padding-right: 0;

  border-right: 0;

}



.navigation .navbar {

  padding: 0;

  background: #fff !important;

  position: relative;

}



.navigation .navbar-brand {

  /* position: absolute;

  left: 0;

  top: 0px;

  height: 200px;

  width: 220px; */

  /* background: #fff; */

  text-align: center;

  /* box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); */

  z-index: 9;

}



@media (max-width: 991px) {

  .navigation .navbar-brand {

    position: relative;

    height: unset;

    width: unset;

    box-shadow: none;

    top: 0px;

    background: none;

  }

  .navigation .navbar-brand img {

    /* height: 50px; */

    width: auto;

    transform: translateY(0%) !important;

  }

}



.navigation .navbar-brand img {

  position: relative;

  top: 100%;

  transform: translateY(0%);

}



.navigation .navbar .nav-item {

  padding: 28px 0;

}



@media (max-width: 991px) {

  .navigation .navbar .nav-item {

    padding: 0;

  }

}



.navigation .navbar .nav-item .nav-link {

  padding: 15px 14px;

  font-family: "Poppins", sans-serif;

  font-weight: 600;

  color: #000000;

  text-transform: uppercase;

  transition: .2s ease;

  font-size: 15px;

}



@media (max-width: 1199px) {

  .navigation .navbar .nav-item .nav-link {

    font-size: 12px;

    padding: 15px 6px;

  }

}



@media (max-width: 991px) {

  .navigation .navbar .nav-item .nav-link {

    padding: 15px 0;

    font-size: 14px;

    text-align: center;

  }

}



.navigation .navbar .nav-item .nav-link:hover {

  color: #E5003D;

}



.navigation .navbar .nav-item:last-child {

  padding: 28px 0 27px 0px;

}



@media (max-width: 991px) {

  .navigation .navbar .nav-item:last-child {

    padding: 0;

    margin-bottom: 20px;

  }

}




.navigation .navbar .nav-item.active .nav-link {

  color: #E5003D;

}



.navigation .navbar .dropdown:hover .dropdown-menu {

  visibility: visible;

  opacity: 1;

  transform: scaleY(1);

}



.navigation .navbar .dropdown-menu {

  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.12);

  /*padding: 40px 30px;*/

  padding: 25px 4px 3px 10px;

  border: 0;

  border-radius: 0;

  top: 80%;

  left: -20px;

  display: block;

  visibility: hidden;

  transition: .3s ease;

  opacity: 0;

  transform: scaleY(0);

  transform-origin: top;

}



@media (max-width: 991px) {

  .navigation .navbar .dropdown-menu {

    display: none;

    opacity: 1;

    visibility: visible;

    transform: scaleY(1);

    transform-origin: unset;

  }

}



.navigation .navbar .dropdown-menu.show {

  visibility: visible;

  opacity: 1;

  transform: scaleY(1);

}



@media (max-width: 991px) {

  .navigation .navbar .dropdown-menu.show {

    display: block;

  }

}



.navigation .navbar .dropdown-item {

  position: relative;

  color: #000000;

  transition: .2s ease;

}



.navigation .navbar .dropdown-item:not(:last-child) {

  margin-bottom: 3px;

}



.navigation .navbar .dropdown-item:hover {

  color: #E5003D;

  text-decoration: underline;

  background: transparent;

}



.navigation .navbar .dropdown-item::before {

  position: absolute;

  content: '';

  left: 5px;

  top: 12px;

  height: 4px;

  width: 4px;

  border-radius: 50%;

  background: #848484;

  border: 1px solid #fff;

  display: inline-block;

  box-shadow: 0 0 0 2px #848484;

}



@media (max-width: 991px) {

  .navigation .navbar .dropdown-item {

    text-align: center;

  }

  .navigation .navbar .dropdown-item::before {

    display: none;

  }

}



/* 2.3. Search Form */

.search-form {

  padding: 230px 0;

  background: #1C75BC;

  position: absolute;

  width: 100%;

  top: -800px;

  z-index: 10;

  transition: .3s ease-in;

}



.search-form .close {

  position: absolute;

  top: 30px;

  right: 30px;

  color: #fff;

}



.search-form .close i {

  transition: .3s ease;

  display: inline-block;

}



.search-form .close:hover i {

  transform: rotate(90deg);

}



.search-form.open {

  top: 0;

}



.search-form .form-control {

  background: transparent;

  border: 1px solid #e5e5e5;

  border-radius: 0;

  font-size: 20px;

  transition: .3s ease;

  position: relative;

  color: #fff;

  height: 130px;

  padding: 30px 40px;

}



.search-form h3 {

  font-size: 35px;

  color: #fff;

  margin-bottom: 35px;

}



.search-form .input-wrapper {

  position: relative;

}



.search-form .input-wrapper button {

  background: none;

  border: 0;

  position: absolute;

  font-size: 20px;

  top: 50%;

  right: 20px;

  transform: translateY(-50%);

  cursor: pointer;

  padding: 20px;

}



.search-form .input-wrapper button i {

  color: #fff;

}



/* 3. hero area */

.hero-slider.slick-slider {

  margin-bottom: 80px;

}



.hero-slider [data-animation-in] {

  opacity: 0;

}



.hero-slider-item {

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  outline: 0;

}



.hero-slider .prevArrow,

.hero-slider .nextArrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  height: 70px;

  width: 70px;

  border-radius: 50%;

  background: rgba(48, 48, 50, 0.5);

  color: #fff;

  border: 0;

  font-size: 25px;

  line-height: 70px;

  opacity: 0;

  transition: all linear .2s;

}



@media (max-width: 575px) {

  .hero-slider .prevArrow,

  .hero-slider .nextArrow {

    display: none;

  }

}



.hero-slider .prevArrow:focus,

.hero-slider .nextArrow:focus {

  outline: 0;

}



.hero-slider .prevArrow:hover,

.hero-slider .nextArrow:hover {

  background: rgba(232, 68, 68, 0.5);

}



.hero-slider .prevArrow {

  left: 20px;

}



.hero-slider .nextArrow {

  right: 20px;

}



.hero-slider:hover .prevArrow, .hero-slider:hover .nextArrow {

  opacity: 1;

}



.hero-slider .slick-dots {

  bottom: -81px;

  padding-left: 0;

  text-align: center;

  border-bottom: 1px solid #e5e5e5;

}



.hero-slider .slick-dots li {

  width: 295px;

  height: 80px;

  background: #fff;

  margin: 0;

  display: inline-block;

  position: relative;

  /* @include mobile-xs {

                    width: 50px;

                } */

}



@media (max-width: 1199px) {

  .hero-slider .slick-dots li {

    width: 230px;

  }

}



@media (max-width: 991px) {

  .hero-slider .slick-dots li {

    width: 180px;

  }

}



@media (max-width: 767px) {

  .hero-slider .slick-dots li {

    width: 120px;

  }

}



@media (max-width: 575px) {

  .hero-slider .slick-dots li {

    width: 25%;

  }

}



.hero-slider .slick-dots li::before {

  position: absolute;

  content: '';

  left: 50%;

  top: -12px;

  height: 25px;

  width: 25px;

  background: #1C75BC;

  transform: translateX(-50%) rotate(-45deg);

  opacity: 0;

}



.hero-slider .slick-dots li a {

  display: block;

  position: relative;

  text-align: center;

  transition: .3s ease;

  color: #1C75BC;

}



.hero-slider .slick-dots li a i {

  display: none;

  font-size: 30px;

  line-height: 80px;

  margin-right: 15px;

  vertical-align: middle;

}



@media (max-width: 991px) {

  .hero-slider .slick-dots li a i {

    font-size: 20px;

    margin-right: 5px;

  }

}



@media (max-width: 767px) {

  .hero-slider .slick-dots li a i {

    margin: 0;

  }

  .mobile-vwe{
    display: none;
  }

}



.hero-slider .slick-dots li a span {

  font-size: 18px;

  font-weight: 500;

  line-height: 80px;

}



@media (max-width: 991px) {

  .hero-slider .slick-dots li a span {

    font-size: 15px;

  }

}



@media (max-width: 767px) {

  .hero-slider .slick-dots li a span {

    display: none;

  }

}



.hero-slider .slick-dots li.slick-active {

  /*background: #1C75BC;*/

  background: #E5003D;

}



.hero-slider .slick-dots li.slick-active a {

  color: #fff;

}



.hero-slider .slick-dots li.slick-active::before {

  opacity: 1;

}



.hero-content h4 {

  letter-spacing: 2px;

}



/* 5. progrgess bar start */

.progressbar-title {

  font-size: 17px;

  font-family: "Open Sans", sans-serif;

  margin-bottom: 7px;

  color: #000000 !important;

}



.progress {

  border-radius: 35px;

  overflow: visible;

  margin-bottom: 35px;

  /* 5.2 progressbar value */

}



.progress-bar {

  background-color: #1C75BC;

  border-radius: 35px;

  position: relative;

}



.progress-bar-value {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  color: #fff;

  background: #1C75BC;

  padding: 5px 9px;

  position: absolute;

  top: -35px;

  right: -15px;

  border-radius: 5px;

}



.progress-bar-value::before {

  position: absolute;

  content: '';

  bottom: -5px;

  left: 50%;

  background: #1C75BC;

  height: 10px;

  width: 10px;

  transform: translateX(-50%) rotate(-45deg);

}



/* progrgess bar End */

/* 6. mission section start */

.card-header:first-child {

  border-radius: 35px;

}



/* 7. promo video section start */

.promo-video {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}



.promo-video p {

  font-family: "Work Sans", sans-serif;

}



/* promo video section end */

/* 8. testimonial section start */

.testimonial-slider {

  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);

  position: relative;

}



.testimonial-slider .prevArrow,

.testimonial-slider .nextArrow {

  position: absolute;

  top: 85px;

  border: 0;

  font-size: 20px;

  background: transparent;

  color: #E5003D;

  z-index: 9;

}



.testimonial-slider .prevArrow:focus,

.testimonial-slider .nextArrow:focus {

  outline: 0;

}



.testimonial-slider .prevArrow {

  right: 90px;

}



.testimonial-slider .nextArrow {

  right: 50px;

}



.testimonial-slider .slick-disabled {

  color: #e5e5e5;

}



.testimonial-icon {

  height: 80px;

  width: 80px;

  border-radius: 50%;

  background: #f5f5f5;

  color: #E5003D;

  font-size: 25px;

  line-height: 80px;

  display: inline-block;

  text-align: center;

  margin-bottom: 25px;

}



/* testimonial section end */

/* 10. client logo slider start */

.client-logo-slider .slick-track {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

      align-items: center;

}



/* client logo slider end */

/* 11. fun-facts section start */

.fun-facts {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

}



/* fun-facts section end */

/* 12. consultation section start */

.consultation {

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}



/* consultation section end */

/* 16. call to action start */

.cta {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}



/* card */

.card-img-wrapper {

  position: relative;

}



.card-img-wrapper::before {

  position: absolute;

  content: '';

  height: 100%;

  width: 100%;

  background: #000;

  opacity: 0;

  top: 0;

  left: 0;

  transition: .2s;

}



.card-body-2 {

  position: relative;

  transition: .2s ease;

  border-radius: 0 0 5px 5px;

}



.card-body-2::before {

  position: absolute;

  content: '';

  height: 30px;

  width: 30px;

  background: #fff;

  top: -15px;

  left: 50%;

  transform: translateX(-50%) rotate(-45deg);

  transition: .2s ease;

}



.card:hover .card-img-wrapper::before {

  opacity: .4;

}



.card:hover .card-body-2 {

  background: #E5003D;

}



.card:hover .card-body-2 h5,

.card:hover .card-body-2 h6,

.card:hover .card-body-2 a {

  color: #fff;

}



.card:hover .card-body-2::before {

  background: #E5003D;

}



.overlay-rounded-top::before {

  border-radius: 5px 5px 0 0;

}



/* 13. about section */

.about {

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

  /* 13.4 about video */

  /* 13.6 about slider */

}



.about-video {

  min-height: 300px;

}



.about-slider {

  position: relative;

  border-radius: 10px;

  overflow: hidden;

}



.about-slider .prevArrow,

.about-slider .nextArrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  height: 55px;

  width: 55px;

  border-radius: 50%;

  border: 0;

  line-height: 55px;

  text-align: center;

  background: #fff;

  transition: .2s ease;

}



.about-slider .prevArrow:focus,

.about-slider .nextArrow:focus {

  outline: 0;

}



.about-slider .prevArrow:hover,

.about-slider .nextArrow:hover {

  background: #E5003D;

  color: #fff;

}



.about-slider .prevArrow {

  left: 25px;

}



.about-slider .nextArrow {

  right: 25px;

}



/* 13.8 ceo section start */

.ceo-image {

  background-position: center center;

  background-size: cover;

  background-repeat: no-repeat;

  min-height: 400px;

}



/* ceo section end */

/* 14.3 clients */

.clients {

  background-position: center right;

  background-size: 50%;

  background-repeat: no-repeat;

}



@media (max-width: 991px) {

  .clients {

    background-size: cover !important;

    background-position: center center;

    text-align: center;

  }

}



.clients ul li {

  height: 66px;

}



.clients ul li img {

  position: relative;

  top: 50%;

  transform: translateY(-50%);

  display: inline-block;

}



/* 14.4 process */

.process-item {

  width: 330px;

}



@media (max-width: 1199px) {

  .process-item {

    width: unset;

  }

}



.process-item-number {

  position: absolute;

  left: -35px;

  top: -35px;

  height: 70px;

  width: 70px;

  line-height: 70px;

  border-radius: 50%;

  text-align: center;

  background: #fff;

  box-shadow: -5px 0px 40px 0px rgba(0, 0, 0, 0.1);

  font-family: "Open Sans", sans-serif;

  font-weight: 700;

  font-size: 32px;

  color: #000000;

}



@media (max-width: 1199px) {

  .process-item-number {

    top: -35px;

    left: 50%;

    transform: translateX(-50%);

  }

}



.process-item h5 {

  margin-bottom: 5px;

  color: #E5003D;

}



img.arrow-top {

  position: absolute;

  top: 220px;

  right: 250px;

}



@media (max-width: 1199px) {

  img.arrow-top {

    display: none;

  }

}



img.arrow-bottom {

  position: absolute;

  bottom: 100px;

  left: 250px;

}



@media (max-width: 1199px) {

  img.arrow-bottom {

    display: none;

  }

}



/* service single start */

.service-menu li.active {

  position: relative;

}



/* .service-menu li.active a {


  background: #E5003D;

  color: #fff !important;

} */



/* .service-menu li.active::before {

  position: absolute;

  content: '';

  height: 15px;

  width: 15px;

  background: #E5003D; 

  top: 50%;

  left: -7px;

  transform: translateY(-50%) rotate(-45deg);

} */



@media (max-width: 991px) {

  .service-menu li.active::before {

    display: none;

  }

}



.service-menu li:hover a {

  color: #fff !important;

  background: #1C75BC;

}



/* service single end */

/* 15. work section */




.work-slider-image {

  position: relative;

}



.work-slider-image .image-overlay {

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(0, 0, 0, 0.75);

  height: 100%;

  width: 100%;

  padding: 15px 25px;

  opacity: 0;

  transition: .2s;

}



.work-slider-image .image-overlay i {

  position: absolute;

  color: #fff;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  display: inline-block;

  font-size: 24px;

  transition: .2s ease;

  padding: 10px;

}



.work-slider-image .image-overlay i:hover {

  font-size: 30px;

}



.work-slider-image .image-overlay a.h4 {

  position: absolute;

  bottom: 50px;

  color: #fff;

  transition: .2s ease;

  transform: translateY(20px);

  opacity: 0;

}



.work-slider-image .image-overlay a.h4:hover {

  color: #E5003D;

}



.work-slider-image .image-overlay p {

  position: absolute;

  bottom: 15px;

  color: #fff;

  transform: translateY(10px);

  opacity: 0;

  transition: .3s ease;

  transition-delay: .1s;

}



.work-slider-image:hover .image-overlay {

  opacity: 1;

}



.work-slider-image:hover a.h4,

.work-slider-image:hover p {

  transform: translateY(0);

  opacity: 1;

}



.work-slider .slick-dots {

  padding-left: 0;

  position: absolute;

  bottom: -60px;

  left: 50%;

  transform: translateX(-50%);

}



.work-slider .slick-dots li {

  margin: 0 14px;

}



@media (max-width: 400px) {

  .work-slider .slick-dots li {

    margin: 0 2px;

  }

}



.work-slider .slick-dots li:first-child {

  margin-left: 0;

}



.work-slider .slick-dots li button {

  height: 10px;

  width: 40px;

  border-radius: 25px;

  color: transparent;

  overflow: hidden;

  border: 0;

  border: 2px solid #e5e5e5;

  background: transparent;

  outline: 0;

  display: block;

}



.work-slider .slick-dots li button::before {

  display: none;

}



@media (max-width: 400px) {

  .work-slider .slick-dots li button {

    width: 10px;

  }

}



.work-slider .slick-dots li.slick-active button {

  border-color: #E5003D;

}



/* 19. project section */




.project-menu ul li {

  padding: 5px 20px;

  border-radius: 35px;

  color: #000000;

  font-size: 16px;

  font-weight: 400;

  border: 1px solid #e5e5e5;

  cursor: pointer;

  background: #f5f5f5;

  margin: 0 10px 25px;

}



.project-menu ul li.active {

  background: #E5003D;

  color: #fff;

}



.project-info {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

  transition: .2s ease;

}



.project-info a {

  color: #fff;

  position: absolute;

  left: 30px;

  bottom: 40px;

  transform: translateY(20px);

  opacity: 0;

}



.project-info a:hover {

  color: #E5003D;

}



.project-info p {

  position: absolute;

  left: 25px;

  bottom: 0;

  color: #fff;

  transition: .2s ease;

  transform: translateY(20px);

  opacity: 0;

  transition-delay: .1s;

}



.project-info p i {

  margin-right: 5px;

}



.project-info:hover {

  opacity: 1;

}



.project-info:hover a {

  transform: translateY(0);

  opacity: 1;

}



.project-info:hover p {

  transform: translateY(0);

  opacity: .7;

}



/* 19.3 project single page start */

/* 19.4 nav tabs */

.nav-tabs {

  border: 0;

  margin-bottom: 30px;

}



@media (max-width: 991px) {

  .nav-tabs {

    -ms-flex-pack: center;

        justify-content: center;

  }

}



.nav-tabs .nav-item:not(:last-child) {

  margin-right: 10px;

}



@media (max-width: 575px) {

  .nav-tabs .nav-item {

    margin-bottom: 10px;

  }

}



.nav-tabs .nav-item .nav-link {

  padding: 10px 30px;

  border: 1px solid #e5e5e5;

  background: #f5f5f5;

  border-radius: 45px;

  text-align: center;

  vertical-align: middle;

  color: #000000;

  transition: .2s ease;

  font-size: 16px;

  font-family: "Poppins", sans-serif;

}



.nav-tabs .nav-item .active {

  background: #fff;

  color: #E5003D;

  border-color: #E5003D;

}



/* 19.5 tab content */

.tab-content {

  padding: 40px;

  margin-bottom: 60px;

  border-radius: 5px;

  background: #fff;

  border: 1px solid #e5e5e5;

}



.tab-content-item {

  margin-left: 20px;

}



.tab-content-item:not(:last-child) {

  margin-bottom: 45px;

}



.tab-content-item h6 {

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  font-size: 14px;

  color: #000000;

  margin-bottom: 25px;

  position: relative;

}



.tab-content-item h6::before {

  position: absolute;

  content: "\e65d";

  font-family: "themify";

  top: 0;

  left: -20px;

  color: #E5003D;

}



.tab-content-item p {

  margin-bottom: 0;

}



/* project single page end */

/* 21.4.3 pagination */

.pagination .page-item .page-link {

  background: transparent;

  border: none;

  color: #000;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  transition: .3s ease;

}



.pagination .page-item .page-link:hover {

  color: #E5003D;

}



.pagination .page-item.active .page-link {

  color: #E5003D;

}



.pagination .prev,

.pagination .next {

  border: 1px solid #e5e5e5;

  border-radius: 30px;

  padding: 5px 10px;

  transition: .3s ease;

}



.pagination .prev:hover,

.pagination .next:hover {

  border-color: #E5003D;

}



.pagination .prev:hover .page-link,

.pagination .next:hover .page-link {

  color: #E5003D;

}



.pagination .prev {

  margin-right: 30px;

}



.pagination .next {

  margin-left: 30px;

}



/* 21.4.1 post slider */

.post-slider {

  position: relative;

}



.post-slider .prevArrow,

.post-slider .nextArrow {

  position: absolute;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  line-height: 50px;

  top: 50%;

  border: 0;

  font-size: 20px;

  background: transparent;

  color: #E5003D;

  z-index: 9;

  background: rgba(255, 255, 255, 0.8);

  transition: .3s ease;

}



.post-slider .prevArrow:focus,

.post-slider .nextArrow:focus {

  outline: 0;

}



.post-slider .prevArrow:hover,

.post-slider .nextArrow:hover {

  background: rgba(232, 68, 68, 0.25);

}



.post-slider .prevArrow {

  left: 40px;

}



.post-slider .nextArrow {

  right: 40px;

}



.post-slider .slick-disabled {

  color: #e5e5e5;

}



/* 21.4.4 sidebar */

.search-wrapper {

  position: relative;

}



.search-wrapper input {

  background: #f5f5f5;

  border-radius: 30px;

  font-weight: 400;

  height: 40px;

  line-height: 40px;

  padding: 0 25px;

  font-size: 13px;

}



.search-wrapper::before {

  content: "\e610";

  font-family: "themify";

  position: absolute;

  top: 50%;

  right: 20px;

  color: #000000;

  transform: translateY(-50%);

}



ul.tag-list li {

  margin-bottom: 7px;

}



ul.tag-list li a {

  color: #000000;

  padding: 10px 15px;

  display: block;

  border: 1px solid #e5e5e5;

  border-radius: 30px;

  font-size: 13px;

  transition: .3s ease;

}



ul.tag-list li a:hover {

  background: #E5003D;

  border-color: #E5003D;

  color: #fff;

}



.newsletter .form-control {

  font-weight: 400;

  padding: 0 20px;

  height: 40px;

  line-height: 40px;

  border-radius: 30px;

  font-size: 13px;

}



/* 21.5 blog single start */

/* share icon */

.share-icon {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  line-height: 40px;

  text-align: center;

  font-size: 16px;

  display: inline-block;

}



.share-icon i {

  color: #fff;

}



/* 21.5.7 blog sidebar */

.sidebar-box-shadow {

  box-shadow: -3px 0px 3px 0px rgba(0, 0, 0, 0.06);

}



/* blog single end */

/* 22. contact section */

.form-control {

  border-radius: 5px;

  padding: 0 15px 2px;

  height: 40px;

  margin-bottom: 15px;

  border: 1px solid #e5e5e5;

  font-family: "Open Sans", sans-serif;

  font-weight: 600;

  font-size: 14px;

  color: #000000;

}



.form-control:focus {

  border-color: #E5003D;

  box-shadow: none !important;

}



.form-control::-webkit-input-placeholder {

  color: #000000;

}



.form-control:-ms-input-placeholder {

  color: #000000;

}



.form-control::placeholder {

  color: #000000;

}



/* 22.3 google map */

.map {

  position: relative;

}



.map #map_canvas {

  height: 450px;

}



/* 23.1 signup greetings */

.signup {

  border-radius: 5px;

  overflow: hidden;

  box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.1);

  /* 23.2 signup form */

}



.signup-greeting {

  background-position: top center;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 70px 0 140px;

  text-align: center;

}



@media (max-width: 1199px) {

  .signup-greeting {

    padding-bottom: 80px;

  }

}



@media (max-width: 767px) {

  .signup-greeting {

    padding-top: 200px;

  }

}



@media (max-width: 575px) {

  .signup-greeting {

    padding-top: 400px;

  }

}



.signup-greeting img {

  margin-bottom: 50px;

  position: relative;

  z-index: 9;

}



.signup-greeting h4 {

  color: #fff;

  margin-bottom: 20px;

  position: relative;

  z-index: 9;

}



.signup-greeting p {

  color: #fff;

  position: relative;

  z-index: 9;

  margin: 0 40px;

}



.signup-form {

  padding: 50px 50px 50px 35px;

}



@media (max-width: 1199px) {

  .signup-form {

    padding: 50px 15px 50px 0;

  }

}



@media (max-width: 767px) {

  .signup-form {

    padding: 50px;

  }

}



@media (max-width: 575px) {

  .signup-form {

    text-align: center;

  }

}



.signup-form h4 {

  float: left;

  font-size: 26px;

  margin-bottom: 35px;

}



@media (max-width: 575px) {

  .signup-form h4 {

    float: unset;

  }

}



.signup-form a {

  color: #E5003D;

}



.signup-form .btn {

  margin-top: 30px;

}



.signup-form p.signup-with {

  display: inline-block;

  margin-top: 42px;

}



.signup-form ul {

  margin-top: 37px;

  display: inline-block;

}



.signup-form ul li a {

  height: 30px;

  width: 30px;

  line-height: 30px;

  color: #fff;

  text-align: center;

  border-radius: 50%;

  display: inline-block;

}



/* 24. comming soon */

.comming-soon {

  height: 100vh;

  background-size: cover;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-align: center;

      align-items: center;

}



.comming-soon h1 {

  font-size: 50px;

  font-weight: 600;

}



@media (max-width: 575px) {

  .comming-soon h1 {

    font-size: 30px;

  }

}



.comming-soon .form-control {

  height: 45px;

  border-radius: 45px;

  position: relative;

  background: transparent;

  border: 1px solid #e5e5e5;

  color: #fff;

  margin-bottom: 40px;

}



.comming-soon .form-control::-webkit-input-placeholder {

  color: #000000;

}



.comming-soon .form-control:-ms-input-placeholder {

  color: #000000;

}



.comming-soon .form-control::placeholder {

  color: #000000;

}



.comming-soon .btn-email {

  position: absolute;

  top: 0;

  right: 15px;

  background: #fff;

  border: 0;

  color: #E5003D;

  border-radius: 45px;

  height: 45px;

  padding: 0 50px;

}



@media (max-width: 575px) {

  .comming-soon .btn-email {

    padding: 0 10px;

  }

}



.comming-soon i {

  color: #5c5c5c;

  margin: 0 15px;

  transition: .2s ease;

  font-size: 24px;

}



.comming-soon i:hover {

  color: #E5003D;

}



/* 24.1 syotimer */

.syotimer {

  text-align: center;

  margin: 0 auto 40px;

}



.syotimer-cell:last-child .syotimer-cell__value::before {

  opacity: 0;

}



.syotimer-cell {

  display: inline-block;

  margin: 0 25px;

}



@media (max-width: 1199px) {

  .syotimer-cell {

    margin: 0 20px;

  }

}



@media (max-width: 575px) {

  .syotimer-cell {

    margin: 0 10px;

  }

}



@media (max-width: 400px) {

  .syotimer-cell {

    margin: 0 5px;

  }

}



.syotimer-cell__value {

  font-size: 60px;

  font-weight: 600;

  color: #fff;

  position: relative;

}



@media (max-width: 1199px) {

  .syotimer-cell__value {

    font-size: 50px;

  }

}



@media (max-width: 575px) {

  .syotimer-cell__value {

    font-size: 30px;

  }

}



@media (max-width: 400px) {

  .syotimer-cell__value {

    font-size: 24px;

  }

}



.syotimer-cell__value::before {

  position: absolute;

  content: ':';

  height: 30px;

  color: #fff;

  right: -30px;

  top: 0;

}



@media (max-width: 575px) {

  .syotimer-cell__value::before {

    right: -20px;

  }

}



@media (max-width: 400px) {

  .syotimer-cell__value::before {

    right: -12px;

  }

}



.syotimer-cell__unit {

  text-transform: uppercase;

  font-weight: 600;

  font-size: 16px;

  color: #fff;

}



/* 25.1 social link */

.social-icon-outline {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  background: transparent;

  /* border: 1px solid #fff; */

  text-align: center;

  transition: .2s ease;

  display: inline-block;

}



.social-icon-outline i {

  line-height: 40px;

  color: #fff;

  font-size: 18px;

}



.social-icon-outline:hover {

  border-color: #E5003D;

}



/* 25.2 footer link */

.footer-links {

  padding-left: 18px;

}



.footer-links li {

  margin-bottom: 20px;

  position: relative;

}



.footer-links li::before {

  position: absolute;

  font-family: "themify";

  content: "\e649";

  top: 0;

  left: -20px;

  height: 12px;

  width: auto;

  color: #fff;

}



.footer-links li a {

  color: #fff;

  font-family: "Open Sans", sans-serif;

  font-size: 16px;

  transition: .2s ease;

  display: block;

}



.footer-links li a:hover {

  text-decoration: underline;

  color: #E5003D;

}



/* 25.3 subcription */

.form-control.subscribe {

  width: 100%;

  border-radius: 35px;

  border: 0;

  padding: 0 20px !important;

  height: 50px;

}



/* subscribe button */

.btn-subscribe {

  position: absolute;

  right: 5px;

  top: 5px;

  border: 0;

  height: 40px;

  width: 40px;

  border-radius: 50%;

  color: #fff;

  background: #E5003D;

  transition: all linear .2s;

}



.btn-subscribe:hover {

  padding-left: 15px;

}



.btn-subscribe:focus {

  outline: 0;

}



/* back to top button */

.back-to-top {

  position: absolute;

  height: 50px;

  width: 50px;

  border-radius: 50%;

  color: #fff;

  background: #1C75BC;

  top: -25px;

  right: 10px;

  border: 1px solid #454547;

  text-align: center;

  display: block;

  transition: .2s ease;

}



.back-to-top i {

  line-height: 50px;

}



.back-to-top:hover {

  border-color: #E5003D;

}



.back-to-top:focus {

  outline: 0;

}



/*# sourceMappingURL=maps/style.css.map */





@media (max-width: 523px) {

  .topHeader-font{

    font-size: 12px !important;

  }

}

@media (max-width: 500px) {

  .topHeader-font{

    font-size: 12px !important;

  }

}

@media (max-width: 480px) {

  .topHeader-font{

    font-size: 12px !important;

  }

}

@media (max-width: 450px) {

  .topHeader-font{

    font-size: 12px !important;

  }

}

@media (max-width: 430px) {

  .topHeader-font{

    font-size: 12px !important;

  }

}

@media (max-width: 414px) {

  .topHeader-font{

    font-size: 12px !important;



  }

}

@media (max-width: 390px) {

  .topHeader-font{

    font-size: 11px !important;

  }

}



@media (max-width: 375px) {

  .topHeader-font{

    font-size: 10px !important;

  }

}



@media (max-width: 360px) {

  .topHeader-font{

    font-size: 9px !important;

  }

}


.tag-cloud{
  text-align: left;
  padding-left:0px;

}

.tag-cloud li a {
  background: #ede8e8;
  color: #414141;
  border: 0;
  border-radius: 4px;
  padding: 8px 15px;
  font-size: 12px;
}

.tag-cloud li a:active, .tag-cloud li a:focus, .tag-cloud li a:hover{
  background:#E5003D;
}


.tag-cloud li{
  list-style-type: none;
  padding: 5px;
  display: inline-block;
}

.tags-heading{
  font-size: 20px;
    color: #2da8d8ff;
    padding-left: 30px;
    padding-bottom: 15px;
}

.widget.tags{
  padding: 25px 15px;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.25rem;
  margin-top: 45px;
}



.ti-twitter-alt{
	font-family:sans-serif;
}
.ti-twitter-alt::before{
	content:"𝕏";
	font-size:1.2em;
}

.get-off{
  margin-right: 8px;
}

@media (max-width:991px){
  .get-off{
    display: none !important;
  }
}

.offer-row .offer-col{
  transform: scale(.9);
}

.topHeader-font a{
  color: #fff;
}

.offers-se p{
  line-height: 32px;
}

.header-social-list{
  
  display: inline-block;
}

.topHeader-font{
  float: left; margin-top: 13px; color: #ffffff;
}

@media (max-width:1200px){
  .header-social-list{
  
    display: none;
  }
}

.navigation.sticky{
  background: #fff;
}



.service-sectoer h4{
  background: #1c65bc;
  margin-bottom: 0 !important;
  color: #fff;
  padding-bottom: 12px !important;
}

.cta-btn{
  width: 175px !important;
  background: #e81b52 !important;
  color: #fff !important;
  font-size: 16px !important;
  border: none !important;
}

.align-self-center.font-primary{
  position: relative;
  top: 5px;
}

.head-btn{
  background: #1c65bc !important;
  color: #fff !important;
}

@media (max-width:767px){
  .main-head-slider, .main-head-slider .hero-slider-item{
    height: 72vh !important;
  }
  .main-head-slider .slick-dots{
    display: none !important;
  }
}


.videoBox{
  display: none;
  position: fixed;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
}

.videoBox.play{
  display: flex;
  align-items: center;
  justify-content: center;
}

.videoBox video{
  height: 85%;
}

.videoBox span{
  position: absolute;
    top: 0px;
    right: 15px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
}

@media (max-width:767px){
  .blog.offers-se  h3{
    margin-top: 20px;
  }
}