:root {
    --primary-color: #0066b2;
    --secondary-color:#1d1d1d;/* #818589;*/
    --third-color: #666666;
    --fourth-color : #EFEFEF;
    --fifth-color : #1d1d1d;
    --primary-color-rgb: 0,102,178;/*250,67,24;*/
    --secondary-color-rgb: 129,133,137;/*2,0,51;*/        
    --third-color-rgb: 102, 102, 102;
    --link-color: #0066b2;
    --link-color-hover: #0066b2;
    --link-color-active: #0066b2;
    --gradient-color-from: #007FFF;
    --gradient-color-to: #89CFF0;
    --gradient-color-from-rgb: 77, 119, 223;    /*168,0,61;*/
    --gradient-color-to-rgb: 135, 165, 227;    /*243,0,48;*/
}

body #ct-pagetitle {
    /*background-image: url('theme/uploads/2021/11/bg-pagetitle.jpg');*/
    background-image: url('../../../images/breadcrumb.jpeg');
    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
}

body #ct-pagetitle::after {
    background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
    pointer-events: none; /* Allows interaction with the container */
}

a {
    color: #0066b2;
}

a:hover {
    color: #0066b2;
}

a:active {
    color: #0066b2;
}

#content {
    padding-top: 0px;
    padding-bottom: 40px;
}

.pt-20
{
    padding-top: 20px;
}

/*******************from index.php ******************************/
.elementor-widget-divider {
    --divider-border-style: none;
    --divider-border-width: 1px;
    --divider-color: #0c0d0e;
    --divider-icon-size: 20px;
    --divider-element-spacing: 10px;
    --divider-pattern-height: 24px;
    --divider-pattern-size: 20px;
    --divider-pattern-url: none;
    --divider-pattern-repeat: repeat-x
}

.elementor-widget-divider .elementor-divider {
    display: flex
}

.elementor-widget-divider .elementor-divider__text {
    font-size: 15px;
    line-height: 1;
    max-width: 95%
}

.elementor-widget-divider .elementor-divider__element {
    margin: 0 var(--divider-element-spacing);
    flex-shrink: 0
}

.elementor-widget-divider .elementor-icon {
    font-size: var(--divider-icon-size)
}

.elementor-widget-divider .elementor-divider-separator {
    display: flex;
    margin: 0;
    direction: ltr
}

.elementor-widget-divider--view-line_icon .elementor-divider-separator,
.elementor-widget-divider--view-line_text .elementor-divider-separator {
    align-items: center
}

.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,
.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,
.elementor-widget-divider--view-line_text .elementor-divider-separator:after,
.elementor-widget-divider--view-line_text .elementor-divider-separator:before {
    display: block;
    content: '';
    border-block-end: 0;
    flex-grow: 1;
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
}

.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.elementor-widget-divider--element-align-left .elementor-divider-separator:before {
    content: none
}

.elementor-widget-divider--element-align-left .elementor-divider__element {
    margin-left: 0
}

.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.elementor-widget-divider--element-align-right .elementor-divider-separator:after {
    content: none
}

.elementor-widget-divider--element-align-right .elementor-divider__element {
    margin-right: 0
}

.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.elementor-widget-divider--element-align-start .elementor-divider-separator:before {
    content: none
}

.elementor-widget-divider--element-align-start .elementor-divider__element {
    margin-inline-start: 0
}

.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type {
    flex-grow: 0;
    flex-shrink: 100
}

.elementor-widget-divider--element-align-end .elementor-divider-separator:after {
    content: none
}

.elementor-widget-divider--element-align-end .elementor-divider__element {
    margin-inline-end: 0
}

.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator {
    border-block-start: var(--divider-border-width) var(--divider-border-style) var(--divider-color)
}

.elementor-widget-divider--separator-type-pattern {
    --divider-border-style: none
}

.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,
.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,
.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,
.elementor-widget-divider--separator-type-pattern:not([ class *=elementor-widget-divider--view]) .elementor-divider-separator {
    width: 100%;
    min-height: var(--divider-pattern-height);
    -webkit-mask-size: var(--divider-pattern-size) 100%;
    mask-size: var(--divider-pattern-size) 100%;
    -webkit-mask-repeat: var(--divider-pattern-repeat);
    mask-repeat: var(--divider-pattern-repeat);
    background-color: var(--divider-color);
    -webkit-mask-image: var(--divider-pattern-url);
    mask-image: var(--divider-pattern-url)
}

.elementor-widget-divider--no-spacing {
    --divider-pattern-size: auto
}

.elementor-widget-divider--bg-round {
    --divider-pattern-repeat: round
}

.rtl .elementor-widget-divider .elementor-divider__text {
    direction: rtl
}

.e-con-inner>.elementor-widget-divider,
.e-con>.elementor-widget-divider {
    width: var(--container-widget-width, 100%);
    --flex-grow: var(--container-widget-flex-grow)
}

/*////////////slider/////////////*/
#slider-1-slide-1-layer-5,#slider-1-slide-2-layer-5,#slider-1-slide-3-layer-5,
#slider-1-slide-4-layer-5,#slider-1-slide-5-layer-5,#slider-1-slide-6-layer-5,
#slider-1-slide-7-layer-5,#slider-1-slide-8-layer-5,#slider-1-slide-9-layer-5,
#slider-1-slide-10-layer-5,#slider-1-slide-11-layer-5,
#slider-1-slide-1-layer-6,#slider-1-slide-2-layer-6,#slider-1-slide-3-layer-6,
#slider-1-slide-4-layer-6,#slider-1-slide-5-layer-6,#slider-1-slide-6-layer-6,
#slider-1-slide-7-layer-6,#slider-1-slide-8-layer-6,#slider-1-slide-9-layer-6,
#slider-1-slide-10-layer-6,#slider-1-slide-11-layer-6
{
    /*color: var(--third-color) !important; /* Change to your desired color */
    color: var(--secondary-color) !important; /* Change to your desired color */
}

/*/////////////////////////////////////// backgrounds/////////////////////////////////////////////*/
.site-content {
    background-image: url("../../../../theme/images/watermark-l.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(255, 255, 255, 0.7); /* Semi-transparent white overlay */
    background-blend-mode: overlay;
}

.home-page-content
{
    padding-bottom:0px !important;
}
.p-15
{
    padding: 15px;
}

.ct-portfolio-detail .img-main 
{
    height:300px;
}

.ct-text-editor p
{
    text-align: justify;
}

.ct-blog-carousel-layout2 .grid-item-inner
{
    border: 2px solid var(--third-color);
    box-shadow: 5px 5px 10px var(--third-color) !important;
}

.ct-banner.layout2 .ct-banner-image img,
.ct-image-single .img-main
{
    border: 2px solid var(--third-color) !important;
    box-shadow: 5px 5px 10px var(--third-color) !important;
    vertical-align: super !important;
}
.ct-client--image
{
    border-radius: 10%;
    box-shadow: 5px 5px 10px var(--third-color) !important;
}
.about-content .ct-counter-inner,
.owl-carousel .owl-drag .owl-item .item
{
/*    border: 2px solid var(--third-color) !important;*/
    box-shadow: 5px 5px 10px var(--third-color) !important;
}

/********************************************************************************************/
@media (max-width: 1024px) {
    header .elementor-section .elementor-container {
        flex-wrap: nowrap !important;
    }
}


#whyusContent1 .item--inner
{
    height:200px !important;
}
#whyusContent2 .item--inner
{
    height:200px !important;
}
#whyusContent3 .item--inner
{
    height:200px !important;
}