@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --bs-blue:#010477!important;
  --bs-primery-color: #070477 !important;
  --bs-second-color:#be027e!important;
 --bs-thirdcolor:#e2017f!important;
  --bs-grey:#e8ebf2!important;
  --bs-white:#ffffff!important;
 --bs-black:#000000!important;
--bs-light:#e8efff!important;


}
body {
     font-family:Poppins,sans-serif;
     margin: 0px;
     padding: 0px;
}


*{
margin:0;
padding:0;
box-sizing:border-box;
}



/*********************
Navbar
**********************/
.custom-navbar{

    background:var(--bs-white);
    padding:18px 0;
    transition:.4s;
    box-shadow:0 3px 15px rgba(0,0,0,.06);

}

.navbar-brand img{
    height:58px;
}
.dropdown-toggle::after {
    display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0em solid;
  border-right: 0em solid transparent;
  border-bottom: 0;
  border-left: 0em solid transparent;
}

.navbar-nav .nav-link{
    color:var(--bs-primery-color);
    font-weight:500;
    margin:0 10px;
    position:relative;
    transition:.3s;
    font-size: 14px;

}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active{
    color:var(--bs-second-color)
}

.navbar-nav .nav-link::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:var(--bs-thirdcolor);
    transition:.4s;

}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after{
    width:100%;
}

.social-icons{
    display:flex;
    align-items:center;
    gap:20px;

}

.social-icons a{
    color:var(--bs-primery-color);
    font-size:20px;
    transition:.3s;

}

.social-icons a:hover{
    color:var(--bs-second-color);
    transform:translateY(-3px);
}

/* Mobile */

@media(max-width:991px){
.custom-navbar{
    padding:15px 0;
}

.navbar-brand img{
    height:48px;
}

.navbar-collapse{
    background:#fff;
    margin-top:15px;
    padding:20px;
    border-radius:12px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.navbar-nav{
    text-align:left;
}

.navbar-nav .nav-link{
    margin:10px 0;
}

.navbar-nav .nav-link::after{
    display:none;
}

.social-icons{
    justify-content:center;
    margin-top:20px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
    background:transparent;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{
    top:0;
    transform:rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{
    top:0;
    transform:rotate(-45deg);
}

}


/* Dropdown */

.dropdown-menu{
    border:none;
    border-radius:10px;
    padding:10px 0;
    min-width:230px;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    margin-top:0;
}

.dropdown-item{

    padding:10px 20px;
    color:var(--bs-primery-color);
    font-weight:500;
    transition:.3s;
    font-size: 14px;
}

.dropdown-item:hover{
    background:var(--bs-primery-color);
    color:var(--bs-white);
}

/* Desktop Hover */

@media(min-width:992px){
.navbar .dropdown:hover>.dropdown-menu{
    display:block;
    animation:fadeDown .35s ease;
}

.navbar .dropdown>.dropdown-toggle:active{
    pointer-events:none;
}

}

@keyframes fadeDown{
from{
    opacity:0;
    transform:translateY(12px);
}
to{
    opacity:1;
    transform:translateY(0);
}

}
.menu-arrow{
    font-size:12px;
    margin-left:6px;
    transition:.3s ease;
    vertical-align:middle;
}
.dropdown.show .menu-arrow,
.dropdown-toggle.show .menu-arrow{
    transform:rotate(180deg);
}

#menuIcon{
    font-size:32px;
    color:var(--bs-primery-color);
    transition:transform .3s ease;
}

.navbar-toggler{
    border:none;
    box-shadow:none !important;
}

.navbar-toggler:focus{
    box-shadow:none;
}

#menuIcon.bi-x-lg{
    transform:rotate(180deg);
}
/*********************
Hero
**********************/

.hero{


background-size:cover;
background-position:center;
min-height:100vh;
display:flex;
align-items:center;
padding-top:120px;
overflow:hidden;
position:relative;

}

.hero::before{

content:"";
position:absolute;
width:650px;
height:650px;
background:radial-gradient(circle,#ff00c88f,transparent);
left:-220px;
top:-200px;
filter:blur(60px);
z-index: -1;
}

.hero h1{
font-size:45px;
font-weight:800;
line-height:1.4;
color:var(--bs-white);
margin-bottom:20px;


}

.hero p{
font-size:17px;
color:var(--bs-white);
opacity:.9;
line-height:1.4;
margin-bottom:25px;

}

.hero-btn{
background:var(--bs-white);
padding:14px 34px;
border-radius:40px;
color:var(--bs-primery-color);
font-weight:600;
transition:.3s;

position: relative;
z-index: 10000;
}

.hero-btn:hover{
background:var(--bs-thirdcolor);
color:var(--bs-white);
transform:translateY(-3px);
}

.hero-image{
max-width:700px;
animation:float 6s ease-in-out infinite;
}

/*********************
Animation
**********************/

@keyframes float{
0%{
transform:translateY(0);
}
50%{
transform:translateY(-15px);
}
100%{
transform:translateY(0);
}
}
@keyframes slideLeft{
from{
opacity:0;
transform:translateX(-70px);
}
to{
opacity:1;
transform:translateX(0);
}

}

/*********************
Carousel Fade
**********************/
.carousel-item{
transition:opacity 1.2s ease-in-out;
}

/*********************
Responsive
*********************/
@media(max-width:991px){
.hero{
padding-top:120px;
text-align:center;
min-height:auto;
padding-bottom:70px;
}

.hero h1{
font-size:42px;
}

.hero-image{
margin-top:50px;
max-width:100%;
}

.social{
margin-top:20px;
text-align:center;
}

.nav-link{
margin:8px 0;
}
}
@media(max-width:576px){
.hero h1{
font-size:34px;
}
.hero p{
font-size:15px;
}

.logo{
height:40px;
}
}

.custom-indicators{
    bottom:40px;
    justify-content:flex-start;
    margin-left:8%;
}

.custom-indicators button{

    width:14px !important;
    height:14px !important;
    border-radius:50%;
    border:none !important;
    margin:0 8px !important;
    background:var(--bs-white)!important;
    opacity:.35;
    transition:.4s;
}
.custom-indicators .active{
    width:45px !important;
    border-radius:30px;
    background:var(--bs-thirdcolor) !important;
    opacity:1;
}
.carousel-item{
    overflow:hidden;
}

.carousel-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:inherit;
    animation:zoomBg 10s linear infinite alternate;
    z-index:-1;

}

@keyframes zoomBg{
    from{
        transform:scale(1);
    }

    to{
        transform:scale(1.12);
    }

}

.hero{
    position:relative;
}

.hero::after{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;

background:linear-gradient(
130deg,
rgba(255,0,170,.15),
transparent,
rgba(0,170,255,.18)
);

background-size:300%;

animation:gradientMove 10s linear infinite;

}
@keyframes gradientMove{
0%{
background-position:left;
}
100%{
background-position:right;
}

}

.hero h1,
.hero p,
.hero-btn{
opacity:0;
}

.animate-title{
animation:titleFloat 1.1s cubic-bezier(.2,1,.3,1) forwards;
}
.animate-text{
animation:blurFade 1.6s ease forwards;
}

.animate-btn{
animation:titleFloat 1.9s cubic-bezier(.2,1,.3,1) forwards;
}
@keyframes blurFade{
0%{
    opacity:0;
    filter:blur(12px);
    transform:translateY(40px);
}

100%{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
}

}
@keyframes titleFloat{

0%{
opacity:0;
transform:
translateY(80px)
scale(.9);
filter:blur(10px);
}
50%{
opacity:1;
filter:blur(0);
}
100%{
opacity:1;
transform:
translateY(0)
scale(1);
}
}
.carousel-item {
    background-position: center!important;
    object-fit: contain;
}
.slide01 {
    background: url(../images/slider_01.jpg);
}
.slide02 {
    background: url(../images/slider_02.jpg);
}
.network-bg{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
}

.network-bg span{
    position:absolute;
    width:180%;
    height:4px;
    background:linear-gradient(90deg,
        transparent,
        rgba(255,255,255,.45),
        transparent);
    animation:moveLine linear infinite;
    opacity:.30;

}

.network-bg span:nth-child(1){

    top:12%;
    left:-60%;
    animation-duration:10s;
    transform:rotate(18deg);

}

.network-bg span:nth-child(2){

    top:30%;
    left:-50%;
    animation-duration:13s;
    transform:rotate(12deg);

}

.network-bg span:nth-child(3){
    top:48%;
    left:-70%;
    animation-duration:11s;
    transform:rotate(8deg);

}

.network-bg span:nth-child(4){
    top:68%;
    left:-40%;
    animation-duration:14s;
    transform:rotate(20deg);

}

.network-bg span:nth-child(5){
    top:85%;
    left:-60%;
    animation-duration:12s;
    transform:rotate(10deg);

}

@keyframes moveLine{
    from{

        transform:translateX(-30%) rotate(15deg);

    }

    to{

        transform:translateX(30%) rotate(15deg);

    }

}

@media(max-width:576px){
    .hero::before{

content:"";
position:absolute;


background:radial-gradient(circle,#ff00c88f,transparent);


filter:blur(80px);
z-index: -1;
opacity: 0;
}
.slide01 {
    background: url(../images/slider_01_m.jpg);
    min-height: 780px;
}
.slide02 {
    background: url(../images/slider_02_m.jpg);
      min-height: 780px;
}

}


.why-us{
overflow:hidden;
background:var(--bs-white);
position:relative;

}

.left-area{
background:var(--bs-primery-color);
min-height:650px;
display:flex;
align-items:center;
justify-content:center;
position:relative;
overflow:hidden;
clip-path:polygon(0 0,90% 0,100% 100%,0 100%);
}

.left-area::after{
content:"";
position:absolute;
right:-2px;
top:0;
width:60px;
height:100%;
background:var(--bs-thirdcolor);
transform:skewX(10deg);
}

.hero-illustration{
max-width:80%;
position:relative;
z-index:2;
animation:floating 5s ease-in-out infinite;
}

.right-area{
padding:80px;
}

.sub-title{
font-size:14px;
font-weight:600;
color:var(--bs-primery-color);
position:relative;
padding-left:30px;
}

.sub-title::before{
content:"";
position:absolute;
left:0;
top:8px;
width:20px;
height:2px;
background:var(--bs-thirdcolor)
}

.right-area h2{
font-size:30px;
font-weight:700;
margin:20px 0 40px;
line-height:1.3;
}

.right-area span{
color:var(--bs-thirdcolor);

}

.feature-box{
display:flex;
gap:25px;
padding:20px 0;
border-bottom:1px solid #ddd;
transition:.4s;
}

.feature-box:hover{
transform:translateX(12px);
}
.feature-box h4 {
    font-size: 20px;
}
.feature-box p {
    font-size: 14px;
}
.icon{

width:70px;
height:70px;
border-radius:50%;
background:var(--bs-white);
display:flex;
justify-content:center;
align-items:center;
font-size:30px;
color:var(--bs-primery-color);
transition:.4s;
}

.feature-box:hover .icon{

color:#fff;
transform:rotateY(360deg);
}

.circle{
position:absolute;
border-radius:50%;
filter:blur(60px);
opacity:.4;

}

.circle1{
width:250px;
height:250px;
background:var(--bs-thirdcolor);
left:-60px;
top:50px;
animation:blob1 10s infinite alternate;
}

.circle2{
width:220px;
height:220px;
background:var(--bs-primery-color);
right:60px;
bottom:60px;
animation:blob2 8s infinite alternate;
}

@keyframes floating{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-20px);

}

}

@keyframes blob1{

100%{

transform:translate(70px,40px);

}

}

@keyframes blob2{

100%{

transform:translate(-50px,-30px);

}

}

@media(max-width:991px){

.left-area{
clip-path:none;
min-height:450px;
}

.left-area::after{
display:none;
}

.right-area{
padding:40px 20px;
}

.right-area h2{
font-size:34px;
}
}


.about-section{

background:url(../images/why_bg.jpg) no-repeat;
background-size: cover;
padding:100px 0;
position:relative;
overflow:hidden;
}

.wave-bg{
position:absolute;
inset:0;
opacity:.15;
pointer-events:none;

}

.wave-bg svg{
width:100%;
height:100%;
}

.wave-bg path{
fill:none;
stroke:var(--bs-second-color);
stroke-width:2;
stroke-dasharray:1600;
stroke-dashoffset:1600;
animation:waveMove 12s linear infinite;
}

.wave-bg path:nth-child(2){
animation-delay:2s;

}

.wave-bg path:nth-child(3){
animation-delay:4s;
}

.wave-bg path:nth-child(4){
animation-delay:6s;
}

@keyframes waveMove{
0%{

stroke-dashoffset:1600;
}
100%{
stroke-dashoffset:0;
}

}
.about-section::before{
content:"";
position:absolute;
width:450px;
height:450px;
background:var(--bs-thirdcolor);
filter:blur(140px);
opacity:.12;
left:-180px;
top:-120px;
animation:blobMove 8s infinite alternate;
}

.about-section::after{

content:"";
position:absolute;
width:350px;
height:350px;
background:#00bfff;
filter:blur(120px);
opacity:.10;
right:-120px;
bottom:-100px;
animation:blobMove2 9s infinite alternate;
}

@keyframes blobMove{
100%{
transform:translate(80px,50px);
}

}
@keyframes blobMove2{
100%{
transform:translate(-80px,-40px);
}

}

.about-btn{
background:var(--bs-primery-color);
color:#fff;
padding:15px 36px;
border-radius:40px;
position:relative;
overflow:hidden;
z-index: 100000;
}

.about-btn::before{
content:"";
position:absolute;
left:-120%;
top:0;
width:60%;
height:100%;
background:rgba(255,255,255,.35);
transform:skewX(-25deg);
transition:.8s;
}

.about-btn:hover::before{
left:150%;
}

.about-btn:hover{

transform:translateY(-4px);
background:var(--bs-thirdcolor);
color: var(--bs-white);
}

.sub-title{
display:inline-block;

color:var(--bs-primery-color);
font-weight:600;
position:relative;
padding-left:28px;
animation:fadeDown .8s;
}

.sub-title::before{
content:"";
position:absolute;
left:0;
top:50%;
width:18px;
height:2px;
background:var(--bs-thirdcolor);

}

.about-section h2{
font-size:30px;
font-weight:700;
margin:20px 0;
animation:slideLeft 1s;

}

.about-section p{
animation:fadeUp 1.2s;
font-size: 14px;
}

@keyframes slideLeft{

from{

opacity:0;

transform:translateX(-60px);

}

to{

opacity:1;

transform:none;

}

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:none;

}

}

.experience{
position:absolute;
left:250px;
top:200px;
width:160px;
height:160px;
border-radius:50%;
background:var(--bs-primery-color);
color:var(--bs-white);
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
box-shadow:0 0 40px rgba(18,29,156,.45);
animation:pulse 2.5s infinite;
text-align: center;
text-transform: uppercase;
font-weight: 600;
}

.experience h2{
font-size:48px;
font-weight:700;
margin:0;
}

@keyframes pulse{

50%{
transform:scale(1.08);
box-shadow:0 0 60px rgba(255,0,170,.4);

}

}
.image-wrapper{
position:relative;
min-height:520px;
}

.img-box{
position:absolute;

box-shadow:0 25px 50px rgba(0,0,0,.15);
transition:.4s;
}

.img1{
width:320px;
left:0;
top:70px;
animation:float1 5s infinite ease-in-out;
border-radius:10px;
}

.img2{
width:280px;
right:20px;
top:90px;
animation:float2 6s infinite ease-in-out;
border-radius:10px 50px 10px 10px;
}

.img3{
width:300px;
left:25px;
bottom:80px;
animation:float3 5.5s infinite ease-in-out;
border-radius:10px 10px 10px 50px;
}

.img4{

width:240px;
right:60px;
bottom:20px;
animation:float4 6.5s infinite ease-in-out;
border-radius:10px 10px 50px 10px;
}

@keyframes float1{
50%{
transform:translateY(-18px);
}

}

@keyframes float2{
50%{
transform:translateY(20px);
}

}

@keyframes float3{
50%{
transform:translateY(-12px);
}

}

@keyframes float4{
50%{
transform:translateY(18px);
}

}
@media(max-width:991px){

.experience{
position:absolute;
left:90px;
top:200px;
width:160px;
height:160px;
border-radius:50%;
background:var(--bs-primery-color);
color:var(--bs-white);
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
box-shadow:0 0 40px rgba(18,29,156,.45);
animation:pulse 2.5s infinite;
text-align: center;
text-transform: uppercase;
font-weight: 600;
}

.img1{


left:20px;

}
.img3{

width:320px;
left:20px;
bottom:70px;
animation:float1 5s infinite ease-in-out;
border-radius:10px;
}
}

.service-section{
    position:relative;
    padding:100px 0;
    background:url(../images/service-bg.jpg) center/cover;

}

.service-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(9,11,74,.1);
}

.service-section .container{
    position:relative;
    z-index:2;
}

.section-title h2{
    color:var(--bs-white);
    font-size:30px;
    font-weight:700;
}

.section-title p{
    color:var(--bs-white);
    font-size:14px;
    margin-bottom:40px;

}

/***************/

.service-card{
    min-height:320px;
    border:1px solid rgba(255,255,255,.3);
    padding:20px;
    color:var(--bs-white);
    transition:.45s;
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,.03);
    margin-left: 5px;

}

.service-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#ff0ca8,#3ecbff);
    transform:scaleX(0);
    transition:.4s;

}

.service-card:hover::before{
    transform:scaleX(0);
}

.service-card:hover{
    transform:translateY(0px);
    box-shadow:0 20px 45px rgba(0,0,0,.35);
    background:rgba(255,255,255,.07);
}

.service-icon{

    width:100px;
    height:100px;
    border-radius:50%;
    background:var(--bs-white);
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:25px;
    transition:.5s;

}

.service-icon img{
    width: 75% !important;;
    transition:.5s;

}

.service-card:hover .service-icon{
    transform:rotateY(360deg);
}

.service-card:hover .service-icon img{
    transform:scale(1.15);

}

.service-card h4{
    font-size:18px;
    margin-bottom:15px;

}

.service-card p{

    color:var(--bs-white);
    line-height:1.8;
    margin-bottom:35px;
    font-size: 14px;

}

.service-btn{
    display:inline-block;
    padding:13px 30px;
    background:#fff;
    color:#182b92;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.4s;

}

.service-btn:hover{
    background:#ff0ca8;
    color:#fff;

}

.view-all-btn{

    display:inline-block;
    padding:15px 55px;
    border-radius:50px;
    background:#fff;
    color:#182b92;
    text-decoration:none;
    font-weight:700;

}

/************** Owl ************/

.service-carousel .owl-stage{
    display:flex;

}

.service-carousel .owl-item{
    display:flex;

}

.service-carousel .service-card{
    width:100%;
}

/******** Dots ********/

.owl-theme .owl-dots{
    margin-top:40px;
}

.owl-theme .owl-dot span{
    width:12px;
    height:12px;
    background:#fff;
    transition:.4s;

}
.owl-dots{
    text-align: right;
    padding-top: 20px;
}

.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  background:var(--bs-white);
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50px;
  padding: 5px;
  margin: 5px;
}
.owl-carousel button.owl-dot.active {
    width:35px;
    border-radius:30px;
    background:var(--bs-thirdcolor);

}
.testimonial-section{
    padding:100px 0;
    background:#eef3ff;
    position:relative;
}

.section-subtitle{
    color:var(--bs-primery-color);
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    text-transform:uppercase;

}

.section-subtitle span{
    width:28px;
    height:3px;
    background:var(--bs-second-color);

}

.testimonial-section h2{
   font-size:24px;
    font-weight:700;
    color:var(--bs-primery-color);
    margin-bottom:25px;
    line-height:1.2;

}

.testimonial-section p{

    color:#666;
    line-height:1.9;
    font-size:17px;

}

.theme-btn{

    display:inline-block;
    margin-top:30px;
    padding:14px 42px;
    background:var(--bs-primery-color);
    color:var(--bs-white);
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    transition:.4s;
}

.theme-btn:hover{
    background:var(--bs-thirdcolor);
    color:var(--bs-white);
    transform:translateY(-4px);

}

.testimonial-box{
    background:var(--bs-white);
    border-radius:18px;
    padding:40px;
    display:flex;
    align-items:center;
    gap:30px;

    transition:.4s;

}

.testimonial-box:hover{
    transform:translateY(0px);
}

.client-img{
    flex:0 0 210px;
}

.client-img img{
    width:100%;
    border-radius:12px;

}

.testimonial-content{
    position:relative;

}

.quote-icon{
    position:absolute;
    right:0;
    top:-10px;
    font-size:70px;
    color:var(--bs-white)

}

.testimonial-content p{
    margin-bottom:30px;

}

.testimonial-content h4{
    font-size:20px;
    font-weight:700;
    margin-bottom:5px;

}



/******** Owl ********/



/******** Responsive ********/

@media(max-width:991px){

.testimonial-box{
    flex-direction:column;
    text-align:center;
}

.client-img{
    flex:0 0 auto;
    width:220px;
}

.quote-icon{
    position:relative;
    display:block;
    margin-bottom:15px;
    top:0;

}

.testimonial-section h2{
   font-size:38px;

}



}

@media(max-width:576px){
.testimonial-section{
    padding:70px 0;
}

.testimonial-section h2{
    font-size:30px;

}

.testimonial-box{
    padding:25px;

}

}

.owl-theme .owl-dots .owl-dot span {
    display: none;
}

.news-section{
    position:relative;
    padding:100px 0;
    background: url(../images/service-bg.jpg);
    background-size:cover;
    background-position:center;
    overflow:hidden;

}
.sub-title{
display:flex;
align-items:center;
gap:10px;
color:var(--bs-white);
font-size:18px;
margin-bottom:20px;

}
.news-card{
background:#090734;
overflow:hidden;
transition:.45s;
height:100%;
}

.news-img{
overflow:hidden;
}

.news-img img{
width:100%;
display:block;
transition:.6s;
}

.news-card:hover img{
transform:scale(1.08);
}

.news-content{
padding:30px;
}

.news-content h3{
font-size:18px;
color:var(--bs-white);
font-weight:700;
margin-bottom:18px;
line-height:1.25;
}

.news-content p{
color:#ddd;
font-size: 14px;
line-height:1.8;
margin-bottom:25px;

}

.read-more{
color:var(--bs-thirdcolor);
font-size:14px;
font-weight:600;
text-decoration:none;
display:inline-flex;
align-items:center;
gap:10px;
position:relative;

}
.read-more::after{
content:"";
position:absolute;
left:0;
bottom:-5px;
width:0;
height:2px;
background:var(--bs-thirdcolor);
transition:.4s;
}

.news-card:hover .read-more::after{
width:100%;
}
.news-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,.35);
}

.news-card:hover .read-more i{
transform:translateX(8px);
}

.read-more i{
transition:.3s;
}

/******** Responsive ********/

@media(max-width:991px){
.news-section{
padding:70px 0;
}

.section-title{
margin-bottom:40px;
text-align:center;
}

.section-title h2{
font-size:42px;
}

.sub-title{
justify-content:center;
}

.news-section::before{
display:none;
}

}

@media(max-width:576px){
.section-title h2{
font-size:32px;
}

.news-content{
padding:22px;
}

.news-content h3{
font-size:24px;
}

.theme-btn{
padding:13px 35px;
}

}


.cta-section{
    position:relative;
    padding:90px 0;
    background:#0b0b63;
    overflow:hidden;
}

/* Animated Glow */


@keyframes blobMove{
    100%{
        transform:translate(80px,60px);
   }
}
@keyframes blobMove2{
    100%{
        transform:translate(-80px,-50px);
    }

}



.cta-section h2{
    color:var(--bs-white);
    font-size:30px;
    font-weight:700;
    margin-bottom:20px;
    animation:fadeLeft 1s;

}

.cta-section p{
    color:rgba(255,255,255,.85);
    font-size:14px;
    margin:0;
    line-height:1.8;
    animation:fadeLeft 1.3s;

}

.cta-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:200px;
    height:55px;
    background:var(--bs-white);
    border-radius:70px;
    color:#11145d;
    font-size:18px;
    font-weight:700;
    text-decoration:none;
    position:relative;
    overflow:hidden;
    transition:.45s;
}

/* Shine Effect */

.cta-btn::before{
    content:"";
    position:absolute;
    left:-120%;
    top:0;
    width:70%;
    height:100%;
    background:rgba(255,255,255,.45);
    transform:skewX(-30deg);
    transition:.8s;
}

.cta-btn:hover::before{
    left:160%;
}

.cta-btn:hover{

    background:var(--bs-thirdcolor);
    color:var(--bs-white);
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(255,46,166,.35);
}

.cta-btn i{
    transition:.4s;
}

.cta-btn:hover i{
    transform:translateX(8px);
}

@keyframes fadeLeft{
    from{

        opacity:0;

        transform:translateX(-60px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}



@media(max-width:991px){
.cta-section{
    text-align:center;
    padding:70px 0;
}

.cta-section h2{
    font-size:30px;
}

.cta-section p{
    font-size:14px;
}

.cta-btn{
    min-width:250px;
    height:80px;
    font-size:28px;
}

}

@media(max-width:576px){
.cta-section h2{
    font-size:30px;
}

.cta-section p{
    font-size:14px;
}

.cta-btn{
    width:100%;
    min-width:100%;
    height:70px;
    font-size:24px;

}

}


.footer-section{
    background:var(--bs-blue);
    padding:90px 0 30px;
    position:relative;
    overflow:hidden;
}

.footer-logo{
    width:260px;
    margin-bottom:30px;
}

.footer-text{
    color:rgba(255,255,255,.85);
    line-height:2;
    font-size:14px;
    margin-bottom:35px;

}

.footer-section h4{
    color:var(--bs-white);
    font-size:20px;
    font-weight:700;
    margin-bottom:35px;

}


.footer-social{
    display:flex;
    gap:20px;
}

.footer-social a{

    width:50px;
    height:50px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--bs-white);
    font-size:22px;
    transition:.35s;
    text-decoration: none;;
}

.footer-social a:hover{
    background:var(--bs-second-color);
    transform:translateY(-6px);
}


.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:var(--bs-white);
    text-decoration:none;
    position:relative;
    padding-left:18px;
    transition:.3s;
    font-size: 14px;
}

.footer-links a::before{
    content:"■";
    position:absolute;
    left:0;
    top:2px;
    color:var(--bs-thirdcolor);
    font-size:10px;
}

.footer-links a:hover{
    color:var(--bs-thirdcolor);
    padding-left:25px;
}

.footer-contact{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contact li{
    display:flex;
    gap:18px;
    margin-bottom:28px;
    color:var(--bs-white);
    line-height:1.8;
    font-size: 14px;
}

.footer-contact i{
  color:var(--bs-white);
    font-size:20px;
    margin-top:5px;
}

.footer-contact a{
     color:var(--bs-white);
    text-decoration:none;
}

.footer-contact a:hover{
   color:var(--bs-thirdcolor);

}


.footer-section hr{
    margin:70px 0 25px;
    border-color:rgba(255,255,255,.15);
}

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.footer-bottom p{
    color:var(--bs-white);
    margin:0;
    font-size: 14px;

}

#scrollTop{
    position:fixed;
    right:30px;
    bottom:30px;
    width:55px;
    height:55px;
    background:var(--bs-thirdcolor);
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:22px;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:.35s;
    z-index:9999;
    box-shadow:0 12px 25px rgba(255,60,183,.35);

}

#scrollTop.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

#scrollTop:hover{

    background:var(--bs-white);
    color:var(--bs-primery-color);
    transform:translateY(-6px);
}

@media(max-width:991px){
.footer-section{
padding:70px 0 30px;
}

.footer-section h4{
font-size:24px;
margin-bottom:25px;
}
.footer-logo{
width:220px;
}
.footer-bottom{
text-align:center;
justify-content:center;
}
}

@media(max-width:576px){
.footer-social{
justify-content:flex-start;
}

#scrollTop{
right:15px;
bottom:15px;
width:48px;
height:48px;
}
}