
.container-1200-wrp{ width: 900px; margin: 0 auto;}
.header-full-wrp .container-1200-wrp, .banner-home-wrp .container-1200-wrp{ width: 1200px;}
.banner-caption-lhs h2{ font-size: 45px;}
.form-cover{ height: 565px;}
p.form-legend{ font-size: 10px;}
.banner-home-wrp{background-image: url(../images/telugu-banner.jpg);}
.common-pad-t{ padding-top: 100px;} 
.common-pad-b{ padding-bottom: 100px;}
.ttle-common-telugu{ color: #007fc5; font-weight: 700; font-size: 36px;line-height: 1.5;}
.grey-bg{ background-color: #f1f1f1;}
.grey-bg2{ background-color: #e4e4e4;}
.white-bg{ background-color: #ffffff;}
.telugu-desc-main{ width: 100%;}
.telugu-desc-main h2{ font-weight: 700;color: #333;font-size: 30px;line-height: 36px;margin-bottom: 1.5rem;}
.telugu-desc-main p{ font-weight: 400;font-size: 16px;line-height: 24px; color: #000;margin-bottom: 1.5rem;}
.telugu-pic-main{ width: 100%; height: 100%;}

.professional-wrp{ position: relative;}

.banner-form-rhs{top:15%;}

.flex-pro-bx {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center; }
  
  .flex-pro-item {
    flex-grow: 1;
    height: 100vh;
    background-color: darkred;
    position: relative;
    border: 1px solid #878787;
    transition: all 300ms ease-in-out; }
  
  .flex-pro-item::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.4); }
  
  .flex-pro-item:hover {
    flex-grow: 1.5;
    background-color: #f10000; }
  
  .professional-wrp .container-1360-wrp {
    max-width: 100%;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    padding: 50px 0px 0px; z-index: 1;}
  
  .flex-desc-cvr {
    width: 100%;
    height: 100px;
    top: 50%;
    transform: translate(0%, -50%);
    padding: 0px 50px;
    text-align: center;
    position: absolute; }
  
  .flex-desc-cvr h2 {
    font-size: 32px;
    color: #ffffff;
    font-weight: 700; }
  
  .flex-desc-cvr a {
    color: #ffffff;
    font-size: 16px;
    margin: 0px 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: underline;
    transition: all 300ms ease-in-out;
    opacity: 0; }
  
  .flex-pro-item:hover .flex-desc-cvr a {
    opacity: 1; }
  
  .flex-1 {
    background-image: url(../images/flex-1.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
  
  .flex-2 {
    background-image: url(../images/flex-2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
  
  .flex-3 {
    background-image: url(../images/flex-3.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }
  
  .flex-4 {
    background-image: url(../images/flex-4.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover; }


    .form-cover h2{ font-weight: 700;}

    .professional-wrp .common-ttle{ font-weight: 700;}


    .hamburger { display: none;}

    .hamburger .line{
      width: 50px;
      height: 5px;
      background-color: #ecf0f1;
      display: block;
      margin: 8px auto;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    
    .hamburger:hover{
      cursor: pointer;
    }

    /* ONE */

#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}


#ham-menu{ display: none;}

.form-group {
  margin-bottom: 0.5rem;
}

p.form-legend {
  font-size: 9px;
}


body.awareness .banner-home-wrp{background-image: url(../images/gyproc-awareness-bnr.jpg) !important;}  
#exampleModal2 .modal-body {
  padding: 20px;
  position: relative;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: .3125rem;
  margin-left: 0;
}

.form-check-inline .form-check-label {
  vertical-align: middle;
  padding-left: 0px;
}

#exampleModal2 .modal-body p.form-legend{ color: #000; font-weight: 400;}

#exampleModal2 .modal-dialog{ max-width: 500px;}
.lp-form-wrp h2{ font-weight: 300; font-size: 30px; line-height: 34px; margin-bottom: 20px;}
    .lp-form-wrp h2 span{ color:#007fc5}
    .lp-form-wrp .form-control{ border-top:none; border-left:none; border-right:none; border-radius: 0px; color: #000; font-weight: 400;}
    .form-legend{ font-size: 12px; font-weight: 400; margin:20px 0px; color:#000;}
    .lp-form-wrp .sub-btn{width: 100%;
        border: none;
        height: 45px;
        background-color: #3e81c8;
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        border-radius: 20px 20px 20px 20px;}


        .lp-form-wrp .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
          color:#000;
        }
        .lp-form-wrp .form-control::-moz-placeholder { /* Firefox 19+ */
          color: #000;
        }
        .lp-form-wrp .form-control:-ms-input-placeholder { /* IE 10+ */
          color: #000;
        }
        .lp-form-wrp .form-control:-moz-placeholder { /* Firefox 18- */
          color: #000;
        }

        .enquire-cta{ width: fit-content;
          height: 40px;
          text-align: center;
          display: block;
          background-color: #007fc5;
          color: #fff;
          font-weight: 400;
          text-transform: capitalize;
          padding: 9px 10px;
          margin-top: 20px;}

          .enquire-cta:hover{ color: #fff;}

    @media (min-width: 320px) and (max-width: 767px) {
            
      .hamburger { display: block;}

      #ham-menu{ display: block;}

      .small .hamburger .line{ background-color: #007fc5;}

      .header-full-wrp .container-1200-wrp, .banner-home-wrp .container-1200-wrp {
        width: 100%;
    } 

    .container-1200-wrp {
      width: 100%;
      margin: 0 auto;
  }

    .banner-caption-lhs {
      padding-top: 105px;
  }

    .banner-caption-lhs h2 {
      font-size: 27px;
  }

    .banner-home-wrp{background-image: url(../images/gyproc-awareness-bnr.jpg) !important;}  
        
    .g-recaptcha iframe{ width: 268px !important;}
       
    .telugu-desc-main{ padding: 20px 0px;}
    .telugu-desc-main h2{font-size: 24px;line-height: 30px;}
    .telugu-desc-main p{font-size: 16px;line-height: 24px;}
    .common-pad-b {padding-bottom: 20px !important;}
    .common-pad-t {padding-top: 20px !important;}

    .mid-section-telugu-wrp{ padding-left: 15px; padding-right: 15px;}

    .professional-wrp {
        width: 100%;
        height: auto;
        position: relative;
        overflow: hidden;
    }

    .professional-wrp .container-1360-wrp {
        max-width: 100%;
        width: 100%;
        text-align: center;
        position: relative;
        top: 0px;
        padding: 20px 0px 20px;
    }

    .professional-wrp .container-1360-wrp .common-ttle {
        text-align: center;
        font-size: 20px !important;
        line-height: 24px;
        color: #000 !important;
    }

    .flex-pro-bx {
        width: 100%;
        height: 90vh;
        display: block;
        align-items: center;
    }

    .flex-pro-item {
        flex-grow: inherit;
        height: 300px;
        background-color: darkred;
        position: relative;
        border: 1px solid #878787;
        transition: all 300ms ease-in-out;
        width: 50%;
        float: left;
    }

    .flex-desc-cvr {
        padding: 0px 20px;
    }

    .flex-desc-cvr h2 {
        font-size: 24px;
    }

    .flex-desc-cvr a {
        color: #ffffff;
        font-size: 10px;
        margin: 10px 20px;
        font-weight: 400;
        text-transform: uppercase;
        text-decoration: underline;
        transition: all 300ms ease-in-out;
        opacity: 1;
        display: block;
    }

    .ttle-common-telugu{ font-size: 26px;    padding: 0px 20px;}
    .form-cover{ margin-bottom: 30px;}

    .sub-head-wrp {
      display: none;
      width: 100%;
      height: 100vh;
      position: fixed;
      top: 67px;
      left: 0%;
      padding: 30px 20px;
      background-color: #fff; transition: all 0.5s ease;}

      .sub-head-wrp a{ color: #007fc5 !important; display: block; margin:20px 0px;}

      .header-full-wrp{ background-color: #333;}
      .header-full-wrp.small{ background-color: #fff;}

       .sub-head-wrp a.icn-1 {
        background-image: url(../images/call-icn-blue.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
    }

     .sub-head-wrp a.icn-2 {
      background-image: url(../images/download-icn-blue.png);
      background-repeat: no-repeat;
      background-position: 0px 0px;
  }

    }

   