html {
  scroll-behavior: smooth;
}

    .logo {
      max-width: 180px;
      position: absolute;
      top: 0;
    }

    .search-block {
      position: relative;
      display: flex;
      align-items: center;
    }

    .search-content {
      position: relative;
      width: 100%;
      border: 2px solid #fff;
      border-radius: 50px;
      padding: 10px 25px;
      max-width: 650px;
    }

    .text-animation p {
      color: #FFF;
      font-family: Poppins;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
    }
    .banner-title span.r-text>span{
        font-size: 40px;
        font-weight: 500;
    }
    .countrycode_container{
      position:relative;
    }
    select[name="countryCode"] option{
        color:#000;
    }
    select[name="countryCode"] {
      height: 65px;
      max-width: 120px;
      position: relative;
      top: 0;
      left: 0;
      BACKGROUND: TRANSPARENT;
        COLOR: #FFF;
        BORDER: 1PX SOLID #fff;
        BORDER-RADIUS: 5PX;
        font-size: 1rem;
    text-align: center;
   }
    .banner-title {
      color: #FFF;
      font-family: Poppins;
      font-size: 20px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
    }

    .banner-title span {
      color: #E6252B;
      font-family: Poppins;
      font-size: 58px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      text-transform: uppercase;
    }

    .banner-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, .6);
      display: flex;
      align-content: center;
      padding: 100px;
      box-sizing: border-box;
    }

    .row {
      display: flex;
      flex-direction: row;
      align-content: center;
      width: 100%;
    }


    .g-1 {
      gap: 1rem !important;
    }

    .g-100-px {
      gap: 100px;
    }

    .col {
      display: flex;
      flex-direction: column;
      justify-content: start;
      width: 100%;
    }

    .row .left,
    .row .right {
      width: 50%;
      flex-basis: 50%;
      flex: 1;
      display: flex;
      position: relative;
    }

    img {
      width: 100%;
      height: auto;
    }

    .f-j-c {
      justify-content: center;
    }

    .f-j-e {
      justify-content: end;
    }

    .f-a-c {
      align-items: center;
    }

    .f-a-e {
      align-items: end;
    }

    .banner-content .row .left {
      width: 60%;
      flex-basis: 60%;
    }

    .banner-content .row .right {
      width: 40%;
      flex-basis: 40%;
    }

    form {
      display: flex;
      flex-direction: column;
      gap: 1rem;
      align-items: center;
    }

    .form-title {
      color: #FFF;
      font-family: Poppins;
      font-size: 26px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      text-transform: uppercase;
    }

    form input,
    form textarea {
      background: transparent;
      border: 1px solid #fff;
      padding: 20px;
      width: 100%;
      max-width: 400px;
      border-radius: 5px;
      color: #FFF;
      font-family: Poppins;
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
     /* text-transform: uppercase;*/
      resize: none;
      outline: none !Important;
    }

    .form-group,
    .form-group.row div:last-child {
      width: 100%;
    }

    form input::placeholder,
    form textarea::placeholder {
      color: #fff;
    }
    button , a{
          cursor: pointer !important;
    }
  form button,
    form input[type=submit]{
        width: 100%;
        padding: .75rem 0;
        border-radius: 6px;
        background: #E3272A;
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        border: none;transition: 0.3s all ease-in-out
        
    }
    
    form button:hover{ background: #fff; color: #E3272A;}
    
    .cta{    transition: 0.3s all ease-in-out;overflow: hidden;}
    .cta::after{
        content:"";
        height:28px;
        width:28px;
        display:inline-block;
        background-image:url('images/synergos-icon.png');
        background-size:cover;    transition: 0.3s all ease-in-out;
        position:relative;right: 0;
    }
    
    .cta::before{
        content:"";
        height:28px;
        width:28px;
        display:inline-block;
        background-image:url('images/synergos-icon.png');
        background-size:cover;    transition: 0.3s all ease-in-out;
        position:relative;    left: -60px;
    width: 0px;
        
    }
    
    .cta:hover::after{right: -60px;width:0px;
   }
    .cta:hover::before{left:0;width:28px;}
    
    .cta.red-bg::after{
        background-image:url('images/synergos-icon-white.png');
        
    }
    
     .cta.red-bg::before{
        background-image:url('images/synergos-icon-white.png');
        
    }
    
    button.cta img, a.cta img{
        flex:0 0 28px;
    }
    
    button.cta,a.cta {
      color: #000;
      
      font-family: Poppins;
      font-size: 18px;
      font-style: normal;
      line-height: 15px;
      text-transform: uppercase;
      background: #FFF;
      border: none;
      border-radius:5px;
      padding: 15px 20px;
      position: relative;
      text-decoration: none;
      display:inline-flex;
      flex-direction:row;
      gap:1rem;
      align-items:center;
       
    }
    .red-bg{
        background:#E3272A !Important;
        color:#FFF !Important;
    }
    .features-card .action-btn{
        position: relative;
        display: block;
        padding: 30px 0px 20px 0px;
    }
    
     .features-card  .red-bg{
          transtion:all .3 ease-in-out .3s; 
     }
     
     .features-card:hover .red-bg{
         background:#FFF !Important;
         color:#000 !Important;
     }
        
        
        .features-card:hover .cta.red-bg::before{
        background-image:url('images/synergos-icon.png');
         transtion:all .3 ease-in-out; 
        
    }
        
    .features-card:hover .cta.red-bg::after{
        background-image:url('images/synergos-icon.png');
         transtion:all .3 ease-in-out; 
        
    }
    .features-card .action-btn .cta{
      color: #000;
    }

   

    button.cta.blackred,a.cta.blackred{
        color:#000;
    }
    button.cta.blackred,a.cta.red{
        color:#E3272A;
    }


    button.cta.white,a.cta.white{
        color:#FFF;
    }

    button.cta.black,.b-text,a.cta.black{
        color:#000;
    }


   

    .form-outer-group {
      max-width: 400px;
    }

    .form-group-right {
      display: flex;
      flex-direction: row;
      justify-content: end;
      width: 100%;
    }

    div.countryCode_list.show {
      display: flex !important;
    }

    div.countryCode_list {
      position: absolute;
      display: none;
      flex-direction: column;
      max-height: 300px;
      overflow-y: scroll;
      justify-content: start;
      background: #fff;
          max-width: 400px;
    }

    a.countryCode {
      max-width: 700px;
      padding: 10px 20px;
      border: 1px solid #fff;
      text-align: left;
      font-size: 15px;
      width: 100%;
      background: 0 0;
      color: #FFF;
      line-height: 40px;
      outline: 0;
      font-family: "Poppins";
      box-sizing: border-box;
      display: inline-block;
      text-decoration: none;
      border-radius: 5px;
    }

    div.countryCode_list a:hover {
      background: #ececec;
    }

    div.countryCode_list a {
      text-decoration: none;
      padding: 5px 10px;
      border-bottom: 1px solid #ececec;
      color: #000;
      font-family: 'Poppins';
    }




header{transform:translateY(-200px);transition:all 500ms linear;background: #000;align-items: center;display: flex;width: 100%; justify-content: space-between; padding: 1% 5%; position: fixed; top: 0; z-index: 1000; box-sizing: border-box;}
header.fix{transform:translateY(0px);}
header .logo{display: inline-block; float: left; width: 15%;}

header .logo img{display:inline-block;width:100%}

header .btn .more-btn{cursor: pointer;padding: 10px 35px 10px 35px; border-radius: 10px; background: #C10A28; color: #fff; font-weight: 500; border: none; font-size: 1.25rem;}

header .btn .more-btn:hover{background: #fff; color: #C10A28; transition: 0.5s;}

header .btn .more-btn svg{display:inline-block;vertical-align:middle;    padding-left: 10px;}

header.top{transform:translateY(0px); }







* {



	font-family: 'Poppins', sans-serif;



}



section{



	padding: 2.5% 5% 5% 5%;



}



body {margin: 0; padding: 0;}

.bg-video-wrap {position: relative; overflow: hidden; width: 100%; height:98vh;z-index:0;} 

video {min-width: 100%; min-height: 100vh; z-index: 1;     width: 100%;}

 .overlay {width: 100%; height: 100vh; position: absolute; top: 0; left: 0; background-color: #090d1c50;

    background-size: 3px 3px;

    z-index: 2;}



.banner-section{display:inline-block;width:100%;float:left;}

.banner-section { background-position: top center; min-height: 100vh; display: flex; /* align-items: center; */

    /* padding: 0px 5%; */}



.form-container {

    width: 100%;

    /* max-width: 400px; */

    box-sizing: border-box;

    float: right;}

    

.banner-section .flex-row .right {

flex-basis: 30%;}



.banner-left{padding:15% 10%;color: #fff;}

.r-text{color:#E3272A;}



.form-title {

    font-size: 1.5rem;

    font-weight: 500;

    color:#fff;

}

.flex-row .left,.flex-row .right{



	flex-basis: 50%;



}



.banner-section .flex-row .left{



	flex-basis: 65%;



}



.banner-section .flex-row .right{



	flex-basis: 30%;



}



.banner-section .flex-row{



	padding: 1rem 0px;



    gap: 5%;



}



/*section-2*/

.our-clients {

    background: #000;

    background-size: cover;

    background-position: top center;

    padding:50px 0px; }

.full-container{



	max-width: 100%;



	margin: auto;



    box-sizing: border-box;



}



.marque-container{



	width: 100%;



	overflow: hidden;



}



.marque-list {



	display: flex;



	padding: 2rem 0px;

  align-items: center;

	



}



.marquee-left{



	animation: marquee-left 30s linear infinite;



}







.marquee-right{



	animation: marquee-right 30s linear infinite;



}



.marque-item{



	width: 20%;



    float: left;



    flex: 1 0 20%;
        text-align: center;




    /*display: flex;



    justify-content: center;*/



}



.marque-container .marque-list:first-child .marque-item{



	justify-content: start;



}



.marque-container .marque-list:last-child .marque-item{



	justify-content: center;



}



.marque-item img{width: auto;

    

}



.marque-item img{



	max-width: 200px;



}



@keyframes marquee-left {


  0% { transform: translateX(0); }


  100% { transform: translatex(-100%); }


}



@keyframes marquee-right{



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



  100% { transform: translatex(0); }



}



/*section-3*/



.column img {width:auto;}

.column h4 {

    color: #fff;

}

 .vertical {

            border-left: 2px solid #fff;

            height: 80px;

            position:revert;

            

        }

section.why-us.load-after .row{align-items: center;}



section.why-us.load-after .form-group-center{text-align: center;}



/*section-4*/



.vectorimages img{width:auto;}

.vector-left{float:left;}

.vector-right{float:right;}





.center-container::before {

    content: url(./images/Vector-red.png);

    position: absolute;

    right: 0px;

    top:0;

    

}



.center-container::after {

    content: url(./images/Vector-black.png);

    position: absolute;

    left: 0;

    bottom: 0

    

}



.content-block {

    padding: 50px 50px 100px 100px;

}

.center-container {

   

    margin: auto;

    box-sizing: border-box;

    position: relative;

}

/*section-5*/



.section-5 {
  display:flex;
  background: #000;
  flex-direction:row;
  flex-wrap:nowrap;
  width:100%;
  box-sizing: border-box;
  position: relative;
 }
 .section-5::before{
    content: url('./images/syn-vector-facts-fugure.png');
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
 }

 

 .section-5 nav img{

     width:auto;

     padding:0%;

     position: absolute;

 }

 .section-5 .figure-section{ padding: 10% 0% 1% 60%;}

 

 /*section-6*/

.section-6 {

    height:200px;

    background:#171717;

    padding: 1% 14% 2% 0%;

}

.section-6  p {

    color: #fff;

    width: 50%;

    padding: 5% 5%;

}

.section-6 .column1 {

  float: right;

  color:#fff;

 

}

.section-6 .cmn1{ padding: 2% 3%;}



.section-6 .cmn1 p{width: 90%;}



.section-6 .cmn1 .cms-red{color:#EE0E17;}





.section-6 .row1 {display: flex;

    flex-direction: row;

    align-content: center;

    width: 100%;

    align-items: center;}



.section-7 {
    background:#fff;
}





.section-7  p{

color: #040404;

text-align: center;

font-family: Poppins;

font-size: 35px;

font-style: normal;

font-weight: 300;

line-height: 108.5%; /* 47.74px */

letter-spacing: -1.32px;

text-transform: uppercase;

padding:1.5% 0%;

    

} 

.section-7  span.ggp {

    font-size: 44px;

    font-weight: 500;

    line-height: 57px;

}

.section-7 .form-group-center{text-align: center;}



/*section-8*/



.bg-img{width:auto;}



.industry-item {

    background: #D9D9D9;

}



/*footer section*/

.footer{display: flex; width: 100%; justify-content: center;padding:2% 5%;background: #24201f;box-sizing: border-box;}

.footer .cred h5{margin: 0; color: #fff; font-size: 14px; font-weight: 300;}

.footer .social a{font-size: 14px; font-style: normal; font-weight: 300; color: #fff; text-decoration: none; padding-right: 5px;}

.footer .social a:hover{color:#C10A28;}

.footer .social a:nth-child(5){padding-right:0;}

.footer .terms{margin-left: 135px}

.footer .terms a{font-size: 14px; font-style: normal; font-weight: 300; color: #fff; text-decoration: none; }

.footer .terms a:hover{color:#C10A28;}

.footer .social.wow.FadeInLeft img { width: auto;}



/***********karthi*****************/
header .row-flex{
    flex-direction:row !important;
} 

.stat-card{
    align-items: center;
}
section.why-us{
    background: #E3272A;
    overflow: hidden;
}

section.why-us>.container{
    margin: auto;
    width: 80%;
    position: relative;
    z-index: 1;
}

h2{
    color: #FFF;
    font-family: Poppins;
    font-size: 44px;
    font-style: normal;
    font-weight: 200;
    line-height: 108.5%; 
    letter-spacing: -1.32px;
    text-transform: uppercase;
}

h2 span{
    font-weight: 400;
}
.py-50{
    padding: 50px 0px;
}
.justify-content-evenly{
    justify-content: space-evenly;
}

.card-item{
    text-align: center;
    min-width: 275px;
    max-width: 300px;
    align-items: center;
    display: flex;
    flex-direction: column;
}
.card-item img{
    max-width: 70px;
}
.card-item h3{
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 130.5%; 
}
.b-txt{
  color: black;
}
#seo-services p{
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: -0.03em;
  text-align: left;
}
h3{
  font-size: 28px;
  font-weight: 300;
  line-height: 30px;
  letter-spacing: -0.03em;
  text-align: left;

}
.stat-card .cms-red{
  font-size: 60px;
  font-weight: 500;
  line-height: 59px;
  letter-spacing: 0em;
  text-align: left;
  color: #EE0E17;
  margin:0px;
}
.grecaptcha-badge{
  visibility: hidden;
}
.stat-card p{
  font-family: Poppins;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: #fff;
}
.row-flex{
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  gap: 5rem;
}
.row-flex.flex-wrap{
    flex-wrap: wrap !important;
}
.align-items-end{
  align-items:end;
}
.align-items-center{
  align-items:center;
}
.justify-content-between{
  justify-content: space-between;
}

.justify-content-center{
  justify-content: center;
}

.justify-content-start{
  justify-content:start;
}
.col-flex{
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.col-60{
  flex-basis: 60%;
  width: 60%;
}
.col-80{
   flex-basis: 80%;
  width: 80%;
}

.col-50{
  flex-basis: 50%;
  width: 50%;
}

.col-40{
  flex-basis: 40%;
  width: 40%;
}
.section-5 .text-area{
  background: #171717;
  padding: 3rem;
  color: #fff;
  text-align: center;
  align-items:center;
}

.pos-rel{
  position: relative;
}
.laptop-img{
  position: absolute;
  top: -165px;
  left: -2.5%;
  width: 90%;
}
.p-0{
  padding: 0px !important;
}
.pt-200{
  padding-top:200px !important;
}
.p-5vw{
  padding: 5vw;
}
.pb-0{
  padding-bottom: 0px !important;
}

.pb-50{
  padding-bottom: 50px !important;
}

.p-3-5vw{
  padding: 3vw 5vw;
}
.text-center{
  text-align: center;
}
section#contact{
  background: #000;
   padding: 0px 5% 0px 0px;
}

section.features{
  padding: 3vw 0px !important;
  max-width: 100vw;
  overflow: hidden;
}
.features-card{
    box-shadow: 0px 2px 8px 0px #00000038;
}
.features-card .content-block{
  flex-basis: calc((100% - 5rem)*.6);

}
.features-card h2{
  font-family: Poppins;
  font-size: 66px;
  font-weight: 300;
  line-height: 72px;
  letter-spacing: -0.03em;
  text-align: left;
  text-transform: uppercase;
  margin:0px;
}

.features-card {
    padding: 0px 7vw !important;
}

.features-card .img-block{
  flex-basis: 0px;
  position: relative;
  transition: all .2s ease-in-out .5s;
  display: flex;
  justify-content: center;
  align-items: center;

}
.features-card:hover .img-block{
  flex-basis: 40%;
  transition: all .2s ease-in-out;
}

.features-card .img-block img{
  position: absolute;
  bottom: 0;
  transform: scale(0);
  transition: all .5s ease-in-out;
}

.features-card:hover .img-block img{
  transform: scale(1);
  transition: all .5s ease-in-out .3s;
}



.features-card .content-block{
  padding: 100px 0px !important;
}
.features-card button{
  display: none;
  opacity: 0;
  transition: all .5 ease-in-out ;
}
.features-card:hover button{
  display: block;
  opacity: 1;
}

.features-card#oc:hover {
    background: #D9D9D9;
}
.features-card#as:hover {
    background: #000000;
    color: #fff;
}
.features-card#as:hover .content-block h2{
    color: #fff;
}
.features-card#gc:hover {
    background: #CC0C13;
    color: #fff;
}
.features-card#gc:hover .content-block h2{
    color: #fff;
}

.features-card#gc .img-block img{
  position: absolute;
  top: 0px;
}

#seo-services{
  background: #000;
}
.grid-box{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  rows: auto;
  gap: 3rem 5vw;
}
.services-item{
  color: #fff;
  position: relative;
}


.services-item:nth-child(odd){
  padding-right: 5vw;

}


.services-item:nth-child(even){
  padding-left: 5vw;
}
.services-item h3{
  font-family: Poppins;
  font-size: 25px;
  font-weight: 300;
  line-height: 27px;
  letter-spacing: -0.03em;
  text-align: left;
  color: #EE0E17;
  margin: 0px;
  text-transform: uppercase;
}

#why-us{
  background:#E3272A ;
}
.text-upper{
  text-transform: uppercase;
}
#why-us p{
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: -0.03em;
  text-align: left;
  color: #FFF;
}
#why-us .row-flex{
  gap: 5vw;
}
section#client-say{
  background: #E3272A;
}
section#client-say .item p{
  color: #fff;
  text-align: justify;
}
section#client-say .item p.name{
font-size: 25px;
font-weight: 300;
line-height: 31px;
letter-spacing: 0em;
text-align: left;
margin:0px;
}

section#client-say .item p.desg{
font-size: 20px;
font-weight: 275;
line-height: 25px;
letter-spacing: 0em;
text-align: left;
margin:0px;

}
.m-0{
  margin: 0px !important;
}
#faqs .container {
    max-width: 900px;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 1;
}
#faqs .tab,#faqs .tabs {
    overflow: hidden;
}

#faqs .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

#faqs .tab input:checked~.tab-label {
    color: #E3272A;
}

#faqs .tab-content {
    max-height: 0;
     color: #000;
    transition: all 1s linear;
}
#faqs .tab input:checked~.tab-content {
    max-height: 250px;
    padding: 1em 0px;
}
#faqs .tab-label {
    justify-content: space-between;
    padding: 1em 0px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .5s ease;

    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.03em;
    text-align: left;

}

#faqs .tab {
    width: 100%;
    color: #000;
     border-bottom: 1px solid #000;
}

#faqs .tab input:checked~.tab-label,#faqs .tab-label:hover {
    color: #E3272A;
}

#faqs .tab-label::after {
    content: url(./images/black-down.png);
    width: 16px;
    height: 9px;
    text-align: center;
    transition: .5s ease;
    font-size: 30px;
    border-radius: 50%;
    padding: 16px 16px 22px 16px;
    display: flex;
    align-items: center;
    margin-top: 3px;
    transform: rotate(0deg);
}
#faqs .tab input:checked~.tab-label::after {

    content: url(./images/red-up.png);

}
.owl-dots button span{
    width: 30px;
    height: 5px;
    display: inline-block;
    background: #fff;
    border-radius: 5px;
}
.owl-dots button.active span{
  background: #000;
}

.owl-dots{
  display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
    margin-top: 50px;
}

#faqs::before{
  position: absolute;
  content: url(./images/faq-left.png);
  top:0;
  left:0;
}

#faqs::after{
  position: absolute;
  content: url(./images/faq-right.png);
  bottom:0;
  right:0;
}
#why-us-synergos,#faqs{
  position: relative;
}
#why-us-synergos::before{
  position: absolute;
  content: url(./images/why-left.png);
  bottom:0;
  left:0;
}


#why-us-synergos::after{
  position: absolute;
  content: url(./images/why-right.png);
  top: 75px;
  right: 0;
}

.seo-services .container{
margin: auto;
max-width: 900px;
width: 100%;
}
.d-display{
  display: inline-flex; !important;
}
.m-display{
    display: none!important;
  }
.bottom-cta{
    display:none;
    
}
@media only screen and (max-width:1350px){
  .text-animation p{
    font-size: 1rem;
  }
}

@media only screen and (max-width:1024px){
    .banner-section{
        min-height:unset;
    }
    .banner-content{
        width:auto;
         height:auto;
         position:relative;
    }
    
    .bg-video-wrap{
        height:auto;
        position:absolute;
    }
    video{
        min-height:unset;
        min-width:unset;
    }
    section.why-us>.container{
        width:100%;
    }
    section.why-us.load-after .row{
        gap:1rem!important;
    }
    .features-card .content-block {
        flex-basis: calc((100% - 5rem)* .9);
    }
    #client-say .col-40{
        flex-basis:100px;
        width:100px;
    }
    #client-say .col-60 {
        flex-basis: calc(100% - 100px - 5rem);
        width:calc(100% - 100px - 5rem);
    }
    #client-say .col-80{
        flex-basis:100%;
        width:100%;
    }
}

@media only screen and (max-width:992px){
  .section-5>.row-flex:first-child {
    flex-direction: column;
}
}


@media screen and (max-width: 768px) {
     
  
  .row-flex{
    flex-direction: column;
  }
  .features-card{
    gap:1rem !important;
  }
  .features-card .col-50{
    width: 100%;
    flex-basis: 100% !important;
  }
  .features-card#oc{
    background: #D9D9D9;
  }
  .features-card#as {
    background: #000000;
    color: #fff;
  }
  .features-card#gc {
    background: #CC0C13;
    color: #fff;
}
.features-card .img-block{
  justify-content: end;
}
  .features-card .img-block img,.features-card#gc .img-block img{
      transform: scale(1);
      position: relative;
      width: 50%;

  }
  .features-card button{
    display: block;
    opacity: 1;
    position: absolute;
  }
  .features-card .content-block{
    padding-bottom: 0px !important;
    position: relative;
  }
  .features-card#gc .content-block h2
  {
    color: #fff;
  }
  section.features.p-0{
    padding: 0px !important;
  }
  .section-5 .col-60,.section-5 .col-40,.section-5 .col-50,.section-5 .col-80,#client-say .col-80,#client-say .col-60,#contact .col-60,#contact .col-40{
    width: 100%;
    flex-basis: 100% !important;
  }
  .section-5 .flex-basis{
    position: relative;
    z-index: 1;
  }
  .stat-cardlist{
    flex-direction: row;
  }
  .section-5,.section-7{
    padding: 5vw !important;
  }
  .section-5 .facts-figure{
    max-width: 500px;
    margin: auto;
  }
  .laptop-img{
    position: relative !important;
    top: unset;
    left: unset;
  }
  .section-5 .pt-200{
    padding-top:0px !important;

  }
  .m-display{
    display: block !important;
  }
  .m-display p{
    color: #fff;
  }
  .d-display{
    display: none;
  }
  #why-us .row-flex{
    flex-direction: column-reverse;
    gap: 0px;
  }
  .seo-image{
    width: 80%;
    margin: auto;
  }
  #client-say .col-80.row-flex.align-items-end{
    align-items: center;
  }
  #contact .form-outer-group,form input, form textarea{
    max-width: 100%;
  }
  .cardlist{
    gap:1em;
  }
  
/*#client-say .row-flex{
  flex-direction: row;
}*/

.banner-section {background-position: top center; min-height: unset;}
.bg-video-wrap {width: 100%; height: 100%;}
.banner-section video {min-width: 100%; min-height: 100%; object-fit: cover; min-height: 330px; }
.banner-content{padding:25px;    height: unset;}
.banner-content .g-100-px{flex-direction:column;}
.banner-content .row .left {width: 100%; flex-basis: 100%; }
.banner-content .row .left .logo {max-width: 140px;}
.banner-content .row .left .search-block{margin-top:70px;}
.banner-content .row .left .search-block .search-content{padding: 5px 15px;position:relative;width: 100%;display: flex;align-items: center;min-height: 40px;}    
.banner-content .row .left .search-block .search-content .search-icon{position: absolute; left: 10px; width: 24px;}
.banner-content .row .left .search-block .search-content .text-animation{width: 100%; padding-left: 35px; overflow: hidden; box-sizing: border-box; position: relative;}
/*.banner-content .row .left .search-block .search-content .text-animation #typing{width: 100%; font-size: 12px; margin: 0; display: flex; align-items: center; }*/
.banner-content .row .left .banner-title{margin-top: 25px; font-size: 18px;}
.banner-content .row .left .banner-title span{font-size:45px;}   
.banner-content .row .right{display:none;}

.our-clients .full-container .marque-container .marque-list .marque-item{flex: 1 0 35%;}
.our-clients .full-container .marque-container .marque-list .marque-item img {max-width: 110px; }

section.why-us>.container{width:100%;position: relative; z-index: 10;}
section.why-us .section-title{font-size:30px;}
section.why-us .flex-row.py-50{padding:20px 0px;}

.banner-content .row .left .search-block .search-content .text-animation #typing {width: 100%; font-size: 12px; margin: 0; display: flex; align-items: center; }
.grid-box .services-item .row-flex{
    flex-direction: row;
    justify-content:start;
  }
     .grid-box{
  grid-template-columns:1fr;
  }
   .services-item:nth-child(even){
    padding-left:0px;
  }
    
}    
@media only screen and (max-width:640px){
  .row-flex {
    flex-direction: column;
  }
  #why-us-synergos .row-flex{
    flex-direction: column-reverse;
  }
 
 
  .seo-services{
    padding:5VW!important;
  }
  .why-us .row{
    flex-direction: column;
  }
  .vertical{
    display:none;
  }
    
}

@media screen and (max-width: 567px) {
  header .cta{
    display:none;
   } 
   header .row-flex{
           justify-content: center;
    height: 60px;
   }
   header img {
       max-width: 120px;
   }
   .bottom-cta{
    position: fixed;
    bottom: 0;
    display: block;
    background: #E3272A;
    width: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
   }
   #faqs .tab input:checked~.tab-content{
       max-height: 340px;
   }
   
   .bottom-cta a.cta{
       margin-top:0px !Important;
       color:#FFF!Important;
       background:transparent;
       width:100%;
       justify-content: center;
   }
   
   .bottom-cta a.cta::after{
    background-image: url(images/synergos-icon-white.png);
   }
    form button.ww::before,
    form input[type=submit].ww::before,button.cta.ww::before,a.cta.ww::before{
      content: url(images/left-bottom-white.png) !important;
    }

    form button.ww::after,
    form input[type=submit].ww::after,button.cta.ww::after,a.cta.ww::after{
      content: url(images/right-top-white.png) !important;
    }
     button.cta.white,a.cta.white{
        color:#FFF !important;
    }

   .section-7.pb-0{
       padding-bottom:50px !Important;
   }
  .our-clients{
    padding-bottom: 10px;
  }
.stat-cardlist{
    flex-direction: column;
    gap:1rem;
  }
  .content-block{
        padding: 50px 0px 100px 0px;
  }
  .cardlist{
    gap:1rem;
  }
  h2{
    font-size: 2rem;
    line-height: 1.5;
  }
  .features-card h2{
    font-size: 22px;
    line-height: 1.5;
  }
  .seo-services-title {
    margin-bottom: 0px;
  }
  .seo-services .content-block h3{
     margin-bottom: 10px;
  }
  .seo-services .content-block p{
    margin: 0px;
  }
  .seo-services .content-block .form-group{
    width: 100%;
     display: flex;
    justify-content: center;
  }
  .seo-services .cta{
    margin-top: 0px;

  }
  h3{
    font-size: 22px;
    line-height: 1.5;
  }
  .section-5::before {
    content: "";
    background: url(./images/syn-vector-facts-fugure.png);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100vw;
    height: 200px;
    overflow: hidden;
}
.laptop-img{
  width: 100%;
}
.section-5 .p-3-5vw{
  padding: 0px !important;
  gap:1rem;
}
.stat-card p{
  margin:0px;
  text-align: center;
}
.stat-card h3{
  text-align: center !important;
}
.section-7 h2{
  text-align: left!important;
}
.features-card .content-block
{
  padding: 30px 0px !important;
}
.features-card .img-block img, .features-card#gc .img-block img{
  width: 75%;
}
#seo-services .pb-50{
  padding-bottom: 0px !important;
}
.services-item{
  padding-bottom: 1rem;
  border-bottom: 1px solid #585454;
}
.services-item:last-child{
  border-bottom:none;
}
.grid-box{
  gap: 2rem;
}
.services-item h3{
  font-size: 18px;
  line-height: 1.25;
  
}
.seo-image{
  width: 100%;
}
.why-us h2{
  margin: 0px;
}
.why-us h2.small-title{
  font-size: 20px;
  line-height: 1.25;
}
.why-us p:last-child{
  margin: 0px !important;
}
#faqs::before,#faqs::after{
  content: unset;
}
#client-say .col-80{
  gap:1rem;
}
#contact .row-flex{
  gap:1rem;
}
section#client-say,section#faqs,section#why-us{
  padding-bottom: 10vw;
}
.form-group-right
{
  justify-content: center;
}
.footer{
  flex-direction: column;
  gap:1rem;
  padding-bottom: 80px;
}
.banner-content .row .left .banner-title span {
    font-size: 40px;
}
.banner-content .row .left .banner-title{
  font-size: 16px;
  line-height: 1;
}

}