/* Top Slider */




header .item {
   height: 100vh;
   position: relative;
   
 }
 header .item img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 header .item .cover {
   padding: 75px 0;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.6);
   display: flex;
   align-items: center;

   
 }
 header .item .cover .header-content {
   position: relative;
   padding: 0 0;
   overflow: hidden;
   width: 100%;
   margin-top: 30%;
 }
 header .item .cover .header-content .line {
   content: "";
   display: inline-block;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   position: absolute;
   border: 9px solid #fff;
   -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
   clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
 }
 header .item .cover .header-content h2 {
   font-weight: 300;
   font-size: 1.5rem;
   color: #fff;
 }
 header .item .cover .header-content h1 {
   font-size: 2rem;
   font-weight: 600;
   margin: 5px 0 20px;
   word-spacing: 3px;
   color: #fff;
   font-weight: 100 !important;

 }
 header .item .cover .header-content p {
   font-weight: 300;
   line-height: 36px;
   color: #fff;
   font-size: 1.2rem !important;
   color: rgb(185, 184, 184);
 }
 header .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;
 

 }
 header .owl-item.active h2 {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInDown;
   animation-delay: 0.3s;
 }
 header .owl-item.active p {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
   animation-name: fadeInUp;
   animation-delay: 0.3s;
  
 }
 header .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;
 }
 header .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;
 }
 header .owl-nav .owl-prev span {
   font-size: 1.6875rem;
   color: #fff;
 }
 header .owl-nav .owl-prev:focus {
   outline: 0;
 }
 header .owl-nav .owl-prev:hover {
   background: #000 !important;
 }
 header .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;
 }
 header .owl-nav .owl-next span {
   font-size: 1.6875rem;
   color: #fff;
 }
 header .owl-nav .owl-next:focus {
   outline: 0;
 }
 header .owl-nav .owl-next:hover {
   background: #000 !important;
 }
 header:hover .owl-prev {
   left: 0px;
   opacity: 1;
 }
 header:hover .owl-next {
   right: 0px;
   opacity: 1;
 }













/* */
/*  */
/*  */

.testimonial{
   padding:4rem 0;
   position: relative;
}


.testimonial .container{
   position: relative;
z-index: 99;
}



.testimonial .heading{
   color: white;
}

.credit {
   position: absolute;
   bottom: 20px;
   left: 20px;

   color: inherit;
}

.options {
   display: flex;
   flex-direction: row;
   align-items: stretch;
   overflow: hidden;
   margin: 2rem auto;
   min-width: 600px;
   max-width: 900px;
   width: calc(100% - 100px);
   height: 400px;

   color: white;
   /* @for $i from 1 through 4 {
         @media screen and (max-width:798px - $i*80) {
            min-width:600px - $i*80;
            .option:nth-child(#{6-$i}) {
               display:none;
            }
         } */
   /* }
       */
}

.option {
   position: relative;
   overflow: hidden;

   min-width: 60px;
   /* margin:10px; */


   background-color: transparent;

   background-size: auto 120%;
   background-position: center;

   cursor: pointer;

   transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);

   /* @for $i from 1 through length($optionDefaultColours) {
            &:nth-child(#{$i}) {
               --defaultBackground:#{nth($optionDefaultColours, $i)};
            }
         } */
}

.option.active {
   flex-grow: 10000;
   transform: scale(1);

   max-width: 600px;
   margin: 0px;
   border-radius: 40px;
   background-color: transparent;
   background-size: auto 100%;
}

.shadow {
   box-shadow: none !important;
}

.label {
   bottom: 20px;
   left: 20px;
}

.info>div {
   left: 0px;
   opacity: 1;
}

/*&:active {
               transform:scale(0.9);
            }*/

.info:not(.active) {
   flex-grow: 1;

   border-radius: 30px;
}

.shadow {
   bottom: -40px;
   box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

/* .label {
               bottom:10px;
               left:10px;
            } */
/* .info:not(.active) >div {
                  left:20px;
                  opacity:0;
               } */

.shadow {
   position: absolute;
   bottom: 0px;
   left: 0px;
   right: 0px;

   height: 120px;

   transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.label {
  
   display: flex;
   flex-direction: column;
   position: absolute;
   top: 0;
   right: 0px;
   /* text-align: center; */

   /* height: 450px; */
   transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
   
}

.icon {
   margin: 0;
 
}

.icon img {
   width: 2rem;
   margin-left: 3px;
}

.option.active .icon {
   /* display:flex;
               flex-direction:row; */
   /* justify-content: center;
   align-items: center; */
   width: 3rem;
   border-radius: 100%;
   /* background-color:white; */
   margin: 1rem 2rem;

}

.option.active .icon img {
   width: 100%;
}

.option.active .info {
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 0 2rem;
   margin-left: 10px;
   opacity: 1;
   transition: .5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity .5s ease-out;

}  

.option.active .info p {
   margin: 1rem 0 !important;
   line-height: 1.5;
   text-align: left;
}

.option.active .info h2 {
   margin-top: 2rem;
   color: #D41132;
}

.option.active .info ul {
   text-align: left !important;
}

.info {
   opacity: 0;
}

.main {
   font-weight: bold;
   font-size: 1.2rem;
}

.sub {
   transition-delay: .1s;
}







/*  */





.heading1 {
   text-align: center;
   color: #454343;
   font-size: 30px;
   position: relative;
   margin-bottom: 50px;
   text-transform: uppercase;
   padding-top: 2rem;
   z-index: 999;
   /* font-family: 'Libre Baskerville',serif; */
   
}

.heading1 h2{
   font-weight: 700 !important;


}


.white-heading1{
   color: #454343;
   font-weight: 700 !important;

}
.heading1:after {
   content: ' ';
   position: absolute;
   top: 100%;
   left: 50%;
   height: 40px;
   width: 180px;
   border-radius: 4px;
   transform: translateX(-50%);
   background: url(img/heading1-line.png);
   background-repeat: no-repeat;
   background-position: center;
}
.white-heading1:after {
   /* background: url(https://i.ibb.co/d7tSD1R/heading1-line-white.png); */
   background: url('images/heading.png');

   background-repeat: no-repeat;
   background-position: center;
}


.heading2 {
   text-align: center;
   color: white;
   font-size: 30px;
   position: relative;
   margin-bottom: 40px;
   text-transform: uppercase;
   padding-top: 0rem;
   z-index: 999;
   /* font-family: 'Libre Baskerville',serif; */
   
}

.heading2 h2{
   font-weight: 700 !important;

}

.white-heading2{
   color: white;
}
.heading2:after {
   content: ' ';
   position: absolute;
   top: 100%;
   left: 50%;
   height: 40px;
   width: 180px;
   border-radius: 4px;
   transform: translateX(-50%);
   background: url(img/heading1-line.png);
   background-repeat: no-repeat;
   background-position: center;
}
.white-heading2:after {
   background: url(https://i.ibb.co/d7tSD1R/heading1-line-white.png);
   /* background: url('images/heading.png'); */
   background-repeat: no-repeat;
   background-position: center;
}

/*-----Testimonial-------*/




#testimonial4 .carousel-inner:hover{
 cursor: -moz-grab;
 cursor: -webkit-grab;
}
#testimonial4 .carousel-inner:active{
 cursor: -moz-grabbing;
 cursor: -webkit-grabbing;
}
#testimonial4 .carousel-inner .item{
 overflow: hidden;
}

.testimonial4_indicators .carousel-indicators{
 left: 0;
 margin: 0;
 width: 100%;
 font-size: 0;
 height: 20px;
 bottom: 15px;
 padding: 0 5px;
 cursor: e-resize;
 overflow-x: auto;
 overflow-y: hidden;
 position: absolute;
 text-align: center;
 white-space: nowrap;
}
.testimonial4_indicators .carousel-indicators li{
 padding: 0;
 width: 14px;
 height: 14px;
 border: none;
 text-indent: 0;
 margin: 2px 3px;
 cursor: pointer;
 display: inline-block;
 background: #ffffff;
 -webkit-border-radius: 100%;
 border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators .active{
 padding: 0;
 width: 14px;
 height: 14px;
 border: none;
 margin: 2px 3px;
 background-color: #9dd3af;
 -webkit-border-radius: 100%;
 border-radius: 100%;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
 height: 3px;
}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
 background: #eeeeee;
 -webkit-border-radius: 0;
 border-radius: 0;
}

.testimonial4_control_button .carousel-control{
 top: 175px;
 opacity: 1;
 width: 40px;
 bottom: auto;
 height: 40px;
 font-size: 10px;
 cursor: pointer;
 font-weight: 700;
 overflow: hidden;
 line-height: 38px;
 text-shadow: none;
 text-align: center;
 position: absolute;
 background: transparent;
 border: 2px solid #ffffff;
 text-transform: uppercase;
 -webkit-border-radius: 100%;
 border-radius: 100%;
 -webkit-box-shadow: none;
 box-shadow: none;
 -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
 transition: all 0.6s cubic-bezier(0.3,1,0,1);
}
.testimonial4_control_button .carousel-control.left{
 left: 7%;
 top: 50%;
 right: auto;
}
.testimonial4_control_button .carousel-control.right{
 right: 7%;
 top: 50%;
 left: auto;
}
.testimonial4_control_button .carousel-control.left:hover,
.testimonial4_control_button .carousel-control.right:hover{
 color: #4A75AD;
 background: #fff;
 border: 2px solid #fff;
}

.testimonial4_header{
 top: 0;
 left: 0;
 bottom: 0;
 width: 550px;
 display: block;
 margin: 30px auto;
 text-align: center;
 position: relative;
}
.testimonial4_header h4{
 color: #ffffff;
 font-size: 30px;
 font-weight: 600;
 position: relative;
 letter-spacing: 1px;
 text-transform: uppercase;
}

.testimonial4_slide{
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 70%;
 margin: auto;
 padding: 20px;
 position: relative;
 text-align: center;
}
/* .testimonial4_slide img {
   top: 0;
   left: 0;
   right: 0;
   width: 136px;
   height: 136px;
   margin: auto;
   display: block;
   color: #f2f2f2;
   font-size: 18px;
   line-height: 46px;
   text-align: center;
   position: relative;
   border-radius: 50%;
   box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
   -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
   -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
   -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
} */

.testimonial4_slide img.open{
   width: 15px;
   position: absolute;
   top: 30%;
   left: -2%;

}

.testimonial4_slide img.closed{
   width: 15px;
   position: absolute;
   bottom: 30%;
   right: -2%;

}

.testimonial4_slide p {
   color: black;
   font-size: 15px;
   line-height: 1.4;
   margin: 40px 0 20px 0;
}
.testimonial4_slide h4 {
 color: #ffffff;
 font-size: 22px;
}

.testimonial .carousel-control-next-icon{
   background-image: url('images/right.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   width: 35px;
   height: 35px;
}

.testimonial .carousel-control-prev-icon {
   width: 35px;
   height: 35px;
   background-image: url('images/left.png');
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}
/* ------testimonial  close-------*/

