/* Prevent carousels from causing page-wide horizontal scroll */
#events .owl-stage-outer,
#testimonials .owl-stage-outer,
#team .owl-stage-outer {
  overflow: hidden !important;
}

/* Also neutralize unnecessary horizontal scrollbars on body/html */
html, body {
  overflow-x: hidden;
}

html {
  overflow-y: auto;
  margin: 0 !important;
  margin-top: 0 !important;
}
body.admin-bar .topbar {
  margin-top: 32px;
}

/*#slider .owl-carousel .owl-item img{
  width: 100% !important;
}*/
header,section,footer {
  z-index: 0
}
button.owl-dot {
  border-radius: 50%;
}
.owl-nav button {
  z-index: 3;
  cursor: pointer !important;
}
/*--------slider------*/
.banner-inner-wrapper2 {
  position: relative;
  overflow: hidden;
}
.slider-banner-image {
  width: 100%;
  height: 100%;
}
.slider-banner-image img {
  width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-width: 0px 0px 15px 15px;
    border-style: solid;
    border-color: #C0DFFB;
    border-radius: 110px 0px 0px 110px;
}

#banner{
    position: relative;
    background: #F7F7F7;
}
h6.banner-sm-heading {
    letter-spacing: 2.6px;
    font-size: 18px;
    background: #067EEF;
    font-family: 'Roboto Flex';
    border-radius: 50px;
    display: inline-block;
    padding: 12px 15px;
    color: #ffffff;
}
h2.banner-heading {
    font-size: 75px;
    line-height: 90px;
}
p.banner-text {
    font-weight: 500;
    line-height: 32px;
}
a.banner-btn1,a.about-btn,a.serv-btn,a.gallery-otr-btn,a.plan-otr-btn {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #ffffff;
    background: #067EEF;
    border-radius: 50px;
    padding: 10px 25px 7px 25px;
}
.serv-btn.btn-dark-blue,a.plan-otr-btn {
    background-color: #002A66 !important;
}

.serv-btn.btn-light-blue {
    background-color: #067EEF !important;
}

.banner-text-wrap {
    padding-left: 27%;
}
#banner .owl-nav i {
    font-size: 22px;
    color: #ffffff;
    border: 0.5px solid #ffffff;
    border-radius: 50%;
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
}
#banner .owl-nav {
    position: absolute;
    right: 100px;
    top: 50%;
    transform: translateY(-50%);
}
#banner button.owl-next, #banner button.owl-prev {
    border: none;
    background: none;
    display: flex;
    margin: 15px 0px;
}
#banner .owl-nav i:hover {
    background: #067EEF;
    border-color: #067EEF;
}
h2.banner-bg-big-hd {
    color: #F0F0F0;
    font-size: 185px;
    position: absolute;
    bottom: 0;
    left: 0;
}
/*----------about-----------*/
h6.abt-sm-head,h6.sevc-sm-head,h6.project-sm-hd,h6.work-sm-head,h6.prtnr-sm-hd,h6.gallry-sm-head,h6.chose-sm-head,h6.plan-sm-head,h6.team-sm-hd,h6.testi-sm-head,h6.blog-sm-hd {
    font-size: 16px;
    background: #067EEF;
    border-radius: 50px;
    display: inline-block;
    padding: 12px 15px;
    letter-spacing: 2.6px;
    color: #ffffff;
}
h2.abt-head {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}
p.abt-txt {
    line-height: 32px;
}
h6.featur-name {
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
}
p.featur-txt {
    font-size: 14px;
}
.abt-feture-icn {
    background: #10202E;
    border-radius: 50%;
    width: 53px;
    height: 53px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.about-img1 img {
    border-radius: 30px;
}
.abt-review-box {
    background: #F7F7F7;
    border-radius: 20px;
    position: absolute;
    right: -20px;
    bottom: 30px;
    width: 281px;
    height: 259px;
    z-index: 9;
    justify-content: center;
    display: grid;
}
p.abt-rvw-txt {
    font-size: 12px;
    line-height: 22px;
}
h6.abt-cut-name {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}
p.abt-cus-desig {
    font-size: 12px;
}
.abt-cust-dtls-box {
    display: inline-flex;
    gap: 15px;
}
span.abt-custm-img img {
    width: 100%;
    height: auto;
    border-radius: 50%;
}
.abt-lft-img-box {
    position: relative;
}
/*----------services--------------*/
.serv-img-box img {
    border-radius: 20px 20px 0px 0px;
    padding: 1px;
}
a.servc-title {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
}
p.serv-inn-txt {
    font-size: 15px;
     display: -webkit-box;
    -webkit-line-clamp: 3; /* desktop default */
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.serv-cont-box {
    background: #ffffff;
    border-radius: 20px;
    margin-top: -1rem;
    z-index: 9;
    position: relative;
}
.servce-icon-svg {
    background: #002A66;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.servc-content {
    background: #ffffff;    
    border-radius: 20px;
    position: relative;
    border-radius: 1px dashed transparent;
}
.plum-icon-serv {
    position: absolute;
    right: 25px;
    top: -20px;
}
.serv-img-box {
    border: 0.5px solid #D7D7D7;
    border-radius: 18px 18px 0px 0px;
}
.service-wrapper{
    position: relative;
}
h2.serv-bg-big-hd {
    font-size: 190px;
    color: #F0F0F0;
    text-transform: uppercase;
    position: absolute;
    bottom: 10%;
    left: 0;
}
/*----------latest-projet-----*/
.projct-info img {
    border-radius: 30px;
}
.latest-box,.proj-arw-plce {
    position: relative;
}
.projct-detail-box {
    background: #ffffff;
    border-radius: 14px;
    border: 0.5px solid #D7D7D7;
    box-shadow: 4px 0px 0px 0px #067EEF inset;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 303px;
    height: 95px;
    margin: auto;
}
.proj-btn {
    position: relative;
    display: inline-block;
}

a.proj-btn i {
    color: #ffffff;
    background: #002A66;
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 22px;
    transform: rotate(-45deg);
    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    position: relative;
}

/*a.proj-btn i {
    color: #ffffff;
    background: #002A66;
    width: 42px;
    height: 42px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 22px;
    transform: rotate(-45deg);
}*/
.proj-btn::before {
    content: "";
    position: absolute;
    inset: -8px;
    border-radius: 50%;
    border: 3px solid rgba(6, 126, 239, 0.35);
    opacity: 0;
    transform: scale(0.6);
    transition: all 0.45s ease;
}
.latest-box:hover .proj-btn i {
    background: #067EEF;
    transform: rotate(0deg) scale(1.12);
    box-shadow: 0 10px 25px rgba(6, 126, 239, 0.45);
}

.latest-box:hover .proj-btn::before {
    opacity: 1;
    transform: scale(1);
}
.latest-box:hover .proj-btn-arow-box {
    transform: translateY(-6px);
    transition: transform 0.45s ease;
}
.proj-btn-arow-box {
    position: absolute;
    right: 10px;
    bottom: 60px;
}
.latest-box .projct-detail-box {
    opacity: 0;
    transition: 0.3s ease;
}
.owl-item.center .latest-box .projct-detail-box {
    opacity: 1;
}
p.projct-sm-hd {
    font-size: 14px;
}
h6.projct-name,h6.projct-name a {
    font-size: 22px;
    font-weight: 400;
    text-transform: capitalize;
}
/*-----------work-process-----------*/
/* --- Positioning box around icon --- */
.wrk-svg-bordr {
    position: relative;
}

.step-rotate-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;       /* orbit circle */
    height: 180px;
    margin-top: -90px;  /* half of width/height */
    margin-left: -90px;
    pointer-events: none; /* prevent blocking hover */
}
/* --- Rotation animation --- */
.work-icon-box:hover ~ .step-rotate-box {
    animation: orbit-rotate 2s linear infinite;
}

/* --- Keyframes --- */
@keyframes orbit-rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.work-step-no {
    position: absolute;
    top: 30px;
    right: 15%;
    background: #067EEF;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-family: 'Familjen Grotesk';
}
.work-icon-box {
    border: 1px dashed transparent;
    width: 140px;
    height: 140px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.work-icon-box:hover{
    border-color: #ffffff;
}
section#work_process:before,section#pricing_plan:before,div#footer:before {
    content: '';
    background: rgba(0, 42, 102, 0.85);
    position: absolute;
    inset: 0;
    z-index: -1;
}
section#work_process,section#pricing_plan,div#footer {
    position: relative;
    z-index: 0;
}
h2.work-head,h2.prtnr-hd,h2.plans-head{
    color: #ffffff;
}
.workp-icon {
    background: #ffffff;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
h6.work-inn-head {
    font-size: 22px;
    font-weight: 500;
    color: #ffffff;
    text-transform: capitalize;
}
p.work-inn-txt {
    font-size: 14px;
    color: #C5C5C5;
}
.work-bg-op {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
}

/*---------partner----------*/
.prtnr-img-box {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
}
.prtnr-img {
    max-height: 70px;
    width: auto;
    object-fit: contain;
    filter: grayscale(100%) brightness(0.85);
    transition: all 0.45s ease;
    transform: scale(1);
}
.prtnr-img-box:hover {
    border-color: #067EEF;
    border-width: 3px;
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(6, 126, 239, 0.25);
    background: rgba(6, 126, 239, 0.05);
}

.prtnr-img-box:hover .prtnr-img {
    filter: grayscale(0%) brightness(1);
    transform: scale(1.08);
}
.prtnr-img-box::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(
        circle at center,
        rgba(6, 126, 239, 0.18),
        transparent 70%
    );
    opacity: 0;
    transition: opacity 0.45s ease;
    pointer-events: none;
}

.prtnr-img-box:hover::after {
    opacity: 1;
}
#partner .owl-carousel.owl-drag .owl-item {
    margin-top: 10px !important;
}
.owl-carousel .owl-item img.prtnr-img {
    max-height: 70px;    /* ensures consistent logo sizing */
    width: auto;
    object-fit: contain;
    filter: none;
}
/*----------gallery------------*/
img.gllry-lft-img {
    border-radius: 20px;
    width: 100%;
    height: 412px;
    object-fit: cover;
}
img.gllry-lft-img{  
  background-size: cover;
  transition: all .5s cubic-bezier(1,-0.99,.14,1.8);
  outline: solid 0px #002A66;
}  
  img.gllry-lft-img:hover{
    outline: solid 2rem #002A66;
    outline-offset: -2rem;
}
/*----------choose-us--------*/
h2.chose-head {
    font-size: 50px;
    font-weight: 600;
    line-height: 60px;
}
p.chose-txt {
    line-height: 32px;
}
h6.chose-featur-name {
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
}
h6.chose-cut-name {
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
}
p.chose-cus-desig {
    font-size: 12px;
    font-weight: 400;
}
.chose-custm-img img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.featur-chose-dtls {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.chose-review-box {
    border-left: 0.5px solid #CCCCCC;
}
.chose-lft-img-box {
    position: relative;
}
.choose-img1 img {
    border-radius: 30px;
    width: 418px;
    height: 416px;
    object-fit: cover;
}
.choose-img3 img:hover {
    border-color: #002A66;
    transform: scale(1.1);
}
.choose-img1 img:hover {
    transform: scale(1.1);
    border: 5px dashed #002A66;
}
.choose-img2 {
    position: absolute;
    right: 60px;
    top: 0;
}
.choose-img3 {
    position: absolute;
    right: 50px;
    top: 53%;
}
.vido-btn-plce {
    position: absolute;
    top: 90%;
    left: 40px;
}
.choose-img3 img {
    border-radius: 30px;
    border: 11px solid #ffffff;
    width: 361px;
    height: 345px;
    object-fit: cover;
}
.video-icon-box {
    position: relative;
    width: 118px;
    height: 118px;
    background: #002A66;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 113px;
    height: 113px;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
.chse-fetr-points:hover .chose-feture-icn svg path {
    fill: #002A66;
}
i.play-icon,i.fas.play-icon {
    color: #ffffff;
    font-size: 26px;
    z-index: 2;
}
.video-circle-text {
    animation: rotateText 12s linear infinite;
}

@keyframes rotateText {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to   { transform: translate(-50%, -50%) rotate(360deg); }
}
.choose-wrapper,section#choose_us {
    position: relative;
}
h2.chose-bg-big-hd {
    color: #F0F0F0;
    font-size: 191px;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    bottom: 29px;
    left: 0;
    z-index: -1;
}
.video-icon-box:hover {
    background: #067EEF;
}
/*-----pricing-plan-----------*/
.inner-plans-box {
    background: #ffffff;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
}
.pln-spekr-icn {
    background: #067EEF;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
h6.plans-inn-hd {
    font-size: 20px;
    font-weight: 700;
    text-transform: capitalize;
    color: #000000;
}
p.plans-inn-txt {
    font-size: 16px;
    color: #404040;
}
h3.plans-price {
    font-size: 40px;
    color: #000000;   
}
.pln-price-tag{
     border-bottom: 0.5px solid rgba(0, 0, 0, 0.5);
}
.inner-plans-box:hover {
    background: #067EEF;
}
span.pln-permonth {
    font-size: 15px;
    font-weight: 400;
    color: #404040;
    font-family: "Roboto Flex", sans-serif;
    text-transform: lowercase;
}
ul.plans-list {
    list-style: none;
}
span.planslist-item{
    font-size: 16px;
    color: #404040;
    font-weight: 400;
    font-family: "Roboto Flex", sans-serif;
    line-height: 30px;
}
.inner-plans-box:hover h6.plans-inn-hd,.inner-plans-box:hover p.plans-inn-txt,.inner-plans-box:hover h3.plans-price,.inner-plans-box:hover span.pln-permonth,.inner-plans-box:hover span.planslist-item,.inner-plans-box:hover {
    color: #ffffff;
}
.inner-plans-box:hover span.pln-star-icn svg path{
    fill: #ffffff;
}
.inner-plans-box:hover .pln-price-tag{
    border-color: #ffffff;
}
.inner-plans-box:hover a.plan-otr-btn{
    background: #ffffff !important;
    color: #067EEF;
}
.inner-plans-box:hover .pln-spekr-icn{
    background: #002A66;
}
/*------------team-----------*/
h6.team-name a, h6.team-name {
    font-size: 22px;
    font-weight: 500;
    color: #10202E;
    text-transform: capitalize;
}
p.team-desig {
    font-size: 15px;
}
.team-info-box {
    position: relative;
    border: 0.5px solid rgba(215, 215, 215, 0.5);
    border-radius: 20px;
}
.professl-info img {
    border-radius: 20px 20px 0px 0px;
}
.team-soco-x-icn {
    background: #002A66;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.team-detail-box {
    background: #ffffff;
    border-radius: 20px;
    margin-top: -24px;
    z-index: 99;
    position: relative;
}
.tm-soco-click {
    position: absolute;
    right: 12px;
    bottom: 84px;
}
/* Social icons container */
.team-socialbox {
    opacity: 0;
    display: grid;
    gap: 10px;
    text-align: center;
    align-items: center;
    justify-content: center;
    transform: translateY(10px) scale(0.8);
    transition: all 0.35s ease-in-out;
    pointer-events: none;
}
/* Animate when hovered */
.team-soco-box:hover .team-socialbox {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: all;
}
/* Social icons */
.team-socialbox a i {
    background: #ffffff;
    color: #000000;
    font-size: 14px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0.5);
    transition: 0.35s ease;
}

/* Stagger animation for each icon */
.team-socialbox a:nth-child(1) i { transition-delay: 0.05s; }
.team-socialbox a:nth-child(2) i { transition-delay: 0.10s; }
.team-socialbox a:nth-child(3) i { transition-delay: 0.15s; }
.team-socialbox a:nth-child(4) i { transition-delay: 0.20s; }

/* On hover: lift + pop animation */
.team-soco-box:hover .team-socialbox a i {
    opacity: 1;
    transform: scale(1);
}
.team-socialbox a i:hover {
    box-shadow: 0 0 10px rgba(0,42,102,0.4);
    transform: scale(1.15);
}
.team-soco-x-icn {
    transition: 0.4s ease;
}

.tm-soco-click:hover .team-soco-x-icn {
    transform: rotate(180deg);
}
/* TWITTER */
.tm-twitter i:hover,.tm-insta i:hover,.tm-pinterest i:hover,.tm-facebook i:hover {
    color: #ffffff;
    background: #067EEF;
}
section#team button.owl-prev i,section#team button.owl-next i,section#testimonials button.owl-prev i,section#testimonials button.owl-next i {
    font-size: 22px;
    color: #002A66;
    border: 1px solid #002A66;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
section#team button.owl-prev,section#team button.owl-next,section#testimonials button.owl-prev,section#testimonials button.owl-next {
    border: none;
    background: transparent;
}
section#team .owl-nav {
    text-align: center;
    padding-top: 50px;
}
section#testimonials .owl-nav{
    text-align: center;
    padding-top: 35px;
}
section#team button.owl-prev i:hover,section#team button.owl-next i:hover,section#testimonials button.owl-prev i:hover,section#testimonials button.owl-next i:hover {
    background: #067EEF;
    color: #ffffff;
    border-color: #067EEF;
}
/*--------------counter-----------*/
/* Counter card base */
.cunter-info {
    background: #002A66;
    border-radius: 20px;
    position: relative;
    overflow: hidden;

    transition: 
        background 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

/* Hover lift + depth */
.cunter-info:hover {
    background: #067EEF;
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 22px 45px rgba(6, 126, 239, 0.35);
}

/* Light sweep animation */
.cunter-info::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.18),
        transparent
    );
    transition: 0.6s ease;
}

.cunter-info:hover::before {
    left: 120%;
}

/* Number animation */
.cunter-info h3.excl-no {
    transition: transform 0.35s ease;
}
/* Divider glow */
h3.excl-no {
    font-size: 36px;
    font-weight: 700;
    color: #ffffff;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
    transition: border-color 0.35s ease;
}

.cunter-info:hover h3.excl-no {
    border-bottom-color: rgba(255,255,255,0.9);
}

/* Counter name subtle rise */
p.counter-name {
    font-size: 19px;
    color: #ffffff;
    transition: transform 0.35s ease, letter-spacing 0.35s ease;
}

.cunter-info:hover p.counter-name {
    transform: translateY(-4px);
    letter-spacing: 0.5px;
}
#counter_section .owl-carousel .owl-stage {
    margin: 60px 0px;
}
/*-----------tstimonial--------*/
.testi-text {
    position: relative;
    border: 0.5px solid rgba(215, 215, 215, 0.7);
    border-radius: 20px;
    background: #ffffff;
    transition: all 0.5s ease;
}
.testimonial-text-section:hover .testi-text{
    border: 0.5px solid rgba(6,126,239, 0.7);
}
.testimonial-text-section:hover .testi-text::before{
    border-top-color: rgba(6,126,239, 0.7);
}
.testimonial-text-section{
    overflow: hidden;
  transition: all 0.5s ease;
  position: relative;
}
.testimonial-text-section::after {
  content: "";
  position: absolute;
  top: -75%;
  left: -79%;
  width: 50%;
  height: 250%;
  background: linear-gradient(120deg, rgba(6,126,239,0.05) 0%, rgba(6,126,239,0.3) 50%, rgba(6,126,239,0.05) 100%);
  transform: rotate(25deg);
  transition: all 0.7s ease;
}

.testimonial-text-section:hover::after {
  left:90%;
  top: -75%;
}

/*.testimonial-text-section:hover {
  box-shadow: 0 0 25px rgba(6,126,239,0.3);
}*/
/* Bubble pointer */
.testi-text::after {
    content: "";
    position: absolute;
    bottom: -29px;
    left: 15%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 8px solid transparent;
    border-top: 29px solid #ffffff;
    z-index: 2;
}

/* Border outline for pointer */
.testi-text::before {
    content: "";
    position: absolute;
    bottom: -31px;
    left: 15%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-right: 8px solid transparent;
    border-top: 30px solid rgba(215, 215, 215, 0.7);
    z-index: 1;
}

p.testi-contnt {
    font-size: 15px;
    font-weight: 300;
    line-height: 26px;
}
.testi-img img {
    border-radius: 50%;
    width: 60px !important;
    height: 60px;
    object-fit: cover;
}
h6.tsti-name,h6.tsti-name a.testi-title {
    font-size: 22px;
    font-weight: 500;
    color: #10202E;
    text-transform: capitalize;
}
p.testi-desig {
    font-size: 15px;
}
.testi-details {
    padding-top: 43px;
}
section#testimonials .owl-item.center .quote-icon-svg svg path{
    fill: #067EEF;
}
/*-----------------blog----------------*/
span.blg-authr-name a {
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
}
span.blog-authr-img i {
    color: #ffffff;
    font-size: 15px;
}
.blog-athr-box {
    background: #002A66;
    border-radius: 50px;
    display: inline-block;
    padding: 6px 15px;
    position: absolute;
    top: -15px;
    left: 30px;
}
a.blg-inn-hd {
    font-size: 22px;
    font-weight: 500;
    color: #10202E;
    font-family: 'Familjen Grotesk';
    text-transform: capitalize;
    line-height: normal;
}
p.blg-inn-txt {
    font-size: 15px;
}
.bdate,a.comnt-count {
    font-size: 15px;
    font-weight: 400;
    color: #10202E;
}
span.date-icon i,.blog-comment i,.blog-comment i.fas {
    color: #067EEF;
    font-size: 15px;
}
.blog-info {
    border: 0.5px solid #D7D7D7;
    border-radius: 20px;
    background: #ffffff;
}
a.blg-btn {
    font-size: 18px;
    font-weight: 500;
    color: #10202E;
    font-family: 'Familjen Grotesk';
    line-height: normal;
}
.blog-img img {
    width: 100%;
    border-radius: 20px 20px 0px 0px;
    padding: 1px;
}
.blog-inn-contnt {
    border-bottom: 1px solid #C2C2C2;
}
.blog-information {
    border-radius: 20px;
    background: #ffffff;
    margin-top: -22px;
    z-index: 99;
    position: relative;
}
/* Hover effect */
h6.tsti-name:hover, h6.tsti-name a.testi-title:hover,a.blg-btn:hover,.bdate:hover, a.comnt-count:hover,h6.projct-name:hover, h6.projct-name a:hover{
    color: #067EEF;
}
.abt-feture-icn:hover {
    transform: rotate(360deg);
    background: #067EEF;
}
.servc-content:hover .servce-icon-svg {
    transform: scale(1.2);
    background: #067EEF;
}
.servc-content:hover {
    border: 1px dashed #067EEF;
}
.hover15 figure{
    overflow: hidden;
}
.hover15 figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.hover15 figure:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
/* My Custom Css */
.ico,#footer input[type="submit"] {
  transition:all 0.5s;  
}
/* Button style */

.btn-1,.btn-2 {
  font-family: "Roboto Flex", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 12px;
  text-align: center;
  color: #067EEF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 200px;
  height: 50px;
  position: relative;
  z-index: 1;
  transition: 0.3s ease-in-out;
}
.btn-1 {
  background: #ffffff;
}
.btn-2 {
  background: #E8E8E8;
}
.btn-1 span ,.btn-2 span {
  width: 100%;
  height: 100%;
  max-width: 10px;
  background: #067EEF;
  position: absolute;
  left: 0;
  transition: 0.3s ease-in-out;
  z-index: -1
}
.btn-1:hover span ,.btn-2:hover span {
  max-width: 100%;
}
.btn-1:hover,.btn-2:hover {
  color: #ffffff
}
/* Shine */
.hover14 figure {
    position: relative;
    overflow: hidden;
}
.hover14 figure::before {
    position: absolute;
    top: 0;
    left: -81%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
/* Trigger the shine effect when the whole blog-info is hovered */
.blog-info:hover .hover14 figure::before,.abt-left-img-box:hover .hover14 figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.hover13 figure:hover img {
  animation: slideInLeft 0.6s ease forwards;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/* Circle */
.hover15 figure{
    overflow: hidden;
}
.hover15 figure::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.2);
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.hover15 figure:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
/*hover effect*/
.user-img,.tbr-social-icn-box i,i.tbr-phn, i.fas.tbr-phn,#footer_box .socialbox i,.tbr-addrs-box:hover svg{
  transition: transform 0.3s ease, filter 0.3s ease;
  cursor: pointer;
}

.tbr-addrs-box:hover svg,.tbr-call-box:hover svg,.tbr-mail-box:hover svg{
  transform: scale(1.2); /* zoom in */
  filter: brightness(0) saturate(100%) invert(14%) sepia(25%) saturate(3519%) hue-rotate(244deg) brightness(94%) contrast(94%);
}
a.abt-cllnum:hover{
    color: #2E164E;
}
figure{
    margin:0;
}
#zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#zoomIn:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 9;
    position: relative;
}
  /*hover-effects*/
.plce-detail-box{
    position: relative;
}
.hover13 figure:hover .place-img img {
  animation: slideInLeft 0.6s ease forwards;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
#zoomIn img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#zoomIn:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 9;
    position: relative;
}
a.blg-inn-hd2:hover,a.blg-inn-hd1:hover,a.testi-title:hover,a.servc-title:hover,h6.team-name a:hover,a.story-inn-hd1:hover,h3.event-title a:hover,a.achmnt-cllnum:hover, a.achmnt-mail:hover,a.blg-inn-hd:hover{
    color: #067EEF;
}
.blog-athr-box:hover{
    background: #067EEF;
}
.event-item:hover {
    background: #fef3e5;
    border: 1px solid #067EEF;
}
/* Common hover effect wrapper */
.hover18 figure {
  position: relative;
  overflow: hidden;
  margin: 0;
  cursor: pointer;
}

.hover18 figure img {
  display: block;
  transform: scale(1);
  transition: transform 0.6s ease, filter 0.6s ease;
}

/* Zoom-out + slight dark overlay on hover */
.hover18 figure::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 1;
}

.hover18:hover figure img {
  transform: scale(1.08);
  filter: brightness(0.9);
}

.hover18:hover figure::before {
  opacity: 1;
}

/* Optional: subtle lift effect */
.hover18 {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.hover18:hover {
  transform: translateY(-5px);
}
/*--button animation---------*/
a.cbthdr-vol-btn,a.banner-btn1,a.about-btn,a.serv-btn,a.gallery-otr-btn,a.plan-otr-btn {
    --btn-hover-accent: #002A66;
}
.btn5:hover{
    box-shadow:
        0px 0px 0 3px #ffffff,
        0 0px 0 3px #ffffff,
        5px 0px 0 5px var(--btn-hover-accent),
        6px 0 0 3px #ffffff,
        -5px 0 0 5px var(--btn-hover-accent),
        -5px 0 0 5px #ffffff;

    background: #ffffff !important;
    color: var(--btn-hover-accent) !important;
    border-bottom: solid 3px var(--btn-hover-accent);
}

.btn5{
    transition: 0.5s ease-in-out;
    box-shadow: 0px 0px 0 3px transparent,
     0 0px 0 3px transparent,
      5px 0px 0 5px transparent,
       10px 0 0 3px transparent,
        -5px 0 0 5px transparent,
         -10px 0 0 5px transparent;
    border-bottom: solid 3px transparent;
}