:root {
  --white: #ffffff;
  --offwhite: #f7f7f7;
  --black: #000000;
  --black1: #222222;
  --rozered:#f33e4a;
  --lightorange:#f47722;
  --azureblue:#369be4;
  --lightcyan:#f3fbfe;
  --lightcyan1:#e2ecf0;
  --rozered1:#f33f4b;
  --rozered2:#e22b25;
  --black3: #121212;
  --orange:#f37722;
  --lightorange1:#f3e0d2;
  --offgray:#a9a9a9;
  --lightgray1:#948f8f;
  --Sumgray:#cccccc;
  --Sumgray1:#efefef;
  --box-shadow1:#33333321;
  --mediumgreen:#b3b5b3;
  --transparent: transparent;
}
:root {
  --common-font-body: Poppins,sans-serif;
  --source-saun-font: "Source Sans Pro";
}
/* --------- SLIDER--------- */
#slider{ 
  max-width:100%; 
  margin:auto;
  background-color: var(--black);
}
#slider .slider-box h1,#slider h1 span.slide1,#slider h1 span.slide3,#slider h1 span.slide2{
  font:700 48px var(--common-font-body);
}
#slider .slider-box h1,#slider h1 span.slide1{
  color: var(--lightorange);
}
#slider h1 span.slide2 {
  color: var(--rozered1);
}
#slider .slider-box span,#slider span.slide3,#slider .video-title,#slider .slider-box p{
  color: var(--black1);
}
#slider span.video-play-icon i,ol.carousel-indicators li,#slider .slide_nav i,#slider ol.carousel-indicators .active:after,#our-feature a.feature-button i,#our-team .social-profiles a i{
  border-radius: 50%;
}
#slider .video-title,#slider .slider-box span{
  font:700 16px var(--source-saun-font);
  letter-spacing: 1px;
  line-height: 30px;
}
#slider .slider-box p{
  font:400 18px var(--source-saun-font);
  line-height: 30px;
  max-width: 52%;
}
#slider .slider-box {
  top: 55%;
  transform: translateY(-50%);
  max-width: 100%;
}
#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
#slider .slideimgbox{
  margin-top: 5%;
}
#slider .slideimgbox .colbgimg,#slider .slideimgbox .sideimg{
  position: relative;
}
#slider .slideimgbox .sideimg {
    top: 0;
    margin-top: -92%;
}
#slider .carousel-prev-button,#slider .carousel-next-button{
  top: 45%;
}
#slider .carousel-prev-button {
  left: 20px;
}
#slider .carousel-next-button{
  right: 41px;
}
#slider .carousel-item-next,#slider .carousel-item-prev,#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon,#slider .carousel-control-next-icon{
  background-image:none; 
}
.carousel-control-next-icon,.carousel-control-prev-icon{
  width: auto;
  height: auto;
}
#slider .slider-button-1,#slider .slider-button-1:before{
  background-color: var(--lightcyan);
}
#slider .slider-button-1{
  font:700 16px var(--source-saun-font);
  letter-spacing: 1px;
  line-height: 30px;
  color: var(--rozered1);
  text-align: center;
  border: 2px solid var(--rozered1);
  padding: 9px 16px;
} 
#slider .slider-button-1:hover,#slider span.video-play-icon i{
  background-color: var(--lightorange);
  color: var(--white);
}
#slider .slider-button-1:hover {
  border-color: var(--lightorange);
}
#slider .slider-button-1,#slider .slider-button-1:before{
  border-radius: 30px;
}
#slider span.video-play-icon i {
  box-shadow: 0px 0px 0px 7px var(--lightorange1);
  cursor: pointer;
}
ol.carousel-indicators li {
  border:2px solid var(--rozered);
  background-color: var(--transparent);
  margin-right: 18px;
  width: auto;
  height: auto;
  text-indent: 0;
}
/*Fade slider*/
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active,.carousel-fade  .carousel-item-next.carousel-item-left,.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
#slider ol.carousel-indicators{
  text-align: center;
  bottom: 19%;
  left: 39px;
  z-index: 1;
  right: 0;
  left: 0;
}
#slider ol.carousel-indicators .active,#slider ol.carousel-indicators .active:after{
  border:2px solid var(--rozered);
}
#slider ol.carousel-indicators .active,#slider .slide_nav i{
  background-color:var(--rozered);
}
#slider .slide_nav i{
  font-size: 30px;
  color: var(--white);
  width: 40px;
  height: 40px;
  font-size: 12px;
}
#slider ol.carousel-indicators .active:after{
  content: "";
  width: 24px;
  height: 24px;
  margin-left: -12px;
  margin-top: -12px;
}
#slider .slider-box,#slider .carousel-caption,#our-feature .feature-button,#about-us .about-list,#testimonial .testi-quote,#our-blog span.blog-author,#testimonial .testi-quote{
  text-align: left;
}
.slide_next_image img,#our-services .our-services-button,#our-team .team-button{
  text-align: right;
}
#slider .inner_carousel h2 small,#our-team .owl-carousel .owl-dots,#our-blog span.blog-author,#testimonial .testimonials-content a,#testimonial .testimonials-content:hover p:after{
  display:block; 
}
#slider .slider-button-1,#slider span.video-play-icon i,#slider ol.carousel-indicators .active:after,#portfolio .work-tabs ul li,#testimonial .testimonial-head span:before,#testimonial .testimonial-head span:after{
  display: inline-block;
}
#vw-feature-loop,#record-loop,#team-loop,#our-partners #partners-loop,#our-blog .blog-share-icon,.modal-backdrop.show,#testimonial .testimonials-content p:after,#testimonial #testimonial-loop{
  display: none;
}
#slider,#our-feature,#our-feature a.feature-button,#our-services .service-all-content,#our-services .our-services-details,#our-services .feature-button,#testimonial .testi-box,#testimonial .testimonial-head span:before,#testimonial .testimonial-head span:after,#testimonial .testimonials-content p,#testimonial .testi-quote{
  position: relative;
}
#slider .slider-box,#slider .carousel-prev-button,#slider .carousel-next-button,#slider ol.carousel-indicators,#our-feature a.feature-button i,#slider ol.carousel-indicators .active:after,#our-feature .features-inner,#our-team a.team-icon,#testimonial .owl-carousel .owl-dots,#testimonial .testimonials-content p:after{
  position: absolute;
}
#slider ol.carousel-indicators,#our-feature .features-inner,#our-services .feature-button,#testimonial .owl-carousel .owl-dots,.owl-carousel .owl-item img{
  margin: 0 auto;
}
/* ---------- Feature ------------ */
#our-feature{
  top: 68px;
}
#our-feature .features-inner{
  bottom: -56%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 85%;
}
#our-feature h3 {
  font:500 21px var(--common-font-body);
  color: var(--black1);
  letter-spacing: 1px;
}
#our-feature .feature-cont,#our-feature a.feature-button i{
  background-color: var(--white);
}
#our-feature .owl-carousel .owl-item img{
  margin: 0;
  padding-bottom: 10px;
}
#our-feature p {
  font:400 16px var(--source-saun-font);
  line-height: 28px;
  color: var(--offgray);
  max-width: 100%;
}
#our-feature .owl-stage-outer{
  box-shadow: 0 -5px 10px -5px var(--box-shadow1);
  padding: 0 0 50px 0;
}
#our-feature .features-images img {
  width: 56px;
  height: 56px;
}
#our-feature a.feature-button {
  top:29px;
}
#our-feature a.feature-button i {
  bottom: 8px;
  color: var(--black);
  box-shadow: 0px 0px 11px var(--Sumgray);
  transform: translateX(50%);
}
#our-feature .featuresbox:hover a.feature-button i{
  background-color: var(--rozered);
  color: var(--white);
}
#our-feature .feature-cont.shodowbox1,#our-feature .feature-cont.shodowbox2,#our-feature .feature-cont.shodowbox3{
  box-shadow: 0px 3px 0px 0px var(--box-shadow1);
}
/* ---------- About Us ------------ */
#about-us {
  padding-top: 15%;
  position: relative;
} 
#about-us .about-content-box {
  max-width: 50%;
} 
#about-us .about-content-box h3 span {
  font:600 15px var(--source-saun-font);
  line-height: 42px;
  background-color:var(--offwhite);
  border-radius: 20px;
}
#about-us p {
  font:400 17px var(--source-saun-font);
  line-height: 28px;
  color: var(--lightgray1);
}
#about-us .about-content-box h3 span,#about-us .about-content-box h2,#about-us .about-list li,#about-us .our-records-info p,#our-services h4 span,#our-services .our-services-head h2,#our-team .our-team-head h2,#our-team .team-title a,#testimonial .testi-title a{
  color: var(--black1);
}
#about-us .about-content-box h2{
  font:700 29px var(--common-font-body);
  line-height: 37px;
}
#about-us .about-list ul {
  list-style-type: none;
}
#about-us .about-list li {
  font:600 16px var(--source-saun-font);
  line-height: 38px;
}
#about-us .about-list li i {
  font-size: 16px;
  color: var(--rozered2);
}
#about-us img.bottomright-img {
  position: absolute;
  right: 0;
  bottom: 0%;
  max-width: 14%;
}
/* --------- Our record ----------- */
#our-records .our-records-info span {
  font:500 50px var(--source-saun-font);
  letter-spacing: 1px;
  color: var(--rozered1);
}
#about-us .our-records-info p {
  font:500 16px var(--common-font-body);
  letter-spacing: 0px;
}
.our-records-info {
  border-right: 2px dotted var(--Sumgray);
}
.our-records-info:hover span,#about-us .our-records-info:hover.our-records-info span{
   color: var(--lightorange);
}
/* --------- Our Services ----------- */
#our-services .service-all-content {
  bottom: -94px;
}
#our-services .services-info-box,#our-services .our-services-button a,#our-services .our-services-head span,#our-services h4 span,#our-services .services-text,#our-services .service-button,
#our-services .services-info-box-content,#our-records .our-records-info span,#our-services img.service-image,#our-services .services-image-box,#our-team .our-team-head,#our-team .team-button a,#our-team .team-title,#our-team p.team-design,#our-team .social-profiles,#testimonial .testi-content,#testimonial .testi-box,#testimonial .our-testi-head span,#testimonial .our-testi-head,#portfolio .work-head,#portfolio .work-tabs,#portfolio a.work-link,#portfolio a.work-link:hover,#portfolio .portfolio-link,#our-blog .blog-aling,#our-blog .comment-aling,#our-blog .our-blog-head,#our-blog .our-blog-date,#our-blog .our-blog-head h2,#youtube-video,#youtube-video h2,#testimonial .testimonial-head,#testimonial .testimonial-button,#testimonial .testimonial-button a {
  text-align: center;
}
#our-services h4 span {
  font:500 24px var(--common-font-body);
}
#our-services .services-text {
  font:400 16px var(--source-saun-font);
  line-height: 28px;
  color: var(--offgray);
}
#our-services .our-services-details {
  box-shadow: 0 0 12px var(--Sumgray);
  border-radius: 9px;
  background-color: var(--white);
  z-index: 1;
}
#our-services .our-services-details:hover{
  background-color: var(--rozered1);
}
#our-services .our-services-details:hover h4 span,#our-services .our-services-details:hover .services-text {
  color: var(--white);
}
#our-services a.feature-button i {
  background-color: var(--white);
  border-radius: 50%;
  color: var(--black);
  box-shadow: 0px 0px 11px var(--Sumgray);
}
#our-services .feature-button {
  top: 30px;
  left: 0;
  right: 0;
}
#our-services .our-services-head span {
  font:700 14px var(--common-font-body);
  letter-spacing: 1px;
  color: var(--rozered1);
  background-color: var(--offwhite);
  border-radius: 50px;
}
#our-services .our-services-head h2{
  font:700 33px var(--common-font-body);
  line-height: 68px;
}
#our-services .our-services-button a,#our-services .our-services-button a:hover{
  color: var(--white);
}
#our-services .our-services-button a {
  font:700 13px var(--source-saun-font);
  letter-spacing: 1px;
  line-height: 30px;
  background-color: var(--rozered1);
  border-radius: 50px;
}
#our-services .our-services-button a:hover {
  background-color: var(--orange);
}
/* ----------- Our Team ------------- */
#our-team .our-team-head span,#our-team .team-button a{
  border-radius: 50px;
}
#our-team .our-team-head span {
  font:700 12px var(--common-font-body);
  letter-spacing: 1px;
  color: var(--rozered1);
  background-color: var(--offwhite);
}
#our-team .our-team-head h2 {
  font:700 33px var(--common-font-body);
  line-height: 52px;
  letter-spacing: 1px;
}
#our-team .team-button a {
  font:700 16px var(--source-saun-font);
  letter-spacing: 1px;
  line-height: 30px;
  color: var(--white);
  background-color: var(--rozered1);
}
#our-team .team-button a:hover{
  background-color: var(--lightorange);
  color:var(--white);
}
#our-team a.team-icon {
  top: 0%;
}
#our-team .team-title a {
  font:500 24px var(--common-font-body);
}
#our-team p.team-design {
  font:400 16px var(--source-saun-font);
  line-height: 10px;
  color: var(--offgray);
}
#our-team .social-profiles {
  opacity: 0;
  margin-top: -30px;
}
.team-icon i.fas.fa-user,#our-team .social-profiles a:hover i {
  color: var(--white);
}
#our-team .social-profiles a ,#our-team .social-profiles a i {
  color: var(--black);
}
#our-team .social-profiles a i {
  background-color: var(--white);
  padding: 12px;
  box-shadow: 0px 0px 11px var(--Sumgray);
  width: 40px;
  height: 40px;
}
#our-team .our-team-content:hover .social-profiles{
  opacity: 1;
  transition: 2s;
}
#our-team .our-team-content:hover .team-content{
  box-shadow: 0px 0px 9px 2px var(--Sumgray);
}
#our-team .social-profiles a:hover i{
  background-color: var(--rozered1);
}
 #our-team .team-box img.attachment-post-thumbnail:hover {
  height: 500px;
}
/* ----------- Our Partners ------------- */
#our-partners{
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#our-partners img{
  width: auto;
}
.part_bg_scroll{
  background-attachment: scroll !important;
}
.part_bg_fixed{
  background-attachment: fixed !important;
}
/* --------testimonials ------------ */
#testimonial .testi-title a {
  font:600 18px var(--common-font-body);
  color: var(--black1);
}
#testimonial .testi-box {
  top: 43px;
}
#testimonial .testimonial-text {
  font:400 16px var(--source-saun-font);
  letter-spacing: 0px;
  line-height: 30px;
  color: var(--offgray);
}
#testimonial p.testi-design {
  font:400 16px var(--source-saun-font);
  line-height: 28px;
  color: var(--offgray);
}
#testimonial .testi-quote i,#testimonial .testi-content:hover .testi-quote i{
  color: var(--rozered);
}
#testimonial .testi-quote i {
  font-size: 24px;
}
#testimonial .our-testi-head span {
  font:700 14px var(--common-font-body);
  letter-spacing: 1px;
  color: var(--rozered1);
  background-color: var(--offwhite);
  border-radius: 50px;
  line-height: 46px;
}
#testimonial .our-testi-head h2 {
  font:700 33px var(--common-font-body);
  line-height: 30px;
  color: var(--black1);
}
#testimonial .owl-carousel .owl-dots {
  bottom: 36%;
  right: -7%;
  left: auto;
  transform: rotate(90deg);
}
#testimonial .border-test {
  width: 2px;
  height: 340px;
  background-color: var(--Sumgray1);
  margin:auto;
}
#testimonial .inner-div img {
  filter: drop-shadow(7px 7px 7px rgba(0,0,0,0.20));
}
#testimonial .inner-div a.active img{
  filter: drop-shadow(7px 7px 7px var(--rozered));
}
#testimonial .testi-quote {
  bottom: -30px;
  left: -42px;
}
/* -------- portfolio ------------ */
#portfolio {
  background-color: var(--lightcyan);
  margin-top: -42px;
}
#portfolio .work-head{
  margin-top: 7%;
}
#portfolio .work-head span,#portfolio a.nav-link.active,#portfolio a.work-link{
  border-radius: 50px;
}
#portfolio .work-head h2,#portfolio li.nav-item a{
  color: var(--black1);
}
#portfolio .work-head span {
  font:700 16px var(--common-font-body);
  letter-spacing: 1px;
  color: var(--rozered1);
  background-color: var(--offwhite);
}
#portfolio .work-head h2 {
  font:700 33px var(--common-font-body);
  line-height: 68px;
}
#portfolio ul {
  list-style-type: none;
}
#portfolio li.nav-item a {
  font:500 15px var(--common-font-body);
}
 #portfolio li.nav-item a span:hover {
  color: var(--rozered);
}
#portfolio a.nav-link.active {
  background-color: var(--lightorange);
  padding:5px 18px;
  color: var(--white) !important;
}
#portfolio a.work-link {
  font:700 13px var(--source-saun-font);
  letter-spacing: 1px;
  line-height: 30px;
  color: var(--white);
  background-color: var(--rozered1);
}
#portfolio a.work-link:hover {
  background-color: var(--lightorange);
  color: var(--white);
}
/* -------- Our Blogs ------------ */
#our-blog .comment-aling,#our-blog span.blog-author{
  border-right: 1px solid var(--black1);
}
#our-blog .blog-share-icon a i {
  color: var(--rozered);
  padding: 1px;
}
#our-blog span.blog-share {
  cursor: pointer;
}
#our-blog .our-blog-head span{
  font:700 12px var(--common-font-body);
  letter-spacing: 1px;
  color: var(--rozered1);
  background-color: var(--offwhite);
  border-radius: 50px;
}
#our-blog .blog-author a {
  font:400 18px var(--source-saun-font);
  color: var(--rozered);
}
#our-blog .blog-author a,#our-blog .blog-comments,#our-blog span.blog-author,#our-blog span.blog-share{
  line-height: 27px;
}
#our-blog .blog-comments,#our-blog span.blog-share,#our-blog .our-blog-text,#our-blog .our-blog-date span,#our-blog .our-blog-head h2{
  color: var(--black1);
}
#our-blog .blog-comments,#our-blog span.blog-share {
  font:400 16px var(--source-saun-font);
}
#our-blog .our-blog-text,#our-blog .our-blog-date span{
  line-height: 30px;
}
#our-blog .our-blog-text {
  font:700 16px var(--common-font-body);
}
#our-blog .our-blog-date {
  border-right: 2px dotted var(--Sumgray);
}
#our-blog .our-blog-date span {
  font:400 37px var(--common-font-body);
}
#our-blog .meta-color {
  font:400 18px var(--source-saun-font)!important;
  line-height: 28px !important;
  color: var(--offgray) !important;
  text-align: center !important;
}
#our-blog .blog-padding {
  border-radius: 8px;
}
#our-blog .our-blog-head h2 {
  font:700 31px var(--common-font-body);
  line-height: 52px;
}
/* ----------- Background Attachment ------------ */
.section_bg_scroll{
  background-attachment: scroll;
}
.section_bg_fixed{
  background-attachment: fixed;
}
/* ---------- Button Animation ---------- */
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* ------------Sweep To Right ------------- */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover:before,.hvr-sweep-to-right:focus:before,.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.vw-hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.vw-hvr-shrink:hover, .vw-hvr-shrink:focus, .vw-hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-dots{
  display: block;
}
.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel .owl-dots button{
  width: 35px;
  height: 10px;
  background-color: var(--lightcyan1) !important;
  border-radius: 30px;
  margin: 0 5px;
  outline: none;
}
.owl-carousel .owl-dots .active{
  background-image: linear-gradient(to right, var(--rozered),var(--orange));
}
.owl-carousel .owl-item img {
  width: auto !important;
}
button.owl-next, button.owl-prev {
  background: var(--black3);
}
button.owl-prev,button.owl-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  padding: 10px 20px;
  outline: none;
}
button.owl-prev {
  left: 0px;
}
button.owl-next {
  right: 0px;
}
button.owl-next i, button.owl-prev i{
  color: var(--white);
}
.owl-carousel .owl-nav i{
  color: var(--black1);
  font-size: 20px;
}