/*------------------------------------------------------------------
[Master Stylesheet]


-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Banner Section
4. About Us Section
5. Services Section
6. Statistics Section
7. Our Portfolio Section
8. Who We Are Section
9. Testimonials Section
10. Our Staff Section
11. Client Logo's Section
12. Contact Us Section
13. Footer Section
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

body {
	font-family: 'Manrope', sans-serif;
}
:root {
    --e-global-color-primary: #1c1c1c;
    --e-global-color-secondary: #f6a440;
    --e-global-color-text: #6d6c6c;
    --e-global-color-accent: #f6a440;
	--e-global-color-white: #ffffff;
    --e-global-color-dark-grayish: #a69ea5;
    --e-global-color-strong-red: #b51b41;
    --e-global-color-very-dark-gray: #686868;
    --e-global-color-light-gray: #f9f9f9;
    --e-global-color-very-light-gray: #ebebeb;
    --e-global-color-mostly-white: #f9f9f9;
}
h1{
    font-size: 70px;
    line-height: 72px;
    font-weight: 800;
    color: var(--e-global-color-white);
}
h2{
    font-size: 46px;
    line-height: 52px;
    font-weight: 800;
}
h3{
    font-size: 42px;
    line-height: 30px;
    font-weight: 800;
}
h4{
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
}
h5{
    font-size: 22px;
    line-height: 30px;
    font-weight: 800;
}
h6{
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3.2px;
}
p{
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
}
.text-size-16 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: var(--e-global-color-text);
}
a {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
}
.hover-effect {
    transition: all 0.3s ease-in-out;
}
.hover-effect:hover {
    transform: translateY(-5px);
}
.default-btn {
    padding: 20px 20px 20px 40px;
    border-radius: 100px;
    /* border: 1px solid var(--e-global-color-very-dark-gray); */
    display: inline-block;
    color: var(--e-global-color-white);
    background: var(--e-global-color-accent);
}
.default-btn:hover {
    background: var(--e-global-color-strong-red);
    border: 1px solid var(--e-global-color-strong-red);
    color: var(--e-global-color-white);
    text-decoration: none;
}
.btn_wrapper i{
    font-family: 'Font Awesome 6 Free';
    font-size: 20px;
    line-height: 20px;
    margin-left: 20px;
}
html{
    scroll-behavior: smooth;
}

/* Home Page Style */

/* Home Page Header Section Style */

.banner-section-outer{
    background-color: #000000;
    overflow: hidden;
}
.banner-section-outer::before{
    content: "";
    background-image: url('https://inversweb.com/product/html/reeni/assets/images/banner/banner-background-one.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 35%;
}
header{
    border-bottom: 1px solid var(--e-global-color-very-dark-gray);
}
.navbar-collapse ul{
    text-align: center;
    align-items: center; 
    display: inherit; 
}
.navbar-nav .nav-item a{
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: var(--e-global-color-white) !important;
    transition: all 0.3s ease-in-out;
}
.navbar-nav .nav-item a:hover{
    color: var(--e-global-color-accent) !important;
}
.navbar-nav .active > a{
    color: var(--e-global-color-accent) !important;
}
.navbar-brand{
    margin-left: 0;
    margin-right: 150px;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar{
    padding: 25px 0;
}
.navbar-nav li{
    margin: 0px 10px 0 12px;
}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.navbar .outer-div{
    margin-left: 28px;
    z-index: 1;
}
.navbar .outer-div .callus_outer{
    top: 0;
    left: 65px;
}
.navbar .outer-div .callus_outer span{
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}
.navbar .outer-div .callus_outer a{
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    display: block;
    transition: all 0.3s ease-in-out;
}
.navbar .outer-div .callus_outer a:hover{
    color: var(--e-global-color-accent) !important;
}
.navbar-collapse .drop-down-pages {
    text-align: left;
    margin-left: 0;
}
.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: -10px;
    top: 40px;
    padding: 0;
    border: none;
    margin: 0;
    border-radius: 0;
    box-shadow: 1px 1px 30px rgb(0 0 0 / 1%);
}
.navbar-nav .drop-down-pages li{
    margin: 0;
}
.navbar-nav .drop-down-pages .nav-item a {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    padding: 12px 20px;
    color: var(--e-global-color-primary) !important;
}
.navbar-expand-lg .drop-down-pages .nav-link {
    padding-left: 0;
}
.navbar-nav .nav-item .dropdown-item:hover{
    color: var(--e-global-color-accent) !important;
    background-color: var(--e-global-color-white) !important;
} 
.navbar-nav .drop-down-pages .active > a{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
}
.navbar-nav .drop-down-pages .active > a:hover{
    color: var(--e-global-color-white) !important;
    background-color: var(--e-global-color-accent) !important;
}

/* Home Page Social Icons Style */

.left_icons {
    height: 835px;
    margin-left: 105px;
    z-index: 1;
    position: relative;
}
.left_icons ul li{
    display: block;
    padding-bottom: 15px;
}
.left_icons ul li i{
    border-radius: 100%;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-very-dark-gray);
    font-size: 20px;
    line-height: 46px;
    height: 46px;
    width: 46px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.left_icons i:hover{
    background-color: var(--e-global-color-secondary);
}

/* Home Page Banner Section Style */

.banner-section-outer .banner-section {
    padding: 98px 0 0px;
}
/* .banner-section-outer .banner-section .banner-section-content{
    padding: 0 190px;
} */
.banner-section-outer .banner-section .banner-section-content h6 {
    margin-bottom: 8px;
    color: var(--e-global-color-accent);
}
.banner-section-outer .banner-section .banner-section-content h1{
    font-size: 94px;
    line-height: 95px;
    margin-bottom: 25px;
}
.banner-section-outer .banner-section .banner-section-content p{
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 26px;
}
.banner-section-outer .banner-section-content .btn_wrapper .contactus_btn{
    margin-right: 10px;
}
.banner-section-outer .banner-section-content .btn_wrapper .readmore_btn{
    border: 1px solid var(--e-global-color-very-dark-gray);
    background: transparent;
    padding: 20px 20px 20px 45px;
}
.banner-section-outer .banner-section-content .btn_wrapper .readmore_btn:hover{
    background-color: var(--e-global-color-strong-red);
    border: 1px solid var(--e-global-color-strong-red);
}
.banner-section-outer .shape1{
    top: -105px;
    left: -10px;
}
.banner-section-outer .shape2{
    bottom: -43px;
    left: -10px;
}
.banner-section-outer .shape3{
    top: -105px;
    right: -10px;;
}
.banner-section-outer .shape4{
    bottom: -38px;
    right: -10px;
}
.banner-section-outer .banner-section .shape5{
    top: 70px;
    left: 150px;
    z-index: 1;
}
.banner-section-outer .banner-section .shape6{
    bottom: 60px;
    right: 275px;
    z-index: 1;
}
.banner-section-outer .banner-section .shape7{
    bottom: 100px;
    right: 115px;
    z-index: 1;
}
.banner-section-outer .top-btn figure{
    bottom: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.shape img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
.shape_2 img {
    -webkit-animation: movers 1s infinite  alternate;
    animation: movers 1s infinite  alternate;
}
@-webkit-keyframes movers {
    0% { transform: translateX(0); }
    100% { transform: translateX(-30px); }
}

/* Home Page About Us Section Style */

.aboutus_section{
    padding: 180px 0;
}
.aboutus_section .heading{
    padding-left: 30px;
}
.aboutus_section .heading .line_wrapper figure{
    bottom: -36px;
    left: 0;
}
.aboutus_section .heading h6{
    color: var(--e-global-color-secondary);
    margin-bottom: 8px;
}
.aboutus_section .heading h2{
    color: var(--e-global-color-primary);
    margin-bottom: 50px;
}
.aboutus_section .heading p{
    padding-right: 35px;
    margin-bottom: 20px;
}
.aboutus_section .heading ul{
    margin-bottom: 35px;
}
.aboutus_section .heading ul li{
    position: relative;
}
.aboutus_section .heading ul li p {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    color: var(--e-global-color-primary);
    margin-bottom: 12px;
    padding-right: 0;
    padding-left: 32px;
}
.aboutus_section .heading ul li p:hover{
    color: var(--e-global-color-strong-red);
}
.aboutus_section .heading ul li i {
    background-color: var(--e-global-color-strong-red);
    color: var(--e-global-color-white);
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
    border-radius: 100px;
    height: 18px;
    width: 18px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.aboutus_section .heading .btn_wrapper a {
    border: 1px solid var(--e-global-color-accent);
    padding: 20px 20px 20px 45px;
}
.aboutus_section .heading .btn_wrapper a:hover {
    border: 1px solid var(--e-global-color-strong-red);
}
.aboutus_section .about_images .about_img{
    z-index: 2;
}
.aboutus_section .about_images .about_img img{
    border-radius: 40px;
}
.aboutus_section .about_images .shape1 {
    top: -40px;
    left: -25px;
    z-index: 1;
}
.aboutus_section .about_images .shape1 img{
    border-radius: 30px;
}
.aboutus_section .about_images .shape2 {
    bottom: -40px;
    left: -20px;
    z-index: 1;
}
.aboutus_section .about_images .aboutus_img_box{
    display: inline-block;
    width: 38%;
    right: 22px;
    bottom: -40px;
    text-align: center;
    z-index: 2;
    border-radius: 20px;
    padding: 30px 20px 20px;
    background-color: var(--e-global-color-white);
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 5%);
    transition: all 0.3s ease-in-out;
}
.aboutus_section .about_images .aboutus_img_box:hover{
    background-color: var(--e-global-color-strong-red);
}
.aboutus_section .about_images .aboutus_img_box figure{
    margin-bottom: 14px;
}
.aboutus_section .about_images .aboutus_img_box figure img{
    transition: all 0.3s ease-in-out;
}
.aboutus_section .about_images .aboutus_img_box figure img:hover{
    transform: scale(1.1);
}
.aboutus_section .about_images .aboutus_img_box:hover figure img{
    filter: brightness(0) invert(1);
}
.aboutus_section .about_images .aboutus_img_box span{
    font-size: 42px;
    line-height: 44px;
    font-weight: 800;
    color: var(--e-global-color-primary);
    transition: all 0.3s ease-in-out;
}
.aboutus_section .about_images .aboutus_img_box:hover .span_wrapper span{
    color: var(--e-global-color-white);
}
.aboutus_section .about_images .aboutus_img_box p{
    transition: all 0.3s ease-in-out;
}
.aboutus_section .about_images .aboutus_img_box:hover p{
    color: var(--e-global-color-white);
}
.aboutus_section .left_shape{
    bottom: -222px;
    left: 0;
}
.aboutus_section .right_shape{
    top: -35px;
    right: 60px;
    z-index: -1;
}

/* Home Page Our Services Section Style */

.our_services_section{
    background-color: var(--e-global-color-mostly-white);
    padding: 70px 10px 70px 405px;
    position: relative;
    z-index: 1;
}
.our_services_section .services_right_background{
    top: 0;
    right: 0;
    position: absolute;
    opacity: 40%;
}
/* .our_services_section::before{
    background: url("../images/our_services_left_image.jpg");
    content: "";
    width: 30.5%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 80%;
} */
/* .our_services_section::after{
    content: "";
    width: 30.5%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000000;
    z-index: -1;
} */
.our_services_section .image_box::before{
    background: url('../images/our_services_box_image.jpg');
    content: "";
    width: 349px;
    height: 486px;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 30px;     
    opacity: 15%;
    z-index: 1;
}
.our_services_section .image_box::after{
    content: "";
    width: 349px;
    height: 486px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--e-global-color-strong-red);
    border-radius: 30px; 
}
.our_services_section .image_box_content{
    top: 0;
    left: 0;
    z-index: 1;
    position: absolute;
    padding: 70px 46px;
}
.our_services_section .image_box_content h2{
    margin-bottom: 48px;
}
.our_services_section .image_box_content figure{
    top: 212px;
    left: 46px;
}
.our_services_section .image_box_content p{
    margin-bottom: 20px;
}
.our_services_section .image_box_content .btn_wrapper a{
    padding: 20px 20px 20px 35px;
    border: 1px solid var(--e-global-color-accent);
}
.our_services_section .image_box_content .btn_wrapper a:hover{
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-white);
    color: var(--e-global-color-strong-red)
}
.our_services_section .box{
    width: 100%;
    border-radius: 30px;
    padding: 58px 28px;
    background-color: var(--e-global-color-white);
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 1%);
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-white);
    height: 400px;
}
.our_services_section .box figure{
    margin-bottom: 30px;
}
.our_services_section .box figure img{
    transition: all 0.3s ease-in-out;
}
.our_services_section .box figure img:hover{
    transform: translateY(-10px);
}
.our_services_section .box h4{
    padding-right: 25px;
    color: var(--e-global-color-primary);
}
.our_services_section .box p{
    margin-bottom: 24px;
    line-height: 26px;
}
.our_services_section .box .btn_wrapper a{
    font-size: 16px;
    line-height: 16px;
    color: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.our_services_section .box .btn_wrapper i{
    margin-left: 10px;
}
.our_services_section .box:hover{
    border: 1px solid var(--e-global-color-strong-red);
    box-shadow: 0px 19px 54px 0px rgb(181 27 65 / 5%);
}
.our_services_section .box:hover .btn_wrapper a{
    color: var(--e-global-color-strong-red);
}
.our_services_section .box:hover .btn_wrapper a:hover{
    color: var(--e-global-color-accent);
}
.our_services_section .owl-carousel .owl-dots {
    display: block !important;
    margin-top: 30px !important;
    line-height: 0;
    text-align: left;
}
.our_services_section .owl-carousel .owl-dots .owl-dot span {
    background: #d1d1d1;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    transition: all 0.3s ease-in-out;
}
.our_services_section .owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--e-global-color-accent);
}
.our_services_section .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--e-global-color-accent);
}
.our_services_section .owl-carousel .owl-dots .owl-dot:focus {
    outline: none;
}

/* Home Page Our Statictics Section Style */

.our_statistics_section{
    background-color: #362f35;
    padding: 130px 0 130px;
}
.our_statistics_section::before{
    content: "";
    background-image: url('../images/statistics_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 4%;
}
.our_statistics_section .statistics_box{
    border-right: 1px solid var(--e-global-color-very-dark-gray);  
    text-align: center;
}
.our_statistics_section .statistics_box figure{
    background-color: var(--e-global-color-strong-red);
    display: inline-block;
    height: 158px;
    width: 158px;
    line-height: 158px;
    border-radius: 100px;
    margin-bottom: 30px;
    transition: all 0.3s ease-in-out;
}
.our_statistics_section .statistics_box figure img{
    transition: all 0.3s ease-in-out;
}
.our_statistics_section .statistics_box figure img:hover{
    transform: scale(1.1);
}
.our_statistics_section .statistics_box .yellow_circle{
    background-color: var(--e-global-color-accent);
}
.our_statistics_section .statistics_box figure:hover{
    background-color: var(--e-global-color-accent);
}
.our_statistics_section .statistics_box .yellow_circle:hover{
    background-color: var(--e-global-color-strong-red);
}
.our_statistics_section .statistics_box h3{
    margin-bottom: 16px;
}
.our_statistics_section .statistics_box h3:hover{
    color: var(--e-global-color-secondary) !important;
}
.our_statistics_section .statistics_box span{
    font-size: 42px;
    line-height: 30px;
    font-weight: 800;
}
.our_statistics_section .statistics_box .span_wrapper:hover span{
    color: var(--e-global-color-secondary) !important;
}  
.our_statistics_section .statistics_box p{
    color: #c0b9bf;
}
.our_statistics_section .triangle_shape{
    right: -132px;
    bottom: 50px;
}
.our_statistics_section .left_shape{
    left: 28px;
    top: 5px;
}
.our_statistics_section .right_shape{
    bottom: -30px;
    right: -28px;
}

/* Home Page Our Portfolio Section Style */

.our_portfolio_section{
    margin-top: -385px;
    padding-bottom: 140px;
}
.our_portfolio_section .heading{
    margin-bottom: 65px;
}
.our_portfolio_section .heading figure{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.our_portfolio_section .heading h6{
    color: var(--e-global-color-secondary);
}
.our_portfolio_section .heading h2{
    padding: 0 235px;
}
.our_portfolio_section .portfolio_box{
    position: relative;
    margin-bottom: 75px;
    transition: all 0.3s ease-in-out;
}
.our_portfolio_section .portfolio_box .left_circle_shape{
    top: -55px;
    left: -55px;
}
.our_portfolio_section .portfolio_box .portfolio_box_content{
    background-color: var(--e-global-color-white);
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 5%);
    padding: 22px 28px;
    border-radius: 15px;
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 86%;
    z-index: 2;
    transition: all 0.3s ease-in-out;
}
.our_portfolio_section .portfolio_box:hover .portfolio_box_content{
    background-color: var(--e-global-color-secondary);
}
.our_portfolio_section .portfolio_box .portfolio_box_content span{
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: var(--e-global-color-strong-red);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    transition: all 0.3s ease-in-out;
}
.our_portfolio_section .portfolio_box:hover .portfolio_box_content span{
    color: var(--e-global-color-white);
}
.our_portfolio_section .portfolio_box .portfolio_box_content p{
    font-size: 18px;
    line-height: 22px;
    font-weight: 800;
    color: var(--e-global-color-primary);
    transition: all 0.3s ease-in-out;
}
.our_portfolio_section .portfolio_box:hover .portfolio_box_content p{
    color: var(--e-global-color-white);
}
.our_portfolio_section .portfolio_box .portfolio_image_wrapper{
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.our_portfolio_section .portfolio_box .portfolio_image_wrapper figure img{
    border-radius: 30px;
}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(181,27,65,0.8);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: 0.5s ease;
    border-radius: 30px;
}
.portfolio_image_wrapper:hover .overlay {
    bottom: 0;
    height: 100%;
    width: 100%;
}
.bottom-overlay {
    top: 100%;
}
.portfolio_image_wrapper:hover .bottom-overlay {
    top: 0;
}
.box_hover_effect {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.our_portfolio_section .btn_wrapper{
    text-align: center;
    margin-top: 20px;
}
.our_portfolio_section .btn_wrapper a{
    padding: 20px 20px 20px 60px;
    border: 1px solid var(--e-global-color-accent);
}
.our_portfolio_section .btn_wrapper i{
    margin-left: 30px;
}
.our_portfolio_section .left_shape{
    top: 90px;
    left: 238px;
}

/* Home Page Who We Are Section Style */

.who_we_are_section {
    background-color: var(--e-global-color-mostly-white);
    padding: 128px 0;
    position: relative;
    overflow: hidden;
}
.who_we_are_section .who_we_are_background{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 40%;
}
.who_we_are_section .heading {
    padding-right: 70px;
}
.who_we_are_section .heading h6{
    color: var(--e-global-color-secondary);
}
.who_we_are_section .heading h2{
    color: var(--e-global-color-primary);
    margin-bottom: 50px;
}
.who_we_are_section .heading figure {
    bottom: -36px;
    left: 0;
}
.who_we_are_section .heading p{
    margin-bottom: 25px;
}
.who_we_are_section .box {
    display: inline-block;
    background-color: var(--e-global-color-white);
    width: 41.5%;
    align-items: center;
    padding: 30px 25px;
    border-radius: 20px;
    border: 1px solid var(--e-global-color-strong-red);
    box-shadow: 0px 19px 54px 0px rgb(181 27 65 / 5%);
    margin-right: 28px;
    transition: all 0.3s ease-in-out;
}
.who_we_are_section .box figure{
    margin-bottom: 14px;
}
.who_we_are_section .box figure img{
    transition: all 0.3s ease-in-out;
}
.who_we_are_section .box figure img:hover{
    transform: translateY(-5px);
}
.who_we_are_section .box figure img{
    transition: all 0.3s ease-in-out;
}
.who_we_are_section .box h5{
    margin-bottom: 6px;
    color: var(--e-global-color-primary);
    transition: all 0.3s ease-in-out;
}
.who_we_are_section .box p{
    line-height: 23px;
    transition: all 0.3s ease-in-out;
}
.who_we_are_section .box_2{
    border: 1px solid var(--e-global-color-secondary);
    box-shadow: 0px 19px 54px 0px rgb(246 162 64 / 5%);
}
.who_we_are_section .box:hover{
    background-color: var(--e-global-color-strong-red);
    border: 1px solid var(--e-global-color-strong-red);
}
.who_we_are_section .box:hover figure img{
    filter: brightness(0) invert(1);
}
.who_we_are_section .box:hover h5, .who_we_are_section .box:hover p {
    color: var(--e-global-color-white);
}
.who_we_are_section .box_2:hover{
    background-color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
}
.who_we_are_section::after{
    content: "";
    background: url('../images/who_we_are_right_background.jpg');
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-position: center;
    background-size: cover;
    opacity: 85%;
}
.who_we_are_section::before{
    content: "";
    background-color: #000000;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.who_we_are_section .right_images{
    z-index: 1;
}
.who_we_are_section .right_images .right_shape1{
    top: -130px;
    left: -15px;
}
.who_we_are_section .right_images .right_shape2{
    left: 178px;
    top: -25px;
}
.who_we_are_section .right_shape3{
    right: -10px;
    bottom: -4px;
    z-index: 1;
}
.who_we_are_section .content_wrapper{
    bottom: 50px;
    right: 95px;
    z-index: 1;
}
.who_we_are_section .content_wrapper .video_icon{
    float: left;
    width: 13%;
}
.who_we_are_section .content_wrapper .content{
    display: inline-block;
    width: 60%;
    padding: 15px 0 0 22px;
}
.who_we_are_section .content_wrapper .content p{
    font-size: 28px;
    line-height: 35px;
    font-weight: 800;
    transition: all 0.3s ease-in-out;
}
.who_we_are_section .content_wrapper .content p:hover {
    color: var(--e-global-color-secondary) !important;
}

/* Home Page Testimonials Section Style */

.testimonials-section{
    padding: 135px 0 145px;
}
.testimonials-section .heading {
    margin-bottom: 65px;
}
.testimonials-section .heading h6{
    color: var(--e-global-color-secondary);
}
.testimonials-section .heading h2{
    color: var(--e-global-color-primary);
    padding: 0 210px;
}
.testimonials-section .heading figure{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.testimonials-section .testimonial-box {
    background-color: var(--e-global-color-white);
    padding: 40px 15px;
    border-radius: 20px;
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 4%);
    text-align: center;
}
.testimonials-section .testimonial-box ul {
    margin-bottom: 16px;
}
.testimonials-section .testimonial-box ul li {
    display: inline-block;
}
.testimonials-section .testimonial-box ul li i {
    color: var(--e-global-color-secondary);
    font-size: 18px;
}
.testimonials-section .testimonial-box p{
    color: var(--e-global-color-primary);
}
.testimonials-section .testimonial-box .info {
    margin-left: -118px;
}
.testimonials-section .testimonial-box .info .image_wrapper {
    width: 18%;
    display: inline-block;
}
.testimonials-section .testimonial-box .designation-outer {
    display: inline-block;
    text-align: left;
    position: absolute;
    width: 40%;
    top: 5px;
}
.testimonials-section .testimonial-box .designation-outer .name{
    font-weight: 800;
}
.testimonials-section .testimonial-box .designation-outer .designation{
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: var(--e-global-color-text);
}
.testimonials-section .testimonial-box .quote-img {
    top: 45px;
    right: 0;
}
.testimonials-section .owl-carousel .owl-dots {
    display: block !important;
    margin-top: 40px !important;
    line-height: 0;
}
.testimonials-section .owl-carousel .owl-dots .owl-dot span {
    background: #d1d1d1;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    transition: all 0.3s ease-in-out;
}
.testimonials-section .owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--e-global-color-accent);
}
.testimonials-section .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--e-global-color-accent);
}
.testimonials-section .owl-carousel .owl-dots .owl-dot:focus {
    outline: none;
}

.testimonials-section .owl-carousel .item {
    opacity:0.4;
    transition:.4s ease all;
}
.testimonials-section .owl-carousel .active .item{
    opacity:1;
    transform:scale(1);
} 
.testimonials-section .left_shape{
    top: -35px;
    left: -85px;
}
.testimonials-section .right_shape{
    top: -48px;
    right: -158px;
}
.testimonials-section .bottom_shape{
    bottom: 0;
    left: -10px;
}

/* Home Page Our Staff Section Style */

.our_staff_section{
    background-color: var(--e-global-color-mostly-white);
    padding: 130px 0 125px;
    position: relative;
    z-index: 1;
}
.our_staff_section .staff_background{
    position: absolute;
    top: 0;
    right: 0;
    opacity: 40%;
}
.our_staff_section .heading {
    margin-bottom: 65px;
}
.our_staff_section .heading h6{
    color: var(--e-global-color-secondary);
}
.our_staff_section .heading h2{
    color: var(--e-global-color-primary);
    padding: 0 215px;
}
.our_staff_section .heading figure{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.our_staff_section .staff_box{
    background-color: var(--e-global-color-white);
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 1%);
    padding: 20px 20px 25px;
    transition: all 0.3s ease-in-out;
    border-radius: 30px;
}
.our_staff_section .staff_box .image_wrapper figure img{
    border-radius: 20px;
}
.our_staff_section .staff_box:hover{
    background-color: var(--e-global-color-strong-red);
    box-shadow: 0px 19px 54px 0px rgb(181 27 65 / 5%);
}
.our_staff_section .staff_box h5{
    color: var(--e-global-color-primary);
    transition: all 0.3s ease-in-out;
}
.our_staff_section .staff_box p{
    color: var(--e-global-color-text);
    transition: all 0.3s ease-in-out;
}
.our_staff_section .staff_box:hover h5 , .our_staff_section .staff_box:hover p{
    color: var(--e-global-color-white);
}
.our_staff_section .staff_box .image_wrapper .icons ul li {
    padding-bottom: 12px;
}
.our_staff_section .staff_box .image_wrapper .icons ul li:last-child{
    padding-bottom: 0;
}
.our_staff_section .staff_box .image_wrapper .icons ul {
    bottom: 100px;
    left: 20px;
    display: none;
}
.our_staff_section .staff_box .image_wrapper .icons {
    height: 0;
    margin-left: 0;
    z-index: 1;
    position: relative;
}
.our_staff_section .staff_box .image_wrapper .icons ul li i {
    border-radius: 100%;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    width: 38px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.our_staff_section .staff_box .image_wrapper .icons ul li i:hover{
    background-color: var(--e-global-color-strong-red);
}
.our_staff_section .staff_box:hover .image_wrapper ul {
    display: block;
} 
.our_staff_section .owl-carousel .owl-dots .owl-dot.active span {
    background: var(--e-global-color-secondary);
}
.our_staff_section .owl-carousel .owl-dots .owl-dot span {
    background: #d2d1d1;
    width: 13px;
    height: 13px;
    margin: 0 4px;
    transition: all 0.3s ease-in-out;
}
.our_staff_section .owl-carousel .owl-dots {
    display: block !important;
    margin-top: 50px !important;
    line-height: 0;
    outline: none;
}
.our_staff_section .owl-carousel .owl-dots button:focus{
    outline: none;
}

/* Home Page Client Logo's Section Style */

.client_logo_section{
    padding: 130px 0; 
    text-align: center;
    position: relative;
}
.client_logo_section ul{
    width: 100%;
    float: left;
}
.client_logo_section ul li{
    border-right: 1px solid var(--e-global-color-very-light-gray);
    border-bottom: 1px solid var(--e-global-color-very-light-gray);
    width: 25%;
    height: 148px;
    line-height: 148px;
    transition: 0.3s all ease-in-out;
    float: left;
}
.client_logo_section ul li:last-child{
    display: inline-block;
    border-right: none;
    border-bottom: 1px solid var(--e-global-color-very-light-gray);
}
.client_logo_section .second li{
    display: inline-block;
    border-right: 1px solid var(--e-global-color-very-light-gray);
    border-bottom: none;
}
.client_logo_section .second li:last-child{
    display: inline-block;
    border-bottom: none;
}
.client_logo_section ul li figure img{
    transition: 0.3s all ease-in-out;
}
.client_logo_section ul li:hover figure img{
    filter: brightness( 45% ) contrast( 220% ) saturate( 9500% ) blur( 0px ) hue-rotate( 35deg );
}

/* Home Page Contact Us Section Style */

.contact-section .contact_box{
    z-index: 1;
}
.contact-section .left_image img{
    width: 100%;
    border-radius: 28px 0 0 28px;
}
.contact-section .contact_right_content {
    background-color: var(--e-global-color-secondary);
    padding: 62px 47px 67px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
}
.contact-section .heading {
    padding-top: 0;
    padding-left: 5px;
}
.contact-section .heading h6 {
    margin-bottom: 8px;
}
.contact-section .heading h2 {
    margin-bottom: 48px;
    padding-right: 60px;
}
.contact-section .heading figure {
    left: 5px;
    bottom: -26px;
}
.contact-section .contact_right_content form .form-group {
    margin-bottom: 20px;
}
.contact-section .contact_right_content form input, .contact-section .contact_right_content form textarea {
    font-size: 16px;
    padding: 0 24px;
    height: 60px;
    line-height: 60px;
    color: var(--e-global-color-text);
    border-radius: 50px;
    background-color: var(--e-global-color-white);
    font-family: 'Manrope', sans-serif;
    font-weight: 400;
    box-shadow: none;
    outline: none;
    border: none;
    width: 100%;
}
.contact-section .contact_right_content form textarea {
    height: 138px;
    margin-bottom: 30px;
    border-radius: 20px;
}
.contact-section .contact_right_content form .btn {
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    font-family: 'Manrope', sans-serif;
    width: 100%;
    padding: 20px 0;
    border-radius: 100px;
    display: inline-block;
    color: var(--e-global-color-white);
    background: var(--e-global-color-strong-red);
}
.contact-section .contact_right_content form .btn:hover{
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-strong-red);
}
.contact-section .contact_right_content form .btn i{
    font-family: 'Font Awesome 6 Free';
    font-size: 20px;
    line-height: 20px;
    margin-left: 15px;
}
.contact-section .contact_right_content .form-control::placeholder{
    color: var(--e-global-color-text);
}
.form-control:focus{
    box-shadow: none;
    outline: none;
    border: none;
}
.contact-section .left_shape {
    top: -35px;
    left: -18px;
}
.contact-section .right_shape {
    top: 0;
    right: 0;
}

/* Home Page Footer Section Style */

.footer-section{
    background-color: #362f35;
    padding: 325px 0 0;
    text-align: center;
    position: relative;
    margin-top: -240px;
    overflow: hidden;
}
.footer-section .middle-portion{
    margin-bottom: 65px;
}
.footer-section .middle-portion figure{
    margin-bottom: 20px;
}
.footer-section .middle-portion p{
    line-height: 25px;
    color: var(--e-global-color-dark-grayish);
}
.footer-section .middle-portion ul li{
    text-align: left;
}
.footer-section .middle-portion ul .live_icons{
    display: inline-block;
    margin-right: 15px;
}
.footer-section .middle-portion ul .live_icons i{
    border-radius: 100%;
    background-color: #544e53;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion ul .live_icons i:hover{
    background-color: var(--e-global-color-accent);
}
.footer-section .middle-portion .useful_links{
    padding-left: 50px;
}
.footer-section .middle-portion .services_links{
    margin-left: -25px;
}
.footer-section .middle-portion .contact_links{
    padding-left: 28px;
}
.footer-section .middle-portion ul li a{
    text-decoration: none;
    color: var(--e-global-color-dark-grayish);
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion ul li i{
    color: var(--e-global-color-dark-grayish);
    font-size: 14px;
    line-height: 14px;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion ul .arrow{
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion ul .mail_link{
    margin-bottom: 25px;
}
.footer-section .middle-portion ul .arrow:hover a, .footer-section .middle-portion ul .arrow:hover{
    color: var(--e-global-color-accent);
}
.footer-section .middle-portion ul .arrow:hover i, .footer-section .middle-portion ul .arrow:hover{
    color: var(--e-global-color-accent);
}
.footer-section .middle-portion ul li span{
    color: var(--e-global-color-dark-grayish);
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    display: block;
    margin-bottom: 15px;
}
.footer-section .middle-portion h5{
    text-align: left;
    margin-bottom: 15px;
}
.footer-section .middle-portion .outer-div .callus_outer {
    top: 0;
    left: 65px;
}
.footer-section .middle-portion .outer-div .callus_outer span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.footer-section .middle-portion .outer-div .callus_outer a {
    font-size: 17px;
    line-height: 20px;
    font-weight: 800;
    display: block;
    transition: all 0.3s ease-in-out;
}
.footer-section .middle-portion .outer-div .callus_outer a:hover {
    color: var(--e-global-color-accent) !important;
}
.footer-section .bottom-portion{
    border-top: 1px solid var(--e-global-color-dark-grayish);
    padding: 18px 0;
}
.footer-section .bottom-portion p{
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: var(--e-global-color-dark-grayish);
}
.footer-section .left_shape{
    top: 140px;
    left: 255px;
}
.footer-section .right_shape{
    top: 0;
    right: 35px;
}

/* About Page Style */

/* About Page Banner Section Style */

.about-banner-section {
    background-color: #000000;
    overflow: hidden;
}
.about-banner-section::before {
    content: "";
    background-image: url('../images/about-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 35%;
}
.sub-banner-section-outer .banner-section{
    padding: 142px 0 155px;
}
.sub-banner-section-outer .banner-section .banner-section-content h1{
    margin-bottom: 18px;
}
.sub-banner-section-outer .banner-section .banner-section-content p{
    padding: 0 250px;
    margin-bottom: 35px;
}
.sub-banner-section-outer .banner-section .btn_wrapper {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 15px 35px;
    text-align: center;
    border-radius: 50px;
    background-color: transparent;
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-very-dark-gray);
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.sub-banner-section-outer .banner-section .btn_wrapper .sub_home_span {
    margin-right: 10px;
}
.sub-banner-section-outer .banner-section .btn_wrapper .sub_span {
    color: var(--e-global-color-accent);
    margin-left: 10px;
}
.sub-banner-section-outer .shape1{
    left: -2px;
    top: 0;
}
.sub-banner-section-outer .shape2{
    bottom: 0px;
    left: -10px;
}
.sub-banner-section-outer .shape3{
    bottom: 0;
    right: -10px;
}
.sub-banner-section-outer .banner-section .shape4{
    top: 70px;
    left: 150px;
    z-index: 1;
}
.sub-banner-section-outer .banner-section .shape5{
    bottom: 82px;
    right: 150px;
    z-index: 1;
}
.sub-banner-section-outer .banner-section .shape6{
    bottom: 55px;
    right: 35px;
    z-index: 1;
}

/* About Page About Us Section Style */

.about_section{
    padding: 140px 0 160px;
}
.about_section .about_images .about_img1{
    top: 38px;
    left: 0;
    z-index: 1;
}
.about_section .about_images .about_img1 img{
    border-radius: 25px;
}
.about_section .about_images .about_img2{
    top: 305px;
    left: 0;
    z-index: 1;
}
.about_section .about_images .about_img2 img{
    border-radius: 25px;
}
.about_section .about_images .about_img3{
    right: 35px;
    top: 0;
}
.about_section .about_images .about_img3 img{
    border-radius: 25px;
}
.about_section .about_images .about_img4{
    right: 35px;
    top: 305px;
}
.about_section .about_images .about_img4 img{
    border-radius: 25px;
}
.about_section .about_images .about_shape1{
    left: -30px;
    top: 10px;
}
.about_section .about_images .about_shape1 img{
    border-radius: 15px;
}
.about_section .about_images .about_shape2{
    left: -45px;
    top: 405px;
}
.about_section .about_images .aboutus_img_box {
    display: inline-block;
    width: 34%;
    top: 185px;
    left: 142px;
    text-align: center;
    z-index: 2;
    border-radius: 20px;
    padding: 30px 20px 20px;
    background-color: var(--e-global-color-white);
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 5%);
    transition: all 0.3s ease-in-out;
}
.about_section .about_images .aboutus_img_box figure {
    margin-bottom: 14px;
}
.about_section .about_images .aboutus_img_box figure img {
    transition: all 0.3s ease-in-out;
}
.about_section .about_images .aboutus_img_box figure img:hover{
    transform: scale(1.1);
}
.about_section .about_images .aboutus_img_box span {
    font-size: 42px;
    line-height: 44px;
    font-weight: 800;
    color: var(--e-global-color-primary);
    transition: all 0.3s ease-in-out;
}
.about_section .about_images .aboutus_img_box p {
    transition: all 0.3s ease-in-out;
}
.about_section .about_images .aboutus_img_box:hover {
    background-color: var(--e-global-color-strong-red);
}
.about_section .about_images .aboutus_img_box:hover figure img {
    filter: brightness(0) invert(1);
}
.about_section .about_images .aboutus_img_box:hover .span_wrapper span {
    color: var(--e-global-color-white);
}
.about_section .about_images .aboutus_img_box:hover p {
    color: var(--e-global-color-white);
}
.about_section .heading{
    padding-top: 15px;
}
.about_section .heading .line_wrapper figure{
    bottom: -36px;
    left: 0;
}
.about_section .heading h6{
    color: var(--e-global-color-secondary);
    margin-bottom: 8px;
}
.about_section .heading h2{
    color: var(--e-global-color-primary);
    margin-bottom: 50px;
}
.about_section .heading p{
    margin-bottom: 10px;
}
.about_section .heading .pp{
    margin-bottom: 26px;
}
.about_section .heading ul{
    margin-bottom: 30px;
}
.about_section .heading ul li{
    position: relative;
    display: inline-block;
}
.about_section .heading ul li p{
    line-height: 16px;
    font-weight: 600;
    color: var(--e-global-color-primary);
    margin-bottom: 9px;
    padding-left: 25px;
}
.about_section .heading ul li p:hover{
    color: var(--e-global-color-strong-red);
}
.about_section .heading ul li i {
    background-color: var(--e-global-color-strong-red);
    color: var(--e-global-color-white);
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    border-radius: 100px;
    height: 16px;
    width: 16px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.about_section .heading ul .list_one p{
    margin-right: 28px;
}
.about_section .heading ul .list_two p{
    margin-right: 16px;
}
.about_section .heading ul .list_three p{
    margin-right: 22px;
}
.about_section .heading .btn_wrapper a {
    border: 1px solid var(--e-global-color-accent);
    padding: 20px 25px 20px 40px;
}
.about_section .heading .btn_wrapper a:hover {
    border: 1px solid var(--e-global-color-strong-red);
}

/* About Page Our Achievements Section Style */

.our_achievements_section {
    background-color: #362f35;
    padding: 115px 0 110px;
}
.our_achievements_section::before {
    content: "";
    background-image: url('../images/achievement_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    opacity: 4%;
}
.our_achievements_section .heading{
    position: relative;
    z-index: 1;
}
.our_achievements_section .heading h6{
    color: var(--e-global-color-secondary);
    margin-bottom: 18px;
}
.our_achievements_section .heading h2{
    margin-bottom: 50px;
}
.our_achievements_section .heading figure{
    bottom: -35px;
    left: 0;
}
.our_achievements_section .heading p{
    margin-bottom: 35px;
}
.our_achievements_section .heading .btn_wrapper a{
    padding: 20px 18px 20px 40px;
    border: 1px solid var(--e-global-color-accent);
}
.our_achievements_section .heading .btn_wrapper a:hover{
    border: 1px solid var(--e-global-color-strong-red);
}
.our_achievements_section .achievements_right_content{
    position: relative;
    padding-left: 40px;
    padding-top: 48px;
    z-index: 1;
}
.our_achievements_section .box{
    margin-right: 22px;
}
.our_achievements_section .our_achievements_box{
    text-align: center;
    width: 48%;
    float: left;
    position: relative;
    margin-bottom: 52px;
}
.our_achievements_section .our_achievements_box figure{
    background-color: var(--e-global-color-strong-red);
    display: inline-block;
    height: 120px;
    width: 120px;
    line-height: 120px;
    border-radius: 100px;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.our_achievements_section .our_achievements_box figure img{
    transition: all 0.3s ease-in-out;
}
.our_achievements_section .our_achievements_box figure img:hover{
    transform: scale(1.1);
}
.our_achievements_section .our_achievements_box .yellow_circle{
    background-color: var(--e-global-color-accent);
}
.our_achievements_section .our_achievements_box figure:hover{
    background-color: var(--e-global-color-accent);
}
.our_achievements_section .our_achievements_box .yellow_circle:hover{
    background-color: var(--e-global-color-strong-red);
}
.our_achievements_section .our_achievements_box span{
    font-size: 36px;
    line-height: 30px;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 12px;
}
.our_achievements_section .our_achievements_box .plus{
    margin-left: -3px;
}
.our_achievements_section .our_achievements_box .span_wrapper:hover span{
    color: var(--e-global-color-secondary) !important;
}  
.our_achievements_section .our_achievements_box p{
    color: #c0b9bf;
}
.our_achievements_section .triangle_shape{
    right: -172px;
    top: 92px;
}
.our_achievements_section .left_shape{
    left: 18px;
    top: 5px;
}
.our_achievements_section .right_shape{
    bottom: -30px;
    right: -28px;
}
.our_achievements_section .our_achievements_box .image_wrapper{
    float: left;
    width: 38%;
}
.our_achievements_section .our_achievements_box .content_wrapper{
    display: inline-block;
    position: absolute;
    width: 62%;
    top: 28px;
    left: 138px;
    text-align: left;
}

/* About Page Mission & Vision Section Style */

.mission_vision_section{
    padding: 0px 0 98px;
}
.mission_vision_section .box{
    display: inline-block;
    background-color: var(--e-global-color-white);
    width: 100%;
    padding: 50px 40px 52px;
    border-radius: 20px;
    border: 1px solid var(--e-global-color-strong-red);
    box-shadow: 0px 19px 54px 0px rgb(181 27 65 / 5%);
    transition: all 0.3s ease-in-out;
}
.mission_vision_section .box2{
    border: 1px solid var(--e-global-color-secondary);
    box-shadow: 0px 19px 54px 0px rgb(246 162 64 / 5%);
}
.mission_vision_section .box .image_wrapper{
    float: left;
    width: 26%;
    padding-top: 10px;
}
.mission_vision_section .box .image_wrapper figure img{
    transition: all 0.3s ease-in-out;
}
.mission_vision_section .box .image_wrapper figure img:hover{
    transform: translateY(-10px);
}
.mission_vision_section .box .content{
    display: inline-block;
    width: 70%;
}
.mission_vision_section .box .content h4{
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}
.mission_vision_section .box .content p{
    line-height: 26px;
    transition: all 0.3s ease-in-out;
}
.mission_vision_section .box:hover{
    background-color: var(--e-global-color-strong-red);
    border: 1px solid var(--e-global-color-strong-red);
}
.mission_vision_section .box:hover h4, .mission_vision_section .box:hover p{
    color: var(--e-global-color-white);
}
.mission_vision_section .box:hover figure img{
    filter: brightness(0) invert(1);
}
.mission_vision_section .box2:hover{
    background-color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
}

/* Services Page Style */

/* Services Page Banner Section Style */

.services-banner-section {
    background-color: #000000;
    overflow: hidden;
}
.services-banner-section::before {
    content: "";
    background-image: url('../images/about-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 35%;
}
.services-banner-section .banner-section .btn_wrapper {
    padding: 15px 32px;
}

/* Services Page Services Section Style */

.services_section{
    padding: 140px 0 112px;
}
.services_section .heading{
    margin-bottom: 65px;
}
.services_section .heading figure{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.services_section .heading h6{
    color: var(--e-global-color-secondary);
}
.services_section .heading h2{
    padding: 0 235px;
    color: var(--e-global-color-primary);
}
.services_section .box{
    width: 100%;
    border-radius: 30px;
    padding: 58px 28px 55px;
    background-color: var(--e-global-color-white);
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 4%);
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-white);
    margin-bottom: 25px;
}
.services_section .box figure{
    margin-bottom: 30px;
}
.services_section .box figure img{
    transition: all 0.3s ease-in-out;
}
.services_section .box figure img:hover{
    transform: translateY(-10px);
}
.services_section .box h4{
    padding-right: 35px;
    color: var(--e-global-color-primary);
}
.services_section .box p{
    margin-bottom: 24px;
    line-height: 26px;
}
.services_section .box .btn_wrapper a{
    font-size: 16px;
    line-height: 16px;
    color: var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.services_section .box .btn_wrapper i{
    margin-left: 10px;
}
.services_section .box:hover{
    border: 1px solid var(--e-global-color-strong-red);
    box-shadow: 0px 19px 54px 0px rgb(181 27 65 / 6%);
}
.services_section .box:hover .btn_wrapper a{
    color: var(--e-global-color-strong-red);
}
.services_section .box:hover .btn_wrapper a:hover{
    color: var(--e-global-color-accent);
}

/* Services Page Video Section Style */

.video_section{
    margin-top: -380px;
}
.video_section .video_icon::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000000;
    border-radius: 40px;
}
.video_section .video_icon .video_img{
    z-index: 1;
    opacity: 80%;
}
.video_section .video_icon .video_img img{
    border-radius: 40px;
}
.video_section .video_icon .left_circle_shape{
    top: -40px;
    left: -55px;
}
.video_section .left_shape{
    top: -95px;
    left: 238px;
}

/* Services Page Testimonials Section Style */

.sub_testimonials_section{
    padding: 135px 0 60px;
}
.sub_testimonials_section .bottom_shape {
    bottom: -370px;
    left: -10px;
}

/* Services Page Client Logo's Section Style */

.sub_client_logo_section{
    padding: 70px 0 130px;
}

/* Our Projects Page Style */

/* Our Projects Page Banner Section Style */

.projects-banner-section {
    background-color: #000000;
    overflow: hidden;
}
.projects-banner-section::before {
    content: "";
    background-image: url('../images/projects_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 35%;
}
.projects-banner-section .banner-section .btn_wrapper {
    padding: 15px 32px;
}

/* Our Projects Page Our Portfolio Section Style */

.sub_portfolio_section{
    margin-top: 0;
    padding: 135px 0 110px;
}
.sub_portfolio_section .heading h2{
    color: var(--e-global-color-primary);
}
.sub_portfolio_section .left_shape{
    top: 225px;
    left: 238px;
}

/* Our Projects Page Create Section Style */

.create_section {
    background-color: #362f35;
    padding: 125px 0 130px;
}
.create_section::before {
    content: "";
    background-image: url('../images/create_section_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 10%;
    top: 0;
}
.create_section .heading h6{
    color: var(--e-global-color-secondary);
}
.create_section .heading h2{
    margin-bottom: 48px;
    padding: 0 210px;
}
.create_section .heading figure {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 140px;
}
.create_section .heading p{
    padding: 0 180px;
    margin-bottom: 42px;
}
.create_section .left_shape{
    left: -10px;
    top: 0;
}
.create_section .second_left_shape{
    top: 105px;
    left: 180px;
}
.create_section .right_shape{
    bottom: -2px;
    right: -10px;
}

/* Our Team Page Style */

/* Our Team Page Banner Section Style */

.team-banner-section {
    background-color: #000000;
    overflow: hidden;
}
.team-banner-section::before {
    content: "";
    background-image: url('../images/team_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 40%;
}
.team-banner-section .banner-section .btn_wrapper {
    padding: 15px 42px;
}

/* Our Team Page Our Staff Section Style */

.team_staff_section{
    padding: 138px 0 110px;
    background: var(--e-global-color-white);
}
.team_staff_section .staff_box{
    box-shadow: 0px 19px 54px 0px rgb(0 0 0 / 4%);
    margin-bottom: 30px;
}
.team_staff_section .staff_box:hover{
    background-color: var(--e-global-color-strong-red);
    box-shadow: 0px 19px 54px 0px rgb(181 27 65 / 5%);
}

/* Our Faq's Page Style */

/* Our Faq's Page Banner Section Style */

.faq-banner-section {
    background-color: #000000;
    overflow: hidden;
}
.faq-banner-section::before {
    content: "";
    background-image: url('../images/faq_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 35%;
}
.faq-banner-section .banner-section .btn_wrapper {
    padding: 15px 45px;
}

/* Our Faq's Page Faq's Section Style */

.accordian-section{
    background-color: var(--e-global-color-mostly-white);
    text-align: center;
    padding: 138px 0 142px;
    position: relative;
}
.accordian-section .faq_background{
    position: absolute;
    top: 0;
    right: 0;
    opacity: 40%;
}
.accordian-section .heading{
    margin-bottom: 65px;
}
.accordian-section .heading h6{
    color: var(--e-global-color-secondary);
}
.accordian-section .heading h2{
    color: var(--e-global-color-primary);
}
.accordian-section .heading figure{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.accordian-section .accordion-card button.btn.btn-link {
    color: var(--e-global-color-accent);
    background: var(--e-global-color-white);
    border-radius: 20px;
}
.accordian-section p{
    margin-bottom: 33px;
}
.accordian-section .accordian-inner .accordion-card .btn {
    padding: 15px 65px 15px 30px;
    text-decoration: none;
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 800;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
}
.accordian-section .accordion-card button.btn.btn-link.collapsed {
    color: var(--e-global-color-primary);
    background: var(--e-global-color-white);
}
.accordian-section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    border: none;
    background: none;
}
.accordian-section .accordian-inner .card-body {
    padding: 0px 30px 25px;
}
.accordian-section .accordian-inner .card-body p{
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: var(--e-global-color-text);
    font-weight: 500;
}
.accordian-section .accordion-card button.btn.btn-link:focus{
    outline: none;
    box-shadow: none;
    box-shadow: 0px 19px 54px 0px rgb(246 162 64 / 5%);
}
.accordian-section .accordian-inner .accordion-card {
    margin-bottom: 30px;
    box-shadow: 0px 11px 54px 0px rgb(0 0 0 / 3%);
    background: var(--e-global-color-white);
    border-radius: 10px;
    border: 1px solid var(--e-global-color-secondary);
}
.accordian-section .accordion-card .btn-link:before {
    content: "\f068";
    position: absolute;
    right: 12px;
    top: 10px;
    font-family: 'Font Awesome 6 FREE';
    display: inline-block;
    vertical-align: middle;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-secondary);
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 100px;
    text-align: center;
}
.accordian-section .accordion-card .collapsed:before {
    content: "\2b";
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-strong-red);
    border-radius: 100px;
    text-align: center;
}
.accordian-section .accordian-inner .accordion-card:last-child {
    margin-bottom: 0;
}
.accordian-section .accordion-card button.btn.btn-link.collapsed:hover {
    color: var(--e-global-color-accent);
}

/* Contact Us Page Style */

/* Contact Us Page Banner Section Style */

.contact-banner-section {
    background-color: #000000;
    overflow: hidden;
}
.contact-banner-section::before {
    content: "";
    background-image: url('../images/contact_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 35%;
}
.contact-banner-section .banner-section .btn_wrapper {
    padding: 15px 32px;
}

/* Contact Us Page Contact Info Section Style */

.contact_info_section{
    background-color: var(--e-global-color-mostly-white);
    padding: 135px 0 295px;
    position: relative;
}
.contact_info_section .contact_info_background{
    position: absolute;
    top: 0;
    right: 0;
    opacity: 40%;
}
.contact_info_section .heading{
    margin-bottom: 65px;
}
.contact_info_section .heading h6{
    color: var(--e-global-color-secondary);
}
.contact_info_section .heading h2{
    color: var(--e-global-color-primary);
}
.contact_info_section .heading figure{
    left: 0;
    right: 0;
    margin: 0 auto;
}
.contact_info_section .box {
    width: 100%;
    border-radius: 30px;
    padding: 48px 32px;
    transition: all 0.3s ease-in-out;
}
.contact_info_section .box:hover figure img{
    filter: brightness(0);
}
.contact_info_section .box:hover h5{
    color: var(--e-global-color-primary) !important;
}
.contact_info_section .box:hover ul li{
    color: var(--e-global-color-text) !important;
}
.contact_info_section .box:hover ul li a{
    color: var(--e-global-color-text) !important;
}
.contact_info_section .box:hover ul li i{
    color: var(--e-global-color-primary) !important;
}
.contact_info_section .box1{
    background-color: var(--e-global-color-strong-red);
    border: 1px solid var(--e-global-color-white);
}
.contact_info_section .box1:hover{
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-strong-red);
}
.contact_info_section .box figure{
    margin-bottom: 30px;
    padding-left: 2px;
}
.contact_info_section .box figure img{
    transition: all 0.3s ease-in-out;
}
.contact_info_section .box figure img:hover{
    transform: scale(1.1);
}
.contact_info_section .box h5{
    margin-bottom: 12px;
    transition: all 0.3s ease-in-out;
}
.contact_info_section .box ul li{
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.contact_info_section .box ul li i{
    margin-right: 16px;
    transition: all 0.3s ease-in-out;
}
.contact_info_section .box ul li a{
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.contact_info_section .box ul li:hover, .contact_info_section .box ul li:hover i {
    color: var(--e-global-color-accent) !important;
}
.contact_info_section .box ul li:hover a, .contact_info_section .box ul li:hover i {
    color: var(--e-global-color-accent) !important;
}
.contact_info_section .box2{
    background-color: #362f35;
    border: 1px solid var(--e-global-color-white);
}
.contact_info_section .box2:hover{
    background-color: var(--e-global-color-white);
    border: 1px solid #362f35;
}
.contact_info_section .box3{
    background-color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-white);
}
.contact_info_section .box3:hover{
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-secondary);
}
.contact_info_section .box ul .box_li i{
    margin-right: 12px;
}
.contact_info_section .box:hover{
    transform: translateY(-10px);
}

/* Contact Us Page Contact Map Section Style */

.contact_map_section{
    margin-top: -155px;
}
.contact_map_section iframe{
    box-shadow: 0px 11px 54px 0px rgb(0 0 0 / 3%);
    border: 15px solid var(--e-global-color-white);
    border-radius: 30px;
}

/* Contact Us Page Client Logo's Section Style */

.contact_client_section{
    padding: 120px 0 130px;
}

/* Blog Posts Page Style */

.blog-posts {
    padding: 0px 0;
}
.header-logo{
    height: 60px;
}
.design{
    height: 612px;
}
.company-logos{
    height: 83px;
}
.our_services_section .box h4{
    font-size: 21px!important;
}
.logo-footer{
    height: 45px;
}
.banner-cont{
    margin-top: 129px;
}
.bnr-img{
    height: 737px;
}