/*
Theme Name: IE International
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: RightClickMedia
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1715849054
Updated: 2024-05-16 08:44:14

*/
.width-a{
  max-width: 600px;
}
.width-b{
  max-width: 720px;
}
.underline {
  position: relative;
  display: inline-block;
}
.underline::after {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -6px;
  width: calc(100% + 40px);
  height: 3px;
  background-color: #fff;
}
.heading-bg:after {
  content: "";
  width: 100%;
  left: -100%;
  position: absolute;
  background: transparent
    linear-gradient(270deg, #1698cc00 0%, #1698cc 48%, #1698cc00 100%) 0% 0%
    no-repeat padding-box;
  height: 100px;
  top: -100px;
  animation: slide 1.5s forwards;
  animation-delay: 0.6s;
}
@keyframes slide {
  100% {
    left: 0;
  }
}
.page-width {
  padding-left: 3% !important;
  padding-right: 3% !important;
}
.header-toggle {
  position: fixed !important;
  z-index: 99 !important;
  width: 100%;
  transition: all 0.3s;
  top: 0px;
  /*background-color: #0f649a;*/
}
.home .header-toggle {
  background-color: transparent;
}
.top-tile {
  background-image: url(images/tile.png);
  background-repeat: repeat-x;
  width: 100%;
  height: 80px;
  top: -80px;
  left: 0;
  position: fixed;
  transition: all 0.3s;
}
.header-toggle.toggled .top-tile {
  transition: all 0.3s;
  top: 20px;
}
.header-toggle .logo img {
  max-width: 250px;
  transition: all 0.3s;
}
.header-toggle.toggled .logo img {
  /*
  max-width: 180px;
  transition: all 0.3s;
  */
}
.header-toggle.toggled .topbar{
  background-color: #0E6598;
}
.header-toggle.toggled .elementor-nav-menu--main .elementor-item {
  padding: 0px 20px;
  transition: all 0.3s;
}
.header-toggle.toggled .elementor-nav-menu--main .elementor-item:hover {
  color: #219bda !important;
}
.header-toggle.toggled .elementor-nav-menu--main .elementor-item-active {
  color: #219bda !important;
}
.bar-left {
  width: 70% !important;
}
.bar-right {
  width: 20% !important;
  min-width: 130px !important;
}
.page-content {
  padding-top: 150px;
}
.main-menu .e--pointer-double-line .elementor-item:after,
.main-menu .e--pointer-double-line .elementor-item:before{
  width: 36px;
  left: 50%;
  right: 50%;
  margin-left: -18px;
}
@media all and (max-width: 1024px) {
  .elementor-nav-menu--dropdown {
    margin-top: 30px !important;
    position: fixed;
    top: 110px;
    width: 100%;
    left: 0;
  }
}
@media all and (max-width: 767px) {
  .top-links a,
  .top-links {
    font-size: 12px !important;
  }
}
@media all and (max-width: 590px) {
  .header-toggle .logo img {
    max-width: 240px !important;
  }
  .elementor-nav-menu--dropdown {
    top: 68px;
  }
}
@media all and (max-width: 490px) {
  .bar-left {
    width: 100% !important;
  }
  .bar-right {
    width: 100% !important;
    min-width: 130px !important;
  }
  .elementor-nav-menu--dropdown {
    top: 105px;
  }
}
@media all and (max-width: 320px) {
  .bar-left {
    width: 80% !important;
  }
  .elementor-nav-menu--dropdown {
    top: 125px;
  }
}