/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

#hero_section .vc_single_image-wrapper img {
    max-height: 415px;
    padding-top: 35px !important;
}

.dt-btn.ico-right-side > i {
    transform: rotate(40deg) !important;
}

.fanehaq .aio-icon-img {
    border-radius: 20px !important;
    overflow: hidden;
    transition: transform 1.2s ease-in-out;
}

.image-scale {
    border-radius: 20px !important;
    overflow: hidden;
    transition: transform 1.2s ease-in-out;
}

.image-scale:hover {
    transform: scale(1.08);
}

/* Custom Style */
/* Custom Service Box Styles */

/* Base Card Container */
.aio-icon-component.custom_service_box.style_3 {
  background: #ffffff;
  border: 1.5px solid #e2e5e8;
  border-radius: 20px;
  padding: 35px 35px;
  height: 300px; /* Reduced height to remove empty dead space */
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  margin-bottom: 25px;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

/* Hover Effect (Popup / Lifted Shadow) */
.aio-icon-component.custom_service_box.style_3:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);
  border-color: #d0d4d9;
}

/* Inner Link & Flex Layout */
.aio-icon-component.custom_service_box.style_3 .aio-icon-box-link {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: block;
}

.aio-icon-component.custom_service_box.style_3 .aio-icon-box {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  width: 100%;
  gap: 24px;
}

/* Icon Alignment */
.aio-icon-component.custom_service_box.style_3 .aio-icon-top,
.aio-icon-component.custom_service_box.style_3 .ult-just-icon-wrapper,
.aio-icon-component.custom_service_box.style_3 .align-icon {
  text-align: left !important;
  width: 100%;
  margin: 0;
  padding: 0;
}

.aio-icon-component.custom_service_box.style_3 .aio-icon {
  color: #D94B4A !important;
  font-size: 80px !important;
  display: inline-block;
  line-height: 1;
}

/* Small Triangle Divider */
.aio-icon-component.custom_service_box.style_3 .aio-icon-top::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: 12px 0 14px 6px; /* Tight, compact spacing */
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f0f1f3;
}

/* Header & Text Alignment */
.aio-icon-component.custom_service_box.style_3 .aio-icon-header {
  width: 100%;
  margin: 0;
  padding: 0;
}

.aio-icon-component.custom_service_box.style_3 .aio-icon-title {
  text-align: left !important;
  margin: 0 !important;
  padding: 0 !important;
    font-weight: 400 !important;
}

.btn-arrow i{
    transform: rotate(40deg);
    margin-left: 10px;
 }

 .page-title.solid-bg.bg-img-enabled {
    background-size: cover !important;
    height: 300px; 
}


.ground_voices h3.entry-title {
    font-weight: 600 !important;
    font-size: 24px !important;
}

/* Tab Content */
.custom_tab ul {
    display: flex !important;
    justify-content: center !important;
}

.custom_tab li {
    margin: 0px !important;
}

.custom_tab li a {
    font-size: 18px !important;
    background: #f9f9fb !important;
    border: none !important;
    padding: 11px 16px !important;
    margin: 0px !important;
    border-radius: 0px !important;
	line-height: 1.3;
}

.custom_tab li.vc_active {
    border-top: 3px solid #a9101a !important;
    padding: 11px 0px !important;
    margin: 0px !important;
}

.custom_tab li.vc_active a {
    background: #a9101a !important;
    padding: 15px 30px !important;
    border-radius: 25px !important;
}


.custom-def-tab li a {
    padding: 10px 35px !important;
    font-size: 18px;
    line-height: 1.3;
    border: none !important;
    border-radius: 0px !important;
    background: #f9f9fb !important;
    border-left: 3px solid #f9f9fb !important;
}

.custom-def-tab li.vc_active a {
    background: #fff !important;
    border-color: #D94B4A !important;
}

.custom-def-tab li a .fa {
    color: #D94B4A !important;
    font-size: 22px !important;
    transform: rotate(28deg) !important;
    margin-left: 12px !important;
    font-weight: 900 !IMPORTANT;
    display: inline-block !important;
}

 .flagship_programme article.post {
    border: 1px solid #141617 !important;
}


@media (max-width: 767px) {
	
#hero_section .vc_col-has-fill > .vc_column-inner {
  margin: 0px 25px !important;
  padding: 16px 16px !important;
  background-size: cover !important;
  background-position: -65px 0px !important;
  margin-top: 25px !important;
 border-radius: 20px !important;
position: relative;
}

#hero_section .vc_col-has-fill > .vc_column-inner .uvc-sub-heading {
  margin-bottom: 15px !important;
}

#hero_section .vc_col-has-fill > .vc_column-inner .wpb_wrapper .open-new-tab {
  margin-top: 6px !important;
  margin-right: 6px !important;
}
	
	.vc_column-inner.vc_custom_1787566691784 {
  padding: 24px;
	margin: 0px 25px;
}
	
.vc_column-inner.vc_custom_1787566691784 .btn-align-center {
  padding-top: 20px;
}
	
.vc_row.wpb_row.vc_row-fluid.vc_custom_1787664407910.vc_row-has-fill.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-o-equal-height.vc_row-o-content-middle.vc_row-flex {
  min-height: auto !important;
}
	
.vc_column-inner.vc_custom_1787664629102 {
  background-size: cover !important;
  border-radius: 26px;
   margin: 0px 25px;
}

.vc_custom_1787576409123 {
  margin: 0px 0px !important;
  padding: 16px !important;
}

.vc_custom_1787576409123 .vc_column-inner {
  padding: 0px 12px !important;
}

.vc_custom_1787576409123 .vc_column-inner h3 {
  margin-top: 16px;
}

.dt-css-grid {
  padding-top: 25px;
}
	
}