@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(https://cdn.jsdelivr.net/jquery.meanmenu/2.0.6/meanmenu.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css);
@import url(https://cdnjs.cloudflare.com/ajax/libs/pikaday/1.4.0/css/pikaday.min.css);
@import url(assets/css/frontend-style.css);
@font-face {font-family:'oswald-regular';src: url('assets/fonts/Oswald-Regular.ttf')  format('truetype')}
@font-face {font-family:'nova-bold';src: url('assets/fonts/ProximaNova-Bold.otf')  format('opentype')}
@font-face {font-family:'nova-regular';src: url('assets/fonts/ProximaNova-Regular.otf')  format('opentype')}
@font-face {font-family:'nova-semi';src: url('assets/fonts/ProximaNova-Semibold.otf')  format('opentype')}
@font-face {font-family:'oswald-light';src: url('assets/fonts/Oswald-Light.ttf')  format('opentype')}
@font-face {font-family:'oswald-medium';src: url('assets/fonts/Oswald-Medium.ttf')  format('opentype')}
@font-face {font-family:'montserrat-black';src: url('assets/fonts/Montserrat-Black.ttf')  format('truetype')}
@font-face {font-family:'montserrat-regular';src: url('assets/fonts/Montserrat-Regular.ttf')  format('truetype')}
@font-face {font-family:'montserrat-bold';src: url('assets/fonts/Montserrat-Bold.ttf')  format('truetype')}

.nova-bold{font-family:'nova-bold';}
.montserrat-bold{font-family:'montserrat-bold';}
  /*font sizes*/
.px-8-font{font-size:8px}.px-10-font{font-size:10px}.px-12-font{font-size:12px}.px-14-font{font-size:14px}.px-16-font{font-size:16px}.px-18-font{font-size:18px}.px-20-font{font-size:20px}.px-22-font{font-size:22px}.px-24-font{font-size:24px}.px-26-font{font-size:26px}.px-28-font{font-size:28px}.px-30-font{font-size:30px}.px-32-font{font-size:32px}.px-34-font{font-size:34px}.px-36-font{font-size:36px}.px-38-font{font-size:38px}.px-40-font{font-size:40px}.px-42-font{font-size:42px}.px-44-font{font-size:44px}.px-46-font{font-size:46px}.px-48-font{font-size:48px}.px-50-font{font-size:50px}.px-52-font{font-size:52px}.px-54-font{font-size:54px}.px-56-font{font-size:56px}.px-58-font{font-size:58px}.px-60-font{font-size:60px}.px-62-font{font-size:62px}.px-64-font{font-size:64px}.px-66-font{font-size:66px}.px-68-font{font-size:68px}.px-70-font{font-size:70px}.px-72-font{font-size:72px}.px-94-font{font-size: 94px;}@media (min-width:992px) and (max-width:1199px){.px-18-font{font-size:13px}.px-20-font{font-size:15px}.px-22-font{font-size:17px}.px-24-font{font-size:19px}.px-26-font{font-size:21px}.px-28-font{font-size:23px}.px-30-font{font-size:25px}.px-32-font{font-size:27px}.px-34-font{font-size:29px}.px-36-font{font-size:31px}.px-38-font{font-size:33px}.px-40-font{font-size:35px}.px-42-font{font-size:37px}.px-44-font{font-size:39px}.px-46-font{font-size:41px}.px-48-font{font-size:43px}.px-50-font{font-size:45px}.px-52-font{font-size:47px}.px-54-font{font-size:49px}.px-56-font{font-size:51px}.px-58-font{font-size:53px}.px-60-font{font-size:55px}.px-62-font{font-size:57px}.px-64-font{font-size:59px}.px-66-font{font-size:61px}.px-68-font{font-size:63px}.px-70-font{font-size:65px}.px-72-font{font-size:67px}}@media (min-width:768px) and (max-width:991px){.px-18-font{font-size:13px}.px-20-font,.px-22-font,.px-24-font,.px-26-font{font-size:15px}.px-28-font{font-size:13px}.px-30-font{font-size:15px}.px-32-font{font-size:17px}.px-34-font{font-size:19px}.px-36-font{font-size:21px}.px-38-font{font-size:23px}.px-40-font{font-size:25px}.px-42-font{font-size:27px}.px-44-font{font-size:29px}.px-46-font{font-size:31px}.px-48-font{font-size:33px}.px-50-font{font-size:35px}.px-52-font{font-size:37px}.px-54-font{font-size:39px}.px-56-font{font-size:41px}.px-58-font{font-size:43px}.px-60-font{font-size:45px}.px-62-font{font-size:47px}.px-64-font{font-size:49px}.px-66-font{font-size:51px}.px-68-font{font-size:53px}.px-70-font{font-size:55px}.px-72-font{font-size:57px}}@media (max-width:767px){.px-18-font{font-size:13px}.px-20-font,.px-22-font,.px-24-font,.px-26-font{font-size:15px}.px-28-font{font-size:13px}.px-30-font{font-size:15px}.px-32-font{font-size:17px}.px-34-font{font-size:19px}.px-36-font{font-size:21px}.px-38-font{font-size:23px}.px-40-font{font-size:25px}.px-42-font{font-size:27px}.px-44-font{font-size:29px}.px-46-font{font-size:21px}.px-48-font{font-size:23px}.px-50-font{font-size:25px}.px-52-font{font-size:27px}.px-54-font{font-size:29px}.px-56-font{font-size:31px}.px-58-font{font-size:33px}.px-60-font{font-size:35px}.px-62-font{font-size:37px}.px-64-font{font-size:39px}.px-66-font{font-size:41px}.px-68-font{font-size:43px}.px-70-font{font-size:45px}.px-72-font{font-size:47px}}@media (max-width:480px){.px-18-font{font-size:13px}.px-20-font,.px-22-font,.px-24-font,.px-26-font{font-size:15px}.px-28-font{font-size:13px}.px-30-font{font-size:15px}.px-32-font{font-size:17px}.px-34-font{font-size:19px}.px-36-font{font-size:21px}.px-38-font{font-size:23px}.px-40-font{font-size:25px}.px-42-font{font-size:27px}.px-44-font{font-size:29px}.px-46-font{font-size:21px}.px-48-font{font-size:23px}.px-50-font{font-size:25px}.px-52-font{font-size:27px}.px-54-font{font-size:29px}.px-56-font{font-size:21px}.px-58-font{font-size:23px}.px-60-font{font-size:25px}.px-62-font{font-size:27px}.px-64-font{font-size:29px}.px-66-font{font-size:31px}.px-68-font{font-size:33px}.px-70-font{font-size:35px}.px-72-font{font-size:37px}}


.px-72-font{font-size:72px}.px-94-font{font-size: 94px;}
@media (min-width:992px) and (max-width:1199px){.px-72-font{font-size:67px}.px-94-font{font-size: 74px;}}
@media (min-width:768px) and (max-width:991px){.px-72-font{font-size:57px}.px-94-font{font-size: 64px;}}
@media (max-width:767px){.px-72-font{font-size:47px}.px-94-font{font-size: 54px;}}
@media (max-width:480px){.px-72-font{font-size:37px}.px-94-font{font-size: 44px;}}


.reveal-modal-bg{z-index: 9999 !important;}
.custom-modal{background: #ffffff !important; max-width: 45.5rem !important; position: fixed !important; top:65px !important; padding: 0 !important; z-index: 999999 !important; border-radius: 11px !important;}

.list-style-disc li{list-style: disc;}
.list-style-decimal li{list-style: decimal;}
.list-style-decimal li.disc{list-style: disc;}
.visibility-hidden{visibility: hidden !important;}
.display-none{display: none !important;}
.grid-centered{float: none; margin: 0 auto;}
.text-uppercase{text-transform: uppercase;}
.no-padding{padding: 0!important;}
.relative{position: relative;}
.line-height-1point25{line-height: 1.25;}
/*.reveal-modal-bg{display: none !important; visibility: hidden !important;}*/
html {
  scroll-behavior: smooth; /* basic smooth scroll */
}
body{font-family: 'montserrat-regular' !important;}
  /* p{color: #555555;} */
  .row {max-width:1140px!important;}
.header{background-color: #fff;height: 94px;  -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.25); z-index: 99;display: block;position: relative;}
.header-content{padding: 10px 0;position:relative;}
.header .header-content .logo-orange{width: 80%; margin-top: 5px;}
.header .header-content .logo-white{display:none!important;}

.header-content .main-nav{position: relative;}
.header-content .main-nav ul li{  position:relative; padding:24px 8px;color: #ffffff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.header-content .main-nav ul li.help-desk-item a{padding: 15px; background-color: #f15a2a; color: #FFFFFF !important;}
.header-content .main-nav ul li.help-desk-item a i{position: relative !important; top: initial !important; right: initial !important;}
.header-content .main-nav ul li.help-desk-item a span{margin: 0 !important;}
/* .header-content .main-nav ul li:hover {background-color: #fff;} */
.header-content .main-nav ul li.active{background-color: #fff;}
 .header-content .main-nav ul li.active a{font-family: "montserrat-bold" !important;}
.header-content .main-nav ul li a{text-align: center; width: 110px;color: #08283e;font-size: 14px;text-transform: uppercase;font-family: "montserrat-regular" !important;font-weight: 400;transition: transform 0.3s ease, color 0.3s ease;transform-origin: center; display: inline-block;}   
.header-content .main-nav ul li:hover a{font-family: "montserrat-bold" !important; font-weight: 700;transform: scale(1.03);} /*border-bottom: 3px solid #C1502D; */
.header-content .main-nav ul li:hover  .is-dropdown-submenu-parent.is-down-arrow > a::after{color:#fff;}
.header-content .main-nav ul li .sub-menu li{color: #363636;width: 170px;padding:20px;}
.header-content .main-nav ul li .sub-menu li a:hover{border-bottom: 2px solid #f15a2a!important;}
.header-content .main-nav ul li ul{border: 0 solid rgb(241, 90, 42)!important;}
.header-content .main-nav .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after {content: '';display: block;width: 0;height: 0;border: inset 5px;border-color: #363636 transparent transparent; border-top-style: solid;position: absolute;top: 32px;right: 5px;}
.header-content .main-nav ul li ul li a{color: #363636!important;padding: 0 0!important;}
.header-content .main-nav ul li a i{position:absolute;right:10px;top:30px;}
.header-content .main-nav ul li a span{margin-right: 20px;}
.header-content .main-nav ul li ul{visibility: hidden;position: absolute;background: #fff;list-style: none;margin-left: 0;z-index: -9;margin-top: 20px; border: 1px solid #f15a2a;}
.header-content .main-nav ul li:hover ul {visibility: visible;transition: 0.5s linear;z-index: 9;}
/*search bar nav*/
.header .header-content .search-toggle a i{color: #f15a2a;}
.header .header-content .search-toggle a.search-form-trigger{line-height: 73px;margin-right: 0;padding: 0 14px;float:right;}
/** hidden search field **/
.header .header-content #searchbar {display: none;float: left;width: 100%;height: 62px;border-top: 1px solid #d8d8d8;z-index: 9999;background: #fff;-webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);-moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);box-shadow: -1px 2px 2px rgba(0,0,0,0.2);    margin-top: 10px;}
.header .header-content #search-input {display: block;width: 91%;border: 0;outline: none;padding: 10px;height: 60px;line-height: 60px;font-size: 24px;font-weight: bold;color: #676767;font-family: "oswald-regular";}
.header .header-content #searchsubmit {display: block;background: none;color: #717171;border: 0;outline: none;cursor: pointer;float: right;font-size: 40px;padding: 10px 20px;border: 1px solid #ccc;}
.header .header-content  .search-form {position: absolute;right: 0;top: 14px;}
.header .header-content  .search-field {background-color: transparent;background-image: url("assets/img/search.png");background-position: 5px center;background-repeat: no-repeat;background-size: 24px 24px;
  border: none;cursor: pointer;height: 37px;margin: 3px 0;padding: 0 0 0 34px;position: relative;-webkit-transition: width 400ms ease, background 400ms ease;transition:         width 400ms ease, background 400ms ease;width: 0;    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.0)!important;border-radius: 30px;}
.header .header-content  .search-field:focus {background-color: #fff;border: 2px solid #ccc;cursor: text;outline: 0;width: 200px;}
.header .header-content  .search-submit {display: none;}
/*.header .header-content input[type="search"] {-webkit-appearance: textfield;box-shadow: 0!important;}*/
.mean-container .search-form {    position: absolute;left: 10px;top: 3px;}
.mean-container .search-field {background-color: transparent;background-image: url("assets/img/search.png");background-position: 5px center;background-repeat: no-repeat;background-size: 24px 24px;
  border: none;cursor: pointer;height: 37px;margin: 3px 0;padding: 0 0 0 34px;position: relative;-webkit-transition: width 400ms ease, background 400ms ease;transition:         width 400ms ease, background 400ms ease;width: 0;box-shadow: 0!important;border-radius: 30px;}
.mean-container  .search-field:focus {background-color: #fff;border: 2px solid #ccc;cursor: text;outline: 0;width: 250px;}
.mean-container  .search-submit {display: none;}
/*.header-content .main-nav{margin-left: 95px;}*/
.header-content .main-nav ul{margin-bottom: 0; float: right; margin-right: 30px;}
.header-content .main-nav ul li{display: inline-block;float: left;list-style: none;}
/* .header-content .main-nav ul li a{padding: 0 20px;} */
.header-content .main-nav .top-bar-section ul li{background-color: #fff!important; color: #f15a2a!important;padding: 15px 0;}
.header-content .main-nav .top-bar-section ul li a{background-color: #fff!important; color: #f15a2a!important;}
.mean-container .mean-bar{background-color: #0c46a4!important;    z-index: 9999!important;}


.social-menu-container{position: relative;}
.social-menu-container ul{margin-bottom: 0;float: right;}
.social-menu-container ul li{display: inline-block;float: left;list-style: none;    position: relative;padding: 22px 3px;color: #ffffff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.social-menu-container ul li a img{width: 24px;}
@media only screen and (max-width:1024px){
  .header{height: auto;}
  .social-menu-container{display: none;}
}


.image-scale{ -o-object-fit: cover;object-fit: cover;}

  .textbanner-content .contact-caption p.tagline{display: block; color: #FFFFFF; margin: 0; font-family: 'montserrat-black' !important; line-height: 0.92;}
  .textbanner-content .call-back-request .icon{height: 26px; width: 26px; background-color: #FFFFFF; border-radius: 50%; display: inline-block; vertical-align: middle; color: #F05A29; font-size: 16px; margin-right: 5px;}
  .textbanner-content .call-back-request .text{display: inline-block; vertical-align: middle; line-height: 1;}
  .textbanner-content .icon i{line-height: 27px;}
  .textbanner-content .skype-connect .icon{display: inline-block; vertical-align: middle; color: #FFFFFF; font-size: 24px; margin-right: 5px;}
  .textbanner-content .skype-connect .text{text-align: left; display: inline-block; vertical-align: middle; line-height: 1;}
  .textbanner-content .skype-connect .text span{line-height: 1;}
  .textbanner-content .skype-connect .text p{font-size: 8px; color: #FFFFFF; line-height: 1;}

  .textbanner-content .initial-consultation {display: flex;align-items: center;gap: 8px;color: #fff;margin-top: 20px;margin-bottom: 20px;}
  .textbanner-content .initial-consultation .con{line-height: 0.75;}
  .textbanner-content .initial-consultation .free {font-weight: 900;font-size: 48px;color: #08283e;font-family: 'montserrat-black' !important;}
  .textbanner-content .initial-consultation .consultation {font-weight: 700;font-size: 26px;color: #fff;font-family: 'montserrat-bold' !important;}
  .textbanner-content .initial-consultation .conditions {font-size: 10px;font-weight: 600;margin-top: 4px;display: block;color: #fff;font-family: 'montserrat-regular' !important;opacity: 0.50;}

.homebanner-wrapper{background: url('assets/images/banner/kaurmigration_home_banner4.png')no-repeat 0 100%; background-size: cover; padding: 100px 0;}
/* .textbanner-content,
.textbanner-content .row{height: 100%;}
.textbanner-content .row{display: flex; align-items: center;} */
.textbanner-content .banner-cta-list{margin-top: 20px;}
.textbanner-content .banner-cta-list li p{font-family: 'montserrat-regular' !important;color: #FFFFFF;}
.textbanner-content .banner-cta-list li p .icon-phone {color: #08283e;font-size: 30px;position: relative;top: 8px;}
.textbanner-content .banner-cta-list li p .contact-number {font-family: 'montserrat-bold' !important;}
.textbanner-content .banner-cta-list li a{height: 56px; background-color: #C1502D; color: #FFFFFF; display: block; text-align: center; text-transform: uppercase; font-size: 14px;position: relative;}
.textbanner-content .banner-cta-list li a .caption-wrapper{font-family: 'montserrat-black' !important;position: absolute; top: 50%; left: 50%; right: 50%; transform: translate(-50%, -50%); width: 100%;}

/* .textbanner-content .text-image{display: table; margin: 0 auto;} */
/* .textbanner-content .right-content{display: flex;flex-direction: column;align-items: flex-end;}
.textbanner-content .right-content .logo{width: 270px;}
.textbanner-content .right-content .tagline{width: 160px;} */
.textbanner-content .tagline-wrapper p{color: #ffffff;}
.textbanner-content .tagline-wrapper .tagline{width: 240px;margin-bottom: 15px;}


.section-padding{padding: 60px 0;}
.section-title h1{color: #08283e;font-size: 34px;font-family: "montserrat-bold"!important; margin-bottom: 30px;line-height: 1;}
.section-title p{color: #221F1F;font-size: 24px;}
.section-title p{font-size: 26px;color: #221f1f;}
.section-title p span{color: #f15a2a;}
.visas-wrapper{background-color:#efefef}
.visas-wrapper .visas-content ul.visa-list{padding: 0;}
.visas-wrapper .visas-content ul.visa-list li{list-style: none;}
.visas-wrapper .visas-content .box-wrapper{  -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
  background-color: #ebebeb;height: 65px;width: 100%;border-radius: 3px;overflow: hidden;position: relative;margin-bottom:8px;
}
    .visas-wrapper .visas-content .box-wrapper:hover {
      transform: scale(1.02);
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
.visas-wrapper .visas-content .box-wrapper .content-wrapper{ height: 100%;font-family: "montserrat-bold";padding: 25px 15px;text-align: center;background-color: #08283e;}
.visas-wrapper .visas-content .box-wrapper .content-wrapper p{ color: #ffffff!important;   line-height: 100%;font-size: 16px;font-family: "montserrat-bold";}


.contactus-wrapper .message-form h1{margin: 10px 0 10px 0;color: #08283e;font-size: 34px;font-family: "montserrat-bold"!important;line-height: 1;}
.contactus-wrapper .message-form .wpforms-container{margin-bottom: 30px;margin-top: 0;}
.contactus-wrapper .message-form .wpforms-container input, .contactus-wrapper .message-form .wpforms-container textarea{border: solid 1px #292d54;border-radius: 0;}
.contactus-wrapper .message-form .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
  padding: 8px 0 !important;
  position: relative;
}
.contactus-wrapper .message-form .wpforms-container .wpforms-submit{
  display: block !important;
  background-color: #08283e !important;
  color: #ffffff !important;
  border-radius:0px !important;
  text-transform: uppercase !important;
  padding: 10px 8px;
  width: 100%;
  font-family: "montserrat-bold"!important;
  font-size: 14px;
}
.contactus-wrapper .content{margin-top: 58px; color: #292d54;}
.contactus-wrapper .content p a{ color: #292d54;}
.contactus-wrapper .social-menu-container ul#social-menu{ float: none !important;}
.contactus-wrapper .social-menu-container ul#social-menu li{padding: 0 3px !important;}



.aboutusbanner-wrapper{background: url('assets/images/banner/kaurmigration-aboutus-banner2.jpg') no-repeat right center; background-size: cover; padding: 30px 0 0 0;position: relative;}
.aboutusbanner-wrapper .portrait-wrapper{position: relative;overflow: hidden;text-align: center;}
.aboutusbanner-wrapper .portrait-wrapper img{position: relative;bottom: -2px;margin: 0 auto;}
.aboutusbanner-wrapper .content{padding: 100px 0 50px;}
.aboutusbanner-wrapper .content p{text-align: justify;color: #08283e;}
.aboutusbanner-wrapper .content img{width: 200px;margin-top: 60px;}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
  .aboutusbanner-wrapper .content{padding: 30px 0;}
}

/* Small screens */
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
	.header .header-content{    padding: 0!important;}
	.header .header-content .logo-orange{ display:none!important;}
	.mean-bar .mean-nav .logo-white{display:block!important;position: absolute!important;top: 5px!important;width: 85px!important;left: 13px!important;}
  .aboutusbanner-wrapper{background: none;background-color: #ffffff;}
  .homebanner-wrapper .contact-caption .left{float: none !important;}
  .homebanner-wrapper .contact-caption, .homebanner-wrapper .tagline-wrapper{text-align: center;}
  .homebanner-wrapper .tagline-wrapper{margin-top: 30px;}
}
/* Medium screens */
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	.header .header-content{    padding: 0!important;}
	.header .header-content .logo-orange{ display:none!important;}
	.mean-bar .mean-nav .logo-white{display:block!important;position: absolute!important;top: 5px!important;width: 85px!important;left: 13px!important;}
 }
@media only screen and (max-width: 543px) { 
	.textbanner-content ul li{font-size: 30px; margin-bottom: 0;}
	.textbanner-content h1{padding-left: 0;}
	.textbanner-content img{padding-left: 0;}
	
	.textbanner-content .contact-caption p.tagline{text-align: center;}
	.textbanner-content .initial-consultation{justify-content: center;margin-top: 0px;}
	.textbanner-content .right-content .logo{width: 100% !important;}
	.textbanner-content .initial-consultation .consultation {font-size: 20px;}
	
	}
	
	@media only screen and (max-width: 767px) { 
	  .textbanner-content .banner-cta-list li p .icon-phone{color: #ffffff;}
	  .textbanner-content .initial-consultation .free {color: #ffffff;}
	}

/* SOCIAL MEDIA MENUS */
  .social-menu-container{position: relative;}
  .social-menu-container ul{margin-bottom: 0;float: right;}
  .social-menu-container ul li{display: inline-block;float: left;list-style: none;    position: relative;padding: 22px 3px;color: #ffffff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  .social-menu-container ul li a img{width: 24px;}

  @media only screen and (max-width:1023px){
    .header{height: auto;}
    .social-menu-container{display: none;}
    .aboutusbanner-wrapper .content{padding: 30px 0 50px;}
    .aboutusbanner-wrapper .portrait-wrapper img{width: 200px;}
    .homebanner-wrapper {
      background-position: right center; /* right horizontally, center vertically */
    }
  }
  @media screen and (min-width: 1024px) and (max-width: 1239px) {
    .social-menu-container ul#social-menu{
      float: left !important;
    }
  }

  .custom-tooltip {position: relative; }
  .custom-tooltip:after, .custom-tooltip:before {opacity: 0;pointer-events: none;bottom: 100%;left: 50%;position: absolute;z-index: 10;transform: translate(-50%, 10px);transform-origin: top;transition: all 0.18s ease-out 0.18s; }
  
  .custom-tooltip.consultation:after{background-color: #C1502D !important;text-align: left;top: 50px;left: 78%;background: #f5f5f5 url('../images/icons/call.png') no-repeat 12px center;background-size: 30px 30px;padding-left: 48px;width: 200px;}
  .custom-tooltip.facebook:after{background-color: #0470ff !important;}
  .custom-tooltip.instagram:after{background-color: #E1306C !important; font-size: 12px !important;}
  .custom-tooltip.tiktok:after{background-color: #010101 !important;}
  .custom-tooltip:after {font-family: 'montserrat-black' !important;background-color: #f5f5f5;text-align: center;color: #ffffff;content: attr(data-custom-tooltip);padding: 10px;white-space: nowrap;margin-bottom: 11px; line-height: 1;font-size: 14px;padding: 12px 18px;}
  .custom-tooltip:before {width: 0;height: 0;content: "";margin-bottom: 6px; }
  .custom-tooltip:hover:before,
  .custom-tooltip:hover:after {opacity: 1;pointer-events: auto;transform: translate(-50%, 0); }
  [data-tooltip-pos="up"]:before {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f5f5f5;
    margin-bottom: 6px; }
  
  [data-tooltip-pos="down"]:before {
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 6px solid #f5f5f5;
      margin-top: 6px; }
  [data-tooltip-pos="right"]:before {
    border-top: 6px solid transparent;
    border-right: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
    margin-left: 6px; }
  
  [data-tooltip-pos="left"]:before {
    border-top: 6px solid transparent;
    border-left: 6px solid #f5f5f5;
    border-bottom: 6px solid transparent;
    margin-right: 6px; }
  
  .custom-tooltip.consultation[data-tooltip-pos="down"]:before {border-bottom: 8px solid #C1502D;top: 49px;left: 10px;}
  .custom-tooltip.facebook[data-tooltip-pos="down"]:before {border-bottom: 8px solid #0470ff;top: 45px;}
  .custom-tooltip.instagram[data-tooltip-pos="down"]:before {border-bottom: 8px solid #E1306C;top: 45px;}
  .custom-tooltip.tiktok[data-tooltip-pos="down"]:before {border-bottom: 8px solid #010101;top: 45px;}
  
  [data-tooltip-pos="down"]:before,
  [data-tooltip-pos="down"]:after {
    bottom: auto;
    left: 50%;
    top: 46px;
    transform: translate(-50%, -10px); }
  
  [data-tooltip-pos="down"]:after {
    margin-top: 11px; }
  
  [data-tooltip-pos="down"]:hover:before,
  [data-tooltip-pos="down"]:hover:after {
    transform: translate(-50%, 0); }
  
  [data-tooltip-pos="left"]:before,
  [data-tooltip-pos="left"]:after {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate(10px, -50%); }
  
  [data-tooltip-pos="left"]:after {
    margin-right: 11px; }
  
  [data-tooltip-pos="left"]:hover:before,
  [data-tooltip-pos="left"]:hover:after {
    transform: translate(0, -50%); }
  
  [data-tooltip-pos="right"]:before,
  [data-tooltip-pos="right"]:after {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate(-10px, -50%); }
  
  [data-tooltip-pos="right"]:after {
    margin-left: 11px; }
  
  [data-tooltip-pos="right"]:hover:before,
  [data-tooltip-pos="right"]:hover:after {
    transform: translate(0, -50%); }
  
  [data-tooltip-length]:after {
    white-space: normal; }
  
  [data-tooltip-length="small"]:after {
    width: 80px; }
  
  [data-tooltip-length="medium"]:after {
    width: 150px; }
  
  [data-tooltip-length="large"]:after {
    width: 260px; }
  
  [data-tooltip-length="fit"]:after {
    width: 100%; }



/* FOOTER STYLES */
.top-footer{
  background-color: #efefef;
  padding: 70px 0;
}
.top-footer .logo-wrapper{
  text-align: center;
}
.top-footer .logo-wrapper img.logo{
  width: 200px;
  margin: 0 auto;
}
.top-footer .content{
  color: #08283e;
  text-align: justify;
}
.top-footer .social-menu-container ul li{
  padding: 0px 3px;
}
@media only screen and (max-width:1024px){
  .top-footer .logo-wrapper, .top-footer .content{margin-bottom: 20px;}
  .top-footer .social-menu-container{
    margin-bottom: 18px;
    display: block;  
    display: flex;
    justify-content: center;  /* centers horizontally */
    align-items: center;      /* centers vertically (optional) */}
    
}


footer.footer-wrapper{
  background-color: #08283e;
  padding: 70px 0;
  color: #ffffff;
  
}
footer.footer-wrapper .footer-content p{
  color: #ffffff;
  text-align: center;

}


  /* 404 Page Styles */
.error-404-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 90vh;
  padding: 2rem 1rem;
  text-align: center;
}

.error-content h1 {
  font-size: 8rem;
  font-weight: bold;
  color: #e74c3c;
  margin: 0;
  line-height: 1;
}

.error-content h2 {
  font-size: 2rem;
  color: #2c3e50;
  margin: 1rem 0;
}

.error-content p {
  font-size: 1.1rem;
  color: #7f8c8d;
  margin-bottom: 2rem;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.error-actions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}

.home-button {
  display: inline-block;
  padding: 12px 30px;
  background-color: #3498db;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: 500;
  transition: all 0.3s ease;
}

.home-button:hover {
  background-color: #2980b9;
  color: #ffffff;
  transform: translateY(-2px);
}

.search-form {
  margin-top: 1rem;
}

.search-form p {
  margin-bottom: 0.5rem;
  font-size: 1rem;
}

/* Search form styling */
.search-form .search-field {
  padding: 10px 15px;
  border: 2px solid #bdc3c7;
  border-radius: 5px;
  width: 250px;
  margin-right: 10px;
}

.search-form .search-submit {
  padding: 10px 20px;
  background-color: #2ecc71;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.search-form .search-submit:hover {
  background-color: #27ae60;
}

/* Responsive */
@media (max-width: 768px) {
  .error-content h1 {
      font-size: 6rem;
  }
  
  .error-content h2 {
      font-size: 1.5rem;
  }
  
  .search-form .search-field {
      width: 200px;
  }
}

@media (max-width: 480px) {
  .error-content h1 {
      font-size: 4rem;
  }
  
  .error-actions {
      gap: 1rem;
  }
  
  .search-form form {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
      align-items: center;
  }
  
  .search-form .search-field {
      width: 100%;
      margin-right: 0;
  }
}