/* banner */
.banner{width: 100%;
    position: relative;
}

.mobilebanner{display: none; background: url(../images/mobilebanner.webp) no-repeat top center; background-size: cover; width: 100vw; height: 100%; position: absolute; top: 0; left: 0;}

.font-family{
    font-family: "Merriweather", serif !important;
    font-style: italic !important;
    font-size: 30px !important;
    
}

.mascot{width: 390px; height: 750px; background: url(../images/mascot.webp) no-repeat; position:absolute; z-index: 2; left: 10%; bottom: 0px;}

.banner-content-bg-img{
   background-image: url(../images/ffd.webp);
   background-position: center ;
   background-size: cover;
   background-repeat: no-repeat;
   width: 0%;
   height: 450px;
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
   color: #fff; 
   position: relative;
   z-index: 3;
   top: 0px;
}
.link{
    display: flex;
}


.home-banner-content{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;  
    flex-wrap: wrap; 
    position: absolute;
    z-index: 2;
    padding-right: 42px;
    width: 50%;
    height: 100%;
}

.banner-caption{font-size: 28px; color: #fff; padding-bottom: 20px; font-family: "Poppins"; font-weight: 600; text-align: center;}

.bookmyshow{text-align: center; color: #fff!important; font-weight: 700; margin: 15px auto; text-shadow: 0px 4px 4px rgba(0,0,0,0.8);}
.bookmyshow span{width: 150px; height: 50px; display: block; margin: 0px auto; background: url(../images/bookmyshow.webp) no-repeat; background-size: cover; font-size: 0px; }

.movie-content{width: 300px; color: #fff;}

.movie-content .partner-logo{width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 10px;}
.movie-content .partner-logo li{width: auto; padding: 0 5px;}
.movie-content .partner-logo li img{width: 100%;}

.home-banner-content img.dajlogo{width: 360px;}
.home-banner-content h4{font-size: 14px; font-weight: 400; font-family: 'Poppins'; letter-spacing: -1px; text-align: center;}
.home-banner-content h4 span{display: block; font-size: 24px; font-weight: 700;}

.home-banner-content .bottomcontent{background-color: #ffffff86; backdrop-filter: blur(5px); padding: 20px; margin-bottom: 10px; border-radius: 8px; margin-top: 15px; display: flex; align-items: center; flex-direction: row;}
.home-banner-content h5{color: #050505; font-size: 20px; font-weight: 300; text-align: left;  display: block; border-right: solid 1px #fff; padding-right: 10px;} 
.home-banner-content h5 span{font-size: 35px; font-weight: 700; display: block; letter-spacing: -1px;}
.home-banner-content h5 sup{font-size: 15px;}

.home-banner-content .bottomcontent a{display: block; height: 50px; line-height: 50px; padding: 0 10px; color: #fff; background: rgb(233,72,47); background: linear-gradient(23deg, rgba(233,72,47,1) 0%, rgba(181,6,6,1) 100%); margin-left: 10px; border-radius: 10px; }
.home-banner-content .bottomcontent a:hover{color: #fff;background: rgb(233,47,47);  background: linear-gradient(23deg, rgba(233,47,47,1) 0%, rgba(207,83,0,1) 50%, rgba(181,6,6,1) 100%);}

.musicsection {display: flex; flex-direction: row;}
.musicsection p {display: flex; align-items: center;background-color: #ffffff; backdrop-filter: blur(5px); border-radius: 5px; padding: 8px 10px; margin: 5px;}
.musicsection p:hover{background-color: #b21111;}
.musicsection p img{width: 40px; margin-right: 5px;}
.musicsection p a{font-size: 18px; color: #000; letter-spacing: 0px; font-weight: 400; display: block;}
.musicsection p a span{display: block; font-size: 14px;} 

.musicsection p:hover a{color: #fff;}

.about-banner{
    background-color: #1d3946;
    height: 100vh;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;   
    overflow: hidden;
}

.banner-content{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;   
    flex-wrap: wrap;
    position: absolute;
    z-index: 2;
    top: 32%; 
    width: 100%;
}

.newtheme{position: sticky;}


/* .............Start Pankaj............ */
.banner-content .about-cube{
    opacity: 1;
    font-weight: 300;
    font-size: 7vw;
    width: 50%;
    text-align: right;
    animation: fade-left linear forwards;
    animation-timeline: view(100px 650px);
    font-family: 'Poppins';
}
.banner-content .about-trabe{
    opacity: 1;
    width: 50%;
    font-size: 7vw;
    text-align: left;
    animation: fade-right linear forwards;
    animation-timeline: view(100px 650px);
    font-family: 'Poppins';
    color:#e9d27a;   
    font-weight: 500;
}

.banner-content h2{
    opacity: 1;
    font-weight: 500;
    font-size: 6vw;
    width: 100%;
    text-align: center;   
    font-family: 'Poppins';
    color: #fff;
}

.banner-content h5{font-family: "Merriweather", serif; font-size: 3vw; font-style: italic; font-weight: 200; color: rgb(209, 172, 126);}
.banner-content p{font-weight: 400; font-family: 'Poppins'; line-height: 45px; color: #fff; font-size: 25px; width: 75%; margin: 0 auto; padding-top: 20px;}
.banner-content p span{background-color: #325d6b; padding: 5px;}

.banner-continue-container{
    padding: 70px 0;
}
.flex-container{
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.story-right-cap{
    width: 60%;
    font-size: 40px;
    font-family: "Merriweather", serif;
    margin-top: 50px;
    font-weight: 400;
    line-height: 46px;
    float: right;
}
.st-quata{
    transform: rotate(0deg);
    padding-right:0px;
}



.media-tech-vertical{
    padding: 50px 0px;
    background-color: #fff;
    position: relative;
    width: 100%;
    z-index: 10;
    transform: translateY(20px);
}

.title{
    text-align: center;
    width: 40vw;
    margin: 0 auto;
}
.title h2{font-size: 75px; font-weight: 800;color: #dd9e16;line-height: 65px;padding-bottom: 20px;}

.title span{display: block; font-size: 30px; font-weight: 500; text-align: center;color: rgba(0, 0, 0, 0.836);}

.media-tech-content{
    padding: 0;
    margin-top: 25px;
    background-color: #c99e73;
    border-radius: 25px;
    overflow: hidden;
    width: 100%;
    height: 550px;
}
.content-box{
    display: flex;
    justify-content: space-between;
    padding: 0px;
}
.box-category-name{width: 50%; height: 550px; padding-left: 50px; display: flex; flex-direction: column;}
.box-category-image{width: 50%; overflow: hidden;}

.box-category-image img{
    width: auto;
    height: 550px;
    object-fit: cover;
    object-position: bottom;
}


.box-category-name h4{
    font-size: 42px;
    font-weight: 600;
    line-height: 45px;
    font-family: "Poppins", serif;
    margin-top: 20%;
}
.box-category-name h4 span{display: block; text-transform: uppercase; font-size: 18px; letter-spacing: 3px; opacity: 0.5;}
.box-category-name h6{
    font-size: 28px;
    font-weight: 400;
}
.box-category-name p{
    padding:15px 0;
    font-size: 24px;
    color: #000000d0;
    max-width: 90%;
    font-family: 'Poppins';
}
.main-img{
    position: relative;
    z-index: 5;
}
.layer-img{
    position: absolute;
    left: -100px;
    bottom: -200px;
    z-index:-2;
    opacity: 0.15;
}

.web-series-content{
    background-color: #423123;   
}


.web-series-content .box-category-name{
    color: #fff;
}
.web-series-content .box-category-name h4{
    color: #e3e3e3;
}

.web-series-content p{color: #fff;}

.web-box-category-image{
    display: flex;
    justify-content: center;
    gap: 15px;
    width: 50%;
}
.web-main-img{
    width: 50%;
    height: 550px;
}
.web-main-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.web-main-img-second{
    width: 19vw;
    height: 13vw;
    position: relative;
    z-index: 5;
}
.web-main-img-second img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/*  */
.megastructure{ background-color: #d1d1d1;}


.megastructure-main-img{
    width: 500px;
    height: 400px;
    position: relative;
    z-index: 5;  
}
.megastructure-main-img img{
    width: 100%;
    height: 100%;
}
.megastructure-layer-img{
    position: absolute;
    left: -100px;
    top: -220px;
    z-index:-2;
    opacity: 0.40;
}

.team{width: 100%; margin-top: -150px;}

.team-box{
    width: 550px;
    height: 650px;
    background-color: rgb(15, 15, 15);
    position: relative;
    border-radius: 15px;
}

.team-box img{width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px;}

.team-head{
    display: flex;
    justify-content: space-around;
    width: 1200px;
    margin: 0 auto;
}
.overlay-content{
    position: absolute;
    bottom: -20px;
    left:15px;
    right: 15px;
    background-color: rgba(0, 0, 0, 0.418);
    border-radius: 8px;
    backdrop-filter: blur(20px);
    color: #fff;
    padding: 30px 15px;
    display: flex;
    height: 220px;
    flex-direction: column;
    justify-content: left ;
    
}
.overlay-content h4{
    font-size: 35px;
    font-family: 'Poppins';
    font-weight: 400;
    display: flex;
    align-items: center;

}

.overlay-content h4 span{font-size: 20px; padding-left: 10px; margin-left: 10px; border-left: solid 1px #fff;}
.overlay-content p{font-size: 18px;}
.supportive-char{
    padding-top: 50px;
}
.sup-team-box{
    width: 350px;
    height: 380px;
    background-color: rgb(221, 221, 221);
    position: relative;
    overflow: hidden;
    border-radius: 15px;    
}

.sup-team-box img{width: 100%; object-fit: cover; object-position: center;}

.sup-team-box-overlay{
    position: absolute;
    bottom: -60px;
    left: 10px;
    right: 10px;
    height: auto;
    padding: 25px 15px;
    background-color: #cfcfcf2d;
    backdrop-filter: blur(20px);
    opacity: 0;
    transition: all ease-in-out .5s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
    font-family: 'poppins';
}
.sup-team-box-overlay h5{
    font-size: 25px;
    margin-bottom: 5px;
}

.sup-team-box:hover .sup-team-box-overlay{
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    height: auto;
    padding: 25px 15px;
    background-color: #dadada23;
    opacity: 1;
    border-radius: 8px;
}
.supportive-char{
    display: flex;
    gap: 25px;
    justify-content: center;
    flex-wrap: wrap;
}

.movie-strangh{
    padding: 60px 0;
    width: 100%;
}
.movie-straingh-heading{
    max-width: 50%;
    transform: translateY(80px);
    
}
.movie-straingh-heading h3{
    font-size: 33px;
    line-height: 42px;
    font-weight: 300;
    color: #000000;
    font-family: "Merriweather", serif;
}

.movie-straingh-heading h3 span{color: #cb3535; font-family: "Merriweather", serif; font-style: italic;}

.centerhead{text-align: center;}
.centerhead h4{font-family: 'Poppins'; font-size:45px}
.centerhead p{font-family:"poppins"; font-size: 26px; color: #202020;}

/* .............new............ */
/* new start  */
.stran-main-flx{
    display: flex;
    justify-content: center;
    gap: 25px;
    padding: 0 70px;
}
.strang-flex-box{
    width: 50%;
    gap: 50px;
    display: flex;
    flex-direction: column;
}
.strang-flex-box-1{
    margin-top: 125px;
}
.make-box{
    width: 96%;
    height: 500px;
    background-color: #efefef;
    border-radius: 10px;
    position: relative;
    border-radius: 15px;
}
.make-box-2{
    margin-bottom: 60px;
}
.make-box-overlay{
    position: absolute;
    bottom: -70px;
    left: 40px;
    right: 40px;
    background-color: #ffffff;
    padding: 25px 45px;
    color: #202020;
    border-radius: 8px;
   box-shadow: 0px 12px 25px rgba(0,0,0,0.1);
   font-family: 'Poppins';   
}

.make-box img{width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 15px;}

.make-box-overlay h3{
    font-size: 25px;
    color: #0e8ea5;
    font-family: 'Poppins';
    font-weight: 400;
}

.make-box-overlay p{font-family: 'Poppins'; font-size: 18px; font-weight: 400;}

.make-box-overlay p span{font-weight: 600; color: #202020; font-family: 'Poppins';}

.our-partners{
    padding: 60px 0;
    text-align: center;
}
.partner-head h2{
    font-size: 100px;
    line-height: 160px;
    color: rgb(197, 197, 197);
    letter-spacing: -5px;
    text-transform: uppercase;
    font-family: "oswald";
}
.our-clients{
    display: flex;
    gap: 20px;
    justify-content: center;
}
.client-box{
    width: auto;
    height: 130px;
    background-color: #fff;
    border: solid 1px #dbdbdb;
}

.client-box img{height: 100%; object-fit: cover; object-position: center;}
/* new end */

/* today'morning */
.inspiration{background:url(../images/blue-bg.webp) no-repeat fixed; min-height: 100vh; margin-top: 50px; padding: 50px 0;}
.inspiration p.subhead{color: rgb(209, 172, 126)!important; padding-top: 20px; font-size: 40px; font-style: italic;}

.inspiration .left_para{padding-top: 10px; color: #dfdfdf;}
.inspiration-content{text-align: left; color: #dfdfdf;}
.inspiration-content p{font-family: 'Poppins'; font-size: 25px; margin-bottom: 25px; width: 90%;}
.inspiration-content p span{font-weight: 600; background-color: #325d6b; color: #dfdfdf; padding:2px 5px;}

.inspiration-content h4{font-family: "Merriweather"; font-weight: 300; font-size: 40px;}

.inspiration-banner{width: 950px; position: relative; padding-left: 80px; margin-bottom: 40px;}
.inspiration-banner h4{background-color: #fff; font-size: 30px; position: absolute; width: 500px; color: #000; right: -350px; top: 25%; padding: 35px;}

.content-left{width: 50%; float: left;}
.content-left p{font-size: 25px; line-height: 28px; width: 85%;}

.behind-the-screen{
    padding: 60px 0;
    background-color: #ececec;
    margin-top: 0px;
}
.produce-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    align-items: center;
    padding: 0 80px;
}
.profile-image{
    width: 340px;
    height: 340px;
    background-color: #2992b5;
    border-radius: 15px;
    overflow: hidden;
}
.the-brain{
    display: flex;
    gap: 25px;
    align-items: center;
    width: 65%;
  
}
.main-produce h3{
    font-size: 30px;
    font-weight: 400;
    font-family: 'Poppins';
}

.main-produce h3 span{display: block; font-size: 18px; font-weight: 600;font-family: 'Poppins';}

.main-produce a{
    border: none;
    padding: 15px 30px;
    margin-top: 15px;
    border-radius: 8px;
    background-color: #fcbc24;
    font-size: 18px;
    color: black;
    font-weight: 600;
    display: block;
    width: 170px;
    text-align: center;
}
.main-produce a:hover{background-color: #e0a20f;}
.creative-side{
    width: 35%;
}
.produce-detail{
    display: flex;
    gap: 20px;
    align-items: top;
    flex-direction: column;
}
.produce-detail li {background-color: #fff; padding: 15px 0; margin-bottom: 10px; border-radius: 10px; padding-left: 20px; box-shadow: 0px 5px 20px rgba(0,0,0,0.1);}
.produce-detail li h4{font-size: 25px; font-weight: 600; font-family: 'Poppins';}
.produce-detail li h5{font-size: 20px; font-weight: 400; font-family: 'Poppins'; display: flex; align-items: center;}
.produce-detail li h5 span{font-family: 'Poppins';}
.produce-detail li h5 span.small{font-size: 17px; line-height: 22px;}
.produce-detail li img{width: 60px; margin-right: 5px;}
/*  */
.tech-team{
    padding: 60px 0;
}
.tech-head{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
}
.tech-head h2{
    font-size: 100px;
    color: #c4c4c483;
}
.tech-flex-container{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.tech-flex-box{
    width: calc(25% - 20px);
    height: 200px;
    border: 1px solid rgb(202, 202, 202);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.tech-flex-box h3{
    font-size: 25px;
    line-height: 30px;
    font-family: 'Poppins';
    font-weight: 500;
}
.tech-flex-box h3 span{
     display: block;
     text-transform: uppercase;
     font-weight: 400;
     font-size: 18px;
     font-family: 'Poppins';
     color: #ef8f29;
}

.videobox{width: calc(33.33% - 20px); position: relative;  border-radius: 15px; overflow: hidden;}
.videobox a{display:block; position: absolute; width: 60px; height: 60px; border-radius: 60px; left: auto; top: auto; background: url("../images/red-play-btn.webp") no-repeat center center rgba(226, 226, 226, 0.85); z-index: 1; box-shadow: 0px 10px 15px rgba(0,0,0,0.2);}

/* End Pankaj */


    @keyframes fade-left {
        to{opacity: 0;transform: translateX(-300px);}
    }
    @keyframes fade-right {
        to{opacity: 0;transform: translateX(300px);}
    }

    /* new section */
    .cube-story{
        width: 100%;
        position: relative;
        padding: 50px 0 50px;
    }
    .about-cube-heading{
        text-align: center;
    }
    .about-cube-heading h2{
        display: block; letter-spacing: -5px; font-size: 6vw; font-weight: 800;color: #cbcbcb; text-align: center;
    }
    .about-cube-heading h2 span{color: #999999;;}
    .about-cube-heading h2 small{font-size: 3vw; letter-spacing: 0px; font-weight: 600;  display:block;}
    .about-cube-heading p
    {
        font-family:"Merriweather", serif;
        font-size: 35px;
        color: #303030;       
        letter-spacing: 0px;
        font-weight: 400;
        font-style: italic;
    }

    .left_para{font-size: 30px; line-height: 35px; font-weight: 400; width: 70%; margin: 0 auto; padding: 50px 0px; font-family: 'Poppins'; letter-spacing: 0px;}

    .our-story-container{
        width: 100%;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
        gap:10px
    }
    .story-box{
        display: flex;
        justify-content: space-between;
        width: 50%;
    }

    .story-box.full-width{width: 100%;}

    .story-box .img-box {
      width: 1000px;
      height: 800px;
    }
    .award-1{
        background-image: url(../images/award-1.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .award-2{
        background-image: url(../images/award-2.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .award-3{
        background-image: url(../images/award-3.webp);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .award-4{
        background-image: url(../images/award-4.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
   .award-5{
        background-image: url(../images/award-5.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .awardlist li{padding: 15px 0; border-bottom: solid 1px #222;}

    .story-box .img-box img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .story-box .cube-content-box {
        width: 700px;
        padding: 40px 15px 60px 15px;      
        background-color: #0e0e0e;
        color: #fff;
        display: flex;
        align-items: end;
      }
      .story-box .cube-content-box.white-box{background-color: #fff;}

      .story-box .cube-content-box img{width: 380px;}
      .story-box .cube-content-box h3{font-size: 25px; text-transform: uppercase; padding-bottom: 8px; font-weight: 400; color: #2a86ad;}
      .story-box .cube-content-box h4{
        font-size: 60px;
        padding: 0px;
        letter-spacing: -3px;
        line-height: 55px;
      }
      .story-box .cube-content-box p{
        color: #dea845;
        font-size: 30px;
      }
    

      .story-box .awardlast{width: 1000px; align-items: center;}
      .story-box .cube-content-box h5{color: #000; font-size: 40px; line-height: 50px; font-weight: 400; font-family: "Merriweather", serif;}
      .story-box .cube-content-box h5 span{color: #cb3535; font-weight: 600; font-family: "Merriweather", serif; font-style: italic; }
      .cube-content{
        max-width: 90%;
        padding-left: 20px;
      }
      .awardlast .cube-content{
       text-align: center;
       }

  
      .video-box .cube-bg-th{
        width: 1700px;
        position: relative;
      
      }
      .video-box .playButton img{
        transition: all 1s ease-in-out;
      }
  
      .video-box .cube-bg-th::after{
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #00000091;
      }
      .video-box:hover .playButton img{
          transform: rotate(360deg);
      }
      .playButton{
        position: absolute;
        top: 45%;
        left: 45%;
        
      }
      .playButton img{
        width: 120px;
        height: 120px;
      }
 
      .video-box .playButton img:hover{
        transform: scale(1.2);
      }





    
























/* 
 .media-cube{
    width: 100%;
}
.media-img{
    width: 100%;
    display: flex;
    overflow: hidden;
}
.img-box{
    position: relative;
    width: 50%;
}
.img-box::after{
    position: absolute;
    content: "";
    top: 0 ;
    left: 0;
    bottom: 4px;
    right: 0;
    background: linear-gradient(270deg, rgba(0,0,0,0) 32%, rgba(0,0,0,0.6783088235294117) 100%);
}
.img-box > img{width: 100%; height: 60vh; object-fit: cover; object-position: center; transition: all 0.4s ease-in-out;}
.service{position: absolute; left: 0px; bottom: 4px; color: #fff; display: flex; z-index: 5; width: 60%;}
.service a{color: #fff;}

.service .service-keys{background-color: rgba(0 0 0 / 20%); backdrop-filter: blur(10px); padding: 30px; position: relative; width: 100%; transition: all 0.3s ease-in-out;}
.service .service-keys .left{width: 70%;}
.service .service-keys h2{font-size: 50px; font-weight: 200;}

.service .service-keys h2 span{font-weight: 700;}
.service .service-keys h3{border-bottom: 1px solid rgba(214, 214, 214, 0.2); padding: 10px 20px 10px 0; font-size: 30px; font-weight: 200; margin-left: 0px;}

.service .service-keys h3 a{
    transition: all ease .6s;
}
.service .service-keys h3:hover a{
    color: #48d1ff;
    padding-left: 5px;
}
.img-box:hover img{filter: grayscale(0);}

.img-box:hover .service-keys{background-color: rgba(0 0 0 1.0 / 70%); backdrop-filter: blur(20px);}

.details-links{position: absolute; font-weight: 200; font-size: 20px; width: 30%; right: 0px; top: 40px; bottom: 20px; border-left: solid 1px rgba(214, 214, 214, 0.2); display: flex; justify-content: center; align-items: center;}

.details-links a{display:block; width: 70px; height: 70px; background-color: rgba(255 255 255 / 50%); border-radius: 100%; transition:all ease.6s; display: flex; justify-content: center; align-items: center;}
.details-links a:hover{background-color: rgba(255 255 255 / 100%)}
   */
/* about-our-company */
.about-our-company{
    padding: 100px 0px 50px 0;
    position: relative;
    width: 100%;
}

.dhrubo-background{background: url(../images/dhrubo-bg.webp) no-repeat bottom right; background-size: contain; height: 800px;}

.aboutleftpart{float: left; width: 82%;}
.aboutleftpart h4{font-size: 40px; line-height: 50px; font-weight: 300; margin-bottom: 20px; font-family: "Merriweather", serif; width: 80%;}
.aboutleftpart h4 span{color: #cb3535;font-family: "Merriweather", serif; font-style: italic;}
.aboutleftpart p{font-size: 25px; padding-bottom: 20px;}

.aboutrightpart ul{padding: 30px 0px; margin: 0px auto; display: block; clear: both; float: left; width: 1260px;}
.aboutrightpart ul li{width: 300px; height: 300px; display: block; float: left; list-style: none; position: relative; margin: 0px 20px 0 0;}
.aboutrightpart ul li:last-child{margin-right: 0px;}
.aboutrightpart ul li h3{font-size:45px; font-weight: 800; color:#43a6c7; padding:75px 0px 0px 55px; margin: 0px;}
.aboutrightpart ul li h3 span{color: #9d9d9d;}
.aboutrightpart p{width: 90%; color: #363636; padding-left: 55px; font-size: 16px; line-height: 20px;}
.cir1{background: url('../images/cir1.webp') no-repeat; }
.cir2{background: url('../images/cir2.webp') no-repeat; }
.cir3{background: url('../images/cir3.webp') no-repeat; }
.cir4{background: url('../images/cir4.webp') no-repeat; }

/* small discribestion */
.our-short-describtion{
    background: #dddddd;
    padding: 100px 0;  
    
}
.newsmedia-bg{background-color: #dddddd;}
.news-media{display: flex; width: 100%; flex-wrap: wrap; justify-content: left;}
.news-media li{width: calc(25% - 30px); min-height: 200px; background: #fff; padding: 20px; border-radius: 10px; margin: 15px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);}
.news-media li h2{font-size: 20px; padding-bottom: 20px ;}
.news-media li p{width: 100%; display: flex; justify-content: left; flex-wrap: wrap; align-items: center; }
.news-media li p img{height: 30px; margin-left: 5px;}
.news-media li a{display: inline-block; margin-top: 20px; border-radius: 8px; background: linear-gradient(23deg, rgb(35, 115, 190) 0%, rgb(24, 74, 148) 100%); padding: 10px 15px; text-align: center; color: #fff; cursor: pointer;}
.news-media li a:hover{background: linear-gradient(23deg, rgb(24, 74, 148) 0%, rgb(35, 115, 190) 100%);}

.copyright{display: block; text-align: center; width: 100%; padding: 10px 0; font-size: 14px; position: relative;}
.copyright a{color: #2a86ad;}
.copyright span{position: absolute; display: flex; flex-direction: row; gap: 4px; right: 20px; bottom: 20px;}
.copyright span a{display: block; width: 30px; height: 30px;}
.copyright span a img{width: 100%;}
/* fotter-top */

.story{
    text-align: center;
    justify-content: center;
    padding-bottom: 145px;
    width: 100%;
}
.story .concept{
    font-size: 50px;
    color: #00000083;
}

/* team css */

.section.is--grid {
    position: relative;
    z-index: 1;
    padding: 0px;
   
}