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

.owl-carousel .owl-item img {
  width: auto !important;
  margin: 0 auto;
}
.main_heading {
  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:  #FF8A00;
}

/* --------- banner--------- */
#banner { 
position:relative;
background-color: #0F1330;
height: 720px;
padding-top: 40px;
}
#banner .vertical-left{
width: fit-content;
position: absolute;
}
#banner .contact{
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(-180deg);
background-color: #1F2447;
margin-bottom: 10px;
padding: 25px 10px;
}
#banner .contact img {
transform: rotate(180deg);
margin-bottom: 15px;
}
#banner .contact p{
color: #FFF;
font-family: Inter;
font-size: 12px;
font-weight: 600;
}
#banner .contact a{
color: #FFF;
font-family: Inter;
font-size: 16px;
font-weight: 600;
}
#banner .center-content{
max-width: 1120px;
margin: 0 auto;
}
#banner .center-content .date{
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
margin-bottom: 0;
padding-bottom: 0;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 20%);
letter-spacing: 0;
}
#banner .center-content h1{
font-size: 44px;
font-family: 'Inter';
color: #fff;
font-weight: 600;
}
#banner .center-content p.main-para{
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
margin-top: 6%;
color: #fff;
line-height: 26px;
}
#banner .owl-nav{
position: absolute;
bottom: 13%;
left: 0;
right: 0;
}
#banner .owl-nav .owl-prev {
transform: translateX(-77px);
left: 0;
position: absolute;
}
#banner .owl-nav .owl-next {
transform: translateX(77px);
right: 0;
position: absolute;
}
#banner .owl-nav button {
width: 50px;
height: 50px;
border: none;
border-radius: 50%;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
color: #fff;
}
#banner .vertical-right .social{
display: flex;
}
#banner .vertical-right i {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
width: 40px;
height: 40px;
display: flex;
font-size: 20px;
justify-content: center;
align-items: center;
margin: 6px 0px;
background-color: #1F2447;
color: #fff;
transform: rotate(180deg);
transition: 0.3s ease-in-out;
}
#banner .vertical-right i:hover {
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
}
#banner .vertical-right{
position: absolute;
right: 20px;
bottom: 50px;
}
#banner .vertical-right .sec-right{
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(-180deg);
margin-bottom: 20px;
padding: 25px 10px;
}
#banner .vertical-right .sec-right p{
height: 160px;
text-align: center;
color: #fff;
font-family: 'Inter';
font-size: 12px;
font-weight: 500;
}
#banner .owl-dots{
display: none;
}
#banner .contact a:hover {
color: #FF8A00;
}

/* --------------- About ------------- */ 
#about{
padding-top: 9%;
}
#about .left-img {
position: relative;
background: linear-gradient(90deg, #AD00FF , #FF8A00 80%);
padding: 5px;
}
#about .left-img img{
width: 75%;
}
#about .box h5 {
font-size: 20px;
color: #353535;
font-weight: 300;
font-family: "Libre Baskerville";
}
#about .main_heading{
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
margin-bottom: 0;
padding-bottom: 0;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 10%);
letter-spacing: 0;
}
#about p.main_para {
font-family: 'Inter';
color: #757575;
font-size: 16px;
width: 92%;
font-weight: 400;
line-height: 26px;
}
#about div.slide_btn a {
font-size: 14px;
color: #FFF;
font-family: Inter;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 15px 34px;
border-radius: 60px;
font-weight: 500;
}
#about div.slide_btn a:hover{
background-position: 100%;
transform: scale(1.05);
}
#about div.slide_btn{
margin-top: 40px;
}
#about .main-subtext {
font-family: 'Inter';
color: #000;
font-weight: 800;
font-size: 40px;
width: 90%;
margin-bottom: 15px;
line-height: 50px;
}
#about .box p {
font-size: 15px;
line-height: 22px;
color: #7c7c7c;
font-weight: 300;
font-family: "Ubuntu";
}
#about .box {
padding: 10px 20px;
}
#about .about_icon {
text-align: left;
}
#about .abt_bg{
margin: auto;
}

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

#release .release_head p {
  color:  #FF8A00;;
}
#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;
}

/* -------------- Team --------------- */
#team {
padding-top: 8%;
}
#team h4{
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
letter-spacing: 0;
width: fit-content;
margin: 0 auto;
}
#team h3{
color: #000;
font-weight: 800;
font-size: 40px;
font-family: Inter;
padding-top: 0;
}
#team .our-team-head {
margin-bottom: 2%;
}
#team .row{
justify-content: space-between;
}
#team .our-team-box{
border-radius: 10px;
border: 1px solid #D1CDE9;
padding: 30px 10px;
flex-basis: 23%;
margin-bottom: 3%;
position: relative;
}
#team .our-team-box::after {
content: '';
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
width: 80%;
position: absolute;
height: 5px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 10px 10px 0 0;
}
#team .name{
margin-top: 15px;
}
#team .team-post {
margin-bottom: 8px;
font-family: 'Inter';
font-weight: 700;
font-size: 14px;
padding-bottom: 0;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 70%);
letter-spacing: 0;
}
#team .our-team-box .content{
font-size: 14px;
font-family: 'Inter';
color: #757575;
font-weight: 400;
line-height: 24px;
}
#team .name a {
color: #000;
font-size: 16px;
font-weight: 700;
font-family: 'Inter';
}
#team .view-team {
text-align: center;
margin-top: 3%;
margin-bottom: 1%;
}
#team .view-team a{
font-size: 14px;
color: #FFF;
font-family: Inter;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 15px 34px;
border-radius: 60px;
font-weight: 500;
}
#team .view-team a:hover{
background-position: 100%;
transform: scale(1.05);
}

/* ------------ Sponsors ------------- */
#sponsor {
background-color: #0F1330;
}
#sponsor .main-spons-row{
justify-content: space-between;
margin-top: 3%;
}
#sponsor .left-sponsor {
flex-basis: 22%;
margin: auto 0 14%;
background-color: #1F2447;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 16px;
border-radius: 0px 20px 20px 0;
}
#sponsor .center-sec{
flex-basis: 45%;
}
#sponsor .right-media{
flex-basis: 22%;
margin: auto 0 14%;
background-color: #1F2447;
padding-top: 10px;
padding-bottom: 30px;
border-radius: 20px 0px 0px 20px;
}
.spons_img img {
padding: 3px 3px 10px;
}
#sponsor h4{
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
letter-spacing: 0;
width: fit-content;
margin: 0 auto;
}
#sponsor h3 {
font-size: 40px;
font-family: 'Inter';
font-weight: 800;
color: #fff;
padding-top: 0;
}
#sponsor p.main-text {
margin-top: 5%;
font-family: Inter;
font-size: 14px;
font-family: 'Inter';
line-height: 26px;
color: #8187B4;
}
#sponsor h5 {
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
font-family: 'Inter';
font-size: 18px;
font-weight: 800;
letter-spacing: 0;
}
.med_img img {
padding: 13px 0 13px;
}
#sponsor div.more {
margin-top: 8%;
margin-bottom: 5%;
}
#sponsor div.more a {
font-size: 14px;
color: #FFF;
font-family: Inter;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 15px 34px;
border-radius: 60px;
font-weight: 500;
}
#sponsor div.more a:hover{
background-position: 100%;
transform: scale(1.05);
}

/* ----------- Conferences Table ----------- */

#table {
background-color: #F1ECFF;
position: relative;
padding-bottom: 10%;
}
#table h4.small-head {
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
letter-spacing: 0;
width: fit-content;
margin: 0 auto;
}
#table h3 {
font-size: 35px;
font-weight: 800;
font-family: 'Inter';
color: #000;
padding-top: 0;
}
#table .owl-carousel .owl-item img {
width: 60px !important;
}
.spk_and_ticket {
justify-content: space-between;
}
#table .spk-cont{
align-items: center;
display: flex;
margin-left: 14px;
}
#table .spk-cont h6{
font-family: 'Inter';
font-weight: 700;
color: #000;
letter-spacing: 0px;
margin-bottom: 3px;
}
#table .spk-cont p.desig {
font-family: 'Inter';
font-size: 12px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 80%);
font-weight: 500;
}
.alternate .row:nth-child(odd) {
flex-direction: row-reverse;
}
.alternate .name {
background-color: #fff;
padding: 30px;
border-radius: 10px;
flex-basis: 48%;
position: relative;
}
.alternate .row:nth-child(odd) .name{
margin-right: 12px;
}

.alternate .row:nth-child(even) .name{
margin-left: 12px;  
}
#table .owl-carousel .owl-nav {
display: block;
position: absolute;
top: 25px;
left: 0;
right: 0;
text-align: center;
width: fit-content;
margin: 0 auto;

}
#table .owl-nav button {
border: none;
outline: none;
background: none;
color: #fff;
}
#table .alternate .date-slide{
  position: relative;
  top: 8px;
  margin-top: 15px;
  margin-bottom: 6%;
  color: #fff;
  font-family: 'Inter';
  font-weight: 700;
  font-size: 16px;
}
#table .owl-nav button.owl-prev{
margin-right: 180px;
}
.alternate .date {
font-family: 'Inter';
font-weight: 800;
font-size: 18px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 10%);
letter-spacing: 0;
text-transform: lowercase;
}
#table .alternate .date-slide::after {
content: '';
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
width: 22%;
height: 100%;
position: absolute;
left: 0;
right: 0;
z-index: -1;
margin: auto;
padding: 28px 10px;
bottom: 0;
top: 0px;
border-radius: 60px;
}
.alternate .row:nth-child(odd) .name::after {
content: '';
position: absolute;
width: 315px;
height: 200px;
left: 0;
bottom: 0;
transform: translate(-100%, 23%);
border: 2px #B50DE6 dotted;
border-right: none;
border-bottom: none;
border-radius: 10px 0px 0;
}
.alternate .row:nth-child(even) .name::before {
content: '';
position: absolute;
width: 315px;
height: 200px;
right: 0;
bottom: 0;
transform: translate(100%, 23%);
border: 2px #B50DE6 dotted;
border-left: none;
border-bottom: none;
border-radius: 0px 10px 0;
}
.alternate .row:nth-last-child(-n + 1) .name::after{
content: none;
}
.alternate .title {
color: #222;
font-family: 'Inter';
font-weight: 800;
font-size: 20px;
margin-top: 5px;
}
.alternate .cont p {
color: #757575;
font-size: 16px;
font-weight: 400;
font-family: 'Inter';
margin-top: 10px;
}
div.speaker-head {
color: #000;
font-family: Inter;
font-size: 16px;
font-weight: 700;
}
div.name .book-div {
margin-top: 20px;
}
div.name .book-div a {
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
color: #fff;
padding: 15px 34px;
font-family: 'Inter';
font-size: 16px;
border-radius: 60px;
font-weight: 500;
transition: background 0.5s, transform 0.5s;
}
div.name .book-div a:hover{
background-position: 100%;
transform: scale(1.05);
}
#table .down{
margin: 6% 0 0;
text-align: center;
}
#table .down a{
font-size: 14px;
color: #FFF;
font-family: Inter;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 15px 34px;
border-radius: 60px;
font-weight: 500;
}
#table .down a:hover {
background-position: 100%;
transform: scale(1.05);
}
div.update_form{
display: flex;
width: 80%;
margin: auto;
position: absolute;
bottom: -4%;
background: linear-gradient(90deg, #ad00ff, #ff8a00);
padding: 20px;
border-radius: 20px;
left: 0;
right: 0;
}


div.form_side{
flex-basis: 50%;
padding-right: 40px;
}
h4.form-head {
margin: 0;
padding: 0;
color: #fff;
font-size: 20px;
font-weight: 700;
font-family: 'Inter';
}
div.form_text{
flex-basis: 50%;
padding-left: 40px;
margin: auto;
}
div.form_text p {
width: 65%;
color: #fff;
font-family: 'Inter';
font-weight: 400;
font-size: 16px;
margin-bottom: 0;
margin-top: 5px;
}
.form_side input[type=text]{
border: none;
background-color: #fff;
border-radius: 50px;
color: #757575;
position: relative;
font-size: 14px;
padding: 15px 100px 15px 25px;
}
.form_side form > p{
position: relative;
top: 26px;
}
.form_side input[type=submit] {
position: absolute;
right: 0px;
background-color: #0F1330;
padding: 14px 0px;
text-transform: unset;
border-radius: 50px;
width: 120px;
font-family: Inter;
bottom: 31px;
transition: 0.3s ease-in-out;
}
.form_side input[type=submit]:hover {
background-color: #ad00ff;
}
.form_side .wpcf7-not-valid-tip{
color: #fff;
font-size: 1em;
font-weight: normal;
display: block;
position: absolute;
width: 200px;
top: -40px;
}
.form_side .wpcf7-response-output{
position: absolute;
bottom: -6px;
color: #fff;
font-size: 12px;
}

/* ------------ Testimonial ---------- */
#testimonial {
position: relative;
background-color: #FFFFFF !important;
}
#testimonial p.main-text {
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
letter-spacing: 0;
width: fit-content;
margin: 0 auto;
}
#testimonial h3 {
font-size: 40px;
font-weight: 800;
font-family: 'Inter';
color: #000;
}
#testimonial .testimonial-card {
display: flex;
padding: 20px 15px;
border-radius: 10px;
border: 1px solid #DFDFDF;
transition: 0.3s ease-in-out;
}
#testimonial .testimonial-card:hover {
box-shadow: 4px 4px 8px #FF8A00;
}
.testimonial-card .vic-img{
flex-basis: 25%;
text-align: center;
}
.testimonial-card .content{
flex-basis: 75%;
padding: 0px 15px;
}
.testimonial-card .quote-img{
position: relative;
top: -25px;
}
.testimonial-card .vic-cont{
display: flex;
justify-content: space-between;
}
.testimonial-card .content p{
font-family: Inter;
font-size: 15px;
font-weight: 400;
color: #757575;
}
.vic-cont .seller-star i.fas {
color: #FDBD19;
font-weight: 600;
font-size: 15px;
margin: 0 -2px;
}
.vic-cont .seller-star i.far{
font-weight: 600;
font-size: 12px;
}
.vic-cont .seller-star{
display: flex;
align-items: center;
}
.vic-cont .star-rating{
margin-right: 15px;
}
.vic-cont p.designation{
font-family: 'Inter';
font-weight: 700;
font-size: 12px;
margin-bottom: 0;
padding-bottom: 0;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 70%);
letter-spacing: 0;
}
.vic-cont .name-desig a{
color: #222;
font-family: Inter;
font-size: 15px;
font-weight: 700;
}
.testimonial-card .rating-text{
color: #5B566A;
font-family: 'Inter';
font-size: 14px;
font-weight: 400;
}
#testimonial .more_test a {
font-size: 14px;
color: #FFF;
font-family: Inter;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 15px 34px;
border-radius: 60px;
font-weight: 500;
}
#testimonial .more_test a:hover{
background-position: 98%;
transform: scale(1);
}
#testimonial .more_test {
margin: 25px 0 15px;
}
/* ----------- Conferences ------------ */
#conferences {
background-color: #F1ECFF;
}
#conferences .conf-box {
position: relative;
text-align: center;
padding: 50px 30px 30px;
background-color: #fff;
border-radius: 8px;
}
#conferences .conf-box:hover {
box-shadow: 0px 0px 8px #FF8A00;
}
#conferences .conf-box::after {
content: '';
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
position: absolute;
bottom: -5px;
height: 10px;
width: 100%;
left: 0;
border-radius: 0px 0px 8px 8px;
z-index: -1;
}
#conferences .conf-box img {
padding: 15px 15px 25px;
}
#conferences .conf-box h5 {
font-weight: 800;
font-family: Inter;
font-size: 22px;
letter-spacing: 0;
}
#conferences .conf-box p {
font-family: Inter;
font-size: 16px;
color: #757575;
font-weight: 400;
}
#conferences .conf-sub-head{
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
letter-spacing: 0;
width: fit-content;
margin: 0 auto;
}
#conferences h3 {
color: #000;
font-weight: 800;
font-size: 40px;
font-family: Inter;
padding-top: 0;
}
#conferences .owl-stage-outer{
padding: 10px 0;
}
#conferences .register-btn{
text-align: center;
margin-top: 5%;
margin-bottom: 2%;
}
#conferences .register-btn a {
font-size: 14px;
color: #FFF;
font-family: Inter;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 15px 34px;
border-radius: 60px;
font-weight: 500;
}
#conferences .register-btn a:hover{
background-position: 100%;
transform: scale(1.05);
}
/* ------------ Author ---------- */



/* ------------ Why Choose Us ----------- */
#why-choose-us .owl-carousel {
margin-top: 30px;
}
#why-choose-us .type-box a{
color: #ffffff;
font-size: 24px;
font-weight: 600;
line-height: 20px;
}
#why-choose-us .owl-stage-outer{
  padding: 80px 0;
}
#why-choose-us .type-content p {
font-family: 'Outfit';
color: #ffffff99;
font-size: 12px;
}
#why-choose-us .type-read a {
font-family: 'Outfit';
font-weight: 600;
color: #FF8A00;
font-size: 14px;
text-decoration-line: underline;
}
.coach-subhead p:nth-child(3) {
margin-top: 26px;
}

#why-choose-us .owl-item.active.center {
  transform: scale(1.3);
  transition: ease-in 0.3s;
}
#why-choose-us .owl-nav{
display: block;    
position: absolute;
top: 28%;
right: 0;
left: 0;
display: flex;
justify-content: center;
}
#why-choose-us .owl-nav .owl-prev{
position: absolute;
left: 27%;
border-radius: 30px;
}
#why-choose-us .owl-nav .owl-next{
position: absolute;
right: 27%;
border-radius: 30px;
}
#why-choose-us .owl-nav button i{
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-style: normal;
padding: 5px;
font-size: 20px;
}
#why-choose-us .owl-nav button{
width: 50px;
height: 50px;
background-color: #FF8A00;
color: #ffffff;
border: none;
}
#why-choose-us .owl-nav button:hover{
background-color: #ffffff;
color: #FF8A00;
}
#why-choose-us .owl-nav button:focus{
outline: none;
}
#why-choose-us h5.posttype-err-msg {
text-align: center;
font-size: 24px;
}
/* ------------ Our Blogs ---------- */
#our_blogs{
background-color: #fff;
}
#our_blogs h4{
font-family: 'Inter';
font-weight: 700;
font-size: 20px;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
letter-spacing: 0;
width: fit-content;
margin: 0 auto;
}
.main-blog-box .row:nth-child(even) {
flex-flow: row-reverse;
}
#our_blogs h3 {
color: #000;
font-weight: 800;
font-size: 40px;
font-family: Inter;
padding-top: 0;
width: 65%;
margin: 0 auto;
padding-bottom: 4%;
}
.blog-row {
margin-bottom: 6%;
}
#our_blogs h5 {
line-height: 30px;
color: #000;
font-weight: 700;
margin-top: 5px;
margin-bottom: 0;
font-family: Inter;
font-size: 26px;
letter-spacing: 0;
line-height: 40px;
}
#our_blogs div.view{
margin-top: 8%;
text-align: center;
margin-bottom: 1%;
}
#our_blogs div.view a {
font-size: 14px;
color: #FFF;
font-family: Inter;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 15px 34px;
border-radius: 60px;
font-weight: 500;
}
#our_blogs div.view a:hover{
background-position: 98%;
transform: scale(1);
}
.main-blog-box i{
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
margin-right: 4px;
}
.main-blog-box span {
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(90deg, #AD00FF , #FF8A00 75%);
font-family: 'Inter';
font-weight: 600;
}
.main-blog-box span.date{
text-transform: uppercase;
margin-right: 20px;
}
.blog-content p{
color: #757575;
font-family: Inter;
font-weight: 400;
font-size: 16px;
margin-top: 6px;
line-height: 26px;
}
.blog-box div.read {
margin-top: 5%;
}
.blog-box .read a {
font-size: 14px;
color: #FFF;
transition: background 0.5s, transform 0.5s;
background: linear-gradient(90deg, #AD00FF, #FF8A00 51%, #AD00FF) 0/200%;
padding: 10px 20px;
border-radius: 60px;
font-weight: 500;
color: #FFF;
font-family: Inter;
}
.blog-box .read a:hover{
background-position: 100%;
transform: scale(1.05);
}

/* ----------- Newsletter --------------- */
#newsletter {
position: relative;
background-position: center;
background: linear-gradient(90deg, #ad00ff, #ff8a00);
}
#newsletter .newsletter_form form input[type=submit]{
position: absolute;
right: 10px;
text-transform: capitalize;
font-size: 16px;
font-family: 'Inter';
color: #fff;
padding: 4px 25px;
border-radius: 50px;
bottom: 54px;
transition: background 0.5s, transform 0.5s;
background-color: #180F51;
font-weight: 400;
} 
#newsletter .newsletter_form form input[type=submit]:hover {
background-color: #ad00ff;
}
#newsletter .newsletter_form form input[type=text] {
padding: 10px 10px 10px 30px;
border: none;
background-color: #fff;
border-radius: 50px;
color: #000;
}
#newsletter form p {
position: relative;
bottom: -35px;
}
#newsletter .form-col{
margin: auto;
}
#newsletter .newsletter_form form input[type=text]::placeholder {
color: #757575 !important;
font-family: 'Outfit';
}
#newsletter h3.left-head {
font-weight: 600;
color: #ffffff;
font-family: 'Inter';
font-size: 40px;
margin-bottom: 5px;
margin-top: 12px;
}
.icons a {
text-align: center;
}
#newsletter p {
font-size: 24px;
line-height: 48px;
color: #FF8A00;
font-weight: bold;
font-family: 'Outfit';
margin-bottom: 0;
text-align: center;
}
#newsletter p.small-head {
font-size: 16px;
line-height: initial;
color: #fff;
font-weight: 700;
font-family: 'Inter';
margin-bottom: 0;
text-align: center;
background-color: #d432c2;
width: fit-content;
padding: 8px 20px;
border-radius: 20px;
}
#newsletter .icons i {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  color: #fff;
  font-size: 15px;
  margin: 0 4px;
  background-color: #d432c2;
  padding: 5px 10px;
  border-radius: 50px;
  display: inline-block;
}
#newsletter .wpcf7-not-valid-tip{
position: absolute;
font-size: 16px;
bottom: 45px;
}
#newsletter .wpcf7-response-output{
position: absolute;
bottom: -70px;
left: 0;
right: 0;
text-align: center;
}
#newsletter .icons i:hover {
color: #d432c2;
background-color: #fff;
transition: 0.2s ease-in-out;
}
#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 {
  max-width: 700px;
  display: block;
  margin: 0 auto;
  position: relative;
}
#newsletter div.wpcf7 .ajax-loader {
  display: none;
}



.qwerty {
  position: relative;
  text-decoration: none;
}

.qwerty::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background-color: #FF8A00;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.qwerty:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}