html,
body {
    margin: 0px;
    padding: 0px;
}
#l-hmpg-carousel img {
    width: 100%;
}

.l-hmpg-slider-text-cont {
    position: absolute;
    top: 26%;
    width: 100%;
    left: 0px;
    right: 0px;
    max-width: 1170px;
    margin: auto;
    padding-left: 80px;
}

.l-hmpg-slider-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 64px;
    line-height: 67px;
    color: #fff;
    font-weight: 600;
    text-shadow: 1px 2px 3px #00000082;
}

.l-hmpg-slider-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
    line-height: 33px;
    color: #fff;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 44px;
    max-width: 403px;
    text-shadow: 1px 2px 3px #00000082;
}

.l-hmpg-slider-btn a {
    background: #e53d6e !important;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 25px;
    text-decoration: none;
    padding: 18px 43px !important;
    border: 0px !important;
    border-radius: 0px !important;
    text-decoration: none !important;
}

.l-hmpg-slider-btn a:hover,
.l-hmpg-slider-btn a:focus,
.l-hmpg-slider-btn a:active {
    outline: 0px !important;
    box-shadow: none !important;
    background: #de1c54 !important;
}

.l-hmpg-sec-2-cont {
    padding-top: 136px;
}

.l-hmpg-sec-2-col-1-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    color: #292949;
    font-size: 65px;
    line-height: 70px;
    font-weight: 300;
}

.l-hmpg-sec-2-col-2-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    color: #292949;
    font-size: 35px;
    line-height: 42px;
    font-weight: 600;
}

.l-hmpg-sec-2-col-2-desc {
    margin-top: 30px;
    margin-bottom: 52px;
    font-family: 'Roboto Condensed', sans-serif;
    color: #575770;
    font-size: 19px;
    line-height: 26px;
    max-width: 451px;
}

.l-hmpg-sec-2-col-2-ul {
    list-style-type: square;
    padding-left: 23px !important;
}

.l-hmpg-sec-2-col-2-ul li {
    font-family: 'Roboto Condensed', sans-serif;
    color: #292949;
    font-size: 21px;
    line-height: 34px;
}

.l-hmpg-sec-col-2-btn {
    margin-top: 16px;
}
.l-hmpg-sec-2-col-2-ul-cont{
    padding-left: 15px;
}

.l-hmpg-sec-col-2-btn a {
    font-family: 'Pragati Narrow', sans-serif;
    border: 3px solid #e53d6e !important;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #e53d6e !important;
    padding: 13px 37px !important;
    border-radius: 0px;
    outline: 0px !important;
    box-shadow: none !important;
    display: inline-block;
}

.l-hmpg-sec-col-2-btn a::after {
    content: "";
    width: 20px;
    height: 9px;
    background: url("../img/hmpg-sec-2-col-2-arrow-icn.png");
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}

.l-hmpg-sec-col-2-btn a:hover::after {
    background: url("../img/hmpg-sec-6-col-2-arrow-white-icn.png");
}

.l-hmpg-sec-col-2-btn a:active,
.l-hmpg-sec-col-2-btn a:hover,
.l-hmpg-sec-col-2-btn a:focus {
    background: #e53d6e !important;
    color: #fff !important;
    font-weight: 400;
}

.l-hmpg-sec-col-2-btn span img {
    width: 20px;
    margin-left: 5px;
}

.l-hmpg-sec-2-col-2-rw-2-text-cont {
  max-width: 488px;
  margin-left: auto;
  margin-right: auto;
    margin-top: 85px;
}

.l-hmpg-sec-2-col-2-rw-2-text-cont .l-hmpg-sec-2-col-2-desc {
    margin-bottom: 26px;
}

.l-hmpg-sec-2-col-2-rw-2-text-cont .l-hmpg-sec-col-2-btn {
    margin-top: 0px;
}

.l-hmpg-sec-2-col-1-cont {
    min-height: 575px;
    background: url('../img/hmpg-sec-2-col-1-quote-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    max-width: 468px;
    margin-left: auto;
}
.l-hmpg-sec-2-col-2-rw-1-text-cont{
      max-width: 488px;
    margin: auto;
}

.l-hmpg-sec-2-col-1-quote {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 32px;
    font-style: italic;
    line-height: 40px;
    max-width: 214px;
    text-align: left;
    margin-left: auto;
    margin-right: 54px;
    padding-top: 92px;
}
.l-hmpg-sec-2-col-1-quote span{
  margin-left: -32px;
}

.l-hmpg-sec-2-col-1-quote span img {
    width: 30px;
    vertical-align: super;
}


.l-hmpg-sec-3-cont {
    padding-top: 260px;
}

.l-hmpg-sec-3-hdr {
    max-width: 465px;
    margin: auto;
    margin-bottom: 6px;
}

.l-hmpg-sec-3-line-sep {
    display: inline-block;
    border-top: 2px solid #4C4C4C;
    width: 50px;
    height: 7px;
}


.l-hmpg-sec-4-cont{
  padding-left: 0px !important;
    padding-top: 192px;
    padding-bottom: 137px;
}
.l-hmpg-sec-3-text {
    display: inline-block;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 19px;
    line-height: 15px;
    color: #4C4C4C;
    padding-left: 10px;
    padding-right: 10px;
}

.l-hmpg-sec-3-client-logo-cont {
    max-width: 950px;
    margin: auto;
}

.l-hmpg-sec-3-client-logo {
    /* width: 19%; */
    display: inline-block;
}

.l-hmpg-sec-3-client-logo-text {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 23px;
    color: #646464;
    margin-top: 10px;
}

.l-hmpg-sec-4-col-2-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    color: #292949;
    font-size: 38px;
    line-height: 42px;
    font-weight: 600;
}

.l-hmpg-sec-4-col-2-cont {
       padding-left: 75px;
    max-width: 555px;
}

.l-hmpg-sec-4-col-2-desc p {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 25px;
    margin-top: 28px;
    color: #575770;
}

.l-hmpg-sec-4-col-2-btn a {
    font-family: 'Pragati Narrow', sans-serif;
    background: #fff !important;
    border: 3px solid #e53d6e !important;
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
    color: #e53d6e !important;
    padding: 16px 27px;
    border-radius: 0px;
    display: inline-block;
}

.l-hmpg-sec-4-col-2-btn a:after {
    content: "";
    width: 20px;
    height: 9px;
    background: url("../img/hmpg-sec-2-col-2-arrow-icn.png");
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}

.l-hmpg-sec-4-col-2-btn a:hover::after {
    background: url("../img/hmpg-sec-6-col-2-arrow-white-icn.png");
}

.l-hmpg-sec-4-col-2-btn a:hover,
.l-hmpg-sec-4-col-2-btn a:active,
.l-hmpg-sec-4-col-2-btn a:focus {
    background: #e53d6e !important;
    color: #fff !important;
    font-weight: 400 !important;
    outline: 0px !important;
    box-shadow: none !important;
}

.l-hmpg-sec-4-col-2-btn {
    margin-top: 45px;
}

.l-hmpg-sec-4-col-2-btn a span img {
    width: 20px;
    margin-left: 5px;
}

.l-hmpg-sec-5-cont {
    padding-bottom: 125px;
}

.l-hmpg-sec-5-quote {
    max-width: 562px;
    margin: auto;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 26px;
    font-style: italic;
    line-height: 38px;
}

.l-hmpg-sec-5-qt-icn{
  width: 44px;
    display: inline-block;
    vertical-align: top;
}
.l-hmpg-sec-5-qt-txt{
      width: 100%;
    max-width: 411px;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 15px;
}


.l-hmpg-sec-6-cont {
    background: url('../img/hmpg-sec-6-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 87px;
    padding-bottom: 81px;
}

.l-hmpg-sec-6-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    color: #fff;
    font-size: 33px;
    line-height: 42px;
    font-weight: 600;
    letter-spacing: 1px;
}

.l-hmpg-sec-6-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 25px;
    font-weight: lighter;
    max-width: 533px;
    margin: auto;
    color: #fefefe;
    margin-top: 17px;
    margin-bottom: 49px;
    opacity: 0.8;
}

.l-hmpg-sec-6-btn a {
    background: #e53d6e !important;
    color: #fff !important;
    border: 0px !important;
    border-radius: 0px !important;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    padding: 14px 35px;
}

.l-hmpg-sec-6-btn a:hover,
.l-hmpg-sec-6-btn a:active,
.l-hmpg-sec-6-btn a:focus {
    outline: 0px !important;
    box-shadow: none !important;
    background: #de1c54 !important;
}

.l-hmpg-sec-6-btn a span img {
    width: 20px;
    margin-left: 5px;
}

.l-hmpg-sec-7-cont {
    padding-top: 110px;
    padding-bottom: 70px;
}

.l-hmpg-sec-7-hdr {
    text-transform: uppercase;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 42px;
    line-height: 42px;
    color: #7f7f92;
    text-align: center;
    letter-spacing: 10px;
}

.l-hmpg-sec-7-col-2-img-cont {
    padding-bottom: 4px;
}

.l-hmpg-sec-7-col-2 {
    padding-left: 4px;
    padding-right: 0px;
}

.l-hmpg-sec-7-rw-2-cont {
   
    max-width: 1022px;
    margin: auto;
    margin-top: 64px;
}


.l-hmpg-sec-8-cont {
    background-color: #2d1389;
    background-image: url('../img/hmpg-sec-8-bg.png');
    background-repeat: no-repeat;
    padding-top: 45px;
    padding-bottom: 45px;
}

.l-hmpg-sec-8-rw {
    max-width: 1200px;
    margin: auto;
}

.l-hmpg-sec-8-txt {
    color: #fff;
    padding-left: 28px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 23px;
    line-height: 30px;
    margin-top: 15px;
    font-weight: 300;
}

.l-hmpg-sec-8-btn {
    text-align: center;
}


.l-hmpg-sec-8-btn a {
    background: #e53d6e !important;
    color: #fff !important;
    padding: 13px 55px;
    border: 0px !important;
    border-radius: 0px !important;
    outline: 0px !important;
    box-shadow: none !important;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
}

.l-hmpg-sec-8-btn a:hover {
    background: #d22155 !important;
}

.ftr-cont {
    background: #190f3c;
    padding-top: 55px;
    padding-bottom: 55px;
}

.ftr-cont-rw {
    max-width: 1200px;
    margin: auto;
}

.ftr-cont-rw ul {
    list-style-type: none !important;
}

.ftr-links a {
    color: #a09cae;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 30px;
    text-decoration: none !important;
}

.ftr-links a:hover {
    color: #c4c0d4 !important;
}

.ftr-link-col {
    padding-left: 0px;
    padding-right: 0px;
}

.ftr-col-2-links a {
    text-decoration: none !important;
    color: #a09cae;
    margin-right: 5px;
}

.ftr-col-2-links {
    color: #a09cae;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 19px;
}

.ftr-col-2-links a:hover {
    color: #c4c0d4 !important;
}

.ftr-social-icons-col span {
    margin-right: 10px;
}

.ftr-social-icons-col span a {
    text-decoration: none !important;
}

.ftr-social-icons-col span a img {
    width: 19px;
}

.ftr-privacy-col {
    margin-top: 5px;
    margin-bottom: 5px;
}

.ftr-cont-col-2 {
    margin-top: 18px;
}

.l-pattern-img-wrapper {
    background-image: url('../img/hmpg-sec-3-pattern.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: -124px;
}

.ftr-social-icons-col,
.ftr-privacy-col,
.ftr-copyright-col {
    text-align: right;
}

.l-hmpg-sec-7-img-overlay {
    position: absolute;
    top: 43%;
    bottom: 0px;
    left: 43%;
    right: 0px;
}
.l-hmpg-sec-7-col-1 a,.l-hmpg-sec-7-col-2 a{
    text-decoration: none !important;
}

.l-hmpg-sec-7-col-2 {
    display: inline-block;
    width: 380px;
}



.l-img-play-icon {
    text-align: center;
    padding-top: 190px;
    padding-bottom: 177px;
}



.l-img-col-2-play-icon {
    text-align: center;
    padding-top: 90px;
    padding-bottom: 65px;
}

.l-hmpg-sec-7-img-col-2-rw-2-wrapper {

    max-width: 407px;
}

.l-hmpg-sec-7-col-1 {
    padding-right: 0px;
    width: 636px;
    display: inline-block;
    vertical-align: top;
}



@media only screen and (max-width: 767px) {
    #l-hmpg-carousel img{
        min-height: 400px;
        object-fit: cover;
    }
    .l-hmpg-slider-text-cont{
        padding-left: 41px;
    }
    .l-hmpg-slider-btn a{
        padding: 14px 36px !important;
    }
    .l-hmpg-sec-2-col-1-hdr{
        font-size: 55px;
    line-height: 70px;
    }
    .l-hdr-cntus-btn {
        width: 121px;
    }

    .l-hmpg-slider-hdr {
        font-family: 'Pragati Narrow', sans-serif;
        font-size: 28px;
        line-height: 30px;
        color: #fff;
        font-weight: 600;
    }

    .l-hmpg-slider-desc {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 18px;
        line-height: 27px;
        color: #fff;
        font-weight: 300;
        margin-top: 10px;
        margin-bottom: 17px;
    }

    .l-hmpg-slider-btn button,
    .l-hmpg-slider-btn button:hover,
    .l-hmpg-slider-btn button:focus,
    .l-hmpg-slider-btn button:active {
        padding: 10px 26px;
    }

    .l-hdrtrans-logo {
        margin: 15px 0px 15px 9px !important;
    }

    .l-hdrtrans-mob-toggle {
        background: transparent !important;
        margin: 30px 20px 0px 0px !important;
    }

    .l-hdrtrans-mob-toggle span.icon-bar {
        background: #ffffff !important;
        width: 16px !important;
        height: 1px !important;
    }

    .l-hmpg-sec-2-cont {
        padding-top: 58px;
    }

    .l-hmpg-sec-3-client-logo {
        width: 100%;
    }

    .l-hmpg-sec-3-client-logo:nth-child(1) {
        margin-bottom: -60px;
    }

    .l-hmpg-sec-3-client-logo:nth-child(2) {
        margin-bottom: -45px;
    }

    .l-hmpg-sec-3-client-logo:nth-child(3) {
        margin-bottom: -25px;
    }

    .l-hmpg-sec-3-client-logo:nth-child(4) {
        margin-bottom: -25px;
    }

    .l-hmpg-sec-3-client-logo:last-child {
        margin-bottom: 0px;
    }

    .l-hmpg-sec-4-cont {
        padding-top: 70px;
        padding-bottom: 89px;
        padding-left: 15px !important;
    }


    .l-hmpg-sec-4-col-2-cont {
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        max-width: none !important;
        padding-left: 15px !important;
    }


    .l-hmpg-sec-5-quote {
        font-size: 22px;
        line-height: 34px;
    }

    .l-hmpg-sec-5-quote span {
        margin-left: 0px;
    }
    .l-hmpg-sec-5-qt-txt{
      max-width: 83%;
      margin-left: 0px;
      width: auto;
    }

    .l-hmpg-sec-7-img-wrapper {
        max-width: 401px;
        margin: auto;
    }
    .l-hmpg-sec-7-col-2-img-cont{
      padding-bottom: 15px;
      padding-left:0px;
      padding-right: 0px;
    }

    .l-hmpg-sec-8-txt {
        text-align: center;
    }
    .l-hmpg-sec-8-btn a {
        padding: 8px 39px;
    }

    .l-hmpg-sec-8-btn {
        text-align: center;
        margin-top: 15px;
    }

    .ftr-social-icons-col,
    .ftr-copyright-col,
    .ftr-privacy-col {
        text-align: left;
    }

    .ftr-cont-rw ul {
        padding-left: 15px;
    }

    .l-hmpg-sec-7-img-col-2-wrapper {
        max-width: 402px;
        margin: auto;
    }

    .l-hmpg-sec-7-col-1 {

        width: 100% !important;
    }
    .l-hmpg-sec-7-col-2{
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 15px;
      width: 100% !important;
    }
    .l-hmpg-sec-7-img-col-2-rw-1-wrapper,.l-hmpg-sec-7-img-col-2-rw-2-wrapper{
      max-width: 100%;
    }
    .l-hmpg-sec-2-col-1-cont{
      max-width: none !important;
    }
    .l-hmpg-sec-2-col-2-rw-1-text-cont,.l-hmpg-sec-2-col-2-rw-2-text-cont,.l-hmpg-sec-2-col-1-cont{
       max-width: none !important;
    }

}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .l-navbar-cont {
        padding-left: 15px;
        padding-right: 15px;
    }

    .l-hdr-cntus-btn a {
        padding: 7px 17px;
    }

    .l-hmpg-slider-text-cont {
        margin-left: 44px;
    }

    .l-hmpg-slider-hdr {
        font-size: 36px;
        line-height: 42px;
    }

    .l-hmpg-slider-desc {
        font-size: 20px;
        line-height: 26px;
        margin-top: 7px;
        margin-bottom: 9px;
    }

    .l-hmpg-slider-btn button,
    .l-hmpg-slider-btn button:hover,
    .l-hmpg-slider-btn button:focus,
    .l-hmpg-slider-btn button:active {
        font-size: 18px;
        line-height: 25px;
        text-decoration: none;
        padding: 10px 32px;
    }
    .l-hmpg-sec-7-col-1{
        width: 100% !important;
        padding-left: 15px;
        padding-right: 15px;
        
    }

    .l-hmpg-sec-7-col-2 {
        width:100%;
        margin-top: 13px;
    }
    .l-hmpg-sec-7-col-2-img-cont{
        padding-left: 10px;
    }

    .l-hmpg-sec-8-btn a {
        padding: 13px 34px !important;
        font-size: 20px;
    font-weight: 500;
    line-height: 21px;
    }
    .l-hmpg-sec-7-rw-2-cont .row{
        margin-right: 0px;
        margin-left:0px; 
    }
    .l-hmpg-sec-3-client-logo-cont{
        text-align: center;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .l-hmpg-slider-text-cont {
        top: 21%;
        margin-left: 68px;
    }
    .l-hmpg-sec-7-rw-2-cont .row{
        margin-right: 0px;
        margin-left:0px; 
    }
    .l-hmpg-sec-7-col-1{
        width: 100% !important;
    }
    .l-hmpg-sec-7-col-2{
        width: 100% !important;
        margin-top: 7px;
    }
    .l-hmpg-sec-7-img-col-2-rw-1-wrapper{
        max-width: none !important;
    }
    .l-hmpg-sec-7-col-2-img-cont{
        padding-left: 0px;
    }

}

@media only screen and (min-width:1500px) {
    .l-hmpg-sec-4-cont img {
        width: 100%;
    }
}



/* ######################## Comapany page CSS ################################*/

.l-comppg-sticky-header {
    box-shadow: 0px 1px 10px #999;
}

.l-comppg-sec-1-cont {
    padding-top: 114px;
}

.l-comppg-sec-1-bg {
    background-image: url('../img/pgcompany/comppg-sec-1-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.l-comppg-sec-1-bg {
    padding-top: 146px;
    padding-bottom: 53px;
}

.l-comppg-sec-1-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 56px;
    line-height: 57px;
    color: #4500D3;
    margin-left: 192px;
    margin-top: 217px;
    font-weight: 600;
}

.l-comppg-sec-1-sub-hdr {
    margin-left: 191px;
    margin-top: 10px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 45px;
    line-height: 49px;
    font-weight: 500;
    color: #242424;
}

.l-comppg-sec-2-cont {
    max-width: 969px;
    padding-bottom: 75px;
    padding-top: 6px;
}

.l-comppg-sec-2-col-1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #292949;
    opacity: 0.8;
}

.l-comppg-sec-2-col-2 {
    max-width: 413px;
    margin-left: 56px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    color: #292949;
    opacity: 0.8;
}

.l-comppg-sec-3-cont {
    padding-top: 82px;
    padding-bottom: 82px;
}

.l-comppg-sec-3-col-1 {
    padding-left: 0px;
}

.l-comppg-sec-3-col-1 img {
    max-width: 96% !important;
}

.l-comppg-sec-3-col-2 {
    padding-left: 10px;
}

.l-comppg-sec-3-col-2-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    color: #292949;
    font-size: 38px;
    line-height: 42px;
    font-weight: 600;
}

.l-comppg-sec-3-col-2-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    color: #292949;
    line-height: 23px;
    margin-top: 16px;
    max-width: 364px;
    opacity: 0.8;
}

.l-compg-sec-4-cont {
    padding-top: 10px;
    padding-bottom: 50px;
}

.l-comppg-sec-4-hdr {
    text-align: right;
    font-family: 'Pragati Narrow', sans-serif;
    color: #292949;
    font-size: 36px;
    line-height: 42px;
    font-weight: 600;
}

.l-comppg-sec-4-desc {
    text-align: right;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    color: #292949;
    line-height: 26px;
    margin-top: 23px;
    max-width: 341px;
    margin-left: auto;
    opacity: 0.8;
}

.l-compg-sec-4-col-2 {
    padding-right: 0px;
}

.l-compg-sec-4-col-2 img {
    max-width: 94%;
    margin-left: auto;
}

.l-comppg-sec-5-cont {
    padding-top: 100px;
}

.l-comppg-sec-5-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    color: #292949;
    font-size: 56px;
    line-height: 42px;
    font-weight: 600;
    max-width: 1059px;
    text-align: left;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.l-comppg-sec-5-rw-1 {
    padding-top: 50px;
    padding-bottom: 50px;
    max-width: 1009px;
    margin: auto;
}

.l-comppg-sec-5-rw-2 {
    padding-top: 65px;
    padding-bottom: 50px;
    max-width: 1009px;
    margin: auto;
}

.l-comppg-sec-5-col-1 {
    padding-left: 0px;
    padding-right: 0px;
}

.l-comppg-sec-5-col-2 {
    padding-left: 60px;
}

.l-compg-sec-5-name {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 29px;
    color: #292949;
    line-height: 37px;
}

.l-compg-sec-5-postion {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600 !important;
    font-size: 17px;
    color: #292949;
}

.l-compg-sec-5-col-1 {
    padding-left: 17px;
    padding-right: 0px;
}

.l-comppg-sec-5-col-1-para-1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    margin-top: 34px;
    opacity: 0.8;
}

.l-comppg-sec-5-col-1-para-2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 24px;
    margin-top: 12px;
    opacity: 0.8;
}

.l-comppg-sec-5-col-2-para-1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    margin-top: 34px;
    opacity: 0.8;
}

.l-comppg-sec-5-col-2-para-2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 24px;
    margin-top: 24px;
    opacity: 0.8;
}

.l-compg-sec-5-col-2 {
    padding-left: 72px;
    padding-right: 45px;
}

.l-comppg-sec-6-cont {
    padding-top: 60px;
    padding-bottom: 60px;
    background-image: url('../img/pgcompany/cmppg-sec-6-bg-img.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.l-comppg-sec-6-name {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 29px;
    color: #292949;
    line-height: 37px;
}

.l-comppg-sec-6-position {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600 !important;
    font-size: 17px;
    color: #292949;
}

.l-comppg-sec-6-rw {
    max-width: 1000px;
    margin: auto;
}

.l-comppg-sec-6-col-1 {
    padding-top: 25px;
}

.l-comppg-sec-6-rw-2 {
    max-width: 1000px;
    margin: auto;
    padding-top: 40px;
}

.l-comppg-sec-6-col-1-para-1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    max-width: 280px;
    margin-right: auto;
    opacity: 0.8;
}

.l-comppg-sec-6-col-1-para-2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    max-width: 288px;
    margin-right: auto;
    margin-top: 20px;
    opacity: 0.8;
}

.l-comppg-sec-6-col-2-para-1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    opacity: 0.8;
}

.l-comppg-sec-6-col-2-para-2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    margin-top: 13px;
    opacity: 0.8;
}

.l-comppg-sec-6-rw-2-col-2 {
    padding-left: 30px;
}

.l-comppg-sec-7-cont {
    padding-top: 47px;
    padding-bottom: 149px;
}

.l-comppg-sec-7-rw-1 {
    max-width: 1009px;
    margin: auto;
}

.l-comppg-sec-7-col-1 {
    padding-left: 0px;
    padding-right: 0px;
}

.l-comppg-sec-7-col-2 {
    padding-left: 60px;
}

.l-compg-sec-7-name {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 29px;
    color: #292949;
    line-height: 37px;
}

.l-compg-sec-7-position {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600 !important;
    font-size: 17px;
    color: #292949;
}

.l-comppg-sec-7-col-1-para-1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    max-width: 280px;
    margin-right: auto;
    margin-top: 40px;
    opacity: 0.8;
}

.l-comppg-sec-7-col-2-para-1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    color: #292949;
    line-height: 25px;
    margin-top: 40px;
    opacity: 0.8;
}

.l-comppg-sec-7-rw-2 {
    max-width: 1009px;
    margin: auto;
    margin-top: 105px;
}

@media only screen and (max-width: 767px) {
    .l-comppg-sec-1-bg{
        background-size: 100% auto;
        background-position: center top;
    }
    .l-comppg-sec-1-hdr {
        font-size: 39px;
        line-height: 44px;
        margin-left: 0px;
        margin-top: 0px;
    }

    .l-comppg-sec-1-cont {
        padding-top: 84px;
    }

    .l-comppg-sec-1-sub-hdr {
        margin-left: 0px;
        margin-top: 10px;
        font-size: 32px;
        line-height: 36px;
    }

    .l-comppg-sec-2-cont {
        padding-bottom: 20px;
    }

    .l-comppg-sec-2-col-1 {
        margin-bottom: 20px;
    }

    .l-comppg-sec-2-col-2 {
        max-width: none !important;
        margin-left: 0px;
    }

    .l-comppg-sec-3-cont {
        padding-top: 20px;
        padding-bottom: 42px;
    }

    .l-comppg-sec-3-col-1 {
        padding-left: 15px;
    }

    .l-comppg-sec-3-col-1 img {
        max-width: 100% !important;
    }

    .l-comppg-sec-3-col-2 {
        padding-top: 40px;
    }

    .l-comppg-sec-3-col-2-desc {
        max-width: none !important;
    }

    .l-comppg-sec-4-hdr {
        text-align: left;
    }

    .l-comppg-sec-4-desc {
        text-align: left;
        max-width: none !important;
        margin-top: 16px !important;
    }

    .l-compg-sec-4-col-1 {
        padding-bottom: 50px;
    }

    .l-compg-sec-4-col-2 {
        padding-right: 15px;
    }

    .l-compg-sec-4-col-2 img {
        max-width: 100% !important;
        margin: auto;
    }

    .l-compg-sec-4-cont {
        padding-bottom: 15px;
    }

    .l-comppg-sec-5-cont {
        padding-top: 20px;
    }

    .l-comppg-sec-5-rw-1 {
        padding-top: 33px;
    }

    .l-comppg-sec-5-col-1 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .l-comppg-sec-5-col-1 img {
        margin: auto;
    }

    .l-comppg-sec-5-col-2 {
        padding-top: 30px;
        text-align: center;
        padding-left: 15px;
    }

    .l-comppg-sec-6-cont {
        padding-bottom: 27px;
    }

    .l-comppg-sec-6-rw-2-col-2 {
        padding-top: 15px;
        padding-left: 15px;
    }

    .l-comppg-sec-7-cont {
        padding-top: 20px;
    }

    .l-comppg-sec-7-col-1 {
        padding-left: 15px;
        padding-bottom: 15px;
    }

    .l-comppg-sec-7-col-1 img {
        margin: auto;
    }

    .l-comppg-sec-7-col-2 {
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
    }

    .l-comppg-sec-7-col-1-para-1 {
        max-width: none !important;
    }

    .l-compg-sec-5-col-2 {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

    .l-comppg-sec-6-col-1-para-1,
    .l-comppg-sec-6-col-1-para-2 {
        max-width: none;
    }

    .l-compg-sec-5-col-1 {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
    }

    .l-compg-sec-7-col-1,
    .l-compg-sec-7-col-2 {
        text-align: left;
    }

    .l-comppg-sec-5-col-2-para-1,
    #ronan-col-2-para-1 {
        margin-top: 0px;
    }
}

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

    .l-comppg-sec-3-col-1 img,
    .l-compg-sec-4-col-2 img {
        width: 100%;
    }
    .l-comppg-sec-2-cont{
        max-width: none !important;
    }
    .l-comppg-sec-1-hdr{
        max-width:1170px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 315px;
    }
    .l-comppg-sec-1-sub-hdr{
        max-width:1170px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ######################## Comapany page CSS ################################*/

/* ######################## Product page CSS ################################*/

.l-prodpg-sticky-hdr {
    background: #fff;
}

.l-prodpg-sec-1-bg {
    background: url('../img/pgproducts/prodpg-sec-1-bg.png');
    background-repeat: no-repeat;
    /* background-size: cover; */
    padding-top: 318px;
    padding-bottom: 256px;
}

.l-prodpg-sec-1-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 103px;
    line-height: 108px;
    color: #190F3C;
    letter-spacing: -5px;
}

.l-prodpg-sec-1-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 25px;
    color: #292949;
    opacity: 0.8;
    margin-top: 11px;
    margin-bottom: 30px;
    margin-right: 12px;
    max-width: 364px;
}

.l-prodpg-sec-1-wrapper {
    margin-left: 55%;
}

.l-prodpg-sec-1-btn a {
    font-family: 'Pragati Narrow', sans-serif;
    border: 3px solid #e53d6e !important;
    font-size: 20px;
    line-height: 25px;
    color: #e53d6e !important;
    padding: 15px 39px !important;
    border-radius: 0px;
    outline: 0px !important;
    box-shadow: none !important;
    display: inline-block;
    background: #fff;
    text-decoration: none !important;

}

.l-prodpg-sec-1-btn a::after {
    content: "";
    width: 20px;
    height: 9px;
    background: url(../img/hmpg-sec-2-col-2-arrow-icn.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}

.l-prodpg-sec-1-btn a:hover {

    color: #fff !important;
    background: #e53d6e !important;
    font-weight: 400 !important;

}

.l-prodpg-sec-1-btn a:hover::after {
    background: url('../img/hmpg-sec-6-col-2-arrow-white-icn.png');
}

.l-prodpg-sec-2-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    line-height: 30px;
    font-weight: 300;
    color: #292949;
    font-style: italic;
    max-width: 392px;
    margin-left: auto;
    margin-right: 163px;
    margin-top: -141px;
}

.l-prodpg-sec-2-desc span {
    margin-left: -51px;
}

.l-prodpg-sec-2-desc img {
    width: 35px;
    vertical-align: inherit;
    margin-right: 10px;
}

.l-prodpg-sec-3-cont {
    padding-top: 109px;
    padding-bottom: 30px;
}

.l-prodpg-sec-3-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    color: #292949;
    font-size: 36px;
    line-height: 40px;
    font-weight: 700;
}

.l-prodpg-sec-3-desc {
    max-width: 628px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #292949;
    opacity: 0.8;
}

.l-prodpg-sec-3-col-3 {
    margin-top: 130px;
}

.l-prodpg-sec-3-col-3-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 60px;
    line-height: 65px;
    color: #292949;
    padding-top: 40px;
}

.l-prodpg-sec-3-col-3-desc {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 31px;
    line-height: 36px;
    margin-top: 35px;
    color: #292949;
    font-weight: 600;
}


.l-prodpg-sec-4-cont {
    background-image: url('../img/pgproducts/prodpg-sec-4-bg.png');
    background-repeat: no-repeat;
    padding-bottom: 58px;
    padding-bottom: 127px;
    /* background-position: left center;  */
    /* padding-top: 190px; */
}

.l-prodpg-sec-4-col-cont {
    max-width: 864px;
    margin-left: auto;
    padding-top: 188px;
}

.l-prodpg-sec-4-col-2-cont {
    max-width: 864px;
    margin-left: auto;
}

.l-prodpg-sec-4-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 26px;
    line-height: 31px;
    color: #292949;
    font-weight: 600;
}

.l-prodpg-sec-4-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 24px;
    opacity: 0.8;
    margin-top: 17px;
}

.l-prodpg-sec-4-col-2 {
    padding-left: 24px;
}

.l-prodpg-col-2-cont {
    margin-top: 92px;
}

.l-prodpg-sec-4-rw-1-col-2-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 24px;
    opacity: 0.8;
    margin-top: 17px;
    max-width: 253px;
}

.l-prodpg-sec-4-rw-2-col-2-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 24px;
    opacity: 0.8;
    margin-top: 17px;
    max-width: 253px;
}

.l-prodpg-sec-5-cont {
    max-width: 969px;
    margin: auto;
    padding: 53px 63px;
    background: #fff;
    position: relative;
    box-shadow: 0 35px 84px 0 rgba(0, 0, 0, 0.22);
}

.l-prodpg-sec-5-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 26px;
    line-height: 31px;
    color: #292949;
    font-weight: 700;
}

.l-prodpg-sec-5-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #292949;
    margin-top: 8px;
}

.l-prodpg-sec-5-btn a {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #fff !important;
    padding: 15px 39px !important;
    border-radius: 0px;
    outline: 0px !important;
    box-shadow: none !important;
    display: inline-block;
    background: #e53d6e;
    border: 0px;
}

.l-prodpg-sec-5-btn a:hover,.l-prodpg-sec-5-btn a:focus,.l-prodpg-sec-5-btn a:active {
    background: #d22155 !important;
}

.l-prodpg-sec-5-btn {
    padding-right: 0px;
    text-align: right;
}

.l-prodpg-sec-5-btn a::after {
    content: "";
    width: 20px;
    height: 9px;
    background: url('../img/hmpg-sec-6-col-2-arrow-white-icn.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;

}

.l-prodpg-sec-6-cont {
    background: #f4f5f7;
    margin-top: -68px;
}

.l-prodpg-sec-6-rw {
    max-width: 891px;
    margin: auto;
    padding-top: 170px;
    padding-bottom: 105px;
}

.l-prodpg-sec-6-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 32px;
    line-height: 37px;
    color: #292949;
    font-weight: 700;
    max-width: 314px;
}

.l-prodpg-sec-6-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    opacity: 0.8;
    margin-top: 44px;
    max-width: 355px;
}

.l-prodpg-sec-6-col-2-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    opacity: 0.8;
    margin-top: 44px;
    max-width: 312px;
}

.l-prodpg-sec-6-col-2 {
    padding-left: 83px;
    padding-right: 78px;
}

.l-prodpg-sec-6-btn {
    margin-top: 20px;
}

.l-prodpg-sec-6-btn a {
    font-family: 'Pragati Narrow', sans-serif;
    border: 3px solid #e53d6e !important;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #e53d6e !important;
    padding: 15px 33px !important;
    border-radius: 0px;
    outline: 0px !important;
    box-shadow: none !important;
    display: inline-block;
    background: transparent;
}

.l-prodpg-sec-6-btn a::after {
    content: "";
    width: 20px;
    height: 9px;
    background: url(../img/hmpg-sec-2-col-2-arrow-icn.png);
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}

.l-prodpg-sec-6-btn a:hover,.l-prodpg-sec-6-btn a:focus,.l-prodpg-sec-6-btn a:active {
    background: #e53d6e !important;
    color: #fff !important;
    font-weight: 400 !important;
}

.l-prodpg-sec-6-btn a:hover::after {
    background: url('../img/hmpg-sec-6-col-2-arrow-white-icn.png');
}

/* .l-prodpg-sec-6-btn a:focus,
.l-prodpg-sec-6-btn a:active {
    background: transparent !important;
} */

.l-prodpg-sec-6-col-2-btn a {
    color: #7c9aef;
    background: none !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 32px;
    border: 0px !important;
    padding: 0px;
}

.l-prodpg-sec-6-col-2-btn a:hover {
    color: #6a88dc !important;
}

.l-prodpg-sec-6-col-2-btn a::after {
    content: "";
    width: 20px;
    height: 12px;
    background: url('../img/pgproducts/prodpg-sec-6-blue-arw-icon.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}

.l-prodpg-sec-6-col-2-btn {
    margin-top: 28px;
}

@media only screen and (max-width: 767px) {
    .l-prodpg-sec-1-bg {
        padding-top: 181px;
        padding-bottom: 118px;
        background-size: 100% auto;
    background-position: center top;
    }

    .l-prodpg-sec-1-wrapper {
        margin-left: 50px;
    }

    .l-prodpg-sec-1-hdr {
        font-size: 52px;
        line-height: 58px;
        letter-spacing: 0px;
    }

    .l-prodpg-sec-1-desc {
        font-size: 18px;
        line-height: 22px;
    }

    .l-prodpg-sec-2-desc span {
        margin-left: 0px;
    }

    .l-prodpg-sec-2-desc {
        margin-top: 50px;
        margin-bottom: 50px;
        text-align: center;
        max-width: none !important;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .l-prodpg-sec-3-cont {
        padding-top: 34px;
        padding-bottom: 0px;
    }

    .l-prodpg-sec-3-col-3 {
        margin-top: 17px;
    }

    .l-prodpg-sec-3-col-3-desc {
        margin-bottom: 35px;
    }

    .l-prodpg-sec-4-col-2 {
        padding-left: 15px;
        padding-top: 25px;
        max-width: none !important;
    }

    .l-prodpg-sec-4-cont {
        padding-bottom: 66px;
    }

    .l-prodpg-sec-4-rw-1-col-2-desc {

        max-width: none !important;
    }

    .l-prodpg-sec-4-rw-2-col-2-desc {
        max-width: none !important;
    }

    .l-prodpg-sec-5-btn {
        text-align: center;
        margin-top: 20px;
    }

    .l-prodpg-sec-6-col-2 {
        padding-top: 40px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .l-prodpg-sec-1-wrapper {
        margin-left: 150px;
    }
}

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

    .l-prodpg-sec-4-col-cont,
    .l-prodpg-sec-4-col-2-cont,
    .l-prodpg-sec-2-desc {
        margin: auto !important;
    }

}


/* ######################## product page CSS ################################*/


/* ######################## Commom Template css ################################*/




.l-ct-sec-1-bg {

    padding-top: 100px;
}

.l-ct-sec-1-cont {

    background-image: url('../img/pgblog/logo-bg.png');
    background-repeat: no-repeat;
    background-position: top left;
}

.l-ct-sec-1-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 52px;
    font-weight: 600;
    line-height: 57px;
    color: #190F3C;
    -webkit-text-stroke-width: 0.2px;
    letter-spacing: 1px;
}

.l-ct-sec-1-subhdr {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 25.5px;
    font-weight: 100;
    line-height: 32px;
    color: #29294994;
    -webkit-text-stroke-width: 0.2px;
}

.l-ct-sec-1-wrapper {
    max-width: 700px;
    margin: auto;
    padding-top: 40px;
    padding-left: 15px;
}

.l-ct-sec-2-wrapper {
    max-width: 700px;
    margin: auto;
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 90px;
}

.l-ct-sec-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 34px;
    line-height: 39px;
    color: #292949;
    -webkit-text-stroke-width: 0.2px;
    font-weight: 600;
    margin-bottom: 15px;
}

.l-ct-sec-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #29294994;
    -webkit-text-stroke-width: 0.2px;
}

.l-ct-ol li {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 27px;
    color: #29294994;
    -webkit-text-stroke-width: 0.2px;
    margin: 16px 0;
}
.l-ct-ol li::first-letter{
    text-transform: uppercase;
}

.l-ct-sec-3-wrapper {
    max-width: 700px;
    margin: auto;
    padding-left: 15px;
}

.l-ct-ul-square {
    list-style: square;
}

.l-ct-ul li {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #29294994;
    -webkit-text-stroke-width: 0.2px;
    margin: 16px 0;
}
.l-ct-ul li::first-letter{
    text-transform: uppercase;
}

.l-ct-img {
    margin-top: 20px;
    margin-bottom: 50px;
}

.l-ct-sec-desc-bg {
    background: #f1f1f1;
    padding: 30px 24px;
    margin-top: 15px;
    margin-bottom: 40px;
}

.l-ct-sec-4-desc-2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 26px;
    color: #29294994;
    -webkit-text-stroke-width: 0.2px;
}

.l-ct-sec-desc-bg span {
    color: #292949;
}

.l-ct-mt {
    margin-top: 30px;
}

.l-ct-last-sec-mb {
    margin-bottom: 80px;
}


.l-hmpg-sec-8-btn .l-blog-sub-ftr-btn span img {
    width: 20px;
    margin-left: 5px;

}

/* ######################## Commom Template css ################################*/


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

/* ######################## Beer game Page css ################################*/

.l-beergame-sec-1-bg {
    padding-top: 146px;
    padding-bottom: 179px;
    background-image: url('../img/pgbeergame/beergame-sec-1-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
}

.l-beergame-sec-1-cnt-cont {
    max-width: 1000px;
    margin: auto;
}

.l-beergame-sec-1-sub-hdr {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 27px;
    color: #fff;
    opacity: 0.6;
    text-transform: uppercase;
}

.l-beergame-sec-1-hdr {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 65px;
    line-height: 69px;
    color: #fff;
}

.l-beergame-sec-1-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    line-height: 30px;
    color: #FF5284;
    margin-top: 30px;
    margin-bottom: 52px;
}

.l-beergame-sec-1-button a {
    background: #e53d6e !important;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 25px;
    text-decoration: none;
    padding: 22px 53px !important;
}

.l-beergame-sec-1-button a:after {
    content: "";
    width: 20px;
    height: 9px;
    background: url('../img/hmpg-sec-6-col-2-arrow-white-icn.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin-left: 5px;
}

.l-beergame-sec-1-button a:hover {
    background: #d22155 !important;
}

.l-beergame-sec-2-hdr {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 35px;
    line-height: 40px;
    color: #292949;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 11px;
}

.l-beergame-sec-2-cont {
    padding-top: 72px;
    padding-bottom: 54px;
}

.l-beergame-sec-2-col-1 {
    max-width: 402px;
    margin: auto;
}

.l-beergame-sec-2-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #292949;
    opacity: 0.8;
}

.l-beergame-sec-2-quest {
    margin-top: 76px;
}

.l-beergame-sec-2-quest a {
    display: block;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 36px;
    color: #0404FF;
    text-decoration: none;
}

.l-beergame-sec-3-bg {
    background-image: url(../img/pgbeergame/beergame-sec-3-bg.png);
    background-size: 100% auto;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-top: 29%;
    padding-bottom: 0px;
}

.l-beergame-sec-4-cont {
    background: #2c1389;
    padding-top: 61px;
    padding-bottom: 79px;
}

.l-beergame-sec-4-cnt-cont {
    max-width: 985px !important;
    margin: auto !important;
}

.l-beergame-sec-4-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    color: #fff;
    font-weight: 700;
}

.l-beergame-sec-4-desc {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 21px;
    line-height: 28px;
    color: #fff;
    opacity: 0.8;
    margin-top: 28px;
    margin-bottom: 30px;
}

.l-beergame-sec-4-icon {
    display: inline-block;
    width: 110px;
}

.l-beergame-sec-4-icon img {
    margin-top: 15px;
}

.l-beergame-sec-4-desc-cont {
    display: inline-block;
    width: 622px;
    vertical-align: top;
    margin-left: 34px;
}

.l-beergame-sec-4-btn a {
    background: #e53d6e !important;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 25px;
    text-decoration: none;
    padding: 17px 39px !important;
    display: block;
    width: 170px;
}

.l-beergame-sec-4-btn a:hover,
.l-beergame-sec-4-btn a:active,
.l-beergame-sec-4-btn a:focus {
    background: #d22155 !important;
}

.l-beergame-sec-5-cont {
    background-image: url('../img/pgbeergame/beergame-sec-6-bg.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 290px auto;
    padding-top: 90px;
    padding-bottom: 145px;
}

.l-beergame-sec-6-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 35px;
    line-height: 39px;
    font-weight: 700;
    color: #292949;
    margin-left: 36px;
    margin-bottom: 36px;
}

.l-beergame-sec-5-col-cont {
    max-width: 882px;
    margin-left: auto;
}

.l-beerpage-sec-5-acc-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 25px;
    text-decoration: none;
    color: #292949;
    font-weight: 700;
}

.l-beerpage-sec-5-acc-body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #292949;
}

.l-beergame-sec-6-acc {
    max-width: 78%;
    margin-bottom: 0px;
}

.l-beergame-sec-6-accoordian-cont .panel {
    background: transparent !important;
    border: 0px !important;
    border-radius: 0px;
    box-shadow: none !important;
}

.l-beergame-sec-6-accoordian-cont .panel-default>.panel-heading {
    background: transparent !important;
}

.l-beergame-sec-6-accoordian-cont .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0px !important;
}

.l-beergame-sec-6-accoordian-cont .panel-heading {
    padding-left: 0px;
}

.l-beergame-sec-6-accoordian-cont .panel-body {
    padding-top: 0px;
    /* padding-right: 0px; */
}

.l-beerpage-sec-5-acc-span {
    padding-right: 14px;

}

.l-beerpage-sec-5-acc-body {
    padding-left: 36px;
}

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



    .l-beergame-sec-1-hdr {

        font-size: 50px;
        line-height: 55px;
    }

    .l-beergame-sec-1-desc {
        margin-top: 25px;
        margin-bottom: 44px;
    }

    .l-beergame-sec-1-button a {
        padding: 15px 40px !important;
    }

    .l-beergame-sec-2-quest {
        margin-top: 50px;
    }

    .l-beergame-sec-2-col-1 {
        max-width: none;
    }

    .l-beergame-sec-2-quest a {
        font-size: 22px;
    }

    .l-beergame-sec-2-col-2 {
        margin-top: 40px;
    }

    .l-beergame-sec-4-icon {
        width: 100%;
        text-align: center;
    }

    .l-beergame-sec-4-desc-cont {
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }

    .l-beergame-sec-4-btn a {
        margin: auto;
    }

    .l-beergame-sec-6-acc {
        max-width: 100%;
    }
}

/* ######################## Beer game Page css ################################*/



/* ######################## Webinar Page css ################################*/

.l-webinar-sec-1-bg {
    background-image: url('../img/pgwebinar/webinar-sec-1-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.l-webinar-sec-1-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 38px;
    line-height: 42px;
    color: #ffffff;
    font-weight: 600;
    max-width: 990px;
    margin: auto;
    margin-top: 41px;
    margin-bottom: 196px;
}

.l-webinar-sec-2-cont-bg {
    background: #f5f5f7;
}

.l-webinar-sec-2-cont {
    max-width: 1087px;
}

.l-webinar-sec-2-cont ul {
    margin-top: -123px;
}

.l-webinar-sec-2-tabs {
    border-bottom: 0px !important;
}

.l-webinar-tab-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
}

.l-webinar-tab-subhdr {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
    margin-top: 15px;
}

.l-webinar-sec-2-tabs>li {
    width: 29%;
}

.l-webinar-sec-2-tabs>li>a {
    padding-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 0px !important;
}

.l-webinar-sec-2-tabs>li>a:hover,
.l-webinar-sec-2-tabs>li>a:focus {
    background-color: #1c0841;
}

.l-webinar-sec-2-tabs>li>a:hover {
    border: 0px !important;
    border-top: 3px transparent solid !important;

}

.l-webinar-sec-2-tabs>li.active>a,
.l-webinar-sec-2-tabs>li.active>a:hover,
.l-webinar-sec-2-tabs>li.active>a:focus {
    background: #1c0841 !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 0px !important;
    border-top: 3px #e53d6e solid !important;
}

.l-webinar-sec-2-tab-cnt {
    margin-top: 64px;
    max-width: 955px;
    margin-left: auto;
    margin-right: auto;
}

.l-webinar-tab-cont-wrapper {
    padding: 25px;
    background: #FFFFFF;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
    margin-bottom: 18px;
}

.l-webinar-tab-cont-col-1 {
    padding-top: 142px;
    margin-top: -142px;
}

.l-webinar-tab-cont-hdr-cont {
    padding-left: 0px;
}
.l-webinar-wtepap-tab-cont-hdr-cont{
    padding-left: 0px;
}

.l-webinar-tab-cont-hdr {
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #292949;
    opacity: 0.9;
    font-weight: 600;
    min-height: 24px;
}
.l-webinar-wtepap-tab-cont-hdr{
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #292949;
    opacity: 0.9;
    font-weight: 600;
    padding-left: 15px;
}

.l-webinar-tab-cont-abstract {
    font-size: 12px;
    line-height: 15px;
    margin-top: 14px;
    margin-bottom: 14px;
    min-height: 0px;
}

.l-webinar-wtepap-tab-cont-col-2{
    margin-top: 0px;
    text-align: right;
}

.l-webinar-tab-cnt-img-cont {
    padding-right: 0px;
    max-width: 23% !important;
}

.l-webinar-tab-cnt-img-cont img{
    max-width: 106px;
}

.l-webinar-tab-cont-desc-name {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #5C00FF;
    margin-top: 10px;
    font-weight: 600;
}

.l-webinar-tab-cont-desc-post {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 21px;
    color: #292949;
    font-weight: 600;
    opacity: 0.5;
}

.l-webinar-tab-cont-play-btn span img,
.l-webinar-tab-cont-pdf-btn span img {
    margin-right: 5px;
}

.l-webinar-tab-cont-play-btn {
    background: #4f00dc;
    padding: 10px 27px;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 10px;
}

.l-webinar-tab-cont-pdf-btn {
    background: #868699;
    padding: 10px 27px;
    color: #fff !important;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    line-height: 18px;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: 600;
}

.l-webinar-tab-cont-col-2 {
    text-align: center;
    margin-top: 40px;
}

.l-webinar-last-div-mb {
    margin-bottom: 108px;
}
.l-webinar-pub-tab-cont-col-2{
    margin-top: 30px;
    text-align: right;
}

@media only screen and (max-width: 767px) {
    .l-webinar-sec-2-cont ul {
        margin-top: -96px;
    }

    .l-webinar-sec-2-tabs>li {
        width: 33%;
    }

    .l-webinar-tab-cnt-img-cont {
        max-width: none !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .l-webinar-tab-cnt-img-cont img {
        margin: auto;
    }

    .l-webinar-tab-cont-hdr {
        font-size: 20px;
        line-height: 25px;
        margin-top: 14px;
        margin-bottom: 14px;
        min-height: 0px;
    }

    .l-webinar-tab-icons {
        width: 55px;
        margin: auto;
    }
    .l-webinar-wtepap-tab-cont-hdr{
        text-align:center;
    }
    .l-webinar-wtepap-tab-cont-col-2{
        text-align: center;
        margin-top:20px;
    }
    .l-webinar-pub-tab-cont-col-2{
        margin-top: 30px;
        text-align: center;
    }
}
@media only screen and (min-width: 768px) and (max-width:792px) {
.l-webinar-tab-subhdr{
    font-size: 15px;
}
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .l-webinar-tab-cnt-img-cont {
        padding-right: 15px !important;
    }

    .l-webinar-tab-cont-col-2 {
        margin-top: 21px;
    }

    .l-webinar-tab-cont-play-btn {
        display: block;
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .l-webinar-sec-2-tabs>li:nth-child(1) a {
        padding-top: 25px;
    padding-bottom: 34px;
    }
    .l-webinar-sec-2-tabs>li:nth-child(2) a {
        padding-top: 25px;
    padding-bottom: 35px;
    }
    .l-webinar-sec-2-tabs>li:nth-child(3) a {

        padding-bottom: 13px;
    }

    .l-webinar-tab-cont-pdf-btn {
        display: block;
    }
       .l-webinar-sec-2-cont ul {
        margin-top: -148px;
    }

     .l-webinar-tab-cnt-img-cont img{
         max-width: 100% !important;
     }
     .l-web-tab-btn-adj{
         display: initial !important;
     }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .l-webinar-sec-2-cont ul {
        margin-top: -124px;
    }
    .l-webinar-sec-2-tabs>li {
        width: 30%;
    }
}

/* ######################## Webinar Page css ################################*/






/* ############################################## g styles ########################################### */
.g-displayblock{
    display: block;
}
.g-displaynone{
    display: none;
}
.g-ml-1px{
    margin-left: 1px;
}
.g-mt-20{
    margin-top: 20px;
}
.g-mt-10{
    margin-top: 10px;
}
.g-mb-10{
    margin-bottom: 10px;
}
.g-fw-400{
    font-weight: 400;
}
.g-clear{
    clear: both;
}
.g-gen-qt-text{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 27px;
    line-height: 37px;
    font-weight: 300;
    font-style: italic;
    color: #292949;
    -webkit-text-stroke-width: 0.2px;
    text-stroke-width: 0.2px;
}
/*---------------------------- g white hdr css -------------------------------*/
.g-hdrwhite{
    background: #ffffff !important;
    border-bottom: none !important;
    margin: 0px !important;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    transition: background 0.1s linear;
}
.g-hdrwhite.g-hdrnobg{
    background: none !important;
}
.g-hdrwhite.g-hdtransparent{
    background: none !important;
}
.g-hdrwhite.g-hdrnobg.l-sticky-header{
    background: #ffffff !important;
}
.g-hdrwhite.g-hdtransparent.l-sticky-header{
    background: rgba(0, 0, 0, 0.8) !important;
}
.g-hdrwhite.navbar-fixed-top.l-sticky-header{
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .025) !important;
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .025) !important;
    -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, .025) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .025) !important;
}
.g-hdrwhite-box{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.g-hdrwhite-logo{
    display: block !important;
    margin: 34px 0px 20px 9px !important;
    padding: 0px !important;
    height: auto !important;
}
.g-hdrwhite-logo img{
    width: 100% !important;
    max-width: 130px !important;
    height: auto !important;
}
.g-hdrwhite-menu ul li.navbar-li a, 
.g-hdrwhite-menu ul li.navbar-li a:hover, 
.g-hdrwhite-menu ul li.navbar-li a:focus{
    padding: 46px 8px 35px 8px !important;
    background: none !important;
    color: #2E313D !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 17px !important;
    line-height: 23px !important;
    font-weight: 400 !important;
    -webkit-text-stroke-width: 0.2px !important;
    text-stroke-width: 0.2px !important;
}
.g-hdrwhite-menu ul li.navbar-li a:hover, 
.g-hdrwhite-menu ul li.navbar-li a:focus{
    color: #e53d6e !important;
}
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.navbar-li a, 
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.navbar-li a:hover, 
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.navbar-li a:focus{
    opacity: 0.8 !important;
    color: #ffffff !important;
    -webkit-text-stroke-width: 0px !important;
    text-stroke-width: 0px !important;
}
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.navbar-li a:hover, 
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.navbar-li a:focus{
    opacity: 1 !important;
}
.g-hdrwhite-menu ul li.navbar-li a span.caret{
    margin-top: -4px !important;
}
.g-hdrwhite-menu ul li.open a, 
.g-hdrwhite-menu ul li.open a:hover, 
.g-hdrwhite-menu ul li.open a:focus{
    background: none !important;
}
.g-hdrwhite-menu ul.dropdown-menu{
    border: none !important;
    border-radius: 0px !important;
}
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul.dropdown-menu{
    background: rgba(0, 0, 0, 0.8) !important;
}
.g-hdrwhite-menu ul li.dropdown ul li a, 
.g-hdrwhite-menu ul li.dropdown ul li a:hover, 
.g-hdrwhite-menu ul li.dropdown ul li a:focus{
    color: #2E313D !important;
    padding: 6px 12px 6px 20px !important;
}
.g-hdrwhite-menu ul li.dropdown ul li a:hover, 
.g-hdrwhite-menu ul li.dropdown ul li a:focus{
    color: #e53d6e !important;
}
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.dropdown ul li a, 
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.dropdown ul li a:hover, 
.g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul li.dropdown ul li a:focus{
    color: #ffffff !important;
}
.g-hdrwhite-contactbtn, 
.g-hdrwhite-contactbtn:hover, 
.g-hdrwhite-contactbtn:focus{
    display: inline-block !important;
    margin: 41px 26px 20px 20px !important;
    padding: 6px 20px 5px 21px !important;
    background: #e53d6e !important;
    color: #ffffff !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    -webkit-text-stroke-width: 0.2px !important;
    text-stroke-width: 0.2px !important;
}
.g-hdrwhite-contactbtn:hover, 
.g-hdrwhite-contactbtn:focus{
    background: #d22155 !important;
}
.g-hdrwhite-toppadding{
    padding-top: 105px;
}
@media only screen and (max-width: 767px){   
    .g-hdrwhite.g-hdrnobg .g-hdrwhite-menu{
        background: #ffffff !important;
    }
    .g-hdrwhite.g-hdtransparent .g-hdrwhite-menu{
        background: rgba(0, 0, 0, 1) !important;
        border: none !important;
    }
    .g-hdrwhite.g-hdtransparent.l-sticky-header .g-hdrwhite-menu{
        background: rgba(0, 0, 0, 1) !important;
    }
    .g-hdrwhite-logo{
        margin: 20px 0px 20px 9px !important;
    }
    .g-hdrwhite-menu ul li.navbar-li a, 
    .g-hdrwhite-menu ul li.navbar-li a:hover, 
    .g-hdrwhite-menu ul li.navbar-li a:focus, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-menu ul li.navbar-li a, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-menu ul li.navbar-li a:hover, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-menu ul li.navbar-li a:focus{
        padding: 6px 12px 6px 40px !important;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .g-hdrwhite.g-hdtransparent .g-hdrwhite-menu ul.dropdown-menu{
        background: none !important;
    }
    .g-hdrwhite-menu ul li.dropdown ul li a, 
    .g-hdrwhite-menu ul li.dropdown ul li a:hover, 
    .g-hdrwhite-menu ul li.dropdown ul li a:focus, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-menu ul li.dropdown ul li a, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-menu ul li.dropdown ul li a:hover, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-menu ul li.dropdown ul li a:focus{
        padding: 6px 12px 6px 60px !important;
    }
    .g-hdrwhite-contactbtn, 
    .g-hdrwhite-contactbtn:hover, 
    .g-hdrwhite-contactbtn:focus, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-contactbtn, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-contactbtn:hover, 
    .g-hdrwhite.l-sticky-header .g-hdrwhite-contactbtn:focus{
        margin: 10px 12px 10px 20px !important;
    }
    .g-hdrwhite-mob-toggle{
        margin: 30px 20px 0px 0px !important;
        background: #e53d6e !important;
        border-radius: 0px !important;
    }
    .g-hdrwhite-mob-toggle span.icon-bar{
        width: 16px !important;
        height: 1px !important;
        background: #ffffff !important;
    }
    .g-hdrwhite-toppadding{
        padding-top: 92px;
    }
}
@media only screen and (min-width: 768px){ 
    .g-hdrwhite-menu ul.dropdown-menu{
        left: 0px !important;
        -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, .040) !important;
        -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, .040) !important;
        -ms-box-shadow: 0px 10px 15px rgba(0, 0, 0, .040) !important;
        box-shadow: 0px 10px 15px rgba(0, 0, 0, .040) !important;
    }
}
/*---------------------------- End of g white hdr css -------------------------------*/
/* ################################################################################################ */
/*---------------------------- g solutions pg css -------------------------------*/
.g-solpg-sec1{
    width: 100%;
    background: #ffffff;
    clear: both;
}
.g-solpg-sec1-bg{
    background: url("../img/pgsolutions/sec1-bg.png");
    background-repeat: no-repeat;
    background-position: right top; 
}
.g-solpg-sec1-d1{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
.g-solpg-sec1-d1-l{
    width: 100%;
    max-width: 500px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec1-d1-l-title{
    padding: 103px 0px 0px 36px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 46px;
    line-height: 55px;
    font-weight: 700;
    color: #30188b;
}
.g-solpg-sec1-d1-r{
    width: 100%;
    max-width: 490px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec1-d1-r-qt{
    padding: 133px 0px 0px 133px;
}
.g-solpg-sec1-d1-r-qticon{
    width: 42px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec1-d1-r-qticon img{
    width: 42px;
    height: auto;
}
.g-solpg-sec1-d1-r-qttext{
    width: 100%;
    max-width: 300px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px 0px 12px;
}
.g-solpg-sec1-d2-title{
    margin: 120px 20px 64px 20px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 32px;
    line-height: 38px;
    font-weight: 700;
    color: #190F3C;
}
.g-solpg-sec1-d3{
    width: 1190px;
    margin: auto;
}
.g-solpg-sec1-d3 a{
    display: inline-block;
    vertical-align: top;
    margin: 0px -2px 20px 0px;
    width: 195px;
    height: 405px;
}
.g-solpg-sec1-d3-grid{
    display: inline-block;
    vertical-align: top;
    width: 195px;
    height: 405px;
    background: #200e48;
    -webkit-transform: skew(-6deg);
    -moz-transform: skew(-6deg);
    -ms-transform: skew(-6deg);
    transform: skew(-6deg);
} 
.g-solpg-sec1-d3-grid-1{
    background: url("../img/pgsolutions/grid-1.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3-grid-2{
    background: url("../img/pgsolutions/grid-2.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3-grid-3{
    background: url("../img/pgsolutions/grid-3.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3-grid-4{
    background: url("../img/pgsolutions/grid-4.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3-grid-5{
    background: url("../img/pgsolutions/grid-5.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3-grid-6{
    background: url("../img/pgsolutions/grid-6.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3-grid-title-1l, 
.g-solpg-sec1-d3-grid-title-2l{
    margin: 341px 0px 0px 26px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
}
.g-solpg-sec1-d3-grid-title-2l{
    margin: 323px 0px 0px 24px;
}
.g-solpg-sec1-d3-grid-hvr{
    display: none;
    text-align: center;
}
.g-solpg-sec1-d3-grid-hvr-title{
    margin: 180px 0px 40px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    color: #FFFFFF;
    -webkit-transform: skew(6deg);
    -moz-transform: skew(6deg);
    -ms-transform: skew(6deg);
    transform: skew(6deg);
}
.g-solpg-sec1-d3-grid-hvr-desc{
    margin: 0px 20px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #FFFFFF;
    opacity: 0.8;
    -webkit-transform: skew(6deg);
    -moz-transform: skew(6deg);
    -ms-transform: skew(6deg);
    transform: skew(6deg);
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid{
    width: 305px;
    height: 475px;
    border-bottom: 8px solid #0f0e0c;
    margin: -35px 0px 0px -60px;
    position: absolute;
    z-index: 10;
    -webkit-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    -moz-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    -ms-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-1{
    background: url("../img/pgsolutions/grid-1-hvr.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-2{
    background: url("../img/pgsolutions/grid-2-hvr.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-3{
    background: url("../img/pgsolutions/grid-3-hvr.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-4{
    background: url("../img/pgsolutions/grid-4-hvr.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-5{
    background: url("../img/pgsolutions/grid-5-hvr.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-6{
    background: url("../img/pgsolutions/grid-6-hvr.png");
    background-size: cover;
    background-position: bottom; 
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-title-1l, 
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-title-2l{
    display: none;
}
.g-solpg-sec1-d3 a:hover .g-solpg-sec1-d3-grid-hvr{
    display: block;
} 
@media only screen and (max-width: 920px){
    .g-solpg-sec1-bg{
        background-position: left top;
    }
    .g-solpg-sec1-d1-l, 
    .g-solpg-sec1-d1-r{
        max-width: 100%;
        display: block;
    }
    .g-solpg-sec1-d1-l-title{
        padding: 50px 30px 0px 30px;
        font-size: 42px;
        line-height: 51px;
    }
    .g-solpg-sec1-d1-r-qt{
        padding: 50px 30px 0px 30px;
    }
    .g-solpg-sec1-d1-r-qttext{
        max-width: 280px;
        font-size: 25px;
        line-height: 35px;
    }
    .g-solpg-sec1-d2-title{
        margin: 64px 20px 64px 20px;
    }
}
@media only screen and (min-width: 921px) and (max-width: 1060px){
    .g-solpg-sec1-d1{
        max-width: 900px;
    }
    .g-solpg-sec1-d1-r{
        max-width: 390px;
    }
    .g-solpg-sec1-d1-r-qt{
        padding: 133px 0px 0px 10px;
    }
}
@media only screen and (max-width: 600px){
    .g-solpg-sec1-d3{
        width: 200px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 900px){
    .g-solpg-sec1-d3{
        width: 400px;
    }
}
@media only screen and (min-width: 901px) and (max-width: 1330px){
    .g-solpg-sec1-d3{
        width: 600px;
    }
}

.g-solpg-sec2{
    background: #ffffff;
    clear: both;
    text-align: center;
}
.g-solpg-sec2-title{
    padding: 40px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    color: #4500D3;
}
.g-solpg-sec2-text{
    padding: 13px 20px 85px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #292949;
}

.g-solpg-sec3{
    background: #f4f5f7;
    clear: both;
    padding-bottom: 83px;
}
.g-solpg-sec3-d1-title{
    padding: 58px 20px 0px 20px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 7px;
    color: #292949;
    opacity: 0.6;
}
.g-solpg-sec3-d2{
    width: 100%;
    max-width: 810px;
    margin: auto;
}
.g-solpg-sec3-d2-slider{
    margin: 40px 0px 0px 0px;
}
.g-solpg-sec3-d2-slider ol.carousel-indicators{
    width: 100px !important;
    height: 20px !important;
    top: 41px !important;
    left: 500px !important;
    position: absolute !important;
}
.g-solpg-sec3-d2-slider ol.carousel-indicators li, 
.g-solpg-sec3-d2-slider ol.carousel-indicators li.active{
    margin: 1px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 8px !important;
    background: #bdb6dc !important;
    border: none !important;
}
.g-solpg-sec3-d2-slider ol.carousel-indicators li.active{
    background: #2c1389 !important;
}
.g-solpg-sec3-d2-slider a.carousel-control.left{
    background: url(../img/pgsolutions/slider-arrow-left.png) !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    margin-left: -131px !important;
}
.g-solpg-sec3-d2-slider a.carousel-control.right{
    background: url(../img/pgsolutions/slider-arrow-right.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    margin-right: -131px !important;
}
.g-solpg-sec3-d2-slider a.carousel-control span{
    display: none !important;
}
.g-solpg-sec3-d2-slider-wrap{
    width: 100%;
    min-height: 450px;
    background: #ffffff;
    -webkit-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    -moz-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    -ms-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
}
.g-solpg-sec3-d2-slider-item-l{
    width: 250px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec3-d2-slider-item-l img{
    margin: 40px 0px 0px 67px;
    width: 175px;
    height: auto;
}
.g-solpg-sec3-d2-slider-item-r{
    width: 550px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec3-d2-slider-item-r-title{
    padding: 71px 20px 0px 27px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 26px;
    line-height: 31px;
    font-weight: 700;
    color: #292949;
}   
.g-solpg-sec3-d2-slider-item-r-text{
    width: 100%;
    max-width: 510px;
    padding: 15px 20px 0px 26px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #292949;
}
.g-solpg-sec3-d2-slider-item-r-btn{
    margin: 31px 0px 43px 27px;
}
.g-solpg-sec3-d2-slider-item-r-btn a{
    display: inline-block;
    width: 100%;
    max-width: 192px;
    padding: 12px 0px 12px 0px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #E53D6E;
    text-decoration: none;
    border: 2px solid #E53D6E;
}
.g-solpg-sec3-d2-slider-item-r-btn a::after{
    width: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/pgsolutions/redbtn-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    content: 'icon';
    font-size: 0px;
}
.g-solpg-sec3-d2-slider-item-r-btn a:hover, 
.g-solpg-sec3-d2-slider-item-r-btn a:focus{
    background: #E53D6E;
    color: #ffffff;
}
.g-solpg-sec3-d2-slider-item-r-btn a:hover::after, 
.g-solpg-sec3-d2-slider-item-r-btn a:focus::after{
    background: url("../img/pgsolutions/redbtn-arrow-hvr.svg");
    background-repeat: no-repeat;
    background-position: right;
}
@media only screen and (max-width: 900px){
    .g-solpg-sec3-d2-slider ol.carousel-indicators{
        top: 230px !important;
        left: 30% !important;
    }
    .g-solpg-sec3-d2-slider a.carousel-control.left, 
    .g-solpg-sec3-d2-slider a.carousel-control.right{
        display: none !important;
    }
    .g-solpg-sec3-d2-slider{
        margin: 40px 20px 0px 20px;
    }
    .g-solpg-sec3-d2-slider-item-l, 
    .g-solpg-sec3-d2-slider-item-r{
        width: 100%;
        display: block;
    }
    .g-solpg-sec3-d2-slider-item-l img{
        margin: 40px 0px 0px 25px;
    }
    .g-solpg-sec3-d2-slider-item-r-title{
        padding: 40px 20px 0px 27px;
    }
    .g-solpg-sec3-d2-slider-item-r-text{
        max-width: 100%;
    }
}
@media only screen and (min-width: 901px) and (max-width: 1100px){
    .g-solpg-sec3-d2-slider a.carousel-control.left{
        margin-left: 5px !important;
    }
    .g-solpg-sec3-d2-slider a.carousel-control.right{
        margin-right: 5px !important;
    }
}

.g-solpg-sec4{
    background: #ffffff;
    clear: both;
}
.g-solpg-sec4-box{
    width: 100%;
    max-width: 1100px;
    margin: auto;
}
.g-solpg-sec4-col1{
    width: 100%;
    max-width: 550px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec4-col1-box{
    width: 100%;
}
.g-solpg-sec4-col1-l{
    width: 165px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec4-col1-l-img{
    margin: 120px 0px 0px 52px;
}
.g-solpg-sec4-col1-l-img img{
    width: 103px;
    height: auto;
}
.g-solpg-sec4-col1-r{
    width: 100%;
    max-width: 380px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec4-col1-r-title{
    padding: 97px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 28px;
    line-height: 31px;
    font-weight: 700;
    color: #292949;
}
.g-solpg-sec4-col1-r-text{
    padding: 15px 20px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #292949;
}
.g-solpg-sec4-col2{
    width: 100%;
    max-width: 540px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec4-col2-box{
    width: 100%;
}
.g-solpg-sec4-col2-l{
    width: 165px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec4-col2-l-img{
    margin: 124px 0px 0px 67px;
}
.g-solpg-sec4-col2-l-img img{
    width: 103px;
    height: auto;
}
.g-solpg-sec4-col2-r{
    width: 100%;
    max-width: 370px;
    display: inline-block;
    vertical-align: top;
}
.g-solpg-sec4-col2-r-title{
    padding: 97px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 28px;
    line-height: 31px;
    font-weight: 700;
    color: #292949;
}
.g-solpg-sec4-col2-r-text{
    padding: 15px 20px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #292949;
}
@media only screen and (max-width: 600px){
    .g-solpg-sec4-box{
        max-width: 100%;
    }
    .g-solpg-sec4-col1-l, .g-solpg-sec4-col1-r, 
    .g-solpg-sec4-col2-l, .g-solpg-sec4-col2-r{
        width: 100%;
        display: block;
    }
    .g-solpg-sec4-col1-l-img, 
    .g-solpg-sec4-col2-l-img{
        margin: 50px 0px 0px 52px;
    }
    .g-solpg-sec4-col1-r-title, 
    .g-solpg-sec4-col2-r-title{
        padding: 20px 20px 0px 20px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 1110px){
    .g-solpg-sec4-box{
        max-width: 550px;
    }
}

.g-solpg-sec5{
    background: #ffffff;
    clear: both;
}
.g-solpg-sec5-qt{
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 126px 0px 110px 0px;
}
.g-solpg-sec5-qticon{
    width: 42px;
    display: inline-block;
    vertical-align: top;
    margin-left: 13px;
}
.g-solpg-sec5-qticon img{
    width: 42px;
    height: auto;
}
.g-solpg-sec5-qttext{
    width: 100%;
    max-width: 530px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px 0px 12px;
}
@media only screen and (max-width: 600px){
    .g-solpg-sec5-qt{
        max-width: 380px;
        padding: 110px 0px 110px 0px;
    }
    .g-solpg-sec5-qttext{
        max-width: 300px;
        padding: 10px 10px 0px 12px;
    } 
}

.g-solpg-sec6{
    background: #ffffff;
    clear: both;
}
.g-solpg-sec6-col1{
    width: 45%;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 96px;
    background: #ffffff;
}
.g-solpg-sec6-col1-box{
    width: 100%;
    max-width: 432px;
    display: inline-block;
    vertical-align: top;
    float: right;
}
.g-solpg-sec6-col1-title{
    padding: 38px 20px 0px 16px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    color: #29108c;
}
.g-solpg-sec6-col1-text{
    width: 100%;
    max-width: 400px;
    padding: 18px 20px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 25px;
    color: #292949;
}
.g-solpg-sec6-col2{
    width: 54%;
    display: inline-block;
    vertical-align: top;
    float: right;
    background-image: url(../img/pgsolutions/sec6-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right top;
    padding-bottom: 96px;
    background-color: #ffffff;
}
.g-solpg-sec6-col2-box{
    width: 100%;
    max-width: 540px;
    display: inline-block;
    vertical-align: top;
    padding-left: 118px;
}
.g-solpg-sec6-col2-title{
    padding: 98px 20px 0px 38px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 26px;
    line-height: 26px;
    color: #ffffff;
    background: url(../img/pgsolutions/opex-white-icon.svg);
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-text-stroke-width: 0.3px;
    text-stroke-width: 0.3px;
}
.g-solpg-sec6-col2-text{
    padding: 9px 20px 0px 38px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    color: #ffffff;
    opacity: 0.8;
}
.g-solpg-sec6-col2-title2{
    padding: 80px 20px 0px 38px;
}
@media only screen and (max-width: 800px){
    .g-solpg-sec6-col1, 
    .g-solpg-sec6-col2{
        width: 100%;
        display: block;
        padding-bottom: 96px;
    }
    .g-solpg-sec6-col1-box, 
    .g-solpg-sec6-col2-box{
        max-width: 100%;
        float: none;
    }
    .g-solpg-sec6-col2-box{
        padding-left: 20%;
    }
    .g-solpg-sec6-col1-title{
        padding: 8px 20px 0px 16px;
    }
    .g-solpg-sec6-col1-text{
        max-width: 100%;
    }
}
@media only screen and (min-width: 2000px){
    .g-solpg-sec6-col2-box{
        padding-left: 200px;
    }
}
@media only screen and (min-width: 4000px){
    .g-solpg-sec6-col2-box{
        padding-left: 250px;
    }
}

.g-solpg-sec7{
    background: #ffffff;
    clear: both;
    text-align: center;
}
.g-solpg-sec7-title{
    padding: 95px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 28px;
    line-height: 32px;
    font-weight: 700;
    color: #292949;
}
.g-solpg-sec7-logo-box{
    width: 100%;
    max-width: 800px;
    margin: 0px auto 0px auto;
}
.g-solpg-sec7-logo{
    width: 162px;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0px 0px 0px;
}
.g-solpg-sec7-logo img{
    width: 162px;
    height: auto;
}
.g-solpg-sec7-logo a, 
.g-solpg-sec7-logo a:hover, 
.g-solpg-sec7-logo a:focus{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 21px;
    color: #7341e0;
    text-decoration: none;
    border-bottom: 1px solid #7341e0;
    -webkit-text-stroke-width: 0.2px;
    text-stroke-width: 0.2px;
}

.g-solpg-sec8{
    background: #ffffff;
    clear: both;
    text-align: center;
}
.g-solpg-sec8-title{
    padding: 87px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 35px;
    line-height: 40px;
    font-weight: 700;
    color: #292949;
}
.g-solpg-sec8-text{
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding: 21px 20px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #292949;
}
.g-solpg-sec8-btn{
    padding: 39px 20px 93px 20px;
}
.g-solpg-sec8-btn a{
    display: inline-block;
    width: 100%;
    max-width: 372px;
    padding: 12px 20px 12px 20px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #E53D6E;
    text-decoration: none;
    border: 2px solid #E53D6E;
}
.g-solpg-sec8-btn a::after{
    width: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/pgsolutions/redbtn-arrow.svg);
    background-repeat: no-repeat;
    background-position: right;
    content: 'icon';
    font-size: 0px;
}
.g-solpg-sec8-btn a:hover, 
.g-solpg-sec8-btn a:focus{
    background: #E53D6E;
    color: #ffffff;
}
.g-solpg-sec8-btn a:hover::after, 
.g-solpg-sec8-btn a:focus::after{
    background: url("../img/pgsolutions/redbtn-arrow-hvr.svg");
    background-repeat: no-repeat;
    background-position: right;
}
/*---------------------------- End of g solutions pg css -------------------------------*/
/* ################################################################################################ */
/*---------------------------- g contact pg css -------------------------------*/
.g-contact-sec1{
    background: #ffffff;
    clear: both;
    font-family: 'Roboto Condensed', sans-serif;
    padding-bottom: 120px;
}
.g-contact-sec1-box{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.g-contact-sec1-col1{
    width: 100%;
    max-width: 600px;
    display: inline-block;
    vertical-align: top;
}
.g-contact-sec1-col1-title{
    padding: 92px 20px 0px 111px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 50px;
    line-height: 52px;
    font-weight: 700;
    color: #190F3C;
}
.g-contact-sec1-col1-text{
    width: 100%;
    max-width: 480px;
    padding: 17px 20px 0px 108px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 31px;
    color: #292949;
}
.g-contact-sec1-col1-form{
    padding: 76px 0px 0px 108px;
    width: 534px;
}
.g-contact-sec1-col1-form input::placeholder, 
.g-contact-sec1-col1-form textarea::placeholder{ 
    color: #a8a7b5 !important;
}
.g-contact-sec1-col1-form input[type="text"], 
.g-contact-sec1-col1-form input[type="email"]{
    width: 100% !important;
    display: block !important;
    margin: 0px 0px 33px 0px !important;
    padding: 8px 0px 8px 0px !important;
    font-size: 28px !important;
    line-height: 34px !important;
    color: #292949 !important;
    background: none !important;
    outline: none !important;
    border: none !important;
    border-bottom: 2px solid #cac9d1 !important;
}
.g-contact-sec1-col1-form textarea{
    width: 100% !important;
    display: block !important;
    margin: 0px 0px 33px 0px !important;
    padding: 8px 0px 2px 0px !important;
    font-size: 28px !important;
    line-height: 34px !important;
    color: #292949 !important;
    background: none !important;
    outline: none !important;
    border: none !important;
    border-bottom: 2px solid #cac9d1 !important;
}
.g-contact-sec1-col1-form input[type="submit"], 
.g-contact-sec1-col1-form input[type="submit"]:hover, 
.g-contact-sec1-col1-form input[type="submit"]:focus{
    display: inline-block !important;
    width: 100% !important;
    max-width: 214px !important;
    margin: 21px 0px 0px 0px !important;
    padding: 15px 0px 15px 0px !important;
    text-align: center !important;
    font-family: 'Pragati Narrow', sans-serif !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: #ffffff !important;
    background: #E53D6E !important;
    outline: none !important;
    border: none !important;
}
.g-contact-sec1-col1-form input[type="submit"]:hover, 
.g-contact-sec1-col1-form input[type="submit"]:focus{
    background: #d22155 !important;
}
.g-contact-sec1-col1-email-title{
    padding: 113px 20px 0px 114px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 31px;
    color: #292949;
}
.g-contact-sec1-col1-email-id a, 
.g-contact-sec1-col1-email-id a:hover, 
.g-contact-sec1-col1-email-id a:focus{
    display: block;
    padding: 0px 20px 0px 114px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 31px;
    color: #1010E4;
}
.g-contact-sec1-col2{
    width: 100%;
    max-width: 430px;
    display: inline-block;
    vertical-align: top;
    margin: 112px 0px 0px 157px;
    border-left: 2px solid #9d9cac;
}
.g-contact-sec1-col2-title{
    padding: 0px 0px 10px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 35px;
    line-height: 22px;
    color: #292949;
    opacity: 0.8;
}
.g-contact-sec1-col2-off{
    width: 100%;
}
.g-contact-sec1-col2-off-box{
    width: 100%;
    max-width: 430px;
    padding: 20px 20px 20px 20px;
    background: #ffffff;
}
.g-contact-sec1-col2-off-addrcol{
    width: 100%;
    max-width: 260px;
    display: inline-block;
    vertical-align: top;
}
.g-contact-sec1-col2-off-addrcol-title{
    padding: 0px 0px 0px 3px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    color: #292949;
    opacity: 0.8;
}
.g-contact-sec1-col2-off-addrcol-addr{
    padding: 0px 10px 0px 3px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #292949;
    opacity: 0.8;
    -webkit-text-stroke-width: 0.4px;
    text-stroke-width: 0.4px;
}
.g-contact-sec1-col2-off-mapcol{
    width: 100%;
    max-width: 100px;
    display: inline-block;
    vertical-align: top;
    display: none;
    margin: 18px 0px 0px 0px;
}
.g-contact-sec1-col2-off-mapcol-mapbtn a{
    display: inline-block;
    width: 100px;
    padding: 6px 0px 3px 0px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #E53D6E;
    border: 3px solid #E53D6E;
    text-decoration: none;
    -webkit-text-stroke-width: 0.4px;
    text-stroke-width: 0.4px;
}
.g-contact-sec1-col2-off-mapcol-mapbtn a::after{
    width: 20px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/pgcontact/mapbtn-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    content: 'icon';
    font-size: 0px;
}
.g-contact-sec1-col2-off-mapcol-mapbtn a:hover, 
.g-contact-sec1-col2-off-mapcol-mapbtn a:focus{
    background: #E53D6E;
    color: #ffffff;
}
.g-contact-sec1-col2-off-mapcol-mapbtn a:hover::after, 
.g-contact-sec1-col2-off-mapcol-mapbtn a:focus::after{
    background: url(../img/pgcontact/mapbtn-arrow-hvr.png);
    background-repeat: no-repeat;
    background-position: right;
}
.g-contact-sec1-col2-off-box:hover{
    margin-left: -20px;
    padding-left: 40px;
    position: relative;
    z-index: 10;
    -webkit-box-shadow: 0 23px 80px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 23px 80px 0 rgba(0,0,0,0.12);
    -ms-box-shadow: 0 23px 80px 0 rgba(0,0,0,0.12);
    box-shadow: 0 23px 80px 0 rgba(0,0,0,0.12);
}
.g-contact-sec1-col2-off-box:hover .g-contact-sec1-col2-off-mapcol{
    display: inline-block;
}
@media only screen and (max-width: 600px){
    .g-contact-sec1-col2{
        max-width: 90%;
        display: block;
        margin: 100px 0px 0px 20px;
    }
    .g-contact-sec1-col2-off-box{
        max-width: 390px;
    }
    .g-contact-sec1-col2-off-addrcol{
        max-width: 100%;
        display: block;
    }
    .g-contact-sec1-col2-off-mapcol{
        max-width: 100%;
        display: block;
        display: none;
    }
    .g-contact-sec1-col2-off-box:hover .g-contact-sec1-col2-off-mapcol{
        display: block;
    }
}
@media only screen and (min-width: 601px) and (max-width: 1260px){
    .g-contact-sec1-col2{
        max-width: 600px;
        display: block;
        margin: 100px 0px 0px 20px;
    }
    .g-contact-sec1-col2-off-box{
        max-width: 100%;
    }
    .g-contact-sec1-col2-off-addrcol{
        max-width: 300px;
    }
    .g-contact-sec1-col2-off-mapcol{
        max-width: 120px;
    }
}
@media only screen and (max-width: 1260px){
    .g-contact-sec1-box{
        max-width: 500px;
    }
    .g-contact-sec1-col1{
        max-width: 100%;
        display: block;
    }
    .g-contact-sec1-col1-title{
        padding: 50px 20px 0px 20px;
    }
    .g-contact-sec1-col1-text{
        max-width: 100%;
        padding: 17px 20px 0px 20px;
    }
    .g-contact-sec1-col1-form{
        padding: 50px 20px 0px 20px;
        width: 100%;
    }
    .g-contact-sec1-col1-email-title{
        padding: 50px 20px 0px 20px;
    }
    .g-contact-sec1-col1-email-id a, 
    .g-contact-sec1-col1-email-id a:hover, 
    .g-contact-sec1-col1-email-id a:focus{
        padding: 0px 20px 0px 20px;
    }    
    .g-contact-sec1-col2-title{
        padding: 0px 20px 10px 20px;
    }
}
/*---------------------------- End of g contact pg css -------------------------------*/
/* ################################################################################################ */
/*---------------------------- g academy pg css -------------------------------*/
.g-academypg-sec1{
    clear: both;
    padding-bottom: 190px;
    background-image: url("../img/pgacademy/sec1-bg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center top;
}
.g-academypg-sec1-box{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
.g-academypg-sec1-col1{
    width: 100%;
    max-width: 500px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec1-col1-title{
    padding: 167px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 50px;
    line-height: 52px;
    font-weight: 700;
    color: #FFFFFF;
}
.g-academypg-sec1-col2{
    width: 100%;    
    max-width: 490px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec1-col2-img{
    padding: 68px 0px 0px 65px;
}
.g-academypg-sec1-col2-img img{
    width: 100%;
    max-width: 235px;
    height: auto;
}
.g-academypg-sec1-col2-text{
    padding: 30px 10px 0px 67px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #eeeaf3;
}
.g-academypg-sec1-col2-btn{
    margin: 56px 0px 0px 67px;
}
.g-academypg-sec1-col2-btn a{
    display: inline-block;
    width: 100%;
    max-width: 300px;
    padding: 14px 0px 14px 0px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
    background: #e53d6e;
    text-decoration: none;
}
.g-academypg-sec1-col2-btn a::after{
    width: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/pgacademy/redbtn-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: right;
    content: 'icon';
    font-size: 0px;
}
.g-academypg-sec1-col2-btn a:hover, 
.g-academypg-sec1-col2-btn a:focus{
    background: #d22155;
}
@media only screen and (max-width: 1020px){
    .g-academypg-sec1{
        background-size: 100% auto;
        background-color: #29016d;
        padding-bottom: 75px;
        background-position: center 50px;
    }
    .g-academypg-sec1-box{
        max-width: 500px;
    }
    .g-academypg-sec1-col1, 
    .g-academypg-sec1-col2{
        max-width: 100%;
        display: block;
    }
    .g-academypg-sec1-col1-title{
        padding: 75px 20px 0px 20px;
    }
    .g-academypg-sec1-col2-img{
        padding: 50px 20px 0px 20px;
    }
    .g-academypg-sec1-col2-text{
        padding: 30px 20px 0px 20px;
    }
    .g-academypg-sec1-col2-btn{
        margin: 30px 20px 0px 20px;
    }
}
.g-academypg-sec2{
    clear: both;
    background-image: url("../img/pgacademy/sec2-bg.png");
    background-size: 100% 100%;
    background-position: center top;
    padding-bottom: 90px;
    margin-top: -106px;
}
.g-academypg-sec2-box{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.g-academypg-sec2-d1{
    width: 100%;
    max-width: 640px;
    padding: 27px 20px 0px 110px;
}
.g-academypg-sec2-d1-title{
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 36px;
    line-height: 42px;
    font-weight: 700;
    color: #292949;
}
.g-academypg-sec2-d1-text{
    padding: 16px 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #292949;
    opacity: 0.8;
}
.g-academypg-sec2-d1-btn a, 
.g-academypg-sec2-d1-btn a:hover, 
.g-academypg-sec2-d1-btn a:focus{
    display: inline-block;
    width: 100%;
    max-width: 275px;
    margin: 31px 0px 0px 0px;
    padding: 14px 0px 14px 0px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
    background: #e53d6e;
    text-decoration: none;
}
.g-academypg-sec2-d1-btn a::after{
    width: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/pgacademy/redbtn-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: right;
    content: 'icon';
    font-size: 0px;
}
.g-academypg-sec2-d1-btn a:hover, 
.g-academypg-sec2-d1-btn a:focus{
    background: #d22155;
}
.g-academypg-sec2-d2{
    width: 100%;
    max-width: 500px;
    margin: -60px 0px 0px auto;
}
.g-academypg-sec2-d2-slider ol.carousel-indicators{
    width: 100px !important;
    height: 20px !important;
    bottom: -46px !important;
    left: 409px !important;
    position: absolute !important;
}
.g-academypg-sec2-d2-slider ol.carousel-indicators li, 
.g-academypg-sec2-d2-slider ol.carousel-indicators li.active{
    margin: 1px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 8px !important;
    background: #bdb6dc !important;
    border: none !important;
}
.g-academypg-sec2-d2-slider ol.carousel-indicators li.active{
    background: #292a49 !important;
}
.g-academypg-sec2-d2-slider a.carousel-control.left{
    background: url(../img/pgacademy/arrow-left-small.png) !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    width: 60px !important;
    height: 60px !important;
    margin-left: 134px !important;
    top: 80% !important;
    position: absolute !important;
    opacity: 0.8 !important;
}
.g-academypg-sec2-d2-slider a.carousel-control.right{
    background: url(../img/pgacademy/arrow-right-small.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    width: 60px !important;
    height: 60px !important;
    margin-right: 43px !important;
    top: 80% !important;
    position: absolute !important;
    opacity: 0.8 !important;
}
.g-academypg-sec2-d2-slider a.carousel-control span{
    display: none !important;
}
.g-academypg-sec2-d2-slider-qt{
    width: 100%;
    max-width: 380px;
    text-align: right;
}
.g-academypg-sec2-d2-slider-qt img{
    width: 42px;
    height: auto;
}
.g-academypg-sec2-d2-slider-text{
    width: 100%;
    max-width: 390px;
    padding: 20px 0px 0px 10px;
    text-align: right;
}
.g-academypg-sec2-d2-slider-author{
    width: 240px;
    margin: 26px 0px 0px 195px;
}
.g-academypg-sec2-d2-slider-author-col1{
    width: 70px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec2-d2-slider-author-col1-img img{
    width: 68px;
    height: auto;
}
.g-academypg-sec2-d2-slider-author-col2{
    width: 130px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec2-d2-slider-author-col2-name{
    padding: 2px 0px 0px 11px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #292949;
    -webkit-text-stroke-width: 0.5px;
    text-stroke-width: 0.5px;
}
.g-academypg-sec2-d2-slider-author-col2-pos{
    padding: 3px 0px 0px 10px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #292949;
    opacity: 0.8;
    -webkit-text-stroke-width: 0.4px;
    text-stroke-width: 0.4px;
}
@media only screen and (max-width: 460px){
    .g-academypg-sec2-d2-slider a.carousel-control.left, 
    .g-academypg-sec2-d2-slider a.carousel-control.right{
        display: none;
    }
    .g-academypg-sec2-d2-slider-author{
        margin: 26px auto 0px auto;
    }
}
@media only screen and (min-width: 461px) and (max-width: 1020px){
    .g-academypg-sec2-d2-slider a.carousel-control.left{
        margin-left: 30px !important;
    }
    .g-academypg-sec2-d2-slider a.carousel-control.right{
        margin-right: 15% !important;
    }
    .g-academypg-sec2-d2-slider-author{
        margin: 26px 0px 0px 100px;
    }
}
@media only screen and (max-width: 1020px){
    .g-academypg-sec2-d2-slider ol.carousel-indicators{
        left: 80% !important;
    }
    .g-academypg-sec2{
        margin-top: 50px;
    }
    .g-academypg-sec2-d1{
        max-width: 500px;
        margin: auto;
        padding: 0px 20px 0px 20px;
    }
    .g-academypg-sec2-d2{
        margin: 50px auto 0px auto;
    }
    .g-academypg-sec2-d2-slider{
        padding: 0px 20px 0px 20px;
    }
}
@media only screen and (min-width: 2600px){
    .g-academypg-sec2-d2{
        padding-top: 100px;
    }
}

.g-academypg-sec2-d3{
    width: 100%;
    max-width: 800px;
    margin: 90px auto 0px auto;
}
.g-academypg-sec2-d3-slider ol.carousel-indicators{
    width: 100px !important;
    height: 20px !important;
    top: 31px !important;
    left: 281px !important;
    position: absolute !important;
}
.g-academypg-sec2-d3-slider ol.carousel-indicators li, 
.g-academypg-sec2-d3-slider ol.carousel-indicators li.active{
    margin: 1px !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 8px !important;
    background: #bdb6dc !important;
    border: none !important;
}
.g-academypg-sec2-d3-slider ol.carousel-indicators li.active{
    background: #2c1389 !important;
}
.g-academypg-sec2-d3-slider a.carousel-control.left{
    background: url(../img/pgacademy/arrow-left.png) !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
    margin-left: -131px !important;
}
.g-academypg-sec2-d3-slider a.carousel-control.right{
    background: url(../img/pgacademy/arrow-right.png) !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    margin-right: -131px !important;
}
.g-academypg-sec2-d3-slider a.carousel-control span{
    display: none !important;
}
.g-academypg-sec2-d3-slider-wrap{
    width: 100%;
    min-height: 510px;
    background: #ffffff;
    -webkit-box-shadow: 0 52px 125px 0 rgba(0,0,0,0.22);
    -moz-box-shadow: 0 52px 125px 0 rgba(0,0,0,0.22);
    -ms-box-shadow: 0 52px 125px 0 rgba(0,0,0,0.22);
    box-shadow: 0 52px 125px 0 rgba(0,0,0,0.22);
}
.g-academypg-sec2-d3-slider-item-sec1{
    padding: 58px 20px 0px 64px;
}
.g-academypg-sec2-d3-slider-item-sec1 a, 
.g-academypg-sec2-d3-slider-item-sec1 a:hover, 
.g-academypg-sec2-d3-slider-item-sec1 a:focus{
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px 0px 0px;
    padding: 6px 10px 4px 10px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #150e3a;
    border: 2px solid #14016d;
    text-decoration: none;
}
.g-academypg-sec2-d3-slider-item-sec1 a:hover, 
.g-academypg-sec2-d3-slider-item-sec1 a:focus{
    color: #ffffff;
    background: #150062;
}
.g-academypg-sec2-d3-slider-item-sec1 span{
    display: inline-block;
    vertical-align: top;
    padding: 7px 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 20px;
    color: #292949;
    -webkit-text-stroke-width: 0.4px;
    text-stroke-width: 0.4px;
}
.g-academypg-sec2-d3-slider-item-sec2{
    padding: 42px 0px 0px 0px;
}
.g-academypg-sec2-d3-slider-item-sec2-l{
    width: 250px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec2-d3-slider-item-sec2-l img{
    margin: 8px 0px 0px 63px;
    width: 175px;
    height: auto;
}
.g-academypg-sec2-d3-slider-item-sec2-r{
    width: 460px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec2-d3-slider-item-sec2-r-title{
    padding: 0px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 26px;
    line-height: 31px;
    font-weight: 700;
    color: #292949;
}
.g-academypg-sec2-d3-slider-item-sec2-r-text{
    width: 100%;
    max-width: 510px;
    padding: 15px 20px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 23px;
    color: #292949;
}
.g-academypg-sec2-d3-slider-item-sec3{
    padding: 40px 0px 50px 0px;
}
.g-academypg-sec2-d3-slider-item-sec3-col1{
    width: 100%;
    max-width: 270px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec2-d3-slider-item-sec3-col1-colimg{
    width: 135px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
}
.g-academypg-sec2-d3-slider-item-sec3-col1-colimg img{
    width: 50px;
    height: auto;
    margin-right: 5px;
}   
.g-academypg-sec2-d3-slider-item-sec3-col1-coldet{
    width: 130px;
    display: inline-block;
    vertical-align: top;
}
.g-academypg-sec2-d3-slider-item-sec3-col1-coldet-name{
    padding: 3px 0px 0px 0px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 19px;
    line-height: 20px;
    color: #292949;
    font-weight: 700;
    opacity: 0.9;
}
.g-academypg-sec2-d3-slider-item-sec3-col1-coldet-pos{
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #292949;
    font-weight: 300;
    opacity: 0.9;
}
.g-academypg-sec2-d3-slider-item-sec3-col2{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    vertical-align: bottom;
}
.g-academypg-sec2-d3-slider-item-sec3-col2-date{
    padding: 8px 0px 0px 0px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 19px;
    line-height: 20px;
    color: #292949;
    font-weight: 700;
    opacity: 0.9;
}
.g-academypg-sec2-d3-slider-item-sec3-col2-time{
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 19px;
    line-height: 24px;
    color: #292949;
    font-weight: 300;
    opacity: 0.9;
}
.g-academypg-sec2-d3-slider-item-sec3-col3{
    width: 100%;
    max-width: 260px;
    display: inline-block;
    vertical-align: bottom;
}   
.g-academypg-sec2-d3-slider-item-sec3-col3-btn a, 
.g-academypg-sec2-d3-slider-item-sec3-col3-btn a:hover, 
.g-academypg-sec2-d3-slider-item-sec3-col3-btn a:focus{
    display: inline-block;
    width: 100%;
    padding: 14px 0px 14px 0px;
    text-align: center;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #ffffff;
    background: #e53d6e;
    text-decoration: none;
}
.g-academypg-sec2-d3-slider-item-sec3-col3-btn a::after{
    width: 30px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    background: url(../img/pgacademy/redbtn-arrow-white.svg);
    background-repeat: no-repeat;
    background-position: right;
    content: 'icon';
    font-size: 0px;
}
.g-academypg-sec2-d3-slider-item-sec3-col3-btn a:hover, 
.g-academypg-sec2-d3-slider-item-sec3-col3-btn a:focus{
    background: #d22155;
}
@media only screen and (max-width: 900px){
    .g-academypg-sec2-d3-slider ol.carousel-indicators{
        top: 20px !important;
        left: 30% !important;
    }
    .g-academypg-sec2-d3-slider a.carousel-control.left, 
    .g-academypg-sec2-d3-slider a.carousel-control.right{
        display: none !important;
    }
    .g-academypg-sec2-d3-slider{
        margin: 40px 20px 0px 20px;
    }
    .g-academypg-sec2-d3-slider-item-sec1{
        padding: 50px 20px 0px 27px;
    }
    .g-academypg-sec2-d3-slider-item-sec2{
        padding: 0px 0px 0px 0px;
    }
    .g-academypg-sec2-d3-slider-item-sec2-l, 
    .g-academypg-sec2-d3-slider-item-sec2-r{
        width: 100%;
        display: block;
    }
    .g-academypg-sec2-d3-slider-item-sec2-l img{
        margin: 40px 0px 0px 25px;
    }
    .g-academypg-sec2-d3-slider-item-sec2-r-title{
        padding: 40px 20px 0px 27px;
    }
    .g-academypg-sec2-d3-slider-item-sec2-r-text{
        max-width: 100%;
        padding: 10px 20px 0px 27px;
    }
    .g-academypg-sec2-d3-slider-item-sec3{
        padding: 30px 20px 50px 20px;
    }
    .g-academypg-sec2-d3-slider-item-sec3-col1{
        max-width: 100%;
        display: block;
    }  
    .g-academypg-sec2-d3-slider-item-sec3-col1-colimg{
        width: 65px;
        text-align: left;
    } 
    .g-academypg-sec2-d3-slider-item-sec3-col2{
        max-width: 100%;
        display: block;
        margin: 10px 0px 20px 0px;
    }  
    .g-academypg-sec2-d3-slider-item-sec3-col3{
        display: block;
    }   
}
@media only screen and (min-width: 901px) and (max-width: 1100px){
    .g-academypg-sec2-d3-slider a.carousel-control.left{
        margin-left: 5px !important;
    }
    .g-academypg-sec2-d3-slider a.carousel-control.right{
        margin-right: 5px !important;
    }
}
/*---------------------------- End of g academy pg css -------------------------------*/
/* ################################################################################################ */
/*---------------------------- g team pg css -------------------------------*/
.g-team-sec1{
    clear: both;
    background-image: url("../img/pgteam/sec1-bg.png");
    background-color: #ffffff;
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
}
.g-team-sec1-box{
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding: 17% 0px 7% 0px;
}
.g-team-sec1-col1{
    width: 100%;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
}
.g-team-sec1-col1-maplabel{
    display: inline-block;
    margin: 128px 0px 0px 40px;
    padding: 10px 30px 10px 30px;
    background: #d0b7df;
    border-radius: 50px;
}
.g-team-sec1-col1-maplabel-name{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17px;
    line-height: 24px;
    color: #FFFFFF;
}
.g-team-sec1-col2{
    width: 100%;
    max-width: 500px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.g-team-sec1-col2-title{
    padding: 0px 20px 0px 20px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 51px;
    line-height: 53px;
    font-weight: 700;
    color: #1C2332;
}
.g-team-sec1-col2-text{
    padding: 13px 20px 0px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 32px;
    color: #1C2332;
}
@media only screen and (max-width: 1300px){
    .g-team-sec1{
        background-size: 100% auto;
    }
    .g-team-sec1-box{
        max-width: 100%;
    }
    .g-team-sec1-col1, 
    .g-team-sec1-col2{
        display: block;
    }
    .g-team-sec1-col1-maplabel{
        margin: 0px 0px 20px 40px;
        padding: 5px 20px 3px 30px;
    }
    .g-team-sec1-col1-maplabel-name{
        font-size: 14px;
    }
    .g-team-sec1-col2{
        margin: auto;
    }
}
@media only screen and (min-width: 1400px){
    .g-team-sec1{
        background-size: cover;
    }
}
.g-team-sec2{
    clear: both;
    background: #ffffff;
    padding-bottom: 95px;
}
.g-team-sec2-box{
    width: 100%;
    max-width: 1180px;
    margin: auto;
}
.g-team-sec2-tm{
    width: 196px;
    height: 196px;
    display: inline-block;
    vertical-align: top;
    margin: 0px -4px 0px 0px;
}
.g-team-sec2-tm-img{
    width: 100%;
    display: block;
}
.g-team-sec2-tm-img img{
    width: 100%;
    height: auto;
}
.g-team-sec2-tm-hvr{
    display: none;
    margin: -196px 0px 0px 0px;
    width: 431px;
    border: 6px solid white;
    -webkit-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    -moz-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    -ms-box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    box-shadow: 0 52px 84px 0 rgba(0,0,0,0.22);
    position: absolute;
    z-index: 10;
}
.g-team-sec2-tm-hvr-1{
    background-image: url("../img/pgteam/member-1-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-2{
    background-image: url("../img/pgteam/member-2-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-3{
    background-image: url("../img/pgteam/member-3-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-4{
    background-image: url("../img/pgteam/member-4-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-5{
    background-image: url("../img/pgteam/member-5-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-6{
    background-image: url("../img/pgteam/member-6-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-7{
    background-image: url("../img/pgteam/member-7-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-8{
    background-image: url("../img/pgteam/member-8-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-9{
    background-image: url("../img/pgteam/member-9-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-10{
    background-image: url("../img/pgteam/member-10-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-11{
    background-image: url("../img/pgteam/member-11-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-12{
    background-image: url("../img/pgteam/member-12-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-13{
    background-image: url("../img/pgteam/member-13-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-14{
    background-image: url("../img/pgteam/member-14-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-15{
    background-image: url("../img/pgteam/member-15-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-16{
    background-image: url("../img/pgteam/member-16-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-17{
    background-image: url("../img/pgteam/member-17-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-18{
    background-image: url("../img/pgteam/member-18-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-19{
    background-image: url("../img/pgteam/member-19-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-20{
    background-image: url("../img/pgteam/member-20-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-21{
    background-image: url("../img/pgteam/member-21-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-22{
    background-image: url("../img/pgteam/member-22-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-23{
    background-image: url("../img/pgteam/member-23-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-24{
    background-image: url("../img/pgteam/member-24-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-25{
    background-image: url("../img/pgteam/member-25-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-26{
    background-image: url("../img/pgteam/member-26-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-27{
    background-image: url("../img/pgteam/member-27-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-28{
    background-image: url("../img/pgteam/member-28-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-29{
    background-image: url("../img/pgteam/member-29-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-30{
    background-image: url("../img/pgteam/member-30-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-31{
    background-image: url("../img/pgteam/member-31-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-32{
    background-image: url("../img/pgteam/member-32-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-33{
    background-image: url("../img/pgteam/member-33-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-34{
    background-image: url("../img/pgteam/member-34-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-35{
    background-image: url("../img/pgteam/member-35-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-36{
    background-image: url("../img/pgteam/member-36-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-37{
    background-image: url("../img/pgteam/member-37-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-38{
    background-image: url("../img/pgteam/member-38-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-39{
    background-image: url("../img/pgteam/member-39-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-40{
    background-image: url("../img/pgteam/member-40-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-41{
    background-image: url("../img/pgteam/member-41-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-42{
    background-image: url("../img/pgteam/member-42-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-43{
    background-image: url("../img/pgteam/member-43-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-44{
    background-image: url("../img/pgteam/member-44-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-45{
    background-image: url("../img/pgteam/member-45-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-46{
    background-image: url("../img/pgteam/member-46-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-47{
    background-image: url("../img/pgteam/member-47-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-48{
    background-image: url("../img/pgteam/member-48-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-49{
    background-image: url("../img/pgteam/member-49-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-50{
    background-image: url("../img/pgteam/member-50-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-51{
    background-image: url("../img/pgteam/member-51-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-52{
    background-image: url("../img/pgteam/member-52-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-53{
    background-image: url("../img/pgteam/member-53-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-54{
    background-image: url("../img/pgteam/member-54-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-55{
    background-image: url("../img/pgteam/member-55-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-56{
    background-image: url("../img/pgteam/member-56-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-57{
    background-image: url("../img/pgteam/member-57-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-58{
    background-image: url("../img/pgteam/member-58-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-59{
    background-image: url("../img/pgteam/member-59-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-60{
    background-image: url("../img/pgteam/member-60-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-61{
    background-image: url("../img/pgteam/member-61-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-62{
    background-image: url("../img/pgteam/member-62-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-63{
    background-image: url("../img/pgteam/member-63-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-64{
    background-image: url("../img/pgteam/member-64-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-65{
    background-image: url("../img/pgteam/member-65-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-66{
    background-image: url("../img/pgteam/member-66-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-67{
    background-image: url("../img/pgteam/member-67-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-68{
    background-image: url("../img/pgteam/member-68-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-69{
    background-image: url("../img/pgteam/member-69-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-70{
    background-image: url("../img/pgteam/member-70-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-71{
    background-image: url("../img/pgteam/member-71-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-72{
    background-image: url("../img/pgteam/member-72-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-73{
    background-image: url("../img/pgteam/member-73-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-74{
    background-image: url("../img/pgteam/member-74-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-75{
    background-image: url("../img/pgteam/member-75-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-76{
    background-image: url("../img/pgteam/member-76-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-77{
    background-image: url("../img/pgteam/member-77-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-78{
    background-image: url("../img/pgteam/member-78-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-79{
    background-image: url("../img/pgteam/member-79-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-80{
    background-image: url("../img/pgteam/member-80-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-81{
    background-image: url("../img/pgteam/member-81-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-82{
    background-image: url("../img/pgteam/member-82-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-83{
    background-image: url("../img/pgteam/member-83-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-84{
    background-image: url("../img/pgteam/member-84-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-85{
    background-image: url("../img/pgteam/member-85-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-86{
    background-image: url("../img/pgteam/member-86-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-87{
    background-image: url("../img/pgteam/member-87-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-88{
    background-image: url("../img/pgteam/member-88-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-89{
    background-image: url("../img/pgteam/member-89-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-90{
    background-image: url("../img/pgteam/member-90-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-91{
    background-image: url("../img/pgteam/member-91-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-92{
    background-image: url("../img/pgteam/member-92-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-93{
    background-image: url("../img/pgteam/member-93-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-94{
    background-image: url("../img/pgteam/member-94-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-95{
    background-image: url("../img/pgteam/member-95-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-96{
    background-image: url("../img/pgteam/member-96-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-97{
    background-image: url("../img/pgteam/member-97-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-98{
    background-image: url("../img/pgteam/member-98-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-99{
    background-image: url("../img/pgteam/member-99-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-100{
    background-image: url("../img/pgteam/member-100-hvr.png");
    background-size: 100% 100%;
    background-position: center top;
}
.g-team-sec2-tm-hvr-overlay{
    background-image: url("../img/pgteam/tm-hvr-overlay.png");
    background-size: 100% 100%;
    background-position: center top;
    margin-top: 13px;
}
.g-team-sec2-tm-hvr-closebtn{
    height: 0px;
}
.g-team-sec2-tm-hvr-closebtn a{
    width: 34px;
    display: block;
    margin: -19px -20px 0px auto;
}
.g-team-sec2-tm-hvr-closebtn a img{
    width: 34px;
    height: auto;
}
.g-team-sec2-tm-hvr-name{
    padding: 247px 20px 0px 37px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 37px;
    line-height: 43px;
    font-weight: 700;
    color: #FFFFFF;
}
.g-team-sec2-tm-hvr-pos{
    padding: 0px 20px 0px 37px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
}
.g-team-sec2-tm-hvr-loc{
    padding: 0px 20px 0px 37px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #FFFFFF;
}
.g-team-sec2-tm-hvr-slink{
    padding: 23px 20px 28px 37px;
}   
.g-team-sec2-tm-hvr-slink a{
    width: 26px;
    display: inline-block;
    vertical-align: top;
}
.g-team-sec2-tm-hvr-slink a img{
    width: 26px;
    height: auto;
}
@media only screen and (max-width: 520px){
    .g-team-sec2-box{
        max-width: 196px;
    }
    .g-team-sec2-tm{
        margin: 0px auto 0px auto;
    }
}
@media only screen and (min-width: 521px) and (max-width: 800px){
    .g-team-sec2-box{
        max-width: 396px;
    }
}
@media only screen and (min-width: 801px) and (max-width: 1200px){
    .g-team-sec2-box{
        max-width: 590px;
    }
}
@media only screen and (max-width: 1700px){
    .g-team-sec2-tm-hvr{
        width: 300px;
        margin: -250px 0px 0px -50px;
    }    
    .g-team-sec2-tm-hvr-name{
        padding: 150px 20px 0px 20px;
        font-size: 28px;
        line-height: 34px;
    }
    .g-team-sec2-tm-hvr-pos{
        padding: 0px 20px 0px 20px;
        font-size: 18px;
        line-height: 24px;
    }
    .g-team-sec2-tm-hvr-loc{
        padding: 0px 20px 0px 20px;
        font-size: 18px;
        line-height: 24px;
    }
    .g-team-sec2-tm-hvr-slink{
        padding: 10px 20px 20px 20px;
    }
}
/*---------------------------- End of g team pg css -------------------------------*/
/* ################################################################################################ */
/*---------------------------- g video and audio modal css -------------------------------*/
.g-videomodal .modal-dialog{
    width: 80% !important;    
    margin: 100px auto !important;
}
.g-videomodal .modal-content{
    margin: 0px !important;
    background: none !important;
    border-radius: 0px !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}
.g-videomodal .modal-body{
    padding: 0px !important;
}
.g-videomodal iframe{
    display: block !important;
    margin: auto;
}

.g-audiomodal .modal-dialog{
    width: 80% !important;    
    margin: 100px auto !important;
}
.g-audiomodal .modal-content{
    margin: 0px !important;
    background: none !important;
    border-radius: 0px !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}
.g-audiomodal .modal-body{
    padding: 0px !important;
}
.g-audiomodal audio{
    display: block !important;
    margin: auto;
}
/*---------------------------- End of g video and audio modal css -------------------------------*/
/* ################################################################################################ */
/*---------------------------- g ftr form modal css -------------------------------*/
body.modal-open{
    overflow: auto !important;
    padding: 0px !important;
}
.g-ftrformmodal{
    background: #8a898f !important;
}
.g-ftrformmodal .modal-dialog{
    width: 100% !important;
    max-width: 960px !important; 
    margin: 100px auto 100px auto !important;
    background: #ffffff !important;
}
.g-ftrformmodal .modal-content{
    margin: 0px !important;
    background: none !important;
    border-radius: 0px !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}
.g-ftrformmodal .modal-body{
    padding: 0px !important;
}
.g-ftrformmodal-close{
    position: absolute !important;
    top: -14px !important;
    right: -13px !important;
}
.g-ftrformmodal-close img{
    width: 35px;
    height: auto;
}
.g-ftrformmodal-col1{
    width: 400px;
    display: inline-block;
    vertical-align: top;
}
.g-ftrformmodal-col1-title{
    padding: 48px 20px 0px 50px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 38px;
    line-height: 44px;
    font-weight: 700;
    color: #190F3C;
}
.g-ftrformmodal-col1-text{
    width: 100%;
    max-width: 319px;
    padding: 8px 20px 0px 50px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #292949;
}
.g-ftrformmodal-col2{
    width: 550px;
    display: inline-block;
    vertical-align: top;
}
.g-ftrformmodal-form{
    width: 100%;
    max-width: 460px;
    padding: 41px 18px 0px 18px;
}
.g-ftrformmodal-form input::placeholder, 
.g-ftrformmodal-form textarea::placeholder{ 
    color: #a8a7b5 !important;
}
.g-ftrformmodal-form input[type="text"], 
.g-ftrformmodal-form input[type="email"], 
.g-ftrformmodal-form textarea{
    width: 100% !important;
    display: block !important;
    margin: 0px 0px 20px 0px !important;
    padding: 16px 0px 8px 0px !important;
    font-size: 20px !important;
    line-height: 26px !important;
    color: #292949 !important;
    background: none !important;
    outline: none !important;
    border: none !important;
    border-bottom: 2px solid #cac9d1 !important;
}
.g-ftrformmodal-form input[type="submit"], 
.g-ftrformmodal-form input[type="submit"]:hover, 
.g-ftrformmodal-form input[type="submit"]:focus{
    display: inline-block !important;
    width: 100% !important;
    max-width: 214px !important;
    margin: 20px 0px 60px 0px !important;
    padding: 15px 0px 15px 0px !important;
    text-align: center !important;
    font-family: 'Pragati Narrow', sans-serif !important;
    font-size: 22px !important;
    line-height: 28px !important;
    color: #ffffff !important;
    background: #E53D6E !important;
    outline: none !important;
    border: none !important;
}
.g-ftrformmodal-form input[type="submit"]:hover, 
.g-ftrformmodal-form input[type="submit"]:focus{
    background: #d22155 !important;
}
@media only screen and (max-width: 420px){
    .g-ftrformmodal .modal-dialog{
        width: 80%;
        max-width: 80% !important; 
    }
}
@media only screen and (min-width: 421px) and (max-width: 860px){
    .g-ftrformmodal .modal-dialog{
        width: 80%;
        max-width: 360px !important; 
    }
}
@media only screen and (max-width: 860px){
    .g-ftrformmodal-col1, 
    .g-ftrformmodal-col2{
        width: 100%;
        display: block;
    }
}
@media only screen and (min-width: 861px) and (max-width: 1020px){
    .g-ftrformmodal .modal-dialog{
        max-width: 760px !important; 
    }
    .g-ftrformmodal-col1{
        width: 350px;
    }
    .g-ftrformmodal-col2{
        width: 400px;
    }
}
/*---------------------------- End of g ftr form modal css -------------------------------*/
/* ################################################################################################### */
/*---------------------------- careers page css -------------------------------*/
.s-cr-sec1{
    clear: both;
    background-image: url("../img/pgcareers/sec1-bg.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-color: #ffffff;
}
.s-cr-sec1-box{
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 13% 20px 41.5% 20px;
    text-align: center;
}
.s-cr-sec1-title{   
    width: 100%;
    max-width: 560px;
    margin: auto;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 53px;
    line-height: 55px;
    font-weight: 700;
    color: #190F3C;
}
.s-cr-sec1-desc{
    padding: 17px 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 28px;
    color: #292949;
}
@media only screen and (max-width: 600px){
    .s-cr-sec1-box{
        padding: 35% 20px 45% 20px;
    }
    .s-cr-sec1-title{
        font-size: 30px;
        line-height: 35px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 800px){
    .s-cr-sec1-title{
        font-size: 40px;
        line-height: 45px;
    }
}
@media only screen and (max-width: 800px){
    .s-cr-sec1-box{
        padding: 30% 20px 45% 20px;
    }
}
@media only screen and (min-width: 801px) and (max-width: 1200px){
    .s-cr-sec1-box{
        padding: 20% 20px 38% 20px;
    }
}
@media only screen and (min-width: 1400px){
    .s-cr-sec1{
        background-size: cover;
    }
}
.s-cr-sec2{
    clear: both;
    background-color: #ffffff;
}
.s-cr-sec2-box{
    width: 100%;
    max-width: 800px;
    margin: auto;
    padding: 50px 20px 38px 20px;
    text-align: center;
}
.s-cr-sec2-title{   
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 59px;
    line-height: 65px;
    font-weight: 300;
    color: #292949;
}
.s-cr-sec2-desc{
    padding: 37px 0px 0px 0px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 22px;
    line-height: 30px;
    color: #292949;
    opacity: 0.8;
}
.s-cr-sec3{
    clear: both;
    background-image: url("../img/pgcareers/sec3-bg.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 92% 100%;
    background-color: #ffffff;
}
.s-cr-sec3-box{
    width: 100%;
    max-width: 1000px;
    margin: auto;
    padding: 13% 0px 8% 0px;
}
.s-cr-sec3-col1{
    width: 100%;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec3-col1-title{
    padding: 18px 20px 0px 32px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 35px;
    line-height: 40px;
    color: #ffffff;
}
.s-cr-sec3-col1-desc{
    padding: 24px 20px 0px 32px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 26px;
    line-height: 28px;
    font-weight: 300;
    color: #ffffff;
    opacity: 0.8;
}
.s-cr-sec3-col2{
    width: 100%;
    max-width: 590px;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec3-col2-vid{
    width: 100%;
    max-width: 507px;
    margin: 0px 20px 0px 20px;
    /* padding: 19% 0px 19% 0px; */
    border: 2px solid #ffffff;
    text-align: center;
}
@media only screen and (max-width: 600px){
    .s-cr-sec3-col2{
        max-width: 100%;
    }
    .s-cr-sec3-col2-vid{
        max-width: 80%;
    }
}
@media only screen and (max-width: 1020px){
    .s-cr-sec3{
        background: #4d2aaa;
    }
    .s-cr-sec3-box{
        padding: 6% 0px 10% 0px;
    }
    .s-cr-sec3-col1{
        max-width: 100%;
    }
    .s-cr-sec3-col2-vid{
        margin: 40px 20px 0px 20px;
    }
}
@media only screen and (min-width: 1021px) and (max-width: 1200px){
    .s-cr-sec3{
        background-size: 96% 100%;
    }
}

.s-cr-sec4{
    clear: both;
    background-color: #ffffff; 
    padding: 138px 0px 0px 0px;
}
.s-cr-sec4-col1{
    width: 48.5%;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec4-col1-img img{
    width: 100%;
    height: auto;
}
.s-cr-sec4-col2{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec4-col2-qt{
    width: 100%;
    padding: 90px 0px 0px 92px;
}
.s-cr-sec4-col2-qticon{
    width: 42px;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec4-col2-qticon img{
    width: 42px;
}
.s-cr-sec4-col2-qttext{
    width: 100%;
    max-width: 470px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0px 0px 12px;
}
.s-cr-sec4-col2-qtby{
    padding: 22px 0px 0px 58px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #292949;
    -webkit-text-stroke-width: 0.4px !important;
    text-stroke-width: 0.4px !important;
}
@media only screen and (max-width: 600px){
    .s-cr-sec4-col1{
        width: 100%;
        display: block;
    }
}
@media only screen and (min-width: 601px) and (max-width: 900px){
    .s-cr-sec4-col1{
        width: 90%;
        display: block;
    }
}
@media only screen and (max-width: 900px){
    .s-cr-sec4-col2{
        width: 100%;
        display: block;
    }
    .s-cr-sec4-col2-qt{
        padding: 20px 20px 0px 20px;
    }
    .s-cr-sec4-col2-qttext{
        max-width: 80%;
    }
}
@media only screen and (min-width: 901px) and (max-width: 1200px){
    .s-cr-sec4-col2-qt{
        padding: 40px 0px 0px 40px;
    }
    .s-cr-sec4-col2-qttext{
        max-width: 80%;
    }
}
@media only screen and (max-width: 1020px){
    .s-cr-sec4{
        padding: 70px 0px 0px 0px;
    }
}

.s-cr-sec5{
    clear: both;
    background-color: #ffffff; 
    padding: 100px 0px 100px 0px;
}
.s-cr-sec5-box{
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
.s-cr-sec5-col1{
    width: 100%;
    max-width: 600px;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec5-col1-img{
    margin: 12px 0px 0px 114px;
}
.s-cr-sec5-col1-img img{
    width: 100%;
    max-width: 255px;
    height: auto;
}
.s-cr-sec5-col1-text{
    max-width: 460px;
    padding: 188px 0px 0px 127px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 31px;
    line-height: 33px;
    color: #292949;
    font-weight: 300;
    opacity: 0.9;
}
.s-cr-sec5-col2{
    width: 100%;
    max-width: 390px;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec5-col2-title{
    padding: 22px 0px 0px 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 24px;
    color: #E53D6E;
    font-weight: 700;
}
.s-cr-sec5-col2-text{
    padding: 0px 0px 0px 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 19px;
    line-height: 27px;
    color: #292949;
    opacity: 0.9;
}
@media only screen and (max-width: 840px){
    .s-cr-sec5-box{
        max-width: 100%;
    }
    .s-cr-sec5-col1, 
    .s-cr-sec5-col2{
        max-width: 100%;
        display: block;
    }
    .s-cr-sec5-col1-img{
        text-align: center;
    }
    .s-cr-sec5-col1-text{
        padding: 50px 20px 0px 20px;
        margin: auto;
    }
}
@media only screen and (min-width: 841px) and (max-width: 1020px){
    .s-cr-sec5-box{
        max-width: 800px;
    }
    .s-cr-sec5-col1{
        max-width: 400px;
    }
    .s-cr-sec5-col1-text{
        padding: 188px 20px 0px 20px;
    }
    .s-cr-sec5-col2{
        max-width: 390px;
    }
}
@media only screen and (max-width: 1020px){
    .s-cr-sec5-col1-img{
        margin: 12px 20px 0px 20px;
    }
    .s-cr-sec5-col2-title{
        padding: 22px 20px 0px 20px;
    }
    .s-cr-sec5-col2-text{
        padding: 0px 20px 0px 20px;
    }
}

.s-cr-sec6{
    clear: both;
    background-image: url(../img/pgcareers/sec6-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-color: #ffffff;
    padding: 22% 0px 5% 0px;
}
.s-cr-sec6-box{
    width: 100%;
    max-width: 860px;
    margin: auto;
    padding: 35px 0px 35px 0px;
    background: #ffffff;
}
.s-cr-sec6-title{
    padding: 0px 65px 0px 65px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #292949;
    font-weight: 700;
}
.s-cr-sec6-subtitle{
    padding: 3px 65px 40px 68px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 34px;
    line-height: 40px;
    color: #292949;
    font-weight: 300;
    opacity: 0.9;
}
.s-cr-sec6-job{
    width: 100%;
    padding: 0px 20px 8px 51px;
}
.s-cr-sec6-job-col1{
    width: 64%;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec6-job-col1-pos a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 29px;
    color: #4F00DC;
}
.s-cr-sec6-job-col2{
    width: 34%;
    display: inline-block;
    vertical-align: top;
}
.s-cr-sec6-job-col2-loc{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    line-height: 28px;
    color: #292949;
    opacity: 0.8;
}
@media only screen and (max-width: 800px){
    .s-cr-sec6-title{
        padding: 0px 20px 0px 20px;
    }
    .s-cr-sec6-subtitle{
        padding: 3px 20px 40px 20px;
    }
    .s-cr-sec6-job{
        padding: 0px 20px 8px 20px;
    }
    .s-cr-sec6-job-col1, 
    .s-cr-sec6-job-col2{
        width: 100%;
        display: block;
    }
}
@media only screen and (max-width: 1080px){
    .s-cr-sec6{
        padding: 40% 0px 0px 0px;
    }
    .s-cr-sec6-box{
        max-width: 100%;
    }
}
@media only screen and (min-width: 1081px) and (max-width: 1280px){
    .s-cr-sec6{
        padding: 22% 0px 0px 0px;
    }
}
@media only screen and (min-width: 1400px){
    .s-cr-sec6{
        background-size: cover;
    }
}
/*---------------------------- End of careers page css -------------------------------*/
/*---------------------------- Start of fun puzzles downloads css -------------------------------*/
.fun-puzzle-wrapper {
    margin: auto;
    width: 90%;
    max-width: 650px;
}

.fun-puzzle-shim {
    height: 14px;
    width: 1px
}

.fun-puzzle-tile {
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}

.fun-puzzle-content {
    margin: 0px 6px 6px 6px;
    padding: 15px;
    border: 1px solid #9EA4AD;
    border-radius: 5px;
    box-shadow: 1px 2px 3px #6B717A;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 18px;
    font-weight: 450;
    color: #000054;
    cursor: pointer;
    text-align: center;
}

.fun-puzzle-content:hover {
    color: #00003B;
    border: 1px solid #686E77;
    box-shadow: 3px 4px 5px #686E77;
}

.fun-puzzle-nav {
    height: 55px;
    background-image: url('../img/pgpuzzle/arrow-right-dark.png');
    background-repeat: no-repeat;
    background-position: right center;
}

.fun-puzzle-details-left {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

.fun-puzzle-details-right {
    width: calc(100% - 255px);
    min-width: 350px;
    height: 90vh;
    display: inline-block;
    vertical-align: top;
}

.fun-puzzle-preview {
    overflow: hidden !important;
}

.fun-puzzle-code-pdf-wrapper {
    margin-top: 12px;
    height: 100%;
    width: 100%;
}

.fun-puzzle-code-pre-wrapper {
    margin-top: 12px;
}

.fun-puzzle-code-wrapper {
    min-height: calc(90vh - 45px);
    max-height: calc(90vh - 45px);
}

.fun-puzzle-dl-content {
    width: 100%;
    max-width: 319px;
    padding: 8px 20px 10px 50px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20px;
    line-height: 28px;
    color: #292949;
}

.fun-puzzle-links {
    font-size: 16px;
    cursor: pointer;
}

.fun-puzzle-links:hover {
    color: #0404FF;
}

.fun-puzzle-modal {
    background: #8a898f !important;
    overflow: hidden !important;
}

.fun-puzzle-modal .modal-dialog {
    width: 90% !important;
    height: 90% !important;
    margin: 25px auto !important;
    background: #ffffff !important;
}

.fun-puzzle-modal .modal-content {
    margin: 0px !important;
    background: none !important;
    border-radius: 0px !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

.fun-puzzle-modal .modal-body {
    padding: 0px !important;
}

.fun-puzzle-modal-close {
    position: absolute !important;
    top: -14px !important;
    right: -13px !important;
}

.fun-puzzle-modal-close img {
    width: 35px;
    height: auto;
}

.fun-puzzle-modal-title {
    padding: 48px 20px 0px 50px;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 38px;
    line-height: 44px;
    font-weight: 700;
    color: #190F3C;
}

@media only screen and (max-width: 1100px) {
    .fun-puzzle-details-left {
        width: 100%;
    }

    .fun-puzzle-dl-content {
        display: inline-table;
    }

    .fun-puzzle-modal .modal-dialog {
        width: 90% !important;
        height: 90% !important;
        margin: 0px auto !important;
        margin-top: 25px !important;
        background: #ffffff !important;
        overflow: auto !important;
    }

    .fun-puzzle-modal-close {
        position: absolute !important;
        top: 2px !important;
        right: 2px !important;
    }

    .fun-puzzle-details-right {
        min-width: 80vw;
        height: 60vh;
    }

    .fun-puzzle-code-pdf-wrapper, .fun-puzzle-code-pre-wrapper {
        margin-left: 12px;
    }

    .fun-puzzle-code-wrapper {
        min-height: 55vh !important;
        max-height: 55vh !important;
    }
}

/*---------------------------- End of fun puzzles downloads css -------------------------------*/
/*---------------------------- Start of submission alert css -------------------------------*/

#contact-submission {
    position: fixed;
    bottom: 33%;
    left: 33%;
    width: 33%;
    font-family: 'Pragati Narrow', sans-serif;
    font-size: 18px;
    color: #4500D3;
    z-index: 999;
}

.submission-res {
    background-color: rgba(209, 215, 224, .96);
}

@media only screen and (max-width: 850px) {
    #contact-submission {
        left: 20%;
        width: 60%;
    }
}

/*---------------------------- End of submission alert css -------------------------------*/
/* ######################################## End of g styles ########################################### */