/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 08 2025 | 09:51:57 */
a:hover {
    color: red !important;
}
/* Modern and Simple CSS for Contact Form 7 with Custom Styling */
.pf-inputs {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.pf-text-field {
    flex: 1 0 calc(33.333% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
}

.tf-title {
    font-size: 18px;
    margin-bottom: -10px;
    font-family: 'Inter', sans-serif; /* Use Inter font */
}

.tf-meta input[type="number"] {
    width: 100%;
    padding: 15px; /* Increase padding for bigger input boxes */
    font-size: 16px;
    border: 1px solid #e40427; /* 1px stroke */
    border-radius: 0; /* No rounded corners */
    color: #000; /* Text color */
    font-family: 'Inter', sans-serif; /* Use Inter font */
}

.tf-meta .desc {
    font-size: 14px;
    color: #888;
    font-family: 'Inter', sans-serif; /* Use Inter font */
}

.pf-sum {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #000; /* Text color */
    flex-direction: column;
}

.pf-sum .title {
    font-size: 18px;
    font-family: 'Inter', sans-serif; /* Use Inter font */
}

.pf-sum .sum {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Inter', sans-serif; /* Use Inter font */
}

.pf-sum .sum .total-one,
.pf-sum .sum .total-two {
    margin-bottom: 5px;
}

.pf-sum button {
    margin-top: 10px;
}

/* Remove selector button 
.wpcf7-submit {
    display: none;
}
*/














.cspt-ihbox-style-3 {
margin-bottom: 20px;
}

.cspt-ihbox-contents .cspt-element-subtitle {
margin-bottom: 0px;
padding-left: 0px;
}

.cspt-ihbox-style-3 .cspt-ihbox-contents {
padding-left: 0px;
}







cspt-portfolio-style-3-bg.vc_row.cspt-row ::before, .cspt-portfolio-style-3-bg.elementor-section.elementor-top-section::before {
background-color: #222 !important;
}



/* .page-id-91 article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
padding-top: 50px;
} */


.cspt-gallery-contents{
padding-bottom: 30px
}


.elementor-element-95f9d38 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > h4:nth-child(2) > a:nth-child(1) {
color: #e40427;
}

#block-9 {
margin-top: 0px;
padding-top: 40px;
}


.creativesplanet-element-viewtype-carousel .owl-carousel button.owl-dot {
border: 1px solid #fff;
}

.single.single-cspt-service .cspt-service-single .cspt-entry-content {
margin-top: 0px !important;
}


@media only screen and (max-width: 767px) {
  .page-id-80 .cspt-featured-wrapper {
    display: none;
  }
.elementor-element-c7ac97c > div:nth-child(1) > p:nth-child(1) {
text-align: center;
}
}


.cspt-header-style-4 .cspt-header-overlay {
z-index: 1000;
}



span.cspt-meta.cspt-meta-comments {
    DISPLAY: NONE;
}

span.cspt-author-name {
    DISPLAY: NONE;
}






.form-button {
    color: var(--cspt-greenly-white-color);
    letter-spacing: .5px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    background-color: var(--cspt-greenly-global-color);
    padding: 14px 15px;
    border-radius: 4px;
    text-align: center; /* Center text within the button */
    border: none; /* Remove default button border */
    cursor: pointer; /* Change cursor to pointer on hover */
    transition: background-color 0.3s ease; /* Smooth transition for background color change */
}

/* Add hover effect */
.form-button:hover {
    background-color: var(--cspt-greenly-hover-color); /* Change this to your desired hover color */
}

.cspt-blog-classic .cspt-entry-content {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    color: black;
}





.page-id-91 .cspt-ihbox-style-7::after {
opacity: 0;
}


@media only screen and (max-width: 600px) {
  .elementor-1828 .elementor-element.elementor-element-ea13f11 > .elementor-container > .elementor-column > .elementor-widget-wrap {
    
    padding-bottom: 6px;
}
}

/* 

.page-id-1828 .elementor-section.elementor-top-section.cspt-elementor-bg-color-white, .elementor-section.elementor-top-section.cspt-elementor-bg-color-white:before, .elementor-section.elementor-inner-section.cspt-elementor-bg-color-white {
    background-color: #e6e2e2;
}

 */


/* Accessories and Ease
of Installation */
.elementor-inner-section.cust-inn-sec .cspt-ihbox {
    height: 450px;
}
.elementor-inner-section .cspt-ihbox-icon-wrapper {
    zoom: 1.5;
}
/* Accessories and Ease
of Installation */

/* section background color unset code */
.elementor-section.elementor-top-section.cspt-elementor-bg-color-white, 
.elementor-section.elementor-top-section.cspt-elementor-bg-color-white:before, 
.elementor-section.elementor-inner-section.cspt-elementor-bg-color-white {
    background-color: unset;
}

/* section background color unset code */













/* RECENT FURTHER CSS CODES */

.cspt-service-style-1 .creativesplanet-box-content {
    background-color: #eaeaea ;
    
}


.cspt-service-style-1 .creativesplanet-box-content .creativesplanet-box-content-inner {
   
    height: 230px;
}






















/* Ensure smooth transition for the card */
.creativesplanet-post-item {
  transition: transform 0.3s ease; /* Smooth transition for scaling */
}

/* Grow effect when hovering over the .creativesplanet-post-item */
.creativesplanet-post-item:hover {
  transform: scale(1.1); /* Scale up by 10% */
}
















/* Apply base styling to the anchor tag */
.vc_btn3-container.vc_btn3-inline a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-icon-right.vc_btn3-color-globalcolor {
  display: inline-block; /* Make it behave like a button */
  padding: 15px 30px; /* Add some padding for the button-like feel */
  background-color: #E21127; /* Set the initial background color */
  color: white; /* White text */
  font-size: 14px; /* Adjust the font size */
  font-weight: bold; /* Make the text bold */
  text-align: center; /* Ensure the text is centered */
  border-radius: 5px; /* Rounded corners for the button-like effect */
  text-decoration: none; /* Remove underline from the anchor */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
  cursor: pointer; /* Show pointer cursor on hover */
}

/* Hover effect for the anchor tag */
.vc_btn3-container.vc_btn3-inline a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-icon-right.vc_btn3-color-globalcolor:hover {
  background-color: #0C121D; /* Darker background on hover */
  color: #E21127; /* Change text color on hover */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Add subtle shadow for a button effect */
}











/* Remove ::before and ::after pseudo-elements */
.vc_btn3-container.vc_btn3-inline a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-icon-right.vc_btn3-color-globalcolor::before,
.vc_btn3-container.vc_btn3-inline a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-icon-right.vc_btn3-color-globalcolor::after {
  content: none !important; /* Disable the line or any unwanted effect */
}

/* Also remove any borders or underlines */
.vc_btn3-container.vc_btn3-inline a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-icon-right.vc_btn3-color-globalcolor {
  border: none !important; /* Remove borders */
  text-decoration: none !important; /* Remove any text decorations like underline */
  box-shadow: none !important; /* Remove any box-shadow effect */
}




.creativesplanet-box-content .cspt-service-icon-wrapper{
						

    display:none;

}

.tp-bullets {
opacity: 0;
}

/* recent further css codes */



/* .elementor-2967 .elementor-element.elementor-element-209986c.elementor-view-stacked .elementor-icon svg {
    width:95px;
    height: 95px;
    font-size: 15px!important;
} */

/* .elementor-2967 .elementor-element.elementor-element-209986c.elementor-view-stacked .elementor-icon svg {
    /* fill: #FFFFFF; */
    /* width: 75px; */
    /* height: 60px; */
    
/*     font-size: 75px; */
} */