/* .navbar {
    background-color: #222 !important;
    background-image: url(https://ixceed-solutions.co.uk/wp-content/uploads/2021/10/city-gd6d8e6c2e_1920.jpg);
}
.navbar-brand img {
    height: 70px;
}
.navbar-nav .nav-link {
    color: #000;
    padding: 15px 0px !important;
    margin: 0px 20px;
    font-size: 16px;
    font-weight: 500;
    
}

.dropdown-item {
    padding: 10px 25px;
    font-size: 14px;
}
.dropdown-menu {
    background-color:rgb(228, 182, 57);
    border-radius: 0;
    padding: 0;

}
.dropdown-menu li {
    color: #fff !important;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
}

.dropdown-menu li a:hover {
    background-color: #000000CC;
    color: #fff;
}
.nav-link {
    color: #fff !important;
    font-size: 14px;
    text-transform: uppercase;
} */



.navbar-toggler-icon {
  background-image: none;
  color: #000!important;
  font-size: 25px;
  font-weight: 900;
}
.navbar-brand img {
  height: 70px;
}
.nav-link {
  color: #100c0c !important;
  font-size: 14px;
  text-transform: uppercase;
}

.dropdown-menu li a:hover {
  background-color: #000000CC;
  color: #fff;
}

.dropdown-menu li {
  color: #fff !important;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

.dropdown-menu {
  background-color:rgb(228, 182, 57);
  border-radius: 0;
  padding: 0;

}
.dropdown-item {
  padding: 10px 25px;
  font-size: 14px;
}
.navbar-nav .nav-link {
  color: #000 !important;
  padding: 15px 0px !important;
  margin: 0px 20px;
  font-size: 16px;
  font-weight: 500;
  
}

.btn-close{
  
    margin: 0px 13px 21px 0px!important;
    font-size: 25px;
}
.offcanvas-header{
  border: 1px solid #ccc;
  background-color: #f3f1f1 !important;
  background-image: url(https://www.freepik.com/free-vector/blue-water-background_712544.htm#from_view=detail_alsolike);
}

.navbar {
  background-color: #f3f1f1 !important;
  background-image: url(https://www.freepik.com/free-vector/blue-water-background_712544.htm#from_view=detail_alsolike);
}


/* -----navbar---- */




/* -------------foter-strat--------- */



.footer_section{
    padding: 60px 0px;
    background-color:#000000ee;
}

.footer_links img{
    height: 100px;
}


.footer_links h6 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: capitalize;
    font-weight: 600;
    position: relative;
}

.footer_links h6::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #FFAB00;
    bottom: -10px;
    left: 0px;
}


.footer_links ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.footer_links ul li a {
    color: #fff;
    display: block;
    margin-bottom: 20px;
    font-size: 13px;
    text-decoration: none;
}

.bottom_footer{
    background-color: #000000;
    padding: 15px 0px;
}
.Copy_right p{
    color: #fff;
}
.Copy_right p a{
   color: #fff;
   text-decoration: none;
   text-transform: capitalize;
}
.social-icons li {
    display: inline-block;
    border: none;
    z-index: 1;
    position: relative;
    margin: 0px 2px;
}
.social-icons li a {
    display: block;
    min-width: 26px;
    text-align: center;
    width: 37px;
    height: 37px;
    line-height: 37px;
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, .1);
    margin: 0 1px;
    background-color: transparent;
    font-size: 14px;
    color: rgba(255, 255, 255, .65);
}





/* ####################################################### */


.bg-1 {
    background: #f5f5f5;
}
.sub-section {
    padding: 40px 0px;
}
.section-title h2 {
    font-size: 36px;
    color: #30373e;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 47px;
    /* letter-spacing: -3px; */
    margin-bottom: 66px;
    position: relative;
}

.section-title h2::before {
    content: "";
    position: absolute;
    width: 79px;
    height: 3px;
    background: #FFAB00;
    bottom: -15px;
    left: px;
}
.section-title p {
    font-weight: 500;
}
.abt_para {
    font-size: 16px;
}
.about-content {
    padding: 30px;
    border: 1px solid #b9b9b9;
    background: #fff;
}
.about-content img {
    height: 50px;
    margin-bottom: 20px;
}
.about-content h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
}
.about-content p {
    font-size: 14px;
}



/* ######################################################## */



.img_div img {
    height: 150px;
    width: 225px !important;
    object-fit: contain;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 15px !important;
    border: 1px solid #dadada;
}
.owl-carousel .owl-item img {
    display: block;
}




/* slick-slider */



html {
    font-size: 62.5%; }
  
  body {
    font-size: 1.6rem;
    font-family: "Poppins", sans-serif; }
  
  @media (min-width: 992px) {
    .slider, .slide {
      height: 80vh; } }
  
  .slide {
    position: relative;
    transition: 1s; }
    .slide .slide__img {
      width: 100%;
      height: auto;
      overflow: hidden; }
  
  @media (min-width: 992px) {
    .slide .slide__img {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); } }
      .slide .slide__img img {
        max-width: 100%;
        height: auto;
        opacity: 1 !important;
        animation-duration: 3s;
        transition: all 1s ease; }
    .slide .slide__content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
      .slide .slide__content.slide__content__left {
        left: 15%;
        transform: translate(-15%, -50%); }
      .slide .slide__content.slide__content__right {
        right: 15%;
        left: auto;
        transform: translate(5%, -50%); }
      .slide .slide__content--headings {
        color: #FFF; }
        .slide .slide__content--headings h2 {
          font-size: 4.5rem;
          margin: 10px 0; }
        .slide .slide__content--headings .animated {
          transition: all .5s ease; }
        .slide .slide__content--headings .top-title {
          font-family: "Playball", cursive;
          font-size: 2.5rem; }
        .slide .slide__content--headings .title {
          font-size: 3.5rem; }
        .slide .slide__content--headings .button-custom {
          text-decoration: none;
          color: #333;
          padding: 1.2rem 2.5rem;
          font-size: 1.5rem; }
  
  .slider [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
    transition: 1s; }
  
  .slick-dotted .slick-slider {
    margin-bottom: 30px; }
  
  .slick-dots {
    position: absolute;
    bottom: 25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%; }
    .slick-dots li {
      position: relative;
      display: inline-block;
      margin: 0 5px;
      padding: 0;
      cursor: pointer; }
      .slick-dots li button {
        border: 0;
        display: block;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 5px;
        cursor: pointer;
        transition: all .3s ease; }
        .slick-dots li button:hover, .slick-dots li button:focus {
          outline: none; }
  
  .simple-dots .slick-dots li {
    width: 20px;
    height: 20px; }
    .simple-dots .slick-dots li button {
      border-radius: 50%;
      background-color: white;
      opacity: 0.25;
      width: 20px;
      height: 20px; }
      .simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
        opacity: 1; }
    .simple-dots .slick-dots li.slick-active button {
      color: white;
      opacity: 0.75; }
  
  .stick-dots .slick-dots li {
    height: 3px;
    width: 50px; }
    .stick-dots .slick-dots li button {
      position: relative;
      background-color: white;
      opacity: 0.25;
      width: 50px;
      height: 3px;
      padding: 0; }
      .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
        opacity: 1; }
    .stick-dots .slick-dots li.slick-active button {
      color: white;
      opacity: 0.75; }
      .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
        opacity: 1; }
  
  /* /////////// IMAGE ZOOM /////////// */
  @keyframes zoomInImage {
    from {
      transform: scale3d(1, 1, 1);
      transition: 1s; }
    to {
      transform: scale3d(1.1, 1.1, 1.1);
      transition: 1s; } }
  
  .zoomInImage {
    animation-name: zoomInImage; }
  
  @keyframes zoomOutImage {
    from {
      transform: scale3d(1.1, 1.1, 1.1);
      transition: 1s; }
    to {
      transform: scale3d(1, 1, 1);
      transition: 1s; } }
  
  .zoomOutImage {
    animation-name: zoomOutImage;
    transition: 1s; }
  
  .slick-nav {
    --active: #fff;
    --border: rgba(255, 255, 255, .12);
    width: 44px;
    height: 44px;
    position: absolute;
    cursor: pointer;
    top: calc(50% - 44px); }
    .slick-nav.prev-arrow {
      left: 3%;
      transform: scaleX(-1);
      z-index: 999; }
    .slick-nav.next-arrow {
      left: auto;
      right: 3%; }
    .slick-nav i {
      display: block;
      position: absolute;
      margin: -10px 0 0 -10px;
      width: 20px;
      height: 20px;
      left: 50%;
      top: 50%; }
      .slick-nav i:before, .slick-nav i:after {
        content: '';
        width: 10px;
        height: 2px;
        border-radius: 1px;
        position: absolute;
        left: 50%;
        top: 50%;
        background: var(--active);
        margin: -1px 0 0 -5px;
        display: block;
        transform-origin: 9px 50%; }
      .slick-nav i:before {
        transform: rotate(-40deg); }
      .slick-nav i:after {
        transform: rotate(40deg); }
    .slick-nav:before, .slick-nav:after {
      content: '';
      display: block;
      position: absolute;
      left: 1px;
      right: 1px;
      top: 1px;
      bottom: 1px;
      border-radius: 50%;
      border: 2px solid var(--border); }
    .slick-nav svg {
      width: 44px;
      height: 44px;
      display: block;
      position: relative;
      z-index: 1;
      color: var(--active);
      stroke-width: 2px;
      stroke-dashoffset: 126;
      stroke-dasharray: 126 126 0;
      transform: rotate(0deg); }
    .slick-nav.animate svg {
      animation: stroke 1s ease forwards .3s; }
    .slick-nav.animate i {
      animation: arrow 1.6s ease forwards; }
      .slick-nav.animate i:before {
        animation: arrowUp 1.6s ease forwards; }
      .slick-nav.animate i:after {
        animation: arrowDown 1.6s ease forwards; }
  
  @keyframes stroke {
    52% {
      transform: rotate(-180deg);
      stroke-dashoffset: 0; }
    52.1% {
      transform: rotate(-360deg);
      stroke-dashoffset: 0; }
    100% {
      transform: rotate(-180deg);
      stroke-dashoffset: 126; } }
  
  @keyframes arrow {
    0%,
  100% {
      transform: translateX(0);
      opacity: 1; }
    23% {
      transform: translateX(17px);
      opacity: 1; }
    24%,
  80% {
      transform: translateX(-22px);
      opacity: 0; }
    81% {
      opacity: 1;
      transform: translateX(-22px); } }
  
  @keyframes arrowUp {
    0%,
  100% {
      transform: rotate(-40deg) scaleX(1); }
    20%,
  80% {
      transform: rotate(0deg) scaleX(0.1); } }
  
  @keyframes arrowDown {
    0%,
  100% {
      transform: rotate(40deg) scaleX(1); }
    20%,
  80% {
      transform: rotate(0deg) scaleX(0.1); } }
  


    /* ################################################# */

    .bg-1 {
      background: #f9f9f9;
  }

  .title_sections h2 {
    font-size: 24px;
    line-height: 50px;
    font-weight: 600;
    color: #282f3b;
    padding: 0px;
}

.description_box p {
  font-size: 12px;
  line-height: 26px;
  color: #555;
  margin-bottom: 5px;
}
.head_abt {
  color: #000;
  font-weight: 600;
}


/* ###################################### */


.Consistent_images{
 display: flex;
 justify-content: center;
}
.Consistent_images img{
 width: 100%;
 height: auto;
 object-fit: cover;
}




/* #################################################### */






.img-box-client img{
  margin: 10px;
  background-color: #fff;
  padding: 20px 20px;
  margin-bottom:5px;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  height: 150px;
}


.Testimonials_icon img{
   width: 50px!important;
   height:50px;
   border-radius: 50%;
   border: 1px solid #cccc;
   object-fit: cover;
   display: block;
   margin-right: 25px;
} 

.abc{
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31,) 0px 0px 0px 1px;
  padding: 20px;
  background-color:#e6e9ec;
  position: relative;
  border-radius: 10px;
  line-height: 37px;
  
}


.bg-2 {
  background-size: cover;
  background-position: center;
}

/* ########################################################## */
.services_foray_img {
  display: flex;
  justify-content: center;
}
.services_foray_img img {

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 90%;
    border-style: solid;
    border-width: 12px 17px 17px 17px;
    border-radius: 27px 27px 27px 27px;
}



/* ################################################################### */


.section-title-wrap h3{
  color: #333333;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 40px;
  margin-bottom: 14px;
}


.description_box{
  padding: 15px 0px 0px 30px;
}
.section-title-wrap{
  padding: 35px 0px 0px 100px;
}



.xyz{
  color: #FFAB00;
}

.ticker-news span {
  background: #FFAB00;
  height: 38px;
  float: left;
  padding: 5px 16px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 31px;
  width: 220px;
  border-radius: 20px 0px 0px 20px;
}

.mar {
  padding: 3px;
  border: 1px solid #ddd;
}
.ticker_top{
  padding: 15px 0px;
}



.navbar-toggler:focus{
  box-shadow: none!important;
}
.navbar-toggler{
  border: none!important;
}

.navbar-toggler-icon{
  background-image:none;
  color: #fff;
  font-size: 25px;
  font-weight: 900;
}



/* ########################################################################### */
.slide .slide__img img{
  width: 100%;
}

@media (max-width: 600px) {
  .Copy_right{
      text-align: center;
      padding: 5px 0px;
  }
  .social-icons {
  flex-direction: column;
  }
  .footer_section {
    padding: 10px 0px;
}
.about-content {
  padding: 10px;
  margin-bottom: 30px;
}
 
.section-title-wrap h3 {
  text-align: center;
  font-size: 35px;
}
.section-title-wrap {
  padding: 50px 0px 0px 10px;
}
.sub-section {
  padding: 10px 0px;
}
.ticker-news span {
  background:#FFAB00;
  height: 31px;
  float: left;
  padding: 4px 60px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 25px;
  width: 213px;
  border-radius: 40px 40px 0px 0px;
}
.Blogs-content h3{
 font-size: 12px;
 font-weight: 600;
}

}




/* ####################################### */

.object{
  text-align: center;
  display: block;
  padding: 20px;
}


.object_icon img{
  width: 50px;
  height: auto;
  margin-bottom: 10px;
}

.object_content h1 a{
  text-decoration: none;
  font-size: 40px;
  font-weight: 600;
  color: #000;
  line-height: 50px;
}

.object_content p{
  font-size: 15px;
}


/* ############################################### */


.Missions_icon img {
  width: 70px;
  height: auto;
  padding: 10px;
  border-style: outset;
  border-color: lavender;
}
.Missions{
  text-align: center;
  margin-top: 50px;
}
.Missions_content h1{
  margin-top: 20px;
}
.Missions_content p{
  font-size: 12px;
  line-height: 18px;
  color: #555;
  margin-bottom: 5px;
}



/* ################################################## */

.Blogs{
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.Blogs-img img{
 width: 100%;
 height: auto;
}

.Blogs-content{
  height: 100px;
  text-align: center;
  padding: 25px;
}



.case{
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  padding: 30px;
}
.case-img img{
  width: 100%;
 height: auto;
}
.blog-content{
  text-align: center;
  padding: 25px;
}





/* ############################################################# */



.video_box_design{
  padding: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-top: 5px solid #fc1d11;
  margin-bottom: 30px;
}


.classes_text h6 {
  color: #0e2a46;
  font-size: 18px;
  font-weight: 700;
  text-transform: capitalize;
  transition: 0.3s;
  margin-bottom: 10px;
}
.classes_text p {
  font-size: 14px;
  margin-bottom: 0px;
}



/* ############################################################ */

.Testimonials-border {
    border: 30px solid beige;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    
}


.display-time{
  border: none!important;
  padding: 10px 0px!important;
  
}
.display-date{
  margin-bottom: 10px;
}

.social-media{
  padding: 0px;
  margin: 0px;
}
.social-media li{
 list-style: none;
 margin-bottom: 20px;
}
.social-media li i{
  font-size: 30px;
}
.social-media li a{
  color: #30373e;
  text-decoration: none;
  text-transform: capitalize;
  font-size: 30px;
}



.contact-img img{
  width: 100%;
}


/* ################################################ */



.display-date {
text-align: start;
margin-bottom:10px!important;
font-size: 3.6rem;
font-weight: 600;
}

.display-time {
    display: flex;
    font-size: 5rem;
    font-weight: bold;
    border: 2px solid #ffd868;
    padding: 10px 20px;
    border-radius: 5px;
    transition: ease-in-out 0.1s;
    transition-property: background, box-shadow, color;
    /* -webkit-box-reflect: below 2px linear-gradient(transparent, rgba(255, 255, 255, 0.05)); */
}

.display-time:hover {
    background: #ffd868;
    box-shadow: 0 0 30px#ffd868;
    color: #272727;
    cursor: pointer;
}



/* ############################################## */


.talent-services{
  text-align: center;
  background: #f2e7e700;
  height: 156px;
  padding: 25px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  
}


.talent-services-icon img{
  width: 70px;
  height: auto;
  margin-bottom: 20px;
}



/* ####################################################### */
.item{
    padding: 5px;
    /* height: 500px; */
}
.img_use img{
  width: 100%;
  height:350px;
}
/* ############################################################ */


.clients-crousel{
    padding: 20px;
    height: 220px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    display: flex;
  
}
.clients-icon{
  display: flex;
  justify-content: center;
}