.seo_boxes,.talk_form_box input,.testimonial_img,.whybest_section{
    position:relative
}
.btn,.btn-whatsapp-pulse,.popup a,.thank_you a{
    text-decoration:none
}
header{
    background-image:linear-gradient(#fff,#fff)!important
}
.navbar-brand img{
    width:100%;
    max-width:200px
}
header .navbar ul .nav-item .btn_main{
    color:#fff!important;
    font-size:13px!important
}
header .navbar ul .nav-item{
    margin:0 10px!important
}
header .navbar ul .nav-item a{
    color:#3a3a3a!important;
    font-size:14px!important
}
.navbar-light .navbar-toggler-icon{
    background-image:url(../images/hamburger.png)
}
.navbar-toggler{
    box-shadow:0 0 3px 4px transparent!important
}
.home_section .home_content h1{
    font-size:50px
}
.home_section .home_content p{
    color:#fff!important;
    font-size:14px
}
.social_media ul li:hover a{
    color:var(--main-bgcolor)!important
}
.social_media ul li:hover{
    background:#fff!important
}
.our_companies_section{
    background:#f5f5f5;
    z-index:100;
    position:relative
}
.modal{
    z-index:100000
}
.seo_boxes{
    background:no-repeat padding-box #fff;
    border:1px solid #0e353b1f;
    border-radius:8px;
    transition:.6s;
    padding:2rem 1rem;
    overflow:hidden
}
.whybest_section,footer{
    background-image:linear-gradient(#141e42,#1e2e68)
}
.seo_boxes:hover{
    background:var(--main-bgcolor) 0 0 no-repeat padding-box;
    box-shadow:8px 8px 24px #090e1457;
    border:1px solid #0e353b1f;
    transform:translateY(-5px);
    transform:scale(1.03);
    color:#fff!important
}
.seo_boxes:hover h4{
    color:#fff!important
}
.seo_boxes:before{
    content:"";
    position:absolute;
    bottom:-100%;
    left:0;
    background:var(--main-bgcolor);
    width:100%;
    height:100%;
    border-radius:100%;
    transition:.4s;
    z-index:-1
}
.seo_boxes:hover:before{
    bottom:0;
    left:0;
    border-radius:0
}
.seo_boxes img{
    height:50px;
    width:50px!important;
    transition:.6s
}
.seo_boxes h4{
    font:600 17px/18px rubik;
    color:#121b3c;
    transition:.6s
}
.rating_boxes h5,.seo_packages_box .seo_bg h4,.seo_type_content p,.thank_you p{
    font-size:14px;
    font-weight:400
}
.seo_boxes p{
    font:13px/20px rubik
}
.our_companies_section h1 span{
    color:var(--bg-color)
}
.seo_type_content h5::before{
    position:absolute;
    width:130px;
    height:2px;
    right:0;
    content:" ";
    background-color:var(--main-bgcolor);
    top:8px
}
.seo_boxes:hover img{
    filter:invert(100%) sepia(55%) saturate(1%) hue-rotate(289deg) brightness(109%) contrast(101%)!important
}
.seo_type_content h1::before{
    content:none!important
}
.companies_logo img{
    width:100%;
    max-width:150px;
    object-fit:cover
}
.rating_boxes p{
    font-size:12px;
    color:#d3d3d3
}
.rating_boxes p i{
    color:#ffc215;
    padding:4px 5px 0 0
}
.rating_boxes h5 i,.rating_goggle h5 i,.seo_packages_box .seo_bg h4 i{
    color:#ffc215
}
.rating_boxes img{
    max-width:140px;
    margin-bottom:15px
}
.popup a,.popup img{
    left:0;
    right:0;
    margin:auto
}
.rating_boxes{
    padding:10px 15px;
    border-radius:0 20px;
    border:1px dashed #ffffff45
}
.whybest_section:before{
    background:url(../images/wave-bg.png) 0 0/cover;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    content:'';
    height:290px;
    opacity:.3;
    background-position:unset
}
.help_business_section .our_companies_section{
    padding:40px 20px;
    border-radius:0 40px;
    border:1px dashed #80808036
}
.help_business_box h3{
    font:bold 20px/30px Rubik;
    color:#121b3c
}
.copy_right_text p,.help_business_box p,.testimonial_content .testimonial_name p{
    font-size:14px
}
.seo_packages_box{
    box-shadow:rgba(0,0,0,.1) 0 1px 3px 0,rgba(0,0,0,.06) 0 1px 2px 0;
    border-radius:10px
}
.seo_packages_box .seo_bg{
    background:#1d2c64;
    text-align:center;
    border-radius:0 20px;
    color:#fff;
    padding:10px 0
}
.testimonial_img img,.testimonial_img:before{
    width:200px;
    height:200px;
    border-radius:0 45px
}
.seo_packages_box .seo_bg h1{
    font-size:25px
}
.seo_packages_box ul li i{
    padding-right:7px;
    color:#ffc215
}
.seo_packages_box ul li{
    font-size:14px;
    border-bottom:1px dashed #80808033;
    padding:7px 20px
}
.seo_packages_box ul{
    padding:10px 0
}
.testimonial_content p{
    font-size:14px;
    color:#1d2c64
}
#testimonials{
    z-index:-1
}
.testimonial_content .testimonial_name h5{
    font-size:16px;
    margin-bottom:0
}
.testimonial_content .testimonial_name img{
    background:var(--main-bgcolor);
    padding:7px 8px;
    border-radius:0 10px;
    width:40px
}
.testimonial_img:before{
    position:absolute;
    content:" ";
    right:-15px;
    top:15px;
    background:var(--main-bgcolor) 0 0 no-repeat padding-box;
    opacity:1;
    z-index:-1
}
.testimonial_img img{
    object-fit:cover;
    object-position:top;
    margin-left:auto;
    display:block
}
.talk_form_box input{
    border:none;
    border-radius:0;
    border-bottom:1px solid #e9e9e9;
    padding:8px 0;
    font:400 13px Rubik;
    width:100%;
    outline:0
}
.talk_form_box label{
    font:500 14px Rubik;
    color:#282828
}
.talk_form_box{
    border:1px solid #80808036;
    padding:40px 30px 30px
}
.talk_main_heading h4{
    font:500 22px/25px Rubik;
    color:var(--main-bgcolor)
}
.gallery_img img{
    width:100%;
    border:1px dashed #354ea14a;
    padding:9px;
    object-fit:cover;
    border-radius:0 20px;
    cursor:pointer
}
.btn_gallery{
    background:#354ea1;
    border-radius:0 10px
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-size:20px!important;
    color:#fff
}
.popup{
    display:none;
    position:fixed;
    width:100%;
    left:0;
    top:0;
    background:#0000004a;
    z-index:10000;
    height:100%
}
.btn-close,.popup a,.popup img{
    position:absolute
}
.popup img{
    width:100%;
    max-width:450px;
    top:0;
    bottom:0;
    border:1px dashed #e1e1e1;
    padding:20px;
    border-radius:0 20px;
    animation:2s ease-out zoom-in-zoom-out
}
@keyframes zoom-in-zoom-out{
    0%,100%{
        transform:scale(1,1)
    }
    50%{
        transform:scale(1.1,1.1)
    }
}
.popup a{
    top:50px;
    display:flex;
    height:40px;
    max-width:40px;
    width:100%;
    background:#fff;
    border-radius:50%;
    justify-content:center;
    align-items:center;
    color:#263772
}
.btn-close{
    right:-15px;
    top:-15px;
    background-image:url(../images/close.png);
    opacity:1;
    width:20px;
    height:20px;
    background-size:cover
}
.project_table table tr,.project_table table tr td{
    border:1px solid #ffffff1c;
    padding:10px 20px;
    font-size:13px
}
.project_table{
    background-color:var(--main-bgcolor);
    color:#fff;
    padding:10px 20px;
    border-top-left-radius:30px
}
.project_table table tr th{
    padding:10px 20px;
    border:1px solid #ffffff1c;
    font-weight:500;
    font-size:15px
}
.project_table h3{
    background:#fff;
    color:#354ea1;
    text-align:center;
    border-radius:10px 10px 0 0;
    font-size:18px;
    padding:6px 0;
    margin-bottom:0;
    font-weight:500
}
.our_project_img{
    background:#f5f5f5;
    padding:30px 0;
    border-radius:0 0 30px
}
.our_project_img img{
    object-fit:cover;
    max-width:440px;
    margin:auto;
    display:block;
    object-position:65% 76%;
    height:300px
}
.main_our_project_row{
    align-items:center;
    background:#354ea1;
    border-radius:33px 0
}
.btn-whatsapp-pulse,.btn-whatsapp-pulse-border::before{
    border-radius:50%;
    animation-duration:1.5s;
    animation-timing-function:ease-out;
    animation-iteration-count:infinite
}
.btn-whatsapp-pulse{
    background:#25d366;
    color:#fff;
    position:fixed;
    bottom:20px;
    right:20px;
    font-size:33px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:0;
    height:0;
    padding:28px;
    animation-name:pulse;
    z-index:10000
}
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.5)
    }
    80%{
        box-shadow:0 0 0 14px rgba(37,211,102,0)
    }
}
.btn-whatsapp-pulse-border{
    bottom:40px;
    right:20px;
    animation-play-state:paused
}
.btn-whatsapp-pulse-border:hover{
    color:#fff
}
.btn-whatsapp-pulse-border::before{
    content:"";
    position:absolute;
    padding:25px;
    border:5px solid #25d366;
    opacity:.75;
    animation-name:pulse-border
}
@keyframes pulse-border{
    0%{
        padding:25px;
        opacity:.75
    }
    75%{
        padding:50px;
        opacity:0
    }
    100%{
        opacity:0
    }
}
.thank_you_section{
    height:76vh;
    background:#f8faf7
}
.thank_you img{
    width:100%;
    max-width:80px
}
.thank_you a{
    background:#17234d;
    padding:10px 20px;
    color:#fff;
    font-size:14px;
    border-radius:0 10px
}
.br-30{
    height:60px
}
@media (min-width:1240px){
    .container{
        max-width:1240px
    }
}
.home_section{
    background-image:linear-gradient(#1e2e68,#141e42);
    height:550px;
    position:relative;
    overflow:hidden
}
.hero_animation{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100vw;
    height:100vh;
    opacity:.1;
    transform:rotate(45deg);
    position:absolute;
    left:-25%;
    top:-25%
}
.line{
    width:200vw;
    height:2px;
    margin:0 0 1vh;
    background:#fff;
    opacity:.1;
    animation:15s ease-in-out infinite wave
}
@keyframes wave{
    0%,100%{
        opacity:.1;
        transform:scale(1.3) rotateX(45deg) rotateY(45deg)
    }
    50%{
        opacity:1;
        transform:scale(1.5) rotateX(22.5deg) rotateY(-45deg)
    }
}
.line:nth-of-type(n){
    animation-delay:calc(-150ms * var(--n))
}
.carousel-slide{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;
    visibility:hidden;
    transition:opacity 1s ease-in-out,visibility 1s ease-in-out
}
.button-container,.carousel-image img,.carousel-text{
    opacity:0;
    transition:opacity 1s ease-in-out,transform 1s ease-in-out
}
.carousel-slide.active{
    opacity:1;
    visibility:visible
}
.carousel-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
    height:100%;
    padding:0 5%
}
.carousel-text{
    color:#fff;
    font-size:50px;
    font-weight:700;
    text-align:left;
    line-height:1.2;
    flex:1;
    transform:translateY(20px)
}
.carousel-slide.active .button-container,.carousel-slide.active .carousel-text{
    opacity:1;
    transform:translateY(0)
}
.carousel-image{
    flex:1;
    display:flex;
    justify-content:flex-end;
    height:480px;
    align-items:center;
    position:relative
}
.carousel-image img{
    max-width:100%;
    max-height:80%;
    object-fit:contain;
    transform:scale(.95)
}
.carousel-slide.active .carousel-image img{
    opacity:1;
    transform:scale(1)
}
.button-container{
    margin-top:30px;
    display:flex;
    gap:20px;
    transform:translateY(20px)
}
.btn{
    padding:12px 24px;
    font-size:18px;
    font-weight:700;
    border-radius:5px;
    transition:background-color .3s,color .3s
}
.btn-primary{
    background-color:#2e469e;
    color:#fff;
    border:2px solid #2e469e
}
.btn-primary:hover{
    background-color:#0056b3;
    border-color:#0056b3
}
.btn-secondary{
    background-color:transparent;
    color:#fff;
    border:2px solid #fff
}
.btn-secondary:hover{
    background-color:rgba(255,255,255,.1)
}
@media (max-width:768px){
    .home_section{
        height:650px
    }
    .carousel-content{
        flex-direction:column;
        justify-content:center;
        padding:20px
    }
    .carousel-text{
        font-size:28px;
        text-align:center;
        margin-bottom:15px
    }
    .carousel-image{
        height:auto;
        justify-content:center;
        margin-top:15px
    }
    .carousel-image img{
        max-width:80%;
        max-height:35vh
    }
    .button-container{
        flex-direction:column;
        align-items:center;
        margin-top:20px;
        gap:15px
    }
    .btn{
        padding:10px 20px;
        font-size:16px;
        width:80%;
        max-width:200px
    }
}
@media (max-width:480px){
    .carousel-text{
        margin-top:30px;
        font-size:28px
    }
    .carousel-image img{
        max-width:90%;
        max-height:30vh
    }
    .btn{
        padding:8px 16px;
        font-size:14px
    }
}
.mt-20{
    font-size:32px
}