/* .fp-scrollable {
  display: flex;
  justify-content: center;
  align-items: center;
} */


.home .logo{
  margin:4vh auto 0;
}

.shadow-overlay{
position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: .4;
            background: -moz-linear-gradient( top,transparent 0%,rgba(0,0,0,0.8) 100% );
            background: -webkit-linear-gradient( top,transparent 0%,rgba(0,0,0,0.8) 100% );
            background: linear-gradient(to right, #00508f -30%, black);
}

.words-animation{
  position: absolute;
  z-index: 1;
 top: 50%;
 /* padding-left: 120px; */
 right: 50%;
 transform: translateX(50%);
}

.words-animation h3{
  margin-bottom: 0;
}

.header .nav li{
  margin:1em
}

header{
  padding: 0 30px !important;
}

.words-animation .words,
.words-animation .we-deliver h3{
  font-family: montserrat-medium,sans-serif;
    font-size: 5.3rem;
    white-space: nowrap;
}

/* .words-animation .words{
  margin-left: -18%;
}

.words{
  text-align: left !important ;
} */

.words span:nth-child(1){
  color: #FE6A6A;
}
.words span:nth-child(2){
  color: #A7E7AA;
}
.words span:nth-child(3){
  color: #ffdb4d;
}
.words span:nth-child(4){
  color: #B0CFFE;
}

.homenetwork{
margin-top: 50px;
margin-left: 25px;
}

.who .clients{
  margin-top: 40px;
}
.home{
  height: 100vh; 
  background-image: url("https://vowelmedia.in/images/vowelmediahomepage.jpg"); 
  background-repeat: no-repeat; 
  background-size: cover;
  
}

.evokeemotion{
  /* width: 264px; */
  height: 264px;
  position: absolute;
  left: 50%;
  overflow: hidden;
  -webkit-transform: translate(-50%,-50%) scale(.5);
  transform: translate(-50%,-50%) scale(.5);
  will-change: transform;
}

.why .content{
  position: relative;
  z-index: 1;
}
.why .shadow-overlay{
  background: linear-gradient(to bottom, black 80%, black);
}

.why_text{
  display: flex;
  flex-direction: row-reverse;
  text-align: justify;
}

.how_icons{
  height: 100px;
  width: 100px;
  margin: auto;
  margin-bottom: 3rem;
}

footer{
  color: white;
}

.footer_container{
display: flex;
flex-direction: column;
justify-content: space-evenly;
height: 100vh;
}
.socialicons_container{
  padding:12px;
  background-color: #6351ce;
}

.socialicons_container .container{
  display: flex;
  align-items: center;
}

.social_icons{
  margin-left: auto;
}

.socialicons_text{
  text-align: left;
}

.footer_container hr{
  margin:10px 0;
}

.footer_container a {
  text-decoration: none;
}
.footer_container p{
  margin-bottom: 10px;
}

.footer_logo{
  width: 300px;
  height: 100px;
}

.footerlogo_caption{
  margin-top: 0;
}

.footermain_container{
  display: flex;
  justify-content: space-between;
}
.footercolumn1_md{
  display: none;
}
.footermain_section{
  text-align: left;
}

.footer_container a:hover {
  text-decoration: underline;
}

.blogsection{
  height: 100%;
}

.desktopcontact .form-group{
  width: 24%;
}

.desktopcontact .contactformcontainer{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.desktopcontact .sendmsgbtn{
  width: 100%;
  display: flex;
  justify-content: center;
}

.contactmsg{
 overflow-y: scroll !important; 
 overflow-wrap: break-word; 
 resize: none !important; 
 height: 100px !important;
 cursor:context-menu ;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .contactmsg {
    scrollbar-width: auto;
    scrollbar-color: lightgray #ffffff;
  }

  /* Chrome, Edge, and Safari */
  .contactmsg::-webkit-scrollbar {
    width: 16px;
  }

  .contactmsg::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .contactmsg::-webkit-scrollbar-thumb {
    background-color: lightgray;
    border-radius: 10px;
    border: 3px solid #ffffff;

  }

  .desktopcontact{
flex-grow: 1;
display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

/*  Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  .words-animation .words, .words-animation .we-deliver h3{
    font-size: 4rem;
  }
  .words-animation .words{
    top:20%
  }
  .how_text_container{
    display: flex;
    flex-direction: row-reverse;
  }
  .how_icons{
    width: 30%;
    padding: 0;
  }
  .how_text{
    width: 70%;
    padding-right:1rem;
  }
  .footermain_container{
    flex-direction: column;
  }
  .footercolumn1{
    display: flex;
    justify-content: space-around;
    margin-bottom: 2rem;
  }

  .social_icons a{
    margin-right: 10px !important;
  }

  .socialicons_container .socialicons_text{
   width: 60%;
   margin-right: 1rem;
  }
   .socialicons_container .social_icons{
   width: 40%;
  }
  .footermain_section{
    text-align: center;
  }
  .footer_container hr{
    margin:auto;
    margin-bottom: 10px;
  }

  .blogsection{
    display: none;
  }
 }

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
  .how_text_container{
    display: flex;
    flex-direction: row-reverse;
  }
  .how_icons{
    width: 30%;
    padding: 0;
  }
  .how_text{
    width: 70%;
    padding-right:1rem;
  }

  .footercolumn1_md{
    display: none;
  }
  .blogsection{
    display: none;
  }

  .contact{
    text-align:center
}
.contact .geometric-lines{
    position:absolute;
    height:100vh;
    width:100%;
    top:0;
    z-index:-1
}
.contact .geometric-lines canvas{
    top:0;
    position:absolute;
    -webkit-transform:scale(.5);
    transform:scale(.5);
    left:-50%;
    top:-50%
}
.contact h1{
    margin-bottom:6vh
}
.contact a{
    font-size:1.85em;
    color:#fff;
    background:#2f2d38;
    padding:.75em 1.5em
}
.contact a:hover{
    text-decoration:none;
    background:#222
}
.contact .cube-offscreen{
    position:absolute;
    left:-9vw;
    height:100%;
    top:-15vh;
    z-index:99999
}
.contact .cube-offscreen img{
    height:30vh
}

.contact form button,.contact form input,.contact form textarea{
    height:42px;
    font-size:18px;
    line-height:22px;
    border-radius:2px
}
.contact form textarea{
    padding:16px 12px;
    max-height:200px
}


 }

 /*  Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .how_text_container{
    display: flex;
    flex-direction: row-reverse;
  }
  .how_icons{
    width: 20%;
    padding: 0;
  }
  .how_text{
    width: 80%;
    padding-right:1rem;
  }

 }

 /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px)  {
  .words-animation .words, .words-animation .we-deliver h3{
    font-size: 5.3rem;
  }
  .footercolumn1_md{
    display: block;
  }

  .footercolumn1{
    display: none;
  }
}

 /* Large devices (desktops, 992px and up) */
@media (min-width: 992px)and (max-width: 1199.98px) { 
  .footer_logo{
    width: 200px;
    height: 100px;
  }
 }

 /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }


@media only all and (max-width:767px){
  .contact .content{
      margin:0 5vw
  }
  .contact h1{
      margin-top:-10vh;
      font-size:1.5em
  }
  .contact a{
      font-size:1.35em
  }
}

@media (max-width:768px){
  .contact form button,.contact form input,.contact form textarea{
      height:32px;
      font-size:14px;
      line-height:16px
  }
  .contact form textarea{
      padding:8px 12px;
      max-height:160px
  }
}