.letter.wow {
    display: inline-block;
    letter-spacing: -9px;
}

.banner-clipped {
    -webkit-clip-path: url(#bannersvg1);
    clip-path: url(#bannersvg1);
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.hero-banner {
    position: relative;
    height: 100vh;
    margin: 0 0;
    padding: 0 0;
	background: #081827;
}

.video-container {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
}

.embed-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.embed-container iframe {
    width: 100vw;
    height: 56.25vw;
    /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh;
    /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hm-banner {
    position: relative;
    background: #0f324e;
    line-height: 0;
    width: 100%;
    /* overflow: hidden;*/
}

.banner-overlay .container {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 50%;
    right: 0;
    margin: 0 auto;
    max-width: 1550px;
    width: 100%;
    transform: translate(0, -50%);
}

.banner-content {
    position: relative;
    z-index: 1;
    width: 70%;
}

.banner-content .icon {
    width: 88px;
    height: 98px;
    margin: 0 0 20px;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.banner-overlay:before {
    position: absolute;
    content: "";
    background: #FFFFFF;
    background: -webkit-linear-gradient(to left, rgb(255 255 255 / 3%), rgb(0 0 0 / 75%));
    background: -moz-linear-gradient(to left, rgb(255 255 255 / 3%), rgb(0 0 0 / 75%));
    background: linear-gradient(to left, rgb(255 255 255 / 3%), rgb(0 0 0 / 75%));
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
    height: 100%;
}

.heading-banner {
    font-size: 90px;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 20px;
}

.banner-content p {
    font-size: 22px;
    color: #ffffff;
    line-height: 1.2;
}


.video-product {
    position: relative;
    padding-top: 200px;
}


.video-product .shape-left-top {
    position: absolute;
    top: -20vw;
    z-index: 0;
    left: 0px;
}

.cl-slider > * {
    display: none;
}

.cl-slider.slick-initialized > * {
    display: block;
}

.client-wrapper .shape-left-top {
    position: absolute;
    top: -9.4vw;
    z-index: -2;
    left: 0px;
}

.hd-video-production {
    margin: 150px 0px 130px;
    display: flex;
    flex-wrap: wrap;
}

.hd-video-section {
    position: relative;
    z-index: 1;
    padding: 40px 0 255px;
}

.hd-video-section .bottom-shape {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    right: 0;
}

.hd-video-section .line-one {
    position: absolute;
    bottom: -12px;
}

.pdleft-90 {
    padding-left: 90px;
    padding-right: 50px;
}


/*.why-choose-sec:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 16vw;
    background: url(../images/section-img/whychooseus-top-shape.svg);
    top: -15VW;
    left: 0;
    background-size: cover;
    right: 0;
    width: 100%;
    z-index: -1;
}*/

.why-choose-sec .shape-top-right {
    /* position: absolute;
    right: 145px;
    top: -132px;
    z-index: -2;*/
    position: absolute;
    right: 0;
    top: -4vw;
    z-index: -2;
}



.why-choose-sec .line-one {
    position: absolute;
    top: -12.5vw;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.why-choose-sec .circle-num {
    background-color: #ffffff;
}

.mrgt-50 {
    position: relative;
    z-index: 0;
    top: -50px;
}

.down-arrow .link {
    display: inline-flex;
    align-items: center;

    text-decoration: none;
    /*   transform: rotate(-90deg) translate3d(-300px, 0, 0);*/
}

.down-arrow .link__arrow {
    display: inline-flex;
}

.down-arrow .link__arrow span {
    position: relative;
    width: 14px;
    height: 1px;
    border-radius: 2px;
    overflow: hidden;
    background: #FFFFFF;
    z-index: 2;
}

.down-arrow .link__arrow span:nth-child(1) {
    transform-origin: left bottom;
    transform: rotate(45deg) translate3d(8px, -10px, 0);
}

.down-arrow .link__arrow span:nth-child(2) {
    transform-origin: left bottom;
    transform: rotate(-45deg);
}

.down-arrow .link__arrow span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 0;
    height: 1px;
    background: #FFFFFF;
}

.down-arrow .link__line {
    position: relative;
    margin-left: -14px;
    margin-right: 30px;
    width: 87px;
    height: 1px;
    background: #FFFFFF;
    overflow: hidden;
    z-index: 1;
}

.down-arrow .link__line:after {
    content: "";
    display: block;
    position: absolute;
    left: 80px;
    width: 70px;
    height: 1px;
    background: #038dd5;
}


.link:hover .link__line:after {
    animation: animation-line 1.5s forwards;
}

.link:hover .link__arrow span:after {
    animation: animation-arrow 1.5s forwards;
    animation-delay: 1s;
}

.down-arrow {
    position: absolute;
    left: 50%;
    top: 0%;
    z-index: 1;
/*    margin-top: -125px;*/
    margin-top: -5.5vw;
}
.hd-video-production .heading-24{
    text-transform: none;
}

@keyframes animation-line {
    0% {
        left: 80px;
    }

    100% {
        left: 0;
    }
}

@keyframes animation-arrow {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.shape-onetop-left {
    position: absolute;
    left: -150px;
    top: 100px;
}

.clip-mask1 {
    -webkit-clip-path: url(#mask1);
    clip-path: url(#mask1);
    /* opacity: 0.55;*/
    z-index: 1;
}

.shape-tworight-top {
    position: absolute;
    right: -135px;
    top: 175px;
    z-index: -1;
}

.shape-tworight-top .video-thumb-icon {
    transform: translate(0, -50%);
    left: 40%;
    margin: 0;
}

.shape-tworight-top svg.shape {
    position: absolute;
    top: 0;
    right: 0;
}

.shape-tworight-top .storke {
    position: absolute;
    top: -4px;
    z-index: 0;
    left: -20px;

}

.home-content-wrapper {
    position: relative;
    z-index: 1;
    background: #fff;
    /*    padding-top: 200px;*/
    padding-top: 10vw;
}


.home-content-wrapper:before {
    position: absolute;
    content: "";
    /* background: #081825 url(../images/white-bg.svg);*/
    background: #081825 url(../images/section-img/content-top-shape.svg);
    left: 0;
    background-size: cover;
    right: 0;
    width: 100%;
    height: 9vw;
    top: 0;
}

.home-content-wrapper .line-top svg {
    top: -11vw;
}

.left-shape-bottom {
    position: absolute;
    left: -120px;
    bottom: 250px;
    z-index: 1;
}

.hd-video-content {
    display: block;
    z-index: 1;
    position: relative;
}

.hd-video-content:hover svg.arrow path {
    stroke: #1ca8e5;
    transition: all ease 0.3s;
}

.customer-section {
    position: relative;
    padding: 0px 0 90px;
    z-index: 1;
    background: #fff;
}

.customer-section .video-mask-left {
    position: absolute;
    top: -240px;
    left: 50px;
}

.customer-top-bg {
    top: -170px;
    position: absolute;
    z-index: -1;
    width: 100%;
    left: 0;
    right: 0;
}

.video-product {
    position: relative;
    z-index: 0;
    padding: 65px 0 350px 0px;
    margin-top: 20%;
}

.video-product .video-mask {
    top: -377px;
}

.logo-col-4 {
    width: 25%;
    padding: 0 10px;
    margin-bottom: 60px;
}


.customer-section .ptag {
    margin-bottom: 80px;
}

.brand-listing {
    max-width: 960px;
    margin: 0 auto 60px;
    display: flex;
    flex-wrap: wrap;
}

.hm-left-img {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 110px;
}

.hm-left-img .mask-item {
    position: absolute;
    top: 0;
    left: 0;

}

.video-mask {
    position: absolute;
    bottom: -15vw;
    left: 50%;
    transform: translate(-50%, 0);
}

.video-mask .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

.shape-border {
    position: absolute;
    left: 9px;
    top: -8px;
}

.svg-wrapper {
    position: absolute;
    left: 0;
}

.shape-border {
    position: absolute;
    left: 8px;
    top: -8px;
}

.svgPath2 {
    -webkit-clip-path: url(#svgPath2);
    clip-path: url(#svgPath2);
    z-index: 1;
}

.svg-clipped3 {
    -webkit-clip-path: url(#svgPath3);
    clip-path: url(#svgPath3);
    z-index: 1;
}

.svg-clipped4 {
    -webkit-clip-path: url(#svgPath4);
    clip-path: url(#svgPath4);
    width: 500px;
    /* z-index: 1;*/
}

.hm-left-img .stroke {
    position: absolute;
    left: auto;
    top: 5px;
}

.hm-content {
    width: 50%;
    position: relative;
    display: inline-block;
    padding-left: 70px;
}

.hm-content p {
    max-width: 90%;
}

.client-wrapper {
    position: relative;
    color: #ffffff;
    padding: 150px 0 175px;
    z-index: 1;
}

.client-wrapper .line-top {
    position: absolute;
    top: -15vw;
    left: 0;
    right: 0;
    width: 100%;
}

.cl-caption {
    width: calc(100% - 310px);
    position: relative;
    padding-left: 90px;
    display: inline-block;
    /*background: url(../images/quote-icon.png) no-repeat top -50px left 80px;*/
}

.cl-slider .flex-container.wrap {
    padding-top: 100px;
}

.cl-caption:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 73px;
    left: 89px;
    top: -47px;
    background: url(../images/quote-icon.png) no-repeat top left;
    z-index: -1;
}

.cl-designation {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.cl-designation:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 2px;
    background-color: #ffffff;
    left: 0;
    bottom: 0;
}

.cl-caption p {
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 36px;
}

.cl-info {
    width: 310px;
    position: relative;
    display: inline-block;
    border-right: 1px solid rgba(255, 255, 255, .12);
    padding-right: 90px;
    float: left;
}

.cl-name {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
    line-height: 1;
}

.cl-slider {
    position: relative;
    /*  padding-top: 100px;*/
}

.client-text {
    margin-bottom: 130px;
}

.client-wrapper .heading-lg,
.dark-bg .heading-lg {
    line-height: 1
}

.client-wrapper .circle-num,
.hd-video-section .circle-num,
.video-product .circle-num {
    margin-bottom: 30px;
    background-color: #ffffff;
    box-shadow: none;
}

.why-choose-sec .bottom-shape-line {
    position: absolute;
    bottom: -10vw;
    z-index: 0;
    fill: none;
}

.customer-section .top-shape-line {
    position: absolute;
    top: -9.5vw;
    width: 100%;
    left: 0;
    right: 0;
    fill: none;
}

.customer-section .bottom-shape-line {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 100%;
}

.more-review {
    margin-left: 520px;
}

.more-review .btn-more {
    color: #ffd911;
    border-radius: 4px;
    border: 2px solid #ffd911;
    letter-spacing: 1px;
}

.more-review .btn-more:hover {
    color: #0f324e;
}

.cl-slider .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ffffff;
}

.cl-slider.slick-dotted.slick-slider {
    margin-bottom: 70px;
    padding: 0 120px;
}

.cl-slider .slick-dots {
    position: absolute;
    width: auto;
    left: 115px;
    bottom: -60px;
}

.shape-left-top {
    position: absolute;
    top: 0;
    left: 0;
}

.customer-bottom-bg {
    position: absolute;
    bottom: 40px;
    z-index: -1;
}

.customer-section:before {
    position: absolute;
    content: "";
    right: 0;
    top: -9vw;
    height: 9vw;
    left: 0;
    background: url(../images/section-img/customers-logo-top-shape.svg) no-repeat;
    width: 100%;
    z-index: -1;
    background-size: cover;
}

.shape-left-top {
    position: absolute;
    top: 160px;
    z-index: -1;
    left: -175px;

}


.customer-section:after {
    position: absolute;
    content: "";
    background: #081825 url(../images/section-img/customers-down-sape.svg) no-repeat;
    background-size: cover;
    width: 100%;
    height: 14vw;
    left: 0;
    right: 0;
    bottom: -1px;
    z-index: -1;
}

.video-production-listing li a .icon.mnwd106 {

    height: auto;
    width: 106px;

}

/*.client-wrapper:before {
    position: absolute;
    content: "";
    top: -306px;
    background: #081825 url(../images/section-img/customers-down-sape.svg) repeat-x;
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    height: 16vw;
    left: 0;
    right: 0;
    z-index: 0;
}*/
.customer-top-bg {
    position: absolute;
    top: -225px;
    z-index: 0;
    width: 100%;
}

.client-wrapper .abs-center-blob {
    top: 7vw;
}

.client-wrapper .righ-top-shape,
.video-product .righ-top-shape {
    position: absolute;
    right: 143px;
    top: -4.5vw;
    z-index: -1;
}

.client-wrapper .righ-top-shape {
    position: absolute;
    right: 7%;
    top: -4.8vw;
    z-index: -1;
    transform: rotate(-2deg);
}

.video-product .righ-top-shape {
    top: -15vw;
}
.video-product .bottom-shape-line {
    position: absolute;
    bottom: 0;
}

.video-product .bottom-right-shape {
    right: 0;
}

.video-product .bottom-left-shape {
    position: absolute;
    bottom: 450px;
    left: -150px;
}

.shape {
    stroke: #ffd911;
    stroke-width: 3px;
    fill-rule: evenodd;
}

@keyframes blob {
    0% {
        d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
    }

    25% {
        d: path("M67.8,-97.1C87.8,-78.8,103.8,-58.9,117.4,-34.1C130.9,-9.4,142,20.2,139.5,50.7C137,81.2,120.8,112.6,95.3,150.1C69.8,187.7,34.9,231.3,3.3,226.8C-28.2,222.2,-56.4,169.3,-91.6,134.9C-126.8,100.5,-169,84.6,-179.6,57.1C-190.2,29.7,-169.3,-9.3,-155.2,-49.7C-141,-90.1,-133.7,-132,-109,-148.8C-84.2,-165.6,-42.1,-157.3,-9.1,-144.8C23.9,-132.2,47.8,-115.5,67.8,-97.1Z");
    }

    50% {
        d: path("M137.1,-191.3C172,-163.4,190.6,-115.7,197.2,-70.1C203.8,-24.4,198.5,19.2,178.9,51.5C159.3,83.9,125.5,105,93.3,129.6C61.1,154.1,30.6,182.1,1.1,180.6C-28.4,179.1,-56.8,148.2,-81.2,121.1C-105.6,94.1,-126.1,70.8,-141.6,41.6C-157.2,12.4,-168,-22.9,-153.9,-45C-139.8,-67,-100.7,-76,-70.9,-105.5C-41.1,-135,-20.6,-185,15.3,-206C51.1,-227.1,102.3,-219.1,137.1,-191.3Z");
    }

    75% {
        d: path("M123.7,-157.1C162.4,-142.2,197.2,-108.8,202.8,-70.8C208.3,-32.9,184.5,9.7,169,54.2C153.6,98.7,146.4,145.2,119.7,162.7C92.9,180.2,46.4,168.6,-1.9,171.1C-50.2,173.7,-100.3,190.4,-122.2,171.3C-144.1,152.3,-137.7,97.5,-144.1,52.7C-150.6,7.9,-169.9,-26.8,-170.5,-64.8C-171,-102.8,-152.8,-144,-121.3,-161.3C-89.7,-178.5,-44.9,-171.8,-1.2,-170.1C42.5,-168.5,85,-172,123.7,-157.1Z");
    }

    100% {
        d: path("M120,-157.6C152.7,-141.5,174.3,-102.6,194.8,-58.8C215.3,-14.9,234.6,33.8,228.4,80.8C222.2,127.8,190.4,173.1,148.1,184C105.8,195,52.9,171.5,-2.4,174.8C-57.8,178.2,-115.6,208.4,-137.5,190.9C-159.3,173.3,-145.3,108,-153,56.3C-160.7,4.6,-190.2,-33.4,-178.3,-54.2C-166.4,-75.1,-113.2,-78.8,-76.6,-93.6C-40,-108.3,-20,-134.2,11.9,-150.5C43.7,-166.8,87.4,-173.6,120,-157.6Z");
    }
}

.shape-right {
    position: absolute;
    right: 0;
    top: 38%;
    z-index: -1;
}

.shape-left,
.shape-left-bottom {
    position: absolute;
    left: -112px;
    bottom: 230px;
}

.shape-left-bottom {
    bottom: 100px;
    z-index: -1;
}

.blob-one {
    top: 9%;
}

.video-product .abs-center-blob {
    top: 65px;
}


.why-choose-border {
    position: relative;
}

.animated-slow {
    animation-delay: 1s;
    animation-duration: 0.71s;
    animation-fill-mode: both;

}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0) scale(0.7, 0.7);

    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;

}

#linesvg {
    position: absolute;
    top: -12.5vw;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
}

.hd-video-section .container {
    width: 68%;
}

.cl-info .cl-des-info {
    display: flex;
    flex-wrap: wrap;
}

.hm-wel h2{margin-bottom: 30px;max-width: 90%;    font-size: 30px;line-height: 1.3;}


 @media(min-width:2500px) and (max-width:3840px){
    .client-wrapper .shape-left-top{top: -11.64vw;
transform: rotate(5deg);
left: -21px;}
    .customer-section{padding: 0px 0 214px;}
    .hd-video-production p{max-width: 50%;}
    .why-choose-sec .mrgt-50{top:-2vw;}
    .client-wrapper .blob-one {
        top: 4%;
    }
    .video-mask{bottom: -11vw;}
    .video-product .container{margin-bottom: 100px;}
          
.client-wrapper .righ-top-shape {
  position: absolute;
  right: 6%;
  top: -5.3vw;
  z-index: -1;
  transform: rotate(-6deg);
}
}
 @media(min-width:2500px) and (max-width:3440px){
    .video-product{padding-bottom: 425px;}
    .client-wrapper .shape-left-top{top:-11.45vw;}
    
}
@media(min-width:2000px)  and  (max-width:2560px){
    .client-wrapper .shape-left-top {
        top: -10.13vw;
    }

    

}
@media(min-width:2300px) and (max-width:2560px){
    .video-mask{bottom: -13vw;}
}
@media(min-width:991px){
    .sticky-left{position: sticky;
    top: 220px;
    align-self: flex-start;}
    
   .hm-wel {margin-bottom: 50px;}
}


@media(max-width:1780px) {
    /*.client-wrapper .righ-top-shape {
        top: -14.5vw;
    }*/
    .down-arrow{margin-top: -6.5vw;}
}

@media (max-width: 1680px) {
    .pdleft-90 {
        padding-left: 70px;
    }

    .client-wrapper .shape-left-top {
        top: -8.5vw;
    }

}

@media (max-width: 1580px) {
    .hd-video-section .container {
        width: 65%;
    }

    .pdleft-90 {
        padding-left: 50px;
    }

    .heading-banner {
        font-size: 86px;
        line-height: 1.1;
    }
}

@media (max-width: 1480px) {
  
    .heading-banner {
        font-size: 72px;
        line-height: 1.1;
    }

    .pdleft-90 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .shape-tworight-top {
        right: -160px;
        top: 90px;
    }

    .client-wrapper .shape-left-top {
        top: -8.3vw;
    }
}
@media(min-width:1024px) and (max-width:1366px){
    .video-mask{bottom: -20vw;}
}
@media(max-width:1440px){
    .client-wrapper .righ-top-shape{transform: rotate(2deg);}
    .video-mask{bottom: -19vw;}
    
}
@media (max-width: 1366px) {
   
    .down-arrow{    margin-top: -8.5vw;}
    .heading-banner {
        font-size: 62px;
    }

    .choose-wrapper .width25 {
        padding: 0 15px;
    }

    .cl-slider.slick-dotted.slick-slider {
        padding: 0 70px;
    }

    .client-wrapper .shape-left-top {
        top: -8.3vw;
    }

    .cl-info {
        padding-right: 70px;
    }

    .cl-caption {
        padding-left: 70px;
    }

    .cl-caption:before {
        left: 70px;
    }

    .cl-slider .flex-container.wrap {
        padding-top: 70px;
    }

    .video-product .righ-top-shape {
        right: 0;
    }

    .client-wrapper .righ-top-shape {
        display: none;
    }

    .shape-right {
        right: -11%;
    }
}
@media(min-width:800px) and (max-width:1280px){
    .video-mask {
      bottom: -20vw;
    }
    .video-product .righ-top-shape {
      right: -105px;top: -18vw;
    }
    .client-wrapper .shape-left-top{top: -10.1vw;left: -38px;}
}
@media (max-width: 1200px) {

    .letter.wow {
        letter-spacing: -7px;
    }

    .hd-video-section {
        padding-bottom: 200px;
    }

    .video-product {
        padding-top: 100px;
    }

    .client-text {
        margin-bottom: 100px;
    }

    .hd-video-section .container {
        width: 100%;
    }

    .hd-video-production {
        margin: 125px 0px 100px;
    }

    .hd-video-production p {
        margin-bottom: 30px;
    }

    .heading-banner {
        font-size: 50px;
    }

    .video-mask {
        bottom: -260px;
    }

    .choose-wrapper .width25 {
        width: 33.33%;
        margin-bottom: 50px;
    }

    .cl-slider.slick-dotted.slick-slider {
        padding: 0 50px;
    }

    .cl-slider .flex-container.wrap {
        padding-top: 50px;
    }

    .cl-info {
        padding-right: 50px;
        width: 250px;
    }

    .cl-caption {
        padding-left: 50px;
        width: calc(100% - 250px);
    }

    .cl-caption:before {
        left: 50px;
    }

    .hm-content p ,.hm-wel h2{
        max-width: 100%;
    }

    .shape-tworight-top {
        position: relative;
        right: inherit;
        top: inherit;
        margin: 0 auto;
        /* max-width: 100%; */
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }

    .shape-tworight-top svg.shape {
        position: absolute;
        top: 0;
        right: inherit;
        left: auto;
    }

    .shape-tworight-top .storke {
        position: absolute;
        top: 10px;
        z-index: 0;
        left: 50%;
        right: inherit;
        width: 30rem;
        transform: translate(-53%, 0%);
    }

    .shape-tworight-top .video-thumb-icon {
        left: 47%;
    }

    .client-wrapper .righ-top-shape,
    .client-wrapper .shape-left-top,
    .why-choose-sec .shape-top-right {
        display: none;
    }

    .banner-content .icon {
        width: 70px;
        height: 80px;
        margin: 0 0 6px;
    }

    .heading-banner {
        font-size: 45px;
    }

    .heading-banner {
        margin-bottom: 15px;
    }

    .banner-overlay .container {
        top: 60%;
    }
}
@media(min-width:720px) and (max-width:1200px){.video-mask{bottom: -20vw;}}
@media (max-width: 992px) {
    .hero-banner {
        min-height: 500px;
        height: 50vh;

    }
    .hm-wel h2{font-size: 28px;}
    .hm-sec-wrapper {
        overflow-x: hidden;
    }

    .hd-video-section {
        padding-bottom: 150px;
    }

    .client-text {
        margin-bottom: 50px;
    }

    .shape-left,
    .shape-left-bottom,
    .video-product .shape-left-top,
    .video-product .righ-top-shape,
    .video-product .bottom-left-shape,
    .bottom-right-shape {
        display: none;
    }

    .shape-right {
        right: -30%;
        top: inherit;
        bottom: 30px;
    }

    .banner-content {
        width: 100%;

    }


    .down-arrow {
        display: none;
    }


    .shape-onetop-left {
        display: none;
    }

    .hd-video-section {
        padding-bottom: 150px;
    }

    .hd-video-production .width33 {
        width: 50%;
        margin-bottom: 50px;
    }

    .hd-video-production .width33:nth-child(2) {
        border-right: 0;
    }

    .hd-video-production {
        margin: 100px 0px 30px;
    }

    .video-production-listing li a .icon.mnwd106 {
        height: auto;
        width: 60px;
    }

    .cl-caption p {
        font-size: 18px;
        line-height: 30px;
    }

    .cl-info {
        padding-right: 30px;
    }

    .cl-caption {
        padding-left: 30px;
    }

    .cl-slider.slick-dotted.slick-slider {
        padding: 0;
    }

    .hm-left-img {
        display: none;
    }

    .hm-content {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .client-wrapper {
        padding: 100px 0;
    }

    .customer-section .video-mask-left {
        left: 50%;
        transform: translate(-50%, 0);
    }

    .customer-section {
        padding: 100px 0 90px;
    }
}

@media (max-width: 767px) {
    .hero-banner {
        min-height: 500px;
        height: 50vh;

    }
 .hm-wel h2{font-size: 26px;}
    .letter.wow {
        letter-spacing: -5px;
    }

    .banner-content .icon {
        width: 50px;
        height: 60px;
        margin: 0 0 0px;
    }

    .hd-video-production {
        margin: 50px 0px 00px;

    }

    .hd-video-section {
        padding-bottom: 100px;
    }

    .hd-video-section .show-in-sd {
        margin-bottom: 30px;
        position: relative;
        text-align: center;
    }

    .hd-video-section .show-in-sd .video-thumb-icon {
        position: relative;
        display: block;
        transform: none;
        top: inherit;
        left: inherit;
        margin: 0 auto;
    }

    .customer-section a.video-thumb-icon {
        top: -2%;
        margin-top: 0;
        width: 320px;
        height: auto;
    }

    .shape-tworight-top,
    .customer-section .video-mask-left,
    .why-choose-sec .video-mask {
        display: none;
    }

    .video-thumb-icon svg {
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        transform: translate(-50%, -50%);
    }

    .hd-video-production .icon {
        margin-bottom: 10px;
        width: 65px;
        height: auto;
    }

    .pdleft-90 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cl-info img.mrgb20 {
        margin-bottom: 0;
        margin-right: 10px;
    }

    .cl-caption {
        padding-left: 0;
        width: 100%;
    }

    .cl-info .cl-des-info {
        display: inline-flex;
        flex-wrap: wrap;
        width: calc(100% - 100px);
        flex-direction: column;
        flex-flow: column;
    }

    .cl-designation {
        margin-bottom: 20px;
    }

    .client-wrapper {
        padding: 50px 0;
    }

    .cl-info {
        padding-right: 0;
        width: 100%;
        border-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
        align-items: flex-start;
    }

    .cl-slider .slick-dots {
        width: 100%;
        left: auto;
        bottom: -30px;
    }

    .more-review {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .client-text {
        margin-bottom: 0;
    }

    .cl-caption:before {
        position: absolute;
        content: "";
        width: 30px;
        height: 26px;
        left: 0px;
        top: -20px;
        background: url(../images/quote-icon.png) no-repeat top left;
        z-index: -1;
        background-size: cover;
    }

    .customer-section {
        padding: 130px 0 10px;
    }

    .shape-right {
        right: -5%;
        top: inherit;
        bottom: 30px;
        width: 30vw;
    }


    .why-choose-sec .show-in-sd .video-thumb-icon {

        top: inherit;
        margin: 0;
    }

    .video-product {
        padding: 65px 0 225px 0px;
    }

    .choose-wrapper {
        margin: 50px 0 100px;
    }

    .video-product {
        margin-top: 31%;
    }
}


@media (max-width: 680px) {

    .banner-overlay .container {
        top: 55%;
    }

    .mrgt-50 {
        top: -30px;
    }

    .choose-wrapper .width25 {
        width: 50%;
        margin-bottom: 30px;
    }

    .choose-wrapper p {
        font-size: 14px;
        line-height: 24px;
    }
.hm-wel h2 {
    font-size: 24px;
}

}

@media (max-width: 580px) {
    .heading-banner {
        font-size: 35px;
    }
.hm-wel h2 {
    font-size: 22px;
}
    .banner-content p {
        font-size: 20px;
    }

    .hd-video-production .width33 {
        width: 100%;
        margin-bottom: 30px;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .10);
    }

    .hd-video-content {
        padding-bottom: 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .hd-video-production .width33 p {
        display: none;
    }

    .hd-video-production .icon {
        margin-bottom: 0;
        width: 50px;
        margin-right: 20px;
    }

    .hd-video-production .icon:before {
        left: 0;
    }

    .hd-video-content .heading-24 {
        margin-bottom: 0;
        display: inline-flex;
        justify-content: flex-start;
        width: calc(100% - 100px);
    }

    .logo-col-4 {
        width: 33.33%;
        margin-bottom: 30px;
        padding: 0 5px;
    }

    .cl-caption p {
        font-size: 16px;
        line-height: 28px;
    }

    .video-product {
        margin-top: 50%;
    }

    .why-choose-sec .show-in-sd .video-thumb-icon {
        top: inherit;
        margin: 0;
        bottom: -40%;
        width: 265px;
    }

    .video-product {
        margin-top: 33%;
    }

    .video-product {
        padding: 65px 0 155px 0px;
    }

    .choose-wrapper .width25:last-child {
        padding-bottom: 25px;
    }
    .customer-section .show-in-sd .video-thumb-icon {
       
        margin-top: -145px;
    }
}

@media (max-width: 480px) {
    .heading-banner {
        font-size: 30px;
    }

    .banner-content p {
        font-size: 18px;
    }

   .hm-wel h2 {
    font-size: 20px;
}
    .why-choose-sec .show-in-sd .video-thumb-icon {
        bottom: -33%;
    }
}

@media (max-width: 380px) {
    .heading-banner {
        font-size: 34px;
    }

    .heading-24 ,.hm-wel h2 {
        font-size: 18px;
    }

    .hd-video-section .show-in-sd .video-thumb-icon {
        width: 265px;
    }

    .why-choose-sec .show-in-sd .video-thumb-icon {
        bottom: -37%;
    }


    .banner-overlay .container {
        top: 50%;
    }

    .customer-section a.video-thumb-icon {
        width: 260px;
    }

}

.shape-blob.two {
    height: 350px;
    width: 350px;
    left: 500px;
    top: -180px;
    transform: rotate(-180deg);
    animation: transform 30s ease-in-out infinite both alternate, movement_two 60s ease-in-out infinite both;
}

.shape-blob.one {
    height: 500px;
    width: 500px;
    left: -200px;
    top: -150px;
    transform: rotate(-180deg);
    animation: transform 30s ease-in-out infinite both alternate, movement_two 60s ease-in-out infinite both;
}

.shape-blob.two {
    height: 350px;
    width: 350px;
    left: 500px;
    top: -150px;
    transform: rotate(-180deg);
    animation: transform 30s ease-in-out infinite both alternate, movement_two 60s ease-in-out infinite both;
}


@keyframes transform {

    0%,
    100% {
        border-radius: 33% 67% 70% 30% / 30% 30% 70% 70%;
    }

    20% {
        border-radius: 37% 63% 51% 49% / 37% 65% 35% 63%;
    }

    40% {
        border-radius: 36% 64% 64% 36% / 64% 48% 52% 36%;
    }

    60% {
        border-radius: 37% 63% 51% 49% / 30% 30% 70% 70%;
    }

    80% {
        border-radius: 40% 60% 42% 58% / 41% 51% 49% 59%;
    }
}


@keyframes movement_one {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: translate(50%, 20%) rotateY(10deg) scale(1.2);
    }
}

@keyframes movement_two {

    0%,
    500% {
        transform: none;
    }

    50% {
        transform: translate(50%, 20%) rotate(-200deg) scale(1.2);
    }

}

@media (max-width: 360px) {

    .heading-banner {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .banner-content p {
        font-size: 16px;
    }

    .why-choose-sec .show-in-sd .video-thumb-icon {
        bottom: -27%;
    }

    .why-choose-sec .show-in-sd .video-thumb-icon {
        width: 215px;
    }
}