/*
Theme Name: Seofy
Theme URI: http://seofy.webgeniuslab.net/
Author: WebGeniusLab
Author URI: http://webgeniuslab.net/
Description: WebGeniusLab team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 1.6.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: seofy
*/

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #040c5e !important;
}
.ImportExport {
  display: flex;
  margin-top: -39px;
}
.lftcol .rate-container {
  margin: 0 !important;
  overflow: hidden;
  /* display: flex;
  align-items: self-end;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap; */
}
.lftcol {
  color: #0e2554;
  background: #f0f4f9;
  padding: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  width: 64% !important;
  margin-right: 30px;
}
.lftcol .vc_tta-tab a {
  background-color: #ee2a2b !important;
  color: #fff !important;
}
.lftcol .form-field .select2-selection {
  background-color: #fff !important;
  margin-right: 47px !important;
}
.lftcol .form-field {
  width: 33.3%;
  float: left;
}
.lftcol .form-field label {
  color: #21396a !important;
  font-weight: 800;
}

/* .lftcol .switch-field {
  display: none !important;
} */

.rhtcol {
  color: #0e2554;
  background: #f0f4f9;
  padding: 30px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  position: relative;
}
.rhtcol h2 {
  font-size: 26px;
  color: #21396a;
}
.rhtcol .homepageTrack input {
  width: 100% !important;
}

.rhtcol .homepageTrack .bgwhite,
.header_overlap .wgl-header-row-section_middle {
  background-color: #fff !important;
}
.header_overlap .wgl-header-row-section_top {
  background: #fff;
  border-color: #060c60 !important;
  display: none;
}
.header_overlap .wgl-header-row-section_top a {
  color: #404040 !important;
}

.header_overlap .wgl-logotype-container img {
  max-width: 45.5%;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.header_overlap .wgl-logotype-container .logo-sticky {
  max-width: 50% !important;
}
.header_overlap .primary-nav a {
  color: #404040 !important;
}

.lftcol .twoInput .form-field {
  width: 50%;
}
.lftcol .twoInput .form-field .select2 {
  width: 100% !important;
}
.lftcol .twoInput .form-field .select2-selection__arrow {
  right: 16%;
}
.lftcol .form-field .select2-selection__arrow {
  right: 60px !important;
}
#quoteForm .switch-field input {
  width: 6px;
  height: 6px;
}
#bgblue {
  background: #2c4298;
  padding: 62px 0 116px;
}
#bgblue h1 span {
  display: block;
  color: #fff !important;
}
.service_section {
  padding: 300px 0 0;
}
/*===============================
1.) Media Query for mobile
 ===============================*/
@media only screen and (max-width: 767px) {
  .header_overlap .primary-nav a {
    color: #404040 !important;
  }
  #quoteForm .rhtcol,
  #quoteForm .lftcol {
    width: 100% !important;
    margin: 0 0 30px;
  }
  #quoteForm .lftcol .form-field {
    width: 100%;
    float: none;
  }
  #quoteForm {
    left: 0 !important;
    position: relative !important;
    display: block;
    max-width: 100%;
    margin: 0;
  }
  .lftcol .twoInput .form-field .select2 {
    width: 100% !important;
  }

  #quoteForm .lftcol .form-field .select2-selection {
    margin-right: 0 !important;
  }
  #quoteForm .lftcol .twoInput .form-field .select2 {
    width: 100% !important;
  }
  #quoteForm .lftcol .form-field .select2 {
    width: 100% !important;
  }
  #quoteForm .lftcol .form-field .select2-selection__arrow {
    right: 0px !important;
  }

  .service_section {
    padding: 50px 0 0;
  }

  #bgblue {
    background: #2c4298;
    padding: 10px 0 60px;
    height: 136px !important;
  }
  .ah-headline i {
    font-size: 20px;
  }
  .selector6 h2 span {
    margin-top: 0 !important;
  }
  #bgblue h1,
  #bgblue h1 span {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }
  #main {
    padding-top: 0 !important;
  }
  #quoteForm .lftcol {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 30px;
  }
  #quoteForm .rhtcol {
    padding-left: 5px;
    padding-right: 5px;
  }
  body.home #quoteForm .switch-field label {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    font-size: 14px !important;
    background-color: transparent;
    color: #404040;
    border: 2px solid #939191;
    margin-right: 3px;
    padding-left: 20px !important;
    padding-right: 0px !important;
    border-radius: 4px;
  }
  body.home #quoteForm .switch-field label {
    width: 30%;
  }
  body.home #quoteForm .switch-field label + label {
    width: 30%;
  }
  #quoteForm .lftcol .form-field .getQuotBtn {
    float: right;
  }
  #quoteForm .switch-field label:last-child {
    margin-right: 0 !important;
    width: 40% !important;
  }
  #quoteForm .switch-field label::before {
    width: 15px !important;
    height: 15px !important;
  }
  #quoteForm .switch-field input:checked + label::before {
    width: 6px !important;
    height: 6px !important;
  }

  /***Footer================*/
  .ourService .services_content .services_icon {
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
  }
  .ourService .services_content {
    height: 75% !important;
  }
  .ourService .services_wrapper {
    padding-top: 49% !important;
    padding-bottom: 43%;
  }
  .ourService .services_bg {
    width: 60% !important;
    height: 60% !important;
    left: 50% !important;
    transform: translate(-50%);
  }
}

#quoteForm .switch-field label::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background-color: #939391;
  border-radius: 50%;
  left: 8px;
  top: 50%;
  transform: translate(0, -50%);
}
#quoteForm .switch-field label {
  display: block;
  position: relative;
  font-weight: 400 !important;
  text-transform: capitalize !important;
  font-size: 15px !important;
  background-color: transparent;
  color: #404040;
  border: 2px solid #939191;
  margin-right: 5px;
  padding: 12px 39px;
  border-radius: 4px;
}
#quoteForm .switch-field input:checked + label {
  background-color: #21396a !important;
  color: #fff;
  border-color: #14264b;
}
#quoteForm .switch-field input:checked + label::before {
  border: 5px solid #fff;
  background-color: transparent;
  width: 10px;
  height: 10px;
}
.wgl-theme-header .wgl-header-row-section_top {
  display: none;
}
.wgl-theme-header .logo-sticky {
  max-width: 130% !important;
}

.footer {
  background-color: #21396a !important;
  background-image: url(../../uploads/2018/11/maps8.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
}
#quoteForm .submitedbutton {
  width: 203px;
  float: right;
  margin-right: 24px;
}
#quoteForm .submitedbutton .getQuotBtn {
  width: 100% !important;
}
.lftcol .getQuotBtn {
  float: right;
}

#quoteForm .lftcol .twoInput .submitedbutton {
  width: 93%;
}
#quoteForm .lftcol .twoInput .getQuotBtn {
  width: 45% !important;
  float: right;
}
#featurebox .infobox_icon img {
  opacity: 0;
}
#featurebox .FBoxone .infobox_icon {
  background-image: url("../../uploads/2023/06/1-7.png");
}
#featurebox .infobox_icon {
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: center center;
  width: 100% !important;
}
#featurebox .infobox_icon_container {
  text-align: center;
  width: 100% !important;
}
#featurebox .infobox_content {
  text-align: justify;
}
.FBoxtwo .infobox_icon {
  background-image: url("../../uploads/2023/06/f2-1.png");
}
.FBoxthree .infobox_icon {
  background-image: url("../../uploads/2023/06/f3-1.png");
}
.FBoxfour .infobox_icon {
  background-image: url("../../uploads/2023/06/f4-1.png");
}
.FBoxfive .infobox_icon {
  background-image: url("../../uploads/2023/06/f5-1.png");
}
.FBoxsix .infobox_icon {
  background-image: url("../../uploads/2023/06/f6-1.png");
}
.FBoxseven .infobox_icon {
  background-image: url("../../uploads/2023/06/f7-1.png");
}
.FBoxeight .infobox_icon {
  background-image: url("../../uploads/2023/06/f8-1.png");
}
.FBoxnine .infobox_icon {
  background-image: url("../../uploads/2023/06/f9-1.png");
}
.FBoxten .infobox_icon {
  background-image: url("../../uploads/2023/06/f10-1.png");
}

.ourService .services_icon {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.ourService .services_icon img {
  opacity: 0;
}
.ourService .sboxone .services_icon {
  background-image: url("../../uploads/2023/06/Courier-1.png");
}
.ourService .sboxtwo .services_icon {
  background-image: url("../../uploads/2023/06/cargo.png");
}
.ourService .sboxthree .services_icon {
  background-image: url("../../uploads/2023/06/Sea.png");
}
.ourService .sboxfour .services_icon {
  background-image: url("../../uploads/2023/06/import-1.png");
}

/*=============Footer===================*/
.FooterWrap .seofy_module_text {
  line-height: 24px !important;
}