@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=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

:root {
  --theme-text-color: #1e1e1e;
  --theme-color: #ffa500;
  --theme-color-second: #dba442;
  --theme-bg-color: #000;
  --theme-heading-font:  "Playfair Display", serif;
  --theme-default-font: "Roboto", sans-serif;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  outline: none;
  font-size: 16px;
  color: var(--theme-text-color);
  background-color: #fff;
  scroll-behavior: smooth;
  overflow-x: hidden !important;
}

a {
  color: #0055f1;
  text-decoration: none;
  transition: all 0.5s;
}

a:hover {
  text-decoration: none;
  transition: all 0.6s;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  margin-bottom: 20px;
  font-family: var(--theme-heading-font);
  color:inherit;
}

p {
  margin: 0;
  line-height: 26px;
  margin-bottom: 20px;
  font-size: 16px;
  font-family: var(--theme-default-font);
  color: #5f5e5e;
}

ul li {
  margin-bottom: 0px;
}

.img-fluid {
  display: block;
  width: 100%;
  max-width: 100%;
}

.li {
  display: inline-block;
  padding: 0px 5px;
}

ul {
  list-style: none;
  padding: 0;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

.bg-cover {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.row-below {
  margin-top: 30px;
}

section {
  padding: 80px 0px;
}

.form-control:focus {
  border-color: #ced4da;
  outline: 0;
  box-shadow: none;
}

/* ........Scroll top......... */

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.m-backtotop {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: fixed;
  bottom: -50px;
  right: 20px;
  width: 50px;
  height: 50px;
  background: var(--theme-color-second);
  border-radius: 0px;
  text-align: center;
  border: 2px solid #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
  opacity: 0;
  overflow: hidden;
  color: #fff;
  border-radius: 50%;
}

.m-backtotop.active {
  bottom: 15px;
  opacity: 1;
}

.m-backtotop > div {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.m-backtotop > div.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}

.m-backtotop > div.text {
  font-size: 5px;
  font-size: 0.5rem;
  line-height: 10px;
  text-transform: uppercase;
  font-weight: 700;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(50%) translateX(-50%);
  opacity: 0;
  margin-top: 1px;
}

.m-backtotop:hover {
  transform: scale(1.1);
  bottom: 20px;
  cursor: pointer;
  background: black;
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
}

.m-backtotop:hover > div.arrow {
  transform: translateY(-150%) translateX(-50%);
  opacity: 0;
}

.m-backtotop:hover > div.text {
  transform: translateY(-50%) translateX(-50%);
  opacity: 1;
}
/* ........Scroll top......... */

/* ---------Moblie Call Action------------- */
.mobile-fixed-button {
  display: none;
}
/* ---------Moblie Call Action------------- */

/* ..........Button.......... */
.btn1 {
  background: inherit;
  border: 1px solid var(--theme-color-second);
  padding: 11px 0px;
  display: inline-block;
  color: var(--theme-color-second);
  width: 220px;
  font-weight: 400;
  text-align: center;
  font-family: var(--theme-default-font);
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
}
.btn1:hover {
  background: var(--theme-color-second);
  border: 1px solid var(--theme-color-second);
  color:#fff;
}
.btn2 {
  background: var(--theme-color-second);
  border: 1px solid var(--theme-color-second);
  color: #fff;
  padding: 11px 0px;
  display: inline-block;
  width: 220px;
  font-weight: 400;
  text-align: center;
  font-family: var(--theme-default-font);
  text-transform: uppercase;
  transition: all 0.5s ease-in-out;
  border-radius: 5px;
}
.btn2:hover {
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  color: #fff;
}
.btn_gap{
  margin-right: 7px;
}
.heading h2 {
	font-size: 45px;
	font-weight: 600;
	font-family: var(--theme-heading-font);
	margin-bottom: 15px;
	text-transform: capitalize;
	color: #505050;
}
.heading h6 {
	font-size: 17px;
	font-weight: 500;
	font-family: var(--theme-heading-font);
	color: var(--theme-color-second);
	margin-bottom: 0;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.heading h3 {
  font-size: 28px;
  font-weight: 400;
  font-family: var(--theme-heading-font);
  margin-bottom: 15px;
}

/* ---------Nav ber------------- */
.small {
  display: none;
}
.top_bar {
	padding: 5px 0;
	color: #fff;
	background: #5f5e5e;
}
.top_bar .top_ul ul{
margin-bottom: 0;
text-align: right;
}
.top_bar .top_ul ul li{
  display: inline-block;
  margin-left: 15px;
}
.top_bar p{
  font-weight: 400;
}
.top_bar .top_ul li a {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
}
.top_bar .top_ul li a i{
  margin-right: 6px;
}
.top__baradd p {
	margin-bottom: 0;
}
.hd_btn_sec .btn1 {
	width: 200px;
}
.main_header {
  padding: 5px 0;
  width: 100%;
  z-index: 11;
  transition: all 0.6s;
  position: absolute;
}
.sticky{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #1e1e1e;
}

.main_header .hd_btn_sec {
  text-align: center;
  margin-left: 20px;
}
.main_header .hd_btn_sec span {
  display: block;
  font-size: 14px;
  color: #fff;
}
.main_header .container-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main_header .main_navbar img {
  width: 305px;
}
.main_header .nav_menu .nav_ul {
	display: flex;
	align-items: center;
	justify-content: right;
	margin-bottom: -12px;
}
.sub_drop.list-unstyled li a{
  padding: 15px 9px !important;
}
.main_header .nav_menu .nav_ul li {
	margin-left: 45px;
}
.main_header .nav_menu .nav_ul {
	display: flex;
	align-items: center;
	justify-content: right;
	margin-bottom: 0;
}
.main_header .nav_menu .nav_ul li a {
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	position: relative;
}
.main_header .nav_menu .nav_ul li:hover a::after{
  width: 100%;
}
.main_header .nav_menu .nav_ul li.active a::after{
  width: 100%;
}
.main_header .nav_menu .nav_ul li:hover a{
  color: var(--theme-color-second);
}


.main_header .navbar_logo a img {
  width: 350px;
}

@media (min-width: 1200px) {

  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl {
    max-width: 1295px;
  }
}
.banner_padding{
  padding: 220px 0;
}
.banner_slider1 {
  background: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.2)),  url('../image/banner1.jpg') no-repeat center;
  background-size: 100% 100%;
  height: 100vh;
  transition: all 0.6s;
}
.banner_slider2 {
  background:linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.2)), url('../image/banner2.jpg') no-repeat center;
  background-size: 100% 100%;
  height: 100vh;
  transition: all 0.6s;
}
/* .banner_sec .banner_padding  {
  -moz-animation: zoomout 50s ease-in-out infinite;
  -webkit-animation: zoomout 50s ease-in-out infinite;
  animation: zoomout 50s ease-in-out infinite;
  transition: all 0.7s ease-in-out;
  width: 100%;
}

@-moz-keyframes zoomout {
  0% {transform: scale(1);}

  50% {transform: scale(1.5);}

  100% {transform: scale(2);}
}

@-webkit-keyframes zoomout {
  0% {transform: scale(1);}

  50% {transform: scale(1.5);}

  100% {transform: scale(2);}
}

@keyframes zoomout {
  0% {transform: scale(1);}

  50% {transform: scale(1.5);}

  100% {transform: scale(2);}
} */
.banner_heading {
  color: #fff;
}
.banner_heading h1 {
	font-size: 80px;
	text-transform: capitalize;
	position: relative;
	line-height: 65px;
	font-weight: 500;
	margin-bottom: 35px;
}
.banner_heading h5 {
  font-size: 18px;
  font-weight: 400;
}

.home-slider {
  width: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 7000ms ease;
  transition: -webkit-transform 7000ms ease;
  transition: transform 7000ms ease;
  transition: transform 7000ms ease, -webkit-transform 7000ms ease;
}

/*Default Owl nav*/
.owl-nav button {
  width: 50px;
  height: 50px;
  background-color: #F6F6F7;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}
.owl-nav button.owl-prev {
  left: 0;
}

.owl-nav button.owl-next {
  right: 0;
  left: auto;
}

/* Default Slider Animations */
.owl-item.active .banner_heading h1 {
  -webkit-animation: fadeInUp 2500ms ease-in-out;
  animation: fadeInUp 2500ms ease-in-out;
}

.owl-item.active .banner_heading h5 {
  -webkit-animation: fadeInUp 3000ms ease-in-out;
  animation: fadeInUp 3000ms ease-in-out;
}

.owl-item.active .banner_heading .btn_sec {
  -webkit-animation: fadeInUp 3500ms ease-in-out;
  animation: fadeInUp 3500ms ease-in-out;
}

/* Keyframes for the fadeInUp animation */
@-webkit-keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 40px, 0);
    opacity: 0;
  }

  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.banner_sec .banner_padding {
  position: relative;
}
.banner_sec .banner_padding .banner_heading{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  width: 70%;
}
.banner_sec {
	position: relative;
	overflow: hidden;
}
.home-slider .item{
  width: 100%;
}
.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}
/* about us */
.about_sec .about_img_sty img{
  border-radius: 30px;
}
.about_sec{
  position: relative;
}
.about_sec .about-dt {
	position: absolute;
	bottom: 2px;
	left: -45px;
	width: 214px;
	z-index: -1;
}
/* product */
.produ_con {
	background-color: #fff;
	margin: 12px 0;
	box-shadow: rgba(0, 0, 0, 0) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	border-radius: 10px;
	overflow: hidden;
}
.produ_con .pro_img{
  overflow: hidden;
}
.produ_con .pro_img img{
  transition: all 0.6s;
}
.produ_con .pro_img:hover img{
  transform: scale(1.1);
}
.produ_con .btom {
	padding: 17px 10px;
	text-align: center;
}
.produ_con .btom h4 {
	margin-bottom: 10px;
	font-size: 19px;
	font-weight: 500;
	color: var(--theme-color-second);
	min-height: 47px;
  text-transform: capitalize;
}
.produ_con .btom p{
  color: #5f5e5e;
  min-height: 83px;
}

#why_us_sec_course {
	position: relative;
	/*margin-bottom: -160px;*/
	padding: 100px 0;
}
#why_us_sec_course .contented .content p {
  font-weight: 400;
  margin-bottom: 0;
  transition: all 0.6s;
}
#why_us_sec_course .contented {
	text-align: center;
	padding: 20px 10px;
	background-color: #fffcfc;
	transition: all 0.6s;
	cursor: pointer;
	width: 100%;
	height: 100%;
	border: 1px solid #3333330d;
}
#why_us_sec_course .contented h5 {
  margin-bottom: 15px;
  font-weight: 500;
  transition: all 0.6s;
}
#why_us_sec_course .contented:hover{
  background-color:var(--theme-color-second);
}
#why_us_sec_course .contented:hover  .content p{
  color: #fff;
}
#why_us_sec_course .contented:hover  .content h5{
  color: #fff;
}
#why_us_sec_course .contented .top_img {
	/* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
	/* background-color: var(--theme-color); */
	width: 71px;
	height: 71px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 20px !important;
	/* padding: 18px; */
}
.healight {
	background: #7c7c7c;
	width: 110%;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}


#why_us_sec_course .contented .top_img img {
  width: 100%;
}

#why_us_sec_course .contented .top_img i {
  font-size: 37px;
  color: #FFF;
}


.counter-item-inner {
  padding: 30px 20px;
	text-align: center;
	background: #fff;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-top: 2px solid var(--theme-color-second);
	-webkit-box-shadow: 0 5px 8px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 8px -1px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
}
.counter-item-inner span {
	font-weight: 600;
	color: var(--theme-color-second);
	font-size: 1.2rem;
	text-transform: capitalize;
}
.counter-item-inner h2 {
	margin-bottom: 10px;
	font-size: 2.6rem;
  color: #000;
}
.counter-item-inner h2 span {
	margin-bottom: 10px;
	font-size: 2.6rem;
  color: #000;
}
.about_riv{
  background: url('../image/home-bg2.jpg') center no-repeat;
  background-size: cover;
}
.top__baradd p {
	margin-bottom: 0;
	color: #fff;
}
.hom_con_info{
  margin-bottom: 0;
}
.hom_con_info li {
	font-size: 17px;
	margin-bottom: 15px;
}
.hom_con_info li a{
  color: #fff;
}
.hom_con_info li span{
  font-weight: 600;
  color: var(--theme-color-second);
}
.bg_color{
  background-color: #f7f7f7;
}
/* footer */

.footer {
  padding: 100px 0 40px;
background-color: #232323;
}

.footer .hd_info {
	margin: 25px 0;
}
/* .footer p a {
  color: #fff;
} */
.pay_ft {
	text-align: right;
}
.ft_con_p {
	margin-right: 63px;
}
.footer h5 {
	text-transform: capitalize;
	font-weight: 500;
	font-size: 23px;
	margin-bottom: 32px;
	color: #d6d6d6;
}

.footer .socail a {
	width: 37px;
	height: 37px;
	color: var(--theme-color-second);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-weight: bolder;
	font-size: 22px;
}
.footer .menu-list li a {
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
		display: flex;
    gap: 6px;
}
.ft_link_ul li a {
	display: flex;
}
.support-query .card-box .img-box{
  width: 135px;
}
.support-query .card-box-2 .img-box{
  width: 135px;
}



.footer .menu-list li {
  margin-bottom: 12px;
}

.footer .news-letter p {
  font-size: 14px;
  line-height: normal;
  line-height: 1.8;
}

.footer .news-letter form {
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 10px 0;
}
.hd_info {
  display: flex;
  align-items: center;
  color: #fff;
  gap: 10px;
}

.footer .news-letter form input {
  width: 100%;
  border: none;
  font-size: 14px;
  padding: 5px 9px;
  outline: none;
}

.footer .news-letter form input[type="submit"] {
  width: 206px;
  background-color: #fff;
  border-left: 1px solid #000;
}
.footer p{
  font-size: 16px;
  color: #fff;
}
.footer .ft_logo img{
  width: 220px;
  margin-bottom: 35px;
}
.footer p a {
	font-weight: 300;
	font-size: 14px;
  color: #fff;
}
.footer p a span {
	color: #fff;
	font-weight: 600;
}
.footer .menu-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ft_con_p p {
	font-size: 16px;
}
.ft_link_ul li a {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 400;
	color: #666;
}
.ft_link_ul li {
	margin-bottom: 15px;
}
.ft_link_ul li a i {
	color: var(--theme-color-second);
	margin-top: 2px;
	font-size: 18px;
}


.ft_link_ul li a {
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 400;
	color: #ececec;
	gap: 5px;
}
.ft_link_ul li a i{
  color: var(--theme-color-second);
}
.ft_heading{
  position: relative;
  padding-left: 20px;
}
.ft_heading::before {
	content: "";
	position: absolute;
	background:  var(--theme-color-second);;
	width: 5px;
	height: 17px;
	left: 0;
	top: 25%;
}
.hom_con_info li span i {
	font-size: 23px;
	margin-right: 7px;
}
.footer .menu-list li a i{
  color: var(--theme-color);
}
.copy-right {
	padding: 20px 0 0;
	color: #fff;
  border-top: 1px solid #3d3d3d94;
	margin-top: 20px;
}
.hom_con_info a {
	font-size: 15px;
}
.home_contct{
  position: relative;
}
.home_contct .sty_rist {
	position: absolute;
	top: -108px;
  right: 48px;
  width: 105px;
	transform: rotate(-90deg);
}
.home_contct .sty_rist1 {
	position: absolute;
	top: -108px;
	left: 48px;
	width: 105px;
	transform: rotate(90deg);
}
.home_contct .sty_rist img {
	filter: drop-shadow(0 0 0.75rem #545353);
}
.home_contct .sty_rist1 img {
	filter: drop-shadow(0 0 0.75rem #545353);
}
.other_link {
	color: #fff !important;
	border: 1px solid  var(--theme-color-second);;
	padding: 8px;
	background:  var(--theme-color-second);;
	height: 40px;
}


.home-slider .item {
  height: 100vh;
  position: relative;
}
.home-slider .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-slider .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.212);
  display: flex;
  align-items: center;
}
.home-slider .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}
.home-slider .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid var(--theme-color-second);
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
.home-slider .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
.home-slider .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
.home-slider .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}
.home-slider .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.home-slider .owl-item.active .btn_sec {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.home-slider .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.home-slider .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.home-slider .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
.home-slider .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}
.home-slider .owl-nav .owl-prev:focus {
  outline: 0;
}
.home-slider .owl-nav .owl-prev:hover {
  background: #000 !important;
}
.home-slider .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
.home-slider .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}
.home-slider .owl-nav .owl-next:focus {
  outline: 0;
}
.home-slider .owl-nav .owl-next:hover {
  background: #000 !important;
}
.home-slider:hover .owl-prev {
  left: 0px;
  opacity: 1;
}
.home-slider:hover .owl-next {
  right: 0px;
  opacity: 1;
}
.banner_sec{
  padding: 290px 0;
  background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.3)), url('../image/banner1.jpg') no-repeat center;
  background-size: cover;
}
.about_new{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('../image/home-bg1.jpg') no-repeat center;
  background-size: cover;
  padding: 150px 0 100px;
}
.about_new .heading h2,.about_new .heading p{
  color: #fff;
}


.value_chain_sec {
  padding-bottom: 30px;
}

/* Container */
.block-multiple-pillars {
	display: flex;
	flex-wrap: wrap;
	gap: 0px;
	justify-content: center;
	padding: 0px;
	background-color: #f9f9f9;
}

/* Individual Pillar */
.block-multiple-pillar {
	position: relative;
	width: 20%;
	background: #000;
	color: #fff;
	border-radius: 0;
	overflow: hidden;
	transition: transform 0.3s ease, opacity 0.3s ease;
	opacity: 0;
	transform: translateY(50px);
}

.block-multiple-pillar__bgimg {
  height: 400px;
  background-size: cover;
  background-position: center;
}

.block-multiple-pillar__cover {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.block-multiple-pillar__toggle {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #222;
  cursor: pointer;
  z-index: 2;
}

.block-multiple-pillar__toggle__index {
  font-weight: bold;
}

.block-multiple-pillar__toggle__icon {
  font-size: 1.5rem;
  transition: transform 0.3s ease;
}

.block-multiple-pillar__content {
  padding: 15px;
  background: #333;
  display: none;
}

.block-multiple-pillar__content h2,
.block-multiple-pillar__content p {
  margin-bottom: 10px;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .block-multiple-pillar {
    width: 100%;
  }
}
.banner_sec .btn_sec .btn1{
  color: #fff;
  border: 1px solid #fff;
}
.banner_sec .btn_sec .btn1:hover{
  border: 1px solid var(--theme-color-second);
}
.block-multiple-pillar__toggle__text {
	font-size: 27px;
	margin-left: 20px;
}

/* suply_con */
.suply_con.bg1{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('../image/Chain-bg1.jpg') no-repeat center;
  background-size: cover;
}
.suply_con.bg2{
  background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.5)), url('../image/Chain-bg2.jpg') no-repeat center;
  background-size: cover;
}
.suply_con.bg3{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('../image/Chain-bg3.jpg') no-repeat center;
  background-size: cover;
}
.suply_con.bg4{
  background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('../image/Chain-bg4.jpg') no-repeat center;
  background-size: cover;
}
.suply_con.bg5{
  background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)), url('../image/Chain-bg5.jpg') no-repeat center;
  background-size: cover;
}
.suply_con .over_lay{
  color: #fff;
  text-align: center;
}
.suply_con .over_lay h3{
  color: #fff;
  font-size: 30px;
  margin-bottom: 15px;
}
.suply_con .over_lay button{
  outline: none;
  background-color: var(--theme-color-second);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  border: 2px solid #fff;
}
.suply_con .after_hover{
  text-align: center;
  color: #fff;
  transition: all 0.6s;
  display: none;
}
.suply_con .after_hover  h3{
  font-size: 30px;
  margin-bottom: 15px;
  transition: all 0.6s;
}
.suply_con .after_hover p{
  color: #fff;
  transition: all 0.6s;
}
.suply_chain{
  display: flex;
}
.suply_chain .suply_con{
  width: 20%;
  transition: all 0.6 ease-in-out;
  cursor: pointer;
  padding: 250px 25px 150px;
  transition: all 0.6s;
  max-height:600px;
}
.suply_chain  .suply_con:hover {
  width: 30%;
  transition: all 0.6 ease-in-out;
}
.suply_chain  .suply_con:hover  .after_hover{
  display: block;
}
.suply_chain  .suply_con:hover .over_lay{
  display: none;
} 

.committed_sec{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url('../image/Sustainability-bg1.jpg') no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  padding: 120px 0;
}
.committed_sec .heading h2 ,.committed_sec .heading p{
  color: #fff;
}
.contact_info ul li {
	margin-bottom: 13px;
}
.contact_info ul li span{
  font-weight: 600;
}
.contact_info {
	background-color: #f7f7f7;
	padding: 35px;
	border-radius: 15px;
}
.contact_info .heading h3{
  margin-bottom: 25px;
}

.banner_from {
	background-color: #f7f7f7;
	border-radius: 15px;
	padding: 35px 45px;
}
.banner_from h3 {
	color: #2c2727;
	margin-bottom: 30px;
	font-weight: 700;
}
.banner_from input {
	outline: none;
	border: 1px solid #727272;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
}
.banner_from textarea {
	outline: none;
	border: 1px solid #727272;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
}

.inner_banner{
  position: relative;
  padding:250px 0px;
  text-align: left;
}
.inner_banner h1 {
    position: relative;
    font-size: 60px;
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
    margin-bottom: 10px;
}
.inner_banner ul li {
    padding: 0 0;
    position: relative;
    color: #fff;
}
.inner_banner ul li.active a {
  color: var(--theme-color-second);
}
.inner_banner ul li span {
    margin: 0px 9px 0px 10px;
    font-size: 20px;
}
.inner_banner ul li a {
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
}
.inner_banner ul li a i.fa {
    margin: 0px 2px 0px 0px;
}
.inner_banner ul {
	display: inline-flex;
}
#contact_bg{
  background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.1)), url('../image/contact-banner.jpg') no-repeat center;
  background-size: cover;
}
#blog_bg{
  background:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.1)), url('../image/blog-banner.jpg') no-repeat center;
  background-size: cover;
}
#markets_bg{
  background:linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.1)), url('../image/markets-banner.jpg') no-repeat center;
  background-size: cover;
}
#product_bg{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.2)), url('../image/product-banner.jpg') no-repeat center;
  background-size: cover;
}
#about_bg{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.2)), url('../image/about-banner.jpg') no-repeat center;
  background-size: cover;
}
#company_bg{
  background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.2)), url('../image/about-banner.jpg') no-repeat center;
  background-size: cover;
}
.contact-wrap {
	background: #7a7979;
	color: rgb(255, 255, 255);
	padding: 64px 42px !important;
}
.contact-wrap h3 {
  font-size: 52px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 767.98px) {
.info-wrap {
height: 400px; } }

.dbox {
width: 100%;
margin-bottom: 25px; }
@media (max-width: 767.98px) {
.dbox {
  margin-bottom: 25px !important;
  padding: 0 20px; } }
.dbox p {
margin-bottom: 0; }
.dbox p span {
  font-weight: 500;
  color:var(--theme-color-second);
  display: block;
  font-size: 30px;
  margin-bottom: 12px;
  margin-top: 32px;
  display: block;
}
.dbox p a {
  color: #000000;
}
.dbox .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--theme-color-second);
  margin: 0 auto;
  margin-bottom: 20px;
}
.dbox .icon span {
  font-size: 20px;
  color: #fff; }
.dbox .text {
width: 100%; }

.contactForm .form-control {
	border-top: none;
	border-right: none;
	border-left: none;
	border-image: initial;
	padding: 0px;
	border: 1px solid #e5dfdf;
	height: 60px;
	padding: 0px 12px;
}
.contactForm textarea{
  border-top: none;
	border-right: none;
	border-left: none;
	border-image: initial;
	padding: 12px;
  width: 100%;
	border: 1px solid #e5dfdf;
}
.contactForm .label {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
}
.contact_img_ar{
  width: 100%;
  height: 100%;
}

.contact_img_ar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


  /* -------------- */

  .blog_hd article {
    color: var(--theme-color);
    font-weight: 700;
    margin-bottom: 21px;
}
.blog_hd h3 {
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 23px;
	font-size: 26px;
	line-height: 44px;
}
.blog_hd h3 a {
  color: #ffffff;
}
.blog_hd h3 a:hover{
    color: var(--theme-color-second);
}
.blog_hd p {
	color: #fff;
}
.blog_hd {
  padding: 28px 25px;
}
.latest_blog {
	overflow: hidden;
	position: relative;
	background: #232323;
	color: #fff;
	box-shadow: 0px 14px 20px rgba(82, 82, 82, 0.18);
}
.blog-img {
    overflow: hidden;
}
.blog-img img {
    overflow: hidden;
    position: relative;
    transition: all 0.6s;
}
.latest_blog:hover img {
    transform: scale(1.2);
}


img.img-fluid.img-2 {
  object-fit: cover;
  height: 501px;
  border: 9px solid #297ef4;
  padding: 13px;
  border-radius: 32px;
}

.gaping{
  margin-top: 5px;
}
.about_sec2{
  background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)), url('../image/about-bg-1.jpg') no-repeat center;
  background-size: cover;
}
.about_sec2 .heading h2 ,.about_sec2 .heading p{
  color: #fff;
}

.owl-carousel .owl-stage {
  display: flex;
}

.owl-carousel .owl-item {
  display: flex;
  flex: 1 0 auto;
}

#product_page .produ_con{
height: 100%;
}

#why_us_sec_course .contented:hover .top_img img{
  filter: brightness(0) invert(1);
}
textarea#message
{
    width:100%;
}
.drop_down_li{
  position: relative;
}
.drop_down {
	padding: 0;
	margin: 0;
	background: #fff;
	border-radius: 5px;
	position: absolute;
	width: 235px;
	top: 31px;
	left: 0;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  overflow: hidden;
}
.drop_down > li {
	margin-left: 0px !important;

	border-bottom: 1px solid #00000029;
}
.drop_down > li > a {
	color: #000 !important;
	font-size: 14px !important;
  display: block;
  padding: 10px 15px !important;
  transition: all 0.6s ease-in-out;
}
.drop_down_li:hover .drop_down{
  opacity: 1;
}
.drop_down > li:hover a{
  background-color: var(--theme-color-second);
  color: #fff !important;
}
/* innner product */

#rice-type-buttons {
  display: flex;
  gap: 15px;
  margin: 10px 0;
}

.types_heading p {
	width: 100%;
	color: #DBA442;
	font-size: 20px;
	font-weight: 400;
	word-wrap: break-word;
  border-bottom: 2px solid #dadada7a;
	margin-bottom: 15px;
	padding-bottom: 11px;
  font-family: var(--theme-heading-font);
}
.rice-type {
	background: #dba442;
	padding: 6px 11px;
	width: 120px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}
.ul_speci li{
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-family: var(--theme-default-font);
}
.ul_speci span {
	display: block;
	font-weight: 500;
	color: #747474;
	font-size: 16px;
}
.pro_dec .btn_sec {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: space-between;
}
.pro_dec p {
	margin-bottom: 0;
	font-family: var(--theme-heading-font);
	font-size: 18px;
	font-weight: 600;
	color: #171717;
  letter-spacing: 1px;
}
.price_not {
	font-family: var(--theme-default-font) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: 0px !important;
  margin-top: 12px;
}
#para p {
	font-family: var(--theme-default-font);
	margin: 10px 0;
	font-weight: 400;
	font-size: 16px;
	color: #707070;
}
.types_heading p {
	width: 100%;
	color: #DBA442;
	font-size: 20px;
	font-weight: 400;
	word-wrap: break-word;
	border-bottom: 2px solid #dadada7a;
	margin-bottom: 15px !important;
	padding-bottom: 11px;
	font-family: var(--theme-heading-font);
}
.rice-type {
	background: #dba442;
	padding: 3px 4px;
	width: 90px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	border-radius: ;
}
.respon_table{
  width: 100%;
  overflow-x: auto;
}
.respon_table table {
  border: 1px solid #747474;
  width: 100%;
}
.respon_table table thead
{
    background-color: #e7e3e3b5;
}
.respon_table table tbody tr:nth-child(even) td
{
    background-color: #e7e3e3b5;
}
.respon_table table tr th, .respon_table table tr td{
  border: 1px solid #747474;
  padding: 8px;
}
.certification_img {
	background: #f1f1f1;
	padding: 10px;
}
#certification_bg {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)), url('../image/certification-banner.png') no-repeat center;
  background-size: cover;
}
.footer .ft_logo img {
	width: 301px;
	margin-bottom: 20px;
}
.main_header .nav_menu .nav_ul li a {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 17px;
    font-family: var(--theme-heading-font);
    position: relative;
}

.main_header .nav_menu .nav_ul li {
    margin-left: 38px;
}
.rice-type img {
	border-radius: 4px;
}
.dbox p a {
	color: #5f5e5e;
}
.contact_con {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
	gap: 11px;
  color: #fff;
  margin-bottom: 28px;
}
.contact_con .contact_icon {
	min-width: 45px;
	height: 45px;
	background: var(--theme-color-second);
	margin-right: 12px;
	border-radius: 10px;
	line-height: 45px;
	text-align: center;
	font-size: 26px;
	position: relative;
}
.contact_con .contact_icon::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 5px;
	left: 5px;
	border: 2px dashed var(--theme-color-second);
	border-radius: 10px;
}
.contact_con p {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}
.contact_content p span {
	color: var(--theme-color-second);
	font-weight: 600;
	display: block;
	font-size: 19px;
}
.contact_content p  a{
  color: #5f5e5e;
}
.contact_info .heading h3 {
	margin-bottom: 25px;
	color: var(--theme-color-second);
	font-weight: 700;
	font-size: 32px;
}

.banner_from {
	height: 100%;
  border: 2px dashed #d5d5d5;
}
.contact_info {
	border: 2px dashed #d5d5d5;
  width: 100%;
	height: 100%;
}
.drop_down_li a i {
	position: absolute;
	top: 4px;
	right: -15px;
}