/*:root {
    --font-default: 'Tajawal', sans-serif;
    --fontawesome: "Font Awesome 5 Pro";
    --black: #000000;
    --dark: #18407c;
    --dark-secondary: #06278a;
    --white: #ffffff;
    --color-primary: #ccb892;
    --color-secondary: #ffb400;
    --color-heading: #1d2746;
    --color-paragraph: #666666;
    --border-default: #e7e7e7;
    --box-shadow-primary: 0 0 25px rgb(0 0 0 / 8%);
    --box-shadow-secondary: 0 10px 30px 0 rgb(44 130 237 / 40%);
    --box-shadow-tertiary: 0px 2px 12px 0px #e7e7e7;
    --box-shadow-dark: 0px 0px 0px;
    --bg-gray: #eef0f6;
    --bg-gradient: linear-gradient(to right, #1239ac, #00f3dd, #1239ac);
} */     

.navbar-dark .navbar-nav .nav-link {    color: #f06a1c; height:50px;}
.service-item {
    box-shadow: 0 0 10px #92a8c973;
    border: 1px solid hsl(26deg 90% 52% / 27%);
    border-radius: 10px 20px !important;
    background-color: #ffffff !important;
}
        .service-item .service-icon{
            background-color:#0b277a;
        }
        #spinner{
                background-image: linear-gradient(147deg, #ffffff 0%, #ba8a56 74%) !important;
        }
        .spinner{
                background-image: linear-gradient(147deg, #f45d1d 0%, #1a178a 74%) !important;
        }
        .topbars{
                background-image:  linear-gradient(147deg, #fe8a39 0%, #fd3838 74%) !important;
                direction: ltr;
        }
        .ph{
                color: #3e2188 !important;
        }
        .logos{
                height: 75px;
        }
        .Cairos{
                font-family: 'Cairo' !important;
                border-bottom: 2px solid #3e2188 !important;
                height:50px !important;
        }
        .Caiross{
                font-family: 'Cairo' !important;
                border-bottom: 2px solid #fd3838 !important;
        }
        .bartop{
                border-radius: 10px;
                font-family: 'Cairo';
                background-color: #3e2188;
                color: #FFFFFF;
                border-bottom: 2px solid #fd3838 !important;
        }
        .silds{
                font-family: 'Cairo';
                color: #fd3838 !important;
        }
        .silds2{
                font-family: 'Cairo';
                color: #fd3838 !important;
                margin-left: 10px;
        }
        .cariodetails{
                font-family: 'Cairo'; 
                /*color:#0b277a !important;*/
        }
        .slideInLefts{
                font-family: 'Cairo';
                background-image:  linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
                border-color: #f36523;
                border-radius: 20px;
        }
        .slideInLefts2{
                font-family: 'Cairo';
                background-image:  linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
                border-color: #f36523  !important;
                border-radius: 20px !important;
                padding: 10px !important;
                color: #FFFFFF !important;
        }
        .slideInRights{
                font-family: 'Cairo';
                border-radius: 20px;
                color: #fd3838;
                border-color: #3e2188;
                background-color: #3e2188;
        }
.servS {
    background-color: #FFFFFF !important;
    border: 5px !important;
    border-radius: 5px;
    height: 200px;
    text-align: center;
    padding: 0px;
    transition: 1s;
}
    .servS :hover::after {
        background-color: #fce211;
        color: #061429;
        box-shadow: 30px 20px ghostwhite;
        border-bottom-right-radius: 30px;
    }

    .servS :hover {
        background-color: #2f39c3;
        color: #ffffff;
        box-shadow: 30px 20px ghostwhite;
        border-top-left-radius: 40px;
        border-bottom-right-radius: 30px;
    }       
.rounds{
                border-radius: 10px !important;
                background-color: #3e2188 !important;
                border-color: #3e2188 !important;
                width: 60px;
                height: 60px;
                margin-left: 10px;
        }
        .exp{
                border-radius: 10px !important;
                    background-color: #3e2188 !important;
                    box-shadow: 0 0 30px #dddddd;
        }
        .mon{
                    border-radius: 10px !important;
                    background-color: #FFFFFF !important;
                    box-shadow: 0 0 30px #dddddd;
        }
        .west{
                border-radius: 10px !important;
                   background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%) !important;
                    box-shadow: 0 0 30px #dddddd;
        }
        .bor{
                border-top-right-radius: 20px !important;
                background-color: #fd3838 !important;
                height:5rem;
                /*width:5rem;*/
        
        }
.bor2 {
    border-top-right-radius: 20px !important;
    background-color: #3d4aff !important;
    height: 5rem;
    /*width:4rem;*/
}
.cariodetailss {
    font-family: 'Cairo';
    /*color:#FFFFFF;*/
    color: #0b277a !important;
}
.icons{
                /*background-color: #fd3838 !important;*/  
        }
.iconss{
        color: #3e2188 !important;
        }
        .centers{
                margin-left: 10px;
                width: 60px;
                height: 60px;
                background-color: #3e2188;
                border-color: #3e2188;
                border-radius: 10px;direction: rtl
        }
        .pr{
                color: #061429 !important;
                font-family: 'Cairo';
                
        }
.iconConect {
    background-image: linear-gradient(147deg, #3d63f3 0%, #09135e 74%) !important;
    background-color: #1f3068 !important;
    border-color: #fd3838 !important;
}
        .colorIcons{
                color: #fd3838 !important;
                margin-left: 10px;
        }
        .loc{
                background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%) !important;
                height: 40% !important;
        }
        .colorIcons2{
                color: #3e2188 !important;
        }
        .btnsend{
                background-color: #3e2188 !important;
                border-radius: 67px;
                color: #ffffff !important;
                width: 40% !important;
                height: 50px;
                margin-bottom: 15px;
        font-family:Cairo;
                
        }
/*background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%) !important;*/

.icontop2 {
    background-image: linear-gradient(147deg, #3d63f3 0%, #09135e 74%) !important;
    background-color: #1f3068;
    border: 1px solid #fd3838 !important;
    border-color: #fd3838;
    border-radius: 38px !important;
    display: inline;
}
.icontop {
    background-image: linear-gradient(147deg, #fe8a39 0%, #f34703 74%) !important;
    background-color: #ed6d1c;
    border: 1px solid #FFFFFF !important;
    border-color: #FFFFFF;
    border-radius: 38px !important;
    display: inline;
}
        .icontop3{
                /* background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%) !important; */
                background-color: #fd3838;
                border: 1px solid #FFFFFF !important;
                border-color: #FFFFFF; 
                border-radius: 38px !important; display: inline;
                padding: 0 20px 0 20px;
        }
    

        .btn-simple {
                text-transform: uppercase;
                font-weight: 600;
                display: inline-block;
                position: relative;
                z-index: 1;
                padding: 10px 35px;
                margin-top: 10px;
                font-size: 13px;
        }
        
        .btn-simple i {
                display: inline-block;
                font-size: 11px;
                margin-left: 4px;
        }
        
        .btn-simple::after {
                position: absolute;
                right: 0;
                top: 0;
                content: "";
                height: 100%;
                width: 48px;
                background: #fe8a39;
                z-index: -1;
                opacity: 0.1;
                border-radius: 50%;
                transition: all 0.35s ease-in-out;
        }
        
        .btn-simple:hover::after {
                width: 100%;
                border-radius: 30px;
                opacity: 1;
        }
        
    
        
        .btn-simple:hover {
                color: #ffffff !important;
        }


        .bg-cover {
                background-position: center center !important;
                background-size: cover !important;
        }

       .bg-cover {
                background-position: center center;
                background-size: cover;
}



/* Services */

.shape-bottom-center {
    background-size: cover;
    background-position: center bottom;
    height: 100% !important;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
}

.services-style-three .thumb {
    margin-bottom: 30px;
    background: #f9f9f9;
    padding: 25px;
    display: inline-block;
    border-radius: 50%;
    transition: all 0.35s ease-in-out;
}

.services-style-three img {
    height: 60px;
}

.services-style-three .item {
    padding: 60px 30px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background: #ffffff;
    border-radius: 10px;
    transition: all 0.35s ease-in-out;
}

    .services-style-three .item .shape {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 60%;
        width: 100%;
        background-size: contain;
        background-position: left bottom;
        background-repeat: no-repeat;
        opacity: 0.5;
    }

    .services-style-three .item::after {
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        height: 0;
        width: 100%;
        background: #2f39c3;
        z-index: -1;
        transition: all 0.55s ease-in-out;
        border-radius: 10px;
    }

.services-style-three:last-child {
    border: none;
}

.services-style-three .item:hover::after,
.services-style-three .item.active::after {
    height: 100%;
}

.services-style-three .item p {
    transition: all 0.35s ease-in-out;
    margin: 0;
}

.services-style-three .item a {
    z-index: 1;
    position: relative;
}

.services-style-three .item:hover p,
.services-style-three .item:hover a,
.services-style-three .item.active p,
.services-style-three .item.active a {
    color: #ffffff;
}

.services-style-three .item:hover p {
    opacity: 0.8;
}

.services-style-three {
    margin-top: 60px;
}

    .services-style-three:nth-child(2) {
        margin-top: 0;
    }

.services-style-three-area .shape-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-size: contain;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.services-style-three .item {
    border: 1px solid #e7e7e7;
}

.services-style-three {
    margin-top: 60px;
}

    .services-style-three:first-child {
        margin-top: 0;
    }

    .services-style-three:nth-child(2) {
        margin-top: 30px;
    }
.services-types-area .item img {
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);
}

/* ============================================================== 
     # Services Area
=================================================================== */

.services-style-two-area .heading-left {
    position: relative;
    z-index: 1;
}

ul.achivement li {
    display: inline-block;
    margin-left: 40px;
    padding-left: 40px;
    float: right;
}

.text-light ul.achivement li {
    border-left: 1px solid rgba(255, 255, 255, 0.6);
}

ul.achivement li:last-child {
    padding: 0;
    margin: 0;
    border: none;
}

ul.achivement li .counter {
    position: relative;
}

ul.achivement li .counter {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 100px;
    font-weight: 500;
    color: var(--color-heading);
    line-height: 1;
    margin-bottom: 5px;
}

.text-light ul.achivement li .counter {
    color: #ffffff;
}

ul.achivement li .counter .operator {
    font-size: 90px;
    margin-right: 2px;
}

ul.achivement li h4 {
    font-weight: 500;
    margin-bottom: 10px;
}

ul.achivement li .medium {
    font-weight: 600;
    color: var(--color-heading);
    text-align: left;
    float: left;
}

.text-light ul.achivement li .medium {
    color: #ffffff;
}

ul.achivement li .counter .timer {
    letter-spacing: -6px;
}

@media only screen and (min-width: 1367px) {
    .services-style-two-area .container-full {
        margin-right: calc((100% - 1200px)/ 2);
        width: auto;
        min-width: auto;
        max-width: inherit;
    }
}

@media only screen and (min-width: 1367px) {
    .services-style-two-area .services-4-col-carousel.owl-carousel .owl-stage {
        right: -100px;
    }
}


.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item {
    opacity: .4;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

    .services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.active {
        opacity: 1;
    }

.services-tyle-two-box {
    border-right: 1px solid #e7e7e7;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item {
    padding: 67px 37px;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-right: 1px solid transparent;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #ffffff;
}

    .services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item .thumb {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-size: cover;
        background-position: center;
        transition: all 0.35s ease-in-out;
        z-index: -1;
        visibility: hidden;
        opacity: 0;
    }

        .services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item .thumb::after {
            position: absolute;
            right: 0;
            top: 0;
            content: "";
            height: 100%;
            width: 100%;
            background: var(--dark);
            z-index: -1;
            transition: all 0.35s ease-in-out;
            opacity: 0;
            visibility: hidden;
        }

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item .thumb::after {
    opacity: 0.7;
    visibility: visible;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item .thumb {
    opacity: 1;
    width: 100%;
    visibility: visible;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item h4 {
    font-weight: 500;
    margin-bottom: 30px;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item i {
    display: inline-block;
    font-size: 70px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 30px;
    color: var(--color-primary);
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item p {
    margin: 0;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item h4 a {
    font-weight: 500;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item h4,
.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item i,
.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item .single-item p {
    transition: all 0.35s ease-in-out;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item h4,
.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item i,
.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item p,
.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item a {
    color: #ffffff;
}

.services-style-two-area .services-4-col-carousel.owl-carousel .owl-item.center .single-item i {
    color: #e36626;
}

.services-style-two-area .services-4-col-carousel .owl-nav {
    margin: 0;
}

    .services-style-two-area .services-4-col-carousel .owl-nav .owl-prev,
    .services-style-two-area .services-4-col-carousel .owl-nav .owl-next {
        background: transparent none repeat scroll 100% 0;
        font-size: 25px;
        height: 50px;
        right: -100px;
        line-height: 60px;
        margin: -20px 0 0;
        padding: 0;
        position: absolute;
        top: 50%;
        width: 50px;
        transition: all 0.35s ease-in-out;
        display: inline-block;
        text-align: center;
        background: #e36626;
        border-radius: 50%;
        box-shadow: 0 0 1px 1px rgb(20 23 28 / 10%), 0 3px 1px 0 rgb(20 23 28 / 10%);
        opacity: 0;
        color: var(--black);
    }

    .services-style-two-area .services-4-col-carousel .owl-nav .owl-next {
        right: auto;
        left: 100px;
    }

.services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-prev {
    right: 30px;
    opacity: 1;
}

.services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-next {
    left: 30px;
    opacity: 1;
}

@media only screen and (min-width: 850px) and (max-width: 991px) {
    .services-style-two-area .services-4-col-carousel .owl-nav .owl-prev,
    .services-style-two-area .services-4-col-carousel .owl-nav .owl-next {
        right: 0;
    }

    .services-style-two-area .services-4-col-carousel .owl-nav .owl-next {
        right: auto;
        left: 0;
    }

    .services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-prev {
        right: -80px;
        opacity: 1;
    }

    .services-style-two-area .services-4-col-carousel:hover .owl-nav .owl-next {
        left: -80px;
        opacity: 1;
    }
}

@media only screen and (max-width: 849px) {
    .services-style-two-area .services-4-col-carousel .owl-nav .owl-prev,
    .services-style-two-area .services-4-col-carousel .owl-nav .owl-next {
        display: none;
    }
}


/* ============================================================== 
     # Services Types
=================================================================== */

.services-types-area {
    position: relative;
    z-index: 1;
}

    .services-types-area .fixed-shape {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 50%;
        text-align: left;
    }

    .services-types-area .buble-shape {
        position: absolute;
        right: -100px;
        top: -50px;
    }

    .services-types-area .container > .row {
        position: relative;
    }

    .services-types-area .buble-shape img {
        height: 80px;
    }

    .services-types-area .item img {
        box-shadow: 0 0 25px rgb(0 0 0 / 8%);
    }

    .services-types-area .item h2,
    .services-types-area .item h3,
    .services-types-area .item h4 {
        font-weight: 600;
    }

    .services-types-area .item h2 {
        margin-bottom: 25px;
    }

    .services-types-area .item h5 {
        text-transform: uppercase;
        display: inline-block;
        color: #ffffff;
        font-weight: 500;
        position: relative;
        z-index: 1;
        opacity: 0.8;
    }

    .services-types-area .item p {
        opacity: 0.8;
    }

    .services-types-area .item ul {
        display: inline-block;
        text-align: right;
        margin-top: 10px;
    }

        .services-types-area .item ul li {
            float: right;
            width: 50%;
            padding: 0 15px;
            position: relative;
            z-index: 1;
            padding-right: 26px;
            color: #ffffff;
            font-weight: 500;
            line-height: 40px;
        }

            .services-types-area .item ul li::after {
                position: absolute;
                right: 0;
                top: 50%;
                content: "\f00c";
                font-family: "Font Awesome 5 Pro";
                font-size: 16px;
                color: #e36626;
                transform: translateY(-50%);
                font-weight: 400;
            }

.callback-form .form-items {
    background: #ffffff;
    padding: 80px 50px;
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);
    border-radius: 8px;
}

.services-type-items .content {
    position: relative;
    z-index: 1;
}

    .services-type-items .content i {
        display: inline-block;
        color: var(--color-primary);
    }

.services-type-items.services-type-carousel .owl-dots {
    margin: 0;
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
}

    .services-type-items.services-type-carousel .owl-dots .owl-dot {
        display: block;
        margin: 15px 0;
    }

        .services-type-items.services-type-carousel .owl-dots .owl-dot span {
            background: transparent;
            border: 5px solid #ffffff;
            height: 30px;
            width: 30px;
            opacity: 0.4;
            position: relative;
            z-index: 1;
        }

        .services-type-items.services-type-carousel .owl-dots .owl-dot.active span {
            opacity: 1;
        }

        .services-type-items.services-type-carousel .owl-dots .owl-dot span::after {
            position: absolute;
            right: 50%;
            top: 50%;
            content: "";
            height: 5px;
            width: 5px;
            background: #ffffff;
            z-index: -1;
            transform: translate(50%, -50%);
            border-radius: 50%;
        }

.services-type-items .thumb {
    position: relative;
    z-index: 1;
    margin-right: 70px;
}

    .services-type-items .thumb h4 {
        position: absolute;
        right: -70px;
        top: 80px;
        display: inline-block;
        padding: 20px 30px;
        margin: 0;
        font-weight: 400;
        font-size: 15px;
        z-index: 1;
        border-radius: 5px;
    }

        .services-type-items .thumb h4::before {
            position: absolute;
            right: 0;
            top: 0;
            content: "";
            height: 100%;
            width: 100%;
            background: var(--dark);
            z-index: -1;
            transform: skewX(10deg);
            box-shadow: 0 0 25px rgb(0 0 0 / 8%);
            border-right: 3px solid #e36626;
            border-radius: 8px;
        }

        .services-type-items .thumb h4 strong {
            display: block;
            font-size: 40px;
            font-weight: 600;
            margin-bottom: 2px;
            text-align: left;
            position: relative;
            letter-spacing: -1px;
        }

            .services-type-items .thumb h4 strong span {
                color: #e36626;
            }

        .services-type-items .thumb h4::after {
            position: absolute;
            right: 20px;
            bottom: -17px;
            content: "";
            border-right: 27px solid transparent;
            border-left: 2px solid transparent;
            border-top: 20px solid var(--dark);
        }

.services-types-area .item a {
    margin-top: 25px;
}


/* ============================================================== 
     # Services Details Area
=================================================================== */

.services-details-items h2,
.services-details-items h3,
.services-details-items h4,
.services-details-items h5,
.services-details-items h6 {
    font-weight: 600;
}

.services-details-items .services-sidebar .single-widget {
    margin-top: 50px;
}

    .services-details-items .services-sidebar .single-widget:first-child {
        margin-top: 0;
    }

.services-details-items .services-sidebar .widget-title {
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: -5px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
    font-size: 22px;
    display: inline-block;
    padding-bottom: 15px;
}

    .services-details-items .services-sidebar .widget-title::after {
        position: absolute;
        right: 0;
        bottom: 0;
        content: "";
        height: 2px;
        width: 50px;
        border-bottom: 2px solid var(--color-primary);
    }

.services-details-items .services-sidebar .services-list a {
    display: block;
    padding: 18px 25px;
    background: rgba(237, 245, 255, 1);
    margin-top: 15px;
    position: relative;
    z-index: 1;
    font-weight: 500;
    overflow: hidden;
    border-radius: 5px;
}

    .services-details-items .services-sidebar .services-list a::after {
        position: absolute;
        left: 50px;
        top: 50%;
        content: "\f105";
        transform: translateY(-50%);
        transition: all 0.25s ease-in-out;
        font-family: "Font Awesome 5 Pro";
        height: 30px;
        width: 50px;
        text-align: left;
        opacity: 0;
        visibility: hidden;
        font-size: 26px;
        margin-top: 1px;
        font-weight: 100;
    }

    .services-details-items .services-sidebar .services-list .current-item a::after,
    .services-details-items .services-sidebar .services-list a:hover::after {
        left: 20px;
        opacity: 1;
        visibility: visible;
        color: #ffffff;
    }

    .services-details-items .services-sidebar .services-list a::before {
        position: absolute;
        right: 0;
        top: 0;
        content: "";
        height: 100%;
        width: 60%;
        background: var(--color-primary);
        z-index: -1;
        transition: all 0.35s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }

.services-details-items .services-sidebar .services-list li.current-item a::before {
    width: 100%;
}

.services-details-items .services-sidebar .services-list li.current-item a,
.services-details-items .services-sidebar .services-list li a:hover {
    color: #ffffff;
}

    .services-details-items .services-sidebar .services-list a:hover::before,
    .services-details-items .services-sidebar .services-list li.current-item a::before {
        width: 100%;
        opacity: 1;
        visibility: visible;
    }

.services-details-items .services-sidebar {
    padding-right: 35px;
}

    .services-details-items .services-sidebar .single-widget.quick-contact {
        position: relative;
        z-index: 1;
        background-size: cover;
        background-position: center;
    }

        .services-details-items .services-sidebar .single-widget.quick-contact::after {
            position: absolute;
            right: 0;
            top: 0;
            content: "";
            height: 100%;
            width: 100%;
            background: #1d2746;
            opacity: 0.7;
        }

        .services-details-items .services-sidebar .single-widget.quick-contact .content {
            padding: 50px 30px;
            position: relative;
            z-index: 1;
        }

            .services-details-items .services-sidebar .single-widget.quick-contact .content i {
                display: inline-block;
                font-size: 25px;
                color: #ffffff;
                margin-bottom: 35px;
                height: 70px;
                width: 70px;
                line-height: 70px;
                background: var(--color-primary);
                border-radius: 50%;
                position: relative;
                z-index: 1;
                text-align: center;
                font-weight: 100;
            }

                .services-details-items .services-sidebar .single-widget.quick-contact .content i.fas.fa-phone {
                    transform: rotate(-90deg);
                }

                .services-details-items .services-sidebar .single-widget.quick-contact .content i::after {
                    position: absolute;
                    right: -10%;
                    top: -10%;
                    content: "";
                    height: 120%;
                    width: 120%;
                    background: var(--color-primary);
                    z-index: -1;
                    border-radius: 50%;
                    opacity: 0.3;
                }

            .services-details-items .services-sidebar .single-widget.quick-contact .content p {
                color: #ffffffD1;
            }

            .services-details-items .services-sidebar .single-widget.quick-contact .content h2 {
                font-size: 16px;
                font-weight: 600;
                color: #ffffff;
                margin: 0;
                margin-top: 25px;
            }

    .services-details-items .services-sidebar .single-widget.brochure ul {
        margin-top: 15px;
    }

    .services-details-items .services-sidebar .single-widget.brochure a {
        display: flex;
        align-items: center;
        margin-top: 15px;
        background: #ffffff;
        padding: 18px 25px;
        border-radius: 5px;
        border: 2px solid rgb(205 223 247);
    }

        .services-details-items .services-sidebar .single-widget.brochure a i {
            font-size: 30px;
            font-weight: 100;
            margin-left: 16px;
        }

    .services-details-items .services-sidebar .single-widget.brochure li:first-child a {
        margin-top: 0;
    }

    .services-details-items .services-sidebar .single-widget.brochure a:hover {
        color: var(--color-primary);
    }

.services-details-items .services-single-content h2 {
    font-weight: 600;
    margin-bottom: 20px;
}

.services-details-items .services-single-content > .row {
    margin-top: 35px;
    margin-bottom: 35px;
}

.services-details-area .features .col-lg-6 {
    display: flex;
}

.services-details-area .thumb {
    margin-bottom: 30px;
}

.services-details-area .features i {
    display: inline-block;
    font-size: 50px;
    color: var(--color-primary);
    margin-left: 25px;
}

.services-details-area .features h4 {
    font-weight: 600;
}

.services-details-area .features p {
    margin: 0;
}

.services-details-area .features {
    margin: 25px 0;
}

.services-details-area .services-single-content ul {
    list-style: disc;
    margin-right: 20px;
}

    .services-details-area .services-single-content ul li {
        line-height: 32px;
    }

.services-details-items .services-single-content .list-item h2 {
    margin-bottom: 20px;
}

.services-details-items .services-single-content .list-item {
    margin-top: 20px;
}

.services-more .item {
    padding: 30px;
    box-shadow: 0 0 25px rgb(0 0 0 / 8%);
    background: #ffffff;
    margin-top: 30px;
}

    .services-more .item i {
        display: inline-block;
        font-size: 50px;
        color: var(--color-primary);
        margin-bottom: 30px;
    }

    .services-more .item p {
        margin: 0;
    }

    .services-more .item h4 {
        font-size: 20px;
    }

    .services-more .item a {
        font-weight: 500;
    }

.services-more h2 {
    margin: 0 !important;
    margin-top: 25px !important;
}

#header-carousel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}