/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Description: Child Theme for Hello Elementor
Author: Elementor Team
Author URI: https://example.com
Template: hello-elementor
Version: 1.1
*/

/* Add custom CSS below */
select { background: url("https://caiooffice.com/wp-content/uploads/2026/03/select_arrow-2.svg") no-repeat; background-position: right 15px center; background-color: #fff;}
.img_sticky { position: sticky; top: 0; }

/* navbar start */
.navbar_sec { position: absolute; }
.navbar_sec  nav.hfe-nav-menu__layout-horizontal { width: 100% !important; }
/* navbar end */

/* heading */
.heading_center .elementor-heading-title{position: relative;}
.heading_center .elementor-heading-title::after { content: ""; position: absolute; bottom: -21px; width: 300px; top: auto; height: 20px; background-image: url(https://caiooffice.com/wp-content/uploads/2026/03/heading_border.png); background-repeat: no-repeat; left: 50%; object-fit: contain; transform: translateX(-39%); }


.heading_left .elementor-heading-title{position: relative;}
.heading_left .elementor-heading-title::after { content: ""; position: absolute; bottom: -21px; width: 356px; top: auto; height: 20px; background-image: url(https://caiooffice.com/wp-content/uploads/2026/03/heading_border.png); background-repeat: no-repeat; left: 30%; object-fit: cover; transform: translateX(-38%); }

.blog_heading .elementor-heading-title{position: relative;}
.blog_heading .elementor-heading-title::after { content: ""; position: absolute; bottom: -21px; width: 150px; top: auto; height: 20px; background-image: url(https://caiooffice.com/wp-content/uploads/2026/03/blog_heading.png); background-repeat: no-repeat; left: 50%; object-fit: contain; transform: translateX(-39%); }


.small_heading .elementor-heading-title{position: relative;}
.small_heading .elementor-heading-title::after { content: ""; position: absolute; bottom: -21px; width: 356px; top: auto; height: 20px; background-image: url(https://caiooffice.com/wp-content/uploads/2026/03/blog_heading.png); background-repeat: no-repeat; left: 30%; object-fit: cover; transform: translateX(-38%); }
/* heading end */ 


/* btn */
.primary_button a.elementor-button { position: relative; overflow: hidden; z-index: 1; }
.primary_button a.elementor-button::after { content: ""; position: absolute; inset: 0; background: #111827; border-radius: 12px; transform: translateX(-100%); transition: transform 0.6s ease; z-index: -1; }
.primary_button a.elementor-button:hover::after { transform: translateX(0); }

.secondary_btn a.elementor-button { position: relative; overflow: hidden; z-index: 1; }
.secondary_btn a.elementor-button::after { content: ""; position: absolute; inset: 0; background: #3B82F6; border-radius: 12px; transform: translateX(-100%); transition: transform 0.6s ease; z-index: -1; }
.secondary_btn a.elementor-button:hover::after { transform: translateX(0);}
/* btn end */

/* card  filp */
.card_wrapper{ position: relative; width: 100%; height: 300px; perspective: 1000px; transform-style: preserve-3d; }
.default_show, .hover_show{ position: absolute; width: 100%; height: 100%; inset: 0; display: flex; align-items: center; justify-content: center; backface-visibility: hidden; transition: transform 0.6s; border-radius: 10px; }
.default_show{ transform: rotateY(0deg); }
.hover_show{ transform: rotateY(180deg); border: 1px solid transparent; border-bottom: 5px solid #3B82F6; border-radius: 20px; background: linear-gradient(#F3F4F6,#F3F4F6) padding-box, linear-gradient(214.12deg,#3B82F6 20.19%,rgba(59,130,246,0.2) 49.9%,rgba(59,130,246,0.3) 83.04%) border-box; }
.card_wrapper:hover .default_show{ transform: rotateY(180deg); }
.card_wrapper:hover .hover_show{ transform: rotateY(0deg); }
/* card  filp  end */

.scale_icon h3.elementor-icon-box-title { line-height: 21px !important; }

.ready_list ul.elementor-icon-list-items { display: grid !important; grid-template-columns: repeat(2 ,1fr); gap: 11px; }
.ready_list ul.elementor-icon-list-items li { width: 100%; }
.ready_list ul.elementor-icon-list-items li span.elementor-icon-list-text { white-space: nowrap; }



/* blog start */
.blog_card_sec .blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; }
.blog_card_sec .blog-grid .blog-card { background: #F3F4F6; border-radius: 20px; overflow: hidden; display: flex; }
.blog_card_sec .blog-grid .blog-card .blog-content { padding-inline: 24px; padding-block: 40px; }
.blog_card_sec .blog-grid .blog-card .blog-content h3.blog-title a { font-family: "Inter", sans-serif; font-weight: 600; font-size: 22px; line-height: 27px; letter-spacing: 0; text-transform: capitalize; color: #111827; }
.blog_card_sec .blog-grid .blog-card .blog-content .blog-meta { display: none; }
.blog_card_sec .blog-grid .blog-card a.blog-thumb { width: 50%; }
.blog_card_sec .blog-grid .blog-card a.blog-thumb img { width: 100%; height: 100%; object-fit: cover;}
.blog_card_sec .blog-grid .blog-card .blog-content { padding-inline: 24px; padding-block: 40px; width: 50%; }
.blog_card_sec .blog-grid .blog-card .blog-content p.blog-excerpt { font-family: "Inter", sans-serif; font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0; text-transform: capitalize; }
.blog_card_sec .blog-grid .blog-card .blog-content  a.read-more-btn { color: #3B82F6; border: 1px solid #3B82F6; border-radius: 10px; padding: 14px; font-size: 18px; font-family: 'Inter'; font-weight: 600; line-height: 100%; margin-top: 40px; display: block; width: fit-content; transition: all 0.6s ease; }
.blog_card_sec .blog-grid .blog-card .blog-content a.read-more-btn:hover { background: #3B82F6; color: #fff; }
.blog_card_sec .blog-load-more-wrap button { padding-inline: 30px !important; display: block; margin-inline: auto; width: fit-content; background: #3b82f6; border: 1px solid #3b82f6; margin-top: 44px; padding-block: 9px !important; border-radius: 10px; color: #fff; font-weight: 600; font-size: 18px; position: relative; overflow: hidden; z-index: 1; }
.blog_card_sec .blog-load-more-wrap button::before { content: ""; position: absolute; inset: 0; background: #000; z-index: -1; transform: translateX(-100%); transition: transform 0.6s ease; border-radius: 8px; }
.blog_card_sec .blog-load-more-wrap button:hover::before { transform: translateX(0); }
/* blog end  */

/* .success-grid start */
.success-grid { display: grid; grid-template-columns: repeat( 3 ,1fr ); gap: 30px; }
.success-grid .success-card { background: #fff; border-radius: 20px; }
.success-grid .success-card a.success-thumb img { width: 100%; }
.success-grid .success-card  .success-content { padding: 25px; }
.success-grid .success-card  .success-content span.success-cat { color: #3B82F6; font-size: 18px; font-weight: 400; line-height: 27px; font-family: 'Inter'; }
.success-grid .success-card  .success-content h3.success-title a { font-family: "Inter", sans-serif; font-weight: 600; font-size: 22px; line-height: 28px; letter-spacing: 0; display: block; text-transform: capitalize; color: #111827; }
.success-grid .success-card  .success-content  a.case-btn { color: #3B82F6; border: 1px solid #3B82F6; border-radius: 10px; padding: 14px; font-size: 18px; font-family: 'Inter'; font-weight: 600; line-height: 100%; margin-top: 40px; margin-bottom: 20px; display: block; width: fit-content; }
/* .success-grid end */

/* .time_line_section start */
.time_line_section .twae-label-big { color: #000; font-size: 22px; font-family: 'Inter' !important; font-weight: 600 !important; }
.time_line_section i.far.fa-clock { background: #fff; border-radius: 20px; width: 20px !important; height: 20px; }
.time_line_section i.far.fa-clock::before ,.time_line_section i.far.fa-clock::after {display: none;}
.time_line_section  .twae-horizontal-timeline.twae-wrapper .twae-icon { width: 28px; height: 28px; top: -61px; }
.time_line_section .twae-horizontal-timeline.twae-wrapper .twae-content { height: 100%; border: none; box-shadow: none !important; }
.time_line_section .twae-horizontal-timeline.twae-wrapper .twae-arrow { display: none; }
.time_line_section .twae-button-prev, .time_line_section .twae-button-next { display: none !important; }
.time_line_section .twae-description p { font-family: "Inter", sans-serif; font-weight: 400; font-size: 18px; line-height: 27px; letter-spacing: 0; text-align: center; text-transform: capitalize; }
.time_line_section .twae-horizontal-timeline.twae-wrapper .twae-h-line { left: 123px; display: block; width: calc(100% - 263px); }
/* .time_line_section end */

/* footer */
.fotter_sec .hfe-nav-menu { display: block; }
.fotter_sec ul li a.hfe-menu-item { white-space: nowrap; }
.footer_icon .elementor-social-icons-wrapper.elementor-grid { display: flex; gap: 12px; justify-content: left; }
/* .footer_contact li.elementor-icon-list-item span.elementor-icon-list-text { white-space: nowrap; } */
/* footer end */


/* faq service start */
.service-wrapper .service-item { border-top: 1px solid #37415126; padding: 20px; position: relative; }
.service-wrapper .service-title .entry-title { margin: 0; line-height: 1; width: 40%; }
.service-wrapper .service-title .entry-title a { font-family: "Inter", sans-serif; font-weight: 600; font-size: 22px; line-height: 51px; text-transform: capitalize; color: #111827; }
.service-wrapper .service-post-thumbnail { position: absolute; right: 30%; top: -40px; z-index: 3; opacity: 0; transform: translateX(120px) scale(0.95); transition: opacity 0.5s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); pointer-events: none; will-change: transform, opacity; }
.service-wrapper .service-post-thumbnail img { height: 350px; width: 350px; border-radius: 12px !important; display: block; object-fit: cover; }
.service-wrapper .service-item:hover .service-post-thumbnail, .service-active .service-post-thumbnail { opacity: 1; transform: translateX(0) scale(1); }
.service-wrapper .excerpt-content { max-height: 0; opacity: 0; overflow: hidden; transform: translateY(10px); transition: max-height 0.5s ease, opacity 0.4s ease, transform 0.4s ease; }
.service-wrapper .service-active .excerpt-content { max-height: 200px; opacity: 1; transform: translateY(0); width: 45%; }
.service-wrapper .service-item .title-number { display: flex; justify-content: space-between; }
.service-wrapper .service-active .title-number svg { background: #3B82F6; width: 45px; height: 45px; border-radius: 50%; padding: 4px; }
.service-wrapper .service-active .title-number svg path { fill: #fff; color: #fff; }
.service-wrapper .service-item  svg { width: 45px; height: 45px; border-radius: 50%; padding: 4px; }
.service-wrapper .service-item:last-child { border-bottom: 1px solid #37415126; }
.service-wrapper .service-active h2.entry-title a { color: #3b82f6; }
/* faq service start end */


.inner_banner_overlay::after { position: absolute; content: ""; inset: 0; background: linear-gradient(90.89deg, rgb(243 244 246) 0.76%, rgb(243 244 246 / 64%) 74.87%, rgb(243 244 246 / 0%) 95.93%); width: 65%;border-radius: 18px 0 0 18px; }
.inner_banner_overlay { position: relative; }


/* form */
.custom-form .gform_wrapper div.validation_error { display: none; }
.custom-form .gform_wrapper li.gfield.gfield_error { background: none; border: none; padding: 0; }
.custom-form  .validation_message { margin: 0 !important; padding: 0 !important; color: red; font-size: 12px; }
.custom-form .gform_wrapper .ginput_container input,.custom-form .gform_wrapper .ginput_container select { width: 100% !important; }
.custom-form .gform_wrapper label.gfield_label { display: none !important; }
.custom-form .gform_wrapper .ginput_container input ,.custom-form .gform_wrapper .ginput_container select{ border: 1px solid #3B82F647!important; border-radius: 12px; padding-inline: 16px !important; height: 45px !important;appearance: none;}
.custom-form .gform_wrapper .ginput_container input { border: 1px solid #3B82F647!important; border-radius: 12px; padding-inline: 16px !important; height: 50px; background: #ffffff; color: #222; padding: 10px 18px !important; font-weight: 400; font-family: 'Inter' !important; outline: none;}
.custom-form .gform_wrapper .ginput_container textarea{ border: 1px solid #3B82F647!important; border-radius: 12px; padding-inline: 16px !important; height: 120px; background: #ffffff; color: #222; padding: 10px 18px !important; font-weight: 400; font-family: 'Inter' !important;}
.custom-form .gform_wrapper h3.gform_title { font-size: 30px !important; font-family: 'Inter'; }
.custom-form .gform_footer.top_label input[type="submit"] { margin: 0; border: none; padding-inline: 25px; padding-block: 10px; color: #fff; font-weight: 600; font-size: 18px; font-family: inter; background: none;}
.gform_wrapper .gform_ajax_spinner { padding-left: 10px; position: absolute; right: 0; }
.custom-form .gform_footer.top_label { background: #3b82f6; width: fit-content; margin-inline: auto; border-radius: 12px; overflow: hidden; padding: 0; position: relative; z-index: 1; }
.custom-form .gform_footer.top_label::after { content: ""; position: absolute; inset: 0; background: #111827; border-radius: 12px; transform: translateX(-100%); transition: transform 0.6s ease; z-index: -1; }
.custom-form .gform_footer.top_label:hover::after { transform: translateX(0); }
.custom-form .ginput_complex  input { padding-bottom: 0; margin-bottom: 0 !important;}

.downlord_form { background: #f3f4f6; padding: 30px; border-radius: 20px; border: 1px solid #3B82F647; }
.downlord_form.custom-form .gform_wrapper h3.gform_title { text-align: center; padding-bottom: 20px; }
.downlord_form.custom-form .gform_footer.top_label {  margin-top: 53px !important;  }
/* form end */

/* error page */
.error404 .navbar_sec { position: relative; }
.error_container { width: 100%; text-align: center; padding-top: 80px; padding-bottom: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.error_container .svg_wrapper svg { width: 350px; height: 250px; }
.error_container h2 { color: #000; margin-top: -10px; margin-bottom: 10px; }
.error_container p { color: #000; font-weight: 450; margin: 10px; }
body.error404 .error_container .btn-wrapper { background: #3b82f6; padding-inline: 32px; padding-block: 11px; margin-top: 20px; z-index: 1; position: relative; overflow: hidden; border-radius: 8px;z-index: 1; }
body.error404 .error_container .btn-wrapper::before { content: ""; position: absolute; inset: 0; background: #000; z-index: 0; transform: translateX(-100%); transition: transform 0.4s ease;z-index: -1; }
body.error404 .error_container .btn-wrapper:hover::before { transform: translateX(0); }
body.error404 .error_container .btn-wrapper a{ font-weight: 600; font-size: 18px; line-height: 1; text-align: center; color: #fff; }



/* single blog */
.single-post-wrapper { display: flex; gap: 30px; padding-top: 129px; padding-bottom: 80px; max-width: 1440px; padding-inline: 40px; width: 100%; }
.single-post-wrapper .content-wrapper { width: 70%; background: #f3f4f6; padding: 30px; border-radius: 20px; border: 1px solid #3B82F647; }
aside.single-post-sidebar { width: 30%; }
.single-post-banner img { width: 100%; height: 600px; border-radius: 20px; object-fit: cover; }
aside.single-post-sidebar h3 { color: #fff; }
.single-post-content .single-post-main h1.single-post-title { font-size: 32px; padding-top: 15px; font-family: inter; padding-bottom: 0  !important; margin-bottom: 9px; }
.single-post-main p { color: #000; font-size: 18px; }
.single-post-content .single-post-main span.date-icon i { display: none; }
.single-post-content .single-post-main  span.date-icon { position: relative; padding-left: 28px; display: inline-block; color: #111827; font-weight: 600; }
.single-post-content .single-post-main .blog-meta { padding-bottom: 22px; }
.single-post-content .single-post-main  span.date-icon::before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); background-image: url("https://caiooffice.com/wp-content/uploads/2026/03/calendar.svg"); background-repeat: no-repeat; background-size: contain; height: 15px; width: 15px; }
aside.single-post-sidebar ul.all-posts-list { list-style: none; padding: 0; gap: 13px !important; display: flex; flex-direction: column;padding-top: 16px;}
aside.single-post-sidebar ul.all-posts-list li a { color: #fff; font-weight: 400; font-size: 16px; font-family: 'Inter'; }
aside.single-post-sidebar ul.all-posts-list li { border-bottom: 1px solid #55565a; padding-bottom: 9px;color: #fff;}
aside.single-post-sidebar { width: 30%; background: #111827; border-radius: 20px; padding: 30px; height: 70vh; overflow: auto; position: sticky; top: 30px; }
/* single blog end */


/* Main grid container */
.industries_card .service-all { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.industries_card .service-all .service-item { border-radius: 12px; overflow: hidden; background:  #f3f4f6; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.industries_card .service-all .service-item .service-inner { display: flex; flex-direction: column; height: 100%; padding: 7px; border: 1px solid #d2d6dd; border-radius: 11px; }
/* Thumbnail */
.industries_card .service-all .service-item .service-inner .service-post-thumbnail { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; }
.industries_card .service-all .service-item .service-inner .service-post-thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; border-radius: 12px 12px 0 0; }
.industries_card .service-all .service-item .service-inner .service-content { padding: 20px; }
.industries_card .service-all .service-item .service-inner .service-title { display: flex; flex-direction: column; gap: 10px; }
.industries_card .service-all .service-item .service-inner .title-number { display: flex; flex-direction: column; gap: 8px; }
.industries_card .service-all .service-item .service-inner .entry-title { font-size: 22PX; font-weight: 500; margin: 0; line-height: 1.4; }
.industries_card .service-all .service-item .service-inner .entry-title a { text-decoration: none; color: #111; transition: color 0.2s ease; }
.industries_card .service-all .service-item .service-inner .entry-title a:hover { color: #555; }
.industries_card .service-all .service-item .service-inner .title-number > a { display: inline-flex; align-items: flex-start; gap: 6px; font-size: 17px; font-weight: 600; color: #3b82f6; text-decoration: none; transition: gap 0.2s ease; }
.industries_card .service-all .service-item .service-inner .title-number > a:hover { gap: 10px; }
.auth-login input:focus { border: 1px solid #d1d5db !important; }
.industries_card .service-all .service-item .service-inner .title-number > a span { display: flex; align-items: center; }
.industries_card .service-all .service-item .service-inner .title-number > a span svg { width: 20px; height: 32px; }



@media screen and (max-width: 1024px) {
  body.menu_open { overflow: hidden; }
  header#masthead nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown { position: fixed !important; top: 0 !important; left: 0 !important; width: 50% !important; height: 100%; padding: 50px 30px 20px; background: #fff; overflow-y: auto; z-index: 9999; transform: translateX(-100%); transition: all 0.4s ease; }
  header#masthead nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active { transform: translateX(0); }
  header#masthead nav.hfe-nav-menu__layout-horizontal ul.hfe-nav-menu { display: block !important; padding: 0; margin: 0; }
  header#masthead  nav.hfe-nav-menu__layout-horizontal ul.hfe-nav-menu li{border: none !important;}

  .fotter_sec > .e-con-inner .elementor-element { width: 100%; }
  .fotter_sec > .e-con-inner { display: grid !important; grid-template-columns: repeat( 2 , 1fr) !important; gap: 60px; }
.fotter_sec > .e-con-inner .elementor-social-icons-wrapper.elementor-grid { gap: 10px !important; display: flex !important; }
 .industries_card .service-all {grid-template-columns: repeat(2, 1fr);  }
}


@media screen and (min-width:1025px) and (max-width: 1272px) {
  .nav_btn a.elementor-button { padding-inline: 17px; }
}

@media screen and (min-width:1025px) and (max-width: 1223px) {
.nav_btn a.elementor-button span { font-size: 12px; }
}


@media screen and (min-width:1025px) and (max-width: 1128px) {
.custom_nav_menu a.hfe-menu-item { font-size: 15px !important; }
}


@media screen and (min-width:1025px) and (max-width: 1263px) {
footer h2.elementor-heading-title{ font-size: 19px !important; white-space: nowrap; }
}

@media screen and (min-width:1025px){
	.sticky-image {position: sticky;top: 0;height: 100%;}	

}	

@media (max-width: 767px) {

header#masthead nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown ul li a { margin: 0 !important; padding-inline: 0; padding-block: 8px; }

 .heading_left .elementor-heading-title::after {  width: 150px;}

 .small_heading .elementor-heading-title::after { width: 251px; }
 .heading_center .elementor-heading-title::after { width: 162px;}
 .ginput_complex { gap: 8px !important; display: flex; flex-wrap: wrap; }
 .ginput_complex span { width: 100%; }
   .fotter_sec > .e-con-inner { display: grid; grid-template-columns: repeat( 1 , 1fr) !important; gap: 41px; }
   .banner_btn .elementor-widget-button { width: 100% !IMPORTANT; }
   .banner_btn .elementor-widget-button .elementor-button { width: 100% !important; } 
   header#masthead nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown { width: 68% !important; padding: 49px 14px 20px; }
   .industries_card .service-all {grid-template-columns: repeat(1, 1fr);  }
}