.marka{
-webkit-filter: grayscale(100%);
 filter: grayscale(100%);
}

.roundimg{
    border-radius: 20px;
}
.white{
    color:white;
}
.footer .footer-info a{
    color: white !important; 
    text-decoration: none !important;
}
.footer{
    padding-top: 70px;
    padding-bottom: 70px;
}
.footer .logo{
    text-align: left;
}
.red{
    color:#a94334 !important;
}
.redbackground {
background: #a94334;
color:white;

}
.bluebackground {
background: #3d7888;
color:white;

}
.white{
    color: white  !important;
}
.blue{
    color:#3d7888;
}
.ceopic{
    border-radius: 50px;
}
.bold{
        font-weight: bold;
}
.radious20{
border-radius: 20px !important;
}
.radious50{
border-radius: 50px !important;
}

i.testicon {
    font-size: 60px;
}
body .navbar{
    top: 0;
    height: auto;
}
body .navbar .logo{
    padding: 6px 0 4px;
}
.navbar .logo a img{
    width: auto;
    height: 100%;
    max-height: 55px;
}
body .navbar .site-menu{
    margin-right: 0;
}
body .navbar .hamburger-menu{
    position: absolute;
    right: 5vw;
}
body .navbar-light .navbar-nav .nav-link {
    
    padding: 0 12px;
  }
  .navbar.navbar-expand-md.navbar-light.sticky {
    box-shadow: 2px 8px 20px 0px rgba(0, 0, 0, 0.1);
  }
body .slider .main-slider .swiper-slide .container .content-box{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body .slider .main-slider .swiper-slide .container .content-box h1{
    text-align: center;
    margin: auto;
  }
  body .slider .main-slider .swiper-slide .container .content-box p{
    text-align: center;
    margin-left: auto;
  }
  body .slider .main-slider .swiper-slide .container .content-box .ahr{
    margin-right: 0;
  }
  body .slider .main-slider .swiper-slide .container .content-box a{
    margin-left: auto;
  }
  body .mmec-about.ourstorysection{

    background: url("images/about-bg.jpg") no-repeat center ;
    background-size: cover;
  }
  body .mmec-about.ourstorysection .ourstorybox,
  body .mmec-about.ourstorysection .ourstorybox .innerstorybox{
    background: none;
  }
.home-title{


    line-height: 54px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 44px;
/*font-family: 'Outfit', sans-serif;*/
    letter-spacing: 5px;
    color: #3b7888;
  
}


.iconsociai {
    font-size: 30px;
    line-height: 46px !important;
    margin-left: 1px;
}
.circle-social-icon {
    display: inline-flex;
    /* Ensure proper alignment and spacing */
    align-items: center;
    /* Vertically center the icon */
    justify-content: center;
    /* Horizontally center the icon */
    width: 40px;
    /* Adjust the size of the circle */
    height: 40px;
    border-radius: 50%;
    /* Make it a perfect circle */
    background-color: #f0f0f0;
    /* Background color (optional) */
    margin: 5px;
    /* Add some spacing between icons */
    color: #333;
    /* Icon color */
}
.footer .footer-social li a {
    width: 40px;
        height: 40px;
        line-height: 47px;
        display: inline-block;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: #fff;
        text-align: center;
        font-size: 13px;
}
.icon-text {
    display: flex;
    /* Enable flexbox */
    align-items: flex-start;
    /* Align items to the top of the container */
    margin-bottom: 10px;
}

.icon-text i {
    color:white !important;
    margin-right: 5px;
    margin-top: 5px;
        opacity: 0.5;
    /* Add space between icon and text */
}

.icon-text p {
    text-align: left !important;
    margin: 0;
    /* Remove default margin on paragraph */
}
.footer .footer-social{
    margin-top: 0;
    justify-content: left !important;
}
.footer .footer-menu li{
    justify-content: left !important;
}
.footermenudiv{
    padding-left: 100px;
    padding-top: 120px;
}




.events {
    padding: unset;
    background:unset;

    @include responsive(tablet-kucuk) {
        padding: unset;
    }
}

.events li{
        display: initial;
            float: initial;
            position: initial;
}
.cd-timeline-navigation li {
    display: initial;
    float: initial;
    position: initial;
}

.eventscard{
    border:none;
}

.cd-horizontal-timeline .events a:hover {
    scale: 1.1;
}


          .full-height-section {
              min-height: 100vh;
              display: flex;
              justify-content: center;
              align-items: center;
          }
.homebox .services-kutu1{
    border:none !important;
}

.ourstorysection{
    background: linear-gradient(150deg, #dfe8ea 0%, #e3ebee 61%, #f0f1f1 100%);
}

.ourstorybox{
        background: linear-gradient(286deg, #3b7788 0%, #cbdade 51%, #c46353 100%);
        max-width: 1100px;
        margin: auto;
        border-radius: 100px;
        padding: 10px;
      
}
.ourstorybox .innerstorybox{
        min-height: 600px;
            background: linear-gradient(150deg, #dfe8ea 0%, #e3ebee 61%, #f0f1f1 100%);
            position: relative;
            display: -webkit-box;
            border-radius: 95px;
            display: -ms-flexbox;
            display: flex;
            gap: 16px;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            color: #3B787E;
            text-align: center;
        
}
.ourstorybox .innerstorybox p{
   
    text-align: center;
}
.wp-post-image{
border-radius: 50px !important;
}


  .row-equal {
      display: flex;
      flex-wrap: wrap;
  }

  .col-equal {
      display: flex;
      flex-direction: column;
  }

  .post-kutu {
      flex: 1;
  }
  .wp-post-image{
    width: unset !important;
        height: unset !important;
  }

  .page-header .container h2{

        line-height: auto !important;
       
  }
  .listicon{
    width: 20px;
  }

  .or56 li{
        display: list-item;
        float:unset !important;
  }
  .project_h3{
    font-size: 22px;
    font-weight: 700;
  }
  .project_h2{
    font-size: 25px;
    font-weight: 700;
  }
  .page-header .container h2{
    margin-bottom: 20px;
  }


.tablink{
    font-size: 20px;
}
.tab-content .card{
    border:none !important;
}
/*.question::after{
    font-family: Outfit !important;
}*/
.homevision .question{
    font-size: 25px;
}
  @media (min-width: 991px) {
      .hamburger-menu {
        visibility: hidden;
      }
  }


  @media only screen and (max-width: 600px) {
      .footermenudiv {
          padding-left: 10px;
          padding-top: 10px;
      }

      .full-height-section {
          height: auto;
      }
  }

          .parallax {
              position: relative;
              height: 100vh;
              overflow: hidden;
              display: flex;
              align-items: center;
              justify-content: center;
              color: white;
          }
    .msv-section{
        position: relative;
    }
   .video-background {
       position: absolute;
       top: 0;
       left: 0;
       height: 100%;
       width: 100%;
       object-fit: cover;
       z-index: -1;
   }
        .vfull-height-section {
            position: relative;
            height: 100vh;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            z-index: 1;
        }
    
        .scontent {
            z-index: 2;
        }

                 .vfull-height-section .tab-content
                 {
                    
                    border:none !important;
                    background: #ffffff2b !important;
                       /* backdrop-filter: blur(4px) !important;*/
                 }
                       

                .vfull-height-section .mvv-box .nav-tabs .nav-link{
                        background: #ffffff2b !important;
                           /* backdrop-filter: blur(4px) !important;*/
                            color: #ffffff !important;
                                border-color: #ffffff0d !important;

                }
.forceblur{
    backdrop-filter: blur(4px) !important;
}
.vfull-height-section .mvv-box .nav-tabs .nav-link.active {
    background: #ffffff5e !important;
    color: #ffffff !important;
}
/*
                .vfull-height-section .nav-tabs {
                    flex-direction: column;
                   
                }
        
                .vfull-height-section .nav-item {
                    width: 100%;
                }
        
                .vfull-height-section .nav-link {
                    border: none;
                    width: 100%;
                    border-radius: 12px 0 0 12px !important
                 
                }
        
                .vfull-height-section .nav-link.active {
                 
                    background-color: #f8f9fa;
                }
        
                .vfull-height-section .tab-content {
                    flex: 1;
                    padding-left: 15px;
                }
        
                .vfull-height-section .mvv-box {
                    display: flex;
                }*/
/*******************
Timeline Style
*******************/


.cd-horizontal-timeline ol,
.cd-horizontal-timeline ul {
    list-style: none;
}

.cd-timeline-navigation a:hover,
.cd-timeline-navigation a:focus {
    border-color: #313740;

}

.cd-horizontal-timeline a,
.cd-horizontal-timeline a:hover,
.cd-horizontal-timeline a:focus {
    color: #313740;
}

.cd-horizontal-timeline blockquote,
.cd-horizontal-timeline q {
    quotes: none;
}

.cd-horizontal-timeline blockquote:before,
.cd-horizontal-timeline blockquote:after,
.cd-horizontal-timeline q:before,
.cd-horizontal-timeline q:after {
    content: '';
    content: none;
}

.cd-horizontal-timeline table {
    border-collapse: collapse;
    border-spacing: 0;
}

.cd-horizontal-timeline {
    opacity: 0;
    margin: 2em auto;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}

.cd-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}

.cd-horizontal-timeline .timeline {
    position: relative;
    height: 100px;
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 40px;
    overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after,
.cd-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
    left: 0;

}

.cd-horizontal-timeline .events-wrapper::after {
    right: 0;

}

.cd-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50px;
    height: 2px;
    /* width will be set using JavaScript */
    background: #dfdfdf;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #313740;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
    position: absolute;
    bottom: 0;
    z-index: 2;
    text-align: center;
    font-size: 1rem;
    padding-bottom: 15px;

    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -5px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    background-color: #f8f8f8;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
    background-color: #313740;
    border-color: #313740;
}

.cd-horizontal-timeline .events a.selected {
    pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
    background-color: #313740;
    border-color: #313740;
}

.cd-horizontal-timeline .events a.older-event::after {
    border-color: #313740;
}

@media only screen and (min-width: 1100px) {
    .cd-horizontal-timeline::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
}

.cd-timeline-navigation a {
    /* these are the left/right arrows to navigate the timeline */
    position: absolute;
    z-index: 1;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 34px;
    width: 34px;
    border-radius: 50%;
    border: 2px solid #dfdfdf;
    /* replace text with an icon */
    overflow: hidden;
    color: transparent;
    text-indent: 100%;
    white-space: nowrap;
    -webkit-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

.cd-timeline-navigation a::after {
    /* arrow icon */
    content: '';
    position: absolute;
    height: 16px;
    width: 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cd-timeline-navigation a.prev {
    left: 0;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
    right: 0;
}

.no-touch .cd-timeline-navigation a:hover {
    border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
    cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
    background-position: 0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
    border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
    position: relative;
    width: 100%;
    margin: 2em 0;
    overflow: hidden;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    padding: 0 5%;
    opacity: 0;
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
    /* visible event content */
    position: relative;
    z-index: 2;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right,
.cd-horizontal-timeline .events-content li.leave-right {
    -webkit-animation-name: cd-enter-right;
    -moz-animation-name: cd-enter-right;
    animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-name: cd-enter-left;
    -moz-animation-name: cd-enter-left;
    animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right,
.cd-horizontal-timeline .events-content li.leave-left {
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li>* {
    max-width: 100%;
    margin: 0 auto;
}

.cd-horizontal-timeline .events-content h4 {
    font-weight: 700;
    margin-bottom: 0px;
    line-height: 20px;
    margin-bottom: 15px;
}

.cd-horizontal-timeline .events-content h4 small {
    font-weight: 400;
    line-height: normal;
    font-size: 15px;
}

.cd-horizontal-timeline .events-content em {
    display: block;
    font-style: italic;
    margin: 10px auto;
}

.cd-horizontal-timeline .events-content em::before {
    content: '- ';
}

.cd-horizontal-timeline .events-content p {
    font-size: 16px;
    margin-top: 15px;

}

@media only screen and (min-width: 768px) {

    .cd-horizontal-timeline .events-content em {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {

    .cd-horizontal-timeline.loaded {
        margin: 0;
    }

    .cd-horizontal-timeline .timeline {
        width: 100%;
    }

    .cd-horizontal-timeline ol,
    .cd-horizontal-timeline ul {
        padding: 0;
        margin: 0;
    }

    .cd-horizontal-timeline .events-content h4 {
        font-size: 16px;
    }

    .cd-horizontal-timeline .events-content {
        margin: 0;
    }

}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.timeline:before {
    content: " ";
    display: none;
    bottom: 0;
    left: 0%;
    width: 0px;
    margin-left: -1.5px;
    background-color: #eeeeee;
}

/*******************
End Timeline Style
*******************/
.cd-horizontal-timeline ol,
.cd-horizontal-timeline ul{
    position: relative;
}
.mmec-about .ourstorysection{

    min-height: 800px;
}
.timeline-section{

    background: url("images/timeline-bg1.jpg") no-repeat center;
    background-size: cover;
    padding: 50px 0 !important;
    margin: 0 auto !important;
}

.timeline-section h3 {
    
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.15px;
    font-weight: 600;
    max-width: 600px;
    margin: 16px auto;
    text-align: center;
}

.timeline-section p {
    font-family: "Poppins", sans-serif;
  
    font-weight: 500;
    max-width: 600px;
    margin: 16px auto;
    font-size: 18px;
  }

  .timeline-section .timeline-card {
    max-width: 900px;
  margin: auto;
  background: none;
  background: rgba(38, 38, 38, 0.005);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(4px);
  
  border: 1px solid #7aeff441;
  border-radius: 20px;
min-height: 450px;
padding: 40px 0;
  }
  /*--new--*/
  .timeline-section .timeline-card .nav-pills {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    gap: 8px;
  }
  .timeline-section .timeline-card .nav-pills .nav-link{
    background: none;
    border: none;
    color: #fff;
    font-family:"Poppins", sans-serif;
    font-size: 18px;
    width: fit-content;
    transition-duration: 500ms;
    border-radius: 50px;
    text-align: center;
    margin: 0 20px;
    padding: 4px 24px;
    cursor: pointer;
  }.timeline-section .timeline-card .nav-pills .nav-link.active{
    font-weight: 700;
    font-size: 24px;
    border: 1px solid #fff;
    
  }
  .timeline-section .timeline-card .tab-pane{
    padding: 0 24px;
  }
  .timeline-section .timeline-card .tab-pane .img-wrap{
    display: inline-flex;
    padding: 40px;
    height: 150px;
    border: 1px dashed #ffffff3c;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 17px 25px -14px rgba(0,0,0,0.2);
    border-radius: 20px;
    
  } 
  .timeline-section .timeline-card .tab-pane .img-wrap img{

    width: 100%;
    max-width: 250px;
    height: fit-content;
    margin: 0;
    display: block;
 

   
  }
  .timeline-section .timeline-card .tab-pane h2{
    font-family: "Bebas Neue", sans-serif;
    font-size: 32px;
  
    margin-top: 20px;
  }
  .timeline-section .timeline-card .tab-pane  p{
    margin: 10px 0 ;
  }
  .timeline-section .timeline-card .tab-pane  p.date{
    font-size: 180px;
  
    /* position: absolute;
  right: 40px;
  bottom: -30px; */
  line-height: 125px;
/* opacity: .15; */
font-family: "Bebas Neue", sans-serif;
margin-top: 40px;
position: relative;
left: -12px;
color: #ffffff00;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #ffffff84;

  }
  /*--new ends *--*/
  .timeline-section .timeline-card .cd-horizontal-timeline .filling-line{
    background: #ffffff;
  }
  .cd-horizontal-timeline .events-content{
    overflow: visible;
  }
  .timeline-section .timeline-card .cd-horizontal-timeline .events a{

    font-size: 18px;
    font-family: "Poppins", sans-serif;
  
    font-weight: 500;
    color: #fff;
  }
  .timeline-section .timeline-card .cd-horizontal-timeline .events a::after{
    width: 16px;
    height: 16px;
    bottom: -8px;
  }

  .timeline-section .timeline-card .cd-horizontal-timeline .events a.older-event::after{
    border-color: #A94334;

  }
  .timeline-section .timeline-card  .cd-horizontal-timeline .events a.selected{
    font-weight: 700;
    font-size: 24px;
  }
  .timeline-section .timeline-card  .cd-horizontal-timeline .events a.selected::after{
    background-color: #A94334;
    border-color: #A94334;
    width: 24px;
    height: 24px;
    bottom: -12px;
  }

  .timeline-section .timeline-card .cd-horizontal-timeline .events-content h4{
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    margin-bottom: 0;
    font-weight: 800;
    color: #fff;
  }

  .timeline-section .timeline-card .cd-horizontal-timeline .events-content h4 small{
    font-size: 150px;
    font-weight: 700;
    position: absolute;
  right: -20px;
  bottom: -40px;
  line-height: 105px;
opacity: .15;
font-family: "Bebas Neue", sans-serif;
  }

  .timeline-section .timeline-card .cd-horizontal-timeline .events-content p{
   margin:10px 0 0;
   font-size: 14px;
  }

  .timeline-section .timeline-card .cd-timeline-navigation a:hover, .cd-timeline-navigation a:focus {
    border-color: #ffffff;
  }
  .timeline-section .timeline-card .prev:hover, .next:hover {
    background-color: #ffffff;
  }

  .msv-section img.prodetal{
    border-radius: 0;
  } 

  body .msv-section .question{
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 32px;
  }
  body .msv-section .answer{

    font-size: 16px;
    font-family: "Poppins", sans-serif;
  }

  .tablohizmetlerdetay {
    max-width: 1200px;
   
  }
  .msv-section{
    background: #A94334;
    margin: 0 auto !important;
    padding: 50px 0 !important;
  }
  .msv-section .mvv-box{
    max-width: 1100px;
    margin: auto;
  }

  .msv-section .mvv-box .nav-tabs{
    display: flex;
    justify-content: center;
    gap: 16px;
    border: none;
    margin-bottom: 1px;
  }

  .msv-section .mvv-box .nav-tabs .nav-link{

    font-family: "Bebas Neue", sans-serif !important;
    font-size: 32px;
    padding: 8px 24px 4px;
    background: #3b7788;
    color: #ffffff;
    border-radius: 12px 12px 0 0;
  }
  .msv-section .mvv-box .nav-tabs .nav-link.active{
    background: #A94334 !important;
    color: #ffffff;
   
  }

  .msv-section .mvv-box .tab-content{
   
    border-top: none;
    padding: 24px;
    font-family:"Poppins", sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: rgba(0,0,0,0.2) !important;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 16px;
  }
  .msv-section .mvv-box .tab-content .text-cnt{
   
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    text-align: center;
  }
  .msv-section .mvv-box .tab-content h2{
    font-family: "Bebas Neue", sans-serif !important;
    font-weight: 700;
    max-width: 700px;
    text-align: center;
    font-size: 32px;
  }
  .msv-section .mvv-box .tab-content p{
    margin-bottom: 24px;
    max-width: 700px;
    font-family:"Poppins", sans-serif;
    font-size: 16px;
    text-align: center;
  }

  .ceo-message{
    padding: 50px 0;
  }
  
  .ceo-message .ceo-message-box{

    display: flex;
    max-width: 1100px;
    margin: auto;
    /* background: url("images/ceo-bg.jpg") no-repeat center bottom;
    background-size: cover; */
    background: none;
    border: 10px solid #eaeaec;
    border-radius: 32px;
   
  }

  .ceo-message .ceo-message-box .left{

    text-align: left;
    width: 50%;
    padding: 50px 24px;
  }
  .ceo-message .ceo-message-box .right{
    position: relative;
    width: 50%;
    padding: 24px;
  }
  .ceo-message .ceo-message-box .left p{
    font-family:"Poppins", sans-serif;
    font-weight: 500;
  }
  .ceo-message .ceo-message-box .left p b{
    color: #A94334;
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 24px;
    margin-top: 16px;
    display: block;
    margin-bottom: 0;
  } 
  .ceo-message .ceo-message-box .right img{
position: absolute;
bottom: 0;
right: 24px;
width: 100%;
max-width: 600px;
filter: drop-shadow(30px 10px 13px #54555b40);
  }

.offer-request .dep2{

    max-width: 900px;
    margin: auto;
    display: block;
    border-radius: 0;
    
}

.offer-request .dep2 .col-lg-3{
    max-width: 100%;
    flex: 100%;
}

.offer-request .dep2 .col-lg-3 select{
    border-radius: 16px;
    border: 1px solid #d3d3d3;
    margin-top: 24px;
    font-family:"Poppins", sans-serif;
}
.offer-request .dep2 .col-lg-3 .form__input{
    border-radius: 16px;
    border: 1px solid #d3d3d3;
    margin-bottom: 16px;
    font-family:"Poppins", sans-serif;
}

.offer-request .dep2 .col-lg-3 .form-popup__input
{
    border-radius: 16px;
    border: 1px solid #d3d3d3;
    margin-bottom: 16px;
    font-family:"Poppins", sans-serif;
}

.offer-request .dep2 .col-lg-12 .form-popup__input
{
    border-radius: 16px;
    border: 1px solid #d3d3d3;
    margin-bottom: 16px;
    font-family:"Poppins", sans-serif;
}


.offer-request .dep2 .custom-button{

    font-family:"Poppins", sans-serif;
    margin: auto;
    display: flex;
    cursor: pointer;
}
.customers-list{
    margin-top: 100px;
}
.customers-list .container{
    max-width: 1100px;
    margin: auto;
}
.customers-list .container p{
    font-family:"Poppins", sans-serif; 
    font-weight: 500;
}
.customers-list .row .col-lg-2{

    max-width: 20%;
    flex: 20%;
    margin-top: 10px;
}
.customers-list a {

    display: block;
    margin: 16px;
}

.customers-list a img{

    background: none;
    width:100%;
}

.footer .logo{
    padding-top: 16px;
}
.footer .footer-menu li a{
    font-family:"Poppins", sans-serif; 
    font-weight: 500;
}

.footer .footer-info p{
    font-family:"Poppins", sans-serif; 
    font-size: 14px;
}