/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/


:root {
    /* --oswald: Oswald,sans-serif;
    --muli: 'Muli',sans-serif;
    --black_000: #000000;
    --themeRed: #981d30;
    --normalGrey: #7e7e7e;
    --medianGrey: #444444;
    --themeBlack: #333333;
    --themeWhite: #ffffff;
    --themeTextBlack: #212121;
    --themeFontBlack: #6d6d6d;
    --thmBlack: #212121;
    --thmRed: #871820;
    --thmGreyLogo: #7C7878;
    --thmGreyText: #6d6d6d;
    --thmGreyText2: #585858;
    --thmGreyFooter: #eeeeee;
    --thmBlueDark: #08293B;
    --thmBlueLight: #0B5C87;
    --wt400: 400;
    --wt600: 600;
    --wt700: 700;
    --wt300: 300;
    --wt800: 800;
    --font11: 11px;
    --font13: 13px;
    --font14: 14px;
    --font16: 16px !important;
    --font18: 18px;
    --font20: 20px;
    --font22: 22px;
    --font24: 24px;
    --font35: 35px;
    --font30: 30px;
    --font44: 44px;
    --lineHt_1_5: 1.5;
    --lineHt_30: 30px; */

    --DarkText: #070721;
    --lightpurple: #50507E;
    --MenuColor:#262643;
    --lightBlueBg:#62A0FE;
    --NaviBlue: #11174F;
    --footerBg: #F1F1F1;
    --lightGray:#BCBEC0;
    --text-blue:#508CE7; 
    /* --textBtnBlue :#2F5AF1; */
    --textBtnBlue :#1A6DFD;
    --textBtnHoverBlue :#0333e8;
    --text-para:#333333;
  --font20: 20px; 
  --section-bg-blue:#0142b0 ;
  --section-bg-red:#ED4358;

    
}
li.hovercolor:hover {color: #2250fc;}
.DarkText{color:var(--DarkText) !important;}
.lightpurple{color:var(--lightpurple);}
.background-footer{background-color: var(--footerBg) !important;}
.background-gray{background-color: var(--lightGray);}
.text-bold{font-weight: bold;}
.text-blue-light{ border-color: var(--text-blue) !important }
.text-blue-light i{color: var(--text-blue) !important;}
.background-grey {background-color: #f6f6fb!important;}
.font-20{font-size: var(--font20);}
.background-case-studies{background-color: var(--section-bg-blue);}
.background-vacancies-slider {background-color: var(--section-bg-blue);}
.background-privacy-slider{background-color: var(--section-bg-blue);}
.v-center{display: flex; align-items: center;}
.vh-center{display: flex; align-items: center; justify-content: center;}

#mainMenu nav > ul > li > a {text-transform: capitalize;}
.inspiro-slider .slide .slide-captions .strong{text-transform: capitalize;}
/*.text-right{text-align: right;}
 .main-heading{font-size: 3.125em; text-transform: capitalize; font-weight: 800; text-align: center; color: var(--DarkText) !important; margin-bottom: 27px !important;}
.sup-heading{font-size: 1.25em;}
.padding-25{padding: 0 25% 30px;}
.padding-13{padding: 0 13% 30px;} */
.avatar-xlg{width: 5rem;height: 5rem;}
.ind-md{width: 2.5rem;height: 2.5rem;}
.process-image {margin-bottom: 18px;}
.testimonials-bottom-image{height:79px; width: 160px; margin: 13px auto 0; display: flex;align-items: center;justify-content: center;}
.testimonials-bottom-image img{width: auto !important; height: auto;}
.testimonial .testimonial-item > p{height: 200px;}
.background-lign-blue{background: var(--lightBlueBg);}
.background-navi-blue{background: var(--NaviBlue);}
/* .form-height{height: 550px; }
.form-section{overflow: inherit;} */
/* .form-section .card-body{background: #fff; padding: 77px; border-radius: 7px; box-shadow: 0 0 10px #070721;} */
/* .form label{ color: var(--DarkText);}
.form-spacer{height: 300px;} */
/* .background-overlay{ background: #ffffff50;position: absolute;top: 0; bottom: 0;left: 0;right: 0; z-index: -1;} */

.social-icons li a {border-radius: 50%; background: #ACACBD;}
.social-icons:not(.social-icons-colored):not(.social-icons-colored-hover) li a:hover {background-color: var(--textBtnBlue);}
.social-icons li a i{color: #fff;}


.service-img img{height: 420px !important;}

/* custom on template  */
button.btn.btn-primary, .btn:not(.close):not(.mfp-close).btn-primary, a.btn:not([href]):not([tabindex]).btn-primary {
  background-color: var(--textBtnBlue);
  border-color: var(--textBtnBlue);
}
.heading-text.heading-section h2:before {
  background-color: var(--lightBlueBg);
}
a {
  color: var(--textBtnBlue);
}
.flickity-button:hover {
  background-color: var(--textBtnBlue);
}
button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]){
  background-color: var(--textBtnBlue);
  border-color: var(--textBtnBlue);
}
button.btn:hover, button.btn:focus, button.btn:not(:disabled):not(.disabled):active, button.btn:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):focus, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]):not(:disabled):not(.disabled).active
{background-color: var(--textBtnBlue);
  border-color: var(--textBtnBlue);}

.form-group label:not(.error) {
  color: var(--DarkText);
}
.icon-box.border .icon{border-color:#012563;}
.icon-box.border:hover .icon{border-color: #012563;}
h2.font-weight-800.DarkText.heading-section.white-line::before{background-color: #fff;}
.icon-box.effect:hover .icon i:after {
 box-shadow: 0 0 0 3px  #012563 ;
}
.copyright-text{color: #333333; font-size: 14px; }
#footer .copyright-text a:not(.btn):not(:hover) {
  color:var(--DarkText);font-size: 14px; font-weight: 500;
}
.opacity-0 {
  opacity: 0;
}
.text-box h2, .text-box h3, .text-box h5, .text-box p{color: var(--DarkText);  font-weight: 600;}
.text-box:hover {background-color: var(--textBtnBlue);}
.text-box:hover h2, .text-box:hover h3, .text-box:hover h5, .text-box:hover p{color: #fff;}
.text-box.hover-effect i{margin: 45px 0 20px;}
.text-box.hover-effect:hover i {  margin: 45px 0 6px;}

.custommap{width: 100%; position: absolute; z-index: 1; top:0px; bottom:0; left:0;right:0; }
.form-group{margin-bottom: 1rem;}
#footer .copyright-content{background-color: #E4E4E4;}
#footer .widget ul.list{padding-left: 0;}
.test-text-left .team-member{text-align: left !important;}
.footer-menu-list li{ margin-top: 10px; line-height: 30px;}
#footer .copyright-content {padding: 25px 0;}
#mainMenu nav>ul>li:last-child {margin-left: 20px;}
button.btn.btn-primary:hover, button.btn.btn-primary:focus, button.btn.btn-primary:not(:disabled):not(.disabled):active, button.btn.btn-primary:not(:disabled):not(.disabled).active, .btn:not(.close):not(.mfp-close).btn-primary:hover, .btn:not(.close):not(.mfp-close).btn-primary:focus, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled):active, .btn:not(.close):not(.mfp-close).btn-primary:not(:disabled):not(.disabled).active, a.btn:not([href]):not([tabindex]).btn-primary:hover, a.btn:not([href]):not([tabindex]).btn-primary:focus, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled):active, a.btn:not([href]):not([tabindex]).btn-primary:not(:disabled):not(.disabled).active
{background-color: var(--textBtnHoverBlue);  border-color: var(--textBtnHoverBlue);}
.industries-title:hover{ color:  var(--textBtnHoverBlue) !important;}
.background-vacancies-slider{ background-color: var(--section-bg-blue);}
.icon-box .icon i:after{box-shadow: 0 0 0 3px #012563;}
.modal-custom-header {display: flex !important; 
}


.custom-vacancies-card {
  padding: 25px;
    text-align: left;
    transition: background .4s ease 0s;
    cursor: pointer;
    background: #f7f7f7;
    display: flex;
    align-content: center;
    align-items: center;
    
    transition: all ease 1s;
    color: var(--DarkText);
}
.custom-vacancies-card p {color: #7a7a7a; }

.custom-vacancies-card:hover{border-top: 0px;}
.line-clamp-4{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.custom-vacancies-card h3{height: 60px; line-height: 30px; font-weight: 600;     font-size: 18px;}
.text-box.hover-effect .tags{opacity: 0; color: #fff;}
.text-box.hover-effect .tags a{color: #fff; padding: 1px 10px; margin: 10px 0;}
.text-box.hover-effect:hover .tags {opacity: 1;}

















@media only screen and (max-width: 768px) {
    /* .main-heading-section {}
    .padding-25{padding: 0px;}
    .padding-13{padding: 0px;}
    .form-section .card-body{padding: 20px;}
    .form-height{height: auto;}
    .form-spacer{display: none;}
    .main-heading {font-size: 2.125em;}
   
    #header .header-inner #logo a > img, #header #header-wrap #logo a > img {
      width: 100px;
    } */
  }
  @media only screen and (max-width: 1199px) {
    /* .padding-25{padding: 0;}
    .padding-13{padding:0;}  */
  }

  @media only screen and (min-width: 991px) {
    .social-icons ul{float: right;}
  }