.desktop-view{
  display: block;
}
.mobile-view{
  display: none !important;
}
.orange{
    color: #F09C51;
    animation: fadeInUp 1.0s both 1.0s;
}
.nav.navbar-nav.left-menu{
    float: left;
}
.nav.navbar-nav.right-menu{
    float: right;
}
.header-1 #main-menu .nav.navbar-nav.left-menu {
    margin-left: 10px;
    margin-right: 0;
  }
  .ftex{
      color: #fff;
    margin: 3% 0;
  }
  .fcopy{
    background: #111111 0% 0% no-repeat padding-box;
    opacity: 0.8;
    font-size: 14px;
    color: #fff;
    font: normal normal normal 13px Lato;
  }
  .footer-sosmed{
    display: inline-flex;
    /* float: right; */
    margin: 4% 0;
    width: 100%;
  }
  .footer-sosmed a{
    color: #fff;
    margin: 0 3%;
  }
  .footer-sosmed a i{
    color: #f6861f;
  }
  .banner-footer{
    float: right;
    display: grid;
    position: absolute;
    right: 100px;
    bottom: 50px;
    animation: fadeInUp 1.0s both 0.5s;
  }

  .banner-footer a i{
    color: #f6861f;
    margin: 40% 0;
    font-size: 24px;
    -webkit-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  }
  .banner-footer .banner-links p{
    color: #fff;
  }
  .services-arrow{
    float: left;
    margin-top: -1%;
    height: 35px;
  }
  .why-arrow{
    height: 35px;
  }

  .tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    -webkit-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  }
  
  .tooltip .tooltiptext {
    font-size: 16px;
    visibility: hidden;
    text-align: right;
    width: 250px;
    background-color: transparent;
    color: #fff;
    /* text-align: center; */
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: 15%;
    right: 105%;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }


  .service-section p{
    font: normal normal normal 14px Lato;
    letter-spacing: 0px;
    width: 90%;
    text-align: justify;
    line-height: 20px;
    color: #717171;
    margin-bottom: 15%;
  }
  .service-section h5{
    font-size: 16px;
    color: #254796;
    font-weight: 700;
  }
  .sev-icon{
    margin: auto;
    width: 40px;
  }
  .fes4-box-icon h2{
    text-align: center;
    margin: 15px;
  }
  .fes4-title-cont h3{
text-align: center;
font: normal normal bold 28px/36px Lora;
letter-spacing: 0px;
color: #111111;
opacity: 1;
  }
  .fes4-title-cont h5{
  text-align: center;
font-size: 12px;
letter-spacing: 0px;
color: #254796;
text-transform: uppercase;
opacity: 1;
font: normal normal bold 12px Lato;
  }
  .fes4-title-cont a{
    text-align: center;
    font: normal normal bold 14px/17px Lato;
    letter-spacing: 0px;
    color: #254796;
    display: flex;
    opacity: 1;
    justify-content: center;
    }
    .fes4-title-cont a .arrow-right2{
      padding-top: 24px;
    margin-left: 15px;
    display: contents;
      }
    .second-col{
      margin-top: 0%;    
    }

    .video-ads-text-cont h5{
      color: #fff;
      font-size: 18px;
    }
    .video-ads-text-cont h3{
      color: #fff;
      font-size: 34px;
      margin: 2% 0 2%;
      font-family: Lora;
    }
    .video-ads-text-cont p{
      color: #fff;
      font-size: 20px;
      width: 69%;
      letter-spacing: 0px;
      font-weight: 100;
      margin: 2% auto 0;
      font: normal normal 300 16px Lato;
      line-height: 24px;
    }
    .banner-card .post-prev-title img{
      margin: 2% auto 7%;
    display: block;
    }
    .banner-card{
      width: 23%;
      padding: 1% 1% 0;
      -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
      box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
      z-index: 9;
      background: #fff;
      margin: 1%;
      height: 300px;
      -webkit-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
      -o-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
      transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
      }
      .banner-card:hover{
        -webkit-transform: translateY(-5%);
        -ms-transform: translateY(-5%);
        transform: translateY(-5%);
      }
      .resource{
        padding-top: 5%;
    padding-bottom: 0%;
      }
      .resource h5{
        color: #254796;
        font-weight: 700;
      }
      .resource .post-prev-info.info-resource{
        color: #254796;
    font-size: 12px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 1%;
    font-family: 'Lato';
      }
      .resource .post-prev-img img {
        width: 100%;
        margin: auto;
      }
      .resource .post-prev-text{
        text-align: justify;
        padding-bottom: 0px;
    margin-bottom: 10%;
    font: normal normal normal 14px Lato;
    margin-top: 0;
      }
      .resource .post-prev-title h4{
        font-size: 18px;
    color: #000;
    font-weight: 700;
    margin-bottom: 5%;
    text-align: justify;
    line-height: 22px;
    font-family: Lora;
      }
      .resource .section-title{
        padding-left: 1%;
      }
      .resource .post-prev-more a{
        font: normal normal normal 14px Lato;
    color: #254796;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    display: flex;
    margin: 0 0 5% 0;
      }
      .resrc{
        -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
        box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
        padding: 2% 6%;
        margin: 6% 6% 0;
        width: 100%;
        background: #fff;
        -webkit-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    height: 420px;
      }
      /* .col-sec-res{
        margin-top: -8%;
      } */
      .contact-form-cont .section-title{
        margin: 0;
        padding: 0;
        font-family: none; 
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
        color: #000;
        font: normal normal normal 18px Lato;
      }
      .contact-box{
        background-color: #254796d9 !important;
      }
      .contact-box .page-sub-title{
        margin-bottom: 4%;
        letter-spacing: 3px;
        line-height: 28px;
        width: 37%;
        color: var(--unnamed-color-ffffff);
        text-align: left;
        font: normal normal normal 16px/24px Lato;
        letter-spacing: 0px;
        color: #FFFFFF;
        opacity: 1;
      }
      .contact-box .page-title {
        color: #fff;
    }
    .page-title-cont.contact-box {
      padding: 0 3% 7% 3%;
    width: 100%;
    margin: 15% 0% 5% 0%;
    }
    .contact-box .page-title{
      margin-bottom: 9%;
      font-size: 34px;
      line-height: 22px;
      letter-spacing: 1px;
      font-weight: 400;
      margin-right: 6px;
      font-family: Lora;
    }
    .cont{
      background: url(../img/Layer2.svg);
      background-size: contain;
      padding-top: 15%;
      padding-bottom: 5%;
      margin-top: -14%;
    }
    .bg-grey{
      background: #F9F9F9;
    }
    /* .orange-list::before{
      content: "";
      position: absolute;
      left: 5%;
      width: 7px;
      z-index: 0;
      height: 7px;
      background: #F09C51;
      top: 4.5%;
      border-radius: 50%;
    }
    .orange-list{
      margin-left: 5%;
    }
       */
       ul.orange-list.list1 li{
        color: #254796;
        font-weight: 700;
        font: normal normal bold 16px Lato;
       }
       ul.orange-list.list4 li{
        color: #254796;
        font-weight: 700;
        font: normal normal bold 16px Lato;
       }
       ul.orange-list{
        padding-left: 3%;
       }
       ul.orange-list.list1{
        margin-bottom: 20px;
       }
       ul.orange-list.list4{
        margin-bottom: 20px;
        padding-left: 3% !important;
       }
       ul.orange-list li::marker{
        color: #F09C51;
       }
       ul.orange-list.list2 li{
        color: #fff;
    font-size: 16px;
    font: normal normal normal 16px Lato;
       }
       ul.orange-list.list2{
    padding-left: 0px;
    text-align: left;
    margin: auto;
    display: inline-block;
       }
       ul.orange-list.list3 li{
        color: #fff;
    font-size: 16px;
    font: normal normal bolder 16px Lato;
    letter-spacing: 0;
       }
       ul.orange-list.list3{
    padding-left: 0px;
    text-align: left;
    margin: auto;
    display: inline-block;
       }
       .item-alt{
        visibility: visible;
        animation-delay: 200ms;
        animation-name: fadeIn;
        position: relative;
        left: 0;
        background: #fff;
        /* top: -12rem; */
        border: 1px solid #F09C51;
       }
       /* .item{
        visibility: visible;
        animation-delay: 200ms;
        animation-name: fadeIn;
        position: relative;
        left: 20px;
        background: #fff;
        top: 20px;
        margin: 0;
       }

       .owl-carousel .owl-wrapper-outer{
        padding-top: 120px;
       } */
       .footer-sosmed .item{
        margin:0;
        height: auto !important;
        visibility: visible;
          animation-delay: 0ms;
          animation-name: none;
          position: relative;
          left: 0;
          background: transparent;
          border: 0px solid #F09C51;
      }
      .serv-img{
        visibility: visible;
        animation-delay: 200ms;
        animation-name: fadeIn;
        position: relative;
        left: 0px;
        width: 87%;
        background: transparent;
        top: 0px;
        margin: 0;
        height: 295px;
        border: 1px solid #F09C51;
      }
      .serv-img img{
        margin-top: 5%;
    margin-left: 5%;
      }
            .serv-img1{
        visibility: visible;
    animation-delay: 200ms;
    animation-name: fadeIn;
    position: relative;
    left: 0px;
    width: 95%;
    background: transparent;
    top: 0px;
    margin: 5% 0 0;
    height: 317px;
    border: 1px solid #F09C51;
      }
      .serv-img1 img{
        margin-top: 5%;
    margin-left: 5%;
    height: 100%;
    width: 100%;
      }
      .resources-arrow{
        padding-left: 1.5%;
    padding-top: 1%;
    height: 50px;
      }
      .res-row{
    margin-top: -2%;
      }
      .cont-arrow{
        margin-top: 0%;
        margin-left: 5px;
      }
      .cont-arrow1 {
        margin-top: 4%;
    margin-left: 5px;
    width: 9%;
    }
    .cont-arrow2 {
      margin-top: 2%;
      margin-left: 10px;
      width: 13%;
  }
      .cont-head{
        display: inline-flex;
      }
      .arrow-left:before{
        content: url(../img/left-arrow.svg) !important;
      }
      .arrow-right:before{
        content: url(../img/right-arrow.svg) !important;
      }
      .arrow-right2:before{
        content: url(../img/read-more.svg) !important;
        margin-left: 5px;
      }
      .cont-arrow:before{
        content: url(../img/button_arrow.svg) !important;
      }
      .arrow-right2{
        margin-left: 5px;
      }

      .owl-item > div {
        cursor: pointer;
        margin-top: 30%;
        transition: margin-top 0.4s ease;
      }
      .owl-item > div.mob-car {
        margin-top: 0%;
      }
      .owl-item.center > div {
        cursor: auto;
        margin: 0 18% 0 3%;
      }
      .owl-item:not(.center) > div:hover .resrc{
        -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 12%);
    box-shadow: 5px 5px 20px rgb(0 0 0 / 12%);
      }
      .owl-carousel.owl-drag .owl-item{
        height: 90vh;
      }
      .fes4-box:hover{
        /* -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%);
          box-shadow: 0 2px 5px 0 rgb(0 0 0 / 26%); */
          /* -webkit-transform: translateY(-5%);
            -ms-transform: translateY(-5%);
            transform: translateY(-5%); */
            -webkit-box-shadow: 5px 5px 20px rgb(0 0 0 / 12%);
    box-shadow: 5px 5px 20px rgb(0 0 0 / 12%)
      
      }
      .fes4-title-cont h3.uae{
        margin: 1% 0 19%;
      }  
      .fes4-title-cont h3.fema{
        margin: 1% 0 8%;
      }     
       .fes4-title-cont h3.bk{
        margin: 1% 0 22%;
      }
      .container-new{
width: 80%;
      }
      .cont .left-col{
        padding-right: 0;
      }
      .cont .right-col{
        padding-left: 0;
      }
      .white-arrow-banner{
        width: 42px;
      }
      .sol-head{
        display: flex;
        margin-bottom: 5%;
      }
      .banner-card2{
        width: 100% ;
      }
      .car-head{
        width: 40px !important;
      }
      .card-arrow{
        display: inline !important;
        width: 20px !important;
      }
      .post-prev-img.img-mob{
        margin: 10% 0;
      }
      .post-prev-text.img-mob{
        margin-top: 8%;
      }
      .item.mob-car{
        border: 2px solid #ddd;
        padding: 0 4%;
      }


      /* About */

      .page-header .page-sub-title{
        display: flex;
        animation: fadeInUp 1.0s both 0.5s;
      }
      .page-header .page-sub-title ul li{
        color: #F09C51;
      }
      .page-header .page-title{
        color: #fff;
        font-size: 34px;
        margin: 2% 0 2%;
        font-family: Lora;
        text-align: center;
        letter-spacing: 1px;
        animation: fadeInUp 1.0s both 0.5s;
      }
      .page-header{
        border-bottom: 0px solid #eee;
        margin: 0;
        padding-top: 130px !important;
        padding-bottom: 90px !important;
      }
      .page-header.serv{
        padding-bottom: 30px !important;
      }

      .about{
        padding: 5% 0;
        background: #F9F9F9;
      }
      .page-section.map{
        background: #F9F9F9;
      }
      .cont.contact{
        padding: 5% 0;
        background: #F9F9F9;
        margin-top: 0;
      }
      .about p{
        font: normal normal normal 14px Lato;
    letter-spacing: 0px;
    width: 100%;
    text-align: justify;
    width: 90%;
    line-height: 20px;
    color: #717171;
    margin-bottom: 10px;
      }
      .about .section-title{
        margin-bottom: 20px;
      }
      .arrow-center{
        margin-top: 2%;
      }
      .page-header-title{
        font-size: 48px;
      }
      .about-arrow{
        height: 40px;
      }
      .about-img{
        visibility: visible;
        animation-delay: 200ms;
        animation-name: fadeIn;
        position: relative;
        left: 0px;
        width: 96%;
        background: transparent;
        top: 0;
        margin: 5% 0 0 0;
        height: 333px;
        border: 1px solid #F09C51;
      }
      .about-img img {
        margin-top: -5%;
        margin-left: 5%;
    }
    .form-text{
      font: normal normal normal 16px/24px Lato;
      margin-bottom: 20px;
    }
   .border-bottom{
    border-bottom: 3px solid #FFFFFF50;
    width: 41%;
    }
    .border-bottom .page-sub-title{
      margin-bottom: 5%;
      width: 90%;
    }
    ul.contact-icons{
      list-style: none;
      padding-left: 0;
      padding-top: 15px;
    }
    ul.contact-icons li{
      font: normal normal normal 14px/20px Lato;
      color: #fff;
      padding: 10px 0 0 0;
    }
    ul.contact-icons li span{
padding-left: 1%;
    }
    .contact textarea{
      /* height: 150px; */
      width: 100% !important;
    }
    .map.button.gray{
      position: absolute;
    z-index: 99999;
    margin-top: -8%;
    margin-left: 3%;
    }
    .orange-border{
      visibility: visible;
      animation-delay: 200ms;
      animation-name: fadeIn;
      position: relative;
      left: 0px;
      width: 87%;
      background: transparent;
      top: 0px;
      margin: 0;
      height: 100px;
      border: 1px solid #F09C51;
    }
    .coming-soon-container{
      padding-top: 0;
    height: 90.4vh;
    }
    .coming-soon-head{
      font-size: 60px;
    color: #f09c51;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    padding-top: 7rem;
    margin-bottom: 0;
    letter-spacing: 0px;
    }
    .coming-soon-text{
      font-size: 21px;
    color: #fff;
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    padding-top: 0rem;
    width: 45%;
    margin: auto;
    }
    .services-partition{
      background-color: #4a6ab3;
    width: 100% !important;
    margin: -2% 2% 2% -2%;
    padding: 1.5%;
    text-align: center;
    }
    .services-partition h3{
      color: #fff;
      font: normal normal normal 32px/34px Lato;
      margin: 0;
    }
    .cs-brd{
      margin-top: 0% !important;
      margin-bottom: 2% !important;
    }
    .cs-brd a{
      color: #fff !important;
    }
    .cs-brd .bread-current {
      color: #fff !important;
  }
  a.read-more:hover, a.read-more:focus{
    color:#254796;
  }
  .section-title.title-new{
    text-transform: none !important;
  }
.page-title-cont.page-header.serv.page-title-large.grey-dark-bg.page-title-img{
  background-image: url(../img/gbca1.jpg); 
  background-size: contain; 
  background-position-y: -10px;
}
.arrow-rotate:hover{
  transform: rotate(45deg);
}
.arrow-rotate{
  -webkit-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  -o-transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
  transition: all .3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}
/* .loader {
    margin-top: 2px;
    border: 4px solid #ffffff75;
    border-top: 4px solid #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    display: inline-block;
    animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */

/* Floating Icons */
#social-share{position:fixed;bottom:100px;right:31px;z-index:20}#social-share div.social-open-menu .btn-share,#social-share ul.social-itens .btn-share{position:relative;cursor:pointer;border-radius:50%;color:#fff;line-height:1;outline:0;border:0;margin-top:15px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}#social-share div.social-open-menu .btn-share:hover,#social-share ul.social-itens .btn-share:hover{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}#social-share ul.social-itens{list-style:none;text-decoration:none;text-align:center;position:relative;display:block}#social-share ul.social-itens .btn-share{width:40px;height:40px}#scrollUp i{height:40px!important;width:40px!important;line-height:40px!important}#social-share ul.social-itens .btn-share.social-item-1{background:linear-gradient(to bottom,#f97d0e 0%,#F09C51 100%)}#social-share ul.social-itens .btn-share.social-item-1 i{color:#fff;text-shadow:0 0 #F09C51,1px 1px #F09C51,2px 2px #F09C51,3px 3px #F09C51,4px 4px #F09C51,5px 5px #F09C51;font-size:18px}#social-share ul.social-itens .btn-share.social-item-2{background:linear-gradient(to bottom,#f97d0e 0%,#F09C51 100%)}#social-share ul.social-itens .btn-share.social-item-2 i{color:#fff;text-shadow:0 0 #F09C51,1px 1px #F09C51,2px 2px #F09C51,3px 3px #F09C51,4px 4px #F09C51,5px 5px #F09C51;font-size:18px}#social-share ul.social-itens .btn-share.social-item-3{background-color:#FFC107}#social-share ul.social-itens .btn-share.social-item-3 i{text-shadow:0 0 #edb100,1px 1px #edb100,2px 2px #edb100,3px 3px #edb100,4px 4px #edb100,5px 5px #edb100}#social-share ul.social-itens .btn-share.social-item-4{background-color:#FF5F00}#social-share ul.social-itens .btn-share.social-item-4 i{text-shadow:0 0 #edb100,1px 1px #edb100,2px 2px #edb100,3px 3px #edb100,4px 4px #edb100,5px 5px #edb100}#social-share ul.social-itens.open .btn-share{transform:scale(1);opacity:1}#social-share ul.social-itens li{position:relative}#social-share ul.social-itens li .btn-share{transform:scale(0);opacity:0}#social-share ul.social-itens li .btn-share-text{
  position: absolute;
    bottom: 10px;
    right: 100%;
    margin-right: 10px;
    width: 160px;
    border-radius: 2px;
    padding: 3px 4px;
    text-align: right;
    font-weight: 300;
    background: transparent;
    color: rgba(20,20,20,.7);
    display: block;
    opacity: 0;
    font-family: 'Lato', sans-serif !important;
}#social-share ul.social-itens li:hover .btn-share-text{opacity:1}#social-share div.social-open-menu .btn-share{width:65px;height:65px;background-color:#F44336}#social-share div.social-open-menu .btn-share i{text-shadow:0 0 #f32c1e,1px 1px #f32c1e,2px 2px #f32c1e,3px 3px #f32c1e,4px 4px #f32c1e,5px 5px #f32c1e}#social-share .social-itens.open .social-item-1,#social-share .social-itens.open .social-item-1 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.1s}#social-share .social-itens.hidden .social-item-1,#social-share .social-itens.open .social-item-1 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.4s}#social-share .social-itens.open .social-item-2,#social-share .social-itens.open .social-item-2 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.2s}#social-share .social-itens.hidden .social-item-2,#social-share .social-itens.open .social-item-2 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.3s}#social-share .social-itens.open .social-item-3,#social-share .social-itens.open .social-item-3 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.3s}#social-share .social-itens.hidden .social-item-3,#social-share .social-itens.open .social-item-3 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.2s}#social-share .social-itens.open .social-item-4,#social-share .social-itens.open .social-item-4 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.4s}#social-share .social-itens.hidden .social-item-4,#social-share .social-itens.open .social-item-4 .btn-share-text{transition:all 500ms cubic-bezier(.68,-.55,.265,1.55) 0.1s}