/* ----------------------------------------------------------------------------------------
* ---------------------------------------------------------------------------------------- */
/* INDEX
----------------------------------------------------------------------------------------
01. Global Variables
02. General css
03. Header css
04. Hero css
05. About Us css
06. Our Services css
07. Scrolling Ticker css
08. Why Choose Us css
09. How We Work css
10. Our Achivements css
11. Our Team css
12. Intro Video css
13. Our Pricing css
14. Our Testimonial css
15. Our Blog css
16. Footer css
17. About Us Page css
18. Page Services css
19. Services Single css
20. Blog Archive css
21. Blog Single css
22. Projects Page css
23. Projects Single css
24. Team Page css
25. Team Single css
26. Image Gallery css
27. Video Gallery css
28. Pricing Page css
29. FAQs Page css
30. Contact Us Page css
31. 404 Error Page css
32. Responsive css
-------------------------------------------------------------------------------------- */

/************************************/
/***     01. Global Variables     ***/
/************************************/  
* {
    cursor: default;
}

:root{
    --primary-color             : #0da49d;
    --secondary-color           : #FAFAFB;
    --text-color                : #000;
    --accent-color              : #1956C1;
    --accent-secondary-color    : #E2403B;
    --white-color               : #FFFFFF;
    --divider-color             : #E6E6EB;
    --dark-divider-color        : #FFFFFF1A;
    --error-color               : rgb(230, 87, 87);
    --default-font              : 'Univia Pro', system-ui, sans-serif;
    --accent-font               : "Poppins", serif;
}

/************************************/
/***       02. General css        ***/
/************************************/

body{
    font-family: 'Inter', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1em;
    background-color: var(--white-color);
    color: var(--text-color);
  
}

p{
    line-height: 1.6em;
    margin-bottom: 1.5em;
 
    
}

h1,
h2,
h3,
h4,
h5,
h6{
   font-family: 'Univia Pro', system-ui, sans-serif;
    margin :0;

    line-height: 1.2em;
    color: var(--primary-color);
}

figure{
    margin: 0;
}

img{
    max-width: 100%;
	border-radius:10px;
}


a{
    text-decoration: none !important;
}
a, button {
    cursor: pointer !important;
}

.main-header img {
	cursor: pointer !important;
}
a:hover{
    text-decoration: none !important;
    outline: 0;
}

a:focus{
    text-decoration: none !important;
    outline: 0;
}

html,
body{
    width: 100%;
    overflow-x: clip;
}
.mt-7 {
	    margin-top: 5rem !important;
}
.container{
    max-width: 1300px;
}
.symbol {
    font-family: 'Inter', sans-serif !important;
}
/* Inter (paragraphs) */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Univia Pro Regular */
@font-face {
    font-family: 'Univia Pro';
    src: url('../fonts/UniviaPro-Regular.otf') format('opentype');
    font-style: normal;
}


.pd-lt-40{
	padding-left:40px !important;
}
.bg-c{
	background:linear-gradient(135deg,#ffffff 0%,#f5ffff 55%,#fffef0 100%);
}
.imp-note2 {
    margin-top: 70px;
    padding: 28px;
    color: #fff;
    text-align: center;

    border-radius: 10px;

    font-size: 17px;
}
.imp-note {
    margin-top: 70px;
    padding: 28px;
    color: #000000a8;
    text-align: center;

    padding: 30px;
    border-radius: 10px;
 
    font-size: 17px;
}
.dsk-none{
	display:none !important;
}   









.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl{
    padding-right: 15px;
    padding-left: 15px;
}

.image-anime{
    position: relative;
    overflow: hidden;
}



.image-anime:hover:after{
    height: 250%;
    transition: all 600ms linear;
    background-color: transparent;
}

.reveal{
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: hidden;
    overflow: hidden;
}

.reveal img{
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: left;
    transform-origin: left;
}

.row{
    margin-right: -15px;
    margin-left: -15px;
}

.row > *{
    padding-right: 15px;
    padding-left: 15px;
}

.row.no-gutters{
    margin-right: 0px;
    margin-left: 0px;
}

.row.no-gutters > *{
    padding-right: 0px;
    padding-left: 0px;
}

.btn-default{
    position: relative;
    display: inline-block;
    background: #00a29b !important;
    text-decoration: none;
    background-size: 200% auto;
    color: #ffff33;
    font-size: 16px;
    font-weight: 500;
    line-height: 1em;
    text-transform: capitalize;
    border: none;
    padding: 17px 46px 17px 16px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    z-index: 0;
	    border-radius: 10px;
}

.btn-default:hover{
    background-position: right center;
    
}

.btn-default::before{
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 16px;
    transform: translateY(-50%);
    background-image: url('../images/arrow-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 24px;
    height: 24px;
    transition: all 0.4s ease-in-out;
}

.btn-default:hover::before{
    transform: translateY(-50%) rotate(45deg);
}

.btn-default.btn-highlighted{
    background: var(--white-color);
}

.btn-default.btn-highlighted span{
    background-image: linear-gradient(90deg, #0DA49D 0, #0da49d 50%, var(--accent-color) 100%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s ease-in-out;
}

.btn-default.btn-highlighted:hover span{
    background-position: right center;
}

.btn-default.btn-highlighted::before{
    right: 18px;
    background-image: url('../images/arrow-gradient.svg');
    width: 14px;
    height: 14px;
}

.cb-cursor:before{
    background: linear-gradient(90deg, #0DA49D 0%, #626868 100%);
}

.preloader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.loading-container,
.loading{
    height: 100px;
    position: relative;
    width: 100px;
    border-radius: 100%;
}

.loading-container{
    margin: 40px auto;
}

.loading{
    border: 1px solid transparent;
    border-color: transparent var(--white-color) transparent var(--white-color);
    animation: rotate-loading 1.5s linear 0s infinite normal;
    transform-origin: 50% 50%;
}

.loading-container:hover .loading,
.loading-container .loading{
    transition: all 0.5s ease-in-out;
}

#loading-icon{
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 66px;
    transform: translate(-50%, -50%);
}

@keyframes rotate-loading{
    0%{
        transform: rotate(0deg);
    }

    100%{
        transform: rotate(360deg);
    }
}


.section-row .section-title{
    margin: 0;
}

.section-title-content p{
    margin-bottom: 20px;
}

.section-title-content p:last-child{
    margin-bottom: 0;
}

.section-row .section-btn{
    text-align: end;
}

.section-title{
    position: relative;
    margin-bottom: 40px;
    z-index: 1;
}

.section-title h3{
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    text-transform: capitalize;
    color: var(--primary-color);
    padding-left: 0px;
    margin-bottom: 30px;
}

.section-title h3::before{

    position: absolute;
    top: 5px;
    left: 0;
    background: #606666;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.section-title h1{
    font-size: 60px;
    margin-bottom: 0;
    
}

.section-title h2{
	
	
    font-size: 46px;
    margin-bottom: 0;
    
    color: #000;
}

.section-title p{
    margin-top: 25px;
    margin-bottom: 0;
    color: #000;
}

.section-title.dark-section h3,
.section-title.dark-section h1,
.section-title.dark-section h2,
.section-title.dark-section p{
    color: var(--white-color);
}

.help-block.with-errors ul{
    margin: 0;
    text-align: left;
}

.help-block.with-errors ul li{
    color: var(--error-color);
    font-weight: 500;
    font-size: 14px;
}

/************************************/
/****      03. Header css        ****/
/************************************/

.topbar{
    background: var(--primary-color);
    padding: 12px 0;
}

.topbar-contact-info ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.topbar-contact-info ul li a{
    color: var(--white-color);
    display: flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
        text-decoration: none;
}

.topbar-contact-info ul li a:hover{
    color: #fff;
}

.topbar-contact-info ul li a i{
    font-size: 16px;
    color: inherit;
    margin-right: 8px;
}

.topbar-social-login{
    display: flex;
    justify-content: end;
}

.topbar-login-btn{
    border-right: 1px solid var(--white-color);
    margin-right: 30px;
    padding-right: 30px;
}

.topbar-login-btn ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.topbar-login-btn ul li{
    position: relative;
    display: inline-block;
    margin-right: 20px;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

.topbar-login-btn ul li:hover{
    color: var(--accent-secondary-color);
}

.topbar-login-btn ul li:last-child{
    margin: 0;
    padding: 0;
}

.topbar-login-btn ul li::before{
    content: '/';
    position: absolute;
    top: 0;
    right: -16px;
    bottom: 0;
    font-size: 16px;
    color: var(--white-color);
}

.topbar-login-btn ul li:last-child:before{
    display: none;
}

.topbar-login-btn ul li a{
    color: inherit;
}

.topbar-social-links{
    text-align: right;
}

.topbar-social-links ul{
    list-style: none;
    line-height: 1em;
    padding: 0;
    margin: 0;
}

.topbar-social-links ul li{
    position: relative;
    display: inline-block;
    margin-right: 15px;
    transition: all 0.3s ease-in-out;
}

.topbar-social-links ul li:last-child{
    margin: 0;
}

.topbar-social-links ul li a{
    display: block;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

.topbar-social-links ul li:hover a{
    color: var(--accent-secondary-color);
}

.topbar-social-links ul li a i{
    font-size: 16px;
    color: inherit;
}

header.main-header{
    position: relative;
    background-color: var(--white-color);
    z-index: 100;
}

header.main-header .header-sticky{
    position: relative;
    top: 0;
    z-index: 100;
}

header.main-header .header-sticky.hide{
    transform: translateY(-100%);
    transition: transform 0.3s ease-in-out;
    border-radius: 0;
}

header.main-header .header-sticky.active{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    transform: translateY(0);
    background-color: var(--white-color);
    border-bottom: 1px solid var(--divider-color);
}

.navbar{
    padding: 24px 0;
    align-items: center;
}

.navbar-brand{
    padding: 0;
    margin: 0;
}

.main-menu .nav-menu-wrapper{
    flex: 1;
    text-align: right;
    margin: 0 d0px;
}

.main-menu .nav-menu-wrapper > ul{
    align-items: center;
    display: inline-flex;
}

.main-menu ul li{
    margin: 0;
    position: relative;
}

.main-menu ul li a{
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 14px 10px ;
    color: #0c0b0b;
    text-transform: capitalize;
    transition: all 0.3s ease-in-out;
}

.main-menu ul li.submenu > a:after{
    content: '\f107';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 14px;
    margin-left: 8px;
    margin-top: 1px;
}

.main-menu ul li a:hover,
.main-menu ul li a:focus{
    color: #0da49d;
}

.main-menu ul ul{
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: top;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 250px;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 100%;
    
    background: #0da49d;
    transition: all 0.3s ease-in-out;
    text-align: left;
}

.main-menu ul li.submenu:first-child ul{
    width: 230px;
}

.main-menu ul ul ul{
    left: 100%;
    top: 0;
    text-align: left;
}
.main-menu ul li:hover > ul{
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    padding: 5px 0;
}

.main-menu ul li.submenu ul li.submenu > a:after{
    content: '\f105';
    float: right;
}

.main-menu ul ul li{
    margin: 0;
    padding: 0;
}

.main-menu ul ul li a{
    color: var(--white-color);
    padding: 8px 20px !important;
    transition: all 0.3s ease-in-out;
}

.main-menu ul li:hover > ul{
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    padding: 5px 0;
}

.main-menu ul ul li a:hover,
.main-menu ul ul li a:focus{
    color: #fff;
    background-color: transparent;
    padding: 8px 20px 8px 23px !important;
}

.main-menu ul li.highlighted-menu{
    display: none;
}

.responsive-menu,
.navbar-toggle{
    display: none;
}

.responsive-menu{
    top: 0;
    position: relative;
}

.slicknav_btn{
    background:#0ea59e;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 0;
}

.slicknav_icon .slicknav_icon-bar{
    display: block;
    width: 100%;
    height: 3px;
    width: 22px;
    background-color: var(--white-color);
    border-radius: 6px;
    margin: 4px auto !important;
    transition: all 0.1s ease-in-out;
}

.slicknav_icon .slicknav_icon-bar:first-child{
    margin-top: 0 !important;
}

.slicknav_icon .slicknav_icon-bar:last-child{
    margin-bottom: 0 !important;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(1){
    transform: rotate(-45deg) translate(-5px, 5px);
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(2){
    opacity: 0;
}

.navbar-toggle a.slicknav_btn.slicknav_open .slicknav_icon span.slicknav_icon-bar:nth-child(3){
    transform: rotate(45deg) translate(-5px, -5px);
}

.slicknav_menu{
    position: absolute;
    width: 100%;
    padding: 0;
    background: linear-gradient(to right, #0da49d 0%, #0DA49D 100%);
}

.slicknav_menu ul{
    margin: 5px 0;
}

.slicknav_menu ul ul{
    margin: 0;
}

.slicknav_nav .slicknav_row,
.slicknav_nav li a{
    position: relative;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 8px 20px;
    color: var(--white-color);
    line-height: normal;
    margin: 0;
    border-radius: 0 !important;
    transition: all 0.3s ease-in-out;
}

.slicknav_nav a:hover,
.slicknav_nav a:focus,
.slicknav_nav .slicknav_row:hover{
    background-color: transparent;
    color: var(--primary-color);
}

.slicknav_menu ul ul li a{
    padding: 8px 20px 8px 30px;
}

.slicknav_arrow{
    font-size: 0 !important;
}

.slicknav_arrow:after{
    content: '\f107';
    font-family: 'FontAwesome';
    font-weight: 900;
    font-size: 12px;
    margin-left: 8px;
    color: var(--white-color);
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-out;
}

.slicknav_open > a .slicknav_arrow:after{
    transform: translateY(-50%) rotate(-180deg);
    color: var(--primary-color);
}

/************************************/
/***        04. Hero css          ***/
/************************************/

.hero{
    padding: 370px 0;
}



.hero.hero-video .hero-bg-video{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.hero.hero-video::before{
    opacity: 70%;
}

.hero-video:before {
    content: '';
    position: absolute;
    left: 0px;
    right: 10px;
    bottom: 0;
    height: 323px;
    background: linear-gradient(to top, rgb(0 0 0), #00000000);
    z-index: 1;
}
.hero.hero-slider-layout{
    background: none;
    padding: 0;
}

.hero.hero-slider-layout .hero-slide{
    position: relative;
    padding: 120px 0;
}

.hero.hero-slider-layout .hero-slide::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 51.13%, rgba(226, 64, 59, 0.02) 63.85%);
    opacity: 82%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero.hero-slider-layout .hero-slide .hero-slider-image{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.hero.hero-slider-layout .hero-slide .hero-slider-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero.hero-slider-layout .hero-pagination{
    position: absolute;
    bottom: 50px;
    text-align: left;
    padding-left: calc(((100vw - 1300px) / 2));
    z-index: 2;
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: var(--white-color);
    opacity: 1;
    transition: all 0.3s ease-in-out;
    margin: 0 5px;
}

.hero.hero-slider-layout .hero-pagination .swiper-pagination-bullet-active{
    background-color: var(--primary-color);
}

.hero-content{
    position: relative;
    z-index: 2;
}

.hero-content .section-title.dark-section h3::before{
    background: var(--white-color);
}

.hero-body{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.hero-body .video-play-button{
    display: inline-flex;
    align-items: center;
}

.hero-body .video-play-button p{
    font-family: var(--accent-font);
    text-transform: capitalize;
    color: var(--white-color);
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.hero-body .video-play-button:hover p{
    color: var(--primary-color);
}

.hero-body .video-play-button a{
    height: 50px;
    width: 50px;
    border: 2px solid var(--white-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}

.hero-body .video-play-button:hover a{
    border-color: var(--primary-color);
}

.hero-body .video-play-button a img{
    width: 100%;
    max-width: 20px;
    margin-left: 2px;
}

.hero-footer{
    display: inline-block;
    border: 1px solid var(--dark-divider-color);
    padding: 25px 30px;
    margin-top: 55px;
}

.hero-footer ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 50px;
}

.hero-footer ul li{
    color: var(--white-color);
    text-transform: capitalize;
}

.hero-footer ul li img{
    width: 100%;
    max-width: 20px;
    margin-right: 10px;
}

/************************************/
/***       05. About Us css       ***/
/************************************/

.about-us{
    padding: 100px 0;
}

.about-us-images{
    position: relative;
    padding: 20px 240px 165px 30px;
    margin-right: 35px;
}



.about-image-1 figure,
.about-image-2 figure{
    display: block;
}

.about-image-1 img,
.about-image-2 img{
    width: 100%;
    aspect-ratio: 1 / 1.162;
    object-fit: cover;
}

.about-image-2{
    position: absolute;
    bottom: 40px;
    right: 50px;

    width: 100%;
    max-width: 290px;
}

.about-image-circle{
    position: absolute;
    top: 0;
    right: 30px;
}

.about-image-circle a{
    display: block;
    box-shadow: 0px 0px 30px 0px #0000000D;
    border-radius: 50%;
}

.about-image-circle a img{
    width: 100%;
    max-width: 146px;
    animation: infiniterotate 25s infinite linear;
}

@keyframes infiniterotate{
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}

.about-us-body{
    display: flex;
    gap: 30px 50px;
    flex-wrap: wrap;
}

.about-body-item{
    width: calc(50% - 25px);
    display: flex;
    align-items: center;
}

.about-body-item .icon-box{
    margin-right: 20px;
}

.about-body-item .icon-box img{
    width: 100%;
    max-width: 50px;
}

.about-body-item-content{
    width: calc(100% - 70px);
}

.about-body-item-content h3{
    font-size: 16px;
    line-height: 1.5em;
    text-transform: capitalize;
}

.about-us-footer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    border-top: 1px solid var(--divider-color);
    margin-top: 40px;
    padding-top: 40px;
}

.about-us-footer-counter{
    width: calc(27% - 20px);
}

.about-us-footer-counter h2{
    font-size: 80px;
    font-weight: 700;
    line-height: 1em;
    background-image: linear-gradient(90deg, #606666 17.66%, #0DA49D 90.75%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.about-us-footer-content{
    width: calc(45% - 20px);
}

.about-us-footer-content h3{
    font-size: 18px;
    line-height: 1.5em;
    color: #000;;
}

.about-us-footer-button{
    width: calc(28% - 20px);

	
}

/************************************/
/***      06. Our Services css    ***/
/************************************/

.our-services{
    background-color: var(--secondary-color);
    padding: 100px 0;
}

.service-item-list{
    display: flex;
    flex-wrap: wrap;
    border-left: 1px solid var(--dark-divider-color);
}

.service-item{
    position: relative;
	width: 31.79% ;
    width: 25%;
    border: 1px solid var(--dark-divider-color);
    border-top-width: 0;
    border-left-width: 0;
}

.service-item:nth-of-type(-n + 4){
    border-top-width: 1px;
}

.service-image a,
.service-image a figure{
    position: relative;
    display: block;
    
}

.service-image a::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(360deg, rgb(0 162 155 / 27%) 0%, rgb(0 162 155 / 23%) 50%);
    width: 100%;
    z-index: 1;
}
/* Show original image on hover */
.service-image a:hover::before {
    opacity: 0;
}
.service-image a::before {
    opacity: 1;
    transition: opacity 0.4s ease;
}

.service-image a:hover::before {
    opacity: 0;
}


.service-image a::hover{
	 background: #fff;
}

.service-item.active .service-image a figure::before,
.service-item:hover .service-image a figure::before{
    height: 100%;
}

.service-image img{
    width: 100%;
    aspect-ratio: 1 / 1.34;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.service-item.active .service-image img,
.service-item:hover .service-image img{
    transform: scale(1.05);
}

.service-content{
    position: absolute;
    right: 40px;
    left: 40px;
    bottom: 40px;
    transform: translateY(-11px);
    transition: all 0.4s ease-in-out;
    z-index: 1;
}



.service-item.active .service-content,
.service-item:hover .service-content{
    transform: translateY(1);
}

.service-title img{
    width: 100%;
    max-width: 55px;
    margin-bottom: 25px;
}

.service-title h3{
    font-size: 20px;
    color: var(--white-color);
    text-transform: capitalize;
}

.service-title h3 a{
    color: inherit;
}

.service-body{
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease-in-out;
}

.service-item.active .service-body,
.service-item:hover .service-body{
    opacity: 1;
    visibility: visible;
    margin-top: 15px;
}
.service-body p {
    color: var(--white-color);
    margin-bottom: 0;
    margin-top:20px;
}

.contact-us-now-text{
    text-align: center;
    margin-top: 60px;
}

.contact-us-now-text p{
    margin-bottom: 0;
}

.contact-us-now-text p i{
    font-size: 18px;
    color: inherit;
    margin-right: 5px;
}

.contact-us-now-text p a{
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 2px;
    color: var(--primary-color);
    transition: all 0.3s ease-in-out;
}

.contact-us-now-text p a:hover{
    color: var(--accent-secondary-color);
}

/************************************/
/***   07. Scrolling Ticker css   ***/
/************************************/

.scrolling-ticker{
    padding: 100px 0 50px;
}

.scrolling-ticker-box{
    --gap: 40px;
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
    align-items: center;
    z-index: 1;
}

.scrolling-content{
    flex-shrink: 0;
    display: flex;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll 80s linear infinite;
}

@keyframes scroll{
    from{
        transform: translateX(0);
    }

    to{
        transform: translateX(calc(-100% - var(--gap)));
    }
}

.scrolling-ticker-box .scrolling-content span{
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-family: var(--accent-font);
    font-size: 100px;
    line-height: 1.3em;
    font-weight: 700;
    color: var(--white-color);
    letter-spacing: 0.02em;
    background: -webkit-linear-gradient(90deg, #000 0%, #10A09A 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: 4px transparent;
     font-family: 'Univia Pro';
	
}

.scrolling-ticker-box .scrolling-content span img{
    width: 45px;
    margin-right: 40px;
	    filter: invert(1);
}

/************************************/
/***     08. Why Choose Us css    ***/
/************************************/

.why-choose-us{
    padding: 120px 0 120px;
}

.why-choose-list ul{
    list-style: disc;
    margin: 0;
    padding-left: 20px;
}

.why-choose-list ul li{
    color: #1d1c1c;
    text-transform: capitalize;
    line-height: normal;
    margin-bottom: 15px;
}

.why-choose-list ul li::marker{
    font-size: 18px;
    color: #0DA49D;
}

.why-choose-list ul li:last-child{
    margin-bottom: 0;
}

.why-choose-btn{
    margin-top: 40px;
}

.why-choose-image{
    margin: 0 17px;
}

.why-choose-image figure{
    display: block;
}

.why-choose-image img{
    width: 100%;
    aspect-ratio: 1 / 1.416;
    object-fit: cover;
}

.why-choose-author-info,
.why-choose-author-skillbar{
    margin-bottom: 60px;
}

.why-choose-author-info h3{
    font-size: 20px;
    line-height: 1.4em;
    margin-bottom: 30px;
}

.why-choose-author-info p:last-child{
    margin-bottom: 0;
}

.skills-progress-bar{
    margin-bottom: 30px;
}

.skills-progress-bar:last-child{
    margin-bottom: 0;
}

.skills-progress-bar .skillbar .skill-data{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.skills-progress-bar .skill-data .skill-title{
    text-transform: capitalize;
}

.skills-progress-bar .skill-data .skill-no{
    color: var(--primary-color);
    margin-left: 20px;
}

.skills-progress-bar .skillbar .skill-progress{
    width: 100%;
    height: 8px;
    background: var(--divider-color);
    position: relative;
}

.skills-progress-bar .skill-progress .count-bar{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
}

.why-choose-author-box{
    display: flex;
    align-items: center;
}

.why-choose-author-image{
    margin-right: 15px;
}

.why-choose-author-image figure{
    display: block;
    border-radius: 50%;
}

.why-choose-author-image img{
    width: 100%;
    max-width: 70px;
    border-radius: 50%;
}

.why-choose-author-content{
    margin-right: 30px;
}

.why-choose-author-content h3{
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.why-choose-author-content p{
    margin-bottom: 0;
}

.why-choose-author-signature img{
    width: 100%;
    max-width: 56px;
}

/************************************/
/***      09. How We Work css     ***/
/************************************/

.how-we-work{
    background: url(../images/how-we-work-bg-image.png) ,var(--primary-color);
    background-repeat: repeat-y;
    background-position: left top;
    background-size: auto;
    padding: 100px 0;
}

.work-counter-list{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 100px;
   
}

.work-counter-list-item{
    width: calc(25% - 75px);
}

.work-counter-item-header{
    display: flex;
 
}

.work-counter-item-header .icon-box{
    margin-right: 20px;
}

.work-counter-item-header .icon-box img{
    width: 100%;
    max-width: 50px;
    transition: all 0.4s ease-in-out;
    filter: brightness(0) invert(1);
}

.work-counter-list-item:hover .icon-box img{
    filter: brightness(0) invert(1);
}

.work-counter-item-no h2 {
    font-size: 46px;
    color: #ffff33;
}

.work-counter-item-content p{
    color: var(--white-color);
    margin-bottom: 0;
}

.work-step-item{
    display: flex;
    border-bottom: 1px solid var(--dark-divider-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.work-step-item:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.work-step-item .icon-box{
    margin-right: 20px;
}

.work-step-item .icon-box img{
    max-width: 50px;
    transition: all 0.4s ease-in-out;
    filter: brightness(0) invert(1);
}



.work-step-content{
    width: calc(100% - 70px);
}

.work-step-content h3{
    font-family: var(--default-font);
    font-size: 16px;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 10px;
}

.work-step-content h2{
    font-size: 20px;
    color: var(--white-color);
    margin-bottom: 15px;
}

.work-step-content p{
    color: var(--white-color);
    margin-bottom: 0;
}

.how-work-image figure{
    display: block;
}

.how-work-image img{
    width: 100%;
    aspect-ratio: 1 / 1.078;
    object-fit: cover;
}

/************************************/
/***   10. Our Achivements css    ***/
/************************************/

.our-achivements{
    padding: 100px 0;
}

.achivement-image{
    margin-right: 20px;
}

.achivement-image figure{
    display: block;
}

.achivement-image img{
    width: 100%;
    aspect-ratio: 1 / 0.884;
    object-fit: cover;
}

.faq-accordion .accordion-item{
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.faq-accordion .accordion-item:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.faq-accordion .accordion-header .accordion-button{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4em;
    text-transform: capitalize;
    color: #000;
    padding-right: 40px;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed){
    margin-bottom: 15px;
}

.faq-accordion .accordion-item .accordion-button::after, 
.faq-accordion .accordion-item .accordion-button.collapsed::after{
    position: absolute;
    right: 5px;
    top: 2px;
    background: url('https://demo.btentechnos.online/fahdan/wp/wp-content/uploads/2026/03/arrow-gradient.png') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.faq-accordion .accordion-button:not(.collapsed)::after{
    transform: rotate(45deg);
}

.accordion-item .accordion-body{
    padding-right: 35px;
}

.accordion-item .accordion-body p{
    margin-bottom: 15px;
}

.accordion-item .accordion-body p:last-child{
    margin-bottom: 0;
}


/************************************/
/***       11. Our Team css       ***/
/************************************/

.our-team{
    background: linear-gradient(180deg, var(--secondary-color) 70%, var(--white-color) 30%);
    padding: 100px 0;
}

.our-company-slider{
    
    margin-bottom: 60px;
    padding-bottom: 60px;
}

.our-company-slider .company-logo{
    text-align: center;
}

.our-company-slider .company-logo img{
    width: 100%;
    max-height: 36px;
}

.team-contact-circle{
    text-align: end;
}

.team-contact-circle a{
    display: inline-block;
}

.team-contact-circle a img{
    width: 1000%;
    max-width: 125px;
    animation: infiniterotate 30s infinite linear;
}

.team-item{
    position: relative;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.team-image a,
.team-image a figure{
    display: block;
    
}

.team-image a img{
    width: 100%;
    aspect-ratio: 1 / 1.205;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.team-item:hover .team-image a img{
    transform: scale(1.1);
}

.team-body{
    position: absolute;
    bottom: 25px;
    left: 80px;
    right: 0;
    display: flex;
    align-items: center;
    background: var(--white-color);
    padding: 20px 25px;
    z-index: 1;
}

.team-body::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #0DA49D 0%, #5A5756 100%);
    height: 0;
    width: 100%;
    transition: all 0.4s ease-in-out;
}

.team-item:hover .team-body::before{
    height: 100%;
}

.team-content{
    position: relative;
    width: calc(100% - 60px);
    z-index: 1;
}

.team-content h3{
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
}

.team-content h3 a{
    color: inherit;
}

.team-content p{
    text-transform: capitalize;
    margin-bottom: 0;
    transition: all 0.4s ease-in-out;
}

.team-item:hover .team-content h3,
.team-item:hover .team-content p{
    color: var(--white-color);
}

.team-social-list{
    position: relative;
    margin-left: 20px;
    z-index: 1;
}

.team-social-link{
    position: relative;
    z-index: 1;
}

.team-social-link a,
.team-social-icon ul li a{
    width: 40px;
    height: 40px;
    background-color: var(--secondary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.team-social-link i,
.team-social-icon ul li a i{
    font-size: 20px;
    color: var(--primary-color);
    transition: all 0.4s ease-in-out;
}

.team-social-icon{
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translateY(0);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}

.team-item:hover .team-social-icon{
    opacity: 1;
    visibility: visible;
    transform: translateY(-40px);
}

.team-social-icon ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.team-social-icon ul li a:hover{
    background: var(--primary-color);
}

.team-social-icon ul li a:hover i{
    color: var(--white-color);
}

.contact-us-now-text.team-footer{
    margin-top: 30px;
}

/************************************/
/***      12. Intro Video css     ***/
/************************************/

.intro-video {
    position: relative;
    padding: 99px 0;
    background: url(https://demo.btentechnos.online/fahdan/wp/wp-content/uploads/2026/05/IMG_2311-scaled.jpg);
    background-repeat: no-repeat;
        background-position: center !important;
    background-size: cover;
    overflow: hidden;
	
}

.intro-video::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, rgb(13 164 157 / 14%) 0%, rgba(96, 102, 102, 0.69) 100%);
    width: 100%;
    height: 100%;
}

.intro-video-play-button{
    position: relative;
    text-align: center;
    z-index: 1;
}

.intro-video-play-button a{
    position: relative;
    background: linear-gradient(90deg, #309E94 0%, #259F99 50%, #343639 100%);
    background-size: 200% auto;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    
    transition: all 0.4s ease-in-out;
}

.intro-video-play-button a:hover{
    background-position: right center;
}

.intro-video-play-button a:before{
    content: '';
    position: absolute;
    top: -30%;
    left: -30%;
    width: 160%;
    height: 160%;
    border: 50px solid var(--divider-color);
    border-radius: 50%;
    transform: scale(0.6);
    z-index: -1;
    animation: border-zooming 1.2s infinite linear;
}

.intro-video-play-button a:after{
    content: '';
    position: absolute;
    top: -30%;
    left: -30%;
    width: 160%;
    height: 160%;
    border: 50px solid var(--divider-color);
    border-radius: 50%;
    transform: scale(0.6);
    z-index: -1;
    animation: border-zooming 1.2s infinite linear;
    animation-delay: .3s;
}

@keyframes border-zooming{
    100%{
        transform: scale(1);
        opacity: 0;
    }
}

.intro-video-play-button a i{
    font-size: 34px;
    color: var(--white-color);
    margin-left: 3px;
}

/************************************/
/***      13. Our Pricing css     ***/
/************************************/

.our-pricing{
    padding: 100px 0;
}

.our-pricing-swich{
    display: flex;
    justify-content: center;
    gap: 40px;
    align-items: center;
    padding: 0;
    margin-bottom: 60px;
}

.our-pricing-swich .form-check-label{
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 500;
}

.our-pricing-swich.form-switch .form-check-input{
    width: 75px;
    height: 40px;
    --bs-form-check-bg: #636969;
    --bs-form-switch-bg: url(../images/pricing-swich-circle.svg);
    background-size: 28px auto;
    background-position: left 5px center;
    border-radius: 100px;
    border: none;
    outline: none;
    box-shadow: none;
    margin: 0;
    transition: all 0.3s ease-in-out;
}

.form-switch .form-check-input:checked{
    background-color: var(--accent-secondary-color);
    background-position: right 5px center;
}

.pricing-item{
    background: var(--secondary-color);
    height: calc(100% - 30px);
    padding: 40px;
    margin-bottom: 30px;
	    border-radius: 10px;
	    border: 1px solid #0ea59e45;
}

.pricing-header{
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.pricing-header h2{
    font-size: 32px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.pricing-header h3{
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.pricing-header ul{
    list-style: disc;
    text-transform: capitalize;
    margin: 0;
    padding-left: 20px;
}

.pricing-header ul li{
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.pricing-header ul li::marker{
    font-size: 18px;
    color: var(--accent-secondary-color);
}

.pricing-header ul li:last-child{
    margin-bottom: 0;
}

.pricing-body{
    margin-bottom: 30px;
}

.pricing-body h2{
    font-size: 46px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.pricing-body p{
    text-transform: capitalize;
    margin-bottom: 0;
}

.pricing-btn .btn-default{
    display: block;
    text-align: center;
    padding: 17px;
}

.pricing-btn .btn-default::before{
    display: none;
}

.pricing-item.highlighted-box{
    background: linear-gradient(90deg, #0DA49D 0%, #333636 100%)
}

.pricing-item.highlighted-box .pricing-header h2,
.pricing-item.highlighted-box .pricing-header h3,
.pricing-item.highlighted-box .pricing-header ul li,
.pricing-item.highlighted-box .pricing-header ul li::marker,
.pricing-item.highlighted-box .pricing-body h2,
.pricing-item.highlighted-box .pricing-body p{
    color: var(--white-color);
}

.pricing-item.highlighted-box .pricing-btn .btn-default{
    background: var(--white-color);
    color: var(--primary-color);
}

.pricing-item.highlighted-box .pricing-btn .btn-default:hover{
    background: var(--primary-color);
    color: var(--white-color);
}

.pricing-benefit-list{
    margin-top: 30px;
}

.pricing-benefit-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px 50px;
}

.pricing-benefit-list ul li{
    display: flex;
    align-items: center;
    color: var(--primary-color);
}

.pricing-benefit-list ul li img{
    max-width: 20px;
    margin-right: 15px;
}

/************************************/
/***    14. Our Testimonial css   ***/
/************************************/

.our-testimonial{
    background: url(../images/testimonial-bg-image.png), var(--secondary-color);
    background-repeat: repeat-x;
    background-size: cover;
    padding: 100px 0;
/*     animation: testimonialbgmove 30s infinite linear; */
}

@keyframes testimonialbgmove{
    from{
        background-position: left center;
    }
    to{
        background-position: left 100vw center;
    }
}

.testimonial-title-box{
    position: sticky;
    top: 30px;
}

.testimonial-title-box .section-title{
    margin: 0;
}



.client-content-box{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.client-logo{
    border-right: 1px solid var(--divider-color);
    margin-right: 30px;
    padding-right: 30px;
}

.client-logo img{
    width: 100%;
    max-width: 105px;
}

.client-review-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.satisfy-client-image{
    display: inline-block;
    margin-left: -14px;
    overflow: hidden;
}

.satisfy-client-image:first-child{
    margin: 0;
}

.satisfy-client-image figure{
    display: block;
    border: 1px solid var(--secondary-color);
    border-radius: 50%;
}

.satisfy-client-image img{
    width: 100%;
    max-width: 40px;
    border-radius: 50%;
}

.client-review-content h3{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
}

.client-review-content h3 i{
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.client-review-content p{
    margin-bottom: 0;
}

.testimonial-slider .swiper-wrapper{
    
}

.testimonial-company-logo{
    margin-bottom: 30px;
}

.testimonial-company-logo img{
    width: 100%;
    max-width: 120px;
}

.testimonial-content{
    margin-bottom: 40px;
}

.testimonial-content p{
    font-size: 18px;
    font-weight: 500;
    color: #313d3d;
    margin-bottom: 0;
}

.testimonial-body{
    display: flex;
    align-items: center;
    padding-right: 50px;
}

.author-image{
    margin-right: 15px;
}

.author-image figure{
    display: block;
    border-radius: 50%;
}

.author-image img{
    max-width: 70px;
    border-radius: 50%;
}

.author-content{
    width: calc(100% - 85px);
}

.author-content h3{
    font-size: 22px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.author-content p{
    text-transform: capitalize;
    margin: 0;
}

.testimonial-pagination{
    position: absolute;
    bottom: 25px;
    right: 0;
    top: auto;
    left: auto;
    width: auto;
    font-size: 22px;
    z-index: 1;
}

.testimonial-pagination span{
    font-size: 20px;
    font-weight: 600;
}

.swiper-pagination-current{
    color: var(--primary-color);
}

.our-facility{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    border-top: none;
    margin-top: 60px;
/*  padding-top: 60px; */
}

.facility-item {
    width: calc(19.66% - 28.33px);
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 30px;
    border-radius: 30px;
    background: #00000005;
}

.facility-item .icon-box {
    margin-bottom: 10px;
    font-size: 40px;
    color: #23928b;
}

.facility-item .icon-box img{
    width: 100%;
    max-width: 50px;
}


.facility-item-content h3 {
    font-size: 17px;
    text-transform: unset
    color: #fff;
    font-family: 'Inter';
}

/************************************/
/***       15. Our Blog css       ***/
/************************************/

.our-blog{
    padding: 100px 0 70px;
}

.blog-item{
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.post-featured-image{
    margin-bottom: 20px;
}

.post-featured-image a{
    
    display: block;
    overflow: hidden;
}

.post-featured-image a figure{
    display: block;
}

.post-featured-image img{
    width: 100%;
    aspect-ratio:unset;

    transition: all 0.5s ease-in-out;
	height:250px
}

.blog-item:hover .post-featured-image img{
    transform: scale(1.1);
}

.post-item-content{
    margin-bottom: 25px;
}

.post-item-content h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 10px;
    color: #000;
	height: 90px;
}

.post-item-content h3 a{
    color: inherit;
}

.post-item-content p{
    margin: 0;
}

/************************************/
/***        16. Footer css        ***/
/************************************/

.main-footer {
    background:radial-gradient(circle at center, #00a29b 0%, #00a29b 20%, #0f6f73 100%);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto;
       padding: 80px 0;
}

.about-footer{
    width: 100%;
    max-width: 475px;
}

.about-footer p {
    font-size: 16px;
    color: var(--white-color);
    margin-bottom: 25px;
    width: 82%;
}

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

.about-footer ul li{
    position: relative;
    display: inline-block;
    margin-right: 20px;
    transition: all 0.3s ease-in-out;
}

.about-footer ul li:last-child{
    margin: 0;
}

.about-footer ul li a{
    display: block;
    color: #fff95b;
    transition: all 0.3s ease-in-out;
}

.about-footer ul li:hover a{
    color: #fff;
}

.about-footer ul li a i{
    font-size: 20px;
    color: inherit;
	cursor: pointer;
}

.footer-links h3{
    font-size: 20px;
    color: var(--white-color);
    text-transform: capitalize;
    margin-bottom: 30px;
}

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

.footer-links ul li{
    text-transform: capitalize;
    color: var(--white-color);
    line-height: normal;
    margin-bottom: 12px;
    transition: all 0.3s ease-in-out;
	line-height: 1.5;
}

.footer-links ul li:hover{
    color: #fff;
}

.footer-links ul li:last-child{
    margin-bottom: 0;
}

.footer-links ul li a{
    color: inherit;
}

.footer-privacy-policy{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    border-top: 1px solid var(--dark-divider-color);
    margin-top: 60px;
    padding-top: 20px;
}

.footer-logo img{
    width: 100%;
    max-width: 200px;
}

.privacy-policy-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.privacy-policy-list ul li{
    display: inline-block;
    text-transform: capitalize;
    line-height: normal;
    color: var(--white-color);
    border-right: 1px solid var(--dark-divider-color);
    padding-right: 30px;
    margin-right: 30px;
    transition: all 0.3s ease-in-out;
}

.privacy-policy-list ul li:hover{
    color: var(--accent-secondary-color);
}

.privacy-policy-list ul li:last-child{
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}

.privacy-policy-list ul li a{
    color: inherit;
}

.footer-copyright{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    border-top: 1px solid var(--dark-divider-color);
    margin-top: 20px;
    padding: 50px 0 20px;
}

.footer-copyright-text p{
    color: var(--white-color);
    margin-bottom: 0;
}

.footer-go-to-top-btn a{
    text-transform: capitalize;
    color: var(--white-color);
    transition: all 0.3s ease-in-out;
}

.footer-go-to-top-btn a:hover{
    color: var(--accent-secondary-color);
}

.footer-go-to-top-btn a i{
    margin-left: 10px;
    font-size: 20px;
    color: inherit;
    animation: gotoparrowmove 1s infinite linear alternate;
}

@keyframes gotoparrowmove{
    0%{
        transform: translateY(3px);
    }
    100%{
        transform: translateY(-3px);
    }
}

/************************************/
/***     17. About Us Page css    ***/
/************************************/

.page-header{
    position: relative;
    background: url('../images/page-header-bg.jpg') no-repeat center center;
    background-size: cover;
    padding: 80px 0;
}

.page-header::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(90deg, #3c3f3f 0%, #363939 34.36%, rgba(226, 64, 59, 0.02) 86.08%);
    opacity: 82%;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.page-header-box{
    position: relative;
    z-index: 1;
}

.page-header-box h1{
    display: inline-block;
    color: var(--white-color);
    font-size: 60px;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 15px;
    
}

.page-header-box ol{
    margin: 0;
    padding: 0;
}

.page-header-box ol li.breadcrumb-item{
    font-weight: 500;
    text-transform: capitalize;
    line-height: normal;
    color: var(--white-color);
}

.page-header-box ol li.breadcrumb-item a{
    color: inherit;
}

.page-header-box ol li.breadcrumb-item.active{
    color: var(--white-color);
}

.page-header-box ol .breadcrumb-item+.breadcrumb-item::before{
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 6px;
    color: var(--white-color);
    margin-top: 8px;
}

.our-approach{

    padding: 90px 0;
}

.our-approach-image{
    position: relative;
    margin-left: 40px;
    padding-left: 170px;
}

.our-approach-image-1 figure,
.our-approach-image-2 figure{
    display: block;
}

.our-approach-image-1 img{
    width: 100%;
    aspect-ratio: 1 / 1.581;
    object-fit: cover;
}

.our-approach-image-2{
    max-width: 305px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.our-approach-image-2 figure img{
    width: 100%;
    aspect-ratio: 1 / 1.42;
    object-fit: cover;
    border: 10px solid var(--white-color);
}

.our-approach-circle{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50% , -50%);
}

.our-approach-circle img{
    width: 100%;
    max-width: 146px;
    animation: infiniterotate 25s infinite linear;
}

.what-we-do{
    padding: 100px 0;
}

.what-we-do-image{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-right: 20px;
}

.what-we-do-img-1,
.what-we-do-img-2{
    width: calc(50% - 15px);
}

.what-we-do-img-1 figure,
.what-we-do-img-2 figure,
.what-we-do-img-3 figure{
    display: block;
}

.what-we-do-img-1 img,
.what-we-do-img-2 img{
    width: 100%;
    aspect-ratio: 1 / 0.853;
    object-fit: cover;
}

.what-we-do-image-box{
    width: 100%;
    position: relative;
    text-align: right;
}

.what-we-do-img-3 img{
    width: 100%;
    aspect-ratio: 1 / 0.46;
    object-fit: cover;
}

.what-we-do-circle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.what-we-do-circle img{
    width: 100%;
    max-width: 122px;
    animation: infiniterotate 25s infinite linear;
}

.what-we-do-body{
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.what-we-do-body ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.what-we-do-body ul li{
    position: relative;
    width: calc(50% - 10px);
    color: #606666;
    text-transform: capitalize;
    line-height: normal;
    padding-left: 20px;
}

.what-we-do-body ul li::before{
    content: '';
    position: absolute;
    top: 60%;
    left: 0;
    transform: translateY(-50%);
    background-color: #0EA49D;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.what-we-list{
    display: flex;
    gap: 30px 50px;
    flex-wrap: wrap;
}

.what-we-item{
    width: calc(50% - 25px);
    display: flex;
    align-items: center;
}

.what-we-item .icon-box{
    margin-right: 20px;
}

.what-we-item .icon-box img{
    width: 100%;
    max-width: 50px;
}

.what-we-item-content{
    width: calc(100% - 70px);
}

.what-we-item-content h3{
    font-size: 16px;
    line-height: 1.5em;
    text-transform: capitalize;
}

.our-benefit{
    padding: 100px 0;
}

.our-benefit-content{
    position: sticky;
    top: 30px;
}

.our-benefit-list{
    display: flex;
    flex-wrap: wrap;
    gap: 40px 30px;
}

.benefit-item{
    width: calc(50% - 15px);
}



.benefit-item .icon-box img{
    width: 100%;
    max-width: 50px;
}

.benefit-item-content h3{
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.benefit-item-content p{
    margin: 0;
}

.benefit-footer{
    display: flex;
    flex-wrap: wrap;
    gap: 15px 0;
    margin-top: 60px;
}

.benefit-footer .benefit-footer-content{
    background-color: var(--secondary-color);
    padding: 12px 20px;
}

.benefit-footer-content p{
    text-transform: capitalize;
    margin: 0;
}

.our-opportunities{
    position: relative;
    background: url('../images/our-opportunities-bg.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    margin-bottom: 60px;
    padding: 100px 0 0;
}

.our-opportunities:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    opacity: 75%;
    z-index: 0;
}

.our-opportunities-box{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px 60px;
    margin-bottom: -60px;
    z-index: 1;
}

.opportunities-image{
    width: calc(50% - 30px);
}

.opportunities-image figure{
    display: block;
}

.opportunities-image img{
    width: 100%;
    aspect-ratio: 1 / 1.048;
    object-fit: cover;
}

.opportunities-content{
    position: relative;
    width: calc(50% - 30px);
    z-index: 1;
}

.opportunities-content .section-title{
    border-bottom: 1px solid var(--dark-divider-color);
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.opportunities-body{
    margin-bottom: 70px;
}

.opportunities-body ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.opportunities-body ul li{
    position: relative;
    width: calc(50% - 10px);
    color: var(--white-color);
    text-transform: capitalize;
    line-height: normal;
    padding-left: 20px;
}

.opportunities-body ul li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: var(--accent-secondary-color);
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.opportunities-cta-box{
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.opportunities-image-video{
    position: relative;
    width: 40%;
}

.opportunities-video-image figure,
.opportunities-video-image a{
    display: block;
    overflow: hidden;
    
}

.opportunities-video-image img{
    width: 100%;
    aspect-ratio: 1 / 0.567;
    object-fit: cover;
}

.opportunities-cta-box .intro-video-play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.opportunities-cta-box .intro-video-play-button a{
    width: 50px;
    height: 50px;
}

.opportunities-cta-box .intro-video-play-button a::after,
.opportunities-cta-box .intro-video-play-button a::before{
    top: -50%;
    left: -50%;
}

.opportunities-cta-box .intro-video-play-button a i{
    font-size: 16px;
}

.opportunities-video-content{
    width: 60%;
    padding: 20px 60px;
}

.opportunities-video-content p{
    color: var(--white-color);
    text-transform: capitalize;
    margin-bottom: 15px;
}

.video-contact{
    display: flex;
    align-items: center;
}

.video-contact .icon-box{
    margin-right: 10px;
}

.video-contact .icon-box img{
    width: 100%;
    max-width: 22px;
}

.video-contact-content h3{
    color: var(--white-color);
    font-size: 20px;
}

.video-contact-content h3 a{
    color: inherit;
}

.our-team.about-page-team{
    background: var(--white-color);
}

.our-faqs{
    padding: 100px 0;
}

.faqs-image{
    position: relative;
}

.faq-img figure{
    display: block;
}

.faq-img img{
    width: 100%;
    aspect-ratio: 1 / 0.9;
    object-fit: cover;
}

.company-experience{
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
    padding: 20px 30px 20px 20px;
    z-index: 1;
}

.company-experience h3{
    color: var(--white-color);
    font-size: 46px;
    margin-bottom: 5px;
}

.company-experience p{
    color: var(--white-color);
    text-transform: capitalize;
    margin: 0;
}

.faqs-content{
    margin-left: 30px;
}

/************************************/
/***     18. Page Services css    ***/
/************************************/

.page-services{
    padding: 100px 0;
}

.page-services .service-item-list{
    gap: 30px;
}

.page-services .service-item-list .service-item{
    width: calc(25% - 22.5px);
    border: none;
}

/************************************/
/***    19. Services Single css   ***/
/************************************/

/* .page-service-single{
    padding: 100px 0;
} */

.service-sidebar{
    position: sticky;
    margin-right: 20px;
    top: 20px;
}

.service-catagery-list{
    margin-bottom: 60px;
}

.service-catagery-list h3{
    font-size: 20px;
    color: var(--white-color);
    text-transform: capitalize;
    background: linear-gradient(90deg, #0DA49D 0%, #0DA49D 100%);
    padding: 25px 30px;
}

.service-catagery-list ul{
    background-color: var(--secondary-color);
    list-style: none;
    margin: 0;
    padding: 30px;
}

.service-catagery-list ul li{
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.service-catagery-list ul li:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.service-catagery-list ul li a{
    position: relative;
    display: block;
    text-transform: capitalize;
    color: var(--text-color);
    padding-right: 30px;
    transition: all 0.3s ease-in-out;
}

.service-catagery-list ul li:hover a{
    color: var(--primary-color);
}

.service-catagery-list ul li a::before{
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    background: url(../images/arrow-text.svg) no-repeat;
    background-position: right center;
    background-size: cover;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease-in-out;
}

.service-catagery-list ul li:hover a::before{
    transform: rotate(45deg);
    filter: brightness(0) invert(0);
}

.sidebar-cta-box{
    background: linear-gradient(90deg, #353333 0%, #353333 100%);
    padding: 40px;
}

.sidebar-cta-logo,
.sidebar-cta-content,
.sidebar-cta-content h3{
    margin-bottom: 35px;
}

.sidebar-cta-logo img{
    width: 100%;
    max-width: 275px;
}

.sidebar-cta-content h3{
    font-size: 22px;
    color: var(--white-color);
}

.sidebar-cta-content ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar-cta-content ul li{
    margin-bottom: 20px;
}

.sidebar-cta-content ul li:last-child{
    margin-bottom: 0;
}

.sidebar-cta-content ul li a{
    color: var(--white-color);
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease-in-out;
}

.sidebar-cta-content ul li a:hover{
    color: var(--primary-color);
}

.sidebar-cta-content ul li a i{
    font-size: 18px;
    color: inherit;
    margin-right: 10px;
}

.service-feature-image{
    margin-bottom: 40px;
}

.service-feature-image figure{
    display: block;
}

.service-feature-image img{
    width: 100%;
    aspect-ratio: 1 / 0.598;
    object-fit: cover;
}

/* .service-entry{
    margin-bottom: 60px;
} */

.service-entry h2{
    font-size: 46px;
    margin-bottom: 20px;
}
.service-entry h3{
  margin-bottom: 20px !important;
}

.service-entry p{
    margin-bottom: 20px;
}

.service-entry p:last-child{
    margin-bottom: 0;
}

.service-entry ul{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.service-entry ul li{
    position: relative;
    width: calc(50% - 10px);
    color: #686767;
    text-transform: capitalize;
    line-height: normal;
    padding-left: 20px;
}

.service-entry ul li::before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background-color: #0DA49D;
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.benefit-service-box,
.service-why-choose-box,
.service-entry-process{
    margin-top: 60px;
}

.benefit-services-list{
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    margin: 40px 0;
}

.benefit-services-list .benefit-item{
    width: calc(25% - 18.75px);
}

.service-entry-image-counter{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.service-entry-counter-box{
    position: relative;
    width: calc(50% - 15px);
    padding: 50px 70px 50px 40px;
    overflow: hidden;
}

.service-entry-immage{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.service-entry-immage figure{
    display: block;
    height: 100%;
}

.service-entry-immage figure::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(270deg, rgba(1, 5, 53, 0) -11.22%, #010535 100%);
    height: 100%;
    width: 100%;
    z-index: 1;
}

.service-entry-immage img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.service-entry-counter-box:hover .service-entry-immage img{
    transform: scale(1.05);
}

.service-entry-counter{
    position: relative;
    z-index: 2;
}

.service-entry-counter h2{
    color: var(--white-color);
    line-height: 1em;
}

.service-entry-counter h3{
    font-size: 20px;
    text-transform: capitalize;
    color: var(--white-color);
}

.service-entry-video{
    position: relative;
    margin-top: 40px;
}

.service-entry-video-image{
    overflow: hidden;
}

.service-entry-video-image figure{
    display: block;
}

.service-entry-video-image figure::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    opacity: 20%;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.service-entry-video-image img{
    width: 100%;
    aspect-ratio: 1 / 0.359;
    object-fit: cover;
}

.service-entry-video .intro-video-play-button{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.service-entry-process-steps{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.service-process-step-item{
    width: calc(33.33% - 20px);
}

.service-process-step-no{
    display: inline-block;
    background: linear-gradient(90deg, var(--accent-color) 0%, var(--accent-secondary-color) 100%);
    margin-bottom: 30px;
    padding: 10px;
}

.service-process-step-no h3{
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--white-color);
}

.service-process-step-body{
    display: flex;
    align-items: center;
}

.service-process-step-body{
    margin-bottom: 30px;
}

.service-process-step-body .icon-box{
    margin-right: 20px;
}

.service-process-step-body .icon-box img{
    max-width: 50px;
}

.service-process-step-title{
    width: calc(100% - 70px);
}

.service-process-step-title h3{
    font-size: 20px;
    text-transform: capitalize;
}

.service-entry-process .contact-us-now-text{
    text-align: start;
    margin-top: 40px;
}

/************************************/
/***     20. Blog Archive css     ***/
/************************************/

.page-blog{
    padding: 100px 0;
}

.page-pagination{
    margin-top: 30px;
    text-align: center;
}

.page-pagination ul{
    justify-content: center;
    padding: 0;
    margin: 0;
}

.page-pagination ul li a,
.page-pagination ul li span{
    display: flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    background: var(--secondary-color);
    color: var(--primary-color);
    border-radius: 0px;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    font-weight: 600;
    line-height: 1em;
    transition: all 0.3s ease-in-out;
}

.page-pagination ul li.active a, 
.page-pagination ul li a:hover{
    background: var(--primary-color);
    color: var(--white-color);
}

/************************************/
/***      21. Blog Single css     ***/
/************************************/

.page-single-post{
    padding: 100px 0;
}

.post-image{
    position: relative;
    margin-bottom: 30px;
}

.post-image figure{
    display: block; 
    overflow: hidden;
}

.post-image img{
    width: 100%;


}

.post-content{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}

.post-entry{
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.post-entry:after{
    content: '';
    display: block;
    clear: both;
}

.post-entry a{
    color: var(--accent-color);
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6{
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 0.455em;
}

.post-entry h1{
    font-size: 60px;
}

.post-entry h2{
    font-size: 46px;
}

.post-entry h3{
    font-size: 40px;
}

.post-entry h4{
    font-size: 30px;
}

.post-entry h5{
    font-size: 24px;
}

.post-entry h6{
    font-size: 18px;
}

.post-entry p{
    margin-bottom: 20px;
}

.post-entry p:last-child{
    margin-bottom: 0;
}

.post-entry p strong{
    color: var(--primary-color);
    font-size: 20px;
    font-weight: 600; 
}

.post-entry ol{
    margin: 0 0 30px;
}

.post-entry ol li{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 600;
    color: var(--text-color);
}

.post-entry ul{
    padding: 0;
    margin: 20px 0 20px;
    padding-left: 20px;
}

.post-entry ul li{
    font-size: 18px;
    font-weight: 500;
    line-height: 1.6em;
    color: var(--text-color);
    position: relative;
    margin-bottom: 15px;
}

.post-entry ul li:last-child{
    margin-bottom: 0;
}

.post-entry ul ul,
.post-entry ul ol,
.post-entry ol ol,
.post-entry ol ul{
    margin-top: 20px;
    margin-bottom: 0;
}

.post-entry ul ul li:last-child,
.post-entry ul ol li:last-child,
.post-entry ol ol li:last-child,
.post-entry ol ul li:last-child{
    margin-bottom: 0;
}

.post-entry blockquote{
    background: url('../images/icon-blockquote.svg'), var(--primary-color);
    background-repeat: no-repeat;
    background-position: 35px 25px;
    background-size: 55px;
    padding: 30px 30px 30px 100px;
    margin-bottom: 30px;
}

.post-entry blockquote p{
    font-family: var(--accent-font);
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4em;
    color: var(--white-color);
}

.post-entry blockquote p:last-child{
    margin-bottom: 0;
}

.tag-links{
    font-family: var(--accent-font);
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--primary-color);
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.post-tags .tag-links a{
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1em;
    background: linear-gradient(to right, #676C6C 0%, #676C6C 50%, #676C6C 100%);
    background-size: 200% auto;
    color: var(--white-color);
    border-radius: 0px;
    padding: 12px 20px;
    transition: all 0.3s ease-in-out;
}

.post-tags .tag-links a:hover{
    background-position: right center;
}

/* .post-social-sharing{
    text-align: right;
} */

.post-social-sharing ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-social-sharing ul li{
    display: inline-block;
    margin-right: 10px;
}

.post-social-sharing ul li:last-child{
    margin-right: 0;
}

.post-social-sharing ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: linear-gradient(to right, #0DA49D 0%, #1EAAA4 50%, var(--accent-color) 100%);
    background-size: 200% auto;
    color: var(--white-color);
    border-radius: 0px;
    width: 38px;
    height: 38px;
    transition: all 0.3s ease-in-out;
}

.post-social-sharing ul li:hover a{
    background-position: right center;
}

.post-social-sharing ul li a i{
    font-size: 18px;
    color: inherit;
}

/************************************/
/***     22. Projects Page css    ***/
/************************************/

.page-projects{
    padding: 100px 0 70px;
}

.project-item{
    position: relative;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.project-img figure,
.project-img a{
    display: block;
    
}

.project-img figure:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(360deg, rgba(1, 5, 53, 0.8) 0%, rgba(1, 5, 53, 0) 50%);
    z-index: 1;
}

.project-img img{
    width: 100%;
    aspect-ratio: 1 / 0.97;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
}

.project-item:hover .project-img img{
    transform: scale(1.1);
}

.project-content{
    position: absolute;
    right: 30px;
    bottom: 30px;
    left: 30px;
    z-index: 1;
}

.project-content p{
    display: inline-block;
    color: var(--white-color);
    text-transform: capitalize;
    background: linear-gradient(90deg, #0DA49D 0%, #0DA49D 100%);
    padding: 5px 10px;
    margin-bottom: 20px;
}

.project-content p a{
    color: inherit;
}

.project-content h3{
    font-size: 20px;
    text-transform: capitalize;
    color: var(--white-color);
}

.project-content h3 a{
    color: inherit;
}

/************************************/
/***    23. Projects Single css   ***/
/************************************/

.page-project-single{
    padding: 90px 0;
}

.project-sidebar{
    position: sticky;
    margin-right: 20px;
    top: 30px;
}

.project-catagery-list{
    margin-bottom: 60px;
}

.project-catagery-list h3 {
    font-size: 20px;
    color: var(--white-color);
    text-transform: capitalize;
    background: linear-gradient(90deg, #0DA49D 0%, #0DA49D 100%);
    padding: 25px 25px;
    border-radius: 10px;
    letter-spacing: 1px;
}

.project-catagery-list ul {
    background: #ffffff52;
    margin: 0;
    padding: 30px;
    list-style: none;
    border-bottom: 1px solid #8080801f;
 
}

.project-catagery-list ul li {
    font-size: 17px;
    font-weight: 500;
    text-transform: capitalize;
    color: #000000c7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--divider-color);
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-family: 'Inter';
}

.project-catagery-list ul li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.project-catagery-list ul li span{
    font-family: var(--default-font);
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
    width: 60%;
    display: inline-flex;
    gap: 15px;
}

.project-catagery-list ul li span a{
    background: linear-gradient(90deg, #0DA49D 0, #0DA49D 50%, var(--accent-color) 100%);
    background-size: 200% auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    transition: all 0.4s ease-in-out;
}

.project-catagery-list ul li span a i{
    color: var(--white-color);
    font-size: 14px;
}

.project-catagery-list ul li span a:hover{
    background-position: right center;
}

.project-single-slider{
    margin-bottom: 60px;
}

.project-single-slider .swiper-slide figure{
    display: block;
}

.project-single-slider .swiper-slide figure::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(1, 5, 53, 0) 80.06%, var(--primary-color) 100%);
    width: 100%;
    height: 100%;
}

.project-single-slider .swiper-slide img{
    width: 100%;
    aspect-ratio: 1 / 0.598;
    object-fit: cover;
}

.project-single-slider .project-pagination{
    position: absolute;
    bottom: 20px;
    text-align: center;
    z-index: 1;
}

.project-single-slider .project-pagination .swiper-pagination-bullet{
    position: relative;
    height: 12px;
    width: 12px;
    background: var(--white-color);
    opacity: 1;
    margin: 0 8px;
}

.project-single-slider .project-pagination .swiper-pagination-bullet:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid var(--white-color);
    height: 0;
    width: 0;
    border-radius: 50%;
    transition: all 0.4s ease-in-out;
}

.project-single-slider .project-pagination .swiper-pagination-bullet-active:before{
    height: 24px;
    width: 24px;
}

.project-entry{
    margin-bottom: 60px;
}

.project-entry h2{
    font-size: 46px;
    margin-bottom: 20px;
}

.project-entry p{
    margin-bottom: 20px;
}

.project-entry p:last-child{
    margin-bottom: 0;
}

.project-entry ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.project-entry ul li{
    position: relative;
    color: var(--primary-color);
    text-transform: capitalize;
    line-height: normal;
    padding-left: 20px;
    margin-bottom: 20px;
}

.project-entry ul li:last-child{
    margin-bottom: 0;
}

.project-entry ul li::before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background-color: var(--accent-secondary-color);
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.project-challenge-box{
    margin-top: 60px;
}

.project-challenge-item:nth-child(even){
    flex-direction: row-reverse;
}

.project-challenge-item-list{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 40px;
}

.project-challenge-item{
    display: flex;
    gap: 30px;
    align-items: center;
}

.project-challenge-image,
.project-challenge-content{
    width: calc(50% - 15px);
}

.project-challenge-image figure{
    display: block;
}

.project-challenge-image img{
    width: 100%;
    aspect-ratio: 1 / 0.87;
    object-fit: cover;
}

.project-challenge-content h3{
    font-size: 20px;
    text-transform: capitalize;
    margin-bottom: 20px;
}

/************************************/
/***      24. Team Page css       ***/
/************************************/

.page-team{
    padding: 100px 0 70px;
}

/************************************/
/***     25. Team Single css      ***/
/************************************/

.page-team-single{
    padding: 100px 0;
}

.team-member-info-box,
.team-member-about{
    margin-bottom: 100px;
}

.team-member-info-box{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
}

.team-member-image,
.team-member-content{
    width: calc(50% - 20px);
}

.team-member-image figure{
    display: block;
}

.team-member-image img{
    width: 100%;
    aspect-ratio: 1 / 0.92;
    object-fit: cover;
    object-position: top center
}

.member-content-body{
    background: var(--secondary-color);
    padding: 40px;
}

.member-content-body ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.member-content-body ul li{
    position: relative;
    font-family: var(--accent-font);
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding-left: 15px;
}

.member-content-body ul li:last-child{
    margin-bottom: 0;
}

.member-content-body ul li::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: var(--accent-secondary-color);
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.member-content-body ul li span{
    font-family: var(--default-font);
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
    width: 60%;
    display: inline-flex;
    gap: 15px;
}

.member-social-list{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
}

.member-social-list span{
    font-size: 20px;
    font-weight: 600;
    color: var(--primary-color);
}

.member-social-list ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.member-social-list ul li{
    display: inline-block;
    margin-right: 15px;
}

.member-social-list ul li a{
    background: linear-gradient(90deg, var(--accent-color) 0, var(--accent-secondary-color) 50%, var(--accent-color) 100%);
    background-size: 200% auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    transition: all 0.4s ease-in-out;
}

.member-social-list ul li a:hover{
    background-position: right center;
}

.member-social-list ul li a i{
    color: var(--white-color);
    font-size: 20px;
}

.team-member-about-list ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 20px 30px;
    flex-wrap: wrap;
}

.team-member-about-list ul li{
    position: relative;
    width: calc(33.33% - 20px);
    color: var(--primary-color);
    text-transform: capitalize;
    line-height: normal;
    padding-left: 20px;
}

.team-member-about-list ul li::before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    background-color: var(--accent-secondary-color);
    border-radius: 50%;
    height: 6px;
    width: 6px;
}

.team-member-experience{
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: center;
}

.team-experience-box,
.team-contact-form{
    width: calc(50% - 20px);
}

.team-experience-box .member-content-body ul li span{
    width: 80%;
}

.team-experience-skills{
    margin-top: 40px;
}

.team-contact-form{
    background-color: var(--secondary-color);
    padding: 40px;
}

/************************************/
/***     26. Image Gallery css    ***/
/************************************/

.page-gallery{
    padding: 100px 0 70px;
}

.page-gallery-box .photo-gallery{
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.page-gallery-box .photo-gallery a{
    
}

.page-gallery-box .photo-gallery figure{
    display: block;
}

.page-gallery-box .photo-gallery img{
    width: 100%;
    aspect-ratio: 1 / 0.8;
    object-fit: cover;
}

/************************************/
/***     27. Video Gallery css    ***/
/************************************/

.page-video-gallery{
    padding: 100px 0 70px;
}

.video-gallery-image{
    overflow: hidden;
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.video-gallery-image a{
    position: relative;
    display: block;
    
}

.video-gallery-image a::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--primary-color);
    opacity: 0%;
    visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.video-gallery-image:hover a::before{
    opacity: 50%;
    visibility: visible;
    transform: scale(1);
}

.video-gallery-image a::after{
    content: '\f04b';
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    font-size: 20px;
    background: var(--accent-secondary-color);
    color: var(--white-color);
    border-radius: 50%;
    height: 60px;
    width: 60px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.video-gallery-image:hover a::after{
    opacity: 1;
    visibility: visible;
}

.video-gallery-image img{
    width: 100%;
    aspect-ratio: 1 / 0.87;
    object-fit: cover;
}

/************************************/
/***     28. Pricing Page css     ***/
/************************************/

.page-pricing{
    padding: 100px 0;
}

/************************************/
/***       29. FAQs Page css      ***/
/************************************/

.page-faqs{
    padding: 100px 0;
}

.faq-sidebar{
    position: sticky;
    top: 30px;
    margin-right: 20px;
}

.faq-catagery-list{
    background-color: var(--secondary-color);
    padding: 30px;
    margin-bottom: 30px;
}

.faq-catagery-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.faq-catagery-list ul li{
    border-bottom: 1px solid var(--divider-color);
    padding-bottom: 20px;
    margin-bottom: 20px;
    transition: all 0.3s ease-in-out;
}

.faq-catagery-list ul li:last-child{
    margin: 0;
    padding: 0;
    border-bottom: none;
}

.faq-catagery-list ul li a{
    position: relative;
    display: block;
    text-transform: capitalize;
    color: var(--text-color);
    padding-right: 30px;
    transition: all 0.3s ease-in-out;
}

.faq-catagery-list ul li:hover a{
    color: var(--primary-color);
}

.faq-catagery-list ul li a::before{
    content: '';
    position: absolute;
    top: 3px;
    right: 3px;
    background: url('../images/arrow-text.svg') no-repeat;
    background-position: right center;
    background-size: cover;
    width: 12px;
    height: 12px;
    transition: all 0.3s ease-in-out;
}

.faq-catagery-list ul li:hover a::before{
    transform: rotate(45deg);
    filter: brightness(0) invert(0);
}

.page-faqs-accordion{
    margin-bottom: 60px;
}

.page-faqs-accordion:last-child{
    margin-bottom: 0px;
}

/************************************/
/***    30. Contact Us Page css   ***/
/************************************/

.page-contact-us{
    padding: 90px 0px;
}

.contact-us-box{
    background-color: var(--secondary-color);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.contact-us-form{
    width: 54%;
    padding: 80px;
}

.contact-form .form-control{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: var(--text-color);
    background: var(--white-color);
    border: none;
    border-radius: 0px;
    padding: 18px 20px;
    box-shadow: none;
    outline: none;
}

.contact-form .form-control::placeholder{
    color: var(--text-color);
}

.contact-form .btn-default{
    width: 100%;
    padding: 17px;
    background-color: #0da49d;
}

.contact-form .btn-default::before{
    display: none;
}

.contact-us-image{
    width: 46%;
    height: 100%;
}

.contact-us-image figure{
    display: block;
    height: 100%;
}

.contact-us-image img{
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1.33;
    object-fit: cover;
}

.contact-info{
    padding: 100px  0px;
}

.contact-info-item {
    position: relative;
    background-color: var(--secondary-color);
    height: calc(100% - 30px);
    padding: 50px;
    margin-bottom: 30px;
    border: 1px solid #159f9814;
    border-radius: 10px;
}

.contact-info-item:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(90deg, #0DA49D 0%, #0DA49D 100%);
    z-index: 0;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
    border: none;
}

.contact-info-item:hover:after{
    top: auto;
    height: 100%;
}

.contact-info-item .icon-box{
    position: relative;
    width: 60px;
    height: 60px;
    background: linear-gradient(90deg, #0DA49D 0%, #1C9C95 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.contact-info-item .icon-box:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: var(--white-color);
    z-index: 0;
    transition: all 0.4s ease-in-out;
}

.contact-info-item:hover .icon-box:after{
    top: auto;
    height: 100%;
}

.contact-info-item .icon-box img{
    position: relative;
    width: 100%;
    max-width: 30px;
    transition: all 0.4s ease-in-out;
    z-index: 1;
}

.contact-info-item:hover .icon-box img{
    filter: brightness(0) invert(0);
}

.contact-info-content{
    position: relative;
    z-index: 1;
}

.contact-info-content h2 {
    font-size: 22px !important;
    text-transform: capitalize;
    margin-bottom: 15px !important;
    transition: all 0.4s ease-in-out;
}

.contact-info-content p{
    margin-bottom: 35px;
    transition: all 0.4s ease-in-out;
}

.contact-info-content h3{
    font-size: 16px;
    font-weight: 500;
    background-image: linear-gradient(90deg, #131314 0%, #322E2E 100%); 
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.4s ease-in-out;
}

.contact-info-content h3 a{
    color: inherit;
    text-decoration: underline;
	font-family: 'Inter';
}

.contact-info-item:hover .contact-info-content h2{
    color: var(--white-color);
}

.contact-info-item:hover .contact-info-content p{
    color: var(--white-color);
    opacity: 80%;
}

.contact-info-item:hover .contact-info-content h3{
    -webkit-text-fill-color: var(--white-color);
}

.google-map .container-fluid{
    padding: 0;
}

.google-map-iframe,
.google-map-iframe iframe{
    height: 600px;
    width: 100%;
}

/************************************/
/***    31. 404 Error Page css    ***/
/************************************/

.error-page{
    padding: 100px 0;
}

.error-page-image{
    text-align: center;
    margin-bottom: 40px;
}

.error-page-image img{
    width: 100%;
    max-width: 50%;
}

.error-page-content{
    text-align: center;
}

.error-page-content .section-title{
    margin-bottom: 15px;
}

.error-page-content-body p{
    color: var(--primary-color);
    margin-bottom: 20px;
}

/************************************/
/***      32. Responsive css      ***/
/************************************/

@media only screen and (max-width: 991px){

    .topbar-contact-info ul{
        gap: 20px;
    }

    .topbar-login-btn{
        margin-right: 20px;
        padding-right: 20px;
    }

    .topbar-login-btn ul li{
        margin-right: 15px;
    }

    .topbar-login-btn ul li::before{
        right: -13px;
    }

    .topbar-social-links ul li{
        margin-right: 10px;
    }

    .navbar{
        padding: 20px 0;
    }

    .slicknav_nav li,
    .slicknav_nav ul{
        display: block;
    }

    .responsive-menu,
    .navbar-toggle{
        display: block;
    }

    .header-btn{
        display: none;
    }

    .btn-default{
        padding: 14px 42px 14px 14px;
    }

    .btn-default::before{
        right: 14px;
        width: 22px;
        height: 22px;
    }

    .section-row{
        margin-bottom: 40px;
    }

    .section-title-content{
        margin-top: 15px;
    }

    .section-row .section-btn{
        text-align: left;
        margin-top: 15px;
    }

    .section-title{
        margin-bottom: 30px;
    }

    .section-title h1{
        font-size: 45px;
    }

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

    .section-title p{
        margin-top: 15px;
    }
    
    .hero{
        padding: 80px 0;
    }

    .hero.hero-slider-layout .hero-slide{
        padding: 80px 0;
    }

    .hero.hero-slider-layout .hero-pagination{
        bottom: 30px;
        padding-left: 15px;
    }

    .hero-footer{
        padding: 15px 20px;
        margin-top: 40px;
    }

    .about-us{
        padding: 50px 0;
    }

    .about-us-images{
        width: 100%;
        max-width: 75%;
        margin: 0 auto 30px;
        padding: 20px 225px 140px 30px;
    }

    .about-image-2{
        max-width: 270px;
    }

    .about-image-circle a img{
        max-width: 120px;
    }

    .about-us-body{
        gap: 20px;
    }

    .about-body-item{
        width: calc(50% - 10px);
    }

    .about-body-item .icon-box{
        margin-right: 10px;
    }

    .about-body-item .icon-box img{
        max-width: 35px;
    }

    .about-body-item-content{
        width: calc(100% - 45px);
    }

    .about-us-footer{
        margin-top: 30px;
        padding-top: 30px;
    }

    .about-us-footer-counter h2{
        font-size: 60px;
    }

    .about-us-footer-counter{
        width: calc(22% - 20px);
    }

    .about-us-footer-content{
        width: calc(50% - 20px);
    }

    .our-services{
        padding: 50px 0;
    }

    .service-item{
        width: 50%;
    }
    
    .service-item:nth-of-type(-n + 4){
        border-top-width: 0;
    }

    .service-item:nth-of-type(-n + 2){
        border-top-width: 1px;
    }

    .service-image img{
        aspect-ratio: 1 / 1.1;
    }

    .service-content{
        right: 30px;
        left: 30px;
        bottom: 30px;
    }

    .service-title img{
        max-width: 45px;
        margin-bottom: 15px;
    }

    .service-item:hover .service-body{
        margin-top: 10px;
    }

    .contact-us-now-text{
        margin-top: 30px;
    }

    .scrolling-ticker{
        padding: 50px 0 25px;
    }

    .scrolling-ticker-box{
        --gap: 30px;
    }

    .scrolling-ticker-box .scrolling-content span{
        font-size: 70px;
    }

    .scrolling-ticker-box .scrolling-content span img{
        max-width: 35px;
        margin-right: 30px;
    }

    .why-choose-us{
        padding: 25px 0 50px;
    }

    .why-choose-content{
        margin-bottom: 30px;
    }

    .why-choose-list ul li{
        margin-bottom: 10px;
    }

    .why-choose-btn{
        margin-top: 30px;
    }

    .why-choose-image{
        margin: 0;
    }

    .why-choose-image img{
        aspect-ratio: 1 / 1.133;
    }

    .why-choose-author-info,
    .why-choose-author-skillbar{
        margin-bottom: 30px;
    }

    .why-choose-author-info h3{
        margin-bottom: 20px;
    }

    .skills-progress-bar{
        margin-bottom: 20px;
    }

    .how-we-work{
        padding: 50px 0;
    }

    .work-counter-list{
        gap: 30px 40px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .work-counter-list-item{
        text-align: center;
        width: calc(25% - 30px);
    }

    .work-counter-item-header{
        display: block;
        margin-bottom: 10px;
    }

    .work-counter-item-header .icon-box{
        margin: 0 0 10px 0;
    }
    
    .work-counter-item-no{
        width: 100%;
    }

    .work-counter-item-no h2{
        font-size: 36px;
    }

    .how-work-content{
        margin-bottom: 30px;
    }

    .work-step-item{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .how-work-image img{
        aspect-ratio: 1 / 0.7;
        object-position: top center;
    }

    .our-achivements{
        padding: 50px 0;
    }

    .achivement-image{
        margin: 0 0 30px 0;
    }

    .achivement-image img{
        aspect-ratio: 1 / 0.7;
        object-position: top center;
    }

    .faq-accordion .accordion-item{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .faq-accordion .accordion-button:not(.collapsed){
        margin-bottom: 10px;
    }

    .faq-accordion .accordion-item .accordion-button::after,
    .faq-accordion .accordion-item .accordion-button.collapsed::after{
        top: 4px;
        height: 18px;
        width: 18px;
    }

    .our-team{
        padding: 50px 0;
    }

    .our-company-slider{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .team-contact-circle a img{
        max-width: 110px;
    }

    .team-body{
        left: 60px;
        padding: 15px 20px;
    }

    .contact-us-now-text.team-footer{
        margin-top: 10px;
    }

    .intro-video{
        padding: 100px 0;
    }

    .intro-video-play-button{
        margin-bottom: 40px;
    }

    .intro-video-content{
        text-align: center;
    }

    .our-pricing{
        padding: 50px 0;
    }

    .our-pricing-swich{
        margin-bottom: 30px;
        gap: 20px;
    }

    .our-pricing-swich .form-check-label{
        font-size: 16px;
    }

    .our-pricing-swich.form-switch .form-check-input{
        width: 60px;
        height: 32px;
        background-size: 22px auto;
    }

    .pricing-item{
        padding: 30px;
    }

    .pricing-header{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .pricing-header h2{
        font-size: 36px;
        margin-bottom: 15px;
    }

    .pricing-body{
        margin-bottom: 20px;
    }
    
    .pricing-body h2{
        font-size: 36px;
    }

    .pricing-btn .btn-default{
        padding: 14px;
    }

    .pricing-benefit-list{
        margin-top: 10px;
    }

    .pricing-benefit-list ul{
        gap: 15px 30px;
    }

    .pricing-benefit-list ul li img{
        max-width: 18px;
        margin-right: 10px;
    }

    .our-testimonial{
        padding: 50px 0;
    }

    .testimonial-title-box{
        position: initial;
        margin: 0 0 30px 0;
    }

    .client-content-box{
        margin-bottom: 30px;
    }

    .testimonial-content-box{
        margin-left: 0;
    }

    .testimonial-company-logo{
        margin-bottom: 20px;
    }

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

    .author-content h3{
        font-size: 20px;
    }

    .our-facility{
        gap: 30px;
        margin-top: 30px;
        padding-top: 30px;
    }

    .facility-item{
        width: calc(33.33% - 20px);
    }

    .facility-item .icon-box{
        margin-bottom: 15px;
    }

    .facility-item .icon-box img{
        max-width: 40px;
    }

    .our-blog{
        padding: 50px 0 20px;
    }

    .post-featured-image{
        margin-bottom: 15px;
    }

    .post-item-content{
        margin-bottom: 20px;
    }

    .main-footer{
        padding: 50px 0 50px;
    }

    .about-footer{
        max-width: 100%;
        margin-right: 30px;
    }

    .about-footer p{
        font-size: 18px;
        margin-bottom: 30px;
    }

    .footer-links h3{
        margin-bottom: 20px;
    }

    .footer-privacy-policy{
        margin-top: 40px;
    }

    .privacy-policy-list ul li{
        padding-right: 20px;
        margin-right: 20px;
    }

    .footer-copyright{
        padding: 30px 0;
    }

    .page-header{
        padding: 80px 0;
    }

    .page-header-box h1{
        font-size: 45px;
        margin-bottom: 10px;
    }

    .our-approach{
        padding: 50px 0;
    }

    .our-approach-content{
        margin-bottom: 30px;
    }

    .our-approach-image{
        max-width: 80%;
        margin: 0 auto;
    }

    .our-approach-circle img{
        max-width: 120px;
    }

    .what-we-do{
        padding: 50px 0;
    }

    .what-we-do-image{
        margin-right: 0;
        margin-bottom: 30px;
    }

    .what-we-do-image-box{
        padding-left: 50px;
    }

    .what-we-do-circle img{
        max-width: 100px;
    }

    .what-we-do-body{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .what-we-do-body ul{
        gap: 15px 20px;
    }

    .what-we-list{
        gap: 30px 20px;
    }
    
    .what-we-item{
        width: calc(50% - 10px);
    }
    
    .what-we-item .icon-box{
        margin-right: 10px;
    }
    
    .what-we-item .icon-box img{
        max-width: 35px;
    }
    
    .what-we-item-content{
        width: calc(100% - 45px);
    }

    .our-benefit{
        padding: 50px 0;
    }

    .our-benefit-content{
        position: static;
        margin-bottom: 30px;
    }

    .our-benefit-list{
        gap: 30px;
    }

    .benefit-item .icon-box{
        margin-bottom: 15px;
    }

    .benefit-item .icon-box img{
        max-width: 45px;
    }

    .benefit-item-content h3{
        margin-bottom: 10px;
    }

    .benefit-footer{
        margin-top: 30px;
    }

    .our-opportunities{
        padding: 50px 0 0;
    }

    .opportunities-image,
    .opportunities-content{
        width: 100%;
    }

    .opportunities-image img{
        aspect-ratio: 1 / 0.6;
    }

    .opportunities-content .section-title{
        margin-bottom: 30px;
        padding-bottom: 30px;
    }

    .opportunities-body{
        margin-bottom: 40px;
    }

    .opportunities-body ul{
        gap: 15px 20px;
    }

    .opportunities-video-content{
        padding: 20px 40px;
    }

    .our-faqs{
        padding: 50px 0;
    }

    .faqs-image{
        margin-bottom: 30px;
    }

    .faq-img img{
        aspect-ratio: 1 / 0.7;
    }

    .company-experience{
        bottom: 20px;
        left: 20px;
        padding: 15px 25px 15px 15px;
    }

    .company-experience h3{
        font-size: 36px;
    }

    .faqs-content{
        margin-left: 0;
    }

    .page-services{
        padding: 50px 0 30px;
    }

    .page-services .service-item-list .service-item{
        width: calc(50% - 15px);
    }

    .page-service-single{
        padding: 50px 0;
    }

    .service-sidebar{
        position: initial;
        margin: 0 0 30px 0;
    }

    .service-catagery-list{
        margin-bottom: 30px;
    }

    .service-catagery-list h3{
        padding: 15px 20px;
    }

    .service-catagery-list ul li{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .sidebar-cta-box{
        padding: 30px;
    }

    .sidebar-cta-logo,
    .sidebar-cta-content,
    .sidebar-cta-content h3{
        margin-bottom: 25px;
    }

    .sidebar-cta-logo img{
        max-width: 220px;
    }

    .sidebar-cta-content h3{
        font-size: 20px;
    }

    .sidebar-cta-content ul li{
        margin-bottom: 15px;
    }

    .service-feature-image{
        margin-bottom: 30px;
    }

    .service-feature-image img{
        aspect-ratio: 1 / 0.5;
    }

    .service-entry{
        margin-bottom: 30px;
    }

    .service-entry h2{
        font-size: 36px;
        margin-bottom: 15px;
    }

    .service-entry p{
        margin-bottom: 15px;
    }

    .service-entry ul{
        gap: 15px;
    }

    .service-entry ul li{
        width: calc(50% - 7.5px);
        padding-left: 18px;
    }

    .benefit-service-box,
    .service-why-choose-box,
    .service-entry-process{
        margin-top: 30px;
    }

    .benefit-services-list{
        gap: 15px;
        margin: 30px 0;
    }

    .benefit-services-list .benefit-item{
        width: calc(25% - 11.25px);
    }

    .benefit-item-content h3{
        font-size: 18px;
    }

    .service-entry-counter-box{
        padding: 40px 50px 40px 30px;
    }

    .service-entry-video,
    .service-entry-process-steps,
    .service-entry-process .contact-us-now-text{
        margin-top: 30px;
    }

    .service-process-step-no,
    .service-process-step-body{
        margin-bottom: 20px;
    }

    .service-process-step-body .icon-box{
        margin-right: 10px;
    }

    .service-process-step-body .icon-box img{
        max-width: 40px;
    }

    .service-process-step-title{
        width: calc(100% - 50px);
    }

    .page-blog{
        padding: 50px 0;
    }
    
    .page-pagination{
        margin-top: 10px;
    }

    .page-single-post{
        padding: 50px 0;
    }
    
    .post-image{
        margin-bottom: 20px;
    }
    
    .post-entry h1,
    .post-entry h2,
    .post-entry h3,
    .post-entry h4,
    .post-entry h5,
    .post-entry h6{
        margin: 0 0 0.417em;
    }
    
    .post-entry h2{
        font-size: 36px;
    }
    
    .post-entry p{
        margin-bottom: 15px;
    }

    .post-entry ul li{
        font-size: 16px;
        margin-bottom: 10px;
    }
    
    .post-entry blockquote{
        background-position: 25px 25px;
        background-size: 50px;
        padding: 25px 25px 25px 85px;
        margin-bottom: 20px;
    }
    
    .post-entry blockquote p{
        font-size: 18px;
    }
    
    .post-tags{
        margin-bottom: 20px;
    }

    .tag-links{
        font-size: 22px;
    }

    .post-tags .tag-links a{
        font-size: 14px;
        padding: 12px 15px;
    }
    
    .post-social-sharing ul{
        text-align: left;
    }

    .page-projects{
        padding: 50px 0 30px;
    }

    .project-img img{
        aspect-ratio: 1 / 0.87;
    }

    .project-content{
        right: 20px;
        bottom: 20px;
        left: 20px;
    }

    .project-content p{
        margin-bottom: 15px;
    }

    .page-project-single{
        padding: 50px 0;
    }

    .project-sidebar{
        position: initial;
        margin: 0 0 30px 0;
    }

    .project-catagery-list{
        margin-bottom: 30px;
    }

    .project-catagery-list h3{
        padding: 15px 20px;
    }

    .project-single-slider{
        margin-bottom: 30px;
    }

    .project-single-slider .swiper-slide img{
        aspect-ratio: 1 / 0.55;
    }

    .project-entry{
        margin-bottom: 30px;
    }

    .project-entry h2{
        font-size: 36px;
        margin-bottom: 15px;
    }

    .project-entry p{
        margin-bottom: 15px;
    }

    .project-entry ul li{
        margin-bottom: 10px;
    }

    .project-challenge-box{
        margin-top: 30px;
    }

    .project-challenge-item-list{
        gap: 30px;
        margin-top: 30px;
    }

    .project-challenge-content h3{
        margin-bottom: 15px;
    }

    .page-team{
        padding: 50px 0 20px;
    }

    .page-team-single{
        padding: 50px 0;
    }

    .team-member-info-box,
    .team-member-about{
        margin-bottom: 50px;
    }

    .team-member-info-box{
        gap: 30px;
    }

    .team-member-image,
    .team-member-content{
        width: 100%;
    }

    .team-member-image img{
        aspect-ratio: 1 / 0.75;
    }

    .member-content-body{
        padding: 30px;
    }

    .member-content-body ul li{
        font-size: 18px;
        margin-bottom: 20px;
    }

    .member-social-list{
        margin-top: 30px;
    }

    .team-member-about-list ul{
        gap: 15px 10px;
    }

    .team-member-about-list ul li{
        width: calc(50% - 5px);
        padding-left: 12px;
    }

    .team-member-experience{
        gap: 30px;
    }

    .team-experience-box,
    .team-contact-form{
        width: 100%;
    }

    .team-experience-skills{
        margin-top: 30px;
    }

    .team-contact-form{
        padding: 30px;
    }

    .page-gallery{
        padding: 50px 0 20px;
    }

    .page-video-gallery{
        padding: 50px 0 20px;
    }

    .page-pricing{
        padding: 50px 0;
    }

    .page-faqs{
        padding: 50px 0;
    }

    .faq-sidebar{
        position: initial;
        top: 0px;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .faq-catagery-list ul li{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .page-faqs-accordion{
        margin-bottom: 40px;
    }

    .page-contact-us{
        padding: 90px  0px;
    }

    .contact-us-form,
    .contact-us-image{
        width: 100%;
    }

    .contact-us-form{
        padding: 50px;
    }

    .contact-form .form-control{
        padding: 12px 15px;
    }

    .contact-us-image,
    .contact-us-image figure,
    .contact-us-image img{
        height: auto;
    }

    .contact-us-image img{
        aspect-ratio: 1 / 0.9;
    }

    .contact-info{
        padding: 25px 0 20px;
    }

    .contact-info-item{
        padding: 30px;
    }

    .contact-info-item .icon-box{
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
    }

    .contact-info-item .icon-box img{
        max-width: 26px;
    }

    .contact-info-content h2{
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contact-info-content p{
        margin-bottom: 20px; 
    }

    .google-map-iframe,
    .google-map-iframe iframe{
        height: 450px;
    }

    .error-page{
        padding: 50px 0;
    }
    
    .error-page-image{
        margin-bottom: 30px;
    }

    .error-page-image img{
        max-width: 80%;
    }
}

@media only screen and (max-width: 767px){

    .topbar-contact-info ul{
        justify-content: center;
    }

    .topbar-social-login{
        display: none;
    }

    .section-title h1{
        font-size: 28px;
    }

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

    .hero::before{
        background: linear-gradient(90deg, #0DA49D 0%, #352726 100%, rgba(226, 64, 59, 0.02) 0%);
    }

    .hero-body{
        gap: 15px 40px;
    }

    .hero-body .video-play-button a{
        height: 45px;
        width: 45px;
    }

    .hero-body .video-play-button a img{
        max-width: 16px;
    }

    .hero-footer{
        width: 100%;
        padding: 15px;
        margin-top: 30px;
    }

    .hero-footer ul{
        justify-content: center;
        gap: 20px 25px;
    }

    .hero-footer ul li{
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 14px;
    }

    .hero-footer ul li img{
        margin: 0 auto;
        margin-bottom: 8px;
    }

    .about-us-images{
        max-width: 100%;
        padding: 15px 100px 130px 20px;
    }

    .about-image-2{
        max-width: 200px;
        bottom: 25px;
        right: 30px;
    }

    .about-image-circle{
        top: 10px;
        right: 0;
    }

    .about-image-circle a img{
        max-width: 100px;
    }

    .about-body-item{
        width: 100%;
    }

    .about-body-item .icon-box{
        margin-right: 5px;
    }

    .about-body-item .icon-box img{
        max-width: 30px;
    }

    .about-body-item-content{
        width: 100%;
    }

    .about-us-footer{
        gap: 20px;
    }

    .about-us-footer-counter{
        width: calc(28% - 10px);
    }

    .about-us-footer-counter h2{
        font-size: 40px;
    }

    .about-us-footer-content{
        width: calc(72% - 10px);
    }

    .about-us-footer-content h3{
        font-size: 16px;
    }

    .about-us-footer-button{
        text-align: left;
        width: 100%;
    }

    .service-item{
        width: 100%;
    }

    .service-item:nth-of-type(-n + 2){
        border-top-width: 0;
    }

    .service-item:nth-of-type(-n + 1){
        border-top-width: 1px;
    }

    .service-image img{
        aspect-ratio: 1 / 0.95;
    }

    .service-content{
        right: 20px;
        left: 20px;
        bottom: 20px;
    }

    .service-title h3{
        font-size: 18px;
    }

    .contact-us-now-text p i{
        font-size: 16px;
        margin-right: 2px;
    }

    .scrolling-ticker-box{
        --gap: 20px;
    }

    .scrolling-ticker-box .scrolling-content span{
        font-size: 40px;
    }

    .scrolling-ticker-box .scrolling-content span img{
        width: 25px;
        margin-right: 20px;
    }

    .why-choose-list ul li{
        font-size: 14px;
    }

    .why-choose-image{
        margin-bottom: 30px;
    }

    .why-choose-author-info h3{
        font-size: 18px;
    }

    .why-choose-author-content h3{
        font-size: 18px;
    }

    .work-counter-list{
        gap: 20px;
    }

    .work-counter-list-item{
        width: calc(50% - 10px);
    }

    .work-counter-item-header .icon-box img{
        max-width: 40px;
    }

    .work-counter-item-no h2{
        font-size: 26px;
    }

    .work-step-item .icon-box{
        margin-right: 15px;
    }

    .work-step-item .icon-box img{
        max-width: 40px;
    }

    .work-step-content{
        width: calc(100% - 55px);
    }

    .work-step-content h2{
        font-size: 18px;
        margin-bottom: 10px;
    }

    .how-work-image img{
        aspect-ratio: 1 / 0.9;
        object-position: center center;
    }
    
    .achivement-image img{
        aspect-ratio: 1 / 0.884;
        object-position: center center;
    }

    .faq-accordion .accordion-header .accordion-button{
        font-size: 18px;
        padding-right: 30px;
    }

    .faq-accordion .accordion-item .accordion-button::after,
    .faq-accordion .accordion-item .accordion-button.collapsed::after{
        height: 14px;
        width: 14px;
    }

    .faq-accordion .accordion-item .accordion-body{
        padding: 0;
    }

    .section-row .section-title{
        text-align: center;
    }

    .team-contact-circle{
        text-align: center;
        margin-top: 20px;
    }

    .team-contact-circle a img{
        max-width: 95px;
    }

    .team-image a img{
        aspect-ratio: 1 / 1.15;
    }

    .team-body{
        padding: 15px;
    }

    .team-content{
        width: calc(100% - 50px);
    }

    .team-content h3{
        font-size: 18px;
        margin-bottom: 5px;
    }

    .team-social-list{
        margin-left: 10px;
    }

    .intro-video-play-button a{
        width: 70px;
        height: 70px;
    }

    .intro-video-play-button a i{
        font-size: 28px;
    }

    .pricing-item{
        padding: 20px;
    }

    .pricing-header h2{
        font-size: 26px;
    }
    
    .pricing-header h3{
        font-size: 18px;
        margin-bottom: 15px;
    }
    
    .pricing-body h2{
        font-size: 26px;
    }

    .pricing-benefit-list ul{
        gap: 15px;
    }

    .pricing-benefit-list ul li{
        width: calc(50% - 7.5px);
        font-size: 12px;
    }

    .pricing-benefit-list ul li img{
        max-width: 16px;
        margin-right: 5px;
    }

    .client-logo{
        margin-right: 15px;
        padding-right: 15px;
    }

    .testimonial-company-logo{
        margin-bottom: 15px;
    }

    .testimonial-content{
        margin-bottom: 20px;
    }

    .testimonial-content p{
        font-size: 16px;
    }

    .author-image{
        margin-right: 10px;
    }

    .author-image img{
        max-width: 60px;
    }

    .author-content{
        width: calc(100% - 70px);
    }

    .author-content h3{
        font-size: 18px;
    }

    .testimonial-pagination{
        font-size: 20px;
        bottom: 22px;
    }
    
    .testimonial-pagination span{
        font-size: 18px;
    }

    .our-facility{
        gap: 30px 20px;
    }

    .facility-item {
    width: calc(100% - 10px);
  }

    .facility-item .icon-box{
        margin-bottom: 10px;
    }

    .facility-item-content h3{
        font-size: 18px;
    }

    .post-featured-image img{
        aspect-ratio: 1 / 0.72;
    }

    .post-item-content h3{
        font-size: 18px;
    }

    .about-footer{
        margin: 0 0 30px 0;
    }

    .about-footer p{
        font-size: 16px;
        margin-bottom: 20px;
    }

    .footer-links{
        margin-bottom: 30px;
    }    

    .footer-links h3{
        font-size: 18px;
    }

    .footer-privacy-policy{
        display: block;
        margin-top: 0;
    }

    .footer-logo{
        text-align: center;
        margin-bottom: 15px;
    }

    .footer-logo img{
        max-width: 170px;
    }

    .privacy-policy-list ul{
        text-align: center;
    }

    .privacy-policy-list ul li{
        padding-right: 10px;
        margin-right: 10px;
    }

    .footer-copyright{
        padding: 15px 0;
        display: block;
        text-align: center;    
    }

    .footer-go-to-top-btn{
        margin-top: 15px;
    }

    .footer-go-to-top-btn a i{
        font-size: 16px;
        margin-left: 5px;
    }

    .page-header-box h1{
        font-size: 28px;
        margin-bottom: 5px;
    }

    .our-approach-image{
        max-width: 100%;
        padding-left: 100px;
    }
    
    .our-approach-image-2{
        max-width: 180px;
    }

    .our-approach-image-2 figure img{
        border-width: 5px;
    }

    .our-approach-circle img{
        max-width: 100px;
    }

    .what-we-do-image{
        gap: 20px;
    }

    .what-we-do-img-1,
    .what-we-do-img-2{
        width: calc(50% - 10px);
    }

    .what-we-do-image-box{
        padding-left: 40px;
    }

    .what-we-do-circle img{
        max-width: 80px;
    }

    .what-we-do-body{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .what-we-do-body ul{
        gap: 10px 20px;
    }

    .what-we-do-body ul li{
        width: 100%;
    }

    .what-we-list{
        gap: 20px 10px;
    }
    
    .what-we-item{
        width: 100%;
    }
    
    .what-we-item-content{
        width: 100%;
    }

    .benefit-item{
        width: 100%;
    }

    .benefit-item .icon-box{
        margin-bottom: 10px;
    }

    .benefit-item .icon-box img{
        max-width: 40px;
    }

    .benefit-item-content h3{
        font-size: 18px;
    }

    .benefit-footer{
        margin-top: 20px;
    }

    .benefit-footer .benefit-footer-content{
        padding: 8px 15px;
    }

    .opportunities-image img{
        aspect-ratio: 1 / 0.8;
    }

    .opportunities-content .section-title{
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .opportunities-body ul{
        gap: 10px 20px;
    }

    .opportunities-body ul li{
        width: 100%;
    }

    .opportunities-body{
        margin-bottom: 30px;
    }

    .opportunities-image-video,
    .opportunities-video-content{
        width: 100%;
    }

    .opportunities-video-content{
        padding: 20px;
    }

    .opportunities-video-content p{
        margin-bottom: 10px;
    }

    .video-contact-content h3{
        font-size: 18px;
    }

    .faq-img img{
        aspect-ratio: 1 / 0.9;
    }

    .company-experience{
        padding: 10px 15px 10px 10px;
    }

    .company-experience h3{
        font-size: 26px;
        margin-bottom: 0;
    }

    .page-services .service-item-list .service-item{
        width: 100%;
    }

    .service-catagery-list h3{
        font-size: 18px;
        padding: 12px 20px;
    }

    .service-catagery-list ul,
    .sidebar-cta-box{
        padding: 20px;
    }

    .sidebar-cta-logo,
    .sidebar-cta-content,
    .sidebar-cta-content h3{
        margin-bottom: 20px;
    }

    .sidebar-cta-logo img{
        max-width: 180px;
    }

    .sidebar-cta-content h3{
        font-size: 18px;
    }

    .service-feature-image{
        margin-bottom: 20px;
    }

    .service-feature-image img{
        aspect-ratio: 1 / 0.7;
    }

    .service-entry h2{
        font-size: 26px;
    }

    .service-entry ul li{
        width: 100%;
    }

    .benefit-services-list .benefit-item{
        width: calc(50% - 7.5px);
    }

    .service-entry-image-counter{
        gap: 20px;
    }

    .service-entry-counter-box{
        padding: 40px 30px 40px 30px;
    }

    .service-entry-counter-box{
        width: 100%;
    }

    .service-entry-counter h3{
        font-size: 18px;
    }

    .service-entry-video-image img{
        aspect-ratio: 1 / 0.65;
    }

    .service-process-step-item{
        width: 100%;
    }

    .service-process-step-no{
        margin-bottom: 15px;
    }

    .service-process-step-body{
        margin-bottom: 10px;
    }

    .service-process-step-no{
        padding: 6px 10px;
    }

    .service-process-step-title h3{
        font-size: 18px;
    }

    .service-entry-process .contact-us-now-text p{
        text-align: center;
        font-size: 14px;
    }

    .post-image img{
        aspect-ratio: 1 / 0.7;
    }
    
    .post-entry blockquote{
        background-position: 15px 12px;
        padding: 60px 15px 15px 15px;
    }
    
    .post-entry h2{
        font-size: 26px;
    }
    
    .tag-links{
        font-size: 20px;
    }

    .project-content p{
        font-size: 14px;
        margin-bottom: 10px;
    }

    .project-content h3{
        font-size: 18px;
    }

    .project-catagery-list h3{
        font-size: 18px;
        padding: 12px 20px;
    }

    .project-catagery-list ul,
    .sidebar-cta-box{
        padding: 20px;
    }
    
    .project-catagery-list ul li{
        font-size: 18px;
    }

    .project-single-slider{
        margin-bottom: 20px;
    }

    .project-single-slider .swiper-slide img{
        aspect-ratio: 1 / 0.72;
    }

    .project-single-slider .project-pagination .swiper-pagination-bullet{
        height: 10px;
        width: 10px;
    }

    .project-single-slider .project-pagination .swiper-pagination-bullet-active:before{
        height: 20px;
        width: 20px;
    }

    .project-entry h2{
        font-size: 26px;
    }

    .project-challenge-item{
        display: block;
    }

    .project-challenge-image,
    .project-challenge-content{
        width: 100%;
    }

    .project-challenge-image{
        margin-bottom: 20px;
    }

    .project-challenge-image img{
        aspect-ratio: 1 / 0.72;
    }

    .project-challenge-content h3{
        margin-bottom: 10px;
    }

    .team-member-info-box{
        gap: 20px;
    }

    .team-member-image img{
        aspect-ratio: 1 / 1.05;
    }

    .member-content-body{
        padding: 20px 15px;
    }

    .member-content-body ul li{
        font-size: 16px;
    }

    .member-content-body ul li span{
        width: 50%;
    }

    .member-social-list span{
        font-size: 18px;
    }

    .member-social-list ul li{
        margin-right: 10px;
    }

    .team-member-about-list ul li{
        width: 100%;
    }

    .team-experience-box .member-content-body ul li span{
        width: 75%;
    }

    .team-contact-form{
        padding: 20px;
    }

    .faq-catagery-list{
        padding: 20px;
    }

    .contact-us-form{
        padding: 20px;
    }

    .contact-info-item{
        padding: 20px;
    }

    .contact-info-item .icon-box{
        margin-bottom: 15px;
    }

    .contact-info-content h2{
        font-size: 18px;
        margin-bottom: 5px;
    }

    .contact-info-content p{
        margin-bottom: 15px;
    }

    .google-map-iframe,
    .google-map-iframe iframe{
        height: 350px;
    }
}

.main-header img{
    width: 192px;
	    border-radius: unset;
}














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

    
    
    

    /* ===== REGISTRATION PROCESS SECTION ===== */

.registration-process {
  padding: 110px 0;

}



.section-header {
  text-align: center;
  margin-bottom: 50px;
}

.section-header h2 {
  font-size: 40px;
  margin-bottom: 10px;
}

.section-header p {
  font-size: 16px;
  color: #64748b;
}



.process-steps {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 40px;
}

.step-item {
  flex: 1;
  min-width: 120px;
  background: #ffffff;
  padding: 18px 10px;
  
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
	border-radius: 5px;
}

.step-item span {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: #0ea59e;
    margin-bottom: 5px;
}

.step-item p {
  font-size: 13px;
  color: #475569;
  margin: 0;
}


.step-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
	border-radius: 5px;
	
}


.step-item.active {
  background: radial-gradient(circle at center, #00a29b 0%, #00a29b 20%, #0f6f73 100%);
  border-color: #0ea59e;
	border-radius: 5px;
}

.step-item.active span, .step-item.active p {
    color: #fff95b;
}



.process-content {
  background: #ffffff;
  padding: 40px;
  
  box-shadow: 0 20px 40px rgba(0,0,0,0.05);
}

.step-content {
  display: none;
}

.step-content.active {
  display: block;
}

.step-content h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #0f172a;
}

.step-content p {
  font-size: 15px;
  color: #475569;
  margin-bottom: 20px;
  line-height: 1.6;
}


.step-content ul {
  padding-left: 20px;
  margin-bottom: 25px;
}

.step-content ul li {
  font-size: 14px;
  margin-bottom: 8px;
  color: #334155;
}


.timeline {
  background: #f1f5f9;
  padding: 15px 20px;
  
  font-size: 14px;
}

.timeline strong {
  color: #0f172a;
}


.step-content h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #0ea59e;
}

.step-content h5 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #0f172a;
}

.info-box {
  background: #f8fafc;
  padding: 20px;
  border-radius:10px;
  margin-bottom: 20px;
}

.timeline-box {
  background: #ecfdf5;
  padding: 18px;
  border-left: 4px solid #0ea59e;
  
  margin-bottom: 20px;
}

.note-box {
  background: #fff7ed;
  padding: 18px;
  border-left: 4px solid #f97316;
  
  font-size: 14px;
}

.two-col {
  display: flex;
  gap: 40px;
}

.two-col ul {
  padding-left: 18px;
}

.next-step-note {
  font-style: italic;
  margin-top: 10px;
  color: #475569;
}

@media (max-width: 768px) {
  .two-col {
    flex-direction: column;
  }
}   
    

/* ===== RESPONSIVE ===== */

@media (max-width: 768px) {

  .process-steps {
    flex-direction: column;
  }

  .step-item {
    width: 100%;
  }

  .process-content {
    padding: 25px;
  }

  .section-header h2 {
    font-size: 26px;
  }

}
    
    
    
    
    
    
    
.capital-section {
  padding: 90px 0;
 
}



.section-h-title {
/*   text-align: center; */
  font-size: 36px;

  margin-bottom: 40px;

}


.table-wrapper {
  background: #ffffff;
  border-radius:10px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.06);
  overflow: hidden;
}


.capital-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
}

/* HEADER */
.capital-table thead {
  background: #0ea59e;
}
.capital-table thead th {
    color: #ffffff;
    padding: 30px 30px;
    text-align: left;
    font-weight: 600;
    font-size: 18px;
}

.capital-table tbody td {
  padding: 30px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}


.capital-table tbody tr:last-child td {
  border-bottom: none;
}

.capital-table tbody tr:hover {
      background: #e9eded24;
}


.capital-table .highlight {
  font-weight: 600;
  color: #0ea59e;
}

.capital-note {
  margin-top: 50px;

  padding: 30px;
  border-radius: 10px;
}

.capital-note ul {
  margin-top: 15px;
  padding-left: 18px;
}

.capital-note li {
  margin-bottom: 8px;
}   

/* RESPONSIVE */
@media (max-width: 768px) {
  .capital-table {
    font-size: 14px;
  }
}   
    
    



/* ===== OWNERSHIP SECTION ===== */

.ownership-section {
  background: linear-gradient(to bottom, #f8f9fb, #ffffff);
  padding: 80px 0;
}


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

  color: #0da49d;
  margin-bottom: 15px;
}

.ownership-section .text-muted {
  font-size: 16px;
  max-width: 750px;
  margin: auto;
  color: #64748b !important;
}


.ownership-card {
  background: #ffffff;
  
  padding: 35px;
  position: relative;
  overflow: hidden;
  border: 1px solid #eef2f7;
  transition: all 0.35s ease;
}


.ownership-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background: linear-gradient(90deg, #0ea59e, #14b8a6);
}


.ownership-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
}


.ownership-card h5 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 18px;
  color: #0f172a !important;
  position: relative;
  padding-left: 18px;
}


.ownership-card h5::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 6px;
  height: 18px;
  background: #0ea59e;
  
}


.ownership-card p {
  font-size: 14px;
  color: #475569;
  line-height: 1.7;
}


.ownership-card ul {
  padding-left: 0;
  margin-top: 15px;
  list-style: none;
}

.ownership-card ul li {
  font-size: 14px;
  margin-bottom: 10px;
  color: #334155;
  padding-left: 22px;
  position: relative;
}


.ownership-card ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #0ea59e;
  font-weight: 600;
}


.ownership-card .text-muted {
  font-size: 13px;
  color: #6b7280 !important;
  margin-top: 12px;
}


.text-success,
.text-warning,
.text-primary {
  color: inherit !important;
}

/* Responsive */
@media (max-width: 768px) {
  .ownership-section h2 {
    font-size: 28px;
  }

  .ownership-card {
    padding: 25px;
  }
}
    
    
    
/* ===== DOCUMENT SECTION  ===== */

.doc-section {
  background: #f8f9fb;
}


.doc-title {
  font-size: 34px;
}


.doc-card {
  background: #ffffff;
  
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  position: relative;
  border-top: 4px solid #0ea59e; /* Theme accent */
}


.doc-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}


.doc-card-title {
  font-size: 18px;
  margin-bottom: 20px;
  color: #0f172a;
}


.doc-list {
  padding-left: 18px;
  margin: 0;
}

.doc-list li {
  font-size: 14px;
  margin-bottom: 10px;
  color: #475569;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .doc-title {
    font-size: 26px;
  }
}   
    


/* ===============================
   POST REGISTRATION FAQ SECTION
================================ */

.obligation-section {
  padding: 90px 0;
}

/* Section Title */
.obligation-section h2 {
  font-size: 46px;  
}


.custom-accordion .accordion-item {
  border: none;
  margin-bottom: 20px;

  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
  border-left: 4px solid #0ea59e;

}

/* Hover Effect */
.custom-accordion .accordion-item:hover {
 
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}



.custom-accordion .accordion-button {
  background: #ffffff;

  font-size: 18px;
  padding: 20px 24px;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: space-between;
  align-items: center;

}


.custom-accordion .accordion-button::after {
  display: none;
}


.custom-accordion .accordion-button:not(.collapsed) {
  background: #f1fdfc;
  color: #0ea59e;
}



.faq-arrow {
  font-size: 16px;
  color: #0ea59e;
  transition: transform 0.3s ease;
}


.custom-accordion 
.accordion-button:not(.collapsed) 
.faq-arrow {
  transform: rotate(180deg);
}



.custom-accordion .accordion-body {
  padding: 20px 24px;
  font-size: 14px;
  color: #475569;
  background: #ffffff;
  line-height: 1.7;
}

.custom-accordion .accordion-body ul {
  margin-top: 10px;
  padding-left: 18px;
}

.custom-accordion .accordion-body li {
  margin-bottom: 8px;
}
.accordion-button:focus {
  box-shadow: none !important;
}
.custom-accordion .accordion-collapse {

}

.custom-accordion h6 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 8px;
  color: #0f172a;
}


.faq-highlight {
  background: #f1fdfc;
  padding: 12px 15px;
  border-left: 3px solid #0ea59e;
  
  margin-top: 12px;
  font-size: 13px;
}

.faq-warning {
  background: #fff7ed;
  padding: 12px 15px;
  border-left: 3px solid #f97316;

  margin-top: 12px;
  font-size: 13px;
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 768px) {

  .obligation-section {
    padding: 60px 0;
  }

  .obligation-section h2 {
    font-size: 26px;
    margin-bottom: 35px;
  }

  .custom-accordion .accordion-button {
    font-size: 14px;
    padding: 16px 18px;
  }

  .custom-accordion .accordion-body {
    font-size: 13px;
  }
}


/* ============================
   REGULATORY GRID SECTION
============================ */

.regulatory-section {
  background: #f8f9fb;
}

.reg-title {
  font-size: 36px;
 

}

/* Card */
.reg-card {
  background: #ffffff;
  border-radius:10px;
  border: 1px solid #e5e7eb;
  border-top: 4px solid #0ea59e;
  transition: all 0.3s ease;
}

/* Hover */
.reg-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}

/* Title */
.reg-card h5 {
  font-size: 18px;
  margin-bottom: 20px;
  color: #0f172a;
}

/* List */
.reg-card ul {
  padding-left: 18px;
  margin-bottom: 0;
}

.reg-card ul li {
/*   font-size: 14px; */
  margin-bottom: 8px;
  color: #475569;
  line-height: 1.6;
}

/* Note */
.reg-note {
  margin-top: 15px;
  padding: 12px 15px;
  background: #f1fdfc;
  border-left: 3px solid #0ea59e;
  
  font-size: 13px;
  color: #334155;
}

/* Responsive */
@media (max-width: 768px) {
  .reg-title {
    font-size: 26px;
  }
}




/* ===============================
   MODERN REGULATORY SECTION
================================ */

.regulatory-section {
  background:#f9f9f9;
  padding: 90px 0;
}

.reg-title {
  font-size: 38px;
  margin-bottom: 60px;
}

/* CARD */
.reg-card {
  background: #ffffff;
  border-radius:30px !important;
  padding: 35px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 15px 45px rgba(0,0,0,0.05);
  transition: all 0.35s ease;
    border:none;
}



/* Hover */
.reg-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 25px 60px rgba(0,0,0,0.08);
}

/* Header */
.reg-header {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 20px;
}

/* Icon Circle */
.reg-icon {
  width: 45px;
  height: 45px;
  background: rgba(14,165,158,0.1);
  
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0ea59e;
  font-size: 18px;
}

/* Title */
.reg-card h5 {
  font-size: 19px;

  margin: 0;
  color: #0f172a;
}

/* List */
.reg-card ul {
  padding-left: 0;
  list-style: none;
  margin-top: 15px;
}

.reg-card ul li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 10px;
/*   font-size: 14px; */
  color: #475569;
  line-height: 1.6;
}

/* Custom Bullet */
.reg-card ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #0ea59e;
  font-weight: bold;
}

/* Note */
.reg-note {
  margin-top: 18px;
  padding: 14px 16px;
  background: #f1fdfc;
  
  font-size: 13px;
  color: #334155;
}

/* Responsive */
@media (max-width: 768px) {
  .reg-title {
    font-size: 26px;
  }

  .reg-card {
    padding: 25px;
  }
}
    
.pd-15{
padding-top:15px;
    padding-bottom:15px;

}

.faq-accordion .accordion-header .accordion-button {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    background: none !important;}
button.accordion-button.collapsed {
    background: none;
}


.bahrain-advantage{
  padding:80px 20px;
  background:#f8f9fa;
  font-family:Arial, sans-serif;
}

.bahrain-advantage .container{
  max-width:900px;
  margin:0 auto;
}

.bahrain-advantage h2{
  font-size:32px;
  font-weight:700;
  margin-bottom:25px;
  color:#222;
}

.bahrain-advantage p{
  font-size:16px;
  line-height:1.8;
  color:#555;
  margin-bottom:20px;
}

/* Responsive */

@media (max-width:768px){

.bahrain-advantage{
  padding:60px 20px;
}

.bahrain-advantage h2{
  font-size:26px;
}

.bahrain-advantage p{
  font-size:15px;
}

}
.doc-header p{
font-weight:none;
}       
            
.bg-w{
    background:#fff !important;
}
.bg-g{
    background:#f9f9f9 !important;
}
.py-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}





.trading-table{
    width:100%;
    border-collapse:collapse;
    margin-top:30px;
}

.trading-table thead{
    background:#000;
    color:#fff;
}

.trading-table th,
.trading-table td{
    padding:18px;
    border:1px solid #ddd;
    font-size:15px;
    vertical-align:top;
}

.trading-table tbody tr:nth-child(even){
    background:#f7f7f7;
}

.table-responsive{
    overflow-x:auto;
}
.service-entry h4{
    margin-bottom: 20px;
  font-size: 19px;
}

.trading-table{
    width:100%;
    border-collapse:collapse;
    margin-top:30px;
}

.trading-table thead tr th{
    background:#000;
    color:#fff;
}

.trading-table th,
.trading-table td{
    padding:18px;
    border:1px solid #ddd;
    font-size:15px;
    vertical-align:top;
}

.trading-table tbody tr:nth-child(even){
    background:#f7f7f7;
}

.table-responsive{
    overflow-x:auto;
}

.our-benefit-list .icon-box i{ 
font-size: 32px;
  color: #0da49d;
}

.benefit-item-content {
  font-size: 18px;
}




 
    
    
    
    
    
    
    
    
    
    
    
    
.process-section{
padding:100px 20px;
background:#f7fbfb;
}

.process-title{
/* text-align:center; */
font-size:34px;
margin-bottom:60px;
color:#1c2b36;
}

.process-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
max-width:1280px;
margin:auto;
}

.process-card {
    background: #fff;
    padding: 30px;
    border-radius: 0px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
    position: relative;
    transition: 0.3s;
    border-radius: 10px;
    border: 1px solid #0da49d;
    margin-top: 20px;
	text-align:center;
}

.process-card:hover{
transform:translateY(-6px);
box-shadow:0 20px 40px rgba(0,0,0,0.12);
}
   
.step-no{
position:absolute;
 top: 30px !important;
    left: 180px !important;
background:#0da49d;
color:#fff;
width:40px;
height:40px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:600;
font-size:16px;
}

.process-card h4{
font-size:18px;
color:#222;
margin-top: 60px !important;
font-family: 'Inter';
	letter-spacing:0px !important;
	

}

.process-card p{
font-size:15px;
color:#555;
line-height:1.6;
}   
    
    
    /*    popup form calender end  */
    
    
    /* SECTION */
.consultation-booking-section{
    padding:110px 0;
}

/* HEADING */
.consultation-heading{
    text-align:center;
    margin-bottom:60px;
}

/* TAG */
.consultation-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#00a29b12;

    color:#00a29b;

    font-weight:700;

    margin-bottom:20px;
}

/* WRAPPER */
.consultation-wrapper{

    max-width:950px;

    margin:auto;
}

/* CALENDAR BOX */
.consultation-calendar-box{

    background:#fff;

    border-radius:36px;

    padding:40px;

    box-shadow:
    0 25px 60px rgba(0,0,0,0.06);
}

/* HEADER */
.calendar-header{

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:35px;
	border: 1px solid #00000017;
    padding: 20px;
    border-radius: 20px;
}

/* TITLE */
.calendar-header h3{

    margin:0;

    font-size:28px;

    font-weight:700;
	    color: #0ea59e;
}

/* BUTTON */
.calendar-header button{

    width:48px;
    height:48px;

    border:none;

    border-radius:16px;

    background:#00a29b12 !important; 

    color:#00a29b;

    cursor:pointer;

    transition:0.3s ease;
}

/* HOVER */
.calendar-header button:hover{

    background:#00a29b !important;

    color:#fff;
}

/* DAYS */
.calendar-days{

    display:grid;

    grid-template-columns:repeat(7,1fr);

    gap:15px;

    margin-bottom:18px;
	display:none;
}

/* DAY LABEL */
.calendar-days div{

    text-align:center;

    font-weight:700;

    color:#555;

    font-size:14px;
}

/* DATES */
.calendar-dates{

    display:grid;

    grid-template-columns:repeat(9,1fr);

    gap:20px;
}

/* DATE */
.calendar-date{

    aspect-ratio:1;

    border-radius:20px;

    background:#f7f9fa;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    font-weight:600;

    transition:0.3s ease;

    gap:4px;

    position:relative;
}

/* NUMBER */
.date-number{

    font-size:20px;

    font-weight:700;

    line-height:1;
}

/* DAY */
.date-day{

    font-size:11px;

    opacity:0.7;

    text-transform:uppercase;

    letter-spacing:1px;
}

/* HOVER */
.calendar-date:hover:not(.disabled-date){

    background:#00a29b;

    color:#fff;

    transform:translateY(-4px);
}

/* ACTIVE */
.calendar-date.active{

    background:#00a29b;

    color:#fff;

    box-shadow:
    0 15px 30px rgba(0,162,155,0.25);
}

/* DISABLED */
.disabled-date{

    opacity:0.35;

    filter:blur(0.5px);

    cursor:not-allowed !important;

    pointer-events:none;

    background:#eef2f3;
}

/* POPUP */
.consultation-popup{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,0.65);

    display:flex;

    align-items:center;

    justify-content:center;

    padding:20px;

    z-index:9999;

    opacity:0;

    visibility:hidden;

    transition:0.3s ease;
}

/* SHOW */
.consultation-popup.show{

    opacity:1;

    visibility:visible;
}

/* POPUP BOX */
.consultation-popup-box{

    width:100%;

    max-width:720px;

    background:#fff;

    border-radius:36px;

    padding:45px;

    position:relative;

    animation:popupFade 0.35s ease;
}

/* ANIMATION */
@keyframes popupFade{

    from{
        transform:translateY(25px);
        opacity:0;
    }

    to{
        transform:translateY(0);
        opacity:1;
    }
}

/* CLOSE */
.popup-close{

    position:absolute;

    right:22px;

    top:22px;

    width:46px;
    height:46px;

    border:none;

    border-radius:14px;

    background:#f3f5f6 !important;

    cursor:pointer;

    transition:0.3s ease;
}

/* CLOSE HOVER */
.popup-close:hover{

    background:#00a29b !important;

    color:#fff;
}

/* TITLE */
.consultation-popup-box h3{

    font-size:34px;

    margin-bottom:12px;
}

/* DATE TEXT */
.selected-date-text{

    color:#555;

    margin-bottom:35px;

    font-size:15px;
}

/* DATE VALUE */
#selectedDate{

    color:#00a29b;

    font-weight:700;
}

/* GRID */
.form-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;
}

/* FULL */
.full-width{

    grid-column:1/-1;
}

/* INPUT */
.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    border:none;

    background:#f7f9fa;

    border-radius:18px;

    padding:18px 20px;

    font-size:15px;

    outline:none;

    transition:0.3s ease;
}

/* FOCUS */
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    background:#fff;

    box-shadow:
    0 0 0 2px rgba(0,162,155,0.15);
}

/* TEXTAREA */
.form-group textarea{

    min-height:140px;

    resize:none;
}

/* BUTTON */
.consultation-submit-btn{

    width:100%;

    border:none;

    background:
    linear-gradient(
    135deg,
    #062f2f 0%,
    #0b5b57 45%,
    #00a29b 100%
    );

    color:#fff;

    padding:18px;

    border-radius:20px;

    font-weight:700;

    cursor:pointer;

    transition:0.3s ease;
}

/* HOVER */
.consultation-submit-btn:hover{

    transform:translateY(-2px);

    box-shadow:
    0 15px 30px rgba(0,162,155,0.25);
}

/* MOBILE */
@media(max-width:767px){

    .consultation-booking-section{
        padding:80px 0;
    }

    .consultation-calendar-box{
        padding:24px;
        border-radius:28px;
    }

    .calendar-dates{
        gap:8px;
    }

    .calendar-days{
        gap:8px;
    }

    .calendar-header h3{
        font-size:22px;
    }

    .calendar-header button{
        width:42px;
        height:42px;
    }

    .date-number{
        font-size:16px;
    }

    .date-day{
        font-size:9px;
    }

    .consultation-popup-box{
        padding:28px;
        border-radius:28px;
    }

    .consultation-popup-box h3{
        font-size:28px;
    }

    .form-grid{
        grid-template-columns:1fr;
    }
}
    
    
    
/*    popup form calender end  */
    
    
    
    
    
    
    
/* Content under main title */

.capital-section h4{
font-size:20px;

margin-top:35px;
margin-bottom:15px;
color:#222;
max-width:850px;
    
}

.capital-section p{
/* font-size:15px; */
line-height:1.7;
color:#444;
margin-bottom:35px;
/* max-width:850px; */
}

/* Approval Requirements title */

.capital-section .sub-title{
font-size:26px;
font-weight:600;
margin-top:35px;
margin-bottom:20px;
color:#1c2b36;
}
    
    
/* Section */

.investment-section{
padding:90px 0px;

}

.investment-container{
max-width:1280px;
margin:auto;
}

/* Title */

.investment-title{
/* text-align:center; */
margin-bottom:70px;
}

.investment-title h2{
font-size:36px;
    text-align: left;

margin-bottom:10px;
}

.investment-title p{
color:#6c7a89;
font-size:16px;
}

/* Grid */

.investment-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

/* Card */

.investment-card{
background:#fff;
border-radius:10px;
padding:40px;
position:relative;
box-shadow:0 20px 45px rgba(0,0,0,0.07);
transition:all .35s ease;
}

.investment-card:hover{
transform:translateY(-8px);
box-shadow:0 30px 60px rgba(0,0,0,0.12);
}

/* Top accent */

.investment-card::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:5px;
background:#0da49d;
border-radius:12px 12px 0 0;
}

/* Headings */

.investment-card h3{
font-size:24px;
margin-bottom: 30px;
color:#1c2b36;
}

.investment-card span{
font-size:13px;
color:#0da49d;
font-weight:600;
}

.investment-card p{
margin-top:15px;
margin-bottom:18px;
color:#555;
line-height:1.6;
}

/* List */

.investment-card ul{
list-style:none;
padding:0;
}

.investment-card ul li{
position:relative;
padding-left:28px;
margin-bottom:12px;
color:#555;
}

.investment-card ul li:before{
content:"✓";
position:absolute;
left:0;
top:0;
color:#0da49d;
font-weight:bold;
}

/* Bottom Note */

.investment-note{
margin-top:70px;
padding:30px;
text-align:center;

border-radius:10px;
font-size:16px;
}

.investment-note strong{
color:#0da49d;
}

/* Responsive */

@media(max-width:900px){

.investment-grid{
grid-template-columns:1fr;
}

.investment-card{
padding:30px;
}

.investment-title h2{
font-size:30px;
}

}


.bx p {
    font-size: 15px;
    line-height: 1.7;
    color: #000000;
    margin-bottom: 8px;
    max-width: 850px;
    /* border: 1px solid gray; */
    padding: 10px;
    /* background: #ffffff; */
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
    /* box-shadow: -2px 0px 0 #a59a9a; */
}
.bx {
    display: flex;
    gap: 50px;
}
    
    .our-benefit-list a {
        color:#000;
    }
    

.accordion-item:first-of-type {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
.why-choose-section{
padding:90px 0;
}

.section-title h2{
margin-bottom:50px;
}

.why-box {
    background: #fff;
    padding: 35px 25px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
    border: 1px solid #0da49d30;
	border-radius:10px;
}
.why-box:hover{
transform:translateY(-5px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.why-icon{
font-size:38px;
color:#0da49d;
margin-bottom:15px;
}

.why-box h3{
font-size:20px;
margin-bottom:10px;
}

.why-box p{
font-size:15px;
color:#666;
}
        
    .testimonial-item {
    padding: 30px;
    background: #f4f5f7;
}

.our-clients {
    padding-top: 90px;

}
.footer-links.contact ul li{
    text-transform:unset;
}


.fbx-main a.fbx-item {
    font-size:15px;
    padding: 8px 11px;

}
.fbx-main a.fbx-parent{
    font-size:15px;
    padding: 8px 11px;

}
.fbx-tab {
    font-size: 15px !important;
}

.about-us .section-title h2 {
    margin-bottom: 25px;
}
button.mfp-close {
    background: none;
}



/* MAIN MENU FONT SIZE */
.main-header .navbar-nav > li > .nav-link{
    font-size:16px;
    font-weight:500;
}

/* SUBMENU FONT SIZE */
.main-header .navbar-nav li ul li .nav-link{
    font-size:15px;
}

/* MEGA MENU ITEMS */
.fbx-mega-wrapper a{
    font-size:15px !important;
          padding: 8px 0 !important;
}
.fbx-subcontent a {
    font-size:15px !important;
      padding: 8px 0 !important;
}
span.ky {
    font-size: 30px;
}
a.inner_link {
    color: #0da49d;
    font-weight: bold;
    border-bottom: 1px solid #80808033;
}  
.process-grid {
    max-width: 1280px !important;
 
}

p.fact {
    margin-top: 10px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 18px;
    color: #000;
}

button.mfp-close {
    background: none !important;
}
.hero-body .video-play-button:hover a
 {

    cursor: pointer;
}
.hero-body .video-play-button:hover {
       cursor: pointer;
}
.bg-gray{
    background:#f8fafc;
}
.row.ft {
    display: flex;
    gap: 27px;
}









@media (min-width: 1360px) and (max-width: 1370px) {

.main-menu ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 6px 8px !important;    
    
}
}
@media (min-width: 1230px) and (max-width: 1250px) {
    
.main-menu ul li a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    padding: 6px 8px !important;    
    
}
    }   
    @media (min-width: 1090px) and (max-width: 1100px) {
        .main-menu ul li a {
    font-size: 16px;
}
    }   
        
    





.pt-80 {
    padding-top:80px !important;
        
}


.pb-80 {
    padding-bottom:80px !important;
        
}
        
h2 {
    font-size: 46px !important;
    text-align: left !important;
    margin-bottom: 45px !important;
}

/* Card Image Full Width */
.service-img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
    .card-body p{
        text-align:center !important;
    }
/* Card Styling */
.service-card {
    border-radius: 10px;
    overflow: hidden;
    transition: 0.3s ease;
}

.service-card:hover {
    transform: translateY(-6px);
}

.service-card .card-title {
    font-size: 18px;
       font-weight: 700;
    line-height: 1.6;
    color: #00a29b;
    padding: 0px 50px;
    font-family: 'Inter';
}
.card-body.text-center {
    padding-top: 25px;
    padding-bottom: 25px;   }
    

.service-card.card.h-100.shadow-sm {
    border-radius: 30px;
}



.expertise-section {
    padding: 90px 0 50px;
}

.expertise-title {
    font-size: 46px;
    margin-bottom: 25px;
    margin-top: 15px;
}


.expertise-text {
    color: #555;
    line-height: 1.8;


}

section.core-services {
    padding: 0px 0px 80px 0px;
}



h2.sec-title-1 {
    font-size: 40px;
    margin-bottom: 25px;
}
/* Title */
.main-title {
  font-size: 40px;
  font-weight: 700;
  color: #0da49d;
  margin-bottom: 15px;
}

.main-desc {
  margin: auto;
  color: #555;
  line-height: 1.7;
}

    
/* Cards */
.compliance-card {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  height: 100%;
  border-top: 4px solid #0da49d;
  transition: 0.3s;
	margin-top: 50px;
}

.compliance-card:hover {
  transform: translateY(-5px);
}

.compliance-card h5 {
    color: #0da49d;
    margin-bottom: 25px;
    font-size: 23px;
    font-weight: 600;
}

/* Nitaqat Section */
.nitaqat-box {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.nitaqat-box h3 {

    margin-bottom: 20px;
    font-size: 40px;
}

/* Tier Cards */
.tier-card {
  padding: 20px;
  border-radius: 10px;
  height: 100%;
}

.tier-card.success {
  background: rgba(13, 164, 157, 0.1);
  border-left: 5px solid #0da49d;
}

.tier-card.danger {
  background: #fff3f3;
  border-left: 5px solid #dc3545;
}

.tier-card h5 {
  font-weight: 600;
  margin-bottom: 10px;
}


p {
    font-size: 17px !important;

    line-height:1.8rem;
}

h3.text-center.mb-5 {
    font-size: 36px;}

.pt-90{
    padding-top:90px
}
.pb-90{
    padding-bottom:90px
}
.p-t-b-90{
    padding:90px 0px;
}
.pd-rt-40{
    padding-right:40px;
}
.td{
	margin-top:15px;
	margin-bottom:15px;
}


.fade-up,
.fade-down,
.fade-left,
.fade-right {
    opacity: 0;
    transition: all 0.8s ease;
}

/* Directions */
.fade-up {
    transform: translateY(70px);
}

.fade-down {
    transform: translateY(-40px);
}

.fade-left {
    transform: translateX(40px);
}

.fade-right {
    transform: translateX(-40px);
}

/* Active state */
.show {
    opacity: 1;
    transform: translate(0, 0);
}

a.btn-default.cts {
    background: #ffff43 !important;
    color: #00a29b;
    border: 2px solid #00a29b;
        box-shadow: 0 6px 15px rgb(0 0 0 / 32%);
}

.section-title h3 {
	font-size: 45px;}


.btn-default::before {
	background-image: url(https://demo.btentechnos.online/fahdan/wp/wp-content/uploads/2026/04/arrow-1-1.png);}

.btn-default.cts::before{
	
	background-image: url(https://demo.btentechnos.online/fahdan/wp/wp-content/uploads/2026/04/arrow-1-2.png);}
	


 
.service-item {
    width: 30.70% !important;
}
.service-item-list {
    gap: 36px;
}

.service-title h3 a {

    color: #ffff;

	letter-spacing:1px;
	    font-size: 23px;

}
/* .service-image {
    filter: grayscale(1);
}
.service-image:hover {
    filter: none;
}
 */
 
.service-title h3 {
	font-size: 15px;}
.scrolling-ticker {
    padding: 100px 0 100px;
}
.work-step-content h2 {
    font-size: 25px !important;
    margin-bottom: 15px;
}
.work-step-content h3 {
       color: #ffff43;
	font-size: 22px !important;

}
.our-clients h2{
	margin-bottom:60px!important;
}
.our-blog h2{
	margin-bottom:60px!important;
}

.post-item-content h3 a {

    font-weight: 600;
    font-size: 21px;
    letter-spacing: 1px;
    color: #000000e8;

}

input.wpcf7-form-control.wpcf7-submit.has-spinner.btn-submit {
    border-radius: 10px;
    background: #fff95b !important;
    color: #000000d4 !important;
}
.footer-links.contact ul li {
    line-height: 1.6;
}
nav.navbar.navbar-expand-lg {
    padding-top: 20px;
    padding-bottom: 20px;
}


.hero-btn{
    position: absolute;
    top: 140px;
}




.phone-group {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}

#country-code {
  width: 140px;        /* fixed width for code */
  flex-shrink: 0;      /* prevent shrinking */
}

.phone-input {
  flex: 1;             /* take remaining space */
  min-width: 0;
}






<style>


.btx-trade-cost-wrap{
    padding:100px 0;
    background:linear-gradient(180deg,#f8fafc,#eef7f6);
}

.btx-trade-cost-card{
    display:flex;
    align-items:center;
    gap:60px;
}

/* LEFT */
.btx-trade-cost-left{
    width:58%;
}



.btx-main-title{

    line-height:1.15;

    color:#111827;
    margin-bottom:22px;
}

.btx-top-desc{
    font-size:18px;
    line-height:1.8;
    color:#4b5563;
    margin-bottom:32px;
}

/* GRID */
.btx-grid-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
}

.btx-point-box{
    background:#fff;
    padding:22px;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.3s ease;
}

.btx-point-box:hover{
    transform:translateY(-5px);
}

.btx-point-box h4{
    font-size:17px;
    font-weight:700;
    color:#0f766e;
    line-height:1.4;
    margin-bottom:8px;
}

.btx-point-box p{
    margin:0;
    font-size:15px;
    line-height:1.6;
    color:#6b7280;
}

/* BOTTOM */
.btx-bottom-note{
    margin-top:30px;
    font-size:17px;
    line-height:1.8;
    color:#374151;
}

/* BTN */
.btx-main-btn{
    display:inline-block;
    margin-top:22px;
    padding:16px 30px;
    border-radius:14px;
    background:#0f766e;
    color:#fff !important;
    text-decoration:none;
    font-weight:700;
    transition:.3s ease;
}

.btx-main-btn:hover{
    background:#115e59;
    transform:translateY(-4px);
}

/* RIGHT */
.btx-trade-cost-right{
    width:42%;
}

.btx-image-box{
    position:relative;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.12);
}

.btx-image-box img{
    width:100%;
    height:760px;
    object-fit:cover;
    display:block;
}

.btx-float-badge{
    position:absolute;
    left:25px;
    bottom:25px;
    background:rgba(255,255,255,.94);
    padding:16px 22px;
    border-radius:16px;
    font-size:18px;
    font-weight:700;
    color:#111;
}

.btx-float-badge span{
    display:block;
    font-size:14px;
    font-weight:500;
    color:#6b7280;
    margin-top:4px;
}

/* TABLET */
@media(max-width:991px){

.btx-trade-cost-card{
    flex-direction:column-reverse;
    gap:35px;
}

.btx-trade-cost-left,
.btx-trade-cost-right{
    width:100%;
}

.btx-main-title{
    font-size:38px;
}

.btx-image-box img{
    height:460px;
}

}

/* MOBILE */
@media(max-width:767px){

.btx-trade-cost-wrap{
    padding:65px 0;
}

.btx-main-title{
    font-size:28px;
}

.btx-top-desc,
.btx-bottom-note{
    font-size:16px;
}

.btx-grid-points{
    grid-template-columns:1fr;
}

.btx-main-btn{
    width:100%;
    text-align:center;
}

.btx-image-box img{
    height:360px;
}

.btx-float-badge{
    left:15px;
    right:15px;
    bottom:15px;
    font-size:16px;
}

}



.benefit-item {
    width: calc(50% - 15px);
    background: aliceblue;
    display: flex;
    gap: 15px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #fff;
    align-content: center;
    justify-content: center;
    align-items: center;
    min-height: 126px;
}
.benefit-item-content h3 {
    font-size: 16px;
    margin: 0;
    font-family: 'Inter';
    line-height: 22px;
}
.it-business {
	padding:90px 0px;
}
.service-list{
    list-style:none;
    padding:0;
    margin: 30px 0px;
}

.service-list li{
    position:relative;
    padding:12px 0 12px 38px;
    font-size:17px;
    font-weight:500;
    color:#222;
    border-bottom:1px solid rgba(0,0,0,0.08);
    transition:0.3s ease;
}

.service-list li:last-child{
    border-bottom:none;
}

.service-list li::before{
    content:"➜";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:26px;
    height:26px;
    line-height:26px;
    text-align:center;
    border-radius:50%;
       background: #00a29b;
    color: #ffff43;
    font-size:13px;
    font-weight:bold;
}

.service-list li:hover{
    padding-left:45px;

}
.what-we-item-content h3 {
    font-size: 22px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}
.work-step-item {
    display: flex;
    align-items: center;
    padding: 25px !important;
    margin-bottom: 20px;
    background: #fcfcfc;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px;
    transition: all 0.4s ease;
}
.work-step-item .icon-box {
    width: 50px;
    height: 50px;
    background: #0ea59e;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
}
.work-step-item .icon-box img {
    width: 24px;
    filter: brightness(0) invert(1);
}
.work-step-content p {
    color: #000000;
    margin-bottom: 0;
}
.what-we-item-content h3 {
    font-size: 22px;
    margin-bottom: 30px;
    letter-spacing: 2px;
}

span.ky {
    font-size: 30px;
    color: #0ea59e;
}
.pd-90{
	padding:90px 0px;
}
h3.sub-title {
   font-size: 26px !important;
    font-weight: unset !important;
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    color: #0ea59e !important;
	text-align:left;
}

.capital-section h3.sub-title {
   font-size: 26px !important;
    font-weight: unset !important;
    margin-top: 35px !important;
    margin-bottom: 35px !important;
    color: #0ea59e !important;
}

p.shortnote {
    background: #0da59e;
    padding: 30px 30px;
    margin: 30px 0px;
    color: #ffff43;
    border-radius: 10px;
}
.why-fahdan {
    padding: 90px 0px;
}





/* =============================== */
.corporate-about-sec{
    padding:60px 0;
    background:linear-gradient(135deg,#ffffff 0%,#f5ffff 55%,#fffef0 100%);
   
    overflow:hidden;
}

.corporate-about-sec .container{
    width:90%;
    max-width:1450px;
    margin:auto;
}

.corp-grid{
    display:grid;
    grid-template-columns:1.05fr 1fr;
    gap:80px;
    align-items:center;
}

/* ===============================
LEFT CONTENT
=============================== */
.corp-tag{
    display:inline-block;
    padding:10px 18px;
    background:#0da59e15;
    color:#0da59e;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:20px;
}

.corp-content h1{
    font-size:58px;
    line-height:1.15;
    margin:0 0 22px;
    color:#111;
    font-weight:800;
}

.corp-content h1 span{
    color:#0da59e;
    position:relative;
}

.corp-content h1 span:after{
    content:'';
    position:absolute;
    left:0;
    bottom:5px;
    width:100%;
    height:14px;
    background:#ffff43;
    z-index:-1;
}

.corp-intro{
    font-size:18px;
    line-height:1.9;
    color:#555;
    margin-bottom:28px;
}

.corp-box{
    background:#fff;
    padding:28px;
    border-radius:18px;
    margin-bottom:18px;
    border:1px solid rgba(13,165,158,.10);
    box-shadow:0 12px 28px rgba(0,0,0,.04);
}

.corp-box h3 {
    margin: 0 0 14px;
    font-size: 24px;
    color: #00a29b;
    font-weight: 600;
}

.corp-box p{
    color:#666;
    line-height:1.8;
    margin-bottom:12px;
}

.corp-box ul{
    list-style:none;
    padding:0;
    margin:0;
}

.corp-box ul li{
    position:relative;
    padding-left:24px;
    margin-bottom:12px;
    line-height:1.8;
    color:#666;
}

.corp-box ul li:before{
    content:'';
    width:10px;
    height:10px;
    background:#0da59e;
    border-radius:50%;
    position:absolute;
    left:0;
    top:10px;
}

/* ===============================
RIGHT VISUAL
=============================== */
.corp-visual{
    position:relative;
    min-height:700px;
}

.line-grid{
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(to right, rgba(13,165,158,.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(13,165,158,.08) 1px, transparent 1px);
    background-size:45px 45px;
    border-radius:30px;
}

.main-photo{
    position:absolute;
    top:70px;
    left:70px;
    width:460px;
    height:540px;
    border-radius:26px;
    overflow:hidden;
    box-shadow:0 25px 55px rgba(0,0,0,.10);
    z-index:5;
    border:6px solid #fff;
}

.main-photo:before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(13,165,158,.18),transparent);
    z-index:2;
}

.main-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* STAT CARDS */
.stat-card{
    position:absolute;
    background:#fff;
    border-radius:18px;
    padding:20px 24px;
    box-shadow:0 18px 35px rgba(0,0,0,.08);
    z-index:8;
    min-width:190px;
    border-top:4px solid #0da59e;
}

.stat-card strong{
    display:block;
    font-size:34px;
    color:#0da59e;
    line-height:1;
    margin-bottom:6px;
}

.stat-card span{
    font-size:14px;
    color:#666;
}

.stat1{ top:20px; right:0; }
.stat2{ top:250px; right:10px; }
.stat3{ bottom:150px; left:0; }

/* BOTTOM PANEL */
.bottom-panel{
    position:absolute;
    bottom:35px;
    right:35px;
    width:320px;
    background:linear-gradient(135deg,#0da59e,#0b8f89);
    color:#fff;
    padding:24px;
    border-radius:20px;
    z-index:9;
    box-shadow:0 20px 40px rgba(13,165,158,.25);
}

.bottom-panel:after{
    content:'';
    position:absolute;
    top:0;
    right:0;
    width:80px;
    height:80px;
    background:#ffff43;
    opacity:.18;
    border-radius:0 20px 0 80px;
}

.bottom-panel h4{
    margin:0 0 10px;
    font-size:24px;
}

.bottom-panel p{
    margin:0;
    color:#fff;
    line-height:1.7;
    font-size:14px;
}

/* ===============================
RESPONSIVE
=============================== */
@media(max-width:991px){

.corp-grid{
    grid-template-columns:1fr;
}

.corp-content h1{
    font-size:42px;
}

.corp-visual{
    min-height:620px;
}

.main-photo{
    width:360px;
    height:430px;
    left:50%;
    transform:translateX(-50%);
}

}

@media(max-width:767px){

.corporate-about-sec{
    padding:75px 0;
}

.corp-content h1{
    font-size:34px;
}

.corp-intro{
    font-size:16px;
}

.corp-visual{
    min-height:470px;
}

.main-photo{

    height:330px;
    top:70px;
}

.stat-card{
    min-width:130px;
    padding:12px;
	display:none;
}

.stat-card strong{
    font-size:22px;
}

.bottom-panel{
    width:240px;
    padding:16px;
    right:10px;
}

.bottom-panel h4{
    font-size:16px;
}
.bottom-panel p{
		font-size:14px;
}
	
	
	
	
}



.director-note-sec{
    padding:100px 0;
    background:linear-gradient(135deg,#ffffff 0%,#f5ffff 55%,#fffef0 100%);

}

.director-note-sec .container{
    width:90%;
    max-width:1280px;
    margin:auto;
}

.director-note-box{
    position:relative;
    background:#fff;
    padding:60px;
    border-radius:28px;
    box-shadow:0 20px 50px rgba(0,0,0,.06);
    border-top:5px solid #0da59e;
    overflow:hidden;
}

.director-note-box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
    height: 140px;
    background: #ffff43;
    /* opacity: 3.25; */
    border-radius: 0 0 0 140px;
}

.note-label{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:#0da59e15;
    color:#0da59e;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;
    letter-spacing:1px;
}

.director-note-box h2{
    font-size:52px;
    margin:0 0 30px;
    color:#111;
    font-weight:800;
    line-height:1.15;
}

.director-note-box h2 span{
    color:#0da59e;
    position:relative;
}

.director-note-box h2 span:after{
    content:'';
    position:absolute;
    left:0;
    bottom:4px;
    width:100%;
    height:14px;
    background:#ffff43;
    z-index:-1;
}

.quote-mark {
    position: absolute;
    top: 126px;
    right: 55px;
    font-size: 130px;
    line-height: 1;
    color: #599997;
    font-weight: 900;
}

.director-text p{
    font-size:18px;
    line-height:1.95;
    color:#555;
    margin-bottom:20px;
    position:relative;
    z-index:2;
}

.director-sign{
    margin-top:35px;
    padding-top:22px;
    border-top:1px solid #eee;
}
.director-sign strong {
    font-size: 24px;
    color: #00a29b;
    font-weight: 700;
    display: block;
}

@media(max-width:767px){

.director-note-sec{
    padding:70px 0;
}

.director-note-box{
    padding:35px 25px;
}

.director-note-box h2{
    font-size:34px;
}

.director-text p{
    font-size:16px;
}

.quote-mark{
    font-size:80px;
    top:70px;
    right:25px;
}

.director-sign strong{
    font-size:20px;
}
.pricing-header h2 {
    font-size: 32px !important;
    text-transform: capitalize;
    margin-bottom: 20px !important;
}
.pricing-body h2 {
    font-size: 23px !important;
    text-transform: capitalize;
    margin-bottom: 0 !important;
}
}


.v-utube iframe {
    border-radius: 10px;
}
.reg-card h5
 {
    font-size: 20px;
    margin: 0;
    color: #00a29b;
    letter-spacing: 1px;
    line-height: 30px;
}
.tier-card h5 {
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 1px;
    margin-top: 15px;
}

.floating-contact {
    position: fixed;
    right: 0px;
    bottom: 110px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    z-index: 9999;
	cursor: pointer !important;
}
.floating-contact a {
    cursor: pointer !important;
}

.social-item{
    width:45px;
    height:45px;
    position:relative;
	cursor: pointer; }

.floating-contact .content{
    position:absolute;
    right:0;
    height:52px;
    background:#00a29b;
    border-radius:50px 0 0 50px;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:0 16px;
    gap:10px;
    color:#fff;
    overflow:hidden;
    width:52px;
    transition:all .35s ease;
    box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

.content i{
    font-size:18px;
}

.text{
    opacity:0;
    white-space:nowrap;
    transform:translateX(10px);
    transition:all .3s ease;
    font-size:14px;
    font-weight:600;
}


.social-item:hover .content {
    width: 135px;
	cursor:pointer !important;
}


.social-item:hover .text{
    opacity:1;
    transform:translateX(0);
	cursor:pointer !important;
}
section.faq-section {
    padding: 90px 0px;
}


.doc-card{

    border-radius: 20px;
}







.blog-date {
    /* background: #00a29b; */
    inline-size: fit-content;
    border-bottom: 1px solid #00a29b;
    padding: 5px;
    margin-bottom: 20px;
    color: #00a29b;
    border-radius: 10px;
    font-size: 14px;
    padding: 7px 13px;
    box-shadow: -3px -1px 5px 1px #dadde8;
    font-weight: 600;
}

button.fbx-tab:hover {
    background: #ffff43 !important;
    color: #0ea59e;
    transform: translateY(-1px); /* 👈 cleaner */

}




.main-menu {
    padding-left: 10px !important;
    margin-right: 94px;
}

.work-step-content h2 {
    color: #0c0b0b;
    margin-bottom: 20px !important;
}
.post-entry h4{
    font-size: 21px;
    padding: 20px 0px;
    font-family: 'Inter';
    font-weight: 400;
}

.post-entry h3 {
    font-size: 32px;
    font-weight: 300;
    padding: 15px 0px;
    font-family: 'Univia Pro';
}
.service-image a, .service-image a figure {
    border-radius: 20px;
}

.service-image a::before {
    border-radius: 20px;
}
.bg-theme1{
	background: linear-gradient(
80deg, #00a29b1c 0%, #f5ffffad 55%, #fbf9e40f 100%);
}
.bg-theme2{
	background: linear-gradient(
    135deg,
    #062f2f 0%,
    #0b5b57 45%,
    #00a29b 100%
    );
}


span.adst {
    color: #00a29b !important;
}
h1.main-title {
    font-size: 50px !important;
    line-height: 1.15;
    margin: 0 0 22px;
    color: #111;
    font-weight: 800;
}
h2.main-title {
    font-size: 50px !important;
    line-height: 1.4;
    margin: 0 0 22px;
    color: #111;
    font-weight: 700;
	letter-spacing:1px;
}
h2.main-title span {
    color: #0da59e;
    position: relative;
}
.bg-theme3 {
    background: linear-gradient(80deg, #00a29b1c 0%, #f5ffffad 55%, #fbf9e40f 100%);
    position: relative;
    overflow: hidden;
}

/* TOP SHADOW */
.bg-theme3::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:120px;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,0.06),
        transparent
    );

    pointer-events:none;
}

/* BOTTOM SHADOW */
.bg-theme3::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:120px;

    background:linear-gradient(
        to top,
        rgba(0,0,0,0.05),
        transparent
    );

    pointer-events:none;
}

.about-read-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 18px 36px;
    background: #00a29b;
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    transition: .4s;
}
.about-read-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 18px 36px;
    background: #ffff43;
    color: #000000c7;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    transition: .4s;
}

.reg-card {
    /* background: linear-gradient(135deg, #062f2f 0%, #0b5b57 45%, #00a29b 100%); */
/*     border-radius: 30px !important; */
    padding: 35px !important;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255,);
}


/* SECTION */
.premium-faq-section{
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

/* HEADING */
.faq-heading{
    text-align:center;
    margin-bottom:70px;
}

.faq-subtitle{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:#ffff4315;
    color:#ffff43;
    font-weight:600;
    margin-bottom:20px;
    border:1px solid rgba(255,255,67,0.12);
}

.faq-heading h2{
    font-size:58px;
    line-height:1.3;
    margin-bottom:20px;
    color:#fff;
	font-weight:700;
	text-align:center !important;
}

.faq-heading h2 span{
    color:#ffff43;
}

.faq-heading p{
    max-width:700px;
    margin:auto;
    color:#c7d3d2;
    font-size:16px;
    line-height:1.8;
}

/* WRAP */
.premium-faq-wrap{
    max-width:1280px;
    margin:auto;
}

/* ITEM */
.faq-item{
    background:rgba(255,255,255,0.04);
    border-radius:28px;
    margin-bottom:22px;
    overflow:hidden;
    backdrop-filter:blur(12px);

    border:1px solid rgba(255,255,255,0.05);

    box-shadow:
    0 15px 40px rgba(0,0,0,0.18);
}

/* ACTIVE */
.faq-item.active{
    border:1px solid rgba(255,255,67,0.18);
}

/* QUESTION */
.faq-question {
    width: 100%;
    border: none;
    background: none;
    padding: 32px 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    text-align: left;
    cursor: pointer;
    background: #f0f8ff00 !important;
}

.faq-question span{
    font-size:20px;
    line-height:1.5;
    font-weight:600;
    color:#fff;
}

/* ICON */
.faq-icon {
    min-width: 54px;
    width: 54px;
    height: 54px;
    border-radius: 18px;
    background: linear-gradient(135deg, #00a29b, #00a29b);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 17px;
    box-shadow: 0 10px 25px rgba(255, 255, 67, 0.15);
}

/* ANSWER */
.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.faq-answer p{
    padding:0 35px 35px;
    margin:0;
    font-size:16px;
    line-height:2;
    color:#c7d3d2;
}

/* ACTIVE */
.faq-item.active .faq-answer{
    max-height:500px;
}

.faq-item.active .faq-icon {
    background: linear-gradient(135deg, #ffff43, #ffff43);
    color: #000000a1;
}

/* ANSWER */
.faq-answer{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transform:translateY(-8px);
    transition:
    max-height 0.5s ease,
    opacity 0.35s ease,
    transform 0.35s ease;
}

/* TEXT */
.faq-answer p{
    padding:0 35px 35px;
    margin:0;
    font-size:16px;
    line-height:2;
    color:#c7d3d2;
}

/* ACTIVE */
.faq-item.active .faq-answer{
    max-height: max-content;
    opacity:1;
    transform:translateY(0);
}

.faq-answer ul {
    margin: 0px 25px;
    color: #ffffffcf;
    padding-bottom: 39px;
}
.faq-answer li {
    padding-bottom: 20px;
}


/* MOBILE */
@media(max-width:767px){

    .premium-faq-section{
        padding:90px 0;
    }

    .faq-heading h2{
        font-size:38px;
    }

    .faq-question{
        padding:24px;
    }

    .faq-question span{
        font-size:17px;
    }

    .faq-answer p{
        padding:0 24px 24px;
        font-size:15px;
        line-height:1.9;
    }

    .faq-icon{
        min-width:44px;
        width:44px;
        height:44px;
        border-radius:14px;
    }
}
















.main-menu ul ul {
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0.8);
    transform-origin: top;
    padding: 12px 0;
    margin: 0;
    list-style: none;
    width: 250px;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 100%;
    background: #0da49d;
    transition: all 0.3s ease-in-out;
    text-align: left;

    /* soft shadow */
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
    
    /* subtle border */
    border: 1px solid rgba(255,255,255,0.12);

    /* glass effect feel */
    backdrop-filter: blur(6px);
}

/* dropdown items spacing */
.main-menu ul ul li a {
    padding: 12px 18px;
    line-height: 1.5;
    display: block;
    transition: all 0.25s ease;
}

/* subtle divider between items */
.main-menu ul ul li:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,0.10);
}

/* hover feel */
.main-menu ul ul li a:hover {
    background: rgba(255,255,255,0.08);
    padding-left: 22px;
}

p {
    line-height: 1.9 !important;

}

.main-title2 {
    color: #fff;
    font-weight: 600;
	letter-spacing: 1px;
        line-height: 1.4;
   
   
}
h2.main-title2 span {
    color: #ffff43 !important;
    position: relative;
}       
p.corp-intro2{
	color:rgba(255,255,255,.78) !important;
}
.corp-tag2 {
  display: inline-block;
  padding: 10px 18px;
  background: rgba(13, 165, 158, 0.082);
  color: #ffff43;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 20px;
}




/* =========================================
   GLOBAL GRID BACKGROUND
========================================= */

.grid-dark{

    position:relative;

    overflow:hidden;

}

/* GRID OVERLAY */
.grid-dark::before{

    content:'';

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);

    background-size:38px 38px;

    pointer-events:none;
}

/* GLOW EFFECT */
.grid-dark::after{

    content:'';

    position:absolute;

    width:320px;
    height:320px;

    background:#00a29b20;

    filter:blur(100px);

    top:-120px;
    right:-100px;

    border-radius:50%;
}



.grid-light::before{

    content:'';

    position:absolute;

    inset:0;

    background-image:
    linear-gradient(rgba(0,162,155,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,162,155,0.04) 1px, transparent 1px);

    background-size:38px 38px;

    pointer-events:none;
}


.grid-light{
	position:relative;
}


/* =========================
   OUR CLIENTS SECTION
========================= */


.our-clients{
    position:relative;
    overflow:hidden;
    padding:90px 0px;

    background: linear-gradient(80deg, #00a29b1c 0%, #f5ffffad 55%, #fbf9e40f 100%);

}

/* SOFT GLOW */

.our-clients::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#00a29b;
    border-radius:50%;
    filter:blur(180px);
    opacity:.06;
    top:-180px;
    right:-100px;
}

/* CONTAINER */

.our-clients .container{
    position:relative;
    z-index:2;
}

/* =========================
   SECTION TITLE
========================= */

.our-clients .section-title{
    margin-bottom:60px;
}

.our-clients .section-title h2{
    font-size:58px;
    color:#062f2f;
    font-weight:700;
    margin-bottom:0;
    text-align:center !important;
    position:relative;
}

/* SMALL TAG */

.our-clients .section-title::before{
    content:"PARTNERSHIPS";

    display:block;

    width:max-content;

    margin:0 auto 22px;

    padding:10px 18px;

    border-radius:50px;

    background:#e4f7f5;

    color:#00a29b;

    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
}

/* =========================
   SLIDER SPACE
========================= */

.our-company-slider{
    padding:10px 5px;
}

/* =========================
   LOGO CARD
========================= */

.company-logo{
    height:170px;
    background:#ffffff;
    border-radius:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:5px;
    border:1px solid #edf3f2;
    transition:.35s;
    box-shadow:
    0 10px 30px rgba(0,0,0,.03);
    margin:10px;
}

/* HOVER */

.company-logo:hover{
    transform:translateY(-6px);

    box-shadow:
    0 18px 45px rgba(0,0,0,.08);

    border-color:#d8ece9;
}

/* LOGO */

.company-logo img{
    max-width:78%;
    max-height:85px;

    object-fit:contain;

    transition:.35s;

    opacity:1;
}

/* SLIGHT SCALE ONLY */

.company-logo:hover img{
    transform:scale(1.04);
}

/* =========================
   MOBILE
========================= */

@media(max-width:767px){

    .our-clients{
        padding:80px 0;
    }

    .our-clients .section-title h2{
        font-size:38px;
    }

    .company-logo{
        height:145px;
        border-radius:24px;
        padding:20px;
    }

    .company-logo img{
        max-height:70px;
    }

}
.project-challenge-box {
    margin-top: 0;
}


.fahdan-stats-section{
    position:relative;
    padding:90px 7%;
    overflow:hidden;

     background: linear-gradient(
    135deg,
    #062f2f 0%,
    #0b5b57 45%,
    #00a29b 100%
    );

}

/* BACKGROUND EFFECT */

.stats-overlay{
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size:35px 35px;
}

/* CONTAINER */

.stats-container{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* BOX */

.stats-box {
    position: relative;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
    border-radius: 30px;
    padding: 25px 25px;
    text-align: center;
    overflow: hidden;
    transition: .4s;
}

.stats-box:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.12);
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

/* ICON */

.stats-icon{
    width:78px;
    height:78px;
    margin:auto;
    margin-bottom:25px;
    border-radius:22px;
    background:rgba(255,255,255,.1);
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.12);
}

.stats-icon i
{
    font-size: 30px;
    color: #ffff43;
}
/* NUMBER */

.stats-box h2 {
    font-size: 30px !important;
    line-height: 1;
    margin-bottom: 18px !important;
    color: #ffff43;
    font-weight: 700;
    text-align: center !important;
}

.stats-box h2 span {
    color: #ffff43;
    padding-left: 5px;
}

/* TEXT */

.stats-box p{
    color:rgba(255,255,255,.88);
    font-size:18px;
    line-height:1.7;
    margin:0;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .stats-container{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .fahdan-stats-section{
        padding:70px 20px;
    }

    .stats-container{
        grid-template-columns:1fr;
        gap:22px;
    }

    .stats-box{
        padding:38px 25px;
    }

    .stats-box h2{
        font-size:52px;
    }

    .stats-box p{
        font-size:16px;
    }

}

	/* PREMIUM STATS SECTION BACKGROUND */


/* SOFT GLOW */

.fahdan-stats-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#ffff43;
    border-radius:50%;
    filter:blur(180px);
    opacity:.10;
    top:-180px;
    right:-120px;
}

.fahdan-stats-section::after{
    content:"";
    position:absolute;
    width:400px;
    height:400px;
    background:#ffffff;
    border-radius:50%;
    filter:blur(180px);
    opacity:.06;
    bottom:-150px;
    left:-100px;
}

/* GRID EFFECT */

.stats-overlay{
    position:absolute;
    inset:0;
    background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size:35px 35px;
    opacity:.4;
}


h4.sub-title-dark {
    margin-top: 30px;
    color: #ffff43;
    padding-bottom: 25px;
    /* border: 1px solid; */
    font-family: 'Inter';
    font-size: 20px;
}

/* SECTION */
.premium-testimonial{
    padding:90px 0;
    background:
    radial-gradient(circle at top left,#00a29b12,transparent 28%),
    radial-gradient(circle at bottom right,#ffff4315,transparent 28%),
    #f8fafc;
    overflow:hidden;
}

/* HEADING */
.testimonial-heading{
    text-align:center !important;
    margin-bottom:70px;
}

.sub-title{
    display:inline-block;
    background:#00a29b12;
    color:#00a29b;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.testimonial-heading h2{
    font-size:56px;
    line-height:1.2;
    margin-bottom:20px;
	  text-align:center !important;
    font-weight:700;
    color:#111;
}

.testimonial-heading h2 span{
    color:#00a29b;
}

.testimonial-heading p{
    max-width:650px;
    margin:auto;
    color:#666;
    font-size:16px;
    line-height:1.8;
}

/* SLIDER */
.testimonial-slider-wrapper{
    position:relative;
}

.testimonial-slider{
    display:flex;
    gap:28px;
    overflow:hidden;
    scroll-behavior:smooth;
}

/* CARD */
.testimonial-card{
    min-width:380px;
    background:#fff;
    border-radius:32px;
    padding:40px 35px;
    position:relative;

}

/* TOP GLOW */
.testimonial-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    border-radius:30px 30px 0 0;
    background:linear-gradient(to right,#00a29b,#ffff43);
}

/* QUOTE */
.quote-icon{
    width:72px;
    height:72px;
    background:#00a29b10;
    border-radius:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:28px;
}

.quote-icon i{
    font-size:28px;
    color:#00a29b;
}

/* TEXT */
.testimonial-card p{
    font-size:16px;
    line-height:2;
    color:#555;
    margin-bottom:35px;
}

/* CLIENT */
.client-info{
    display:flex;
    align-items:center;
    gap:16px;
    padding-top:24px;
    border-top:1px solid #eef2f7;
}

.client-info img{
    width:70px;
    height:70px;
    border-radius:50%;
    object-fit:cover;
    background:#fff;
    border:3px solid #00a29b;
    padding:3px;
}

.client-info h4{
    margin:0;
    font-size:20px;
    color:#111;
}

.client-info span{
    font-size:14px;
    color:#777;
}

/* NAV BUTTON */
.nav-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:54px;
    height:54px;
    border:none;
    border-radius:50%;
    background:#00a29b !important;
    color:#ffff43;
    cursor:pointer;
    z-index:5;
    box-shadow:0 10px 25px rgba(0,162,155,0.2);
}

.nav-btn.prev{
    left:-25px;
}

.nav-btn.next{
    right:-25px;
}

/* MOBILE */
@media(max-width:767px){

    .testimonial-heading h2{
        font-size:36px;
    }

    .testimonial-card{
    width: 100%;
        padding:30px 24px;
        border-radius:24px;
    }
	.nav-btn.prev {
  left: -9px;
}

.nav-btn.next {
  right: -9px;
}
.nav-btn {
 width: 35px;
 height: 35px;
}

    .testimonial-card p{
        font-size:15px;
        line-height:1.8;
    }

    .client-info img{
        width:60px;
        height:60px;
    }

    .nav-btn{
        display:block;
    }
}






/* =========================================
   PREMIUM TEAM SECTION
========================================= */

.premium-team-section{
    padding:90px 0;
    position:relative;
    overflow:hidden;
}

/* HEADING */
.premium-team-heading{
    text-align:center !important;
    margin-bottom:75px;
    position:relative;
    z-index:2;
}

/* TAG */
.team-tag{

    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:#00a29b10;

    color:#00a29b;

    font-size:14px;
    font-weight:600;

    margin-bottom:20px;
}

/* TITLE */
.premium-team-heading h2{

    font-size:58px;

    line-height:1.2;

    margin-bottom:20px;

    color:#111;
	text-align: center!important ;
}

.premium-team-heading h2 span{
    color:#00a29b;
}

/* TEXT */
.premium-team-heading p{

    max-width:760px;

    margin:auto;

    color:#666;

    line-height:1.9;

    font-size:16px;
}

/* GRID */
.premium-team-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    position:relative;
    z-index:2;
}

/* CARD */
.premium-team-card{

    position:relative;

    border-radius:34px;

    overflow:hidden;

    background:#fff;

    border:1px solid rgba(0,162,155,0.06);

    box-shadow:
    0 25px 60px rgba(0,0,0,0.06);

    transition:0.4s ease;
}

/* HOVER */
.premium-team-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 70px rgba(0,0,0,0.10);
}

/* IMAGE */
.premium-team-image{

    position:relative;

    overflow:hidden;

    height:360px;
}

.premium-team-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    transition:0.5s ease;
}

.premium-team-card:hover .premium-team-image img{
    transform:scale(1.05);
}

/* OVERLAY */
.premium-team-image::before{

    content:'';

    position:absolute;

    inset:0;

    background:
    linear-gradient(
    to top,
    rgba(0,0,0,0.35),
    transparent
    );

    z-index:1;
}

/* SOCIALS */
.team-socials{

    position:absolute;

    right:20px;
    bottom:20px;

    display:flex;

    gap:12px;

    z-index:2;
}

/* SOCIAL BUTTON */
.team-socials a{

    width:42px;
    height:42px;

    border-radius:50%;

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#00a29b;

    text-decoration:none;

    font-size:16px;

    transition:0.3s ease;
}

.team-socials a:hover{

    background:#ffff43;

    color:#111;
}

/* CONTENT */
.premium-team-content{

    padding:34px 30px;
}

/* ROLE */
.team-role {
    display: inline-block;
    color: #000000a3;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 12px;
}

/* NAME */
.premium-team-content h3 {
    font-size: 25px;
    margin-bottom: 18px;
    color: #00a29b;
    font-weight: 600;
    font-family: 'Univia Pro';
    letter-spacing: 2px;
}

/* TEXT */
.premium-team-content p{

    color:#666;

    line-height:1.9;

    font-size:15px;
}

/* RESPONSIVE */
@media(max-width:991px){

    .premium-team-grid{
        grid-template-columns:1fr;
    }

    .premium-team-heading h2{
        font-size:42px;
    }
}


.page-header {
    display: none;
}



   .premium-cta-section{
   padding:100px 0;
   background:#f7f8fa;
   }
   .premium-cta-box{
   position:relative;
   text-align:center;
   padding:90px 60px;
   border-radius:28px;
   overflow:hidden;
	   
   background:linear-gradient(135deg, #062f2f 0%, #0b5b57 45%, #00a29b 100%);
}
   box-shadow:0 25px 60px rgba(0,0,0,0.12);
   }
   /* Decorative Shapes */
   .premium-cta-box:before{
   content:'';
   position:absolute;
   top:-80px;
   left:-80px;
   width:220px;
   height:220px;
   border-radius:50%;
   background:rgba(255,255,67,0.15);
   }
   .premium-cta-box:after{
   content:'';
   position:absolute;
   bottom:-100px;
   right:-100px;
   width:260px;
   height:260px;
   border-radius:50%;
   background:rgba(255,255,67,0.10);
   }
   .mini-title{
   display:inline-block;
   padding:8px 18px;
   background:#ffff43;
   border-radius:40px;
   color:#111;
   font-size:13px;
   font-weight:700;
   letter-spacing:1px;
   text-transform:uppercase;
   margin-bottom:24px;
   position:relative;
   z-index:2;
   }
   .premium-cta-box h2{
   font-size:62px;
   line-height:1.15;
   font-weight:800;
   color:#fff;
   margin-bottom:25px;
   position:relative;
   z-index:2;
   text-align: center !important;
   }
   .premium-cta-box p{
   max-width:850px;
   margin:0 auto 35px;
   font-size:18px;
   line-height:1.9;
   color:rgba(255,255,255,0.92);
   position:relative;
   z-index:2;
   }
   .cta-buttons{
   display:flex;
   justify-content:center;
   gap:18px;
   flex-wrap:wrap;
   position:relative;
   z-index:2;
   }
   .cta-buttons a{
   text-decoration:none;
   padding:16px 32px;
   border-radius:10px;
   font-size:15px;
   font-weight:700;
   transition:all .3s ease;
   }
   /* Yellow Primary Button */
   .btn-primary{
   background:#ffff43;
   color:#12a798;
   }
   .btn-primary:hover{
   transform:translateY(-4px);
   background:#fff;
   }
   /* Outline Button */
   .btn-outline{
   border:2px solid #ffff43;
   color:#ffff43;
   }
   .btn-outline:hover{
   background:#ffff43;
   color:#111;
   transform:translateY(-4px);
   }
   /* Tablet */
   @media(max-width:991px){
   .premium-cta-box h2{
   font-size:46px;
   }
   .premium-cta-box{
   padding:70px 40px;
   }
   }
   /* Mobile */
   @media(max-width:767px){
   .premium-cta-box{
   padding:55px 22px;
   border-radius:22px;
   }
   .premium-cta-box h2{
   font-size:34px;
   }
   .premium-cta-box p{
   font-size:15px;
   line-height:1.7;
   }
   .cta-buttons{
   flex-direction:column;
   }
   .cta-buttons a{
   width:100%;
   }
   }

 .office-location-section{
   padding:90px 0;
   background:#f5f7fa;
   }
   .office-box{
   display:grid;
   grid-template-columns:1fr 1fr;
   background:#ffffff;
   border-radius:24px;
   overflow:hidden;
   box-shadow:0 20px 45px rgba(0,0,0,0.08);
   }
   /* Left Side */
   .office-content{
   padding:70px 55px;
   background:linear-gradient(
135deg, #062f2f 0%, #0b5b57 45%, #00a29b 100%);
   color:#fff;
   position:relative;
   }
   .office-content:before{
   content:'';
   position:absolute;
   width:180px;
   height:180px;
   background:rgba(255,255,255,0.08);
   border-radius:50%;
   top:-50px;
   right:-50px;
   }
   .office-content .tag{
   display:inline-block;
   padding:8px 16px;
   background:rgba(255,255,255,0.15);
   border-radius:30px;
   font-size:13px;
   font-weight:600;
   letter-spacing:1px;
   margin-bottom:20px;
   }
   .office-content h2{
   font-size:48px;
   line-height:1.2;
   font-weight:700;
   margin-bottom:22px;
   color:#fff;
   }
   .office-content p{
   font-size:16px;
   line-height:1.8;
   opacity:.95;
   margin-bottom:28px;
   max-width:520px;
   }
   .office-list{
   list-style:none;
   padding:0;
   margin:0 0 30px;
   }
   .office-list li{
   margin-bottom:14px;
   font-size:16px;
   display:flex;
   align-items:center;
   gap:12px;
   }
   .office-list i{
   width:34px;
   height:34px;
   background:#fff;
   color:#14b8a6;
   border-radius:50%;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:14px;
   }
   .visit-btn{
   display:inline-block;
   padding:14px 28px;
   background:#fff;
   color:#0f766e;
   font-weight:600;
   border-radius:50px;
   text-decoration:none;
   transition:0.3s ease;
   }
   .visit-btn:hover{
   transform:translateY(-4px);
   background:#f1f5f9;
   }
   /* Right Side */
   .office-map{
   min-height:620px;
   }
   .office-map iframe{
   width:100%;
   height:100%;
   border:0;
   filter:grayscale(10%);
   }
   /* Responsive */
   @media(max-width:991px){
   .office-box{
   grid-template-columns:1fr;
   }
   .office-map{
   min-height:450px;
   }
   .office-content h2{
   font-size:38px;
   }
   }
   @media(max-width:767px){
   .office-content{
   padding:45px 25px;
   }
   .office-content h2{
   font-size:30px;
   }
   .office-map{
   min-height:350px;
   }
   }

   .bahrain-info-section{
   padding:80px 0;
   background:#f8fafc;
   }
   .info-wrapper{
       background: linear-gradient(135deg, #062f2f 0%, #0b5b57 45%, #00a29b 100%);
   border-radius:24px;
   padding:85px 45px;
   box-shadow:0 20px 50px rgba(0,0,0,0.12);
   overflow:hidden;
   position:relative;
   }
   .info-wrapper:before{
   content:"";
   position:absolute;
   top:-80px;
   right:-80px;
   width:220px;
   height:220px;
   background:rgba(255,255,255,0.08);
   border-radius:50%;
   }
   .info-wrapper:after{
   content:"";
   position:absolute;
   bottom:-60px;
   left:-60px;
   width:180px;
   height:180px;
   background:rgba(255,255,255,0.05);
   border-radius:50%;
   }
   .section-heading{
   color:#fff;
   margin-bottom:45px;
   position:relative;
   z-index:2;
   }
   .section-heading .sub-title{
   display:inline-block;
   font-size:14px;
   letter-spacing:2px;
   text-transform:uppercase;
   font-weight:600;
   opacity:.9;
   margin-bottom:10px;
   }
   .section-heading h2 {
   font-size: 42px;
   font-weight: 700;
   margin-bottom: 12px;
   color: #fff;
   text-align: center !important;
   }
   .section-heading p{
   max-width:620px;
   margin:auto;
   font-size:16px;
   opacity:.9;
   }
   .info-grid{
   display:grid;
   grid-template-columns:repeat(3,1fr);
   gap:22px;
   position:relative;
   z-index:2;
   }
   .info-card{
   background:rgba(255,255,255,0.12);
   border:1px solid rgba(255,255,255,0.15);
   border-radius:18px;
   padding:22px;
   display:flex;
   align-items:flex-start;
   gap:16px;
   transition:all .35s ease;
   backdrop-filter:blur(8px);
   }
.info-card {
    align-items: center;

}
   .info-card:hover{
   transform:translateY(-6px);
   background:rgba(255,255,255,0.18);
   }
   .info-card .icon{
   width:52px;
   height:52px;
   min-width:52px;
   border-radius:14px;
   background: #ffff43;
   color:#0d9488;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:20px;
   }
   .info-card h5{
   margin:0 0 6px;
   color:#fff;
   font-size:18px;

   }
   .info-card p{
   margin:0;
   color:#e6fffb;
   font-size:15px;
   line-height:1.5;
   }
   /* Tablet */
   @media(max-width:991px){
   .info-grid{
   grid-template-columns:repeat(2,1fr);
   }
   .section-heading h2{
   font-size:34px;
   }
   }
   /* Mobile */
   @media(max-width:767px){
   .info-wrapper{
   padding:40px 20px;
   }
   .info-grid{
   grid-template-columns:1fr;
   }
   .section-heading h2{
   font-size:28px;
   }
   }

.section-title p {
    color: #555;
}
h2,h4,h5,h6{
letter-spacing: 1px !important;	
}   
h3{
	line-height: 1.5;

}   
.about-read-btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 18px 36px;
    background: #ffff43;
    color:#000000a3;
    text-decoration: none;
    border-radius: 10px;
    font-weight: 700;
    transition: .4s;
}

.faq-item .faq-icon i::before{
    content:"\2b";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
}

/* OPEN MINUS */
.faq-item.active .faq-icon i::before{
    content:"\f068";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
}
.faq-icon i{
    font-style:normal;
}

h4.sub-title-light {
    margin-top: 30px;
    color: #000000cf;
    padding-bottom: 25px;
    font-family: 'Inter';
    font-size: 20px;
}




/* SECTION */

.work-process-section{
    position:relative;
    overflow:hidden;
    padding:120px 0;

    background:
    linear-gradient(
    135deg,
    #062f2f 0%,
    #0b5b57 45%,
    #00a29b 100%
    );
}

/* GRID EFFECT */

.process-grid-bg{
    position:absolute;
    inset:0;

    background-image:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);

    background-size:32px 32px;

    opacity:.4;
}

/* GLOW */

.work-process-section::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#ffff43;
    border-radius:50%;
    filter:blur(180px);
    opacity:.08;
    top:-150px;
    right:-120px;
}

/* TITLE */

.process-title{
    position:relative;
    z-index:2;
    margin-bottom:70px;
}

.process-tag{
    display:inline-block;
    padding:10px 18px;
    border-radius:50px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.1);
    color:#ffff43;
    font-size:13px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:22px;
}

.process-title h2{
    font-size:62px;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
}

.process-title h2 span{
    color:#ffff43;
}

.process-title p{
    color:rgba(255,255,255,.78);
    font-size:18px;
    line-height:1.8;
    max-width:700px;
    margin:auto;
}

/* GRID */

.process-grid{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

/* CARD */

.process-card {
    position: relative;
    background: rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 30px;
    padding: 30px 25px;
    transition: .4s;
    overflow: hidden;
}

.process-card:hover{
    transform:translateY(-8px);
    background:rgba(255,255,255,.12);
    box-shadow:0 20px 50px rgba(0,0,0,.12);
}

/* STEP */

.step-number{
    color:rgba(255,255,255,.55);
    font-size:14px;
    letter-spacing:1px;
    font-weight:600;
    margin-bottom:24px;
}

.step-number span{
    display:block;
    font-size:58px;
    line-height:1;
    color:#ffff43;
    margin-top:8px;
    font-weight:700;
}

/* TITLE */

.process-card h3{
    font-size:28px;
    line-height:1.4;
    color:#fff;
    margin-bottom:18px;

}

/* TEXT */

.process-card p{
    color:rgba(255,255,255,.78);
    font-size:16px;
    line-height:1.5;
    margin:0;
}

/* RESPONSIVE */

@media(max-width:1100px){

    .process-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .work-process-section{
        padding:80px 0;
    }

    .process-title h2{
        font-size:38px;
    }

    .process-title p{
        font-size:16px;
    }

    .process-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .process-card{
        padding:32px 25px;
    }

    .process-card h3{
        font-size:24px;
    }

    .step-number span{
        font-size:46px;
    }

}
.process-title h2 {
    font-size: 62px;
    font-weight: 700;
    text-align: center !important;
    color: #fff;
    margin-bottom: 20px;
}

.additional-note {
    margin-top: 50px;
    background: #ffffff12;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.17);
    color: #fff;
}

.process-card {
    padding: 30px;
    border: 1px solid #00a29b52 !important;
}
.step-no {
    top: 15px !important;
}
.process-card h4 {
    margin-top: 50px !important;
}

.intro-badge {
    color: #000000de !important;
}
.framework-intro h3 {
    font-size: 26px !important;
    color: #0f1f1f !important;

    font-family: 'Inter' !important;
	font-weight: 500 !important

}
.card-content h4 {
    font-weight: unset !important;
}

.pillbtn {
    display: inline-block;
    padding: 10px 18px;
    background: #0da59e15;
    color: #0da59e;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.pillbtn2 {
    display: inline-block;
    padding: 10px 18px;
    border-radius: 50px;
    background: #ffff4312;
    color: #ffff43;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
}





//* =========================================
HERO VIDEO
========================================= */

.hero-video{
    position:relative;
    overflow:hidden;
}

.hero-bg-video video{
    width:100%;
    height: 800px;
    object-fit:cover;
    display:block;
}

/* Dark fade at bottom like reference */
.hero-video:after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:350px;
    z-index:5;

    background:linear-gradient(
        to bottom,
        rgba(0,0,0,0) 0%,
        rgba(0,95,95,.30) 40%,
        rgba(1,75,75,.85) 75%,
        #014b4b 100%
    );
}

/* =========================================
CTA SECTION
========================================= */

.mini-cta-section{
    position:relative;
    margin-top:-140px;
    padding:0 0 80px;
    z-index:15;
    overflow:visible;
}

/* GRID EFFECT */

.mini-cta-section::after{
    content:'';
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);

    background-size:38px 38px;

    pointer-events:none;
}

/* GLOW */

.mini-cta-section::before{
    content:'';
    position:absolute;
    width:320px;
    height:320px;

    background:#00a29b30;
    filter:blur(120px);

    top:-120px;
    right:-100px;

    border-radius:50%;
}

/* =========================================
CTA BOX
========================================= */
.mini-cta-box {
    position: relative;
    z-index: 20;
    max-width: 1200px;
    margin: 12px 24px 70px 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 41px 55px;
    border-radius: 28px;
    background: rgba(0,128,128,.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 25px 60px rgb(0 0 0 / 0%);
    overflow: hidden;
}
/* GRID INSIDE BOX */

.mini-cta-box::before{
    content:'';
    position:absolute;
    inset:0;

    background-image:
        linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);

    background-size:28px 28px;

    pointer-events:none;
}

/* =========================================
CONTENT
========================================= */

.mini-cta-content,
.mini-cta-buttons{
    position:relative;
    z-index:2;
}

.mini-tag{
    display:inline-block;

    background:#ffff4314;
    color:#ffff43;

    padding:8px 14px;

    border-radius:50px;

    font-size:13px;
    font-weight:600;

    margin-bottom:18px;
}

.mini-cta-content h3 {
    color: #ffffff;
    font-size: 33px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
    max-width: 650px;
    letter-spacing: 1px;
}

/* =========================================
BUTTONS
========================================= */

.mini-cta-buttons{
    display:flex;
    align-items:center;
    gap:20px;
}




.about-read-btn:hover{
    transform:translateY(-3px);
}

.about-read-btn2{
    background:#f0ef3d;
    color:#111;
}

.about-read-btn2:hover{
    transform:translateY(-3px);
}

/* =========================================
CERTIFICATE BADGE
========================================= */
.hero-certificate-badge {
    position: absolute;
   
    bottom: 100px;
    z-index: 30;
    left: 2%;
}

.badge-inner-circle{
    width:120px;
    height:120px;
    border-radius:50%;



    display:flex;
    align-items:center;
    justify-content:center;


}

.badge-inner-circle img{
    max-width:85%;
    height:auto;
}

/* =========================================
TABLET
========================================= */

@media(max-width:991px){

    .mini-cta-section{
        margin-top:-90px;
    }

    .mini-cta-box{
        flex-direction:column;
        text-align:center;
        padding:35px;
    }

    .mini-cta-content h3{
        font-size:36px;
		
        max-width:100%;
    }

    .mini-cta-buttons{
        width:100%;
        justify-content:center;
    }

    .hero-certificate-badge{
        right:20px;
        bottom:140px;
    }
}

/* =========================================
MOBILE
========================================= */

@media(max-width:767px){

    .mini-cta-section{
        margin-top:-70px;
        padding-bottom:50px;
    }

    .mini-cta-box{
        padding:28px 20px;
        border-radius:20px;
    }

    .mini-cta-content h3{
        font-size:28px;
        line-height:1.2;
    }

    .mini-cta-buttons{
        width:100%;
        flex-direction:column;
    }

    .hero-certificate-badge{
        right:15px;
        bottom:120px;
    }

    .badge-inner-circle{
        width:80px;
        height:80px;
    }
	.hero-bg-video video {

	height: 540px;}
}


.center{
    display: flex !important
		;
    justify-content: center !important;
}
.process-left h3 {
    font-weight: 600 !important; 
	    font-family: 'Univia Pro' !important;
    letter-spacing: 1px !important;
}

.fahdan-process-card p{
	color:#555 ;
}
.fahdan-process-content ul li {
    color: #555 ;
}

/* Teal Blue Overlay */
.sector-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0 162 155 / 19%);
    z-index: 1;
    transition: opacity 0.4s ease;
}

/* Remove overlay on hover */
.sector-card:hover::before {
    opacity: 0;
}

/* Keep content above overlay */
.sector-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
}
.reg-card  p{
	color:#555;
} 
.cm-pd{
	padding:90px 0px !important
}

.footer-copyright-text a{
	color:#fff !important;
}

.footer-copyright-text.desc {
    color: #fff;
    text-align: center;
    border: 1px solid #ffffff3d;
    padding: 20px 50px;
    border-radius: 10px;
    margin-top: 20px;
}

















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



 @media only screen and (max-width: 767px) {
	 
.cm-pd{
	padding:60px 0px !important
}	 
	 
.mini-cta-buttons {
    flex-direction: row;
}
.mini-cta-section {
	padding: 50px 0;}	 

.mini-cta-buttons .about-read-btn {
    padding: 10px 15px;
    font-size: 14px;
  }
 .mini-cta-box {
 gap: 0;
}
.mini-cta-buttons .about-read-btn2 {
    padding: 10px 15px;
    font-size: 14px;
  }	 	 
  .mini-cta-content h3 {
    font-size: 16px;
  }	 
nav.navbar.navbar-expand-lg {
padding:20px;

}
.main-header img {
	width: 150px;
	 
}	 
.btn-default {
	font-size: 14px;
}
  .hero-btn {
    top: 97px;
  }	 
 .hero {
    padding: 175px 0;
  }	 	 
 p {
  font-size: 15px !important;	  
}
h2 {
  font-size: 30px !important;
  margin-bottom: 25px !important;
}
.mob-ds-n{
		 display:none;
}	 
	 
 .work-counter-list-item {
    border: 1px solid #ffffff3b;
    border-radius: 10px;
	padding: 20px 0px;	 
} 
 .work-counter-item-no {
    margin-left: 55px;
 }	 
  .service-item {
    width: 100% !important;
  } 
.service-body p {
	margin-bottom: 20px;
}	 
	 
.icon-box {
  display: contents !important;
}	 
.benefit-item {
  display: grid !important;
  padding: 19px 17px;
  text-align: center;
 }
.benefit-item-content h3 {
	font-size: 13px !important;
	 }	 
	 
.service-title h3 a {
  font-size: 20px;
}
.service-body p {
	height: 30px !important;
}	 
.about-us img {
  margin-top: 30px;
}	 
.cm-act {
  padding:50px 0px !important;
}	 
 
.capital-section {
  padding: 50px 0;
}	 
.capital-table tbody td {
  padding: 14px 9px;
  border-bottom: 1px solid #f1f5f9;
  color: #334155;
}	 
 .capital-table {
    font-size: 12px;
  }
.work-step-item {
  width: auto !important;
}	 
	 
.how-we-work {
  padding: 50px 0 !important;
}	 
.testimonial-card p {
	height: auto !important;
}	 
.regulatory-section {
  padding: 50px 0 !important;
}	 
	 
.why-chose-fahdan {
  padding: 50px 0 !important;
}	 
.govt-section {
  padding: 40px 0;
}	 
.pd-rt-40 {
  padding-right: 0px;
}	 
.slicknav_nav a:hover, .slicknav_nav a:focus, .slicknav_nav .slicknav_row:hover {
	color: #09a69e;
}

.slicknav_nav .slicknav_row, .slicknav_nav li a {

  font-size: 16px;

  padding: 7px 25px;
  color: #000000e0;
  line-height: normal;
  margin: 5px;


}
.slicknav_menu ul ul li a {
  padding: 8px 21px 7px 35px;
  color: #000000b8;
  font-size: 16px;
}  
.slicknav_nav li{
    display: block;
    border-bottom: 1px solid #80808012;
}
.slicknav_nav li:last-item {
    border-bottom:none;
}
	 
.slicknav_arrow::after {
  color: #0ea59e;
}	 

.slicknav_open > a .slicknav_arrow::after {
  transform: translateY(-50%) rotate(-180deg);
  color: var(--primary-color);
}	 
.slicknav_menu {
  background: linear-gradient(to right, #fff 0%, #fff 100%);
}	 
	 
	 
	 
	 
	 
	 
.clients-section {
  padding: 50px 0 !important;
}
	 
.clients-logos {
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)) !important;
  gap: 20px !important;
  padding: 10px 0px !important;
}	 
.step-item span {
  font-size: 17px !important;	 	 	 
} 
.step-content ul li {
  font-size: 15px !important;
}	 
.info-box {

  padding: 0px;

}	 
.accordion-header {
  margin-bottom: 0 !important;
}	 
.nitaqat-box {

  padding: 20px!important;
}	 
	 

    .social-item{
        width:46px;
        height:46px;
    }

    .content{
        height:46px;
        width:46px;
    }

    .social-item:hover .content{
        width:145px;
    }

    .text{
        font-size:13px;
    }	 
	 


 .hero-certificate-badge {
    right: 10px;
    bottom: 22%;
  }

    .certificate-badge{

        width:120px;
        height:120px;
    }

    .badge-center{

        width:70px;
        height:70px;
    }

    .badge-inner-circle{

        width:70px;
        height:50px;
    }

    .badge-inner-circle i{

        font-size:22px;
    }

    .badge-ring text{

        font-size:9px;

        letter-spacing:2px;
    }
	 
	 
.about-read-btn {
  padding: 13px 30px;
}	 
.about-read-btn2 {
  padding: 13px 30px;
}	 
.stats-container {
    grid-template-columns: repeat(2,1fr);
  }	 
	 
 .stats-box {
    padding: 20px 10px;
  }	 
.stats-box h2 {
	font-size: 23px !important;
	 }	 
	 
.service-body p {
  height: 30px;
}	 
.why-container {
  gap: 0px !important;
}	 
.why-card {
    padding: 20px;
  }	 
.why-icon {
  width: 60px;
	height: 60px;}	 
	 
	 
h2.main-title {
	font-size: 30px !important;	 }
	 
  .intro-video {
    padding: 30px 0;
  }	 

.intro-video-content h5 {
  font-size: 21px !important;	 
	 }	 
	
.section-row {
    margin-bottom: 0px;
  }

  .main-footer {
    padding: 50px 10px 40px;
  }
	 
 .stat-card {
    display: none;
  }	 

.corp-grid {
	gap: 0px;	
} 
.premium-cta-section {
  padding: 60px 0;
}	 
.registration-process {
  padding: 60px 0;
}	 
section.formation-process {
  padding: 60px 0;
}	 
section.doc-section.bg-theme2.grid-dark {
  padding: 60px 0px;	 
	 }
.process-section {
	padding: 60px 0px;}	 
	 
 .our-benefit-list {
    grid-template-columns: repeat(2, 1fr) !important;
  }	 
.why-chose-fahdan {
	padding: 60px 0 !important;
}	 
.why-chose-fahdan .facility-item {
  width: 100% !important;
}	
	 .facility-item-content h3 {
	margin-top: 30px !important
}
.facility-item {
	padding: 20px;
}	 
.premium-testimonial {
	padding: 60px 0;
}	 
  .premium-faq-section {
    padding: 60px 0 !important;
  }	 
 .process-grid {
    gap: 0px !important;
  }	 

.card-content h4 {
  font-size: 17px !important;	 	 		 	 
}
.benefit-item {
    align-items: center !important;
    display: flex !important;
  }
.activity-item {
	width: 100% !important;
}
.activities-grid {
  margin-top: 30px;
}
.framework-cards {
  display: flex;
  flex-direction: column !important;
}
  .about-us img {
    height: auto !important;
  }

 .our-benefit-list {
    grid-template-columns: repeat(1, 1fr) !important;
  }


.it-activity-card {
  width: calc(100% - 0px) !important; 
}

.capital-table thead th {
  padding: 26px 10px !important;
  font-size: 14px !important;
}
.process-card:last-child {
  grid-column: unset !important;
}
.step-no {
  left: 161px !important;
}

.business-framework-section {
	padding: 60px 0 !important;
}

.process-card:last-child {
  margin-left: 0 !important;
}
.mob-none{
	display:none !important;
}   
.mob-serv{
	display:block !important;
}

.slicknav_btn {
  border-radius: 5px;

}
 .required-licences-section {
    padding: 60px 0px !important;
  }
  .docs-top {
    align-items: center !important;
  }
 .docs-top h3 {
    font-size: 24px;
	 text-align: center !important;
}

.premium-video-grid {
  grid-template-columns: repeat(1,1fr) !important;

}
.premium-video-section {
	padding: 70px 0;
}
section.quiz-section {
  padding: 60px 0px !important;
}
.eligibility-result-section {
	padding: 60px 0 !important;
}
.why-fahdan {
  padding: 60px 0 !important;
}

.our-benefit {
  padding: 70px 0 !important;
}

.wave-process-wrap {
	grid-template-columns: repeat(2,1fr) !important;
}
  .wave-step {
    padding-left: 0px;
    margin-bottom: 16px !important;
  }

.pd-lt-40 {
  padding-left: 0px !important;
  margin-top: 30px;
}

	 .about-us-content{
  margin-top: 30px;
}
	 .mini-cta-box{
		 margin:0;
	 }

.hero-floating-cta {
	bottom: -100px !important;

}
.fahdan-about-clean.ind {
    padding:150px 20px!important;
  }	
	 
	 
	 

}