.header .branding {
  background-color: var(--darkbluebg);
}
.header.scrolled .branding {
  background: #0f4a49;
  transition: background-color 0.3s ease, padding 0.3s ease,
    box-shadow 0.3s ease;
}
.herosectionrow {background: var(--darkbluebg);position: absolute;top: 0;left: 0;width: 100%;height: auto;object-fit: cover;z-index: -1;padding-bottom: 1rem;}
.header .bannersection {background: var(--darkbluebg); width: 100%;min-height: auto;}
.abcontent {width: 100%; margin-top: 130px;text-align: center;}
.mainheading{color: #fff;padding-bottom: 0px;}
.breadcrumb{justify-content: center;padding: 0rem 0rem 0px 0px;margin-bottom: 0rem;}

/* Strat of area */
.categorypage{padding: 40px 0px 60px 0px;}
.categorypage .mainheading{text-align: center;}
.categorypage .mainheading span{color: var(--accent-color);}
.videocards {border-radius: 1px;padding: 15px;display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;touch-action: pan-y;pointer-events: auto;user-select: none;scroll-snap-align: center;border: 8px solid rgba(238, 238, 238, 1);
background: rgba(255, 255, 255, 1);width: 100%;transition: all 0.3s ease;min-height: 95%; margin: 1.2rem 0px;}
.videocards:hover{border: 8px solid var(--accent-color);}
.cardimgs {border-radius: 2px;width: 32%;position:relative;}
.beforepicss{position:absolute;right:-40px; bottom:30px;z-index:9;width:110px;}
.beforepicss img{height:auto;width:100%;}
.cardimgs img {width: 100%;height: auto;object-fit: cover;}
.agencycontents {padding: 0px;text-align: left;width: calc(66% - 40px);position: relative;}
.card-titles {font-size: 20px;font-weight: 600;margin-bottom: 12px;}
.card-texts {margin-bottom: 15px;font-size: 16px;padding-top: 25px;}
.card-texts em{font-weight: bold;font-style: italic;}
.cardstorys {margin-bottom: 10px;font-weight: 500;font-size: 16px;}
.cardstorys img{ margin-left: 5px;}
.quotearrows{font-size: 65px;color: var(--surface-color);line-height: 20px;position: absolute;top:12px}
 .readbtn {
      background-color: transparent;
      color: var(--default-color); font-size: 16px;
      padding: 5px 1rem;
      border: #a9a9a9 1px solid;
      display: inline-block;width: auto;
      align-items: center;
      gap: 0rem;cursor: pointer;
      transition: 0.3s;text-decoration: none;
    }
    .readbtn:hover {
      background-color:var(--accent-color);
      color: #fff;
      border: var(--accent-color) 1px solid;
    }

/* Start of IPad Pro Screen */
@media screen and (max-width:1400px) and (min-width:1301px){
.herosectionrow {height: auto;}
.abcontent {margin-top: 160px;}
.categorypage{padding: 40px 0px 30px 0px;}
}

/* Start of Mini Desktop Screen */
@media screen and (max-width:1300px) and (min-width:1201px){
.mtops {margin-top: var(--spacing-md);}
.herosectionrow {height: auto;}
.abcontent {margin-top: 160px;}
.categorypage{padding: 30px 0px 30px 0px;}
.agencycontents {width: calc(68% - 40px);margin-top: 1rem;}
.cardimgs {width: 30%;}
.videocards{border: 7px solid rgba(238, 238, 238, 1);padding: 10px;}
}

/* Start of Mini Desktop Screen */
@media screen and (max-width:1200.98px) and (min-width:1101px){
.herosectionrow {height: auto;}
.abcontent {margin-top: 150px;text-align: center;}
.mtops {margin-top: var(--spacing-md);}
.categorypage{padding: 30px 0px 30px 0px;}
}

/* Start of IPad Pro Screen */
@media screen and (max-width:1100.98px) and (min-width:992px){
.herosectionrow {height: auto;}
.abcontent {margin-top: 120px;}
.mtops {margin-top: var(--spacing-md);}
.categorypage{padding: 20px 0px 30px 0px;}
.card-texts {margin-bottom: 15px;font-size: 18px;padding-top: 25px;line-height: 1.6;}
.cardstorys {font-size: 17px;}
.quotearrows {font-size: 80px}
}

/* Start of IPad Screen */
@media screen and (max-width:991.98px) and (min-width:768px){
.herosectionrow {height: auto;}
.abcontent {margin-top: 120px;}
.mtops {margin-top: var(--spacing-md);}
.categorypage{padding: 20px 0px 30px 0px;}
}

/* Start of Iphone/Mobile Screen */
@media screen and (max-width:767px) and (min-width:600px){
.mtops {margin-top: var(--spacing-md);}
.herosectionrow {height: auto;}
.abcontent {margin-top: 120px;}
.categorypage{padding: 20px 0px 20px 0px;}
.agencycontents {width: calc(100% - 5px);margin-top: 1.2rem;}
.cardimgs {width: 88%;}
.videocards{height: auto;display: block;margin: 10px 0px;border: 5px solid rgba(238, 238, 238, 1);padding: 1rem;}
}

/* Start of Iphone/Mobile Screen */
@media screen and (max-width:599.98px) and (min-width:320px){
.mtops {margin-top: var(--spacing-md);}
.herosectionrow {height: auto;}
.abcontent {margin-top: 120px;}
.categorypage{padding: 10px 0px 10px 0px;}
.agencycontents {width: calc(100% - 5px);margin-top: 1.2rem;}
.cardimgs {width: 88%;}
.videocards{height: auto;display: block;margin: 5px 0px;border: 5px solid rgba(238, 238, 238, 1);padding: 10px;}
}