@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");

/***** General CSS *****/



body {

  word-break: break-word;

  color: #000;

  overflow-x: hidden;

  font-family: "Rajdhani", sans-serif;

  background: #f0f1f4;

}



a {

  text-decoration: none;

  color: #000;

  white-space: initial;

}



a:hover,

a:focus {

  text-decoration: none;

  color: #ff893c;

}



a:hover {

  transition: all 0.2s ease-in-out;

  -webkit-transition: all 0.2s ease-in-out;

  -moz-transition: all 0.5s ease-in-out;

}



.hei {

  height: 100%;

}



img {

object-fit: cover;

max-width: 100%;

width: 100%;

/* height: 100%; */
}



input[type="text"]:focus,

textarea:focus,

input[type="password"]:focus,

select:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="tel"]:focus,

input[type="number"]:focus {

  transition: all 0.5s ease;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  outline: none;

}



select,

input[type="text"],

input[type="password"],

input[type="email"],

input[type="url"],

input[type="number"],

textarea,

input[type="tel"] {

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



/***** Font Files *****/



@font-face {

  font-family: "Fonts Awesome";

  src: url(../fonts/fontawesome-webfont.eot);

  src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),

    url(../fonts/fontawesome-webfont.woff) format("woff"),

    url(../fonts/fontawesome-webfont.ttf) format("truetype"),

    url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");

  font-weight: 400;

  font-style: normal;

}



@font-face {

  font-family: "Jersey";

  src: url(../fonts/Jersey.ttf);

  font-weight: 400;

  font-style: normal;

}



/***** Custom Classes *****/



select {

  background: #fff url("../images/arrow.png") no-repeat right;

  padding: 0 40px 0 30px;

}



::-webkit-input-placeholder {

  color: #575757;

}



::-moz-placeholder {

  color: #575757;

  opacity: 1;

}



:-ms-input-placeholder {

  color: #575757;

}



:-moz-placeholder {

  color: #575757;

  opacity: 1;

}



.noPadding {

  padding: 0;

}



.noLeft {

  padding-left: 0;

}



.noRight {

  padding-right: 0;

}



.centerCol {

  float: none;

  margin: 0 auto;

}



.pt_8 {

  padding-top: 80px;

}



.pb_8 {

  padding-bottom: 80px;

}



.py_8 {

  padding: 80px 0px;

}



.sec {

  padding: 50px 0;

}



.flexRow {

  display: -webkit-box;

  display: -moz-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  align-items: center;

}



.flexCol {

  -webkit-box-flex: 1;

  -moz-box-flex: 1;

  -webkit-flex: 1;

  -ms-flex: 1;

  flex: 1;

  align-items: center;

}



ul {

  margin: 0 0 0 0px;

  padding: 0;

  list-style-type: none;

}



.auto {

  display: block;

  margin: 0 auto;

}



.center {

  display: flex;

  align-items: center;

  justify-content: center;

}



.text_center {

  text-align: center;

}



.topbar {

  padding: 0 0 50px 0;

}



/* Heading CLasses */

h1 {

  font-size: 53px;

  line-height: 60px;

  color: #ff9956 !important;

  font-family: "Rajdhani", sans-serif;

  font-weight: 500;

  margin: 0 0 17px;

  text-transform: uppercase;

}



h2 {

  font-size: 30px;

  line-height: 1.2;

  color: #000;

  font-weight: 500;

  margin: 0 0 10px;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

}



h3 {

  font-family: "Rajdhani", sans-serif;

  font-size: 25px;

  line-height: 1.2;

  color: #000;

  font-weight: 600;

  margin: 0 0 10px;

  text-transform: uppercase;

}



h4 {

  font-family: "Rajdhani", sans-serif;

  font-size: 24px;

  line-height: 1.2;

  color: #000;

  letter-spacing: 2px;

  font-weight: 500;

  margin: 0 0 10px;

  text-transform: uppercase;

}



h5 {

  /* font-family: 'Jersey'; */

  font-size: 31px;

  line-height: 1.2;

  color: #bc1f26;

  font-weight: 500;

  margin: 0 0 10px;

  text-transform: uppercase;

}



h6 {

  font-size: 16px;

  font-family: "Poppins", sans-serif;

  line-height: 1.2;

  color: #000;

  font-weight: 500;

  margin: 0 0 10px;

  text-transform: uppercase;

}



p {

  font-size: 13px;

  font-weight: 500;

  color: #000;

  line-height: 20px;

  font-family: "Montserrat", sans-serif;

}



/* Heading CLasses End*/



.search-field {

  background-color: #ff893c;

  background-image: url(../images/search.png);

  background-position: 5px center;

  background-repeat: no-repeat;

  background-size: 24px 24px;

  border: none;

  cursor: pointer;

  height: 65px;

  margin: 0px 0;

  padding: 0 0 0 34px;

  position: relative;

  -webkit-transition: width 400ms ease, background 400ms ease;

  transition: width 400ms ease, background 400ms ease;

  width: 0px;

  cursor: pointer;

}



.search-field:focus {

  background-color: #ff893c;

  border: 2px solid #c3c0ab;

  cursor: text;

  outline: 0;

  width: 250px;

  color: #fff;

}



.search-form .search-submit {

  display: none;

}



/* Menu css start */



.nav1 ul {

  list-style: none;

  text-align: center;

}



.nav1 ul li a {

  text-transform: uppercase;

}



.nav1 ul li a,

.nav1 ul li a:after,

.nav1 ul li a:before {

  transition: all 0.5s;

}



.nav1 ul li a:hover {

  color: #555;

}



/* stroke */

.nav1 .stroke ul li a,

.nav1 .fill ul li a {

  position: relative;

}



.nav1 .stroke ul li a:after,

.nav1 .fill ul li a:after {

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 0%;

  content: ".";

  color: transparent;

  background: #000;

  height: 2px;

}



.nav1 .stroke ul li a:hover:after {

  width: 100%;

}



.nav1 .fill ul li a {

  transition: all 2s;

}



.nav1 .fill ul li a:after {

  text-align: left;

  content: ".";

  margin: 0;

  opacity: 0;

}



.nav1 .fill ul li a:hover {

  color: #fff;

  z-index: 1;

}



.nav1 .fill ul li a:hover:after {

  z-index: -10;

  animation: fill 1s forwards;

  -webkit-animation: fill 1s forwards;

  -moz-animation: fill 1s forwards;

  opacity: 1;

}



/* Menu css end */



/* Button Css start */



a.theme_btn1 {

  position: relative;

  font-weight: 700;

  padding: 10px 35px;

  color: white;

  width: fit-content;

  background: #000;

  border-radius: 6px;

  text-transform: uppercase;

}



a.theme_btn1:hover {

  background: #ff893c;

  color: black;

}



.theme_btn1 {

  background: rgb(255, 151, 0);

  border: none;

  z-index: 1;

}



.theme_btn1:after {

  position: absolute;

  content: "";

  width: 100%;

  height: 0;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 5px;

  background-color: black;

  background-image: linear-gradient(180deg, #fff 0%, #fff 74%);

  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5);

  transition: all 0.3s ease;

}



.theme_btn1:hover {

  color: #000;

}



.theme_btn1:hover:after {

  top: auto;

  bottom: 0;

  height: 100%;

}



.theme_btn1:active {

  top: 2px;

}



/* Button Css  End*/



/* Index Page start */



/* Header start */

ul#menu {

  justify-content: center;

  display: flex;

  align-items: center;

  height: 100%;

  gap: 40px;

}



ul#menu a {

  color: #000;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 14px;

  font-family: "Montserrat", sans-serif;

}



ul#menu1 {

  padding: 10px 0;

  display: flex;

  align-items: center;

  justify-content: end;

  gap: 24px;

}



ul#menu1 li {

  position: relative;

}



ul#menu1 a {

  font-size: 14px;



  text-transform: uppercase;



  font-weight: 400;

}



ul#menu1 li::before {

  position: absolute;

  content: "";

  width: 6px;

  height: 1px;

  left: -16px;

  background: #000;

  top: 10px;

}



ul#menu1 li:nth-child(1)::before {

  display: none;

}



.hdr_logo::before {

  content: "";

  position: absolute;

  top: -60px;

  left: 0;

  background-color: #ff893c;

  width: 100%;

  height: 125px;

  z-index: -1;

}.bottombar .row {
    background: #fff;
}

.hdr_logo.text_center img {
    background: #002e6a;
    padding: 10px;
}

.hdr_logo {position: relative;height: 100%;width: 100%;}



.hdr_logo a {

  display: flex;

  text-transform: uppercase;

  color: white;

  font-weight: 600;

  font-size: 25px;

  align-items: center;

  justify-content: center;

  height: 100%;

  width: 100%;

}



section.header {

  position: relative;

}



.hdr_search {height: 100%;background: #ff893c;display: flex;align-items: center;justify-content: center;}



.hdr_search i {

  margin: 0px auto;

  width: fit-content;

}



.bottombar ul {background: white;padding: 37px 0;}



/* Header end */



/* banner start */

.banner_box {

  background-image: url(../images/banner.png);

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  height: 100%;

  border-radius: 10px;

  margin: 50px 0 0 0;

}



.banner_text {

display: flex;

align-items: start;

 flex-direction: column; 

justify-content: center;

height: 100%;

width: 92%;
}



.banner_text * {

  color: white;

}



.banner_text h6 {

  font-size: 14px;

  font-family: "Rajdhani", sans-serif;

  padding: 0 0 10px 0;

  border-bottom: 1px solid #524b48;

  margin: 0 0 10px 0;

}



.banner_text p {

  color: #b2b0af;

  font-weight: 600;

}



a.theme_btn {

  position: relative;

  font-weight: 500;

  padding: 10px 35px;

  width: fit-content;

  background: #ff893c;

  border-radius: 6px;

  text-transform: uppercase;

}



a.theme_btn:hover {

  background: #fff;

  color: black;

}



button.theme_btn {

  position: relative;

  font-weight: 500;

  padding: 10px 35px;

  width: fit-content;

  background: #ff893c;

  border-radius: 6px;

  text-transform: uppercase;

}



button.theme_btn:hover {

  background: #fff;

  color: black;

}



.theme_btn {

  background: rgb(255, 151, 0);

  border: none;

  z-index: 1;

}



.theme_btn:after {

  position: absolute;

  content: "";

  width: 100%;

  height: 0;

  top: 0;

  left: 0;

  z-index: -1;

  border-radius: 5px;

  background-color: #ff893c4f;

  background-image: linear-gradient(180deg, #ff893c 0%, #ff893c4f 74%);

  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5);

  transition: all 0.3s ease;

}



.theme_btn:hover {

  color: #000;

}



.theme_btn:hover:after {

  top: auto;

  bottom: 0;

  height: 100%;

}



.theme_btn:active {

  top: 2px;

}



/* banner start */



/* top_magazine_sec start */

.upcoming_mag_box {

  position: relative;

  height: 100%;

}



.upcoming_mag_text {

  position: absolute;

  bottom: 0;

  padding: 0 20px;

}



.upcoming_mag_text * {

  color: white;

  text-align: center;

}



.release {

  position: absolute;

  top: 0;

  left: 0;

  background: #ff893c;

  padding: 10px 20px;

  border-radius: 7px 0px 7px 0px;

}



.release p {

  font-weight: 600;

}



.release * {

  color: white;

  margin: 0;

  text-transform: uppercase;

}



.upcoming_mag_image img {

  height: 100%;

  border-radius: 7px;

}



.top_mag_text h6 {

  /* font-size: 30px; */

  font-weight: 600;

  font-family: "Rajdhani", sans-serif;

  color: #000;

  font-size: 20px;

}



.top_mag_text p {

  /* font-size: 14px; */

  color: #777777;

  line-height: 20px;

  font-weight: 600;

  font-size: 12px;

}



.top_mag_image img {

  /* height: 100%; */

  object-fit: cover;

  border-radius: 7px;

  height: 180px;

  transition: 0.9s;

}



.top_mag_image {

  height: 80%;

  /* position: relative; */

}



.dummy {

  position: absolute;

  top: 0%;

  background: #ff9956;

  color: white;

  padding: 6px 10px;

  border-radius: 4px 10px 10px 0px;

}



.top_mag_box {

  height: 100%;

  position: relative;

  z-index: 1;

}



.top_mag_image {

  height: 49%;

}



.top_mag_text {

  padding: 13px 0px;

  /* position: absolute; */

  /* text-align: center; */

}



.dummy span {

  /* background: #ff9956; */

  color: #fff;

  font-size: 15px;

  text-transform: uppercase;

  padding: 0px 0px;

  font-weight: 600;

}



.top_mag_main_box {padding: 30px 0 30px 0;background: white;border-radius: 6px;box-shadow: 0px 4px 10px 3px #002e6a;}



.top_mag_main_box_topbar h2 {

  font-weight: 600;

  border-bottom: 1px solid #e8e7e7;

  padding: 0px 0 10px 50px;

  margin: 0 0 20px 0;

}



.top_mag_main_box_topbar {

  position: relative;

}



.top_mag_main_box_topbar::before {

  position: absolute;

  left: 0;

  top: 0;

  width: 3px;

  height: 100%;

  content: "";

  background: #ff893c;

}



.heading h2 {

  font-weight: 600;

  padding: 0px 0 0 0;

  margin: 0 0 0 0;

}



.heading {

  margin: 0 0px 30px 0px;

  position: relative;

  padding: 10px 50px 0px 50px;

}



.heading a {

  display: block;

  width: fit-content;

  text-transform: uppercase;

  color: #ff9956;

  font-weight: 500;

  text-decoration: underline;

}



.heading::before {

  position: absolute;

  left: 0;

  top: 0;

  width: 3px;

  height: 100%;

  content: "";

  background: #ff893c;

}

.heading1::before {

  position: absolute;

  left: 0;

  top: 0;

  width: 3px;

  height: 100%;

  content: "";

  background: #ff893c;

}



.release h6 {

  font-size: 15px;

}



.date span {

  text-transform: uppercase;

  color: black;

  font-weight: 600;

}



/* top_magazine_sec end */



/*  books_Sec start */



.top_mag_text span i {

  margin: 0 5px 0 0;

  color: #ff893c;

}



.top_mag_box.book_box {

  border: 1px solid #e5e5e5;

  border-radius: 8px;

  margin: 20px 0;

  height: 90%;

}



.top_mag_text.book_text {

  padding: 0px 18px 10px 19px;

  overflow-y: scroll;

  height: 240px;

  margin-top: 17px;

}

/*  books_Sec end */



/* events_sec start */

.events_box {

  background: #ff893c;

  padding: 30px;

  border-radius: 8px;

}



.events_box * {

  color: #fff;

}



.events_text {

  width: 55%;

}



/* events_sec end */



/* author_sec start */



/* program_sec start */

.apply {

  position: absolute;

  right: -10%;

  top: 22%;

  z-index: 99;

}



.apply a {

  color: #002665;

  font-size: 17px;

  position: relative;

  font-family: "BlenderMedium";

}



.apply a::before {

  position: absolute;

  left: -39px;

  bottom: -10px;

  width: 90px;

  height: 3px;

  background: #f3c413;

  content: "";

}



.video-gallery {

  /* box-shadow: 1px 1px 2px 20px #000; */

  position: relative;

  margin: 0 auto;

  z-index: 10;

  max-width: 100%;

  text-align: center;

  height: 100%;

}



.video-gallery .gallery-item {

  z-index: 21;

  position: relative;

  float: none;

  max-width: 100%;

  height: 490px;

  width: 100%;

  border-radius: 10px;

  background: #0b103b;

  cursor: pointer;

  border-radius: 20px;

}



.video-gallery .gallery-item img {

  position: relative;

  display: block;

  opacity: 1;

  z-index: 1;

  width: 100%;

  height: 100%;

  /* box-shadow: 1px 1px 20px 1px #000; */

  border-radius: 0px;

  transition: opacity 0.35s, transform 0.35s;

  object-fit: cover;

  border-radius: 7px;

  object-position: top;

}



.video-gallery .gallery-item .gallery-item-caption {

  color: #fff;

  text-transform: uppercase;

  font-size: 1.25em;

}



.video-gallery .gallery-item .gallery-item-caption,

.video-gallery .gallery-item .gallery-item-caption > a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 11111;

}



.video-gallery .gallery-item h2 {

  font-weight: 300;

  overflow: hidden;

  padding: 0.5em 0;

}



.video-gallery .gallery-item h2,

.video-gallery .gallery-item p {

  position: relative;

  margin: 0;

  z-index: 10;

}



.video-gallery .gallery-item p {

  letter-spacing: 1px;

  font-size: 68%;



  padding: 1em 0;

  opacity: 0;

  transition: opacity 0.35s, transform 0.35s;

  transform: translate3d(10%, 0, 0);

}



.video-gallery .gallery-item:hover img {

  opacity: 1;

}



.video-gallery .gallery-item .gallery-item-caption {

  text-align: left;

}



.video-gallery .gallery-item h2::after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 15%;

  height: 1px;

  background: #fff;



  transition: transform 0.3s;

  transform: translate3d(-100%, 0, 0);

}



.video-gallery .gallery-item:hover h2::after {

  transform: translate3d(0, 0, 0);

}



.video-gallery .gallery-item:hover p {

  opacity: 1;

  transform: translate3d(0, 0, 0);

}



.play a {

  z-index: 99999;

  transform: rotate(180deg);

  display: flex;

  align-items: center;

  position: relative;

  gap: 10px;

  /* background: #01072b94; */

  border-radius: 0px 0px 100px 100px;

  padding: 160px 0px 0px 0px;

  writing-mode: tb-rl;

}



.play {

  width: 100%;

  height: 100%;

  display: flex;

  align-items: flex-end;

  justify-content: center;

  position: relative;

  z-index: 1000099;

}



.play a img {

  width: 90px !important;

  height: 90px !important;

  border-radius: 50% !important;

  object-fit: contain !important;

  padding: 36px 17px;

  background: #ff893c;

  margin: 20px;

  transform: rotate(180deg);

}



.box1_ima {

  height: 100%;

  border-radius: 7px;

}

div.shade {

  position: relative;

  width: 90%;

  margin: 0 auto;

}

div.shade::before {

  position: absolute;

  content: "";

  width: 104%;

  height: 109%;

  left: -2%;

  border-radius: 15px;

  top: -5%;

  background: linear-gradient(

    180deg,

    rgba(235, 190, 18, 1) 31%,

    rgba(156, 126, 12, 1) 85%

  );

  z-index: 0;

}

div.play::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  left: 0%;

  border-radius: 15px;

  top: 0%;

  /* background: #192156d1; */

  z-index: 9;

}

.program_bar {

  padding: 0 0 100px 0;

}

.program_bar h2 {

  text-align: center;

}

.program_bar p {

  width: 80%;



  margin: 0 auto;



  text-align: center;

}

.program_sec {

  background: linear-gradient(

    180deg,

    rgba(246, 246, 246, 1) 50%,

    rgba(255, 255, 255, 1) 50%

  );

}



.about_text a {

  width: fit-content;

}



.author_text {

  /* position: absolute; */

  bottom: 0;

  z-index: 99;

  padding: 0 0px;

}



.author_main_box {

  position: relative;

}



.author_text * {

  text-align: center;

  color: white;

}



.author_text span {

  display: block;

  background: #ff893c;

  text-transform: uppercase;

  padding: 5px 10px;

  margin: 0 0 10px 0;

  width: fit-content;

}

/* program_sec end */

.play1 a img {

  padding: 11px 3px;

  height: 30px !important;

  width: 30px !important;

  margin: 4px;

}



.play1 a {

  right: 0;

  padding: 0;

  position: absolute;

}



.author_box_text * {

  margin: 0;

}

.content.wow.fadeIn {

  height: 100%;

  border-radius: 10px;

}



.gallery-item1 {

  height: 100%;

}

.date1 span {

  text-transform: uppercase;

  color: #ff893c;

}

.borde {

  border-bottom: 1px solid #e8e7e7;

  margin: 0 30px 0 0;

  padding: 10px 0 7px 0;

}

.borde1 {

  margin: 0 30px 0 0;

  padding: 15px 0;

}

.bg_white {

  background: white;

  border-radius: 7px;

}

.content.content1.wow.fadeIn {

  padding: 0;

  border-radius: 17px;

}



.social_box {

  position: relative;

}



.social_text {

  position: absolute;

  top: 33%;

  left: 10%;

  text-align: center;

}



.social_box ul {

  display: flex;

  align-items: center;

  gap: 30px;

}



.social_box {

  width: 100%;

}



.follow_box ul {

  display: flex;

  align-items: center;

  gap: 7px;

  flex-wrap: wrap;

}



.social_text * {

  margin: 0;

  text-transform: uppercase;

  color: white;

}



.follow_box.bg_white {

  padding: 16px 0;

  border-radius: 7px;

}



.social_text p {

  text-align: center;

  font-size: 9px;

  line-height: 10px;

}

.social_image img {

  height: 73px;

  width: 100%;

}



.social_text h6 {

  font-size: 11px;

}



.about_mag_box_text.text_center {

  position: absolute;

  bottom: 40%;

  padding: 0 10px;

}

section.author_sec.hm-abt-sec .about_mag_box_text.text_center {

  padding: 0 40px;

}

.about_mag_box {

  margin: 0px 0;

  position: relative;

  height: 500px;

}



.about_mag_box_text.text_center * {

  color: white;

}



.consec_image img {

  height: 129px;

  object-fit: cover;

  object-position: top;

  border-radius: 8px;

}

.consec_box {

  border-radius: 9px;

  padding: 0 9px;

  margin: 60px 0 0 0;

}

.bottom_mag_box.bg_white {

  padding: 20px;

  border-radius: 7px;

  height: 100%;

}

.top_mag_text1 * {

  margin: 0;

}

.top_mag_image1 img {

  height: 93%;

  object-position: center;

}

.reader_box1_text {

  background: #ff893c;

  padding: 10px 30px;

  border-radius: 0 0 7px 7px;

}



.reader_box1_text * {

  color: white;

}

.reader_box1_image img {

  height: 396px;

  border-radius: 7px 7px 0 0;

}

.about_mag_box_text.box-1-abt-text.text_center {

  bottom: 28%;

}



/* author_sec end */



/*Newletter Start*/



.newletter-sec {

  background: #fff;

  padding: 30px 40px;

  border-radius: 10px;

  margin: 60px auto;

}



.newletter-txt ul {

  display: flex;

  align-items: center;

  margin: 0;

}



.newletter-txt ul li i {

  color: #fff;

  font-size: 60px;

  margin: 0 20px 0 0;

}



.newletter-txt ul li p {

  color: gray;

  margin: 0;

  font-weight: 600;

}



.newletter-txt ul li h4 {

  margin: 0;

  font-size: 30px;

  font-weight: 600;

}

.newletter-in input::placeholder {

  text-transform: uppercase;

  font-family: "Rajdhani", sans-serif;

}

.newletter-in input {

  width: 100%;

  font-family: "Rajdhani", sans-serif;

  background: #f4f4f4;

  border: 1px solid #fff;

  height: 47px;

  padding: 0 30px;

  color: black;

  border-radius: 10px;

}



.newletter-in {

  position: relative;

  display: grid;

  align-content: center;

  height: 100%;

}



.newletter-in button {

  border-radius: 5px;

  position: absolute;

  top: 8%;

  right: 0;

  padding: 8px 20px;

  border: 0;

  background: #ff893c;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  color: white;

  font-weight: 500;

}



.newletter-in input::placeholder {

  color: #9d9d9d;



  font-weight: 800;

  font-size: 16px;

}



/*Newletter Start*/



/*Footer Start*/



footer {

  background: #1b1411;

  padding: 90px 0px 0px;

}



h5.f-main {

  font-size: 28px;

  color: #fff;

  font-weight: 600;

}



.footer-logo p {

  color: #a4a2a1;

  margin: 20px 0;

}



.footer-logo ul li a {

  color: #d2d2d2;

  font-size: 16px;

  line-height: 32px;

}



.footer-logo ul li i {

  margin: 0 20px 0 0;

  font-size: 24px;

  color: #ff893c;

}



ul.navgation-f li {

  display: flex;

  align-items: center;

  justify-content: space-between;

}



.f-media ul {

  display: flex;

  align-items: center;

  margin: 0;

}



.f-media ul li a {

  border: 1px solid #98a86d;

  font-size: 18px;

  margin: 0 10px 0 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 35px;

  height: 35px;

  border-radius: 50%;

  color: #98a86d;

}



.footer-btm {

  /* box-shadow: 0 0 2px 0 #98a86dd1; */

  /* padding: 10px 40px; */

  /* background: #232323; */

  border-top: 1px solid #322e2c;

  padding: 10px 0;

}



.copy-right p {

  color: #5a5754;

  margin: 0;

}



.copy-right {

  display: grid;

  align-content: center;

  justify-content: center;

  height: 100%;

}



.f-card {

  display: grid;

  align-items: center;

  justify-content: end;

  height: 100%;

}



.f-media {

  display: grid;

  align-content: center;

  height: 100%;

}



.footer-logo {

  position: relative;

  padding: 10px 60px 40px 60px;

  height: 100%;

}



footer .row .col-lg-4:not(:last-child) .footer-logo:before {

  content: "";

  position: absolute;

  border: 1px solid #322e2c;

  height: 100%;

  right: 0;

  top: 0;

}



.footer-logo.wow.bounceInRight ul li {

  padding: 7px 0;

}



ul.navgation-f {

  display: flex;

  align-items: center;

  gap: 25px;

}



ul.navgation-f a {

  width: 35px;

  height: 35px;

  align-items: center;

  justify-content: center;

  display: flex;

  border-radius: 50%;

  border: 1px solid #706d6c;

}



ul.navgation-f li a i {

  margin: 0;

  color: #757271;

  font-size: 15px;

}



ul.navgation-f li a:hover {

  background: #ff893c;

}



ul.navgation-f li a:hover i {

  color: white;

}



/*Footer End*/



/* Index Page end */



/* InnerPage About us start */

.navigat a {

  text-transform: uppercase;

  font-size: 23px;

}

a.orange {

  color: #ff893c;

  font-weight: 500;

  font-size: 17px;

}

.inner_banner_text h1 {

color: white !important;

text-align: center;
}

.banner_box.inner_banner_box {

  padding: 80px 30px;

}

/* InnerPage About us end */



.consec_image1 img {

  height: 100px;

  object-fit: cover;

}

.dummy1.date span i {

  margin: 0 5px 0 0;

  color: #ff893c;

}



.dummy1 {

  position: absolute;

  bottom: 40px;

  background: white;

  left: 10px;

  padding: 5px 9px;

  border-radius: 3px;

}



.inner_magbox {

  width: 20%;

}

.container {

  /* margin:30px auto; */

}



.col-md-4 {

  /* display:none; */

}



.content {

  background-color: #333;

  height: 200px;

  margin: 10px 5px;

  border: 1px solid #ccc;

}



.load-more {

  background-color: #000;

  color: #fff !important;

  padding: 5px 10px;

  border-radius: 4px;

  font-size: 20px;

  margin: 50px 0;

  display: inline-block;

}



.load-more:hover {

  background-color: blue;

  text-decoration: none;

}



form.contact_form input {

  border: none;

  width: 100%;

  height: 60px;

  margin: 0 0 20px 0;

  background: #f5f5f5;

  padding: 0 0 0 30px;

  color: black;

  text-transform: uppercase;

  border-radius: 7px;

  font-weight: 500;

  font-size: 16px;

}

form.contact_form textarea {

  border: none;

  width: 100%;

  height: 160px;

  margin: 0 0 20px 0;

  background: #f5f5f5;

  padding: 20px 0 0 30px;

  color: black;

  text-transform: uppercase;

  border-radius: 7px;

  font-weight: 500;

  font-size: 16px;

}



/* LOGIN PAGE CSS STRT */



.text-blue {

  color: #100c6c;

}



.text-black {

  color: #000 !important;

}



.log-in-wrap {

  padding: 40px 35px;

  background-color: #fff;

  box-shadow: 0 0 20px #00000021;

  /*float: right;

*/

  border-radius: 6px;

}



.log-in-wrap h2 {

  margin: 0 0 20px 0;

  text-align: center;

  color: #000;

  font-size: 40px;

  margin-bottom: 30px;

  text-transform: uppercase;

  font-weight: 500;

}

.log-in-wrap form button {

  padding: 15px 50px;

  border-radius: 5px;

  font-size: 17px;

  color: #fff;

  font-weight: 500;

  border: none;

  background-color: #f87025d6;

}



.form-check .form-check-input {

  float: left;

  margin-left: -1.5em;

  border: 1px solid;

  background: #f87025d6 !important;

}



.log-in-wrap1 form button {

  padding: 15px 50px;

  border-radius: 5px;

  font-size: 17px;

  color: #000;

  font-weight: 500;

  border: none;

  background-color: #fff;

}

.width-100 {

  width: 100% !important;

}

.log-in-page-main {

  padding: 100px 0px;

}

.log-in-page-main .form-control {

  height: 50px;

  border-radius: 5px;

  padding-left: 25px;

  margin-bottom: 20px;

  border: 1px solid #e0dcdc;

  background: transparent;

  color: black;

}

.log-in-page-main .form-control::placeholder {

  color: gray;

}

.log-in-wrap1 input::placeholder {

  color: white !important;

}

.log-in-page-main .form-check label.form-check-label {

  font-size: 14px;

  font-weight: 300;

  font-family: "Roboto", sans-serif;

  margin: 0;

  color: #fff;

}



.log-in-page-main .form-check,

.forgot-pass {

  display: inline-block;

}



.forgot-pass {

  width: 72%;

  text-align: right;

}



.forgot-pass a {

  font-size: 14px;

  font-weight: 300;

  font-family: "Roboto", sans-serif;

  margin: 0;

  color: #fff;

}

.forgot-pass a:hover {

  color: #d50000;

}

.agree-text {

  font-size: 14px;

  font-weight: 600;

  margin-top: 5px;

  margin-bottom: 15px;

  color: black;

}



.term-condition {

  font-weight: 500;

  margin-left: 10px;

  color: #f87025;

  border-bottom: 2px solid #f87025;

}

.terms_chk .form-check-input {

  border-color: #a0b3ba;

}



.log-in-wrap1 {

  background-color: #f87025;

}



.log-in-wrap.log-in-wrap1 h2 {

  color: white;

  font-size: 45px;

  font-weight: 400;

}

.mag_detail_left_box.p-4.bg_white img {
  border-radius:7px;
  width: 100%;
  height: 600px;
  object-fit: cover;
}

.hm-mag-row .upcoming_mag_box .upcoming_mag_text {
  padding:8px 20px;
  /* background:#000000e8; */
}

.upcoming_mag_image.hei {
  position: relative;
}
.hm-mag-row .upcoming_mag_image.hei:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00000091;
}
.heading.heading1 h2 {

  font-size: 23px;

}

.mag_detail_left_box.p-4.bg_white h2 {

  margin: 20px 0;

}

.raim_image.hei img {

  object-fit: cover;

  height: 100%;

}

.raim_text p {

  padding: 0 30px;

}



.heading.heading1 {

  padding: 10px 50px 0px 30px;

}

.raim_bottom_image.hei img {

  height: 100%;

  object-fit: cover;

}



.raim_bottom_text.bg_white.p-5.text_center {

  padding: 90px 50px !important;

}



.button-wrap button {

  border-radius: 6px;

  margin: 40px auto;

  display: block;

  background: #ff893c;

  border: navajowhite;

  padding: 14px 39px;

  text-transform: uppercase;

  color: white;

}

/*LOGIN PAGE END*/



/*counters*/



.count {

  /* display: flex; */

  /* border: solid; */

  /* padding: 20px; */

  /* box-shadow: 0px 0px 4px #80808087; */

  /* justify-content: end; */

  align-items: center;

  /* background: white; */

  /* border-radius: 5px; */

}

.awrd-detail img {

  /* border: solid; */

  /* background: #df162c; */

  padding: 22px;

  /* border-radius: 10px; */

  /* height: 61px; */

  /* width: 61px; */

  /* object-fit: contain; */

}



.awrd-detail {

  /* display: flex; */

  /* align-items: center; */

  gap: 16px;

  /* border: solid 1px #fff; */

  text-align: center;

  /* padding: 50px; */

  /* background: #d2d0cf; */

  /* position: relative; */

}

.items h3 {

  margin: 0;

  line-height: 55px;

  font-size: 44px;

  /* line-height: 75px; */

  margin: 0;

  text-align: left;

}

.items p {

  margin: 0;

  line-height: 16px;

}



.counters {

  margin-top: -146px;

}



h2.count-det {

  /* font-family: 'Oswald', sans-serif; */

  font-size: 14px;

  line-height: 20px;

  color: #000;

  font-weight: 500;

  text-transform: unset;

  text-align: left;

  margin: 15px 0;

  width: 70%;

}



.back-counters {

  background: url(../images/count-bk.png);

  width: 100%;

  background-size: cover;

  /* background: white; */

  /* padding: 20px  0; */

}



.gorilla-content .accordion-button.collapsed {

  padding: 18px 30px;

  /* background-color: #06b6ea; */

  color: #ffffff;

  font-size: 30px;

  font-family: "bignoodletitling";

  line-height: 30px;

  border-radius: 52px;

  /* text-transform: uppercase; */

  background: linear-gradient(to right, #26b9e7 10%, #0c8dcf 100%);

}

.gorilla-content .accordion-button {

  /* color: #000000 !important; */

  font-size: 24px;

  padding: 20px 20px;

  line-height: 45px;

  background-color: transparent;

  font-size: 45px;

  font-family: "Trirong-Regular";

}



.gorilla-content .gorrila-page-txt .color-red {

  color: #a60000;

  font-weight: 500;

  margin-bottom: 7px;

  margin-top: 30px;

}



.gorrila-page-txt ul {

  list-style: auto;

}



.gorrila-page-txt ul li {

  color: #000000;

  font-size: 14px;

  line-height: 23px;

  font-family: "Roboto", sans-serif;

  font-weight: 400;

  margin-bottom: 15px;

  margin-left: 15px;

}



.gorrila-page-txt ul li::marker {

  color: #a60000;

}



.accordion-body.gorrila-page-txt {

  padding: 20px 30px;

}



.gorilla-content .accordion-item {

  margin: 20px 0;

  border-radius: 32px;

  border: 0;

  background: #bfecf9;

}

.gorilla-content .accordion-button:not(.collapsed) {

  box-shadow: none;

  /* border: 2px solid #00edff; */

  border-bottom: 0;

  border-top-left-radius: 7px;

  border-top-right-radius: 7px;

  color: black;

  /* text-transform: uppercase; */

  font-size: 35px;

  font-family: "bignoodletitling";

}

.accordion-collapse.collapse {

  /*border: 2px solid #00edff;

*/

  border-top: 0;

  border-radius: 0 0 10px 10px;

  /* margin-bottom: 30px; */

}



.gorilla-content button:focus:not(:focus-visible) {

  box-shadow: none;

}



.accordion-body p {

  color: #666666;

  font-size: 16px;

  line-height: 22px;

}

.gorilla-content .accordion-button::after {

  content: "\2b";

  font-weight: 700;

  font-family: "Font Awesome 6 Pro";

  background-image: none;

  transform: rotate(0deg);

  /* border: solid; */

  padding: 14px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 21px;

  background: white;

  color: #000;

}

.bright {

  border-right: 1px solid #e6e6e6;

}



.count.bg_white.px-5.py-4 .col-lg-3 {

  padding: 0 10px 0 50px;

}

.sec1 {

  padding: 20px 0;

}



.reader_box1_image img {

  height: 411px;

}



.upcoming_mag_text a.theme_btn {

  display: block;

  margin: 0 auto 10px auto;

}



.top_mag_text.top_mag_text1 h6 {

  font-size: 30px;

}

.top_mag_image.top_mag_image11 {

  height: 55%;

}



.author_text h6 {

  font-size: 21px;

  color: #000;

  text-align: left;

}



.bottom_mag_main_box .col-md-4 {

  display: block;

}

.heading-halloween-box h2 {

  font-weight: 600;

  font-size: 25px;

  padding: 0 13px;

  border-left: 4px solid #ff893c;

  margin-bottom: 15px;

}

.about_mag_box_image {

  height: 100%;

}



.about_mag_box_image img {

  height: 100%;

  border-radius: 10px;

}

.upcoming_mag_box {

  background: #0b2443;

  border-radius: 10px;

}

.upcoming_mag_image img {

  height: 100%;

  border-radius: 7px;

}



ul#menu1 li:hover {

  color: #ff893c;

}

ul#menu a:hover {

  color: #ff893c;

}

.follow_box.bg_white h4 {

  font-weight: 600;

  text-align: right;

  font-size: 16px;

}

.consec_box.bg_white {

  margin-top: 0;

}

.consec_box.bg_white.nes-hm {

  margin-top: 28px;

}



.about_mag_box.abtbx-hm {

  height: 470px;

}

.profje-bopc {

  padding: 30px;

  margin: 20px 12px;

  background: #fff;

  border-radius: 7px;

}

.consec_box.bg_white.nes-hm {

  margin-top: 29px;

}

.profje-bopc h2:before {

  position: absolute;

  left: -31px;

  top: 0;

  width: 3px;

  height: 100%;

  content: "";

  background: #ff893c;

}

.profje-bopc h2 {

  font-size: 21px;

  font-weight: 600;

  position: relative;

}

.linkdin-img {

  position: relative;

}



.linkdin-img:before {

  position: absolute;

  content: "";

  background: #1877f2a8;

  width: 100%;

  height: 100%;

  border-radius: 10px;

}



/*Media Query Start*/



/* version changes css  */



section.bookRevision .top_mag_image {

  height: auto;

}



section.bookRevision .date span {

  line-height: 17px;

}



section.bookRevision .top_mag_box.book_box {

  transition: 0.9s;

  /* height: 830px; */

  padding: 0px 0px 30px;

  box-shadow: 0px 4px 10px 3px #0000004a;

}



section.bookRevision .top_mag_image img {

  border-radius: 7px;

  height: 360px;

  transition: 0.9s;

  object-fit: cover;

}



section.bookRevision .date.d-flex.justify-content-between {

  flex-direction: column-reverse;

  gap: 10px;

}



section.bookRevision .top_mag_text p {

  /* height: 80px; */

  /* max-height: 80px; */

  /* overflow-y: scroll; */

}



section.bookRevision .top_mag_text p::-webkit-scrollbar {

  display: none;

}



.bookRevision .item.slick-slide.slick-active {

  opacity: 1;

  /* margin: 0px 10px; */

}



.bookRevision .slick-slide {

  margin: 0px 12px;

}



section.bookRevision .slick-list {

  padding-bottom: 20px;

}



section.bookRevision ul.slick-dots {

  display: flex;

  justify-content: center;

  align-items: center;

}



.slick-dots li button:before {

  display: none;

}



.slick-dots li button {

  width: 0px !important;

  height: 0px !important;

  padding: 0px;

}



section.bookRevision ul.slick-dots li {

  width: 50px;

  height: 3px;

  margin: 0px 6px;

  border-radius: 65px;

  background: #000000d6;

}



section.bookRevision ul.slick-dots li.slick-active {

  opacity: 1 !important;

  background: #ff893c;

  outline: 1px solid #000;

  outline-offset: 3px;

  box-shadow: 0px 0px 20px 20px #44444429;

}



/* version changes css  */



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

}



@media only screen and (min-width: 1200px) and (max-width: 1365px) {

}



@media only screen and (min-width: 992px) and (max-width: 1199px) {

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

}



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

  .banner_text h1 {

    font-size: 54px;

    line-height: 61px;

  }

  .banner_text h6 {

    font-size: 15px;

    line-height: 25px;

    width: 70%;

  }

  p {

    font-size: 12px;

  }



  .banner_box {

    padding: 40px 12px 50px 12px !important;

    border-radius: 0px;

    margin-top: 0px;

  }

  .banner_text h1 br {

    display: none;

  }

  .banner_text {

    width: 100%;

    margin-bottom: 30px;

  }

  .upcoming_mag_image img {

    height: 100%;

  }

  .top_mag_main_box {

    margin-top: 30px;

  }

  .heading {

    padding: 10px 10px 0px 10px;

  }

  .heading a {

    width: 150px;

    text-align: end;

  }

  section.books_Sec.sec .heading h2 {

    font-size: 20px;

  }

  section.books_Sec.sec .row {

    padding: 0px !important;

  }

  .events_text {

    width: 100%;

  }

  .events_box {

    display: block !important;

    text-align: center;

    padding: 30px 20px;

  }

  .events_text h2 {

    font-size: 23px;

  }

  .events_text p {

    margin-bottom: 30px;

  }

  .sec {

    padding: 50px 0 0px;

  }

  .content {

    margin: unset;

    border: unset;

  }

  .author_text {

    padding: 0 10px;

  }

  .author_text h6 {

    font-size: 14px;

    text-align: left;

    line-height: 20px;

  }

  .author_text p {

    font-size: 12px;

    text-align: left;

  }

  .profje-bopc h2:before {

    left: -8px;

  }

  .profje-bopc {

    padding: 30px 20px;

    margin: 20px 0px;

  }

  .reader_box1_text {

    padding: 10px 10px;

  }

  .reader_box1_text h2 {

    font-size: 21px;

  }



  .reader_box1_text p {

    font-size: 11px;

  }

  section.author_sec.sec .col-xl-3.col-lg-3.col-md-3.col-sm-12.col-12 {

    padding: 0px;

  }

  .about_mag_box_text.text_center {

    bottom: 35%;

  }

  .about_mag_box_image img {

    height: 590px;

  }

  .about_mag_box.abtbx-hm {

    height: 590px;

    margin-top: 40px;

  }

  .about_mag_box_image {

    height: 590px;

  }

  .author_box_text {

    padding: 10px 15px;

  }

  .newletter-sec {

    padding: 30px 8px;

  }

  .newletter-in button {

    top: 3%;

    padding: 8px 10px;

  }

  .follow_box ul {

    justify-content: center;

  }

  .follow_box.bg_white h4 {

    text-align: center;

    font-size: 16px;

    padding: 10px 0px;

  }

  .footer-logo {

    padding: 10px 0px 40px 0px;

  }

  footer .row .col-lg-4:not(:last-child) .footer-logo:before {

    display: none;

  }

  .copy-right p {

    width: 70%;

    margin: 0 auto;

    text-align: center;

  }

  h5.f-main {

    font-size: 26px;

  }

  ul#menu1 {

    display: block;

    text-align: center;

  }

  .nav1 {

    display: none;

  }

  ul#menu1 li {

    position: relative;

    margin-bottom: 9px;

  }

  .hdr_logo::before {

    top: -10px;

  }

  .newletter-in input {

    padding: 0px 11px;

  }

}



@media only screen and (min-width: 300px) and (max-width: 519px) {

  html,

  html body,

  body #wrapper {

    width: 100% !important;

    min-width: 0 !important;

    max-width: none !important;

    overflow-x: hidden;

  }

  .banner_text h1 {

    font-size: 34px;

    line-height: 44px;

  }

  .banner_text h6 {

    font-size: 13px;

    line-height: 25px;

  }

  p {

    font-size: 12px;

  }



  .banner_box {

    padding: 40px 12px 50px 12px !important;

    border-radius: 0px;

    margin-top: 0px;

  }

  .banner_text h1 br {

    display: none;

  }

  .banner_text {

    width: 100%;

    margin-bottom: 30px;

  }

  .upcoming_mag_image img {

    height: 100%;

  }

  .top_mag_main_box {

    margin-top: 30px;

  }

  .heading {

    padding: 10px 10px 0px 10px;

  }

  .heading a {

    width: 150px;

    text-align: end;

  }

  section.books_Sec.sec .heading h2 {

    font-size: 20px;

  }

  section.books_Sec.sec .row {

    padding: 0px !important;

  }

  .events_text {

    width: 100%;

  }

  .events_box {

    display: block !important;

    text-align: center;

    padding: 30px 20px;

  }

  .events_text h2 {

    font-size: 23px;

  }

  .events_text p {

    margin-bottom: 30px;

  }

  .sec {

    padding: 50px 0 0px;

  }

  .content {

    margin: unset;

    border: unset;

  }

  .author_text {

    padding: 0 10px;

  }

  .author_text h6 {

    font-size: 14px;

    text-align: left;

    line-height: 20px;

  }

  .author_text p {

    font-size: 12px;

    text-align: left;

  }

  .profje-bopc h2:before {

    left: -8px;

  }

  .profje-bopc {

    padding: 30px 20px;

    margin: 20px 0px;

  }

  .reader_box1_text {

    padding: 10px 10px;

  }

  .reader_box1_text h2 {

    font-size: 21px;

  }



  .reader_box1_text p {

    font-size: 11px;

  }

  section.author_sec.sec .col-xl-3.col-lg-3.col-md-3.col-sm-12.col-12 {

    padding: 0px;

  }

  .about_mag_box_text.text_center {

    bottom: 35%;

  }

  .about_mag_box_image img {

    height: 590px;

  }

  .about_mag_box.abtbx-hm {

    height: 590px;

    margin-top: 40px;

  }

  .about_mag_box_image {

    height: 590px;

  }

  .author_box_text {

    padding: 10px 15px;

  }

  .newletter-sec {

    padding: 30px 8px;

  }

  .newletter-in button {

    top: 3%;

    padding: 8px 10px;

  }

  .follow_box ul {

    justify-content: center;

  }

  .follow_box.bg_white h4 {

    text-align: center;

    font-size: 16px;

    padding: 10px 0px;

  }

  .footer-logo {

    padding: 10px 0px 40px 0px;

  }

  footer .row .col-lg-4:not(:last-child) .footer-logo:before {

    display: none;

  }

  .copy-right p {

    width: 70%;

    margin: 0 auto;

    text-align: center;

  }

  h5.f-main {

    font-size: 26px;

  }

  ul#menu1 {

    display: block;

    text-align: center;

  }

  .nav1 {

    display: none;

  }

  ul#menu1 li {

    position: relative;

    margin-bottom: 9px;

  }

  .hdr_logo::before {

    top: -10px;

  }

  .newletter-in input {

    padding: 0px 11px;

  }

}

.author_text p {

  color: #000;

  text-align: left;

}

.date.d-flex.justify-content-between p {

  margin-bottom: 0px;

}



#style-2::-webkit-scrollbar-track {

  -webkit-box-shadow: inset 0 0 6px #ff9956;

  border-radius: 10px;

  background-color: #f5f5f5;

}



#style-2::-webkit-scrollbar {

  width: 10px;

  background-color: #f5f5f5;

}



#style-2::-webkit-scrollbar-thumb {

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px #ff9956;

  background-color: #ff9956;

}



.book_box .top_mag_text.book_text {

  position: unset;

  text-align: unset;

}



.book_box .top_mag_text.book_text h6 {

  color: #000;

  font-size: 18px;

}



.book_box .top_mag_text.book_text p {

  color: #777777;

  font-size: 13px;

}

.hm-news-sec .consec_image img {
    height: 259px;
    object-position: center;
}



.hm-news-sec {

  border-radius: 10px;

  box-shadow: 0px 4px 10px 3px #0000004a;

}



.hm-news-sec .author_box_text h6 {

  font-size: 14px;

  line-height: 23px;

  margin-bottom: 8px;

}



.hm-news-sec .author_box_text p {

  font-size: 14px;

  line-height: 23px;

  margin-bottom: 10px;

}



.the-news-sec .author_box_text {

  padding: 11px 15px;

}

.the-news-sec .consec_box.bg_white.nes-hm {padding: 20px 20px 50px;margin-top: 50px;box-shadow: 0px 4px 10px 3px #002e6a;}

.the-news-sec .heading::before {

  left: -8px;

}

.the-news-sec .heading {

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 9px 50px 0px 14px;

}

.about_mag_box_image:hover img {

  transform: scale(1.1);

  transition: 0.9s;

}



.about_mag_box_image {overflow: hidden;border-radius: 10px;box-shadow: 0px 4px 10px 3px #002e6a;}

section.top_magazine_sec.sec {

  padding: 80px 0px 0px;

}



.magzine-pageSlider {

  padding-top: 60px;

}



.nav.nav-pills {

justify-content: center;

align-items: center;

width: 100%;

margin: 0px auto;

flex-wrap: wrap;
}



.nav-pills .nav-link {

  background: transparent;

  display: inline-block;

  color: #ff893c;

  padding: 10px 30px;

  border-radius: 45px;

  text-transform: uppercase;

  font-weight: 700;

  line-height: 1.4;

  margin: 10px 6px;

  border: 1px solid #ff893c;

  transition: 0.9s;

}



.nav-pills button.nav-link:hover {

  background: #ff893c;

  color: #000;

}



.nav-pills .nav-link.active {

  background: #ff893c;

  color: #000;

  transform: translate(0px, -5px);

}



.dummy p {

  color: #fff;

  margin-bottom: 0px;

}



.hm-mag-row .upcoming_mag_image img {

  height: 100% !important;

}

.hm-mag-row .upcoming_mag_text h3 {

  font-size: 18px;

}



.hm-mag-row .upcoming_mag_text p {

  font-size: 11px;

}

.mag-post-text p {

  text-transform: uppercase;

  color: black;

  font-weight: 600;

  margin-bottom: 0px;

}



.mag-post-text p span {

  font-weight: 500;

  padding-left: 10px;

  letter-spacing: 1px;

}

.text-store-location iframe {

  width: 100%;

  height: 200px;

}



.text-store-location {

  text-align: center;

}

.heading-book-store {

  padding: 40px 0px;

}

.heading-book-store h2 {

  text-align: center;

  font-size: 35px;

}



.text-store-location h3 {

  margin-bottom: 24px;

  color: #fff;

  font-size: 22px;

  height: 40px;

  display: flex;

  align-items: self-start;

  justify-content: center;

}



.book-store-box {

  background: #ff893c;

  padding: 30px 30px;

  border-radius: 7px;

}



/*Adaptions Page Start*/

.adaptions-row-main {

  padding: 30px 20px 30px 20px;

  background: white;

  border-radius: 6px;

  box-shadow: 0px 4px 10px 3px #002e6a;

  margin-top: 50px;

}

.img-adaptions img {

  width: 100%;

  height: 410px;

}

.text-adaptions {

  padding-top: 30px;

}

.adaptions-sec .heading::before {

  left: -20px;

}

.adaptions-sec .heading {

  padding: 10px 50px 0px 4px;

}

/*Adaptions Page End*/



/*Articles page Start*/



.article-row-main {

  padding: 30px 20px 30px 20px;

  background: white;

  border-radius: 6px;

  box-shadow: 0px 4px 10px 3px #002e6a;

  margin-top: 50px;

}

.categoryfield a.btn10 {

  border-radius: 5px;

  /* position: absolute; */

  top: 8%;

  right: 0;

  padding: 8px 20px;

  border: 0;

  background: #ff893c;

  font-family: "Rajdhani", sans-serif;

  text-transform: uppercase;

  color: white;

  font-weight: 500;

  width: 28%;

  margin-top: 10px;

}

.categoryfield label {

  font-weight: 600;

  font-size: 19px;

  margin-bottom: 20px;

}

.categoryfield {

  margin-bottom: 50px;

}

.category-box-text ul li {

  /* border: 1px solid #000; */

  padding: 10px 9px;

  margin-bottom: 20px;

  border-radius: 5px;

  box-shadow: 0px 2px 3px 3px #ff893c;

  font-size: 18px;

  font-weight: 600;

}



.category-box-text ul li a {

  color: #000;

}

.category-box-text ul li:hover {

  background: #000;

  transition: 0.9s;

  box-shadow: unset;

}



.category-box-text ul li:hover a {

  color: #fff;

}

.article-row-main .hm-news-sec .consec_image img {

  height: 170px;

}

.article-row-main .author_box_text {

  padding: 10px 12px;

  overflow-y: scroll;

  height: 200px;

}

.article-admin-star ul {

  display: flex;

  justify-content: space-between;

}

.article-row-main .hm-news-sec .author_box_text h6 {

  font-size: 16px;

  line-height: 25px;

  margin-bottom: 16px;

}

.article-row-main .hm-news-sec {

  margin-bottom: 30px;

  padding-bottom: 10px;

}

.article-row-main .hm-news-sec .author_box_text p {

  font-size: 13px;

}

.art-detail-mainrow {

  padding: 30px 20px 30px 20px;

  background: white;

  border-radius: 6px;

  box-shadow: 0px 4px 10px 3px #002e6a;

  margin-top: 50px;

}



.text-art-detail p {

  margin-bottom: 0px;

}

section.mag_detail_sec.sec .mag_detail_left_box.p-4.bg_white {box-shadow: 0px 4px 10px 3px #002e6a;}

/*Articles Page End*/



.side-thenews-sec .author_box_text h6 {

  font-size: 14px;

  line-height: 17px;

}

.side-thenews-sec .consec_image img {

  height: 79px;

}

section.mag_detail_sec.sec .heading:before {

  left: -9px;

  top: 10px;

  height: 50px;

}

section.mag_detail_sec.sec .heading {

  padding: 22px 50px 0px 30px;

}

.side-thenews-sec .consec_box.bg_white.nes-hm {margin-top: unset !important;box-shadow: 0px 4px 10px 3px #002e6a;}

.archieves-text {

  margin-bottom: 20px !important;

}

.side-thenews-sec .newletter-in input {

  border: 1px solid #000;

  border-radius: unset;

  color: #000;

}



.side-thenews-sec a.btn10 {

  width: 92px;

}

.side-thenews-sec .consec_box.bg_white.nes-hm {

  padding-bottom: 1px;

}



section.top_magazine_sec.sec .item {

  opacity: 1;

}



section.header .listing {

  display: none;

}



@media (max-width: 480px) {

  /* Header css  */

  section.header .listing {

    display: block;

  }



  .top_bar {

    display: none;

  }



  .top_bar {

    display: none;

  }



  .slicknav_menu .listing ul {

    margin: 0px;

  }



  .slicknav_menu .listing ul li.slicknav_txtnode {

    line-height: 24px;

    margin: 7px 17px;

  }



  .bottombar .col-xl-8.col-lg-8.col-md-8.col-sm-12.col-12.p-0 {

    display: none;

  }



  .header .bottombar .row {

    display: grid;

    grid-template-columns: 3fr 1fr;

    overflow: hidden;

  }



  .header .bottombar .row .hdr_logo a {

    justify-content: flex-start;

    font-size: 20px;

    padding-left: 20px;

  }

  /* Header css  end */



  .nav.nav-pills {

    width: 100%;

  }



  .nav.nav-pills {

    width: 100%;

  }



  .newletter-in {

    margin-top: 20px;

  }



  .hm-news-sec {

    margin-bottom: 50px;

  }



  /* Home page css st  */

  .upcoming_mag_box.wow.slideInLeft {

    height: auto;

    margin-bottom: 50px;

  }



  .about_mag_box.abtbx-hm {

    height: auto;

    margin-top: 40px;

  }



  .about_mag_box_image img {

    height: 500px;

  }



  section.author_sec.hm-abt-sec .about_mag_box_text.text_center {

    bottom: unset !important;

    padding: 0 10px;

    top: 14%;

  }



  .about_mag_box_image {

    height: auto;

  }

  /* Home page css end */



  .the-news-sec .consec_box.bg_white.nes-hm {

    padding: 20px 0px 50px;

    box-shadow: unset;

  }



  .top_mag_main_box {

    padding: 20px 0px 50px;

    box-shadow: unset;

  }



  /* general heding css  */



  .heading {

    flex-direction: column;

    text-align: center;

    justify-content: center;

    gap: 10px;

  }



  .heading a {

    width: auto;

    display: inline-block;

    margin: 0px auto;

  }

  /* general heding end */



  /* slider dots start  */

  section.bookRevision ul.slick-dots {

    display: none !important;

  }

  /* slider dots end  */



  section.books_Sec.sec.bookRevision {

    overflow: hidden;

  }



  section.bookRevision .top_mag_box.book_box {

    height: auto !important;

  }



  section.bookRevision ul.slick-dots {

    display: none !important;

  }



  section.bookRevision .slick-list {

    padding: 20px 0;

  }



  /* about us page  */



  .raim_bottom_text.bg_white.p-5.text_center {

    padding: 50px 0px !important;

  }



  /* about us page  */



  /* contact form  */



  form.contact_form {

    margin-top: 40px;

  }

  /* contact form  */



  /* login page form  */

  .log-in-page-main {

    padding: 60px 0px;

  }



  .log-in-wrap.log-in-wrap1 h2 {

    font-size: 30px;

    font-weight: 400;

    line-height: 40px;

  }



  .forgot-pass {

    width: 60%;

  }



  .log-in-wrap h2 {

    font-size: 30px;

  }



  .agree-text {

    line-height: 28px;

    font-size: 13px;

  }

  /* login page form  */



  .img-adaptions {

    margin-bottom: 20px;

  }

}

section.banner_sec.inner-ban-daily-art .banner_text {
    flex-direction: unset;
    justify-content: center;
}
.daily-art-sec .the-news-sec .author_box_text {
    height: 220px;
    margin-bottom: 40px;
}
button#home-tab {
    display: none;
}
.top-maintabsbook-pg .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid transparent;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}
.top-maintabsbook-pg .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #000;
    text-decoration: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    font-weight: 600;
    border: 1px solid #000 !important;
    border-radius: unset;
}
.top-maintabsbook-pg .nav {
    gap: 12px;
}
.top-maintabsbook-pg .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #ff893c !important;
    border-color: #dee2e6 #dee2e6 #fff;
    color: #fff;
    border-color: #ff893c !important;
}
.top-maintabsbook-pg {
    margin-bottom: 30px;
}
section.books_Sec.sec.bookRevision .consec_box.bg_white.nes-hm {
    padding: 50px 20px 50px;
    margin-top: 10px;
    box-shadow: 0px 4px 10px 3px #002e6a;
}
.banner_text.inner_banner_text.wow.bounceInLeft {
    flex-direction: unset;
}
.featured-banner {
    background: #ff9956;
    height: 520px;
    display: flex;
    align-items: center;
}


.product-img img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    border-radius: 10px 10px 0px 0px;
}


.text-product h5 {
    font-size: 17px;
    color: #000;
    height: 100px;
    display: flex;
    align-items: center;
}

.text-product {
    padding: 10px 10px;
}

.text-product a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ff893c;
    padding: 10px 10px;
    border-radius: 10px;
    cursor: pointer !important;
    width: 60%;
    justify-content: center;
}

.product-box {
    box-shadow: 2px 2px 20px #00000063;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.text-product a:hover {
    background: #000;
}
.heading-featured h2 {
  font-size: 40px;
}

.products-sec {
    padding: 100px 0px;
}
.products-sec .top_mag_main_box {
    padding: 30px 50px;
}
.product-slider .slick-slide {
    opacity: 1.2;
}
.product-slider .slick-slide {
    margin: 22px 20px;
}
.product-slider .slick-prev:before {
    content: '←';
    font-family: unset;
    padding: 5px 8px;
    border-radius: 6px;
    background: #ff893c;
    opacity: 1;
    border: unset;
}
.product-slider .slick-next:before {
    content: '→';
    font-family: unset;
    padding: 5px 8px;
    border-radius: 6px;
    background: #ff893c;
    opacity: 1;
    border: unset;
}
.product-slider .slick-next {
    right: -5px;
}

.heading-featured {
    padding-left: 26px;
}
.products-sec.featured-sec {
    padding-top: 0px;
}

.why_use_slider .owl-stage-outer {
  padding: 100px 0;
}

.why_use_slider .owl-item.active.center {
  -webkit-transform: scale(1.3);
      -ms-transform: scale(1.3);
          transform: scale(1.3);
  z-index: 9;
}

.why_use_slider .owl-item.active.medium {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  z-index: 7;
}

.why_use_slider .owl-item.active.small {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  z-index: 5;
}

.carousel {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
  border: none;
  overflow: visible;
}

.carousel .slides {
  margin: 0;
  padding: 0;
  border: none;
  list-style: none;
  position: relative;
  overflow: visible;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.carousel .slides .slideItem {
  position: absolute;
  cursor: pointer;
  overflow: visible;
  padding: 0;
  margin: 0;
  border: none;
}

.carousel .slides .slideItem a {
  display: block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  position: relative;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.carousel .slides .slideItem img {
  margin: 0;
  padding: 0;
  border: none;
  width: 100%;
  height: 100%;
}



/*product detail page css start*/

.productdetailsec {
    padding: 100px 0 50px;
    position: relative;
    z-index: 1;
}

.productdetailtext h3 {
    font-size: 38px;
    line-height: 1;
    letter-spacing: 0;
    color: #ff893c;
    font-family: 'Rajdhani';
    margin: 0;
}

.productdetailtext ul {
    padding: 0;
    margin: 13px 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.productdetailtext p {
    color: #1a1a1a;
    font-size: 15px;
    line-height: 31px;
    font-weight: 500;
    font-family: 'Montserrat';
    margin-bottom: 30px;
}

.productdetailtext .input-group span.glyphicon.glyphicon-minus {
    font-size: 13px;
}

.productdetailtext .input-group span.glyphicon.glyphicon-plus {
    font-size: 13px;
    margin: 0;
    top: -15px;
    right: 3px;
}

.productdetailtext .input-group input.form-control.input-number {
    width: 100%;
    margin: 0 auto;
    display: table;
    height: 50px;
    text-align: center;
}

.productdetailtext .input-group {
    width: 50%;
    margin: 0 0 34px;
}

.productdetailtext .input-group span.input-group-btn {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
}

.productdetailsec .productdetailportion {
    height: 570px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.productdetailnav .slick-slide {
    opacity: 1;
    z-index: 9999;
    position: relative;
    margin-top: 20px;
}

.product-detail span {
    margin: 0;
}

.product-detail input.in-num {
    border: 1px solid #DADADA;
    background-color: transparent;
    width: 40%;
    margin: 0 5px;
}

.product-detail span {
    width: 40px !important;
    border: 1px solid #E3E3E3;
    border-radius: 50px;
    height: 40px !important;
    margin: 5px 0;
    background: #ff893c;
}

.product-detail .skin-2 .num-in span:before,
.product-detail .skin-2 .num-in span:after {
    background-color: #fff;
}

.product-detail span:hover:before,
.product-detail span:hover:after {
    background-color: rgb(255, 255, 255) !important;
}

.product-detail span:hover {
    background-color: #000;
}

/*.productdetailportion::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 85%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 5px solid #fff;
}*/

ul.quan-count li {
    width: 30%;
}

.iconlist ul {
    display: block;
    column-count: 2;
    width: 60%;
    margin: 60px 0 0 0;
}

ul.disc-list {
    margin: 20px 0;
}

ul.disc-list li {
    color: #000;
    margin-bottom: 13px;
    list-style: inside disc;
    font-family: 'Montserrat';
    font-size: 13px;
    font-weight: 500;
}

ul.disc-list li::marker {
    font-size: 20px;
    line-height: 1;
}

.description li.nav-item {
    margin-right: 12px;
}

.description li.nav-item button {
    width: 200px;
    height: 60px;
    background-color: transparent;
    border-radius: 0;
    font-size: 20px;
    font-weight: 700;
    color: #0e0e0f;
    font-family: "Syne", sans-serif;
}

.description li.nav-item .nav-link.active {
    border: unset;
    background: transparent;
    border-bottom: 2px solid #006df0;
}

.description .nav-tabs {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: initial;
    margin-bottom: 30px;
}

.description {
    padding: 80px 0;
}

.prod-detail-description img.bk-1 {
    position: absolute;
    bottom: 30%;
    right: 0;
    width: 6%;
}

.prod-detail-description img.bk-2 {
    position: absolute;
    top: 15%;
    left: -30px;
    width: 7%;
}

.description .tab-content p {
    color: #636363;
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
}

.productdetailfor .slick-slide img {
    width: 100%;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
}


/* skin 2 */

.skin-2 .num-in {
    border-radius: 60px;
    cursor: pointer;
}

.skin-2 .num-in span {
    width: 40%;
    display: block;
    height: 40px;
    float: left;
    position: relative;
}

.skin-2 .num-in span:before,
.skin-2 .num-in span:after {
    content: '';
    position: absolute;
    background-color: #667780;
    height: 2px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin-top: -1px;
    margin-left: -5px;
}

.skin-2 .num-in span.plus:after {
    transform: rotate(90deg);
}

.skin-2 .num-in input {
    float: left;
    width: 20%;
    height: 37px;
    border: none;
    text-align: center;
    background-color: #f0f0f0;
    font-size: 20px;
    font-weight: 600;
}

.product-detail .num-in {
    background: transparent;
    box-shadow: none;
    width: 90%;
    height: 54px;
    border: 1px solid #31031a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 9px;
}

.product-detail input.in-num {
    border: 0;
    background-color: transparent;
    width: 45%;
    margin: 0 5px;
}

.productdetailsec .btn10 {
    color: white;
}


/* / skin 2 */

.statment-choose h6 {
    font-size: 17px;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 40px;
    font-family: 'Montserrat';
}

ul.quan-count h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #006df0;
}

ul.rate-reviews {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 20px;
}

ul.rate-reviews li {
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.rate-reviews li i {
    color: #facc2b;
    font-size: 15px;
}

.price h5 del {
    display: block;
    font-size: 22px;
    color: #393939;
    font-family: 'saud';
}

.price h5 {
    font-size: 61px;
    color: #ff893c;
    font-weight: 700;
    margin: 10px 0;
}

section.prod-detail-description {
    margin-top: 30px;
}
.productdetailportion img {
    height: 590px;
}


section.productdetailsec .top_mag_main_box {
    padding: 30px;
}
ul.quan-count a.theme_btn:hover {
    background: #000;
    color: #fff;
}

.btns-amaz a.theme_btn:hover {
    background: #000;
    color: #fff;
    transition: 0.9s;
}
.btns-amaz ul li a {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 11px 10px;
}
.btns-amaz ul li {
    margin-bottom: 12px;
    width: 100%;
}
.btns-amaz ul {
    display: block;
    column-count: 2;
    width: 60%;
}


.featured-banner-text h2 {
    font-size: 70px;
    font-weight: 600;
    margin-bottom: 10px;
}

.featured-banner-text a.theme_btn {
    background: #000;
    color: #fff;
}

.featured-banner .row {
    align-items: center;
}
/*  product Detail Review Section Start */




/*----------------------------*\
      Coverflow Album Slider 
\*-----------------------------*/
.coverflow {
  position: relative;
  height: 460px;
  padding: 0px 0px;
  overflow: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.coverflow__image {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 320px;
  height: 430px;
  -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.coverflow__image[data-coverflow-index] {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.coverflow__image[data-coverflow-index]:before {
  content: " ";
  z-index: 1;
  position: absolute;
  top: 300px;
  width: 100%;
  height: 10%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 3;
  -webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 2;
  -webkit-transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="1"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 1;
  -webkit-transform: translateX(730px) scale(-0.55) rotateY(-45deg);
  transform: translateX(730px) scale(-0.55) rotateY(-45deg);
  opacity: -0.83333;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 3;
  -webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="2"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 2;
  -webkit-transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="3"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 3;
  -webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="4"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="5"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="6"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="7"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 3;
  -webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="8"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 2;
  -webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 3;
  -webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="9"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="1"] {
  z-index: 1;
  -webkit-transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
  transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
  opacity: -0.83333;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="2"] {
  z-index: 2;
  -webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="3"] {
  z-index: 3;
  -webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="4"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="5"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="6"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="7"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="8"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="9"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="10"]
  .coverflow__image[data-coverflow-index="10"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}



.products-btns a.icon-btn {
    background: #000;
    color: #fff;
    width: 20%;
    justify-content: center;
}

.products-btns {
    display: flex;
    justify-content: space-between;
}





.tab-content>.tab-pane{ display: block; height: 0px; overflow: hidden; }
.tab-content>.active{ height: auto;}


 .badge {
            display: inline-block;
            padding: 40px 10px;
            font-size: 12px;
            font-weight: bold;
            text-transform: uppercase;
            color: white;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            margin: 10px;
            position: absolute;
            top: 10px;
            border-radius: unset;
        }
       .award-winning {
    background: #ff893c;
    writing-mode: tb-rl;
    left: 4px;
    bottom: -45px;
    =: 26px;
    top: unset;
    transform: rotate(-35deg);
}
        .readers-choice {
            background: linear-gradient(45deg, #3f51b5, #673ab7);
        }
.product-img {
    position: relative;
    overflow: hidden;
}
span.badge.award-winning {
}

span.badge.readers-choice {
    right: 10px;
    writing-mode: tb-rl;
    transform: rotate(-38deg);
    top: -63px;
    padding-top: 55px;
}
.top_mag_image {
    position: relative;
    overflow: hidden;
}
.news-letter-social-icons ul.navgation-f {
    justify-content: end;
    gap: 17px;
}


.mag_detail_left_box.p-4.bg_white p img {
    height: 280px;
    object-fit: contain;
    object-position: left;
    /* display: inline-block; */
}


.mag_detail_left_box.p-4.bg_white table, tr, td {
    border: 1px solid #a2a2a2;
    padding: 10px 5px;
    border-collapse: collapse;
}

.mag_detail_left_box.p-4.bg_white table {
    margin-bottom: 20px;
}

.mag_detail_left_box.p-4.bg_white table tr td {
    font-size: 12px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    font-family: "Montserrat", sans-serif;
}
.mag_detail_left_box.p-4.bg_white table tr:nth-child(even) {
    background: #e1e1e1;
}
.blg-detailcnt img {
    height: 280px !important;
    object-fit: contain !important;
    object-position: left !important;
}

.banner_box {
    box-shadow: 0px 4px 10px 3px #002e6a;
}