/*-------------- Owl crousel ---------------*/

.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
  width: auto;
}
.main_heading {
  line-height: 40px;
  font-size: 40px;
  font-weight: 500;
  font-family: "Libre Baskerville";
  color: #1b1b1b;
}
.main_para {
  font-size: 18px;
  font-weight: 400;
  font-family: "Libre Baskerville";
  color:  #01CBEE;;
}

/* --------- Slider ---------- */
#slider {
padding: 0;
}
#slider span.text {
color: #FFAA1B;
font-family: Lexend;
font-size: 18px;
font-weight: 600;
line-height: 55px;
}
#slider h1 {
color: #fff;
font-family: Lexend;
font-size: 42px;
font-weight: 900;
line-height: 48px;
letter-spacing: -1px;
width: 75%;
padding-top: 0px;
}
#slider h1 .live {
color: #f89939;
}
#slider h1 .dream{
color: #FFAA1B;
}
#slider p.para {
font-weight: 500;
line-height: 24px;
font-family: Poppins;
font-size: 15px;
width: 80%;
color: #fff;
}

#slider .dot {
width: 14px;
height: 14px;
background-color: #888b9759;
border: none;
margin: 2px 8px;  
border-radius: 2px;
}
#slider .dot.active {
background-color: #FFAA1B;
}

#slider .left-side {
display: flex;
align-items: center;
background-size: 100% 100%;
position: relative;
}
#slider .slider-btns {
display: flex;
position: relative;
top: 28px;
margin-bottom: 40px;
}
#slider .slider-btns .appoint a {
color: #FFF;
text-align: center;
font-family: Lexend;
font-size: 15px;
font-style: normal;
font-weight: 600;
background-color: #f89939;
padding: 20px 40px;
border-radius: 14px 14px 0 14px;
margin-right: 30px;
position: relative;
transition: 0.3s ease-in-out;
}
#slider .slider-btns .appoint a::after {
content: '';
position: absolute;
clip-path: polygon( 97.327% 89.023%,97.327% 89.023%,97.822% 90.642%,97.884% 92.238%,97.547% 93.775%,96.843% 95.219%,95.807% 96.536%,94.47% 97.691%,92.867% 98.649%,91.031% 99.377%,88.994% 99.838%,86.79% 100%,11.111% 100%,11.111% 100%,9.309% 99.891%,7.599% 99.575%,6.005% 99.07%,4.549% 98.392%,3.254% 97.559%,2.144% 96.588%,1.24% 95.496%,0.566% 94.301%,0.145% 93.018%,0% 91.667%,0% 8.333%,0% 8.333%,0.145% 6.982%,0.566% 5.699%,1.24% 4.504%,2.144% 3.412%,3.254% 2.441%,4.549% 1.608%,6.005% 0.93%,7.599% 0.425%,9.309% 0.109%,11.111% 0%,49.626% 0%,49.626% 0%,51.041% 0.068%,52.411% 0.265%,53.722% 0.587%,54.962% 1.024%,56.118% 1.57%,57.175% 2.219%,58.121% 2.962%,58.944% 3.793%,59.629% 4.705%,60.163% 5.69%,97.327% 89.023% );
background-color: #f89939;
height: 86%;
width: 20%;
bottom: 0px;
z-index: 0;
right: 0;
transform: translateX(19px);
transition: 0.3s ease-in-out;
}
#slider .slider-btns .appoint a:hover, #slider .slider-btns .appoint a:hover::after {
background-color: #FFAA1B;
}
#slider .slider-btns .read a {
color: #FFF;
text-align: center;
font-family: Lexend;
font-size: 15px;
font-style: normal;
font-weight: 600;
background-color: #FFAA1B;
border-radius: 14px; 
padding: 20px 50px;
position: relative;
transition: 0.3s ease-in-out;
}
#slider .slider-btns .read a::before {
content: '';
position: absolute;
background-color: #FFAA1B;
width: 30%;
height: 100%;
left: 0;
bottom: 0;
clip-path: polygon( 2.666% 10.989%,2.666% 10.989%,2.172% 9.37%,2.11% 7.775%,2.448% 6.239%,3.152% 4.795%,4.188% 3.478%,5.525% 2.324%,7.128% 1.366%,8.964% 0.639%,11.001% 0.177%,13.204% 0.015%,88.762% 0.015%,88.762% 0.015%,90.564% 0.125%,92.274% 0.44%,93.868% 0.946%,95.324% 1.623%,96.619% 2.456%,97.729% 3.427%,98.633% 4.519%,99.307% 5.715%,99.728% 6.997%,99.873% 8.349%,99.873% 91.682%,99.873% 91.682%,99.728% 93.034%,99.307% 94.316%,98.633% 95.512%,97.729% 96.604%,96.619% 97.575%,95.324% 98.408%,93.868% 99.085%,92.274% 99.591%,90.564% 99.906%,88.762% 100.016%,50.322% 100.016%,50.322% 100.016%,48.907% 99.948%,47.536% 99.75%,46.224% 99.428%,44.984% 98.991%,43.828% 98.444%,42.771% 97.795%,41.824% 97.052%,41.002% 96.22%,40.318% 95.308%,39.784% 94.323%,2.666% 10.989% );
transform: translateX(-22px);
transition: 0.3s ease-in-out;
}
#slider .slider-btns .read a:hover, #slider .slider-btns .read a:hover::before {
background-color: #f89939;
}
#slider .owl-dots, #slider .owl-nav{
display: none;
}
.nav-dots-btns{
position: absolute;
bottom: 0;
display: flex;
width: 100%;
justify-content: space-between;
right: 0;
background-color: #fff;
align-items: center;
}
.nav-dots-btns .slide-nav button {
border: none;
outline: none;
padding: 28px 35px;
color: #3A332D;
background-color: #FFFFFF;
}
#slider .owl-nav button{
border: none;
outline: none;
padding: 22px 28px;
color: #3A332D;
background-color: #e3e3e3;
margin: 5px 3px;
}
.nav-dots-btns .slide-nav button:hover {
background-color: #FFAA1B;
}
.nav-dots-btns .slide-nav button.prev {
margin-right: -4px;
}
.nav-dots-btns #my-btn-collection{
margin-left: 4%;
}

/* --------- Video --------- */

#video { 
position:relative;
padding: 120px 0 80px;
}
#video .video-size{
max-width: 1400px;
margin: 0 auto;
}
#video .row.main {
justify-content: space-between;
}
#video .contact-detals {
flex-basis: 45%;
}
#video .video-slider{
flex-basis: 45%;
position: relative;
top: -30px;
}
#video p.small-head {
font-family: Lexend;
font-size: 18px;
font-weight: 500;
color: #F59E0B;
margin-bottom: 0;
padding-left: 40px;
position: relative;
}
#video p.small-head::before {
background-color: #F59E0B;
position: absolute;
content: '';
left: 0;
top: 0;
bottom: 0;
margin: auto;
height: 2px;
width: 30px;
}
#video p.main-para {
font-family: 'Lexend';
font-size: 16px;
font-weight: 400;
line-height: 28px;
color: #626687;
width: 70%;
opacity: 0.75;
}
#video h3 {
color: #3A332D;
font-family: Lexend;
font-size: 32px;
font-weight: 900;
margin-bottom: 0;
}
#video h5 {
font-family: Lexend;
font-size: 16px;
opacity: 0.75;
font-weight: 600;
line-height: 28px;
color: #1B1C57;
letter-spacing: 0;
}
.design-features {
margin-bottom: 20px;
}
.design-features .feat {
padding: 8px 12px;  
}
.design-features .feat span {
font-weight: 500;
font-family: Lexend;
font-size: 16px;
color: #3C4563;
padding-left: 12px;
}
.design-contact {
display: flex;
justify-content: space-between;
align-items: center;
width: 90%;
position: relative;
padding-top: 20px;
}
.design-contact::before {
content: '';
position: absolute;
width: 93%;
right: 0;
top: 0;
margin: 0 auto;
background-color: #F0F3FD;
height: 2px;
}
.design-contact h6 {
margin-bottom: 0px;
padding-top: 0;
padding-bottom: 5px;
color: #3A332D;
font-family: Lexend;
font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0px;
}
.design-contact p {
font-family: Lexend;
font-size: 16px;
font-weight: 500;
line-height: 24px;
color: #888B97;
}
.design-contact .cont-call {
margin-right: 40px;
}
.design-contact .cont-call a {
color: #FFF;
font-family: Lexend;
font-size: 14px;
font-weight: 600;
line-height: 22px;
background-color: #CE401C;
border-radius: 32px;
padding: 14px 25px;
display: flex;
align-items: center;
transition: 0.8s ease-in-out;
}
.design-contact .cont-call a:hover {
background-color: #FFAA1B;
}
.design-contact .cont-call a:hover img {
transform: rotate(360deg);
transition: 1.2s ease-in-out;
}
.cont-call a img {
margin-right: 15px;
transition: 1.2s ease-in-out;
}

.about-video-content{
margin: auto;
padding: 0px 50px;
}
.about-image img{
width: 100%;
margin: 0px 40px;
}
.about-video-image img{
width: 100%;
}
.about-video-image{
position: relative;
}
.modal-new {
display: none;
position: absolute;
z-index: 1500;
left: 0;
right: 0;
top: 0px;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.4);
padding-right: 0 !important;
}
.modal-contents {
  background-color: #000;
  margin: auto;
  width: 100%; 
  height: 100%;
  transition: 2s;
  border-radius: 0px;
}

.close-one {
  float: right;
  font-size: 40px;
  position: absolute;
  font-weight: bold;
  cursor: pointer;
  right: 32%;
  color: #fff;
  top: 2%;
}
.about-video-image i {
position: absolute;
top: 50%;
left: 50%;
color: #FFF;
font-size: 20px;
transform: translate(-50%, -50%);
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-style: normal;
background-color: #ffffff80;
padding: 11px 13px 11px 16px;
border-radius: 50px;
cursor: pointer;
}
.about-video-image a {
  opacity: 1 !important;
}

/* --------------- Services Section ------------------ */
#services .owl-item img {
width: 100% !important;
border-radius: 15px 8px 15px 15px;
}
#services .services-size{
max-width: 1400px;
margin: 0 auto;
}
#services .slide{
display: flex;
position: relative;
}
#services .slide .slide-img{
flex-basis: 51%;
clip-path: polygon(0 0, 100% 0, 72% 100%, 0% 100%);
position: relative;
z-index: 1;
}
#services .service-head p {
color: #f89939;
font-family: Lexend;
font-size: 18px;
font-weight: 500;
padding-left: 50px;
position: relative;
}
#services .service-head p::before {
content: '';
position: absolute;
width: 35px;
left: 0;
background-color: #f89939;
height: 2px;
top: 0;
bottom: 0;
margin: auto;
}
#services .service-head h3 {
color: #3A332D;
font-family: Lexend;
font-size: 42px;
font-weight: 900;
letter-spacing: 0;
}
#services .slide .read-btn:hover::after{
background-color:#f89939;
}
.servis-cont a.servis-title {
font-weight: 500;
color: #3A332D;
font-family: Lexend;
font-size: 20px;
display: block;
margin-bottom: 14px;
}
.servis-cont a.servis-title:hover {
color: #f89939;
}
#services .slide .servis-cont{
flex-basis: 52%;
position: absolute;
width: 70%;
right: 0;
top: 20%;
padding: 6% 3% 13% 20%;
background-color: #fff;
border-radius: 20px;
}
#services .slide .servis-cont::before {
content: '';
background-color: #fff;
width: 50%;
height: 80%;
position: absolute;
transform: translateX(-110px);
z-index: 0;
left: 0;
bottom: 0;
clip-path: polygon( 0.406% 96.966%,0.406% 96.966%,0.267% 97.402%,0.226% 97.836%,0.276% 98.258%,0.409% 98.658%,0.619% 99.025%,0.898% 99.348%,1.238% 99.618%,1.632% 99.823%,2.073% 99.954%,2.553% 100%,97.674% 100%,97.674% 100%,98.052% 99.971%,98.409% 99.888%,98.743% 99.755%,99.048% 99.577%,99.319% 99.358%,99.551% 99.102%,99.74% 98.815%,99.881% 98.5%,99.97% 98.163%,100% 97.807%,100% 2.193%,100% 2.193%,99.97% 1.837%,99.881% 1.5%,99.74% 1.185%,99.551% 0.898%,99.319% 0.642%,99.048% 0.423%,98.743% 0.245%,98.409% 0.112%,98.052% 0.029%,97.674% 0%,44.655% 0%,44.655% 0%,44.377% 0.016%,44.106% 0.062%,43.845% 0.137%,43.597% 0.24%,43.364% 0.369%,43.149% 0.523%,42.953% 0.699%,42.779% 0.897%,42.63% 1.115%,42.508% 1.352%,0.406% 96.966% );
}
#services .owl-stage-outer{
margin-top: 30px;
}
#services .owl-item {
margin-bottom: 3%;
}
#services .slide .read-btn{
position: absolute;
right: 30px;
bottom: -8px;
}
#services .slide .read-btn a {
border-radius: 14px;
background: #3E3731;
padding: 20px 55px;
color: #fff;
position: relative;
font-family: Lexend;
font-size: 14px;
font-weight: 600;
transition: 0.3s ease-in-out;
}
#services .slide .read-btn a::before {
content: '';
position: absolute;
left: 0;
width: 24%;
height: 88%;
background-color: #3E3731;
bottom: -1px;
transform: translateX(-17px);
transition: 0.3s ease-in-out;
clip-path: polygon( 1.59% 86.227%,1.59% 86.227%,1.019% 87.981%,0.897% 89.718%,1.19% 91.398%,1.865% 92.982%,2.887% 94.43%,4.222% 95.704%,5.835% 96.763%,7.694% 97.568%,9.763% 98.08%,12.008% 98.26%,87.021% 98.26%,87.021% 98.26%,88.824% 98.143%,90.533% 97.804%,92.128% 97.263%,93.583% 96.537%,94.878% 95.645%,95.989% 94.604%,96.892% 93.434%,97.566% 92.153%,97.987% 90.779%,98.132% 89.331%,98.132% 10.67%,98.132% 10.67%,97.987% 9.221%,97.566% 7.847%,96.892% 6.566%,95.989% 5.396%,94.878% 4.356%,93.583% 3.464%,92.128% 2.738%,90.533% 2.196%,88.824% 1.858%,87.021% 1.741%,48.309% 1.741%,48.309% 1.741%,46.932% 1.809%,45.596% 2.011%,44.315% 2.337%,43.1% 2.783%,41.963% 3.34%,40.918% 4.003%,39.975% 4.763%,39.149% 5.615%,38.45% 6.551%,37.891% 7.565%,1.59% 86.227% );
}
#services .slide:hover .read-btn a, #services .slide:hover .read-btn a::before{
background-color: #f89939;
}
.servis-cont .services-post {
color: #626687;
font-weight: 400;
font-family: Lexend;
font-size: 15px;
line-height: 24px;
}
#services .owl-nav {
position: absolute;
top: 0;
right: 0;
transform: translateY(-100px);
}
#services .owl-nav button.disabled, #projects .owl-nav button.disabled  {
  background-color: #E0E3EB;
  color: #3C4563;
}
#services .owl-carousel .owl-nav button, #services .owl-dots .owl-dot:focus, #projects .owl-nav button, #projects .owl-dots .owl-dot:focus {
  outline: none;
}
#services .owl-carousel .owl-prev, #services .owl-carousel .owl-next, #projects .owl-carousel .owl-prev, #projects .owl-carousel .owl-next {
font-size: 16px;
padding: 10px 20px;
border-radius: 50px;
border: none;
color: #3C4563;
background-color: #E0E3EB;
margin: 4px;
}
#services .owl-nav button:hover{
background-color: #f89939;
color: #fff;
}
#services .owl-dots{
text-align: center;
margin-top: 2%;
}
#services .owl-dots .owl-dot {
width: 12px;
height: 12px;
border-radius: 2px;
border: none;
margin: 4px 6px;
background-color: #d7862b;
}
#services .owl-dots .owl-dot.active {
background-color: #f89939;
}




/* --------------- Pricing Plan ----------------- */
#pricing{
position: relative;
}
#pricing .full-content {
padding: 55px 0px;
}
#pricing .pricing-size{
max-width: 1400px;
margin: 0 auto;
}
#pricing .head-section {
position: absolute;
top: 0;
transform: translateY(-50px);
background-color: #3A332D;
padding: 18px 60px 18px 30px;
clip-path: polygon( 6.349% 0%,6.349% 0%,5.319% 0.218%,4.342% 0.85%,3.431% 1.86%,2.599% 3.216%,1.86% 4.882%,1.225% 6.824%,0.709% 9.007%,0.324% 11.399%,0.083% 13.963%,0% 16.667%,0% 83.333%,0% 83.333%,0.083% 86.037%,0.324% 88.601%,0.709% 90.993%,1.225% 93.177%,1.86% 95.119%,2.599% 96.784%,3.431% 98.14%,4.342% 99.15%,5.319% 99.782%,6.349% 100%,69.838% 100%,69.838% 100%,69.839% 100%,69.839% 100%,69.839% 100%,69.84% 100%,69.84% 100%,69.84% 100%,69.84% 100%,69.841% 100%,69.841% 100%,69.841% 100%,77.778% 100%,85.403% 100%,85.403% 100%,85.6% 99.968%,85.791% 99.874%,85.974% 99.722%,86.148% 99.514%,86.31% 99.254%,86.459% 98.944%,86.594% 98.589%,86.712% 98.192%,86.812% 97.755%,86.892% 97.282%,99.842% 5.615%,99.842% 5.615%,99.923% 4.797%,99.941% 3.986%,99.899% 3.202%,99.802% 2.463%,99.656% 1.787%,99.466% 1.193%,99.235% 0.699%,98.97% 0.323%,98.674% 0.084%,98.353% 0%,77.778% 0%,69.841% 0%,6.349% 0% );
}
#pricing .head-section::after {
content: '';
width: 70px;
height: 95%;
top: 0px;
right: 0;
position: absolute;
clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%);
background-color: #3A332D;
transform: translateX(42px);
border-radius: 0px 7px 0px 0px;
}
#pricing .head-section p.small {
color: #f89939;
font-family: Lexend;
font-size: 18px;
font-weight: 500;
padding-left: 40px;
position: relative;
}
#pricing .head-section p.small::before {
content: '';
position: absolute;
width: 30px;
height: 2px;
background-color: #f89939;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
#pricing .head-section h2 {
color: #FFF;
font-family: Lexend;
font-size: 32px;
font-weight: 900;
}
#pricing .plan-opt {
background-color: #FFAA1B;
padding: 28px 30px;
width: 100%;
position: relative;
clip-path: polygon( 6.349% 0%,6.349% 0%,5.319% 0.218%,4.342% 0.85%,3.431% 1.86%,2.599% 3.216%,1.86% 4.882%,1.225% 6.824%,0.709% 9.007%,0.324% 11.399%,0.083% 13.963%,0% 16.667%,0% 83.333%,0% 83.333%,0.083% 86.037%,0.324% 88.601%,0.709% 90.993%,1.225% 93.177%,1.86% 95.119%,2.599% 96.784%,3.431% 98.14%,4.342% 99.15%,5.319% 99.782%,6.349% 100%,69.838% 100%,69.838% 100%,69.839% 100%,69.839% 100%,69.839% 100%,69.84% 100%,69.84% 100%,69.84% 100%,69.84% 100%,69.841% 100%,69.841% 100%,69.841% 100%,77.778% 100%,85.403% 100%,85.403% 100%,85.6% 99.968%,85.791% 99.874%,85.974% 99.722%,86.148% 99.514%,86.31% 99.254%,86.459% 98.944%,86.594% 98.589%,86.712% 98.192%,86.812% 97.755%,86.892% 97.282%,99.842% 5.615%,99.842% 5.615%,99.923% 4.797%,99.941% 3.986%,99.899% 3.202%,99.802% 2.463%,99.656% 1.787%,99.466% 1.193%,99.235% 0.699%,98.97% 0.323%,98.674% 0.084%,98.353% 0%,77.778% 0%,69.841% 0%,6.349% 0% );
}
#pricing .plan-opt h5 {
color: #f89939;
font-family: Lexend;
font-size: 16px;
font-weight: 500;
}
#pricing .plan-opt h3{
color: #FFF;
font-family: Lexend;
font-size: 24px;
font-weight: 800;
padding-top: 5px;
}
#pricing .plan{
margin-bottom: 60px;
}
#pricing .plan-cont {
background-color: #fff;
position: relative;
top: 20px;
padding: 25px 30px;
border-radius: 0px 20px 20px 0;
}
.pricing-size .points {
transition: 0.2s ease-in-out;
}
.pricing-size .points:hover {
padding-left: 18px;
}
#pricing .plan-cont::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 120px;
height: 100%;
background-color: #fff;
transform: translateX(-118px);
z-index: -1;
clip-path: polygon(40% 0%, 100% 0, 100% 100%, 0% 100%);
border-radius: 0px 0px 0px 7px;
}
#pricing .choose-btn {
position: absolute;
right: 25px;
bottom: 0;
transform: translateY(10px);
}
#pricing .choose-btn a {
color: #FFF;
text-align: center;
font-family: Lexend;
font-size: 14px;
font-weight: 600;
border-radius: 14px;
background: #3A332D;
padding: 18px 40px;
position: relative;
transition: 0.3s ease-in-out;
}
#pricing .choose-btn a:hover, #pricing .choose-btn a:hover::before  {
  background-color: #f89939;
}
#pricing .choose-btn a::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 80%;
background-color: #3A332D;
transform: translateX(-18px);
clip-path: polygon(36% 0%, 100% 0, 100% 100%, 0% 100%);
z-index: -1;
border-radius: 0px 0px 0px 7px;
transition: 0.3s ease-in-out;
}
#pricing span.attr {
color: #888B97;
font-family: Lexend;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 28px;
}

/* --------------- latest Release ------------- */

#release .release_head p {
  color:  #01CBEE;;
}
#release .release_content img {
  width: 140px!important;
  height: 140px;
  border: 1px solid transparent;
  border-radius: 50%;
}
#release .release_content h5 {
  font-size: 18px;
  line-height: 28px;
  color: #353535;
  font-weight: 400;
  font-family: "Libre Baskerville";
  text-align: center;
}
#release .release_content p {
  font-size: 13px;
  line-height: 28px;
  color: #353535;
  font-weight: 400;
  font-family: "Libre Baskerville";
  text-align: center;
}
#release button.owl-prev, #release button.owl-next {
  position: absolute;
  top: 45%;
  background: unset;
  border: none;
  outline: none;
}
#release button.owl-prev i, #release button.owl-next i {
  color: #ccc;
  font-size: 25px;
}
#release button.owl-prev {
  left: -40px;
}
#release button.owl-next {
  right: -40px;
}
/* ------------ Testimonial ---------- */

#testimonial {
position: relative;
}
#testimonial .head-test {
margin-bottom: 35px;
}
#testimonial .head-test p {
font-family: Lexend;
font-size: 18px;
font-weight: 500;
color: #F59E0B;
position: relative;
padding-top: 8px;
}
#testimonial .head-test p::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
width: 40px;
height: 2px;
background-color: #F59E0B;
margin: 0 auto;
}
#testimonial .head-test h3 {
font-family: Lexend;
font-size: 32px;
font-weight: 900;
color: #393A2D;
padding-top: 5px;
}
#testimonial .tests-size{
max-width: 1400px;
margin: 0 auto;
}
#testimonial .owl-dots{
display: block;
text-align: center;
margin-top: 15px;
}
#testimonial .owl-dots .owl-dot.active{
width: 10px;
height: 10px;
margin: 0px 5px;
border-radius: 50px;
background-color: #3c4563;
opacity: 1;
}
.content-text p {
color: #1B1C57;
font-family: Lexend;
font-size: 20px;
font-weight: 600;
}
.excerpt-text p {
font-family: Lexend;
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #626687;
opacity: 0.75;
}
#testimonial .owl-dots .owl-dot{
width: 10px;
height: 10px;
margin: 0px 5px;
border-radius: 50px;
background-color: #e0e2eb;
opacity: 0.7;
border: none;
}
#testimonial h4 {
font-size: 22px;
line-height: 30px;
color: #1b1b1b;
font-weight: 600;
font-family: "Ubuntu";
text-align: left;
}
.testimonial-box .seller-star i.far{
font-weight: 600;
font-size: 12px;
}
.testimonial-box .seller-star i.fas {
color: #ffcd3c;
font-weight: 600;
font-size: 12px;
}
#testimonial .owl-carousel .owl-item img{
margin: unset;
}
#testimonial h5.posttype-err-msg {
font-size: 24px;  
}
.name-rat {
justify-content: space-between;
display: flex;
align-items: end;
margin-top: 24px; 
}
.name-rat a {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
color: #0E1735;
display: block;
margin-bottom: 4px;
}
.name-rat a:hover{
color: #CE401C;
}
.name-rat p {
font-weight: 500;
line-height: 22px;
font-family: Lexend;
font-size: 14px;
color: #888B97;
}
#testimonial .ratings i{
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-style: normal;
color: #F59E0B;
font-size: 22px;
transition: 0.3s ease-in-out;
}
.client-cont:hover .ratings i {
transform: scale(1.2);
text-shadow: 1px 2px 3px #F59E0B;
}
.name-rat span.num {
font-size: 20px;
margin-left: 10px;
font-family: Lexend;
font-weight: 600;
color: #3C4563;
}
.rev-img img {
border-radius: 8px;
}
.name-rat img {
width: 40px !important;
height: 40px;
}
#testimonial .slide {
position: relative;
}
#testimonial .client-cont {
position: absolute;
background-color: #fff;
padding: 32px;
border-radius: 16px;
bottom: 0;
width: 85%;
margin: 0 auto;
left: 0;
right: 0;
transform: translateY(110px);
box-shadow: 0px 9px 32px 0px rgba(89, 92, 219, 0.05);
}
#testimonial .client-cont:hover {
background-color: #f1f1f1;
}
#testimonial .owl-stage-outer{
height: 500px;
}
#testimonial .rev-img img{
width: 100% !important;
}


/* ------------ Gallery ----------- */
#gallery {
background-color: #1B1825;
}
#gallery .owl-carousel {
margin-top: 30px;
}
#gallery .owl-stage-outer{
padding: 25px 0;
}
#gallery  .text-column{
margin-top: 3%;
}
#gallery .text-column p.para {
color: #E1E1E1;
font-family: Lexend;
font-size: 15px;
font-weight: 500;
width: 80%;
margin-top: 30px;
margin-bottom: 40px;
}
#gallery .gall-size{
max-width: 1400px;
margin: 0 auto;
}
#counter {
display: flex;
justify-content: space-between;
width: 130px;
align-items: center;
}
#counter span.item {
color: #F8780F;
}
#counter .num{
position: relative;
}
#counter .num::after {
position: absolute;
content: '';
background-color: #fff;
width: 45px;
height: 2px;
top: 0;
bottom: 0;
margin: auto;
margin-left: 5px;
}
#counter .nav-btns button {
background-color: transparent;
outline: none;
border: none;
margin: 0px 3px;
color: #fff;
font-size: 11px;
cursor: pointer;
}
#counter span {
font-family: 'Work Sans';
font-size: 20px;
color: #FFF;
font-weight: 600;
}
#gallery p.small {
font-family: Lexend;
font-size: 18px;
font-weight: 500;
color: #F59E0B;
padding-left: 50px;
position: relative;
}
#gallery p.small::before {
content: '';
position: absolute;
background-color: #F59E0B;
width: 45px;
height: 2px;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
#gallery h3.main {
color: #FFF;
font-family: Lexend;
font-size: 32px;
font-weight: 900;
}
#gallery .owl-item.active.center {
transform: scale(1.1);
transition: ease-in 0.3s;
}
#gallery h5.posttype-err-msg {
text-align: center;
font-size: 24px;
}
#gallery .owl-nav{
display: none;
}
/* ------------ Our Blogs ---------- */
#our_blogs .blog-box h5 {
font-size: 18px;
color: #3A332D;
font-weight: 500;
font-family: 'Lexend';
line-height: 32px;
letter-spacing: 0px;
}
.blog-title a:hover h5 {
color: #FFAA1B !important;
}
#our_blogs {
padding-bottom: 8%;
}

#our_blogs .news-size{
max-width: 1400px;
margin: 0 auto;
}
#our_blogs .right-col .news-right:nth-child(n+2) {
margin-top: 20px;
}
.news-right h5.blog-heading {
font-size: 22px !important; 
}
#our_blogs .left-col, #our_blogs .right-col {
  flex-basis: 48%;
}
.news-right h5 {
margin-bottom: 0;
padding-bottom: 3px;
}
.news-right .time_date {
margin-top: 22px;
}
.time_date span {
font-family: Lexend;
font-size: 14px;
font-weight: 300;
line-height: 24px;
color: #888B97;
}
.time_date img.clock {
margin-right: 8px;
}
.news-right .blog-title {
margin-top: 22px;
}
#our_blogs p.small-head{
color: #F59E0B;
font-family: Lexend;
font-size: 19px;
font-weight: 500;
position: relative;
margin-bottom: 0;
}
#our_blogs h2 {
font-family: 'Lexend';
font-weight: 900;
color: #3A332D;
font-size: 32px;
line-height: 45px;
width: 38%;
margin: 0 auto;
}
#our_blogs p.small-head::before{
background-color: #F59E0B;
content: '';
position: absolute;
width: 42px;
height: 2px;
top: 0;
left: 0;
right: 0;
margin: auto;
transform: translateY(-10px);
} 
#our_blogs .more a {
color: #FFF;
font-family: Lexend;
font-size: 14px;
font-weight: 600;
line-height: 22px;
padding: 12px 16px;
background-color: #CE401C;
border-radius: 32px;
}
#our_blogs .more a:hover {
background-color: #f89939;
}
#our_blogs .more {
margin: 18px 0px 30px;
}
.blog-title .author-name {
margin-left: 12px;
font-family: Lexend;
font-size: 14px;
color: #3C4563;
font-weight: 400;
line-height: 22px;
}
#our_blogs .blog-box{
flex-basis: 60%;
}
#our_blogs .news-left{
display: flex;
gap: 25px;
margin-bottom: 30px;
}
#our_blogs .news-left .post-img{
flex-basis: 36%;
width: 100%;
}
#our_blogs .news-left .post-img img{
border-radius: 16px;
width: 100%;
height: 155px;
object-fit: cover;
}
#our_blogs .author-box img{
width: 32px;
border-radius: 50%;
}
#our_blogs .news-right .box img{
object-fit: cover;
height: 280px;
width: 100%;
border-radius: 16px;
}
#teams .owl-item:hover .our-team-box a{
color: #01BCee;
}
.news-right .blog-content p {
font-family: Lexend;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
#our_blogs .requirio {
margin-top: 60px;
justify-content: space-between;
}


/* ----------- Newsletter --------------- */
#newsletter {
position: relative;
}
#newsletter .news-size{
max-width: 1400px;
margin: 0 auto;
background-color: #f89939;
padding: 40px 60px;
border-radius: 32px;
}
#newsletter .newsletter_form{
position: relative;
}
#newsletter .row{
justify-content: space-between;
}
#newsletter h3.heading {
font-weight: 900;
color: #CE401C;
text-align: center;
font-family: Lexend;
font-size: 32px;
margin: 14px auto;
line-height: 42px;
}
#newsletter .newsletter_form form input[type=submit]{
position: absolute;
right: 6px;
text-transform: capitalize;
font-size: 14px;
top: 5px;
font-family: 'Outfit';
padding: 11px 16px;
border-radius: 20px;
background-color: #CE401C;
} 
#newsletter .newsletter_form form input[type=submit]:hover{
background-color: #1b1c57;  
color: #CE401C;
}
#newsletter .newsletter_form form input[type=text]{
padding: 14px 140px 14px 60px;
border: none;
background-color: #fff;
border-radius: 30px;
color: #000;
}
.newsletter_form span.news-span{
position: relative;
}

.newsletter_form span.news-span::before {
position: absolute;
content: url(news.png);
z-index: 2;
top: -1px;
bottom: 0;
left: 20px;
}
#newsletter .newsletter-content input[type="email"] {
max-width: 75%;
border:1px solid #fff;
display: block;
margin: 15px auto;
margin-bottom: 0;
}
#newsletter .newsletter-content input[type="email"]::placeholder{
font-size: 16px;
line-height: 18px;
color: #fff;
font-weight: 400;
font-family: "Lato";
}
#newsletter .newsletter-content input[type="submit"] {
font-size: 16px;
letter-spacing: 2px;
color: #ffffff;
font-family: "Ubuntu";
font-weight: 400;
background: #000;
margin: 0 auto;
display: block;
padding: 5px 25px;
border-radius: 4px;
}
.newsletter_form input[type=text]::placeholder {
font-family: 'Lexend';
color: #888b97;
font-size: 14px;
font-weight: 500;
}
#newsletter .newsletter-content {
max-width: 750px;
display: block;
margin: 0 auto;
}
.news-size .form-left, .news-size .form-right {
flex-basis: 20%;
position: relative;
}
#newsletter div.wpcf7 .ajax-loader {
display: none;
}
.form-left img:nth-child(2), .form-right img:nth-child(2) {
position: absolute;
right: 0;
bottom: 0;
}
.form-left img:nth-child(3) {
position: absolute;
left: 0;
bottom: 0;
}
.form-left img:nth-child(4) {
position: absolute;
top: 0;
right: 0;
}
.form-right img:nth-child(3){
position: absolute;
left: 30px;
bottom: 10%;
}
.form-right img:nth-child(4) {
position: absolute;
right: 0;
top: 22%;
}
.newsletter_form .wpcf7-response-output {
position: absolute;
bottom: -50px;
}
.newsletter_form form.invalid .wpcf7-response-output {
bottom: -48px;
}

/* Style the modal */
.modal {
  display: none; 
  position: absolute !important; 
  z-index: 0 !important;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.modal-content {
background-color: #f89939 !important;
border: none !important;
margin: 0;
padding: 2px;
width: 50% !important;
max-width: initial;
margin: 0 auto;
top: 40px;
}

.close {
  color: #FFAA1B;
  float: right;
  font-size: 28px !important;
  font-weight: bold;
  text-align: end;
  margin-right: 5px;
  text-shadow: none !important;
}

.close:hover,
.close:focus {
  color: #FFAA1B !important;
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}

/*Slider*/
.slider > div {
  display:block; width:100%;
  text-align: center; font-size: 2em;
}

/* Navigation */
.slider-nav{ 
text-align: center;
display: flex;
position: absolute;
left: 0;
bottom: 0;
align-items: end;
transform: translate(-50px, 70px);
}
.slider-nav > div {
display:inline-block;
margin: 0 5px; padding: 3px 0;
text-align: center; cursor: pointer;
}
.slider-nav .greta img {
width: 190px;
height: 120px;
border-radius: 4px;
}
.slider-nav .greta.active img {
width: 300px;
height: 200px;
}