/* --------front-page -------Start------  */
:root {
    --xestra-blue: #00465d;
    --xestra-H-blue: #00475d;
    --xestra-teal: #0092a0;
    --xestra-contact-back: #f1f1f7;
    --xestra-white: #f9f9fb;
    --xestra-yellow: #cddb2e;
    --xestra-nav: #19a0ae;
    --bs-link-color: #19a0ae;
    --teal: #00A499;
    --lime: #CCDC00;
}

footer {
    background-color: var(--xestra-blue);
    color: white;
    /* position: sticky; */
    /* position: fixed;
    bottom: 0; */
    width: 100%;
}

section {
    background-color: var(--xestra-contact-back);
    min-height: 36rem;
}

body {
    min-height: 100vh;
}

p {
    line-height: 2rem;
}

.row {
    display: flex;
    flex-wrap: wrap;
}

.hover-effect:hover .navbar-brand img {
    max-height: 2.5rem;
}

.header_nav {
    background-color: var(--xestra-nav);
    width: 4.5rem;
    height: 0.3rem;
}

.contact-div {
    background-color: var(--xestra-white);
    max-width: 32rem;
    max-height: 19rem;
    height: 100%;
    margin: 1rem;
    padding: 4rem 1rem 0rem 1rem;
    border-bottom: var(--xestra-yellow) 0.375rem solid;

}

.contact-div p {
    margin: 0rem !important;
}

.carousel-item img {
    width: 100%;
    height: 37.5rem;
    object-fit: cover;
}


.contact-icon {
    width: 5rem;
    height: 5rem;
    background-color: var(--xestra-teal);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.contact-icon i {
    color: white;
    font-size: 1.5rem;
}


.footer-logo {
    max-height: 3.125rem;
}

.nav-link,
.head-primary,
.nav a,
.nav-link a {
    margin: 0 1rem;
    color: var(--xestra-nav) !important;
}

.nav-link:hover {
    color: var(--xestra-yellow) !important;
}

.carousel-control-prev-icon {
    background-color: var(--xestra-blue);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M14.91 6.71a.996.996 0 0 0-1.41 0L8.91 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L11.03 12l3.88-3.88c.38-.39.38-1.03 0-1.41'/%3E%3C/svg%3E");
    border-radius: 50%;
    width: 2.75rem !important;
    height: 2.75rem !important;

}

.carousel-control-prev-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cddb2e' d='M14.91 6.71a.996.996 0 0 0-1.41 0L8.91 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L11.03 12l3.88-3.88c.38-.39.38-1.03 0-1.41'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    width: 2.75rem !important;
    height: 2.75rem !important;
    display: inline-block;
    background-color: var(--xestra-blue);
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M9.31 6.71a.996.996 0 0 0 0 1.41L13.19 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01'/%3E%3C/svg%3E");
    border-radius: 50%;
}

.carousel-control-next-icon:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cddb2e' d='M9.31 6.71a.996.996 0 0 0 0 1.41L13.19 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01'/%3E%3C/svg%3E");
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 0.85 !important;
}

.carousel-caption {
    position: absolute;
    top: 96%;
    transform: translateY(-50%);
    left: 9%;
    right: auto;
    bottom: auto;
    color: #fff;
    text-align: left;
    border-left: 0.3rem var(--xestra-teal) solid;
    padding-left: 0.75rem;
}


.carousel-indicators button {

    margin: 0 0.5rem;
    width: 1.5rem !important;
    height: 1.5rem !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ebfb35' d='M12 6.46c-.28 0-.56.1-.78.32l-4.44 4.44c-.43.43-.43 1.13 0 1.56l4.44 4.44c.43.43 1.13.43 1.56 0l4.44-4.44c.43-.43.43-1.13 0-1.56l-4.44-4.44c-.22-.22-.5-.32-.78-.32m0 2.37L15.17 12L12 15.17L8.83 12z'/%3E%3C/svg%3E");
    background-color: transparent !important;
    border: 0;
    display: inline-block;

}


.carousel-indicators button.active {
    background-color: var(--xestra-yellow);
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjQxNUQ4NTJCOUVFMTFFRkI0MDQ5MUI0NTJFRDJEQ0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjQxNUQ4NTNCOUVFMTFFRkI0MDQ5MUI0NTJFRDJEQ0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNDE1RDg1MEI5RUUxMUVGQjQwNDkxQjQ1MkVEMkRDQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNDE1RDg1MUI5RUUxMUVGQjQwNDkxQjQ1MkVEMkRDQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph/SqnQAAAGlSURBVHja7NpBUsJAEAXQ6SnwBOLaQ5g9nkQ9CeEk4klkHw/hWjyBWDXOEDdaggx0/+pU/qzJFP/RKbonkZRSGPOKYeSLAAQgAAEIQAACEIAABCAAAQhAgBGuicYmIlJ9zWZ7M09J7vKl1yGk5Wz6sq7dQ+MwR1Q2qQR4+2ge8yX3v+K0GWGJBoDfAn+H3zG2uSoW6O+jXgGbbXPgFwt7wv+shLzjwUqYTbvhVcBx4ftKyJ+GVUL0FR6PEP2FxyJEn+FxCNFveAxC9B3eHiH6D2+LoAqwv8nxi6AGULo42/A2HaNKJ/j+2czzVs/YJjbdXk66tZMKEHgPXyZJN7dALqJX+BCzG6OdAIgkOEA5Q3AD0M/xZYqDDVYPpxygmP4LoBBK+KuLbuWyD7BGKOHzvb/S3NOgFRYTBIvwhsOQLoJVeONxWAfBMjzgQOQ8BOvwAIDTERDhQQD1CKjwQIDjEZDhwQD/I6DDq43DtY/G+nle2nM7vME+G/xGKGcIizJJ5mHqadAPR4e8+IIEAQhAAAIQgAAEIAABCEAAAhCAAONbXwIMAHE1yaj5QLTAAAAAAElFTkSuQmCC');
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 2.5rem;
    height: 2.5rem;
}

.footerFont {
    font-size: 0.75em;
    display: inline-flex;
}


.Privacy {
    color: #779ca8;
    margin-left: auto;
}
.footerDeveloper ,.footerDeveloper a {
    color: #779ca8;  
    vertical-align: middle;  
    text-decoration:none;
}

.bodyMainFont,
.bodyMainFont a {
    color: var(--xestra-H-blue);
    font-weight: 900;
    line-height: 2.75rem;
    
}

.bodyMainFont a:hover {
    color: var(--xestra-yellow);
}

.hexagon-container {
    position: relative;
    width: 100%;
    height: 595px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: visible;
    background-color: var(--xestra-white);
}

.hexagon-content {
    width: calc(100vw - 288px - 285px);
}

#XestraContain .container {
    max-width: 100vw;
    margin: 0;
    padding: 0;
}



.background-left {
    height: 595px;
    width: 288px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../imgs/left.png');
    background-color: transparent !important;
    flex-shrink: 0.95;
}

.background-right {
    height: 595px;
    width: 285px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('../imgs/right.png');
    background-color: transparent !important;
    flex-shrink: 0.95;
}

 

.btn-primary,.wpcf7 .wpcf7-submit:disabled{

    background-color: var(--teal);
    border-color: var(--teal);
    padding: 12px 40px;
    border-radius: 0;
    margin-top: 2rem;
}

.btn-primary:hover {
    background-color: var(--xestra-yellow);
    border-color: var(--xestra-yellow);
    color: var(--xestra-H-blue);
}

.hexagon-text {
    font-size: clamp(1rem, 2vw, 1.5rem);
    line-height: 1.5;
    max-width: 80%;
    margin: 0 auto;
}

.separator {
    border: 0;
    border-right: var(--xestra-yellow) 2px solid;
}

/* --------front-page  --------End------  */

/* --------index --------Start------  */

.hero-section {
    text-align: center;
    padding: 80px 0;
    background-color: #f5f5f5;
    margin-bottom: 40px;
}

.hero-section h1 {
    font-size: 3em;
    margin-bottom: 20px;
}

.hero-section p {
    font-size: 1.2em;
    color: #666;
}


.latest-posts {
    margin-bottom: 60px;
}

.latest-posts h2 {
    text-align: center;
    margin-bottom: 40px;
}

.posts-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
}

.post-card {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.post-card:hover {
    transform: translateY(-5px);
}

.post-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.post-content {
    padding: 20px;
}

.post-content h3 {
    margin: 0 0 10px 0;
}

.post-content h3 a {
    color: #333;
    text-decoration: none;
}

.post-meta {
    color: #666;
    font-size: 0.9em;
    margin-bottom: 15px;
}

.read-more {
    display: inline-block;
    padding: 8px 20px;
    background: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 15px;
}


.features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 60px 0;

}

.feature-item {
    text-align: center;
    padding: 30px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.formPost {
    display: grid;
    align-items: center;
    justify-items: center;
    margin: 2rem 1rem 1rem 1rem !important; 
}

.formpostContent {
    border-bottom: var(--xestra-yellow) 0.375rem solid;
    background-color: var(--xestra-white);
   
}

.formPost p {
    line-height: 2rem !important;
    margin: 1rem;
}
 
.formPost .wpcf7-form-control,
.formPost .wpcf7-textarea {
    font-size: 1.25rem;
    
}

.closeForm {

    justify-items: end;
    text-align: right;
    height: 1.5rem;
    position:relative;

}

.closeForm .btn-close{
    position:absolute;
    display:inline;
    top:-3.75rem !important;
    right:-1.75rem !important;
}
#contactForm
{
    display: block;
}

.contact-form-wrapper .contact-form-text {
	display: inline-block;
	width: 100%;
}

.contact-form-text .wpcf7-list-item-label {
	display: inline-block;
	width: 85%;
	vertical-align: top;
	margin-left: 5px;
}
.contact-form-text .wpcf7-list-item-label {
    display: inline-block;
    width: 85%;
    vertical-align: top;
    margin-left: 5px;
}
.wpcf7-form .wpcf7-form-control-wrap input[type*="text"],.wpcf7-form-control-wrap input[type*="textarea"],.wpcf7-form-control-wrap .wpcf7-email{
    color: #232323;
    border: 1px #aaa solid;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 20px 10px 20px;
    margin: 0px 0px 22px 0px;
    width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap textarea {
    color: #232323;
    height: 210px;
    border: 1px #aaa solid;
    resize: none;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 20px 10px 20px;
    margin: 0px 0px 22px 0px;
    width: 100%;
}
.wpcf7-list-item 
{
    margin: 0 !important;
}
.wpcf7-not-valid,
.inputerror {
	border-color: #ff0202 !important;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    display: none;
}
.formpostContent .row
{
    margin-right:0 !important;
    margin-left:0 !important;
}
.formpostContent .btn-primary
{
    margin-top: 0 !important;
}
.navbar-toggler
{
    display: none !important;
}
.footPrivacy
{
    justify-content:   flex-end !important;
    
}
.custom-logo
{
    max-width: 211px !important;
    max-height: 53px !important;
    
}
/* --------index -------End------  */