File: /storage/v6964/avoxlive/public_html/optimum/css/home.css
:root {
/* --light_pink : #ffcfff; */
--light_pink : #b5e6f7;
--white: #ffffff;
/* --purple: #341138; */
--purple:#041E42;
--sec_purple:#041E42;
/* --sec_purple:#3b0841; */
}
.home-header-left{
height: 70px;
width: 100%;
}
.navbar-collapse .home-header-left .home-logo{
/* height: 100px; */
/* width: 100px; */
}
.navbar-collapse .home-header-left .home-logo {
/* height: 100px; */
/* width: 100px; */
color: #fff;
font-size: 30px;
font-weight: 600;
}
.navbar-collapse .home-header-left .home-logo span{
/* height: 100px; */
/* width: 100px; */
color: var(--light_pink);
font-size: 30px;
font-weight: 600;
}
.navbar-collapse .home-header-left .home-logo img{
height: 100%;
width: 100%;
object-fit: cover;
}
.home-header-left-upper{
height: 100px;
width: 100%;
}
.navbar-collapse .home-header-left-upper .home-logo{
/* height: 100px; */
/* width: 100px; */
}
.navbar-collapse .home-header-left-upper .home-logo {
/* height: 100px; */
/* width: 100px; */
color: #fff;
font-size: 30px;
font-weight: 600;
}
.navbar-collapse .home-header-left-upper .home-logo span{
/* height: 100px; */
/* width: 100px; */
color: #ed84ea;
font-size: 30px;
font-weight: 600;
}
.navbar-collapse .home-header-left-upper .home-logo img{
height: 100%;
width: 100%;
object-fit: cover;
}
.background{
background: #000;
/* background: #341138; */
/* background: var(--blue); */
}
.block_bkg{
background: #3b0841;
}
.hero-section{
margin: 0px;
}
.hero-section .hero-image{
background: url(../../optimum/plugins/images/home-page.png) top center/cover no-repeat!important;
height: 100%;
}
.banner-sec{
/* position: relative; */
top: 175px;
overflow: hidden;
display: block;
}
.banner-sec .fill{
background-repeat: no-repeat;
background-size: cover;
height: 550px;
width: 100%;
background-position: center;
display: flex;
align-items: center;
}
.banner-sec .fill .caption{
text-align: left;
position: relative;
width: 100%;
max-width: 50%;
display: block;
}
.banner-sec .fill .caption h2{
/* padding: 0px 40px; */
font-size: 4.5rem;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
.banner-sec .fill .caption h3{
/* padding: 0px 40px; */
color: #fff;
font-size: 20px;
margin: 30px 0px;
font-weight: 400;
/* text-transform: uppercase; */
}
.about-avox{
margin: 0px;
padding: 20px 0px;
background: var(--purple);
}
.about-avox .heading{
margin: 20px 0px;
}
.about-avox .heading h2{
font-size: 4rem;
font-weight: 600;
color: #fff;
text-align: center;
}
.about-avox .heading span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
text-align: left;
}
.about-avox .data{
margin: 20px 0px;
}
.about-avox .data h2{
color: var(--white);
font-size: 20px;
text-align: center;
}
.key-feature{
margin: 0px;
padding: 20px 0px;
background: var(--purple);
}
.key-feature .heading{
margin: 20px 0px;
}
.key-feature .heading h2{
font-size: 4rem;
font-weight: 600;
color: #fff;
text-align: center;
}
.key-feature .heading h3{
font-size: 2rem;
font-weight: 400;
color: #fff;
text-align: center;
}
.key-feature .heading span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
text-align: left;
}
.key-feature .key-feature-block{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
grid-auto-rows: minmax(80px,auto);
}
.key-feature .key-feature-list{
display: grid;
grid-template-columns: 1fr 5fr;
gap:1rem;
grid-auto-rows: minmax(100px, auto);
background-color: var(--sec_purple);
margin: 10px 0px;
border: 2px solid #1d84b9;
}
.key-feature .key-feature-list .feature-list-image{
height: 112px;
width: 100%;
}
.key-feature .key-feature-list .feature-list-image img{
height: 100%;
width: 100%;
object-fit: fill;
}
.key-feature .key-feature-list .feature-list-content{
padding: 5px;
}
.key-feature .key-feature-list .feature-list-content h2{
color: #fff;
font-size: 20px;
font-weight: 400;
margin: 0px 20px;
}
.key-feature .key-feature-list .feature-list-content h3{
color: rgb(233, 227, 227);
font-size: 18px;
/* font-weight: 400; */
margin: 0px 20px;
}
.product-pages{
margin: 0px;
padding: 20px 0px;
background: var(--purple);
}
.product-pages .heading{
margin: 20px 0px;
}
.product-pages .heading h2{
font-size: 4rem;
font-weight: 600;
color: #fff;
text-align: center;
}
.product-pages .heading h3{
font-size: 2rem;
font-weight: 400;
color: #fff;
text-align: center;
}
.product-pages .heading span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
text-align: left;
}
.product-pages .product-block{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10rem;
grid-template-rows: minmax(100px,auto);
border-bottom: 1px solid #FDB934;
border-top: 1px solid #FDB934;
margin: 40px 0px;
}
.product-pages .product-block .product-img{
height: 340px;
width: 100%;
}
.product-pages .product-block .product-img img{
height: 100%;
width: 100%;
}
.product-pages .product-block .product-detail{
padding: 10px;
}
.product-pages .product-block .product-detail h2{
color: #FDB934;
font-size: 22px;
font-weight: 500;
}
.product-pages .product-block .product-detail h3{
color: #fff;
font-size: 20px;
}
.product-pages .product-block .product-detail ul{
padding: 0px;
}
.product-pages .product-block .product-detail ul li{
padding: 0px;
color: #FDB934;
font-size: 20px;
}
.product-pages .product-block-g{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10rem;
grid-template-rows: minmax(100px,auto);
border-bottom: 1px solid #B3D335;
border-top: 1px solid #B3D335;
margin: 40px 0px;
}
.product-pages .product-block-g .product-img{
height: 340px;
width: 100%;
}
.product-pages .product-block-g .product-img img{
height: 100%;
width: 100%;
}
.product-pages .product-block-g .product-detail{
padding: 10px;
}
.product-pages .product-block-g .product-detail h2{
color: #B3D335;
font-size: 22px;
font-weight: 500;
}
.product-pages .product-block-g .product-detail h3{
color: #fff;
font-size: 20px;
}
.product-pages .product-block-g .product-detail ul{
padding: 0px;
}
.product-pages .product-block-g .product-detail ul li{
padding: 0px;
color: #B3D335;
font-size: 20px;
}
.product-pages .product-block-r{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10rem;
grid-template-rows: minmax(100px,auto);
border-bottom: 1px solid #F15A22;
border-top: 1px solid #F15A22;
margin: 40px 0px;
}
.product-pages .product-block-r .product-img{
height: 340px;
width: 100%;
}
.product-pages .product-block-r .product-img img{
height: 100%;
width: 100%;
}
.product-pages .product-block-r .product-detail{
padding: 10px;
}
.product-pages .product-block-r .product-detail h2{
color: #F15A22;
font-size: 22px;
font-weight: 500;
}
.product-pages .product-block-r .product-detail h3{
color: #fff;
font-size: 20px;
}
.product-pages .product-block-r .product-detail ul{
padding: 0px;
}
.product-pages .product-block-r .product-detail ul li{
padding: 0px;
color: #F15A22;
font-size: 20px;
}
/* .product-pages .product-block{
padding: 20px;
}
.product-pages .product-block .service-text{
padding: 0px;
}
.product-pages .product-block .service-text a{
padding: 0px;
border-radius: 0px !important;
}
.product-pages .product-block .service-text a img{
height: 240px;
width: 100%;
object-fit: fill;
}
.product-pages .product-block .service-text h2{
padding: 10px;
font-size: 20px;
font-weight: 400;
background: var(--light_pink);
color: var(--purple);
margin: 0px !important;
} */
.testimonial-sec {
background: var(--purple);
height: auto;
padding: 60px 0;
position: relative
}
/* .testimonial-sec:before {
content: '';
position: absolute;
right: 0;
bottom: 0;
width: 33%;
height: 100%;
background-color: #f8f9fa
} */
.testimonial-sec .testimonial-heading {
margin: 0
}
.testimonial-sec .testimonial-heading h1 {
font-size: 4rem;
font-weight: 600;
color: #fff;
text-align: center;
}
.testimonial-sec .testimonial-heading h1 span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
text-align: left;
}
.testimonial-sec .testimonial-content {
margin: 40px 0 0
}
.testimonial-sec .testimonial-content .destination-options .overlay {
background: var(--light_pink);
position: relative;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 1px solid #ebebeb;
border-radius: 5px;
margin-bottom: 25px
}
.testimonial-sec .testimonial-content .destination-options .overlay .overlay-text {
position: relative;
width: 100%;
padding: 25px
}
.testimonial-sec .testimonial-content .destination-options .overlay .overlay-text p {
font-size: 18px;
text-align: center;
margin: 0;
color: var(--purple);
line-height: 25px
}
.testimonial-sec .testimonial-content .destination-options .overlay .overlay-text p:hover {
color: var(--purple)
}
.testimonial-sec .testimonial-content .destination-options .overlay:hover {
/* background: #6fb43f; */
color: var(--purple) !important
}
.testimonial-sec .testimonial-content .destination-options .avatar {
width: 100px;
height: 100px;
margin: 0 auto;
border-radius: 50%;
text-align: center
}
.testimonial-sec .testimonial-content .destination-options .avatar img {
object-fit: cover;
width: 100%;
border-radius: 50%;
height: 100px
}
.testimonial-sec .testimonial-content .destination-options .avatar-txt {
margin: 15px 0 0
}
.testimonial-sec .testimonial-content .destination-options .avatar-txt h3 {
text-align: center;
color: var(--white);
margin: 0;
padding: 0;
font-size: 16px;
}
.testimonial-sec .testimonial-content .destination-options .avatar-txt p {
color: #8d8e92;
font-size: 12px;
text-align: center
}
.aboutus{
margin: 0px;
padding: 20px 0px;
background: var(--purple);
}
.aboutus .heading{
margin: 20px 0px;
}
.aboutus .heading h2{
font-size: 4rem;
font-weight: 600;
color: #fff;
text-align: center;
}
.aboutus .heading span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
text-align: left;
}
.aboutus .aboutus-data{
margin: 0px;
}
.aboutus .aboutus-data h2{
margin: 0px;
font-size: 20px;
color: var(--white);
}
.centered-box{
margin: 0px;
padding: 20px 0px;
background: var(--purple);
}
.centered-box .heading{
margin: 20px 0px;
}
.centered-box .heading h2{
font-size: 4rem;
font-weight: 600;
color: #fff;
text-align: center;
}
.centered-box .heading span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
text-align: left;
}
.centered-box form{
width: 80%;
margin: 0 auto;
padding: 20px;
background: var(--sec_purple);
}
.centered-box form label{
color: #fff;
}
.centered-box .centered-box-block{
width: 100%;
align-items: center;
}
.centered-box .centered-box-block .centered-box-content{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap:1rem;
grid-auto-rows: minmax(100px,auto);
}
.centered-box .centered-box-block .centered-box-content .box1{
padding: 10px;
}
.centered-box .centered-box-block .centered-box-content .box1 input{
padding: 0px;
width: 100%;
}
.centered-box .centered-box-block .message{
display: grid;
grid-template-columns: 1fr;
gap:1rem;
grid-auto-rows: minmax(100px,auto);
padding: 10px;
}
.centered-box .centered-box-block .message textarea{
width: 100%;
height: 100%;
}
.centered-box .centered-box-block .centered-submit{
display: grid;
grid-template-columns: 1fr;
gap:1rem;
grid-auto-rows: minmax(10px,auto);
}
.centered-box .centered-box-block .centered-submit button{
background: var(--light_pink);
color: var(--purple);
width: 20%;
font-size: 16px;
font-weight: 400;
border: 0px;
}
.why-avox{
margin: 0px;
padding: 20px 0px;
}
.why-avox .heading{
margin: 25px;
}
.why-avox .heading h2{
font-size: 40px;
color: #103160;
font-weight: 500;
text-align: center;
padding: 5px;
}
.why-avox .why-avox-block{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
grid-auto-rows: minmax(100px,auto);
}
.why-avox .why-avox-block .avox-block-in{
padding: 0px;
margin: 0px;
}
.why-avox .why-avox-block .avox-block-in .avox-block-img{
width: 140px;
height: 140px;
overflow: hidden;
margin: 0 auto;
padding: 1rem;
}
.why-avox .why-avox-block .avox-block-in .avox-block-img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.why-avox .why-avox-block .avox-block-in h2{
font-size: 18px;
color: #103160;
text-align: center;
}
.avox-feature{
/* background-color: #f5faff; */
}
.avox-feature .feature-table td, .feature-table th {
border-bottom: 3px solid #ddd;
padding: 20px;
font-size: 16px;
color: #103160;
}
.avox-feature .feature-table{
width: 100%;
}
.avox-feature .feature-table tr:nth-child(even){
/* background-color: #f2f2f2; */
/* border-bottom: 2px solid #2e609c; */
}
.avox-feature .feature-table tr:nth-child(odd){
/* background-color: #f2f2f2; */
/* border-bottom: 2px solid #2e609c; */
}
.avox-feature .feature-table tr:hover {background-color: #ddd;}
.avox-feature .feature-table th{
padding-top: 25px;
padding-bottom: 25px;
text-align: left;
background-color: #ed84ea;
color: white;
font-size: 18px;
font-weight: 600;
}
.avox-feature .header{
margin: 0px;
padding: 40px;
}
.avox-feature .header h2{
font-size: 40px;
font-weight: 500;
color: #103160;
text-align: center;
}
.avox-feature .feature-box{
display: grid;
grid-template-columns: 1fr 1fr;
gap:30px;
grid-auto-rows: minmax(280px,auto);
margin-top: 40px;
background-color: #f7f7f4;
border-radius: 10px;
box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
}
.avox-feature .feature-box .feature-box-image{
height: 300px;
/* width: 520px; */
text-decoration: none;
display: inline-block;
position: relative;
}
.avox-feature .feature-box .feature-box-image::after{
content: '';
display: block;
/* background-image: url(../plugins/images/shapes-01.png); */
background-position: center center;
background-repeat: no-repeat;
width: 90%;
height: 330px;
background-size: 326px;
padding: 2.2rem 0rem 0rem;
position: absolute;
top: -17.5rem;
right: 240px;
}
.avox-feature .feature-box .feature-box-image img{
height: 100%;
width: 100%;
object-fit: fill;
box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
border-radius: 0px 10px 10px 0px;
}
.avox-feature .feature-box .feature-box-image2{
text-decoration: none;
display: inline-block;
position: relative;
height: 300px;
}
.avox-feature .feature-box .feature-box-image2 img{
height: 100%;
width: 100%;
object-fit: fill;
/* box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88); */
border-radius: 10px 0px 0px 10px;
}
.avox-feature .feature-box .feature-box-image .image2{
border-radius: 0px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow:none;
height: 300px;
width: 300px;
top: -10px;
}
.avox-feature .feature-box .feature-box-content{
margin: 30px 20px;
}
.avox-feature .feature-box .feature-box-content .image-second{
position: relative;
height: 250px;
/* right: 129px; */
/* top: 84rem; */
left: -227px;
}
.avox-feature .feature-box .feature-box-content h2{
font-size: 26px;
color: #195D9B;
font-weight: 500;
}
.avox-feature .feature-box .feature-box-content span{
font-size: 28px;
color: #103160;
}
.avox-feature .feature-box .feature-box-content h3{
font-size: 18px;
padding: 10px 0px;
color: #66B9D3;
}
.avox-feature .feature-box .feature-box-content img{
position: relative;
height: 250px;
width: 250px;
left: 500px;
top: -10px;
}
.testimonial{
margin: 20px;
padding: 0px;
}
.testimonial .heading{
margin: 30px;
}
.testimonial .heading h2{
font-size: 40px;
font-weight: 500;
color: #103160;
text-align: center;
}
.testimonial .testimonial-block{
display: grid;
grid-template-columns: 1fr 2fr;
gap:30px;
grid-auto-rows: minmax(400px,auto);
}
.testimonial .testimonial-block .testimonial-content{
background: #1D84B9;
border-radius: 20px;
padding-top: 10rem;
}
.testimonial .testimonial-block .testimonial-content h2{
color: #fff;
font-size: 34px;
padding: 0px;
text-align: center;
font-weight: 500;
}
.testimonial .testimonial-block .client-testimonial{
margin-top: 20px;
}
.testimonial .testimonial-block .client-testimonial h2{
margin-top: 30px;
font-size: 20px;
line-height: 1.3;
text-align: justify;
}
.testimonial .testimonial-block .client-testimonial hr{
font-size: 2px;
color: #66B9D3;
}
.testimonial .testimonial-block .client-testimonial .client-details{
padding: 0.5rem 0rem;
background-color: #236161;
}
.testimonial .testimonial-block .client-testimonial .client-details .service-text{
margin: 10px;
text-align: center;
width: 100%;
height: 145px;
border-radius: 0px;
overflow: hidden;
/* border: 10px solid #f0f; */
-webkit-box-shadow: 0 3px 5px 0 rgb(32 113 117 / 33%);
box-shadow: 0 3px 5px 0 rgb(32 113 117 / 33%);
}
.testimonial .testimonial-block .client-testimonial .client-details .service-text img{
width: 100%;
height: 100%;
object-fit: cover;
}
.get-in-touch{
/* margin: 0px 0px; */
padding: 20px 0px;
}
.get-in-touch .heading{
margin: 0px;
padding: 10px;
}
.get-in-touch .heading h2{
font-size: 40px;
font-weight: 500;
color: #103160;
text-align: center;
}
.get-in-touch .heading img{
position: absolute;
height: 240px;
top: 40rem;
left: 67rem;
bottom: 80rem;
}
.get-in-touch .contact-us{
display: grid;
grid-template-columns: 1fr;
gap:18rem;
grid-auto-rows: minmax(200px,auto);
width: 60%;
margin-left: 20%;
}
.get-in-touch .contact-us .contact-us-form{
margin: 0px;
padding: 20px 40px;
border-radius: 20px;
background: #f7f7f4;
box-shadow: 4px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 4px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 4px 5px 5px 0px rgba(184,230,240,0.88);
}
.get-in-touch .contact-us .contact-us-form label{
color:#1D84B9;
font-size: 22px;
font-weight: 400;
}
.get-in-touch .contact-us .contact-us-form input {
color: #66B9D3;
background: #fff;
border: none;
width: 100%;
padding: 20px;
}
.get-in-touch .contact-us .contact-us-form textarea{
border: none;
padding: 20px;
}
.get-in-touch .contact-us .contact-us-form input ::placeholder{
color:#66B9D3;
}
.get-in-touch .contact-us .contact-us-form .form-control {
background: #f7f7f4 !important;
border-bottom: 2px solid #1d84b9;
border-radius: 0;
box-shadow: none;
color: #565656;
height: 38px;
width: 100%;
padding: 7px 12px;
transition: all 300ms linear 0s;
margin: 10px 0px;
}
.get-in-touch .contact-us .contact-us-form h2{
color: #66B9D3;
font-size: 20px;
font-weight: 500;
padding: 0px 0px 20px 0px;
text-align: center;
}
.get-in-touch .contact-us .contact-us-image{
height: 500px;
width: 100%;
}
.get-in-touch .contact-us .contact-us-image img{
height: 100%;
width: 100%;
object-fit: fill;
border-radius: 10px;
box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
}
.get-in-touch .contact-us .contact-us-form .submit-icon{
text-align: center;
}
.get-in-touch .contact-us .contact-us-form .contact-fill{
width: 100%;
}
.get-in-touch .contact-us .contact-us-form .submit-icon button{
background:linear-gradient(90deg, rgba(25,93,155,1) 52%, rgba(29,132,185,1) 100%, rgba(102,185,211,1) 100%, rgba(255,255,255,0) 100%);
border-radius: 30px;
font-size: 20px;
font-weight: 400;
width: 30%;
color: #fff;
border:1px solid #66B9D3;
}
.touch-details{
margin: 30px 0px;
}
.touch-details .heading{
font-size: 18px;
}
.touch-details .contact-us{
width: 100%;
}
.touch-details .contact-us .form-data{
width: 30%;
}
.touch-details .contact-us form{
width: 100%;
}
.bottom{
/* margin: 30px 0px; */
padding: 30px 0px;
}
.bottom .footer-in{
display: grid;
grid-template-columns: 1fr 1fr;
gap:0rem;
grid-auto-rows: minmax(400px,auto);
border-radius: 20px;
}
.bottom .footer-in .footer-left{
padding: 0px;
}
.bottom .footer-in .footer-left .footer-about{
display: grid;
grid-template-columns: 1fr 2fr;
gap:0px;
grid-auto-rows: minmax(200px,auto);
background: #66B9D3;
border-radius: 30px 0px 0px 0px;
padding: 30px;
}
.bottom .footer-in .footer-left .footer-about .logo{
height: 150px;
width: 120px;
padding-top: 10px;
margin-left: 20px;
}
.bottom .footer-in .footer-left .footer-about .logo img{
height: 100%;
width: 100%;
object-fit: cover;
}
.bottom .footer-in .footer-left .footer-about .logo-content{
padding-left: 20px;
margin-top: 2rem;
}
.bottom .footer-in .footer-left .footer-about .logo-content h2{
color: #fff;
font-size: 18px;
}
.bottom .footer-in .footer-left .footer-link{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap:0px;
grid-auto-rows: minmax(200px,auto);
background: #1D84B9;
border-radius: 0px 0px 0px 30px;
padding: 30px;
}
.bottom .footer-in .footer-left .footer-link div{
padding: 10px;
}
.bottom .footer-in .footer-left .footer-link h2{
font-size: 22px;
color: #fff;
font-weight: 400;
}
.bottom .footer-in .footer-left .footer-link a{
font-size: 16px;
color: #fff;
}
.bottom .footer-in .footer-right{
padding: 10px 60px 10px 60px;
background: #195D9B;
border-radius: 0px 30px 30px 0px;
}
.bottom .footer-in .footer-right h2{
padding-top: 10rem;
text-align: center;
font-size: 30px;
color: #fff;
font-weight: 400;
}
.bottom .footer-in .footer-right h3{
font-size: 18px ;
color: #fff;
text-align: justify;
padding: 20px 0px;
}
.bottom .footer-in .footer-right .button-center{
text-align: center;
}
.bottom .footer-in .footer-right button{
width: 50%;
color: #fff;
border: 1px solid #66B9D3;
border-radius: 20px;
background: #195D9B;
font-size: 18px;
padding: 20px;
text-align: center;
}
.bottom .footer-in .footer-right i{
font-size: 30px;
}
.bottom .footer-in .footer-right h4{
font-size: 18px ;
color: #fff;
text-align: center;
padding-top: 6rem;
}
.text-center{
text-align: center;
}
.owl-carousel .owl-nav div{
background:rgba(255,255,255,0.8) none repeat scroll 0 0;
height:40px;
left:20px;
line-height:40px;
font-size:22px;
color:#646464;
opacity:1;
visibility:visible;
position:absolute;
text-align:center;
top:50%;
transform:translateY(-50%);
transition:all 0.3s ease 0s;
width:40px
}
.owl-carousel .owl-nav div.owl-next{
left:auto;
right:-30px
}
.owl-carousel .owl-nav div.owl-next i{
position:relative;
right:0;
top:1px
}
.owl-carousel .owl-nav div.owl-prev i{
position:relative;
right:1px;
top:0px
}
.owl-carousel:hover .owl-nav div{
opacity:1;
visibility:visible
}
.owl-carousel:hover .owl-nav div:hover{
color:#fff;
background:#ff3500
}
.pricing{
margin: 20px 0px;
}
.pricing .heading{
margin: 20px;
padding: 10px;
}
.pricing .heading h2{
font-size: 40px;
font-weight: 500;
color: #103160;
text-align: center;
}
.pricing .pricing-sec{
display: grid;
grid-template-columns:1fr 1fr 1fr;
gap:3rem;
grid-auto-rows: minmax(200px,auto);
}
.pricing .pricing-sec .price-one{
border-radius: 10px;
box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
margin: 10px;
}
.pricing .pricing-sec .price-one .price-img{
height: 230px;
width: 100%;
position: relative;
}
.pricing .pricing-sec .price-one .price-img img{
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.pricing .pricing-sec .price-one .price-img .text-on-image{
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3rem;
color: #fff;
font-weight: 600;
}
.pricing .pricing-sec .price-one h2{
font-size: 2rem;
color:#1D84B9 ;
text-align: center;
}
.pricing .pricing-sec .price-one h3{
font-size: 26px;
color:#195D9B ;
text-align: center;
font-weight: 600;
}
.pricing .pricing-sec .price-one button{
color:#1D84B9;
padding: 10px;
font-size: 14px;
margin: 2rem;
text-align: center;
background-color: #fff;
border-radius: 20px;
width: 40%;
border: 1px solid #1D84B9;
}
.pricing .pricing-sec .price-one button:hover{
background-color: #195D9B;
color: #fff;
}
.pricing .pricing-sec .price-one .btn-center{
text-align: center;
}
.banner-image{
height: 90%;
width: 100%;
}
.banner-image img{
height: 100%;
width: 100%;
object-fit: fill;
}
/* .signup{
margin: 2rem 0rem;
}
.signup .signup-sec{
display: grid;
grid-template-columns: 1fr 1fr ;
gap: 2rem;
grid-auto-rows:minmax(200px,auto);
}
.signup .signup-sec .signup-left {
margin-top: 5rem;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
grid-auto-rows:minmax(200px,auto);
}
.signup .signup-sec .signup-left .signup-left-in{
margin: 10px 0px;
}
.signup .signup-sec .signup-right{
margin: 2rem 0rem;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-content{
margin: 1rem;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec{
margin: 1rem;
border-radius: 10px;
box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
margin: 10px;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec .pricing-img{
height: 100px;
width: 100%;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec .pricing-img img{
height: 100%;
width: 100%;
border-radius: 10px 10px 10px 10px;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec h2{
font-size: 1.5rem;
color:#1D84B9 ;
text-align: center;
line-height: 2rem;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec h3{
font-size: 26px;
color:#195D9B ;
text-align: center;
font-weight: 600;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec button{
color:#1D84B9;
padding: 8px;
font-size: 14px;
margin: 1rem;
text-align: center;
background-color: #fff;
border-radius: 20px;
width: 40%;
border: 1px solid #1D84B9;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec button:hover{
background-color: #195D9B;
color: #fff;
}
.signup .signup-sec .signup-left .signup-left-in .pricing-sec .btn-center{
text-align: center;
} */
@media screen and (max-width:900px){
.centered-box .centered-box-block .centered-box-content {
grid-auto-rows: minmax(20px,auto);
}
.centered-box .centered-box-block .centered-submit button {
margin: 10px;
padding: 10px;
}
.lastest-news .heading h2 {
font-size: 3rem!important;
}
.lastest-news .heading span {
font-size: 3rem!important;
}
.banner-sec .fill .caption h3 {
margin: 0px!important;
}
.block-sec .block-sec-in .block-sec-left .feature-block .heading h2 {
font-size: 3rem!important;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content h2{
/* color: #fff;
font-size: 20px;
font-weight: 400; */
margin: 0px !important;
line-height: 20px;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content h3{
/* color: #fff;
font-size: 20px;
font-weight: 400; */
margin: 0px !important;
line-height: 20px;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content button {
margin: 0px!important;
font-size: 16px!important;
}
.block-sec .block-sec-in .block-sec-left .feature-block .heading h2 span{
font-size: 3rem!important;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content .vertical-data {
grid-template-columns: 1fr 1fr 1fr!important;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content .vertical-data h2 {
width: 80%!important;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content .vertical-data a {
font-size: 9px!important;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content h3 a {
font-size: 15px!important;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content .button-center button {
font-size: 10px!important;
}
.block-sec .block-sec-in .block-sec-left .lastest .heading h2 {
font-size: 3rem!important;
}
.block-sec .block-sec-in .block-sec-left .lastest .heading h2 span {
font-size: 3rem!important;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block {
gap: 1rem !important;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-content h3 a {
font-size: 11px!important;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h2 {
padding: 0px 10px!important;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h3 {
padding: 0px 10px!important;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in .vertical a {
padding: 10px 10px!important;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in .vertical {
grid-template-columns: 1fr!important;
}
.block-sec .block-sec-in .block-sec-right .cardfour .cardfour-content a {
padding: 0px!important;
font-size: 12px!important;
}
.form-block .form-block-in .name h3 {
font-size: 2rem!important;
}
.form-block .form-block-in .name h2 {
font-size: 1rem!important;
}
.navbar-inverse-bottom {
height: 50px!important;
}
.navbar-inverse {
height: 70px;}
.lastest-news .lastest-news-in .box1 .box1-image .button-on-image button {
width: 40% !important;
}
.lastest-news .lastest-news-in .box1 .box1-image .button-on-image h2 {
font-size: 18px!important;
}
.navbar-collapse .home-header-left .home-logo {
font-size: 20px!important;
}
.navbar-collapse .home-header-left .home-logo span {
font-size: 20px!important;
}
.bottom .footer-in .footer-left .footer-about{
padding: 10px;
}
.bottom .footer-in .footer-right {
padding: 10px;
}
.bottom .footer-in .footer-left .footer-about .logo {
height: 125px;
width: 100px;
padding-top: 10px;
}
.bottom .footer-in .footer-left .footer-about .logo-content {
margin-top: 0px !important;
}
.bottom .footer-in .footer-left .footer-link {
padding: 10px;
}
.bottom .footer-in .footer-left .footer-link h2 {
font-size: 20px;
}
.bottom .footer-in .footer-right h2 {
padding-top: 1rem;
}
.bottom .footer-in .footer-right h3 {
padding: 0px!important;
}
.bottom .footer-in .footer-right button {
width: 100%;
padding: 0px;
}
.bottom .footer-in .footer-right h4 {
padding-top: 1rem;
}
.banner-sec .fill .caption h2 {
font-size: 20px;
}
.banner-sec .fill .caption h3{
font-size: 15px;
line-height: 22px;
}
.navbar-inverse {
padding-bottom: 0px;
}
.banner-sec .fill {
height: 460px;
}
.lastest-news .lastest-news-in .box2 .box-top {
height: 110px!important;
}
.lastest-news .lastest-news-in .box2 .box-top .button-on-image h2 {
font-size: 14px!important;
line-height: 16px;
}
.lastest-news .lastest-news-in .box2 .box-bottom {
height: 110px!important;
}
.lastest-news .lastest-news-in .box2 .box-bottom .button-on-image h2 {
line-height: 16px;
font-size: 14px!important;
}
.lastest-news .lastest-news-in {
grid-auto-rows: minmax(230px,auto)!important;
}
.lastest-news .lastest-news-in .box1 .box1-image .button-on-image h2 {
font-size: 16px;
line-height: 18px;
}
.lastest-news .lastest-news-in .box1 .box1-image .button-on-image {
max-width: 80%!important;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-content{
padding: 0px;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-content h2 {
color: #fff;
font-size: 12px!important;
line-height: 20px;
margin: 0px!important;
}
.block-sec .block-sec-in .block-sec-right .cardfour .cardfour-content ul li {
line-height: 16px!important;
}
.form-block .form-block-in .name {
line-height: 20px;
}
}
@media screen and (max-width:767px){
.avox-feature .feature-box .feature-box-content{
margin: 0px 0px ;
}
.avox-feature .feature-box{
grid-template-columns: 1fr 1fr;
}
/* .get-in-touch .heading{
margin: 10px;
}
.get-in-touch .contact-us{
grid-template-columns: 1fr;
gap:5rem;
} */
.avox-feature .feature-box{
grid-template-columns: 1fr;
gap:2rem
}
.avox-feature .feature-box .feature-box-content img {
height: 0px;
width: 0px;
}
.avox-feature .feature-box .feature-box-content .image2 {
height: 0px;
width: 0px;
}
.avox-feature .feature-box .feature-box-image{
height: 280px;
width: 280px;
}
.avox-feature .feature-box .feature-box-content .image-second{
height: 0px;
width: 0px;
}
/* .bottom .footer-in .footer-left .footer-about {
grid-template-columns: 1fr;
grid-auto-rows: minmax(100px,auto);
}
.bottom .footer-in .footer-left .footer-about .logo {
height: 140px;
width: 110px;
} */
.pricing .pricing-sec{
grid-template-columns: 1fr;
}
.pricing .pricing-sec .price-one button{
width: 30%;
}
.home-header-left {
height: 140px;
width: 40%;
margin: 0px;
}
.box-width {
width: 100%;
margin-top: 42rem;
}
.get-in-touch .contact-us .contact-us-form .submit-icon{
text-align: center!important;
}
.get-in-touch .contact-us .contact-us-form .submit-icon button{
width: 50%;
}
[class*=" ti-"], [class^=ti-] {
font-size: 24px;
color: #1D84B9;
font-weight: 600;
}
.navbar-default .navbar-toggle {
border:0px;
}
}
.signup-sec{
padding: 20rem 0rem 10rem 0rem;
background: var(--purple);
}
.signup-sec .box1{
display: grid;
grid-template-columns: 1fr 1fr;
gap:0rem;
grid-auto-rows: minmax(200px,auto);
}
.signup-sec .box1 .box-left{
margin: 0px;
padding: 20px;
background: var(--sec_purple);
/* box-shadow: 2px 4px 5px 0px rgba(95,174,191,0.75);
-webkit-box-shadow: 2px 4px 5px 0px rgba(95,174,191,0.75);
-moz-box-shadow: 2px 4px 5px 0px rgba(95,174,191,0.75); */
}
.signup-sec .box1 .box-left .boxes-three{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 2rem;
grid-auto-rows: minmax(200px,auto);
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec{
margin: 1rem;
border-radius: 10px;
background: var(--white);
/* box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-webkit-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88);
-moz-box-shadow: 2px 5px 5px 0px rgba(184,230,240,0.88); */
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec .pricing-img{
height: 100px;
width: 100%;
position: relative;
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec .pricing-img img{
height: 100%;
width: 100%;
border-radius: 10px 10px 10px 10px;
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec .pricing-img .text-on-image{
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2rem;
color: #fff;
font-weight: 600;
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec h2{
font-size: 1.5rem;
color:var(--purple);
text-align: center;
line-height: 2rem;
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec h3{
font-size: 26px;
color:var(--purple);
text-align: center;
font-weight: 600;
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec button{
color:var(--purple);
padding: 8px;
font-size: 14px;
margin: 1rem;
text-align: center;
background-color: #fff;
border-radius: 20px;
width: 50%;
border: 1px solid var(--purple);
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec button:hover{
background-color: var(--sec_purple);
color: #fff;
}
.signup-sec .box1 .box-left .boxes-three .pricing-sec .btn-center{
text-align: center;
}
.signup-sec .box1 .box-left .box-content{
color: #66B9D3;
}
.signup-sec .box1 .box-left .box-content{
margin: 40px 0px;
}
.signup-sec .box1 .box-left .box-content h2{
font-size: 2.5rem;
font-weight: 600;
/* color: #103160; */
color: #fff;
text-align: center;
}
.signup-sec .box1 .box-left .box-content ul{
font-size: 12px;
margin: 30px 0px;
}
.signup-sec .box1 .box-left .box-content ul li{
color:#fff;
/* color:#195D9B; */
font-size: 1.8rem;
margin: 20px 0px;
}
.signup-sec .box1 .box-right{
background: var(--light_pink);
margin: 0px 0px;
padding: 3rem;
border-radius: 0px 20px 20px 0px;
}
.signup-sec .box1 .box-right .sign-up-form{
margin: 1rem;
}
.signup-sec .box1 .box-right .sign-up-form h2{
font-size: 4rem;
font-weight: 400;
color: var(--purple);
/* color: #1D84B9; */
margin: 2rem 0rem;
}
.signup-sec .box1 .box-right .sign-up-form label{
color: var(--purple);
/* color: #195D9B; */
font-size: 16px;
}
.signup-sec .box1 .box-right .sign-up-form input{
border-bottom: 1px solid var(--purple) !important;
border: none;
background: var(--light_pink) !important;
width: 100%;
}
.signup-sec .box1 .box-right .sign-up-form .text-right{
margin-top: 2rem;
text-align: right;
}
.signup-sec .box1 .box-right .sign-up-form button{
/* background: linear-gradient(90deg, rgba(25,93,155,1) 52%, rgba(29,132,185,1) 100%, rgba(102,185,211,1) 100%, rgba(255,255,255,0) 100%); */
border-radius: 0px;
font-size: 20px;
font-weight: 400;
width: 30%;
color: var(--purple);
background-color: var(--light_pink);
border: 2px solid var(--purple);
}
.lastest-news{
padding: 10px 0px;
}
.lastest-news .heading{
margin: 20px 0px;
}
.lastest-news .heading h2{
font-size: 4rem;
font-weight: 600;
color: #fff;
text-align: left;
}
.lastest-news .heading span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
text-align: left;
}
.lastest-news .lastest-news-in{
display: grid;
grid-template-columns: 2fr 1fr;
gap:2rem;
grid-auto-rows: minmax(400px,auto);
border-radius: 20px;
}
.lastest-news .lastest-news-in .box1{
/* color: #1D84B9; */
/* height: 850px; */
background-repeat: no-repeat;
background-size: cover;
width: 100%;
background-position: center;
display: flex;
align-items: center;
}
.lastest-news .lastest-news-in .box1 .box1-image{
/* background: url(../../optimum/plugins/images/home-page.png) top center/cover no-repeat!important;
background-size: cover;
width: 100%;
padding: 2rem;
background-repeat: no-repeat;
background-position: center;
background-clip: border-box; */
/* margin: 30px; */
/* height: 400px;
width: 100%;
position: relative; */
}
.lastest-news .lastest-news-in .box1 .box1-image .button-on-image{
position: relative;
display: block;
width: 100%;
max-width: 60%;
}
.lastest-news .lastest-news-in .box1 .box1-image .button-on-image h2{
color: #fff;
position: absolute;
font-size: 20px;
top: -120px;
left: 50px;
line-height: 18px;
margin: 20px 0px;
font-weight: 400;
}
.lastest-news .lastest-news-in .box1 .box1-image .button-on-image button{
padding: 10px 10px;
background: var(--light_pink);
color: var(--purple);
border: 1px solid var(--light_pink);
/* border-radius: 10px; */
font-weight: 600;
margin: 10px 0px;
position: absolute;
width: 30%;
top: -160px;
left: 50px;
}
.lastest-news .lastest-news-in .box1 .box1-image img{
height: 100%;
width: 100%;
object-fit: fill;
}
.lastest-news .lastest-news-in .box2{
background-repeat: no-repeat;
background-size: cover;
width: 100%;
background-position: center;
/* display: flex; */
align-items: center;
}
.lastest-news .lastest-news-in .box2 .box-top{
height: 235px;
width: 100%;
padding-bottom: 5px;
}
.lastest-news .lastest-news-in .box2 .box-top .button-on-image{
/* position: absolute; */
position: relative;
display: block;
width: 100%;
max-width: 70%;
}
.lastest-news .lastest-news-in .box2 .box-top .button-on-image h2{
color: #fff;
position: absolute;
top: -60px;
left: 30px;
font-size: 18px;
font-weight: 600;
line-height: 18px;
}
.lastest-news .lastest-news-in .box2 .box-top .button-on-image button{
padding: 5px 10px;
background: var(--light_pink);
color: var(--purple);
border: 1px solid var(--light_pink);
font-weight: 600;
/* border-radius: 10px; */
/* margin: 10px; */
position: absolute;
top: -80px;
left: 30px;
}
.lastest-news .lastest-news-in .box2 .box-top img{
height: 100%;
width: 100%;
object-fit: fill;
}
.lastest-news .lastest-news-in .box2 .box-bottom{
height: 235px;
width: 100%;
padding-top: 5px;
}
.lastest-news .lastest-news-in .box2 .box-bottom .button-on-image{
/* position: absolute; */
position: relative;
display: block;
width: 100%;
max-width: 70%;
}
.lastest-news .lastest-news-in .box2 .box-bottom .button-on-image h2{
color: #fff;
position: absolute;
top: -60px;
left: 30px;
font-size: 18px;
font-weight: 600;
line-height: 18px;
}
.lastest-news .lastest-news-in .box2 .box-bottom .button-on-image button{
padding: 5px 10px;
background: var(--light_pink);
color: var(--purple);
border: 1px solid var(--light_pink);
font-weight: 400;
/* border-radius: 10px; */
/* margin: 10px; */
position: absolute;
top: -80px;
left: 30px;
}
.lastest-news .lastest-news-in .box2 .box-bottom img{
height: 100%;
width: 100%;
object-fit: fill;
}
.block-sec{
padding: 10px;
}
.block-sec .block-sec-in{
display: grid;
grid-template-columns: 2fr 1fr;
gap:1rem;
grid-auto-rows: minmax(400px,auto);
/* border-radius: 20px; */
}
.block-sec .block-sec-in .block-sec-left{
padding: 5px 0px;
}
.block-sec .block-sec-in .block-sec-left .feature-block{
margin: 10px;
}
.block-sec .block-sec-in .block-sec-left .feature-block .heading{
padding: 10px 0px;
}
.block-sec .block-sec-in .block-sec-left .feature-block .heading h2{
color: #fff;
font-size: 4rem;
font-weight: 600;
}
.block-sec .block-sec-in .block-sec-left .feature-block .heading h2 span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in{
display: grid;
grid-template-columns: 1fr 2fr;
gap:1rem;
grid-auto-rows: minmax(200px,auto);
margin: 20px 0px;
/* background: #975bbf; */
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-img{
height: 230px;
width: 100%;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-img img{
height: 100%;
width: 100%;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content h2{
color: #fff;
font-size: 20px;
font-weight: 400;
margin: 0px 20px;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content .vertical-data{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap:1rem;
grid-auto-rows: minmax(20px,auto);
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content .vertical-data h4 {
/* color: var(--purple)!important; */
font-size: 18px;
background-color: var(--light_pink);
margin: 20px;
padding: 5px 10px;
width: 50%;
text-align: center;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content .vertical-data h4 a{
color: var(--purple)!important;
font-weight: 400!important;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content .vertical-data a{
color: #fff;
font-weight: 300;
font-size: 16px;
/* background-color: #ed84ea; */
margin: 25px 0px;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content h3{
color: rgb(233, 227, 227);
font-size: 18px;
margin: 0px 20px;
/* font-weight: 400; */
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content button{
background: none;
font-size: 20px;
font-weight: 600;
color:var(--light_pink) ;
margin: 10px 20px;
border: 0px solid #fff;
}
.block-sec .block-sec-in .block-sec-left .feature-block .feature-block-in .block-content button i{
font-size: 20px;
font-weight: 600;
color:var(--light_pink) ;
}
.block-sec .block-sec-in .block-sec-right{
padding: 0px 0px;
}
.block-sec .block-sec-in .block-sec-right .cardone{
padding: 0px 0px;
/* background: #975bbf; */
}
.block-sec .block-sec-in .block-sec-right .cardone .heading{
/* padding: 5px 5px; */
}
.block-sec .block-sec-in .block-sec-right .cardone .heading h2{
color: var(--purple);
font-weight: 600;
font-size: 20px;
background: var(--light_pink);
padding: 5px 5px;
text-align: center;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content{
padding: 0px;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content .cardone-content-image{
height: 110px;
width: 100%;
text-align: center;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content .cardone-content-image img{
height: 100%;
width: 30%;
border-radius: 50%;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content h2{
padding: 0px 20px;
font-size: 18px;
/* color: rgb(233, 227, 227); */
color: #fff;
line-height: 28px;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content h3{
margin: 10px;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content h3 a{
color: #fff;
font-size: 18px;
font-weight: 400;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content h3 a i{
color: var(--light_pink);
font-size: 18px;
font-weight: 400;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content .button-center{
text-align: center;
}
.block-sec .block-sec-in .block-sec-right .cardone .cardone-content .button-center button{
padding: 10px 10px;
background:#3b0841;
color: var(--light_pink);
border: 2px solid var(--light_pink);
/* border-radius: 20px; */
margin: 10px;
width: 40%;
font-size: 18px;
font-weight: 400;
}
.block-sec .block-sec-in .block-sec-left .lastest{
margin: 10px;
}
.block-sec .block-sec-in .block-sec-left .lastest .heading{
margin: 0px;
}
.block-sec .block-sec-in .block-sec-left .lastest .heading h2{
font-size: 4rem;
font-weight: 600;
color: #fff;
}
.block-sec .block-sec-in .block-sec-left .lastest .heading h2 span{
font-size: 4rem;
font-weight: 600;
color: var(--light_pink);
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block{
display: grid;
grid-template-columns: 1fr 1fr;
gap:1rem;
grid-auto-rows: minmax(200px,auto);
margin: 20px 0px;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in{
margin: 0px;
/* background: #975bbf; */
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in .vertical{
display: grid;
grid-template-columns: 1fr 1fr;
gap:1rem;
grid-auto-rows: minmax(20px,auto);
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in .vertical a{
font-size: 16px;
font-weight: 300;
color: #f1f1f1;
padding: 20px 20px;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in .vertical a i{
font-size: 16px;
font-weight: 300;
color: var(--light_pink);
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in .image{
height: 250px;
width: 100%;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in .image img{
height: 100%;
width: 100%;
object-fit: fill;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h2{
font-size: 20px;
font-weight: 400;
color: #fff;
padding: 0px 20px;
line-height: 25px;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h4{
font-size: 16px;
font-weight: 300;
color: #f1f1f1;
padding: 0px 20px;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h5{
font-size: 16px;
font-weight: 300;
color: #f1f1f1;
padding: 0px 20px;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h5 a {
font-size: 16px;
font-weight: 300;
color: #f1f1f1;
/* padding: 0px 10px; */
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h5 a i{
color: #ed84ea;
}
.block-sec .block-sec-in .block-sec-left .lastest .lastest-block .lastest-block-in h3{
font-size: 16px;
color: #fff;
padding: 0px 20px;
line-height: 25px;
}
.block-sec .block-sec-in .block-sec-right .cardtwo{
padding: 0px 0px;
/* background: #975bbf; */
}
.block-sec .block-sec-in .block-sec-right .cardtwo .heading{
/* padding: 5px 5px; */
}
.block-sec .block-sec-in .block-sec-right .cardtwo .heading h2{
color: var(--purple);
font-weight: 600;
font-size: 20px;
background: var(--light_pink);
padding: 5px 5px;
text-align: center;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block{
display: grid;
grid-template-columns: 1fr 1fr;
gap:3rem;
grid-auto-rows: minmax(100px,auto);
padding: 10px;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-image{
height: 140px;
width: 100%;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-image img{
height: 100%;
width: 100%;
object-fit: fill;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-content{
padding: 10px 0px;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-content h2{
color: #fff;
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-content h3 a{
color: #f1f1f1;
font-size: 16px;
line-height: 20px;
font-weight: 300;
}
.block-sec .block-sec-in .block-sec-right .cardtwo .cardtwo-block .cardtwo-content h3 a i{
color: var(--light_pink);
font-size: 16px;
}
.form-block{
/* margin: 20px; */
padding: 40px 0px;
/* background-color: #975bbf; */
}
.form-block .form-block-in{
display: grid;
grid-template-columns:repeat(1,3fr 2fr 1fr);
gap:1rem;
grid-auto-rows: minmax(70px,auto);
}
.form-block .form-block-in .name{
/* color: #fff;
font-size: 20px;
font-weight: 600;
text-transform: uppercase; */
padding: 10px;
}
.form-block .form-block-in .name h2{
color: #fff;
font-size: 18px;
font-weight: 400;
}
.form-block .form-block-in .name h3{
color: #fff;
font-size: 4rem;
font-weight: 600;
}
.form-block .form-block-in .phone-numbar{
padding: 10px;
}
.form-block .form-block-in .phone-numbar button{
padding: 20px 10px;
background: #eee6f0;
color: #a297a5;
border: 1px solid #eee6f0;
border-radius: 30px;
margin: 15px 0px;
width: 100%;
font-size: 18px;
}
.form-block .form-block-in .submit-form-button{
padding: 10px;
}
.form-block .form-block-in .submit-form-button button{
padding: 20px 10px;
background: var(--light_pink);
color: var(--purple);
border: 1px solid var(--light_pink);
border-radius: 30px;
margin: 15px 0px;
width: 100%;
font-size: 18px;
font-weight: 600;
}
.footer-bottom{
padding: 10px;
color: #7e41a6;
}
.footer-bottom .footer-bottom-in{
padding: 10px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-first{
padding: 10px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-first h2{
color: #fff;
font-weight: 600;
font-size: 4rem;
text-align: center;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-first h3{
color: #fff!important;
/* font-weight: 400; */
font-size: 2rem;
text-align: center;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-first h3 a{
color: #fff!important;
/* font-weight: 400; */
font-size: 2rem;
text-align: center;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-first span{
color: var(--light_pink);
font-weight: 600;
font-size: 4rem;
text-align: center;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-first h3{
color: #7e41a6;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second{
padding: 0px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid{
display: grid;
grid-template-columns:repeat(1,1fr 1fr 1fr);
gap:1rem;
grid-auto-rows: minmax(70px,auto);
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content{
color: #fff;
padding: 0px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content a{
color: #fff;
padding: 10px 0px;
font-size: 18px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content a i{
color: var(--light_pink);
font-size: 22px;
padding: 0px 10px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content-left{
color: #fff;
padding: 0px;
text-align: right;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content-left a{
color: #fff;
padding: 10px 0px;
text-align: right;
font-size: 18px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content-mid{
color: #fff;
padding: 0px;
text-align: center;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content-mid a{
color: #fff;
padding: 10px 5px;
text-align: center;
font-size: 16px;
}
.footer-bottom .footer-bottom-in .footer-bottom-in-second .footer-bottom-grid .footer-content-mid a i{
color: #fff;
font-size: 20px;
padding: 10px 10px;
border-radius: 50%;
border: 2px solid #fff;
}
.block-sec .block-sec-in .block-sec-right .cardfour{
padding: 0px 0px;
/* background: #975bbf; */
}
.block-sec .block-sec-in .block-sec-right .cardfour .heading{
/* padding: 5px 5px; */
}
.block-sec .block-sec-in .block-sec-right .cardfour .heading h2{
color: var(--purple);
font-weight: 600;
font-size: 20px;
background: var(--light_pink);
padding: 5px 5px;
text-align: center;
}
.block-sec .block-sec-in .block-sec-right .cardfour .cardfour-content{
padding: 20px 0px;
}
.block-sec .block-sec-in .block-sec-right .cardfour .cardfour-content a{
color: #fff;
padding: 20px 30px;
font-size: 18px;
}
.block-sec .block-sec-in .block-sec-right .cardfour .cardfour-content a i{
font-size: 18px;
color: var(--light_pink);
padding: 0px 12px;
}
.block-sec .block-sec-in .block-sec-right .cardfour .cardfour-content ul{
padding: 10px 30px;
/* background: #975bbf; */
color: var(--light_pink);
/* font-size: 18px; */
}
.block-sec .block-sec-in .block-sec-right .cardfour .cardfour-content ul li{
/* padding: 10px 30px; */
/* background: #975bbf; */
color: #fff;
font-size: 16px;
text-decoration: none;
}