/* ----------------------------------dropdwn_btn------------------------------------- */
 
 .dropbtn {
     /* background-color: #3498DB; */
     color: white;
     padding: 16px;
     font-size: 16px;
     border: none;
     cursor: pointer;
 }
 .dropbtn1 {
     /* background-color: #3498DB; */
     color: white;
     padding: 16px;
     font-size: 16px;
     border: none;
     cursor: pointer;
 }
 
 /* .dropbtn:hover, .dropbtn:focus {
                        background-color: #2980B9;
                      } */
 
 .dropdown {
     position: relative;
     display: inline-block;
 }
 
 .dropdown-content {
     display: none;
     position: absolute;
     background-color: #f1f1f170;
     min-width: 175px;
     overflow: auto;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     padding: 0;
 }
 
 .dropdown-content1 {
     display: none;
     position: absolute;
     background-color: #f1f1f170;
     min-width: 175px;
     overflow: auto;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     padding: 0;
 }
 
 .dropdown-content_white {
     background-color: #ec1163d1;
 }
 
 .dropdown-content a {
     color: #ffffff;
     padding: 12px 16px 12px 10px;
     text-decoration: none;
     display: block;
     text-align: start;
 }
 
 .dropdown-content1 a {
     color: #ffffff;
     padding: 12px 16px 12px 10px;
     text-decoration: none;
     display: block;
     text-align: start;
 }
 
 .dropdown a:hover {
     background-color: #f2354e;
 }
 
 .col-sm-4.col-md-4.col-xl-4.foot-row {
     display: flex;
     justify-content: center;
 }
 
 .col-sm-4.col-md-4.col-xl-4.subfoot {
     display: flex;
     justify-content: center;
 }
 
 .footicon a i {
     color: white;
     font-size: 30px;
     margin: 10px;
 }
 
 .footer .footer-menu .footer-listing .footer-listing-item .footer-listing-item-link:hover {
     color: #ec1163;
 }
 /* .copy-rights {
     display: flex;
     justify-content: center;
 } */
 
 
 section.container.request-demo {
	 margin-top: 150px;
}

section.container.request-demo h3 {
	    font-size: 35px;
    line-height: 40px;
}

section.container.request-demo h4 {
	font-size: 20px;
    line-height: 30px;
}
 
@media screen and (max-width: 740px) {
	.footicon a i {
    color: white;
    font-size: 14px;
   margin: 0px; 
}
	
}

@media screen and (max-width: 425px) { 
	.footicon a i {
    color: white;
    font-size: 14px;
   margin: 0px; 
}
}

@media screen and (max-width: 360px) { 
	.footicon a i {
    color: white;
    font-size: 14px;
   margin: 0px; 
}
}
 /*------------------------------end dropdown--------------------------------------*/
 
 body.main_body {
     background-image: url("http://cereone.com/assets/desktop_creatives/cereone_bg2.png");
     background-size: cover;
 }
 
 h1.video_ads_client {
     color: #ec1163;
 }
 
 h2.video_ads_client {
     color: #ec1163;
 }
 
 .navnav-link-two {
     color: #ec1163;
 }
 
 .navbar .nav .nav-item .nav-link-two {
     color: #ec1163;
 }
 
 a.links.btn.ms-auto {
     border-color: white;
     font-weight: normal;
 }
 
 img {
     /* border-radius: 100%; */
     /* width: 100px; */
     /* height: 100px; */
     object-fit: cover;
     float: left;
     margin-right: 20px;
 }
 
 .row.banner {
     padding: 40px 0 45px 0;
 }
 
 .card.bg-transparent.border-0 {
     top: 25%;
 }
 
 .links {
     color: white;
 }
 
 .links:hover {
     color: white;
 }
 
 h5.text-white.ban-text {
     font-size: 40px;
     line-height: 40px;
 }
 
 p.text-white.ban-text {
     font-size: -webkit-xxx-large;
     line-height: 42px;
     font-weight: 600;
 }
 
 p.text-white.ban-text-lower {
     font-size: small;
     padding-top: 20px;
 }
 
 a.links.btn.ban-btn {
     margin-right: auto;
 }
 
 a.links.btn.ban-btn {
     border: 2px solid white;
     /* Add any other desired styles */
 }
 
 p.btn-text {
     margin-bottom: 0;
     font-weight: 300;
 }
 
 .footer {
     padding-top: 15px;
 }
 
 .footer .footer-title {
     margin-bottom: 15px;
 }
 
 .footer .footer-menu .footer-listing .footer-listing-item {
     padding-bottom: 5px;
 }
 
 .footer .footer-menu .footer-listing {
     padding: 0;
     margin-bottom: 10px;
 }
 
 .license-row {
     text-align: center;
 }
 
 p.license-titles {
     margin-bottom: 0rem;
 }
 
 @media screen and (max-width: 740px) {
     .navbar .btn {
         height: 35px;
         min-width: 0px;
     }
     .btn {
         font-weight: 600;
         font-size: 8px;
         letter-spacing: 2px;
         line-height: 21px;
         padding-left: 5px;
         padding-right: 5px;
         position: relative;
     }
     .navbar .nav .nav-item .nav-link {
         color: #ec1163;
     }
     .banner.col-md-6.col-sm-8 {
         width: 50%;
         max-width: 50%;
     }
     .banner.col-md-6.col-sm-4 {
         width: 50%;
         max-width: 50%;
     }
     .card.bg-transparent.border-0 {
         top: 10%;
     }
     h5.text-white.ban-text {
         font-size: 20px;
         line-height: 20px;
     }
     p.text-white.ban-text {
         font-size: x-large;
         line-height: 21px;
         font-weight: 600;
     }
     p.text-white.ban-text-lower {
         padding-top: 0px;
         font-size: x-small;
     }
     p.btn-text {
         margin-bottom: 0;
         font-weight: 300;
         font-size: x-small;
     }
     .col-sm-6.col-md-6.col-xl-4.foot-row {
         width: 50%;
     }
     .footer .footer-title {
         font-size: 10px;
     }
     .dropdown-content {
         background-color: #ec1163;
         position: initial;
     }
     .dropdown-content a {
         text-align: center;
     }
	 .dropdown-content1 {
         background-color: #ec1163;
         position: initial;
     }
     .dropdown-content1 a {
         text-align: center;
     }
 }
 
 @media screen and (max-width: 425px) {
     .navbar .btn {
         height: 35px;
         min-width: 0px;
     }
     .btn {
         font-weight: 600;
         font-size: 8px;
         letter-spacing: 2px;
         line-height: 21px;
         padding-left: 5px;
         padding-right: 5px;
         position: relative;
     }
     .navbar .nav .nav-item .nav-link {
         color: #ec1163;
     }
     .dropdown-content {
         background-color: #ec1163;
         position: initial;
     }
     .dropdown-content a {
         text-align: center;
     }
	 .dropdown-content1 {
         background-color: #ec1163;
         position: initial;
     }
     .dropdown-content1 a {
         text-align: center;
     }
 }
 
 @media screen and (max-width: 360px) {
     .navbar .btn {
         height: 35px;
         min-width: 0px;
     }
     .btn {
         font-weight: 600;
         font-size: 8px;
         letter-spacing: 2px;
         line-height: 21px;
         padding-left: 5px;
         padding-right: 5px;
         position: relative;
     }
     .navbar .nav .nav-item .nav-link {
         color: #ec1163;
     }
     .dropdown-content {
         background-color: #ec1163;
         position: initial;
     }
     .dropdown-content a {
         text-align: center;
     }
	 .dropdown-content1 {
         background-color: #ec1163;
         position: initial;
     }
     .dropdown-content1 a {
         text-align: center;
     }
 }
 
 @media screen and (max-width: 1280px) {
     body.main_body {
         background-image: url("http://cereone.com/assets/desktop_creatives/cereone_bg3.png");
         background-size: cover;
     }
 }
 /* -------------------------------Story--------------------------------- */
 
 section#services-section\ {
     padding-top: 35px;
 }
 
 h3.story-head {
     text-align: start;
     color: #ec1163;
     font-family: 'Montserrat', sans-serif;
     font-size: 40px;
     font-weight: 800;
 }
 
 p.story-text {
     text-align: justify;
 }
 
 a.links.btn.story-btn {
     color: #ec1163;
     border: 2px solid #ec1163;
     float: left;
 }
 
 p.story-btn-text {
     margin-bottom: 0;
     font-weight: 300;
 }
 
 img.story-img {
     width: 50%;
 }
 
 img.story-img.story-img2 {
     float: right;
 }
 
 img.story-hidden-img {
     transform: translate(165px, -165px)
 }
 
 img.story-img.story-img2 {
     transform: translateY(-100px);
 }
 
 @media screen and (max-width: 740px) {
     .col-md-6.order-md-1.order-2 {
         transform: translateY(-140px);
     }
     h3.story-head {
         text-align: start;
         color: #ec1163;
         font-family: 'Montserrat', sans-serif;
         font-size: 32px;
         font-weight: 800;
     }
     p.story-text {
         text-align: justify;
         font-size: 8px;
         line-height: 2;
         margin: 5px;
     }
     img.story-img.story-img2 {
         transform: translateY(-118px);
     }
 }
 /* ------------------------------Whyitwork-------------------------- */
 
 .row.partner-row {
    padding: 30px 0px 0px 0px;
}

 .abt-why {
     height: 410px;
 }
 
 img.abt-why-img {
	 padding-top: 370px;
     transform: translateY(55px);
     width: 70%;
 }
 
 .about-why.col-6.col-md-4.col-sm-12.second-col {
     transform: translate(175px, 10px);
     text-align: justify;
 }
 
 h3.abt-why-head {
     color: #ec1163;
     font-family: 'Montserrat', sans-serif;
     font-size: 40px;
     font-weight: 800;
	 text-align: center;
 }
 
 p.abt-why-text {
     margin-top: 28px;
 }
 section#about-info-section {
    margin-top: 50px;
}
 
 @media screen and (max-width: 740px) {
	 .abt-why {
     height: 50px;
 }
     p.abt-why-text {
         padding: 0 36px 0 5px;
         margin: 5px;
     }
     img.abt-why-img {
         width: 140px;
         transform: translateY(62px);
     }
     h3.abt-why-head {
         color: #ec1163;
         font-family: 'Montserrat', sans-serif;
         font-size: 32px;
         font-weight: 800;
     }
     .col-3.col-sm-5.third-col {
         /* display: none; */
         visibility: hidden;
     }
     p.abt-why-text {
         padding: 0 36px 0 5px;
     }
     .about-why.col-6.col-md-4.col-sm-12.second-col {
         flex: 1;
         font-size: 8px;
         transform: translateY(-145px);
         line-height: initial;
     }
     .footer .footer-menu .footer-listing .footer-listing-item {
         padding-bottom: 0px;
     }
     .footer .footer-menu .footer-listing .footer-listing-item .footer-listing-item-link {
         color: white;
         font-weight: 300;
         font-size: 10px;
         line-height: 9px;
         text-decoration: none;
     }
     .footer .copy-rights {
         font-size: 10px;
     }
 }
 /* ----------------------------------Brand Life------------------------------ */
 
 .company-section {
     display: grid;
     grid-template-columns: 1fr 1fr 1fr;
     transform: translateY(-162px);
     position: relative;
     z-index: 2;
 }
 
 .row.comp-text {
     display: flex;
     justify-content: center;
 }
 
 .company-text {
     text-align: justify;
 }
 
 .company-section>.container-xxl {
     display: flex;
     justify-content: center;
     grid-column: 2;
 }
 
 h3.company-head {
     font-size: 72px;
     line-height: 76px;
     padding: 0 0 0 24px;
 }
 /* --------------------------------- */
 
 .company-card {
	 height: 350px;
     display: flex;
     transform: translateY(-130px);
     justify-content: space-between;
     padding: 0 300px 50px 280px;
     position: relative;
     z-index: 1;
 }
 
 h4.company-services-title {
     line-height: 32px;
     font-size: 21px;
 }
 
 .company-card .container {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .comp-card {
     display: flex;
     flex-wrap: wrap;
 }
 
 .comp-card.col-4.col-md-4.col-sm-4 {
     width: 28.33%;
     margin: 0px 15px;
     padding: 0 10px;
 }
 
 .company-services.black-box {
     width: 235px;
     height: 155px;
 }
 
 h4.company-services-title.comp-title1 {
     padding-top: inherit;
 }
 
 /*h4.company-services-title.comp-title5 {
     padding-top: inherit;
 } */
 
 h4.company-services-title.comp-title4 {
     font-size: 21px;
     line-height: normal;
	 padding: inherit;
 }
 
 .company-services.black-box.aos-init.aos-animate {
     background-color: #fcaf1a;
     padding: 30px 15px 10px 30px;
     border-radius: 44px;
 }
 
 .company-services.black-box.first-col.aos-init.aos-animate {
     position: relative;
     z-index: 1;
     transform: translate(49px, -79px);
 }
 
 .company-services.black-box.first-third-col.aos-init.aos-animate {
     transform: translate(-60px, 95px);
 }
 
 .company-services.black-box.sec-first-col.aos-init.aos-animate {
     /* margin: 0 -6px; */
     transform: translate(65px, -60px);
 }
 
 .company-services.black-box.sec-second-col.aos-init.aos-animate {
     margin-top: 20px;
 }
 
 span.comp-icon {
     float: right;
     padding-right: 20px;
 }
 
 span.comp-icon.icon-sign {
     transform: translateY(-32px);
 }
 
 span.comp-icon-text {
     float: right;
     transform: translate(-8px, -12px);
 }
 
 .company-services.black-box.sec-first-col.aos-init.aos-animate {
     border: 3px solid #fcaf1a;
     background-color: #fcaf1a;
 }
 
 span.comp-icon.icon-sign i {
     color: white;
     font-size: 25px;
 }
 
 span.comp-icon i {
     color: white;
     font-size: 45px;
 }
 
 .company-services.black-box.third-first-col.aos-init.aos-animate {
    transform: translate(50px, -60px);
}

h4.company-services-title.comp-title6 {
    padding: inherit;
}

 @media screen and (max-width: 1450px) {
     h3.company-head {
         font-size: 60px;
         line-height: 76px;
         padding: 0 0 0 24px;
     }
     .company-services.black-box {
         width: 204px;
         height: 155px;
     }
     h4.company-services-title.comp-title4 {
         font-size: 21px;
         line-height: normal;
		 padding: inherit;
     }
     span.comp-icon-text {
         float: right;
         transform: translate(-8px, -3px);
     }
     .company-services.black-box.first-col.aos-init.aos-animate {
         position: relative;
         z-index: 1;
         transform: translate(45px, -84px);
     }
     span.comp-icon.icon-sign {
         transform: translateY(-23px);
     }
     span.comp-icon {
         float: right;
         padding-right: 10px;
     }
     .company-services.black-box.sec-first-col.aos-init.aos-animate {
         transform: translate(60px, -71px);
     }
 }
 
 @media screen and (max-width: 1280px) {
     h3.company-head {
         font-size: 60px;
         line-height: 76px;
         padding: 0 0 0 24px;
     }
     .company-services.black-box {
         width: 204px;
         height: 155px;
     }
     h4.company-services-title.comp-title4 {
         font-size: 21px;
         line-height: normal;
		 padding: inherit;
     }
     span.comp-icon-text {
         float: right;
         transform: translate(-8px, -3px);
     }
     .company-services.black-box.first-col.aos-init.aos-animate {
         position: relative;
         z-index: 1;
         transform: translate(-22px, -86px);
     }
     span.comp-icon.icon-sign {
         transform: translateY(-23px);
     }
     span.comp-icon {
         float: right;
         padding-right: 10px;
     }
     .company-services.black-box.sec-first-col.aos-init.aos-animate {
         transform: translate(3px, -72px);
     }
     .company-services.black-box.first-third-col.aos-init.aos-animate {
         transform: translate(0px, 95px);
     }
 }
 
 @media screen and (max-width: 740px) {
     .company-section {
         display: grid;
         grid-template-columns: 1fr 3fr 1fr;
         transform: translateY(115px);
         /* font-size: 7px; */
         position: relative;
         z-index: 2;
         /* line-height: 15px; */
     }
     p.company-text {
         text-align: justify;
         font-size: 7px;
         padding: 0 20px;
         line-height: 14px;
     }
     h3.company-head {
         font-size: 29px;
         line-height: 35px;
     }
     .company-card {
         display: flex;
         transform: translateY(145px);
         justify-content: space-between;
         padding: 0 10px 50px 10px;
         position: relative;
         z-index: 1;
     }
     .company-services.black-box {
         width: 101px;
         height: 60px;
     }
     h4.company-services-title {
         line-height: 10px;
         font-size: 8px;
     }
     .company-services.black-box.aos-init.aos-animate {
         background-color: #fcaf1a;
         padding: 14px 21px 10px 12px;
         border-radius: 18px;
         transform: translate(-10px, -25px);
     }
     h4.company-services-title.comp-title4 {
         font-size: 8px;
         line-height: normal;
     }
     span.comp-icon-text {
         float: right;
         font-size: 5px;
         transform: translate(10px, -10px);
     }
     span.comp-icon.icon-sign i {
         color: white;
         font-size: 25px;
     }
     span.comp-icon i {
         color: white;
         font-size: 25px;
     }
     span.comp-icon {
         float: right;
         padding-right: 0px;
     }
     span.comp-icon {
         float: right;
         padding-right: 0px;
         transform: translateY(-15px);
     }
     .company-services.black-box.first-third-col.aos-init.aos-animate {
         transform: translate(-15px, 12px);
     }
     .company-services.black-box.sec-first-col.aos-init.aos-animate {
         transform: translate(-4px, -62px);
     }
     .company-services.black-box.first-col.aos-init.aos-animate {
         position: relative;
         z-index: 1;
         transform: translate(-10px, -59px);
     }
     .company-services.black-box.sec-second-col.aos-init.aos-animate {
         margin-top: 0px;
     }
	 .company-services.black-box.third-first-col.aos-init.aos-animate {
    transform: translate(-10px, -62px);
}
 }
 /* --------------------------Portfolio------------------------------------- */
 
 p.portfolio-head {
     float: right;
     font-size: 40px;
     line-height: 40px;
     color: #ec1163;
     font-weight: 500;
 }
 
 p.portfolio-text {
     float: right;
     margin-right: 60px;
 }
 
 .portfolio-img-container {
     display: flex;
     justify-content: center;
     /* Center horizontally */
     align-items: center;
     /* Center vertically */
     position: relative;
     z-index: 2;
 }
 
 .portfolio-img {
     width: 50%;
 }
 
 img.portfolio-bkgnd {
     transform: translateY(-250px);
     position: relative;
     z-index: 1;
     margin-bottom: -130px;
 }
 
 div.portfolio-list {
     float: right;
     transform: translate(100px, 100px);
 }
 
 a.hover-icon {
     text-decoration: none;
     color: black;
 }
 
 .portfolio-list>a.hover-icon:hover {
     text-decoration: none;
     color: rgb(203, 99, 99);
 }
 
 .portfolio-icon {
     visibility: hidden;
 }
 
 a.hover-icon:hover .portfolio-icon {
     visibility: visible;
     font-size: 25px;
     /* background-color: #ec1163; */
 }
 
 .port-list {
     float: right;
     margin-top: 85px;
     transform: translateX(100px);
 }
 
 .desktop-image {
     display: block;
 }
 
 .mobile-image {
     display: none;
 }
 
 @media screen and (max-width: 1450px) {
     img.portfolio-bkgnd {
         transform: translateY(-243px);
         position: relative;
         z-index: 1;
     }
 }
 
 @media screen and (max-width: 1280px) {
     .col-4.col-sm-4.portfolio-left_side {
         transform: translateX(55px);
     }
     img.portfolio-bkgnd {
         transform: translateY(-205px);
         position: relative;
         z-index: 1;
     }
     div.portfolio-list {
         float: right;
         transform: translate(-169px, 55px);
     }
     .port-list {
         float: right;
         margin-top: -24px;
         transform: translate(-191px, 63px);
     }
 }
 
 @media screen and (max-width: 740px) {
     section#portfolio-section {
         margin-top: -175px;
         margin-bottom: -130px;
     }
     p.portfolio-head {
         float: right;
         font-size: 12px;
         line-height: 15px;
         color: #ec1163;
         font-weight: 500;
         margin-bottom: 0;
     }
     p.portfolio-text {
         float: right;
         margin-right: 0;
         font-size: 6px;
     }
     img.portfolio-bkgnd {
         transform: translateY(-195px);
         position: relative;
         z-index: 1;
         margin-top: 78px;
         width: 100%;
     }
     .portfolio-img-container {
         display: flex;
         justify-content: center;
         align-items: flex-start;
         position: relative;
         z-index: 2;
     }
     .portfolio-img {
         width: 75%;
         transform: translateY(-15px);
     }
     div.portfolio-list {
         float: right;
         margin-bottom: 1px;
         transform: translate(-25px, -6px);
     }
     hr.port-btw {
         margin: 0 0;
     }
     a.hover-icon {
         text-decoration: none;
         color: black;
         font-size: 8px;
     }
     .portfolio-tempt {
         display: inline-block;
         margin: 0;
         padding: 0;
         line-height: 1;
         height: 20px;
         /* Adjust the desired height here */
     }
     .port-list {
         float: right;
         margin-top: -20px;
         font-size: 8px;
         height: -59px;
         transform: translateX(-32px);
     }
     .desktop-image {
         display: none;
     }
     .mobile-image {
         display: block;
     }
     .col-4.col-sm-4.portfolio-left_side {
         transform: translateX(25px);
     }
 }
 /* -----------------------------------Our_Client-------------------------------------- */
 /* Adjust styles as needed */
 /* .main_client {
     background: linear-gradient(#fff, #c7c6c6, #9d9a9a);
 } */
 /* .owl-item.zoom-in {
     transform: scale(1.2);
     
 }
 
 .owl-item.zoom-out {
     transform: scale(0.8);
 } */
 
 .curve_mainpage_client {
     background-image: url('http://cereone.com/assets/desktop_creatives/our_client_bg1.png');
     background-size: cover;
	 height: 400px; 
 }
 
 .main_page_container {
     margin-top: 25px;
 }
 
 @media screen and (max-width: 740px) {
     .curve_mainpage_client {
         background-image: url('http://cereone.com/assets/desktop_creatives/our_client_bg1_mob.png');
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         height: 75vh;
         transform: translateY(85px);
         /* height: 600px; */
     }
     .row.story_one_row {
         margin: 0px 0 50px 0;
     }
     h1.video_ads_client {
         /* color: #ec1163; */
         padding-left: 15px;
     }
	 h2.video_ads_client {
         /* color: #ec1163; */
         padding-left: 15px;
     }
     /* .main_carousel_bg {
         margin-top: -473px;
         margin-left: -21px;
     } */
     .main_carousel_bg img {
         margin-top: -473px;
         margin-left: -21px;
         width: 63%;
     }
     .main_story_text-first h3 {
         font-size: 22px;
         line-height: 27px;
     }
     .vertical-center {
         display: flex;
         align-items: center;
         justify-content: center;
         height: 100%;
     }
 }
 /* setting width to the parent */
 /* -------------------------------Main_story------------------------------------------------- */
 
 .main_story_text-first {
     color: #ec1163;
 }
 /* ---------------------------career_banner-------------------------------------------- */
 
 .top-section .main-career-banner {
     background-size: cover;
     padding: 85px 0 18px;
 }
 
 .career-img-fluid {
     max-width: 100%;
     height: auto;
 }
 
 .top-banner {
     position: relative;
     z-index: 1;
     padding: 100px 0;
 }
 
 .career-bkgrnd {
     position: relative;
     z-index: 2;
 }
 
 .career-img-fluid {
     position: relative;
     padding: 25px 0;
     z-index: 2;
     transform: translate(-212px, -55px);
 }
 
 .career-img-fluid2 {
     position: relative;
     z-index: 1;
     margin-left: -320px;
     margin-top: -362px;
 }
 
 .career-banner-heading {
     position: relative;
     z-index: 2;
 }
 
 .career-banner-one {
     transform: translate(-205px, 125px);
     color: white;
 }
 
 .career-banner-one h3 {
     font-size: 46px;
 }
 
 .career-banner-one h1 {
     font-size: 46px;
 }
 
 .career-banner-one p {
     font-weight: 100;
     margin-top: 25px;
     font-size: x-large;
     line-height: 32px;
 }
 
 .col-6.col-md-6.col-sm-6.apply-info {
     border: 1px solid black;
     padding: 24px 15px 15px 90px
 }
 
 .col-3.col-md-3.col-md-3.apply-info {
     border: 1px solid black;
 }
 
 .col-3.col-md-3.col-md-3.apply-info.apply {
     background-color: #ed314d;
     text-align: center;
     color: white!important;
     padding: 35px 0;
 }
 
 .container.apply-info-container {
     display: table;
     margin-bottom: 30px;
 }
 
 .row.apply-info-row {
     font-size: 20px;
     font-weight: 100;
 }
 
 .custom-file-upload {
     display: inline-block;
     padding: 35px 71px;
     cursor: pointer;
     background-color: #ccc0;
     border-radius: 4px;
     /* text-decoration: underline; */
 }
 
 .custom-file-upload input[type="file"] {
     display: none;
 }
 
 .custom-file-upload input[type="submit"] {
     display: none;
 }
 
 .custom-file-upload:hover {
     background-color: #aaa0;
 }
 
 .custom-file-upload:active {
     background-color: #999;
 }
 
 .custom-file-upload:focus-within {
     outline: 1px solid blue;
 }
 
 #fileLabelText {
     margin-right: 5px;
 }
 
 .table {
     table-layout: fixed;
     width: 100%;
 }
 
 .table th,
 .table td {
     vertical-align: middle;
     width: calc(100% / 3);
     /* Assuming 3 columns; adjust accordingly */
 }
 
 td.job-table-details {
     padding: 20px 60px;
 }
 
 td.job-details {
     padding: 20px 35px;
 }
 /*td.job-details{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;    
    max-height: 32px;    
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
}*/
 /*.job-table-details{
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            /*line-height: 16px; 
            max-height: 32px;    */
 /* The number of lines to be displayed */
 /* -webkit-line-clamp: 3; 
            -webkit-box-orient: vertical;
        }*/
 
 th.job-table-details {
     padding: 30px 25px;
 }
 
 .table-striped tbody tr:nth-of-type(even) {
     /* background-color: ; */
     text-align: center;
 }
 
 .table-striped tbody tr:nth-of-type(odd) {
     background-color: #f6f6f6;
     text-align: center;
 }
 
 .job-table {
     padding: 0;
 }
 
 table.table.table-striped.table-bordered {
     border: 16px solid white;
 }
 
 .table-bordered> :not(caption)>*>* {
     border-width: 20px 20px;
 }
 
 .job-info-head {
     text-align: center;
     border: 1px solid;
 }
 
 h4.job-head-text {
     font-weight: 100;
 }
 
 .job-details {
     padding: 65px;
 }
 
 .row.apply-email {
     display: block;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     padding: 25px 0px
 }
 
 .center-container {
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .center-button {
     display: block;
 }
 
 button.center-button.btn {
     background-color: #ed314d;
     border-radius: 0;
     padding: 15px 20px;
     color: white;
     font-weight: 100;
 }
 
 .center-btn-icon {
     font-size: 35px;
     vertical-align: middle;
 }
 
 @media screen and (max-width: 1450px) {}
 
 @media screen and (max-width: 1280px) {
     .top-banner {
         padding: 132px 0;
     }
     .career-img-fluid {
         padding: 0;
         transform: translate(-204px, 55px);
     }
     .career-banner-one h3 {
         font-size: 39px;
         line-height: 44px;
     }
     .career-banner-one p {
         font-size: large;
     }
     .career-img-fluid2 {
         position: relative;
         z-index: 1;
         padding: 20px;
         margin-left: -320px;
         margin-top: -281px;
     }
     .career-banner-one {
         transform: translate(-157px, 188px);
         color: white;
     }
 }
 
 @media screen and (max-width: 900px) {
     img.career-img-fluid2 {
         max-width: -webkit-fill-available;
         transform: translate(94px, 38px);
         padding: 80px;
     }
 }
 
 @media screen and (max-width: 740px) {
     .container.apply-info-container {
         margin-top: 105px;
     }
     .banner.col-sm-5.col-md-6 {
         width: 50%;
         max-width: 50%;
     }
     .banner.col-sm-7.col-md-6 {
         width: 50%;
         max-width: 50%;
     }
     .row.banner {
         padding: 40px 0 0px 0;
     }
     .career-img-fluid {
         padding: 0;
         transform: translate(0px, 84px);
     }
     /*img.career-img-fluid2 {
        max-width: -webkit-fill-available;
        transform: translate(94px, -10px);
        padding: 80px;
		overflow: hidden;
    }*/
     img.career-img-fluid2 {
         transform: translate(166px, 75px);
         padding: 0px;
         overflow: hidden;
         width: 300px;
         height: auto;
     }
     .career-banner-one h3 {
         font-size: 16px;
         line-height: 21px;
     }
     .career-banner-one {
         transform: translate(-46px, 22px);
         color: white;
     }
     .career-banner-one p {
         font-weight: 100;
         margin-top: 0px;
         font-size: 9px;
         line-height: 14px;
     }
     .row.apply-mob-info {
         border: 1px solid;
         /* margin: 5px; */
     }
     .row.apply-mob-info p {
         font-size: 9px;
         padding-top: 3px;
     }
     .col-md-6.col-sm-6.apply-mobinfo-btn {
         width: 46%;
         border: 1px solid;
         margin-top: 10px;
         text-align: center;
     }
     .col-md-6.col-sm-6.apply-mobinfo-btn.apply-left-btn {
         margin-right: 25px;
     }
     .col-md-6.col-sm-6.apply-mobinfo-btn.apply-right-btn {
         text-decoration: none;
         background-color: #ed314d;
         border: #ed314d;
         color: white;
     }
     .custom-file-upload {
         display: inline-block;
         padding: 12px 5px;
         font-size: 14px;
         cursor: pointer;
         background-color: #ccc0;
         border-radius: 4px;
         text-decoration: underline;
     }
     .job-details {
         padding: 10px;
     }
     table.table.table-striped.table-bordered {
         border: 8px solid white;
     }
     h4.job-head-text {
         font-size: 14px;
         font-weight: 100;
     }
     .table-bordered> :not(caption)>*>* {
         border-width: 15px 7px;
     }
     th.job-table-details {
         padding: 10px 10px;
         font-size: 10px;
         font-weight: 500;
     }
     td.job-table-details {
         padding: 0px 0px;
         font-size: 7px;
         line-height: 10px;
     }
     td.job-mob-details {
         font-size: 7px;
     }
     button.center-button.btn {
         padding: 5px 10px;
         color: white;
         font-weight: 100;
         font-size: 8px;
     }
     .center-btn-icon {
         font-size: 15px;
     }
 }
 
 @media screen and (max-width: 670px) {
     .container.apply-info-container {
         display: table;
         margin-bottom: 30px;
         margin-top: 105px;
     }
     img.career-img-fluid2 {
         transform: translate(174px, 100px);
         padding: 0px;
         overflow: hidden;
         width: 313px;
         height: auto;
     }
     .career-banner-one {
         transform: translate(-40px, 45px);
         color: white;
     }
     .career-img-fluid {
         padding: 0;
         transform: translate(0px, 105px);
     }
     .career-banner-one h3 {
         font-size: 19px;
         line-height: 21px;
     }
	 .career-banner-one h1 {
         font-size: 18px;
         line-height: 20px;
     }
 }
 /* -----------------------------------Contact_section--------------------------------- */
 
 .main-contact-banner {
     margin-top: 92px;
     margin-bottom: 20px;
 }
 
 img.contact-head-info {
     width: 500px;
     position: relative;
     z-index: 1;
 }
 
 .input-one {
     width: 157px;
     background: #dbdbdb;
     margin: 15px 0;
 }
 
 .contact-form {
     position: relative;
     z-index: 2;
     transform: translate(70px, -500px);
     margin-bottom: -305px;
 }
 
 .col-6.col-sm-6.col-md-6.order-md-1.order-2.contact-left-head {
     color: #ed126d;
 }
 
 .row.con-first {
     margin: -10px 0;
 }
 
 .row.con-second {
     margin: -10px 0;
     color: white;
 }
 
 h3.cont-second {
     background-color: #ed126d;
     width: fit-content;
     padding: 9px;
     margin: 10px 0;
 }
 
 .row.con-third {
     margin: -10px 0;
 }
 
 .contact-head-text {
     float: right;
     transform: translateY(95%);
 }
 
 section#map-info-section {
     margin: 35px 0;
 }
 
 .map-info-row {
     padding: 20px 50px;
     position: relative;
     z-index: 2;
 }
 
 .map-info-conatiner {
     width: 100%;
 }
 
 button.first-tab {
     margin-right: 5px;
 }
 
 button.second-tab {
     margin-left: 5px;
 }
 
 button.third-tab {
     margin: 0 5px;
 }
 
 button.fifth-tab {
     margin: 0 5px;
 }
 
 button.fourth-tab {
     margin: 0 5px;
 }
 
 .map-info-conatiner .map-btnconatiner {
     display: flex;
     /* Use flexbox */
 }
 
 .map-info-conatiner .map-btnconatiner button {
     flex-basis: 50%;
     /* Set each button to occupy 50% width */
     /* height: 100%; */
     border: none;
     outline: none;
     cursor: pointer;
     padding: 25px 10px;
     font-size: 18px;
     background-color: #acacac;
     vertical-align: top;
     border-radius: 30px 30px 0 0;
     /* Set vertical alignment to top */
 }
 
 .map-info-conatiner .map-btnconatiner button:hover {
     background-color: #969696;
 }
 
 .map-info-conatiner .map-btnpanel {
     height: 85%;
     background-color: gray;
     color: white;
     text-align: center;
     padding: 55px 0;
     box-sizing: border-box;
     font-size: 22px;
     display: none;
 }
 
 span.info-head {
     font-size: 18px;
     font-weight: 600;
 }
 
 p.map-info-text {
     font-size: 15px;
     padding: 10px 0px;
 }
 
 img.foot-top-img {
     float: right;
     position: relative;
     padding: 130px 0;
     transform: translateY(-680px);
     z-index: 1;
     margin-bottom: -885px;
 }
 
 
 @media screen and (max-width: 1450px) {}
 
 @media screen and (max-width: 1280px) {}
 
 @media screen and (max-width: 900px) {}
 
 @media screen and (max-width: 740px) {
     .main-contact-banner {
         margin-top: 105px;
     }
     img.contact-head-info {
         width: 265px;
         padding-left: 25px;
     }
     .centered h3 {
         font-size: 20px;
         line-height: 27px;
     }
	 .centered h1 {
         font-size: 20px;
         line-height: 27px;
     }
     .contact-head-text {
         float: right;
         transform: translateY(139%);
     }
     .col-6.col-sm-6.col-md-6.order-md-1.order-2.contact-left-head {
         transform: translate(-20px, -145px);
     }
     .map-mob-row {
         padding: 10px 5px;
     }
     .map-mob-container .map-mob-btncontainer {
         display: flex;
     }
     .map-mob-container .map-mob-btncontainer button {
         flex-basis: 17%;
         border: none;
         outline: none;
         cursor: pointer;
         padding: 13px 13px;
         background-color: #acacac;
         font-weight: 600;
         font-size: 7px;
         line-height: 11px;
     }
     .map-mob-container .map-mob-btncontainer button:hover {
         background-color: #969696;
     }
     .map-mob-container .map-mob-btnpanel {
         height: 85%;
         background-color: gray;
         color: #000000;
         text-align: center;
         padding: 12px 0;
         box-sizing: border-box;
         font-size: 22px;
         display: none;
         border-radius: 0 30px 0 0;
         position: relative;
         z-index: 2;
     }
     button.mob-first-tab {
         border-radius: 35px 35px 0 0;
     }
     button.mob-second-tab {
         border-radius: 35px 35px 0 0;
     }
     button.mob-third-tab {
         border-radius: 35px 35px 0 0;
     }
     button.mob-fourth-tab {
         border-radius: 35px 35px 0 0;
     }
     p.map-info-text {
         font-size: 12px;
         padding: 5px 12px;
         line-height: 16px;
     }
     img.foot-mob-top-img {
         width: 100%;
         padding: 0 0 0 83px;
         margin-top: -86px;
         height: 100px;
         position: relative;
         z-index: 1;
     }
     .contact-form {
         position: relative;
         z-index: 2;
         transform: translate(70px, 12px);
         margin-bottom: -149px;
     }
     
     .input-submit {
         font-weight: 600;
         font-size: 9px;
         letter-spacing: 2px;
         line-height: 1;
         padding-left: 0;
         padding-right: 0;
         position: relative;
         width: 66px;
     }
	 .form-control {
   
		padding: 0.375rem;
	 }
 }
 
 @media screen and (max-width: 670px) {}
 /* ----------------------------------brand------------------------------------------ */
 
 section#brand-info-section {
     margin-top: 105px;
 }
 
 .row.brand-info-head {
     margin-bottom: -430px;
 }
 
 img.brand-top-img {
     transform: translateY(300px);
 }
 
 .brand-first-right {
     transform: translateX(100px);
 }
 
 img.brandhead-left {
     padding: 50px 0;
     transform: translateY(110px);
     position: relative;
     z-index: 2;
 }
 
 .brandhead-right {
     padding: 30px 87px;
     position: relative;
     z-index: 2;
     transform: translateY(-505px);
 }
 
 .brandhead-right h1 {
     color: #f5791f;
 }
 
 .brandhead-right h2 {
     color: #f5791f;
 }
 
 img.head-info-logo {
     width: 100%;
 }
 
 .brandhead-bckgrnd {
     position: relative;
     z-index: 1;
 }
 
 .brandhead-para {
     margin-top: 125px;
     font-weight: 100;
     line-height: 30px;
     padding: 0 23px;
 }
 
 p.bndhead-first {
     margin: 20px 0;
 }
 
 p.bndhead-second {
     margin: 33px 0;
 }
 
 p.bndhead-third {
     margin: 20px 0;
 }
 
 .brandsecond-first-head {
     display: flex;
     justify-content: center;
 }
 
 .row.brand-info2-head {
     margin-bottom: -500px;
 }
 
 .brand-sec-img {
     /* If you want to limit the image's width, you can set a max-width */
     max-width: 100%;
     position: relative;
     z-index: 2;
 }
 
 .brndhead-second-left h1 {
     color: #ec1163;
 }
 
 .brndhead-second-left h2 {
     color: #ec1163;
 }
 
 .brndhead-second-left {
     padding-top: 37px;
     position: relative;
     z-index: 2;
     transform: translateX(-62px);
 }
 
 .ecllipse-brand {
     position: relative;
     z-index: 1;
     transform: translate(-270px, -605px);
 }
 
 .brndhd-sec-para {
     width: 75%;
     padding: 25px 65px 0 0;
     line-height: 30px;
     font-weight: 100;
 }
 
 p.bndhd-sec-second {
     margin: 25px 0;
 }
 
 footer.footer.brand-foot {
     background-color: transparent !important;
     padding-top: 20px;
 }
 
 h6.footer-title.brand-foot-title {
     color: black;
 }
 
 .footer .footer-menu .footer-listing .footer-listing-item .footer-listing-item-link .brand-footer-listing-item {
     color: black;
 }
 
 .container.brandfoot-container {
     padding: 0 115px;
 }
 
 .row.brandfoot-head {
     padding-top: 130px;
     transform: translateY(55px);
 }
 
 .row.brandfoot-head h1 {
     color: #ec1163;
 }
 
 .row.brandfoot-head h2 {
     color: #ec1163;
 }
 
 .branfoot-para {
     padding: 55px 15px;
     font-weight: 100;
 }
 
 hr.brandfoot-line {
     height: 10px;
     background-color: white;
     border-color: white;
     margin: 65px 100px;
 }
 
 .brand-footer-top {
     background-image: url("http://cereone.com/assets/desktop_creatives/all_merge.png");
     background-size: cover;
 }
 
 @media screen and (max-width: 1450px) {}
 
 @media screen and (max-width: 1280px) {
     .brndhd-sec-para {
         width: 100%;
         padding: 25px 140px 0 0;
         line-height: 30px;
         font-weight: 100;
     }
     .brandhead-right {
         padding: 30px 32px;
         position: relative;
         z-index: 2;
         transform: translateY(-505px);
     }
     .brand-first-right {
         transform: translateX(50px);
     }
     .brandhead-bckgrnd {
         position: relative;
         z-index: 1;
         transform: translateX(-56px);
     }
 }
 
 @media screen and (max-width: 899px) {
     .brndsec-para-mob {
         padding: 25px 62px;
         font-size: 8px;
         line-height: 20px;
     }
     .brndsec-para-mob {
         padding: 25px 62px;
         font-size: 8px;
         margin-top: -8px;
         line-height: 20px;
     }
     img.brandhead-left-mob {
         width: 100%;
         transform: translate(38px, 79px);
     }
     .brandhead-mob-para {
         font-size: 8px;
         padding: 0 45px;
         line-height: 20px;
         margin-top: 20px;
     }
     .foot-top-mob {
         background-image: url("http://cereone.com/assets/desktop_creatives/all_merge.png");
         /* background-size: cover; */
         background-repeat: no-repeat;
         background-size: 100% 100%;
         background-position: initial;
     }
 }
 
 @media screen and (max-width: 740px) {
     .foot-top-mob {
         background-image: url("http://cereone.com/assets/desktop_creatives/all_merge.png");
         /* background-size: cover; */
         background-repeat: no-repeat;
         background-size: 100% 100%;
         background-position: center;
     }
     .container.brandfoot-container {
         padding: 0 27px;
         line-height: 22px;
     }
     .row.brandfoot-head h1 {
         color: #ec1163;
         font-size: 25px;
         line-height: 27px;
     }
	 .row.brandfoot-head h2 {
         color: #ec1163;
         font-size: 25px;
         line-height: 27px;
     }
	 
     .branfoot-para {
         padding: 15px 15px 50px 15px;
         font-weight: 100;
         font-size: 10px;
         line-height: 20px;
     }
     footer.footer.brand-foot {
         background-color: #e9e9e9;
         padding-top: 30px;
     }
     img.brandhead-left-mob {
         width: 100%;
         transform: translate(38px, 55px);
     }
     .brandfirst-right.mob-text {
         position: relative;
         z-index: 2;
     }
     .brandfirst-left.mob-text h1 {
         font-size: 18px;
         line-height: 24px;
         color: #f5791f;
     }
	 .brandfirst-left.mob-text h2 {
         font-size: 18px;
         line-height: 24px;
         color: #f5791f;
     }
     img.head-info-logo-mob {
         width: 80%;
     }
     img.brandhead-bckgrnd-mob {
         width: 110%;
         transform: translate(-25px, -10px);
     }
     .brandfirst-left.mob-text {
         transform: translateY(-140px);
     }
     .row.brndbody-mobile {
         margin-top: -15px;
     }
     .brandhead-mob-para {
         font-size: 8px;
         padding: 0 45px;
         line-height: 20px;
     }
     img.brand-top-img-mob {
         width: 25%;
         padding-top: 15px;
     }
     img.sec-head-mob {
         width: 50%;
         float: right;
         transform: translateY(-180px);
         position: relative;
         z-index: 2;
     }
     .row.brandsec-mob {
         margin-bottom: -125px;
     }
     .row.brandsec-body-mob h1 {
         font-size: 27px;
         line-height: 26px;
         font-weight: 600;
         display: grid;
         justify-content: center;
         transform: translateX(8px);
         color: #ec1163;
     }
	 .row.brandsec-body-mob h2 {
         font-size: 27px;
         line-height: 26px;
         font-weight: 600;
         display: grid;
         justify-content: center;
         transform: translateX(8px);
         color: #ec1163;
     }
     img.brandsec-bckgrnd-mob {
         width: 75%;
         transform: translate(50px, -117px);
         position: relative;
         z-index: 1;
     }
     .brndsec-text-mob {
         margin-top: -285px;
         position: relative;
         z-index: 2;
     }
     .brndsec-para-mob {
         padding: 25px;
         font-size: 8px;
         line-height: 20px;
     }
     .row.brandfoot-head {
         padding-top: 5px;
         transform: translateY(45px);
     }
 }
 
 @media screen and (max-width: 670px) {
     img.brandhead-left-mob {
         width: 100%;
         transform: translate(38px, 75px);
     }
     .brndsec-para-mob {
         padding: 15px 51px;
         font-size: 8px;
         line-height: 20px;
     }
     .brandhead-mob-para {
         font-size: 8px;
         padding: 0 51px;
         line-height: 20px;
     }
 }
 /* ----------------------------------We_transfer_Services------------------------------------ */
 
 section#we_transfer_info_section {
     margin-top: 100px;
 }
 
 .container.we_transfer_container {
     padding: 30px 20px;
 }
 
 .col-6.col-sm-6.col-md-6.we_transfer_left {
     margin-top: 45px;
 }
 
 .content-text {
     padding-left: 115px;
 }
 
 .we_transfer_para {
     margin-top: 35px;
     font-size: 16px;
     line-height: 28px;
 }
 
 .content-text h2 {
     color: #ef1d63;
 }
 
 .content-text h1 {
     color: #ef1d63;
 }
 
 p.we_tf_second {
     margin: 35px 0;
 }
 
 .we_transfer_btn {
     margin: 40px 0;
 }
 
 button.we_transfer__btn.btn {
     background: #ef1d63;
     color: white;
     font-weight: 100;
     border-radius: 0;
 }
 
 section#we_transfer_add_section {
     margin: 35px 0;
 }
 
 .container.we_transfer_add_container {
     position: relative;
     z-index: 2;
 }
 
 .we_transfer_frame {
     display: grid;
     justify-items: center;
     position: relative;
     z-index: 2;
     transform: translateY(29px);
 }
 
 .we_transfer_frame iframe {
     width: 75%;
     height: 370%;
 }
 
 .we_transfer_bgframe {
     display: grid;
     justify-items: center;
     position: relative;
     z-index: 1;
     transform: translateY(-150px);
 }
 
 .we_transfer_bgframe img {
     margin-right: 0;
 }
 
 .we_tranf_bgecllipse {
     float: right;
     position: relative;
     z-index: 1;
     transform: translateY(-470px);
 }
 
 .row.we_trnfr_add_frame {
     margin-bottom: -65px;
 }
 
 .add_text {
     display: grid;
     justify-content: center;
 }
 
 h2.add__text {
     color: #ef1d63;
     font-size: 50px;
     line-height: 50px;
 }
 
 h2.add__text.add__text_light {
     font-weight: 100;
 }
 
 .wetrnfs_sec_img img {
     margin-right: 0;
 }
 
 .wetrnfs_sec_img {
     padding: 55px;
 }
 
 .wetrnfr_hlfimg {
     transform: translateY(-325px);
 }
 
 .we_transfer_comp_card {
     /* width: 300px; */
     height: 950px;
     position: relative;
     background-color: #9ea0a2;
     /* Set your desired background color here */
 }
 
 .we_trnfr_comp_card {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 
 .we_trnfr_comp_card img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     /* Ensure the image covers the entire container */
 }
 
 .we_trnfr_company-section {
     display: grid;
     grid-template-columns: 1fr 1fr;
     transform: translate(-280px, 115px);
     /* position: relative; */
     z-index: 2;
     position: absolute;
     /* bottom: 10px; */
     /* left: 10px; */
     color: black;
     font-size: 16px;
     /* font-weight: bold; */
 }
 
 .we_trnfr_company-section>.container-xxl {
     display: flex;
     justify-content: center;
     grid-column: 2;
 }
 
 .we_trnfr_company-card {
     display: flex;
     transform: translateY(-505px);
     justify-content: space-between;
     padding: 0 300px 50px 280px;
     position: relative;
     z-index: 1;
 }
 
 .we_trnfr_company-card .container {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .we_trnfr_company-head {
     font-size: 100px;
     line-height: 115px;
     transform: translateX(35px);
 }
 
 p.company-text.we_trnfr_comp_text {
     font-size: 24px;
     line-height: 33px;
 }
 
 .company-services.black-box.sec-first-col.we_trnsfr_comp_service.aos-init.aos-animate {
     border: 3px solid #fcaf1a;
     background-color: #ffffff00;
 }
 
 .company-services.we_tranfr_comp.aos-init {
     width: 260px;
     height: 170px;
 }
 
 .company-services.black-box.first-col.we_tranfr_comp.aos-init.aos-animate {
     transform: translate(19px, -80px);
 }
 
 .company-services.black-box.first-third-col.we_tranfr_comp.aos-init.aos-animate {
     transform: translate(35px, 95px);
 }
 
 .company-services.we_trnfr_comp_col.aos-init.aos-animate {
     transform: translateX(50px);
 }
 
 h4.we_trnfs_comp_title {
     line-height: 32px;
     font-size: 25px;
 }
 
 h4.company-services-title.we_trnfs_comp_title5.comp-title4 {
     font-size: large;
 }
 
 @media screen and (max-width: 1450px) {
     .company-services.black-box.first-col.we_tranfr_comp.aos-init.aos-animate {
         transform: translate(-25px, -80px);
     }
     .company-services.black-box.first-third-col.we_tranfr_comp.aos-init.aos-animate {
         transform: translate(90px, 95px);
     }
     .company-services.we_trnfr_comp_col.aos-init.aos-animate {
         transform: translateX(75px);
     }
     .wetrnfs_sec_img {
         padding: 85px;
     }
 }
 
 @media screen and (max-width: 1280px) {
     .we_transfer_bgframe {
         margin: 0 -20px;
     }
     .we_transfer_frame iframe {
         width: 85%;
         height: 370%;
     }
     .wetrnfs_sec_img {
         padding: 0px;
         position: relative;
         z-index: 2;
     }
     .we_trnfr_company-head {
         font-size: 90px;
         line-height: 115px;
         transform: translateX(35px);
     }
     .company-services.black-box.first-col.we_tranfr_comp.aos-init.aos-animate {
         transform: translate(-110px, -80px);
     }
     .company-services.black-box.sec-first-col.we_trnsfr_comp_service.we_tranfr_comp.aos-init.aos-animate {
         transform: translate(-50px, -40px);
     }
     .company-services.we_trnfr_comp_col.aos-init.aos-animate {
         transform: translateX(25px);
     }
     .wetrnfr_hlfimg {
         transform: translateY(-325px);
         position: relative;
         z-index: 1;
     }
     .we_transfer_comp_card {
         /* width: 300px; */
         height: 950px;
         z-index: 2;
         position: relative;
         background-color: #9ea0a2;
     }
 }
 
 @media screen and (max-width: 900px) {
     .content-text h2 {
         color: #ef1d63;
         font-size: 29px;
         line-height: 30px;
     }
 }
 
 @media screen and (max-width: 740px) {
     .content-text {
         padding-left: 40px;
     }
     .content-text h2 {
         color: #ef1d63;
         font-size: 25px;
         line-height: 30px;
     }
     .content-text img {
         width: 100%;
     }
     .content-text img {
         width: 75%;
         transform: translate(60px, -25px);
     }
     .we_transfer_para_mob {
         font-size: 8px;
         padding-right: 73px;
         line-height: 15px;
         transform: translateY(-32px);
     }
     .we_transfer_btn_mob {
         margin-top: -40px;
     }
     button.we_transfer__btn_mob.btn {
         background: #ef1d63;
         color: white;
         font-size: 8px;
         font-weight: 100;
     }
     img.wetrnfs_sec__img {
         width: 300px;
         transform: translateX(20px);
     }
     .we_tranf_bgecllipse img {
         width: 100%;
     }
     p.company-text.we_trnfr_comp_text {
         font-size: 9px;
         line-height: 15px;
     }
     .we_trnfr_company-section {
         display: grid;
         grid-template-columns: 1fr;
         transform: translate(15px, 45px);
         /* position: relative; */
         z-index: 2;
         position: absolute;
         /* bottom: 10px; */
         /* left: 10px; */
         color: black;
         font-size: 12px;
         /* font-weight: bold; */
     }
     .we_trnfr_company-head {
         font-size: 35px;
         line-height: 39px;
         transform: translateX(63px);
     }
     p.company-text.we_trnfr_comp_text {
         font-size: 7px;
         line-height: 15px;
         padding: 0 77px;
         transform: translateX(22px);
     }
     .we_trnfr_company-card {
         display: flex;
         transform: translateY(229px);
         justify-content: space-between;
         padding: 0 0 0 0;
         position: relative;
         z-index: 1;
     }
     .company-services.we_tranfr_comp.aos-init {
         width: 105px;
         height: 75px;
     }
     h4.we_trnfs_comp_title {
         line-height: 15px;
         font-size: 9px;
     }
     .company-services.black-box.first-col.we_tranfr_comp.aos-init.aos-animate {
         transform: translate(-10px, -80px);
     }
     .company-services.we_trnfr_comp_col.aos-init.aos-animate {
         transform: translate(-5px, -35px);
     }
     .company-services.black-box.first-third-col.we_tranfr_comp.aos-init.aos-animate {
         transform: translate(-5px, 16px);
     }
     .company-services.black-box.sec-first-col.we_trnsfr_comp_service.we_tranfr_comp.aos-init.aos-animate {
         transform: translate(-4px, -78px);
     }
     h4.company-services-title.we_trnfs_comp_title5.comp-title4 {
         font-size: 6px;
     }
     .we_transfer_comp_card {
         /* width: 300px; */
         height: 400px;
         z-index: 2;
         position: relative;
         background-color: #e9e9e9;
     }
     .we_transfer_add_container {
         margin-bottom: -40px;
     }
     .we_transfer_bgframe {
         margin: 0;
     }
     .we_transfer_bgframe img {
         margin-right: 0;
         width: 75%;
     }
     .we_tranf_bgecllipse img {
         width: 25%;
         float: right;
     }
     .we_transfer_frame {
         transform: translateY(-17px);
     }
     .we_transfer_frame iframe {
         width: 220px;
         height: 120px;
     }
     .we_tranf_bgecllipse {
         float: right;
         position: relative;
         z-index: 1;
         transform: translateY(-313px);
     }
     .we_transfer_bgframe img {
         margin-right: 0;
         width: 275px;
     }
     .row.we_trnfr_add_frame {
         margin-bottom: -127px;
     }
     .wetrnfs_text_mob {
         position: relative;
         /* Add this line to set positioning context for child elements */
     }
     .wetrnfs_text_head-one {
         /* Add any additional styling for the text here */
         position: absolute;
         top: 0;
         display: grid;
         justify-content: center;
         /* Position the div at the top of the row */
     }
     h2.wetnfs_text_head_mob {
         font-size: 13px;
         line-height: 20px;
         color: #ef1d63;
     }
     span.wt_head_light {
         font-weight: 100;
     }
 }
 
 @media screen and (max-width: 670px) {
     .content-text h2 {
         color: #ef1d63;
         font-size: 29px;
         line-height: 30px;
     }
     .we_transfer_para_mob {
         font-size: 8px;
         padding-right: 136px;
         line-height: 15px;
         transform: translateY(-32px);
     }
     .content-text img {
         width: 205px;
         transform: translate(67px, -25px);
     }
 }
 
 @media screen and (max-width: 425px) {
     .content-text h2 {
         color: #ef1d63;
         font-size: 30px;
         line-height: 30px;
     }
     .content-text img {
         width: 260px;
         transform: translate(67px, -25px);
     }
     .we_transfer_para_mob {
         font-size: 9px;
         padding-right: 119px;
         line-height: 15px;
         transform: translateY(-32px);
     }
     .wetrnfs_sec_img {
         margin-top: 75px;
     }
 }
 
 @media screen and (max-width: 360px) {
     .content-text img {
         width: 260px;
         transform: translate(40px, -25px);
     }
     .we_transfer_para_mob {
         font-size: 8px;
         padding-right: 93px;
         line-height: 15px;
         transform: translateY(-32px);
     }
     .wetrnfs_sec_img {
         margin-top: -125px;
     }
 }
 /* ------------------------------------video_ads----------------------------------------- */
 
 section#video_ads_head_section {
     margin-top: 175px;
 }
 
 .container.video_ads_container {
     padding: 0px 130px;
 }
 
 img.video_ads_img {
     margin: -75px;
 }
 
 .col-6.col-md-6.col-sm-6.video_ads_second-col {
     margin-top: 60px;
     padding: 0px 0px 0px 105px;
 }
 
 .col-6.col-md-6.col-sm-6.video_ads_second-col h1 {
     color: #ec1163;
 }
 
 .col-6.col-md-6.col-sm-6.video_ads_second-col h2 {
     color: #ec1163;
 }
 
 .video_ads_cards {
     display: flex;
     flex-wrap: wrap;
     /* Allow cards to wrap to the next line if needed */
     justify-content: space-between;
     /* Distribute the cards evenly in the row */
     /* Optionally, you can add some padding or margin between cards */
     /* padding: 10px; */
     margin: 150px 40px;
 }
 
 .card.videoads_cards {
     /* width: 27%; */
     width: calc(25.33%);
     /* Calculate the width based on 3 cards per row */
     /* Optionally, add some styling for the card appearance */
     /* background-color: #f0f0f0; */
     border: 1px solid #ccc;
     /* padding: 10px; */
     box-sizing: border-box;
     border-radius: 30px;
     /* Adjust this value as needed */
     overflow: hidden;
     /* Clip the contents to fit within the rounded corners */
     /* Other styles for the cards */
 }
 
 img.video_ads_card_img {
     margin: 0;
 }
 
 .videoads_cards_card-body {
     background: #ec1163;
     flex: 1 1 auto;
     padding: 45px 27px 10px 27px;
     color: white;
     /* font-family: sans-serif; */
 }
 
 .video-ads-card-body-two {
     background: #ffffff;
     flex: 1 1 auto;
     padding: 45px 27px 10px 27px;
     /* font-family: sans-serif; */
     color: #ec1163;
 }
 
 .card-title h1 {
     font-size: 105px;
 }
 
 .card-title h2 {
     font-size: 105px;
 }
 
 p.text {
     font-size: 39px;
     line-height: 40px;
     font-weight: 100;
 }
 
 .video_ads_card_img {
     width: 100%;
     /* Make sure the image fills its container */
     height: auto;
     /* Preserve the aspect ratio */
     display: block;
     /* Remove any spacing below the image */
 }
 
 .card.videoads_cards.video_ads_card_one {
     transform: translate(172px, 45px);
     z-index: 3;
 }
 
 .card.videoads_cards.video_ads_card_two {
     transform: translateY(-123px);
     z-index: 2;
 }
 
 .card.videoads_cards.video_ads_card_two:hover {
     transform: translateY(-95px) scale3d(1.1, 1.1, 1.1);
     z-index: 999;
 }
 
 .card.videoads_cards.video_ads_card_three {
     transform: translate(-165px, 10px);
     z-index: 1;
 }
 
 .card.videoads_cards.video_ads_card_three:hover {
     transform: translate(-165px, 10px) scale3d(1.1, 1.1, 1.1);
     z-index: 999;
 }
 
 .container.video_ads_card_conatiner {
     margin-top: 20px;
     margin-bottom: 95px;
 }
 
 .video_ads_card_row h1 {
     color: #ec1163;
 }
 
 .video_ads_card_row h2 {
     color: #ec1163;
 }
 
 .video_comp_card {
     height: 800px;
     position: relative;
     /* background-color: #9ea0a2; */
 }
 
 .video_ads_company-card {
     display: flex;
     transform: translateY(360px);
     justify-content: space-between;
     padding: 0 300px 50px 280px;
     position: relative;
     z-index: 1;
 }
 
 .video_ads_company-section {
     display: grid;
     grid-template-columns: 1fr 1fr;
     transform: translate(-280px, 30px);
     /* position: relative; */
     z-index: 2;
     position: absolute;
     /* bottom: 10px; */
     /* left: 10px; */
     color: black;
     font-size: 16px;
     /* font-weight: bold;*/
 }
 
 .video_ads_company-section>.container-xxl {
     display: flex;
     justify-content: center;
     grid-column: 2;
 }
 
 h1.video_ads_client {
     color: #ec1163;
     padding-left: 100px;
     padding-top: 70px;
 }
 
 h2.video_ads_client {
     color: #ec1163;
     padding-left: 100px;
     padding-top: 20px;
 }
 
 .row.video_ads_card_row {
     padding-left: 25px;
 }
 
 .video_more {
     /* color: #ec1163; */
     font-weight: 500;
 }
 
 @media screen and (max-width: 1280px) {
     section#video_ads_head_section {
         margin-top: 130px;
     }
     img.video_ads_img {
         margin: -75px;
         width: 537px;
         transform: translate(10px, 72px);
     }
     .card.videoads_cards {
         /* width: 27%; */
         width: calc(28.33%);
         /* Calculate the width*/
     }
     .card.videoads_cards.video_ads_card_one {
         transform: translate(105px, 45px);
         z-index: 3;
     }
     p.text {
         font-size: 37px;
         line-height: 40px;
         font-weight: 100;
     }
     .card.videoads_cards.video_ads_card_three {
         transform: translate(-108px, 10px);
         z-index: 1;
     }
 }
 
 @media screen and (max-width: 740px) {
     img.video_ads_img_mob {
         width: 100%;
     }
     .col-3.col-md-3.col-sm-3.video_ads_first_col_mob h1 {
         color: #ec1163;
         font-size: 33px;
         line-height: 35px;
         font-weight: 600;
     }
	 .col-3.col-md-3.col-sm-3.video_ads_first_col_mob h2 {
         color: #ec1163;
         font-size: 33px;
         line-height: 35px;
         font-weight: 600;
     }
     .row.video_ads_row.video_para_mob {
         text-align: justify;
         font-size: 9px;
         line-height: 18px;
         padding: 10px 5px;
     }
     .video_cards_mob {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
         /* Adjust as needed */
         align-items: center;
         /* Adjust as needed */
         gap: 20px;
         /* Adjust spacing between cards */
     }
     .card {
         flex: 1;
         max-width: calc(33.33%);
         /* Adjust as needed */
         /* Add additional styling as needed */
     }
     .videoads_cards_card-body {
         background: #ec1163;
         flex: 1 1 auto;
         padding: 29px 15px 10px 12px;
         color: white;
         /* font-family: sans-serif; */
     }
     .card-title h1 {
         font-size: 30px;
     }
	 .card-title h2 {
         font-size: 30px;
     }
     p.text {
         font-size: 9px;
         line-height: 11px;
         font-weight: 300;
     }
     .card.videoads_cards.video_ads_card_mobone {
         transform: translate(29px, 35px);
         z-index: 3;
     }
     .card.videoads_cards.video_ads_card_mobtwo {
         z-index: 2;
     }
     .card.videoads_cards.video_ads_card_mobtwo:hover {
         transform: scale3d(1.1, 1.1, 1.1);
         z-index: 999;
     }
     .card.videoads_cards.video_ads_card_mobthree {
         transform: translate(-30px, 50px);
     }
     .card.videoads_cards.video_ads_card_mobthree:hover {
         transform: translate(-30px, 50px) scale3d(1.1, 1.1, 1.1);
         z-index: 999;
     }
     .video_ads_company-section {
         display: grid;
         grid-template-columns: 1fr;
         transform: translate(15px, 45px);
         /* position: relative; */
         z-index: 2;
         position: absolute;
         /* bottom: 10px; */
         /* left: 10px; */
         color: black;
         font-size: 12px;
         /* font-weight: bold; */
     }
     .video_ads_company-section>.container-xxl {
         display: flex;
         justify-content: center;
         grid-column: 2;
     }
     .video_ads_company-card {
         display: flex;
         transform: translateY(229px);
         justify-content: space-between;
         padding: 0 0 0 0;
         position: relative;
         z-index: 1;
     }
     .video_comp_card {
         /* width: 300px; */
         height: 400px;
         z-index: 2;
         position: relative;
         background-color: #e9e9e9;
     }
     h1.video_ads_client {
         color: #ec1163;
         padding-left: 10px;
         padding-top: 15px;
     }
	 h2.video_ads_client {
         color: #ec1163;
         padding-left: 10px;
         padding-top: 15px;
     }
	 
	
 }
 
 
 /* ---------------------------------------------Digital_home------------------------------------ */
 
 div#customers {
     margin: 0 23px;
 }
 
 section#digital_home_section {
     margin-top: 115px;
 }
 
 .col-6.col-md-6.col-sm-6.digital_home_second_col {
     transform: translateY(35px);
 }
 
 h1.digital_home_head_text {
     color: #ec1163;
     padding: 0 30px;
 }
 h2.digital_home_head_text {
     color: #ec1163;
     padding: 0 30px;
 }
 
 .row.digital_home_text {
     padding: 0 85px;
     margin: 60px 0;
 }
 
 .container.digital_home_container {
     padding: 0 75px;
 }
 
 @media screen and (max-width: 1280px) {
     img.digital_home_img {
         width: 530px;
     }
     .row.video_ads_card_row {
         padding-left: 100px;
     }
 }
 
 @media screen and (max-width: 740px) {
     .container.digital_home_container {
         padding: 0 10px;
         font-size: 9px;
         line-height: 16px;
     }
     .row.digital_home_text {
         padding: 0 0;
         margin: 30px 0;
     }
     h1.digital_home_head_text {
         color: #ec1163;
         padding: 0 30px;
         font-size: 22px;
         font-weight: 700;
         line-height: 29px;
     }
	 h2.digital_home_head_text {
         color: #ec1163;
         padding: 0 30px;
         font-size: 22px;
         font-weight: 700;
         line-height: 29px;
     }
     img.digital_home_img {
         width: 100%;
         padding: 0 15px;
     }
 }
 /* ----------------------------------------------native_ads----------------------------------- */
 
 section#video_comp_card_section\ native_com_card {
     margin-top: -160px;
 }
 
 section#native_ads_head_section {
     margin-top: 100px;
 }
 
 .video_comp_card,
 .content_marketing_section {
     background-color: #ededed;
     /* background-image: url('http://cereone.com/assets/desktop_creatives/service_img/native_lgbg1.png'); */
     /* background-size: cover; */
     /* background-repeat: no-repeat; */
     /* background-position: center; */
     /* You can add more background properties as needed */
     /* position: relative; */
     /* Create a stacking context for absolute positioning */
 }
 
 .native_eccllipse_img {
     float: right;
 }
 
 img.nvt_eclps_img2 {
     height: 350px;
 }
 
 img.nvt_eclps_img {
     height: 225px;
 }
 
 .native_ecllipse {
     margin-top: -190px;
 }
 
 footer.footer.native_foot {
     margin-top: -35px;
 }
 
 .we_trnfr_comp_card.native_comp_card {
     margin-top: 205px;
 }
 
 .native_container {
     margin-top: 230px;
 }
 
 .native_head {
     padding-left: 110px;
     margin-top: 25px;
 }
 
 .native_head h3 {
     color: #ec1163;
     font-size: 60px;
 }
 
 .native_head h1 {
     padding-top: 55px;
     font-size: 80px;
     line-height: 87px;
 }
 .native_head h2 {
     padding-top: 55px;
     font-size: 80px;
     line-height: 87px;
 }
 
 img.native_head_img {
     transform: translateX(-95px);
 }
 
 .native_head.native_para p {
     font-size: 18px;
     line-height: 27px;
 }
 
 .native_head_text {
     padding: 0px 197px 0 110px;
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
 }
 
 button.native_btn.btn {
     background: white;
     color: #ec1163;
 }
 
 .native_secbg {
     padding: 85px 0px 40px 115px;
     margin-top: -435px;
     position: relative;
     z-index: 1;
 }
 
 .native_sec_text {
     transform: translateY(224px);
     position: relative;
     z-index: 2;
     color: white;
     padding: 0 341px 0 100px;
 }
 
 .native_sec_text p {
     font-size: 16px;
     font-weight: 400;
     line-height: 29px;
     margin-top: 60px;
 }
 
 .native_btn {
     margin-top: 25px;
     border-radius: 0;
 }
 
 @media screen and (max-width: 1450px) {
     .native_secbg {
         padding: 0px 0px 40px 115px;
         margin-top: -423px;
         position: relative;
         z-index: 1;
     }
     .native_sec_text {
         transform: translateY(175px);
         position: relative;
         z-index: 2;
         color: white;
         padding: 0 341px 0 100px;
     }
 }
 
 @media screen and (max-width: 1280px) {
     .native_sec_text p {
         font-size: 16px;
         font-weight: 100;
         line-height: 27px;
         margin-top: 15px;
     }
     .native_btn {
         margin-top: 10px;
         border-radius: 0;
     }
     .native_secbg {
         padding: 0px 0px 15px 115px;
         margin-top: -350px;
         position: relative;
         z-index: 1;
     }
     .native_head {
         padding-left: 85px;
         margin-top: 25px;
     }
     .native_head_text {
         padding: 0px 205px 0 85px;
         font-size: 16px;
         line-height: 27px;
         /* font-weight: 100; */
     }
 }
 
 @media screen and (max-width: 740px) {
     .we_trnfr_comp_card.native_comp_card {
         margin-top: 0px;
     }
     img.nvt_eclps_img2 {
         display: none;
     }
     .native_container {
         margin-top: 180px;
         transform: translateY(-195px);
     }
     img.nvt_eclps_img {
         display: none;
     }
     section#video_comp_card_section\ native_com_card {
         margin-top: -40px;
     }
     .video_comp_card,
     .content_marketing_section {
         background-color: #e9e9e9;
     }
     .we_transfer_btn.natvie_mob_btn {
         margin: 20px 0;
     }
     .native_para_mob {
         font-size: 10px;
         line-height: 16px;
         padding: 25px 52px 0 20px;
     }
     .native_para_mob p {
         font-weight: 600;
     }
     .native_head_text {
         padding: 0px 12px 0 0;
         font-size: 10px;
         line-height: 17px;
         font-weight: 100;
     }
     .native_head h3 {
         color: #ec1163;
         font-size: 30px;
         line-height: 31px;
     }
     .native_head {
         padding-left: 5px;
         margin-top: 15px;
     }
     img.native_head_img_mob {
         /* transform: translateX(-95px); */
         width: 100%;
     }
     .native_head h1 {
         padding-top: 15px;
         font-size: 30px;
         line-height: 37px;
     }
	 .native_head h2 {
         padding-top: 15px;
         font-size: 30px;
         line-height: 37px;
     }
     .row.native_head_img_mob {
         transform: translateY(-90px);
     }
     .mobile-image.native_mob {
         margin-bottom: -78px;
     }
 }
 /*------------------------edited by MPP Code for Content Marketing---------------------------------*/
 
 .content_marketing_head_img1 {
     margin-left: -120px;
     height: -8px;
 }
 
 .content_marketing_head_img1 img {
     height: 500 px;
     height: 450px;
 }
 
 .col-6.col-sm-6.col-md-6.we_transfer_left.content_market_text {
     margin-top: 170px;
 }
 
 .col-6.col-sm-6.col-md-6.right_side_baner_mobile {
     margin-top: -100px;
 }
 
 .col-3.col-sm-3.col-md-3.left_side_baner_mobile {
     margin-left: -20px;
 }
 
 @media (min-width: 1200px) {
     .container-xl,
     .container-lg,
     .container-md,
     .container-sm,
     .content_marketing_container {
         max-width: 850px;
     }
 }
 
 section#content_marketing_partner {
     margin-top: 50px;
 }
 
 section#content_marketing_partner .C_M-image img {
     width: 590px;
 }
 
 section#content_marketing_section1 {
     margin-top: 167px;
 }
 
 .content_marketing_para {
     padding: 40px 0;
 }
 /*@media screen and (max-width: 1280px){


.we_transfer_comp_card {
    .we_trnfr_company-card {
        padding: 900px 300px 50px 280px;
    }
}
}*/
 /*@media screen and (max-width: 2532px) {
    .container-xl, .container-lg, .container-md, .container-sm, .content_marketing_container {
        max-width: 1000px;
    }
}*/
 
section.privacy {
    margin-top: 100px;
}

section#business_partner {
    background-color: #d3d3d3;
}

.buss_conat{
	padding: 25px 0px;
}

.buss_conatiner {
    margin: 30px 0px;
	padding: 0px 60px;
}

/* Ensure images are fully visible and maintain aspect ratio */
.buss-img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Optional: Set a max-width for the images if needed */
.buss-img {
    max-width: 200px;
}

/* Ensure columns center images both horizontally and vertically */
.buss_conatiner .col-md-6 {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 740px){
		.buss-img {
			padding: 20px 25px;
		}
}

/* ---------------------------------Media News----------------------- */
section#media_news_section{
    margin-top: 100px;
    padding: 40px;
}

.media_news_container h1{
    color: #ec1163;
    padding: 30px 0px;
    text-align: center;
}

.media_news_row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
  padding: 12px;
}

.media_new_card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: none;
  background-color: #f5f4f4;
  border-radius: 10px;

}

.card-body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.media_news_img{
    width: 300px;
    height: 200px;
    overflow: hidden;
    border-radius: 20px; /* or use 50% for full round */
}

.media_news_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;         /* Ensures image fills the container */
    object-position: top;      /* Keeps the top of the image visible */
    border-radius: 20px;
}

/* ------------------DATE---------------------- */

.timeline-date {
  position: relative;
  padding-left: 20px;
  font-size: 14px;
  color: #444;
}

.timeline-date span {
  content: '';
  width: 8px;
  height: 8px;
  background: #ec1163;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 23px;
}

.date-label {
  font-size: 16px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.calendar-icon {
  color: #ec1163; /* Changes calendar color to pink */
  font-size: 18px;
}

/* ----------DATE-------------------- */

.media_news_highlight{
    font-size: 32px;
    line-height: 35px;
    padding: 5px 0px;
    margin: 0px;
}

.media_news_btn a{
    text-decoration: none;
    padding: 20px 0;
    font-size: 1.5rem;       /* match your desired heading style */
    /* font-weight: bold;     optional */
    display: inline-block; /* to apply padding */
}