/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
.fl-theme-builder-header-sticky.fl-theme-builder-header-scrolled .fl-row-content-wrap
{
    background-color: rgba(0, 0, 0, 0.85);	
	    padding-top: 10px;
    padding-bottom: 10px;
}
.top-header-contact .fl-list.fl-list-regular
{
    display: flex;
    align-items: center;  
}
.top-header-contact .fl-list.fl-list-regular .fl-list-item:first-child
{
border-right: 1px solid #eeeeee;
    padding-right: 15px;
}
.top-header-contact .fl-list.fl-list-regular .fl-list-item:last-child
{
    padding-left: 10px; 
}
.top-header-icons .fl-module-content.fl-node-content .uabb-module-content .adv-icon-link
{
margin-bottom: 0; 
}
.mega-menu-sec div#mega-menu-wrap-header .max-mega-menu#mega-menu-header li.mega-menu-item a.mega-menu-link ~ ul.mega-sub-menu
{
margin-top: 25px;
	box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.25rem 0.25rem rgba(0, 0, 0, 0.34);
}
.banner-txt-icon .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text
{
position: relative; 
}
.banner-txt-icon .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:before
{
  content: "";
    position: absolute;
    width: 18px;
    height: 6px;
    border-radius: 3px;
    background-color: #044a95;
    top: 10px;
    left: -57px;
}
.banner-txt-icon .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:after
{
content: "";
    position: absolute;
    width: 25px;
    height: 6px;
    border-radius: 3px;
    background-color: #044a95;
    top: 10px;
    left: -33px;
}
.banner-txt-icon-two.banner-txt-icon .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:before
{
content: "";
    position: absolute;
    width: 18px;
    height: 6px;
    border-radius: 3px;
    background-color: #044a95;
    top: unset;
    right: -57px;
    left: unset;
    bottom: 10px;
}
.banner-txt-icon-two.banner-txt-icon .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:after
{
content: "";
    position: absolute;
    width: 25px;
    height: 6px;
    border-radius: 3px;
    background-color: #044a95;
    top: unset;
    left: unset;
    bottom: 10px;
    right: -33px;	
}
.banner-txt-icon.banner-txt-icon-white .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:before,
.banner-txt-icon.banner-txt-icon-white .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:after
{
 background-color: #ffffff;	
}
.banner-txt-icon.banner-txt-icon-lit-blue .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:before,
.banner-txt-icon.banner-txt-icon-lit-blue .fl-module-content.fl-node-content h5.fl-heading span.fl-heading-text:after
{
 background-color: #bedeff;	
}
.main-bg-txt .fl-module-content.fl-node-content .fl-heading span.fl-heading-text span
{
    color: #044a95; 
}
.banner-btn .fl-module-content.fl-node-content .fl-button-group-buttons .fl-button-group-button:first-child a.fl-button
{
background: transparent;
}
.banner-btn .fl-module-content.fl-node-content .fl-button-group-buttons .fl-button-group-button:first-child a.fl-button span.fl-button-text
{
color:  #044a95;
}
.banner-btn .fl-module-content.fl-node-content .fl-button-group-buttons .fl-button-group-button:first-child a.fl-button:hover span.fl-button-text
{
color: #050a1e; 
}
.right-col-sec
{
padding: 20px;
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(28px) brightness(130%);
    backdrop-filter: blur(28px) brightness(130%);
    border-radius: 20px;
    border: 1px solid #e6f2fb;
      box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.14);
}
.right-col-sec .play-icon .fl-module-content.fl-node-content .uabb-modal-action-wrap 
{
  position: relative;
}
.right-col-sec .play-icon .fl-module-content.fl-node-content .uabb-modal-action-wrap .uabb-modal-action
{
     background: #fff;
    padding: 40px;
    height: 100px;
    width: 100px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    display: inline-flex;
    align-items: center;
    transition: all 0.25s ease;
}
.right-col-sec .play-icon .fl-module-content.fl-node-content .uabb-modal-action-wrap .uabb-modal-action:hover {
    transform: translate(-50%, -50%) scale(1.1);
    background: #ffffff;
}
.right-col-sec .play-icon .fl-module-content.fl-node-content .uabb-modal-action-wrap .uabb-modal-action {
    animation: pulse-animation 2s infinite;
}
.box-animation .fl-module-content.fl-node-content .uabb-infobox
{
position: relative; 
  z-index: 1;
      box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.14);
}

.box-animation .fl-module-content.fl-node-content .uabb-infobox:before
{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background-color: #044a95;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    top: 0;
    z-index: -1;
    clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
    transition: 0.4s; 
}
.box-animation .fl-module-content.fl-node-content .uabb-infobox:hover:before
{
    clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%); 
}

.box-animation .fl-module-content.fl-node-content .uabb-infobox .uabb-image .uabb-image-content img
{
    filter: brightness(1) invert(0);
    transition: 0.5s;
}
.box-animation .fl-module-content.fl-node-content .uabb-infobox:hover .uabb-image .uabb-image-content img,
.social-solution-sec .fl-module-content.fl-node-content .uabb-infobox .uabb-image .uabb-image-content img
{
filter: brightness(0) invert(1);  
}
.box-animation .fl-module-content.fl-node-content .uabb-infobox .uabb-infobox-content .uabb-infobox-title-wrap h3.uabb-infobox-title,
.box-animation .fl-module-content.fl-node-content .uabb-infobox .uabb-infobox-content .uabb-infobox-text-wrap p
{
    transition: 0.5s; 
}
.box-animation .fl-module-content.fl-node-content .uabb-infobox:hover .uabb-infobox-content .uabb-infobox-title-wrap h3.uabb-infobox-title,
.box-animation .fl-module-content.fl-node-content .uabb-infobox:hover .uabb-infobox-content .uabb-infobox-text-wrap p
{
    color: #fff;  
}
.footer-contact ul.uabb-info-list-wrapper.uabb-info-list-left li.uabb-info-list-item .uabb-info-list-content-wrapper .uabb-info-list-icon {
    margin-right: 10px;
}
.footer-contact ul.uabb-info-list-wrapper.uabb-info-list-left li.uabb-info-list-item .uabb-info-list-content-wrapper .uabb-info-list-content .uabb-info-list-description
p, .footer-contact ul.uabb-info-list-wrapper.uabb-info-list-left li.uabb-info-list-item .uabb-info-list-content-wrapper .uabb-info-list-content .uabb-info-list-description p a
{
color: #616161;	
}
.price-head .fl-module-content.fl-node-content h3.fl-heading
{
background: #e3f0ff;
    padding: 30px 0 36px !important;
    border-radius: 15px 40px 15px 15px;
    position: relative;
    z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 165px;
}
.price-head .fl-module-content.fl-node-content h3.fl-heading:before
{
    position: absolute;
    content: "";
    width: 85%;
    border: 1px dashed #7e7e7e;
    height: 80%;
    border-radius: 15px 40px 15px 15px;
    left: 24px;
    top: 16px;	
	transition: 0.5s;	
}
.pricing-anim .fl-col-content.fl-node-content:hover .price-head .fl-module-content.fl-node-content h3.fl-heading:before
{
  border: 1px dashed #dddddd;	
}
.pricing-anim .price-head .fl-module-content.fl-node-content h3.fl-heading:after
{
position: absolute;
    content: "";
    height: 100%;
    width: 0;
    background: url(https://cbnew.project-codingbrains.com/wp-content/uploads/2024/10/pricing2.png);
    right: 0;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.5s;
}
.pricing-anim .fl-col-content.fl-node-content:hover .price-head .fl-module-content.fl-node-content h3.fl-heading:after
{
    width: 100%;
    left: 0;	
}
.pricing-anim .fl-col-content.fl-node-content .price-head .fl-module-content.fl-node-content h3.fl-heading span.fl-heading-text,
.pricing-anim .fl-col-content.fl-node-content .price-head .fl-module-content.fl-node-content h3.fl-heading span.fl-heading-text span
{
transition: 0.5s;
}
.pricing-anim .fl-col-content.fl-node-content:hover .price-head .fl-module-content.fl-node-content h3.fl-heading span.fl-heading-text,
.pricing-anim .fl-col-content.fl-node-content:hover .price-head .fl-module-content.fl-node-content h3.fl-heading span.fl-heading-text span
{
color: #ffffff;
}
.price-head .fl-module-content.fl-node-content h3.fl-heading span.fl-heading-text span
{
    font-size: 20px;
    font-weight: 600;
    display: block;
    font-family: 'Raleway';
    color: #050a1e;	
}
.pricing-list .fl-module-content.fl-node-content .fl-list.fl-list-regular
{
    position: relative;
    z-index: 1;
    padding: 30px 30px 20px;
	    min-height: 540px;
}
.pricing-list .fl-module-content.fl-node-content .fl-list.fl-list-regular:before
{
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: url(https://cbnew.project-codingbrains.com/wp-content/uploads/2024/10/servi-box-bg.png);
    left: 0;
    top: 0;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;	
	border-radius: 10px;
	    box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.14);
}
.slider-icons .slick-track .uabb-image-carousel-item .uabb-image-carousel-content
{
    width: 150px;
    margin: auto;
    height: 50px;
}
.pricing-list.fl-module-list .fl-list-item-content .fl-list-item-content-icon {
    vertical-align: top;
}
.testi-img-line .fl-module-content.fl-node-content .fl-photo.fl-photo-align-center
{
    position: relative;
    z-index: 1;	
}
.testi-img-line .fl-module-content.fl-node-content .fl-photo.fl-photo-align-center:before
{
   position: absolute;
    content: "";
    height: 2px;
    width: 160px;
	 background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(4, 74, 149, 1) 100%);
    left: 0;
    bottom: 0;   
    top: 0;
    margin: auto;
}
.testi-img-line .fl-module-content.fl-node-content .fl-photo.fl-photo-align-center:after
{
     position: absolute;
    content: "";
    height: 2px;
    width: 160px;
background: rgb(4,74,149);
background: linear-gradient(90deg, rgba(4,74,149,1) 0%, rgba(255,255,255,1) 100%);
    right: 0;
    bottom: 0;   
    top: 0;
    margin: auto;
}
.post-grid-sec .fl-module-content.fl-node-content .uabb-blog-posts .uabb-post-wrapper .uabb-blog-posts-shadow
{
    box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.14);	
}
.post-grid-sec .fl-module-content.fl-node-content .uabb-blog-posts .uabb-post-wrapper .uabb-blog-posts-shadow .uabb-blog-post-content .uabb-blog-post-section a
{
font-weight: 600;	
}
.sidebar-post .fl-module-content.fl-node-content .uabb-module-content .uabb-blog-posts-col-1:last-child .uabb-blog-posts-shadow
{
border-bottom: 0;
}
.marquee {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.marquee-content {
  display: flex;
  animation: marquee 20s linear infinite running;
}
/* 
.marquee-content:hover {
  animation-play-state: paused;
} */
.Marquee-tag {
    width: 150px;
    margin: 0 30px;
    padding: 0.5em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
.marquee.cus-sec-marquee.services-marquee .marquee-content .Marquee-tag
{
    width: 300px;
    display: block;
    text-align: center;
	    margin: 0 10px;
}
.marquee.cus-sec-marquee.services-marquee .marquee-content .Marquee-tag img
{
    display: block;
    margin: auto;
    margin-bottom: 5px;
    width: 65px;	
}
.marquee.cus-sec-marquee.services-marquee .marquee-content .Marquee-tag span {
    margin-left: 0;
}
.cus-sec-marquee .marquee-content .Marquee-tag
{
    border: 1px solid #E7EAF1;
    padding: 10px;
    border-radius: 5px;
    margin: 0 20px;
    width: 250px;
}
.cus-sec-marquee .marquee-content .Marquee-tag img
{
    width: 40px;	
}
.cus-sec-marquee .marquee-content .Marquee-tag span
{
    text-transform: capitalize;
    margin-left: 10px;
    font-size: 20px;
}
.marquee.cus-sec-marquee {
    position: relative;
}
.marquee.cus-sec-marquee::before {
    background-image: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 49.39%, #FFFFFF 100%);
    width: 160px;
    height: 254px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: 9;
}
.marquee.cus-sec-marquee::after {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 49.39%, #FFFFFF 100%);
    width: 160px;
    height: 254px;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    z-index: 9;
}
.cus-sec-marquee .marquee-content.marquee-content-right
{
    animation: marqueer 20s linear infinite running;	
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes marqueer {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes pulse-animation {
0% {
    box-shadow: 0 0 0 0px rgb(255 255 255);
}
100% {
    box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
}
}
.web-service-sec .uabb-infobox .uabb-infobox-content .uabb-module-content .uabb-image .uabb-image-content
{
    background: #044a95;
    border-radius: 10px;
    padding: 10px;	
}
.web-service-sec .uabb-infobox .uabb-infobox-content .uabb-module-content .uabb-image .uabb-image-content img,
.corporate-box .uabb-infobox .uabb-infobox-content .uabb-module-content .uabb-image .uabb-image-content img
{
    filter: brightness(0) invert(1);	
}
.web-service-abt-sec.web-service-sec .uabb-infobox .uabb-infobox-content .uabb-module-content .uabb-image .uabb-image-content img
{
	filter: none;
}
.web-service-sec.services-sec .uabb-infobox .uabb-infobox-content .uabb-module-content .uabb-image .uabb-image-content
{
background: transparent;	
padding: 0;
}
.web-service-sec .fl-module-content.fl-node-content {
    padding: 10%;
}
.web-service-sec-one .fl-module-content.fl-node-content
{
    border-right: 1px solid #E7EAF1;
    border-bottom: 1px solid #E7EAF1;	
}
.web-service-sec-two .fl-module-content.fl-node-content
{
    border-right: 1px solid #E7EAF1;
    border-bottom: 1px solid #E7EAF1;	
}
.web-service-sec-three .fl-module-content.fl-node-content
{
    border-bottom: 1px solid #E7EAF1;	
}
.web-service-sec-four .fl-module-content.fl-node-content
{
    border-right: 1px solid #E7EAF1;
    border-bottom: 1px solid #E7EAF1;	
}
.web-service-sec-five .fl-module-content.fl-node-content
{
    border-right: 1px solid #E7EAF1;
    border-bottom: 1px solid #E7EAF1;	
}
.web-service-sec-six .fl-module-content.fl-node-content
{
    border-bottom: 1px solid #E7EAF1;	
}
.web-service-sec-seven .fl-module-content.fl-node-content
{
    border-right: 1px solid #E7EAF1;	
}
.web-service-sec-eight .fl-module-content.fl-node-content
{
    border-right: 1px solid #E7EAF1;
}
.bg-gradient .fl-row-content-wrap {
    background: linear-gradient(180deg, #ffffff 25%, #e2f3f9 40%, #c9e4f9 60%, #c2cafb 100%);
}
.verti-tabs .fl-module-content.fl-node-content .uabb-infobox
{
    background-color: rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(28px) brightness(105%);
    backdrop-filter: blur(28px) brightness(105%);
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 20px;	
	overflow: hidden;
}
.verti-tabs .fl-module-content.fl-node-content .uabb-infobox .uabb-infobox-content
{
    background-color: #ffffff;
    padding: 50px;
    border-radius: 10px;	
}
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li
{
    margin: 0px;
    border: 1px solid #dddddd;
    flex: 0 0 25%;
    height: 69px;
}
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:first-child,
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:first-child h4 a
{
    border-radius: 15px 0 0 0;	
}
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:nth-child(4),
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:nth-child(4) h4 a
{
    border-radius: 0 15px 0 0;		
}
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:nth-child(5),
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:nth-child(5) h4 a
{
  border-radius: 0 0 0 15px;		
}
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:last-child,
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li:last-child h4 a
{
    border-radius: 0 0 15px 0;	
}
.verti-tabs .fl-module-content.fl-node-content .uabb-tabs-nav ul li.uabb-tab-current h4.uabb-tag-selected a
{
    border-bottom: 4px solid #044a95;	
}
.verti-tabs.verti-tabs-process .fl-module-content.fl-node-content .uabb-tabs-nav ul li
{
    flex: 0 0 16%;
    margin-right: 5px;
    border-radius: 5px;
    margin-bottom: 5px;
    height: 67px;
}
.verti-tabs.verti-tabs-process .fl-module-content.fl-node-content .uabb-tabs-nav ul li h4 a
{
	    border-radius: 5px;	
}
.verti-tabs.verti-tabs-process .fl-module-content.fl-node-content .uabb-tabs-nav ul li.uabb-tab-current h4.uabb-tag-selected a
{
    border-bottom: 3px solid #044a95;
}
.cus-col-sec .fl-col-content.fl-node-content
{
        background: linear-gradient(180deg, #dbf1fb 0%, #f5fcff 45.76%, #FFFFFF 100%);
    border-radius: 10px;
    box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.14);
	margin: 0 15px;
}
.cus-col-sec-two .fl-col-content.fl-node-content
{
  background: linear-gradient(180deg, #f1e1fe 0%, #faf3ff 45.76%, #FFFFFF 100%); 	
}
.cus-col-sec-three .fl-col-content.fl-node-content
{
  background: linear-gradient(180deg, #e6ecfc 0%, #edf2ff 45.76%, #FFFFFF 100%); 
}
.cus-col-sec-four .fl-col-content.fl-node-content
{
  background: linear-gradient(180deg, #dae4ef 0%, #f0f7ff 45.76%, #FFFFFF 100%); 
}
.cus-col-sec .fl-col-content.fl-node-content .uabb-infobox-content .uabb-infobox-text-wrap .uabb-infobox-text
{
position: relative;	
}
.cus-col-sec .fl-col-content.fl-node-content .uabb-infobox-content .uabb-infobox-text-wrap .uabb-infobox-text p
{
padding-bottom: 25px;	
}
.cus-col-sec .fl-col-content.fl-node-content .uabb-infobox-content .uabb-infobox-text-wrap .uabb-infobox-text:after
{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
   background: linear-gradient(90deg, #dbf1fb 0%, #5ecdff 50%, #dbf1fb 100%);
    content: "";
    height: 1px;	
}
.cus-col-sec-two .fl-col-content.fl-node-content .uabb-infobox-content .uabb-infobox-text-wrap .uabb-infobox-text:after
{
  background: linear-gradient(90deg, #f1e1fe 0%, #c884ff 50%, #f1e1fe 100%);	
}
.cus-col-sec-three .fl-col-content.fl-node-content .uabb-infobox-content .uabb-infobox-text-wrap .uabb-infobox-text:after
{
  background: linear-gradient(90deg, #e6ecfc 0%, #83a7ff 50%, #e6ecfc 100%);	
}
.cus-col-sec-four .fl-col-content.fl-node-content .uabb-infobox-content .uabb-infobox-text-wrap .uabb-infobox-text:after
{
  background: linear-gradient(90deg, #dae4ef 0%, #4ba2ff 50%, #dae4ef 100%);	
}
.why-chose-sec .fl-col-content.fl-node-content .fl-module-info-box
{
  background: #081E6B;	
}
.why-chose-sec-two .fl-col-content.fl-node-content .fl-module-info-box
{
  background: #0f36bd;		
}
.why-chose-sec .fl-col-content.fl-node-content .fl-module-info-box .uabb-infobox-content .uabb-image-content img,
.why-chose-sec-two .fl-col-content.fl-node-content .fl-module-info-box .uabb-infobox-content .uabb-image-content img,
.chat-box-sec .uabb-image-content img
{
    filter: brightness(0) invert(1);	
}
.accodian-sec .fl-module-content.fl-node-content .uabb-module-content.uabb-adv-accordion .uabb-adv-accordion-item:first-child .uabb-adv-accordion-button
{
    border-radius: 10px 10px 0 0;
}
.slider-icons.slider-icons-sec .uabb-module-content .slick-list .slick-slide .uabb-image-carousel-content
{
	
}
.slider-icons.slider-icons-sec .uabb-module-content .slick-list .slick-slide .uabb-image-carousel-content img
{
    width: 50px !important;
    margin: auto;	
	  filter: brightness(0) invert(1);	
}
.slider-icons.slider-icons-sec .uabb-module-content .slick-list .slick-slide h3.uabb-image-carousel-caption 
{
    background: transparent;
    padding: 10px;
}
.timeline-sec ul
{
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;	
	position: relative;
}
.timeline-sec ul:before
{
content: '';
    position: absolute;
    border-bottom: 4px double #044a95;
    width: 100%;
    top: 48%;
}
.timeline-sec ul li
{
display: grid;
row-gap: 50px;	
}
.timeline-sec ul li div.time-img-sec
{
height: 80px;
    width: 80px;
    margin: auto;
    border: 4px solid #044a95;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;	
	position:relative;
}
.timeline-sec ul li:nth-child(1) div.time-img-sec:before, .timeline-sec ul li:nth-child(3) div.time-img-sec:before, .timeline-sec ul li:nth-child(5) div.time-img-sec:before
{
    content: '';
    border-top: solid 10px rgb(4 74 149);
    border-left: solid 9px transparent;
    border-right: solid 9px transparent;
    bottom: -10px;
    position: absolute;	
}
.timeline-sec ul li:nth-child(2) div.time-img-sec:before, .timeline-sec ul li:nth-child(4) div.time-img-sec:before
{
    content: '';
    top: -10px;
    position: absolute;
    border-bottom: solid 10px rgb(4 74 149);
    border-left: solid 9px transparent;
    border-right: solid 9px transparent;
}
.timeline-sec ul li div.time-img-sec img
{
    width: 60px;
    padding: 10px;	
}
.timeline-sec ul li div.time-step-sec h3
{
    background: #e3f0ff;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    font-size: 18px;	
}
.timeline-sec ul li:nth-child(2) div.time-step-sec h3, .timeline-sec ul li:nth-child(4) div.time-step-sec h3
{
    margin-top: 10px;	
}
.timeline-sec ul li div.time-step-sec p
{
    font-size: 20px;
    margin-bottom: 0;
}
.timeline-sec ul li:nth-child(1) div.time-img-sec, .timeline-sec ul li:nth-child(3) div.time-img-sec,
.timeline-sec ul li:nth-child(5) div.time-img-sec
{
    animation: floatUpDown 10s ease-in-out 1.7s infinite;
    transform: translateY(7px);	
}
.timeline-sec ul li:nth-child(2) div.time-img-sec, .timeline-sec ul li:nth-child(4) div.time-img-sec
{
    animation: floatDownUp 10s ease-in-out 1.7s infinite;
    transform: translateY(-7px);	
}
.success-story-txt .fl-module-content.fl-node-content .uabb-infobox-content .uabb-infobox-title-wrap h3.uabb-infobox-title
{
    background: linear-gradient(to right, #408bfa 22%, #51D581 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}
.success-story-sec .fl-module-content.fl-node-content .uabb-module-content.uabb-infobox
{
position: relative;	
}
.success-story-sec .fl-module-content.fl-node-content .uabb-module-content.uabb-infobox:before
{
    content: '';
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.14) 13%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.21) 78%, rgba(255, 255, 255, 0) 100%);
    width: 1px;
    height: 80%;
    position: absolute;
    right: -2px;
    top: 17px;
}
.cus-col-sec.profile-col-sec .fl-col-content.fl-node-content
{
background: linear-gradient(180deg, #ffffff 0%, #f5fcff 45.76%, #FFFFFF 100%);	
}
.profile-btn .fl-module-content.fl-node-content .uabb-modal-action-wrap a.uabb-button
{
background: transparent;	
}
.post-grid-sec.post-grid-sec-blog .uabb-blogs-pagination ul.page-numbers li
{ 
    margin-right: 5px;	
}
.post-grid-sec.post-grid-sec-blog .uabb-blogs-pagination ul.page-numbers li .page-numbers
{
    font-size: 18px;
    padding: 10px 20px;
}
.delviry-modals-sec .fl-module-content.fl-node-content .uabb-module-content.uabb-infobox 
{
    box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.14);	
}
.our-solution-sec .fl-col-content.fl-node-content .fl-module-info-box
{
    background-color: #FFE1F3;	
}
.our-solution-sec-two .fl-col-content.fl-node-content .fl-module-info-box
{
	    background-color: #F8FFD6;
}
.our-solution-sec-three .fl-col-content.fl-node-content .fl-module-info-box
{
	    background-color: #e8eeff;
}
.our-solution-sec-four .fl-col-content.fl-node-content .fl-module-info-box
{
    background-color: #fff9e6;	
}
.cus-slide .uabb-infobox-content {
   position: relative;
  animation: slide-left 1s ease forwards;
}
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link
{
padding-right: 0;	
}
@keyframes slide-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes floatUpDown {
  0% {
   transform: translateY(7px);
  }
  50% {
    transform: translateY(-7px);
  }
}
@keyframes floatDownUp {
  0% {
   transform: translateY(-7px);
  }
  50% {
    transform: translateY(7px);
  }
}
.form-sec .fl-col-content.fl-node-content .fl-module-content.fl-node-content .frm_forms .frm_form_field label
{
color: #ffffff;	
}
.form-sec .fl-col-content.fl-node-content .fl-module-content.fl-node-content .frm_forms .frm_form_field .frm_submit.frm_flex button.frm_button_submit:hover
{
    background: #bedeff;
    border-color: #bedeff;
    color: #044a95;	
}
#mega-menu-wrap-header #mega-menu-header .textwidget p {
    margin-bottom: 25px;
}
.main-row
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
}
.portfolio-box-1
{
    flex: 0 0 31.33%;   
    margin-right: 0;    
    height: 400px;
    border-radius: 10px;
}
.portfolio-box-1.portfolio-box-2
{
    flex: 0 0 65.33%;
}
.portfolio-box-1.portfolio-box-3
{
    flex: 0 0 31.33%;
}
.portfolio-box-1.portfolio-box-4
{
    flex: 0 0 31.33%;
}
.portfolio-box-1.portfolio-box-5
{
    flex: 0 0 31.33%;
}
.portfolio-box-1.portfolio-box-6
{
    flex: 0 0 65.33%;
}
.portfolio-box-1 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.portfolio-box-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://cbnew.project-codingbrains.com/wp-content/uploads/2025/02/barn.jpg') no-repeat center center;
    background-size: cover;
    transition: transform 0.5s ease-in-out;
}
.portfolio-box-1.portfolio-box-2::before
{
    background: url('https://cbnew.project-codingbrains.com/wp-content/uploads/2025/02/cloud10.jpg') no-repeat center center;
  background-size: cover;
}
.portfolio-box-1.portfolio-box-3::before
{
    background: url('https://cbnew.project-codingbrains.com/wp-content/uploads/2025/02/project-2.jpeg') no-repeat center center;
  background-size: cover;
}
.portfolio-box-1.portfolio-box-4::before
{
    background: url('https://cbnew.project-codingbrains.com/wp-content/uploads/2025/02/project-3.jpeg') no-repeat center center;
  background-size: cover;
}
.portfolio-box-1.portfolio-box-5::before
{
    background: url('https://cbnew.project-codingbrains.com/wp-content/uploads/2025/02/project-4.jpeg') no-repeat center center;
  background-size: cover;
}
.portfolio-box-1.portfolio-box-6::before
{
    background: url('https://cbnew.project-codingbrains.com/wp-content/uploads/2025/02/prject-6.webp') no-repeat center center;
  background-size: cover;
}
.portfolio-box-1:hover::before {
    transform: scale(1.1); /* Zoom effect */
}
.port-tab-sec .fl-builder-content 
{
    max-width: 100%;
}
.port-tab-sec .uabb-tab-acc-content .fl-builder-template
{
padding-right: 0;
padding-left: 0;
}
.box-port-content {
    position: absolute;
    text-align: left;
    background: rgb(17, 16, 19);
    background: linear-gradient(360deg, rgba(17, 16, 19, 0.5) 0%, rgba(17, 16, 19, 0) 100%);
    width: 100%;
    bottom: 0;
    color: #ffffff;
        height: 110px;
    padding: 20px;
}

.portfolio-box-1 .box-port-content h4 {
  margin-bottom: 10px;
  color: #ffffff;
      font-size: 25px;
}
.portfolio-box-1 .box-port-content span, .portfolio-box-1 .box-port-content a
{
 color: #ffffff;
font-size: 18px;
font-weight: 600;     
}
/* Position span and a tag at the same place */
.box-port-content span,
.box-port-content a {
  position: absolute;
  left: 20px; 
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

/* Initially, show span and hide a */
.box-port-content span {
 opacity: 1;
  transform: translateY(0); 
}

.box-port-content a {
  opacity: 0;
  transform: translateY(10px);
}
.box-port-content a:after
{
    content: '';
    width: 3rem;
    height: 2px;
    position: absolute;
    background: #fff;
    bottom: 10px;
    right: -55px;
}
.portfolio-box-1:hover .box-port-content span {
  opacity: 0;
  transform: translateY(-10px); /* Adjusted */
}

.portfolio-box-1:hover .box-port-content a {
  opacity: 1;
  transform: translateY(0); /* Adjusted */
}
.fl-col-content.fl-node-content .port-tab-sec .uabb-module-content .uabb-tabs-nav ul
{
    display: inline-flex;
}
.fl-col-content.fl-node-content .port-tab-sec .uabb-module-content .uabb-tabs-nav ul li:before
{
       content: '';
    position: absolute;
    border-right: 2px solid #111013;
    height: 25px;
    bottom: 0;
    top: 10px;
    margin: auto;
    right: -20px;
    rotate: 10deg;
}
.fl-col-content.fl-node-content .port-tab-sec .uabb-module-content .uabb-tabs-nav ul li:last-child:before
{
  content: '';
  display: none;
}
@media (max-width: 1366px)
{
#mega-menu-wrap-header #mega-menu-header > li.mega-menu-item > a.mega-menu-link
	{
	font-size: 15px;
	}
}
@media (max-width: 540px)
{
.verti-tabs .fl-module-content.fl-node-content .uabb-infobox .uabb-infobox-content
{
    padding: 50px 10px;
}	
	.web-service-sec-one .fl-module-content.fl-node-content, .web-service-sec-two .fl-module-content.fl-node-content, 
	.web-service-sec-three .fl-module-content.fl-node-content, .web-service-sec-four .fl-module-content.fl-node-content, 
	.web-service-sec-five .fl-module-content.fl-node-content, .web-service-sec-six .fl-module-content.fl-node-content, 
	.web-service-sec-seven .fl-module-content.fl-node-content, .web-service-sec-eight .fl-module-content.fl-node-content
	{
		 border: 0;
        border-bottom: 1px solid #E7EAF1;
	}
	.verti-tabs .fl-builder-module-template
	{
	    padding: 20px 0 0;	
	}
.marquee.cus-sec-marquee::before, .marquee.cus-sec-marquee::after {
    background: transparent;

}
	.cus-col-sec .fl-col-content.fl-node-content {
    margin: 0 15px 20px;
}
}