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

Project:  Syntax Consulting
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Header
3. Banner Section
4. About Our Company Section
5. Latest Services Section
6. Case Studies Section
7. Why Choose Us Section
8. Professional Team Section
9. Question Answers Section
10. Get In Touch Section
11. Our Blog Section
12. Our Testimonial Section
13. Footer Section
*/

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

body {
    font-family: 'Roboto', sans-serif;
}
:root {
    --e-global-color-primary: #0f0d1d;
    --e-global-color-secondary: #a164ff;
    --e-global-color-text: #000000;
    --e-global-color-accent: #a164ff;
	--e-global-color-white: #ffffff;
    --e-global-color-dark-grayish: #726f84;
    --e-global-color-dark-gray: #9a9a9a;
    --e-global-color-very-dark-gray: #505050;
    --e-global-color-cool-dark-gray: #8a8a8a;
    --e-global-color-mostly-black: #121212;
    --e-global-color-very-dark-violet: #0f0223;
    --e-global-color-soft-violet: #9359ee;
}
h1{
    font-size: 70px;
    line-height: 90px;
    font-weight: 600;
    color: var(--e-global-color-white);
}
h2{
    font-size: 40px;
    line-height: 54px;
    font-weight: 600;
}
h3{
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
}
h4{
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}
h5{
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
}
h6{
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
p{
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}
.text-size-16 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
.text-size-14{
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}
a {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}
h1, h2, h3, h4, h6{
    font-family: 'Quicksand', sans-serif;
}
.hover-effect {
    transition: all 0.3s ease-in-out;
}
.hover-effect:hover {
    transform: translateY(-5px);
}
.default-btn {
    padding: 28px 100px 28px 35px;
    border-radius: 8px;
    display: inline-block;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    text-decoration: none;
}
.default-btn:hover {
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-white);
    background-color: transparent;
}

html{
    scroll-behavior: smooth;
}

.top_bottom_shape img {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-30px); }
}
.left_right_shape 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 Style */

/* Home Page Header Section Style */

.banner-section-outer{
    background-image: url('../images/banner_background.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.main-header{
    padding: 0 250px 0 280px;
    position: relative;
    z-index: 3;
}
.main-header .navbar_background{
    top: 0;
    left: 65px;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.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;
    font-family: 'Quicksand', sans-serif;
    color: var(--e-global-color-text) !important;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    position: relative;
}
.navbar-nav li::before {
    content: "";
    height: 2px;
    width: 100%;
    background-color: var(--e-global-color-accent);
    display: inline-block;
    position: absolute;
    top: -22px;
    left: 0;
    display: none;
    transition: all 0.3s ease-in-out;
}
.navbar-nav li:hover::before{
    display: block;
}
.navbar-nav li::after{
    content: "";
    height: 2px;
    width: 100%;
    background-color: var(--e-global-color-accent);
    display: inline-block;
    position: absolute;
    bottom: -25px;
    left: 0;
    display: none;
    transition: all 0.3s ease-in-out;
}
.navbar-nav li:hover::after{
    display: block;
}
.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-nav > .active::before{
    display: block;
}
.navbar-nav > .active::after{
    display: block;
}
.navbar-brand{
    margin-left: 0;
    margin-right: 158px;
    padding-top: 20px;
    padding-bottom: 0;
}
.navbar{
    padding: 0;
}
.navbar-expand-lg .navbar-collapse{
    margin-top: -12px;
}
.navbar-nav li{
    margin: 0 20px;
    position: relative;
}
.navbar-nav li:first-child{
    margin-left: 0;
}
.navbar-nav li:last-child{
    margin-right: 0;
    padding-right: 0;
}
.navbar .outer-div{
    margin-left: 140px;
}
.navbar .outer-div i{
    font-size: 36px;
    line-height: 36px;
    color: var(--e-global-color-accent);
    padding-top: 8px;
}
.navbar .outer-div .callus_outer{
    top: 5px;
    left: 47px;
}
.navbar .outer-div .callus_outer span{
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}
.navbar .outer-div .callus_outer a{
    font-size: 18px;
    line-height: 18px;
    font-weight: 500;
    transition: all 0.3s ease-in-out;
    font-family: 'Quicksand', sans-serif;
}
.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 .drop-down-pages li:hover::before{
    display: none;
}
.navbar-nav .drop-down-pages li:hover::after{
    display: none;
}
.navbar-nav .drop-down-pages > .active::before{
    display: none;
}
.navbar-nav .drop-down-pages > .active::after{
    display: none;
}
.navbar-nav .dropdown-menu {
    background-color: var(--e-global-color-white);
    position: absolute;
    left: -10px;
    top: 60px;
    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: 945px;
    margin-left: 75px;
    position: relative;
    z-index: 2;
}
.left_icons .icon_content .topline{
    top: -40px;
    left: 22px;
}
.left_icons .icon_content .bottomline{
    bottom: 8px;
    left: 22px;
}
.left_icons ul li{
    display: block;
    margin-bottom: 25px;
}
.left_icons ul .li_margin{
    margin-bottom: 20px;
}
.left_icons ul li i{
    border-radius: 100%;
    color: var(--e-global-color-white);
    background-color: transparent;
    font-size: 20px;
    line-height: 46px;
    height: 46px;
    width: 46px;
    text-align: center;
    border: 1px solid var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.left_icons i:hover{
    background-color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
}
.left_icons ul li figure {
    border-radius: 100%;
    color: var(--e-global-color-white);
    background-color: transparent;
    font-size: 20px;
    line-height: 46px;
    height: 46px;
    width: 46px;
    text-align: center;
    border: 1px solid var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.left_icons ul li figure:hover{
    background-color: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
}

/* Home Page Banner Section Style */

.banner-section-outer .banner-section {
    padding: 175px 0 365px;
    z-index: 1;
}
.banner-section-outer .banner-section .banner-section-content{
    padding-top: 70px;
}
.banner-section-outer .banner-section .banner-section-content h1{
    font-size: 70px;
    line-height: 90px;
    font-weight: 600;
    color: var(--e-global-color-white);
    margin-bottom: 35px;
}
.banner-section-outer .banner-section .banner-section-content .banner_line_box{
    top: 170px;
    right: 0;
}
.banner-section-outer .banner-section .banner-section-content p{
    line-height: 30px;
    margin-bottom: 30px;
}
.banner-section-outer .banner-section-content .btn_wrapper .readmore_btn {
    letter-spacing: 1.4px;
    position: relative;
}
.banner-section-outer .banner-section-content .btn_wrapper .readmore_btn .white_arrow{
    position: absolute;
    top: 25px;
    right: 42px;
}
.banner-section-outer .banner-section .banner_image{
    position: absolute;
    bottom: 106px;
    right: 0;
}
.banner-section-outer .banner_shape {
    bottom: 0;
    left: 0;
    opacity: 0.4;
}

/* Home Page About Our Company Section Style */

.about_company_section{
    padding:110px 0 80px;
}
.about_company_section .main_image img{
    border-radius: 10px;
}
.about_company_section .bottom_image{
    position: absolute;
    bottom: -145px;
    right: 0;
}
.about_company_section .bottom_image img{
    border-radius: 10px;
}
.about_company_section .right_shape{
    position: absolute;
    top: 0;
    right: 82px;
}
.about_company_section .bottom_shape{
    position: absolute;
    bottom: -35px;
    left: 0;
}
.about_company_section .box {
    background-color: var(--e-global-color-soft-violet);
    border: 1px solid var(--e-global-color-soft-violet);
    padding: 18px 0 22px;
    width: 36%;
    right: 0;
    top: 210px;
    text-align: center;
    border-radius: 8px;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.about_company_section .box::after {
    content: '';
    height: 20px;
    width: 20px;
    position: absolute;
    background-color: var(--e-global-color-soft-violet);
    top: 50%;
    left: -11px;
    border-top: 1px solid var(--e-global-color-soft-violet);
    border-left: 1px solid var(--e-global-color-soft-violet);
    transform: rotate(-45deg);
    transition: all 0.3s ease-in-out;
}
.about_company_section .box:hover {
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-violet);
}
.about_company_section .box:hover::after {
    background-color: var(--e-global-color-white);
}
.about_company_section .box:hover span{
    color: var(--e-global-color-secondary);
}
.about_company_section .box span{
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.about_company_section .box .years{
    font-family: 'Quicksand', sans-serif;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.about_company_section .box .number{
    margin-left: -5px;
}
.about_company_section .box .experience{
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: -0.5px;
    transition: all 0.3s ease-in-out;
}
.about_company_section .about_company_content{
    padding-left: 14px;
    padding-top: 35px;
    position: relative;
    z-index: 1;
}
.about_company_section .about_company_content .zero_one{
    position: absolute;
    top: 0;
    left: -10px;
    z-index: -1;
    opacity: 20%;
}
.about_company_section .about_company_content h5{
    color: var(--e-global-color-secondary);
    margin-bottom: 5px;
}
.about_company_section .about_company_content h2{
    color: var(--e-global-color-primary);
    margin-bottom: 22px;
}
.about_company_section .about_company_content h6{
    color: var(--e-global-color-secondary);
    margin-bottom: 22px;
    transition: all 0.3s ease-in-out;
}
.about_company_section .about_company_content h6:hover{
    color: var(--e-global-color-cool-dark-gray);
}
.about_company_section .about_company_content p{
    color: var(--e-global-color-text);
    margin-bottom: 32px;
}
.about_company_section .top_shape{
    position: absolute;
    top: -106px;
    right: 0;
}
.about_company_section .black_box{
    background-color: var(--e-global-color-mostly-black);
    padding: 42px 46px;
    position: absolute;
    width: 48.5%;
    right: 0;
    top: 678px;
    border-radius: 8px 0 0 8px;
}
.about_company_section .black_box .btn_wrapper{
    display: inline-block;
}
.about_company_section .black_box .btn_wrapper a{
    color: var(--e-global-color-accent);
    letter-spacing: 1.4px;
}
.about_company_section .black_box .btn_wrapper a:hover{
    color: var(--e-global-color-white);
}
.about_company_section .black_box .btn_wrapper figure{
    display: inline-block;
    margin-left: 12px;
}
.about_company_section .black_box .btn_wrapper a:hover figure{
    filter: brightness(0) invert(1);
}
.about_company_section .black_box .images_wrapper .blackbox_image_one{
    position: absolute;
    top: -38px;
    left: 205px;
}
.about_company_section .black_box .images_wrapper .blackbox_image_two{
    position: absolute;
    top: -38px;
    left: 228px;
}
.about_company_section .black_box .images_wrapper .blackbox_image_three{
    position: absolute;
    top: -38px;
    left: 253px;
}
.about_company_section .black_box .images_wrapper .blackbox_image_four{
    position: absolute;
    top: -38px;
    left: 275px;
}
.about_company_section .black_box .images_wrapper figure{
    transition: all 0.3s ease-in-out;
}
.about_company_section .black_box .images_wrapper figure:hover{
    transform: translateY(-5px);
}
.about_company_section .black_box .review_wrapper{
    display: inline-block;
    position: absolute;
    top: 25px;
    left: 390px;
}
.about_company_section .black_box .review_wrapper ul li{
    display: inline-block;
}
.about_company_section .black_box .review_wrapper ul li i{
    color: #ffc107;
    font-size: 14px;
    line-height: 14px;
    transition: all 0.3s ease-in-out;
}
.about_company_section .black_box .review_wrapper ul li i:hover{
    color: var(--e-global-color-accent);
}

/* Home Page Latest Services Section Style */

.services_section{
    background-color: #fafafa;
    padding: 150px 0;
    position: relative;
}
.services_section .services_wrapper{
    margin-top: -475px;
    position: relative;
    z-index: 1;
}
.services_section .services_content{
    position: relative;
    text-align: center;
}
.services_section .services_content .zero_two {
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 20%;
}
.services_section .services_content h5 {
    color: var(--e-global-color-secondary);
    margin-bottom: 5px;
    letter-spacing: -0.4px;
}
.services_section .services_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 55px;
    letter-spacing: -0.6px;
}
.services_section .services_box {
    transition: all 0.3s ease-in-out;
}
.services_section .services_box .services_image figure{
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.services_section .services_box:hover .services_image figure{
    position: absolute;
    top: 50px;
}
.services_section .services_box .services_image::after{
    background-color: var(--e-global-color-secondary);
    content: "";
    width: 92%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0.5;
    transition: all 0.3s ease-in-out;
    display: none;
    border-radius: 10px;
    margin: 0 auto;
    right: 0;
}
.services_section .services_box:hover .services_image::after{
    display: block;
    top: 50px;
}
.services_section .services_box:hover .services_image img{
    filter: grayscale(0);
}
.services_section .services_box .services_image img{
    border-radius: 10px;
    filter: grayscale(1);
    transition: all 0.3s ease-in-out;
}
.services_section .services_box .services_box_content{
    position: absolute;
    transition: all 0.3s ease-in-out;
    background-color: #4d3b68;
    text-align: center;
    padding: 40px 25px 20px;
    border-radius: 10px;
    opacity: 90%;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 78%;
    z-index: 1;
}
.services_section .services_box:hover .services_box_content{
    background-color: var(--e-global-color-secondary);
    bottom: unset;
    top: 0;
}
.services_section .services_box .services_box_content h3{
    color: var(--e-global-color-white);
}
.services_section .services_box .services_box_content p{
    color: var(--e-global-color-white);
    margin-bottom: 22px;
}
.services_section .services_box .services_box_content i{
    font-size: 18px;
    line-height: 40px;
    height: 42px;
    width: 42px;
    color: var(--e-global-color-white);
    border: 2px solid var(--e-global-color-white);
    border-radius: 100px;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.services_section .services_box .services_box_content i:hover{
    color: var(--e-global-color-accent);
    border: 2px solid var(--e-global-color-white);
    background-color: var(--e-global-color-white);
}
.services_section .services_shape {
    top: 0;
    left: 0;
}

/* Home Page Case Studies Section Style */

.case_studies_section {
    padding: 175px 0;
    position: relative;
}
.case_studies_section .case_studies_content{
    position: relative;
    padding-top: 35px;
}
.case_studies_section .case_studies_content h5{
    color: var(--e-global-color-secondary);
    margin-bottom: 5px;
}
.case_studies_section .case_studies_content h2{
    color: var(--e-global-color-primary);
    letter-spacing: -1.4px;
    margin-bottom: 30px;
}
.case_studies_section .case_studies_content p{
    color: var(--e-global-color-text);
    margin-bottom: 25px;
}
.case_studies_section .case_studies_content h4{
    color: var(--e-global-color-secondary);
    font-weight: 500;
    margin-bottom: 62px;
    transition: all 0.3s ease-in-out;
}
.case_studies_section .case_studies_content h4:hover{
    color: var(--e-global-color-cool-dark-gray);
}
.case_studies_section .case_studies_content .zero_three {
    position: absolute;
    top: 0;
    left: -25px;
    z-index: -1;
    opacity: 20%;
}
.case_studies_section .case_studies_content .case_studies_image1{
    position: relative;
    z-index: 1;
}
.case_studies_section .case_studies_content .case_studies_image1 img{
    border-radius: 10px;
}
.case_studies_section .case_studies_images_wrapper .case_studies_image2{
    float: right;
    z-index: 1;
    position: relative;
}
.case_studies_section .case_studies_images_wrapper .case_studies_image2 img{
    border-radius: 10px;
}
.case_studies_section .case_studies_images_wrapper .case_studies_image3{
    top: 365px;
    left: -82px;
    z-index: 1;
}
.case_studies_section .case_studies_images_wrapper .case_studies_image3 img{
    border-radius: 10px;
}
.case_studies_section .case_studies_images_wrapper .bottom_line {
    top: 480px;
    left: 330px;
    z-index: 1;
}
.case_studies_section .case_studies_images_wrapper .top_line {
    right: -35px;
    top: 0;
    z-index: 1;
}
.case_studies_section .case_studies_content .circle_shape {
    bottom: -100px;
    left: -100px;
    opacity: 30%;
}
.case_studies_section .bottom_shape{
    bottom: 0;
    right: 0;
}

/* Home Page Choose Us Section Style */

.choose_us_section{
    background-color: var(--e-global-color-very-dark-violet);
    padding: 125px 0 95px;
    position: relative;
}
.choose_us_section::after {
    background-image: url('../images/choose_us_right_background.jpg');
    content: "";
    width: 45.2%;
    height: 100%;
    position: absolute;
    right: 52px;
    top: 0;
    transition: all 0.3s ease-in-out;
    border-radius: 10px 0 0 10px;
    transform: scale(1.12);
}
.choose_us_section .choose_us_content{
    position: relative;
    z-index: 1;
}
.choose_us_section .choose_us_content .zero_four {
    position: absolute;
    top: -32px;
    left: -25px;
    right: 0;
    opacity: 10%;
}
.choose_us_section .choose_us_content h5 {
    color: var(--e-global-color-secondary);
    position: relative;
    z-index: 1;
    letter-spacing: -0.4px;
    margin-bottom: 12px;
}
.choose_us_section .choose_us_content h2 {
    color: var(--e-global-color-white);
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
    font-weight: 700;
    padding-right: 20px;
}
.choose_us_section .box_wrapper1{
    margin-bottom: 50px;
}
.choose_us_section .box {
    position: relative;
    display: inline-block;
    width: 45%;
    margin-right: 28px;
    transition: all 0.3s ease-in-out;
}
.choose_us_section .box figure{
    position: absolute;
    top: 15px;
    left: 2px;
}
.choose_us_section .box .box_content{
    padding-left: 20px;
}
.choose_us_section .box h2{
    color: var(--e-global-color-secondary);
    font-weight: 700;
    margin-bottom: 5px;
    padding-right: 0;
    transition: all 0.3s ease-in-out;
}
.choose_us_section .box h2:hover{
    color: var(--e-global-color-white);
}
.choose_us_section .box p{
    color: var(--e-global-color-white);
    font-weight: 500;
    padding-left: 5px;
}
.choose_us_section .right_box_wrapper{
    padding-left: 130px;
    position: relative;
    z-index: 1;
}
.choose_us_section .right_box_wrapper::after{
    content: '';
    position: absolute;
    top: -48px;
    left: 10px;
    width: 608px;
    height: 498px;
    border-radius: 10px 0 10px 10px;
    transition: all 0.3s ease-in-out;
    border: 4px solid var(--e-global-color-white);
}
.choose_us_section .right_box_wrapper .get_quote{
    right: -32px;
    top: -48px;
    z-index: 1;
}
.choose_us_section .right_box_wrapper .get_quote img{
    border-radius: 0 10px 10px 0;
}
.choose_us_section .choose_us_right_box{
    margin-bottom: 55px;
    position: relative;
    z-index: 1;
}
.choose_us_section .choose_us_right_box .right_image_wrapper{
    width: 18%;
}
.choose_us_section .choose_us_right_box .right_image_wrapper figure{
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-white);
}
.choose_us_section .choose_us_right_box .right_image_wrapper figure img{
    transition: all 0.3s ease-in-out;
}
.choose_us_section .choose_us_right_box .right_image_wrapper figure img:hover{
    transform: translateY(-5px);
}
.choose_us_section .choose_us_right_box .text_wrapper{
    display: inline-block;
    width: 82%;
    padding-top: 5px;
    padding-left: 25px;
}
.choose_us_section .choose_us_right_box .text_wrapper h4{
    color: var(--e-global-color-white);
    text-transform: uppercase;
    font-weight: 700;
}
.choose_us_section .choose_us_right_box .text_wrapper p{
    color: var(--e-global-color-white);
    padding-right: 45px;
}
.choose_us_section .left_shape{
    top: 0;
    left: 0;
    opacity: 20%;
}

/* Home Page Professional Team Section Style */

.professional_team_section{
    padding: 220px 0 75px;
}
.professional_team_section .professional_team_content{
    position: relative;
    text-align: center;
}
.professional_team_section .professional_team_content .zero_five {
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 20%;
}
.professional_team_section .professional_team_content h5 {
    color: var(--e-global-color-secondary);
    margin-bottom: 5px;
}
.professional_team_section .professional_team_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 48px;
}
.professional_team_section .professional_team_box_content{
    position: relative;
    transition: all 0.3s ease-in-out;
    background: var(--e-global-color-white);
    border: 1px solid #dfdfdf;
    border-top: 3px solid var(--e-global-color-accent);
    text-align: center;
    padding: 39px 20px;
}
.professional_team_section .professional_team_box_content:hover{
    background-color: var(--e-global-color-secondary);
    height: 438px;
}
.professional_team_section .professional_team_box_content::after {
    background: url('../images/professional_team_full_image_1.jpg');
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease-in-out;
    display: none;
    filter: grayscale(1);
    opacity: 0.2;
} 
.professional_team_section .professional_team_box_content_two::after {
    background: url('../images/professional_team_full_image_2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 
.professional_team_section .professional_team_box_content_three::after {
    background: url('../images/professional_team_full_image_3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
} 
.professional_team_section .professional_team_box_content .professional_team_image{
    margin-bottom: 32px;
}
.professional_team_section .professional_team_box_content:hover .professional_team_image{
    display: none;
}
.professional_team_section .professional_team_box_content .professional_image_ring{
    transition: all 0.3s ease-in-out;
    display: none;
}
.professional_team_section .professional_team_box_content:hover .professional_image_ring{
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}
.professional_team_section .professional_team_box_content:hover h4, .professional_team_section .professional_team_box_content:hover p{
    color: var(--e-global-color-white);
}
.professional_team_section .professional_team_box_content:hover::after{
    display: block;
}
.professional_team_section .professional_team_box_content .professional_team_box_content_wrapper{
    position: relative;
}
.professional_team_section .professional_team_box_content:hover .professional_team_box_content_wrapper{
    position: absolute;
    z-index: 1;
    bottom: 40px;
    left: 0;
    right: 0;
}
.professional_team_section .professional_team_box_content:hover ul li i{
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-white);
}
.professional_team_section .professional_team_box_content h4{
    color: var(--e-global-color-secondary);
    text-transform: uppercase;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}
.professional_team_section .professional_team_box_content p{
    color: var(--e-global-color-text);
    margin-bottom: 12px;
    transition: all 0.3s ease-in-out;
}
.professional_team_section .professional_team_box_content ul{
    transition: all 0.3s ease-in-out;
}
.professional_team_section .professional_team_box_content ul li{
    display: inline-block;
    margin-right: 10px;
    transition: all 0.3s ease-in-out;
}
.professional_team_section .professional_team_box_content ul li:last-child{
    margin-right: 0;
}
.professional_team_section .professional_team_box_content ul li i {
    border-radius: 100%;
    color: var(--e-global-color-accent);
    background-color: transparent;
    font-size: 20px;
    line-height: 44px;
    height: 44px;
    width: 44px;
    text-align: center;
    border: 1px solid var(--e-global-color-accent);
    transition: all 0.3s ease-in-out;
}
.professional_team_section .professional_team_box_content ul li i:hover{
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-white);
    background-color: transparent;
}
.professional_team_section .professional_team_box_content .circle_shape{
    bottom: -100px;
    right: -100px;
    opacity: 30%;
    z-index: -1;
}

/* Home Page Question Answers Section Style */

.questionnaire_section{
    padding: 70px 0 130px;
    overflow: hidden;
    position: relative;
}
.questionnaire_section .questionnaire_content{
    position: relative;
}
.questionnaire_section .questionnaire_content .zero_six{
    position: absolute;
    top: -32px;
    left: -25px;
    z-index: -1;
    opacity: 20%;
}
.questionnaire_section .questionnaire_content h5{
    color: var(--e-global-color-secondary);
    margin-bottom: 5px;
}
.questionnaire_section .questionnaire_content h2{
    color: var(--e-global-color-primary);
    padding-right: 90px;
    margin-bottom: 36px;
}
.questionnaire_section .accordion-card button.btn.btn-link {
    color: var(--e-global-color-secondary);
    background: var(--e-global-color-white);
}
.questionnaire_section p{
    color: var(--e-global-color-dark-grayish);
    padding-right: 45px;
}
.questionnaire_section .accordian-inner .accordion-card .btn {
    padding: 26px 15px 26px 30px;
    text-decoration: none;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    border-radius: 0;
    text-transform: uppercase;
}
.questionnaire_section .accordion-card button.btn.btn-link.collapsed {
    color: var(--e-global-color-primary);
    background: var(--e-global-color-white);
}
.questionnaire_section .accordian-inner .card-header {
    padding: 0;
    margin-bottom: 0;
    border: none;
    background: none;
}
.questionnaire_section .accordian-inner .card-body {
    padding: 5px 28px 45px 28px;
}
.questionnaire_section .accordion-card button.btn.btn-link:focus {
    outline: none;
    box-shadow: none;
}
.questionnaire_section .accordian-inner .accordion-card {
    margin-bottom: 20px;
    background: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-accent);
}
.questionnaire_section .accordion-card .btn-link:before {
    content: "\f068";
    position: absolute;
    right: 20px;
    top: 25px;
    font-family: 'Font Awesome 6 FREE';
    display: inline-block;
    vertical-align: middle;
    color: var(--e-global-color-accent);
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}
.questionnaire_section .accordion-card .collapsed:before {
    content: "\2b";
    color: var(--e-global-color-primary);
}
.questionnaire_section .accordian-inner .accordion-card:last-child {
    margin-bottom: 0 !important;
}
.questionnaire_section .accordion-card button.btn.btn-link.collapsed:hover {
    color: var(--e-global-color-accent);
}
.questionnaire_section .questionniare-images_wrapper {
    padding-top: 95px;
}
.questionnaire_section .questionniare-images_wrapper .questionniare-image{
    border: 26px solid #f4f4f4;
    border-radius: 10px;
}
.questionnaire_section .questionniare-images_wrapper .questionniare-image img{
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.questionnaire_section .questionnaire_bottom_shape{
    bottom: -10px;
    right: -10px;
}
.questionnaire_section .questionniare-images_wrapper .questionnaire_image_shape1{
    top: 340px;
    left: 80px;
}
.questionnaire_section .questionniare-images_wrapper .questionnaire_image_shape1 img{
    border-radius: 0 10px 0 10px;
}
.questionnaire_section .questionniare-images_wrapper .questionnaire_image_shape2{
    top: 95px;
    right: 0;
}
.questionnaire_section .questionniare-images_wrapper .questionnaire_image_shape2 img{
    border-radius: 0 10px 0 10px;
}
.questionnaire_section .questionniare-images_wrapper .questionnaire_image_shape3{
    top: 22px;
    left: 8px;
    z-index: -1;
}

/* Home Page Get In Touch Section Style */

.get_in_touch_section {
    padding: 115px 230px 105px 315px;
    background-color: #232323;
}
.get_in_touch_section::before{
    background: url('../images/get_in_touch_left_image.jpg');
    content: "";
    width: 33.5%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.get_in_touch_section .image_wrapper figure {
    z-index: 2;
    top: -89px;
    left: -120px;
}
.get_in_touch_section .get_touch_content{
    position: relative;
    z-index: 1;
}
.get_in_touch_section .get_touch_content .zero_seven{
    position: absolute;
    top: -32px;
    left: -25px;
    opacity: 10%;
}
.get_in_touch_section .get_touch_content h5{
    color: var(--e-global-color-secondary);
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}
.get_in_touch_section .get_touch_content h2{
    color: var(--e-global-color-white);
    margin-bottom: 58px;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
}
.get_in_touch_section input::placeholder{
    color: var(--e-global-color-dark-gray);
}
.get_in_touch_section textarea::placeholder{
    color: var(--e-global-color-dark-gray);
}
.get_in_touch_section .get_touch_content input {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
    color: var(--e-global-color-dark-gray);
    border: 1px solid var(--e-global-color-very-dark-gray);
    border-radius: 10px;
    padding: 16px 25px;
    width: 298px;
    overflow: visible;
    outline: none;
    margin-bottom: 35px;
}
.get_in_touch_section .get_touch_content textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
    color: var(--e-global-color-dark-gray);
    border: 1px solid var(--e-global-color-very-dark-gray);
    border-radius: 10px;
    padding: 16px 25px;
    width: 83%;
    outline: none;
    height: 192px;
    margin-bottom: 37px;
    resize: none;
}
.get_in_touch_section .get_touch_content .form_margin{
    margin-left: -60px;
}
textarea {
    overflow: auto;
}
.get_in_touch_section .get_touch_content .form_button_wrapper{
    display: inline-block;
}
.get_in_touch_section .get_touch_content button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    border-style: none;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    outline: none;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1.4px;
    padding: 27px 95px 27px 35px;
    border-radius: 8px;
    display: inline-block;
}
.get_in_touch_section .get_touch_content .form_button_wrapper figure{
    position: absolute;
    top: 25px;
    right: 40px;
}
.get_in_touch_section .get_touch_content button:hover {
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-white);
    background-color: transparent;
}
.get_in_touch_section .top_line{
    top: 130px;
    left: 0;
    z-index: 1;
}
.get_in_touch_section .bottom_line{
    bottom: 130px;
    left: 0;
    z-index: 0;
}
.get_in_touch_section .right_shape{
    bottom: 0;
    right: 0;
    opacity: 10%;
}
.get_in_touch_section .get_quote {
    top: 175px;
    left: 62px;
    z-index: 1;
}

/* Home Page Articles Section Style */

.articles_section {
    padding: 180px 0 65px;
}

/* Home Page Testimonial Section Style */

.testimonial_section {
    padding: 60px 0 150px;
}
.testimonial_section .testimonial_content {
    position: relative;
    text-align: center;
}
.testimonial_section .testimonial_content .zero_nine {
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 20%;
}
.testimonial_section .testimonial_content h5 {
    color: var(--e-global-color-secondary);
    margin-bottom: 5px;
}
.testimonial_section .testimonial_content h2 {
    color: var(--e-global-color-primary);
    margin-bottom: 45px;
    letter-spacing: -0.6px;
}
.testimonial_section .testimonial_box{
    box-shadow: 0px 6px 27px 0px rgba(0, 0, 0, 9%);
    background-color: var(--e-global-color-white);
    border-left: 7px solid var(--e-global-color-secondary);
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.testimonial_section .testimonial_box .testimonial_box_content{
    padding-top: 60px;
    position: relative;
}
.testimonial_section .testimonial_box .testimonial_box_content .apostrophy{
    margin-bottom: 25px;
}
.testimonial_section .testimonial_box .testimonial_box_content p{
    color: var(--e-global-color-mostly-black);
}
.testimonial_section .testimonial_box .testimonial_box_content .text{
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
    padding-right: 22px;
    color: var(--e-global-color-cool-dark-gray);
}
.testimonial_section .testimonial_box .testimonial_box_content .content_shape{
    position: absolute;
    top: 115px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.testimonial_section .testimonial_box .testimonial_box_content h4{
    letter-spacing: 0.6px;
    margin-bottom: 3px;
    color: var(--e-global-color-text);
}
.testimonial_section .testimonial_box .testimonial_box_content ul{
    position: absolute;
    right: 35px;
    bottom: 10px;
}
.testimonial_section .testimonial_box .testimonial_box_content ul li{
    display: inline-block;
}
.testimonial_section .testimonial_box .testimonial_box_content ul li i{
    color: #f39f1e;
    font-size: 12px;
    line-height: 12px;
}
.testimonial_section .carousel-control-prev figure img{
    filter: brightness(0);
}
.testimonial_section .carousel-control-next figure img{
    filter: brightness(0);
}
#carouselExampleControls .carousel-control-prev {
    left: -158px;
    top: -6px;
    font-size: 50px;
    line-height: 50px;
    opacity: 1;
}
#carouselExampleControls .carousel-control-next {
    right: -158px;
    top: -6px;
    font-size: 50px;
    line-height: 50px;
    opacity: 1;
}
.testimonial_section .bottom_shape{
    bottom: 0;
    left: 165px;
}

/* Home Page Footer Section Style */

.footer-section {
    padding: 70px 0 50px;
    background: #161518;
}
.footer-section ul li:last-child {
    margin-bottom: 0;
}
.footer-section ul li a {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: var(--e-global-color-white);
    font-family: 'Roboto', sans-serif;
}
.footer-section ul li a:hover {
    color: var(--e-global-color-accent);
}
.footer-section .footer-links-content {
    padding-right: 15px;
    position: relative;
    z-index: 1;
}
.footer-section .footer-links-content h3{
    margin-bottom: 20px;
}
.footer-section .footer-links-content ul li{
    margin-bottom: 15px;
}
.footer-section .footer-links-content ul .mail{
    margin-bottom: 25px;
}
.footer-section .footer-links-content ul li i{
    color: var(--e-global-color-accent);
    font-size: 26px;
    line-height: 26px;
    margin-right: 25px;
    transition: all 0.3s ease-in-out;
}
.footer-section .footer-support-content {
    padding-left: 86px;
    position: relative;
    z-index: 1;
}
.footer-section .footer-support-content h3 {
    margin-bottom: 25px;
}
.footer-section .footer-support-content ul li{
    margin-bottom: 5px;
}
.footer-section .footer-info-content {
    padding-left: 38px;
    position: relative;
    z-index: 1;
}
.footer-section .footer-info-content h3{
    margin-bottom: 22px;
}
.footer-info-content input {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-text);
    border-radius: 6px;
    outline: none;
    box-shadow: none;
    padding: 20px 15px;
    margin-bottom: 30px;
}
.footer-info-content input::placeholder{
    color: var(--e-global-color-text);
}
.footer-info-content input:focus {
    outline: none;
    box-shadow: none;
}
.footer-info-content .btn {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    right: 0;
    top: 60px;
    padding: 12px 30px;
    background-color: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    border-radius: 0 6px 6px 0;
    outline: none;
    box-shadow: none;
    transition: all 0.3s ease-in-out;
}
.footer-info-content .btn:hover{
    background-color: var(--e-global-color-white);
    color: var(--e-global-color-accent);
}
.footer-section .footer-info-content .footer-info-content-listing {
    padding-left: 0;
}
.footer-section .footer-info-content .footer-info-content-listing a {
    font-size: 16px;
    font-weight: 400;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: transparent;
    color: var(--e-global-color-white);
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-white);
}
.footer-section .footer-info-content a:hover {
    background: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
}
.footer-section .footer-info-content a i {
    font-size: inherit;
    position: relative;
    top: 0;
    color: var(--e-global-color-white);
}
.footer-section .footer-info-content ul li {
    margin: 0 4px;
}
.footer-section .footer-info-content ul li:first-child {
    margin-left: 0;
}
.footer-section .footer-info-content ul li:last-child {
    margin-right: 0;
}
.footer-section .footer_shape {
    top: 0;
    left: 0;
    opacity: 15%;
}
.footer-bar {
    background: #131313;
    padding: 18px 0;
}
.footer-bar p {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: var(--e-global-color-white);
    float: right;
}
.footer-bar .footer_icon {
    bottom: -18px;
    left: 0;
}
.footer-bar .footer_icon img{
    border-radius: 10px 10px 0 0;
}

/* About Page Style */

/* About Page Banner Section Style */

.sub-banner-section-outer{
    background-color: var(--e-global-color-very-dark-violet);
}
.about-banner-section::before{
    content: "";
    background-image: url('../images/about_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: initial;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 20%;
    top: 0;
    left: 0;
}
.about-banner-section .banner-section .banner-section-content{
    padding-left: 10px;
}
.sub-banner-section-outer .banner-section{
    padding: 240px 0 268px;
    z-index: 1;
}
.sub-banner-section-outer .banner-section .banner-section-content h1{
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}
.sub-banner-section-outer .banner-section .btn_wrapper {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 16px 35px;
    text-align: center;
    border-radius: 8px;
    background-color: transparent;
    color: var(--e-global-color-white);
    display: inline-block;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    border: 1px solid var(--e-global-color-white);
    text-transform: uppercase;
}
.sub-banner-section-outer .banner-section i {
    margin: 0 10px;
    font-size: 14px;
    line-height: 14px;
}
.sub-banner-section-outer .banner-section .btn_wrapper .sub_span {
    color: var(--e-global-color-accent);
}
.about-banner-section .sub_banner_shape{
    top: 0;
    left: 0;
    opacity: 0.4;
}

/* About Page About Company Section Style */

.aboutus_company_section{
    padding: 165px 0 195px;
}
.about_company_section .about_company_content .content_black_box {
    background-color: var(--e-global-color-mostly-black);
    padding: 52px 40px;
    border-radius: 8px;
    position: relative;
    width: 65%;
}
.about_company_section .about_company_content .margin_bottom{
    margin-bottom: 42px;
}
.about_company_section .content_black_box .images_wrapper .blackbox_image_one{
    position: absolute;
    top: -25px;
    left: 0;
}
.about_company_section .content_black_box .images_wrapper .blackbox_image_two{
    position: absolute;
    top: -25px;
    left: 25px;
}
.about_company_section .content_black_box .images_wrapper .blackbox_image_three{
    position: absolute;
    top: -25px;
    left: 45px;
}
.about_company_section .content_black_box .images_wrapper .blackbox_image_four{
    position: absolute;
    top: -25px;
    left: 68px;
}
.about_company_section .content_black_box .images_wrapper figure{
    transition: all 0.3s ease-in-out;
}
.about_company_section .content_black_box .images_wrapper figure:hover{
    transform: translateY(-5px);
}
.about_company_section .content_black_box .review_wrapper{
    display: inline-block;
    position: absolute;
    top: 25px;
    right: 55px;
}
.about_company_section .content_black_box .review_wrapper ul li{
    display: inline-block;
}
.about_company_section .content_black_box .review_wrapper ul li i{
    color: #ffc107;
    font-size: 14px;
    line-height: 14px;
    transition: all 0.3s ease-in-out;
}
.about_company_section .content_black_box .review_wrapper ul li i:hover{
    color: var(--e-global-color-accent);
}
.aboutus_company_section .top_shape{
    position: absolute;
    top: 0;
    right: 0;
}
/* About Page Professional Team Section Style */

.aboutus_professional_team_section{
    padding: 185px 0 140px;
}

/* About Page Testimonial Section Style */

.aboutus_testimonial_section {
    padding: 175px 0 150px;
}

/* Services Page Style */

/* Services Page Banner Section Style */

.services-banner-section::before{
    content: "";
    background-image: url('../images/services_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: initial;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 20%;
    top: 0;
    left: 0;
}
.services-banner-section .banner-section .banner-section-content{
    padding-left: 20px;
}
.services-banner-section .sub_banner_shape{
    top: 0;
    left: 0;
    opacity: 0.4;
}

/* Services Page Business Turnaround Section Style */

.business_turn_bond_communicate_section{
    padding: 138px 0 170px;
    overflow: hidden;
}
.business_turn_bond_communicate_images{
    transition: all 0.3s ease-in-out;
    background: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-accent);
    text-align: center;
    padding: 20px 20px;
    border-radius: 10px;
    height: 412px;
    width: 490px;
}
.business_turn_bond_communicate_images .main_image{
    top: 25px;
    right: -94px;
}
.business_turn_bond_communicate_images .main_image img{
    border-radius: 10px;
}
.business_turn_bond_communicate_images .bottom_shape{
    bottom: -82px;
    left: -60px;
    z-index: -1;
}
.business_turn_bond_communicate_images .top_shape{
    top: 0;
    right: 65px;
}
.business_turn_bond_communicate_section .business_turn_bond_communicate_content{
    padding-left: 80px;
    padding-top: 12px;
    position: relative;
    z-index: 1;
}
.business_turn_bond_communicate_section .business_turn_bond_communicate_content .zero_one{
    position: absolute;
    top: -5px;
    left: 68px;
    z-index: -1;
    opacity: 20%;
}
.business_turn_bond_communicate_section .business_turn_bond_communicate_content h2{
    color: var(--e-global-color-text);
    margin-bottom: 10px;
    padding-right: 60px;
    line-height: 50px;
    letter-spacing: -0.4px;
}
.business_turn_bond_communicate_section .business_turn_bond_communicate_content p{
    color: var(--e-global-color-text);
    margin-bottom: 26px;
    line-height: 25px;
}
.business_turn_bond_communicate_section .business_turn_bond_communicate_content ul li{
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: var(--e-global-color-text);
    margin-bottom: 14px;
    transition: all 0.3s ease-in-out;
}
.business_turn_bond_communicate_section .business_turn_bond_communicate_content ul li:hover{
    color: var(--e-global-color-secondary);
}
.business_turn_bond_communicate_section .business_turn_bond_communicate_content ul li i {
    border: 1px solid var(--e-global-color-accent);
    border-radius: 3px;
    background-color: transparent;
    color: var(--e-global-color-accent);
    font-size: 18px;
    line-height: 18px;
    height: 18px;
    width: 18px;
    padding: 0 3px;
    margin-right: 10px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    border-top-style: none;
    border-right-style: none;
}
.business_turn_bond_communicate_section .right_top_shape {
    top: -90px;
    right: 0;
}
.business_turn_bond_communicate_section .left_bottom_shape {
    bottom: -90px;
    left: 0;
}
.business_turn_bond_communicate_section .second_part_outer{
    padding-top: 180px;
}
.business_turn_bond_communicate_section .second_part_outer .business_turn_bond_communicate_content{
    padding-left: 0;
}
.business_turn_bond_communicate_section .second_part_outer .business_turn_bond_communicate_content .zero_one{
    left: -10px;
}
.business_turn_bond_communicate_section .second_part_outer .business_turn_bond_communicate_content h2{
    padding-right: 140px;
}
.business_turn_bond_communicate_section .second_part_outer .business_turn_bond_communicate_content p{
    padding-right: 45px;
}
.business_turn_bond_communicate_section .second_part_outer .business_turn_padding{
    padding-left: 50px;
}
.second_part_outer .business_turn_bond_communicate_images .main_image{
    left: -94px;
    right: unset;
}
.second_part_outer .business_turn_bond_communicate_images .bottom_shape{
    right: -58px;
    left: unset;
}
.second_part_outer .business_turn_bond_communicate_images .top_shape{
    left: 68px;
    right: unset;
}

/* Services Page Bond Communication Section Style */

.bond_communicate_section{
    padding: 128px 0 158px;
}

/* Contact Page Style */

/* Contact Page Banner Section Style */

.contact-banner-section::before{
    content: "";
    background-image: url('../images/contact_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: initial;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 20%;
    top: 0;
    left: 0;
}
.contact-banner-section .banner-section .banner-section-content{
    padding-left: 50px;
}
.contact-banner-section .sub_banner_shape{
    top: 0;
    left: 0;
    opacity: 0.4;
}

/* Contact Page Contact Detail Section Style */

.contact_detail_section{
    padding: 138px 0 135px;
    position: relative;
}
.contact_detail_section .contact_detail_content{
    text-align: center;
}
.contact_detail_section .contact_detail_content h2{
    margin-bottom: 78px;
    letter-spacing: 1.2px;
    color: var(--e-global-color-text);
}
.contact_detail_section .contact_detail_box_content{
    background-color: var(--e-global-color-soft-violet);
    border: 1px solid var(--e-global-color-soft-violet);
    width: 100%;
    padding: 60px 20px;
    text-align: center;
    border-radius: 10px;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.contact_detail_section .contact_detail_box_content:hover{
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-soft-violet);
}
.contact_detail_section .contact_detail_box_content h4{
    color: var(--e-global-color-white);
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}
.contact_detail_section .contact_detail_box_content:hover h4{
    color: var(--e-global-color-text);
}
.contact_detail_section .contact_detail_box_content p{
    color: var(--e-global-color-white);
    transition: all 0.3s ease-in-out;
}
.contact_detail_section .contact_detail_box_content:hover p{
    color: var(--e-global-color-text);
}
.contact_detail_section .contact_detail_box_content p:hover{
    color: var(--e-global-color-secondary);
}
.contact_detail_section .contact_detail_box_content .figure_wrapper{
    background-color: var(--e-global-color-soft-violet);
    text-align: center;
    border-radius: 100px;
    height: 70px;
    width: 70px;
    line-height: 70px;
    position: absolute;
    top: -36px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 35%);
}
.contact_detail_section .contact_detail_box_content .figure_wrapper figure img{
    transition: all 0.3s ease-in-out;
}
.contact_detail_section .contact_detail_box_content .figure_wrapper figure img:hover {
    transform: translateY(-5px);
}
.contact_detail_section .contact_detail_box_content::after {
    content: "";
    height: 2px;
    width: 70px;
    background-color: var(--e-global-color-white);
    display: inline-block;
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
}
.contact_detail_section .contact_detail_box_content:hover::after{
    background-color: var(--e-global-color-text);
}
.contact_detail_section .box{
    padding: 60px 20px 75px;
}
.contact_detail_section .box h4{
    margin-bottom: 20px;
}
.contact_detail_section .social_box{
    padding: 60px 20px 62px;
}
.contact_detail_section .social_box h4{
    margin-bottom: 18px;
}
.contact_detail_section .contact_detail_box_content ul{
    padding-left: 0;
}
.contact_detail_section .contact_detail_box_content ul li{
    margin-right: 5px;
}
.contact_detail_section .contact_detail_box_content ul li:last-child{
    margin-right: 0;
}
.contact_detail_section .contact_detail_box_content ul li i {
    font-size: 14px;
    font-weight: 400;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: transparent;
    color: var(--e-global-color-white);
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-white);
}
.contact_detail_section .contact_detail_box_content:hover ul li i{
    color: var(--e-global-color-text);
    border: 1px solid var(--e-global-color-text);
}
.contact_detail_section .contact_detail_box_content ul li i:hover{
    background-color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    color: var(--e-global-color-white);
}
.contact_detail_section .contact_detail_box_content ul li figure{
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: transparent;
    color: var(--e-global-color-white);
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-white);
}
.contact_detail_section .contact_detail_box_content:hover ul li figure{
    color: var(--e-global-color-text);
    border: 1px solid var(--e-global-color-text);
}
.contact_detail_section .contact_detail_box_content:hover ul li figure img{
    filter: brightness(0);
}
.contact_detail_section .contact_detail_box_content ul li figure:hover{
    background-color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    color: var(--e-global-color-white);
}
.contact_detail_section .contact_detail_box_content ul li figure:hover img{
    filter: brightness(1);
}

/* Contact Page Contact Map Section Style */

.contact_map_section {
    overflow: hidden;
}
.contact_map_section iframe {
    filter: grayscale(1);
}
.contact_map_section iframe:hover {
    filter: grayscale(0);
}

/* Contact Page Contact Form Section Style */

.contact_form_section{
    padding: 90px 0 150px;
}
.contact_form_section .contact_form_content{
    text-align: center;
}
.contact_form_section .contact_form_content h2{
    color: var(--e-global-color-text);
    margin-bottom: 35px;
    letter-spacing: 1.2px;
}
.contact_form_section input {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    height: 52px;
    background-color: transparent;
    color: #909091;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 16px 20px;
    width: 100%;
    overflow: visible;
    outline: none;
    margin-bottom: 20px;
}
.contact_form_section textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    background-color: transparent;
    color: #909091;
    border: 1px solid #ebebeb;
    border-radius: 5px;
    padding: 22px 20px;
    width: 100%;
    outline: none;
    height: 185px;
    margin-bottom: 25px;
    resize: none;
}
.contact_form_section .form-control:focus{
    box-shadow: none;
    outline: none;
    border: 1px solid #ebebeb;
}
.form-control::placeholder { 
    color: #909091;
}
.contact_form_section .form-group{
    position: relative;
}
.contact_form_section .form-group i {
    font-size: 22px;
    line-height: 22px;
    top: 15px;
    right: 20px;
    position: absolute;
    color: var(--e-global-color-accent);
}
.contact_form_section .form-group .phone-rotate {
    transform: rotate(227deg);
}
.contact_form_section button {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    border-style: none;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    outline: none;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1.4px;
    padding: 27px 97px 27px 35px;
    border-radius: 8px;
    display: inline-block;
}
.contact_form_section button:hover{
    background-color: var(--e-global-color-text);
    border: 1px solid var(--e-global-color-text);
}
.contact_form_section .form_button_wrapper {
    display: inline-block;
}
.contact_form_section .form_button_wrapper figure {
    position: absolute;
    top: 22px;
    right: 38px;
}

/* Blog Page Style */

/* Blog Page Banner Section Style */

.blog-banner-section::before{
    content: "";
    background-image: url('../images/blog_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: initial;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 15%;
    top: 0;
    left: 0;
}
.blog-banner-section .banner-section .banner-section-content{
    padding-left: 38px;
}
.blog-banner-section .sub_banner_shape{
    top: 0;
    left: 0;
    opacity: 0.4;
}

/* Single Case Page Style */

/* Single Case Page Banner Section Style */

.case-banner-section::before{
    content: "";
    background-image: url('../images/case_banner_background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: initial;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 15%;
    top: 0;
    left: 0;
}
.case-banner-section .banner-section .banner-section-content{
    padding-left: 28px;
}
.case-banner-section .sub_banner_shape{
    top: 0;
    left: 0;
    opacity: 0.4;
}

/* Single Case Page Insurance Consultancy Section Style */

.insurance_consultancy_section {
    padding: 210px 0 160px;
    position: relative;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper{
    margin-bottom: 45px;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper .insurance_consultancy_image{
    border: 30px solid #f4f4f4;
    border-radius: 10px;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper .insurance_consultancy_image img{
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper .insurance_consultancy_image_shape1{
    left: 0;
    bottom: 0;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper .insurance_consultancy_image_shape1 img{
    border-radius: 0 10px 0 10px;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper .insurance_consultancy_image_shape2{
    top: 0;
    right: 0;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper .insurance_consultancy_image_shape2 img{
    border-radius: 0 10px 0 10px;
}
.insurance_consultancy_section .insurance_consultancy_images_wrapper .insurance_consultancy_image_shape3{
    top: -110px;
    left: -110px;
    z-index: -1;
}
.insurance_consultancy_section h2 {
    color: var(--e-global-color-primary);
    letter-spacing: -0.6px;
    margin-bottom: 6px;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper{
    margin-bottom: 48px;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper .consulting_economy_wrapper{
    display: inline-block;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper .consulting_economy_wrapper .consulting_economy {
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: var(--e-global-color-soft-violet);
    letter-spacing: -0.2px;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper .consulting_economy_wrapper .slash {
    margin-left: 5px;
    margin-right: 9px;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper ul {
    float: right;
    margin-top: -20px;
    margin-right: 10px;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper ul li {
    margin-right: 10px;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper ul li:last-child {
    margin-right: 0;
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper ul li i {
    font-size: 18px;
    font-weight: 400;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: transparent;
    color: var(--e-global-color-accent);
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-accent);
}
.insurance_consultancy_section .consulting_economy_social_icons_wrapper ul li i:hover{
    background: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-accent);
}
.insurance_consultancy_section p {
    color: var(--e-global-color-dark-grayish);
    line-height: 34px;
    margin-bottom: 34px;
    padding-left: 3px;
}
.insurance_consultancy_section .last_p{
    margin-bottom: 40px;
}
.insurance_consultancy_section p span {
    color: var(--e-global-color-soft-violet);
    font-weight: 500;
    padding-left: 3px;
    transition: all 0.3s ease-in-out;
}
.insurance_consultancy_section p span:hover{
    color: var(--e-global-color-cool-dark-gray);
}
.insurance_consultancy_section .insurance_consultancy_content_wrapper{
    border-bottom: 1px solid #b2b2b2;
    position: relative;
    z-index: 1;
}
.insurance_consultancy_section .quote_p{
    color: var(--e-global-color-soft-violet);
    font-weight: 500;
    transition: all 0.3s ease-in-out;
}
.insurance_consultancy_section .quote_p:hover{
    color: var(--e-global-color-cool-dark-gray);
}
.insurance_consultancy_section .top_shape{
    top: 0;
    right: 0;
}
.insurance_consultancy_section .bottom_shape {
    bottom: 5px;
    right: 0;
}
.insurance_consultancy_section .insurance_consultancy_left_images_wrapper .insurance_consultancy_left_image{
    border-top: 25px solid #f4f4f4;
    border-bottom: 20px solid #f4f4f4;
    border-left: 25px solid #f4f4f4;
    border-right: 20px solid #f4f4f4;
    border-radius: 10px;
}
.insurance_consultancy_section .insurance_consultancy_left_images_wrapper .insurance_consultancy_left_image img{
    border-radius: 10px;
    position: relative;
    z-index: 1;
    width: 100%;
}
.insurance_consultancy_section .insurance_consultancy_left_images_wrapper .insurance_consultancy_left_image_shape1 {
    left: 0;
    top: 15px;
}
.insurance_consultancy_section .insurance_consultancy_left_images_wrapper .insurance_consultancy_left_image_shape1 img{
    border-radius: 10px 0 10px 0;
}
.insurance_consultancy_section .insurance_consultancy_left_images_wrapper .insurance_consultancy_left_image_shape2{
    bottom: 0;
    right: 0;
}
.insurance_consultancy_section .insurance_consultancy_left_images_wrapper .insurance_consultancy_left_image_shape2 img{
    border-radius: 10px 0 10px 0;
}
.insurance_consultancy_section .insurance_consultancy_left_images_wrapper .insurance_consultancy_left_image_shape3 {
    top: -60px;
    right: -80px;
    z-index: -1;
}
.insurance_consultancy_section .bottom_content_wrapper {
    padding-top: 112px;
}
.insurance_consultancy_section .bottom_content_wrapper .insurance_consultancy_left_images_wrapper {
    width: 84%;
    padding-top: 15px;
}

/* Cases Page Style */

/* Cases Page Case Studies Section Style */

.cases_case_studies_section {
    padding: 150px 0 140px;
}
.cases_case_studies_section .case_studies_images_wrapper .case_studies_image2 {
    float: left;
}
.cases_case_studies_section .case_studies_images_wrapper .case_studies_image3 {
    right: -82px;
    left: unset;
}
.cases_case_studies_section .case_studies_content .case_studies_image1 {
    float: right;
}
.cases_case_studies_section .bottom_shape {
    left: 0;
    right: unset;
}
.cases_case_studies_section .case_studies_images_wrapper .bottom_line {
    left: 0;
    top: 490px;
}
.cases_case_studies_section .case_studies_images_wrapper .top_line {
    right: unset;
    left: -35px;
}
.cases_case_studies_section .case_studies_content .circle_shape {
    bottom: unset;
    left: unset;
    right: -140px;
    opacity: unset;
    top: 400px;
}

/* Cases Page Financial Consultancy Section Style */

.financial_consultancy_section {
    padding: 130px 0;
    background-color: #f9f9f9;
    position: relative;
}
.financial_consultancy_section .financial_consultancy_wrapper{
    position: relative;
    margin-bottom: 20px;
}
.financial_consultancy_section .financial_consultancy_content{
    display: inline-block;
}
.financial_consultancy_section .financial_consultancy_content h2{
    color: var(--e-global-color-primary);
    letter-spacing: -1.2px;
    margin-bottom: 0;
    padding-right: 156px;
    line-height: 48px;
}
.financial_consultancy_section .financial_consultancy_content .zero_two {
    position: absolute;
    top: -20px;
    left: -22px;
    opacity: 20%;
}
.financial_consultancy_section .financial_consultancy_wrapper ul {
    position: absolute;
    bottom: 8px;
    right: 0;
}
.financial_consultancy_section .financial_consultancy_wrapper ul li {
    margin-right: 8px;
}
.financial_consultancy_section .financial_consultancy_wrapper ul li:last-child {
    margin-right: 0;
}
.financial_consultancy_section .financial_consultancy_wrapper ul li i {
    font-size: 16px;
    font-weight: 400;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: var(--e-global-color-white);
    color: var(--e-global-color-accent);
    border-radius: 100px;
    transition: all 0.3s ease-in-out;
    border: 1px solid var(--e-global-color-accent);
}
.financial_consultancy_section .financial_consultancy_wrapper ul li i:hover{
    background: var(--e-global-color-accent);
    color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-accent);
}
.financial_consultancy_section .financial_consultancy_box {
    background-color: var(--e-global-color-white);
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 10px;
    width: 100%;
    position: relative;
    padding: 40px 30px 62px;
}
.financial_consultancy_section .financial_consultancy_box p {
    color: var(--e-global-color-dark-grayish);
    line-height: 28px;
}
.financial_consultancy_section .financial_consultancy_box .financial_consulting_economy_wrapper {
    margin-bottom: 18px;
}
.financial_consultancy_section .financial_consultancy_box .financial_consulting_economy_wrapper .financial_consulting_economy {
    font-family: 'Quicksand', sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    color: var(--e-global-color-soft-violet);
    letter-spacing: -0.4px;
}
.financial_consultancy_section .financial_consultancy_box .financial_consulting_economy_wrapper .slash {
    margin-left: 7px;
    margin-right: 9px;
}
.financial_consultancy_section .financial_consultancy_box .btn_wrapper {
    position: absolute;
    bottom: -40px;
    left: 30px;
}
.financial_consultancy_section .financial_consultancy_box .btn_wrapper a {
    padding: 28px 92px 26px 32px;
    border-radius: 8px;
    display: inline-block;
    color: var(--e-global-color-white);
    background-color: var(--e-global-color-accent);
    border: 1px solid var(--e-global-color-accent);
    position: relative;
    letter-spacing: 1.4px;
    transition: all 0.3s ease-in-out;
}
.financial_consultancy_section .financial_consultancy_box .btn_wrapper a:hover{
    background-color: var(--e-global-color-text);
    border: 1px solid var(--e-global-color-text);
}
.financial_consultancy_section .financial_consultancy_box .btn_wrapper a .white_arrow {
    position: absolute;
    top: 25px;
    right: 38px;
}
.financial_consultancy_section .financial_consultancy_content_wrapper {
    position: relative;
    z-index: 1;
}
.financial_consultancy_section .bottom_shape {
    position: absolute;
    bottom: 0;
    left: 0;
}
.financial_consultancy_section .financial_consulting-images_wrapper {
    padding-top: 15px;
}
.financial_consultancy_section .financial_consulting-images_wrapper .financial_consulting-image{
    border-top: 25px solid #f4f4f4;
    border-right: 25px solid #f4f4f4;
    border-bottom: 20px solid #f4f4f4;
    border-left: 20px solid #f4f4f4;
    border-radius: 10px;
}
.financial_consultancy_section .financial_consulting-images_wrapper .financial_consulting-image img{
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.financial_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape1{
    top: 253px;
    left: 85px;
}
.financial_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape1 img{
    border-radius: 0 10px 0 10px;
}
.financial_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape2{
    top: 15px;
    right: 0;
}
.financial_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape2 img{
    border-radius: 0 10px 0 10px;
}
.financial_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape3{
    top: -57px;
    left: 8px;
    z-index: -1;
}

/* Cases Page Business Consultancy Section Style */

.business_consultancy_section{
    padding: 140px 0 190px;
    background-color: var(--e-global-color-white);
}
.business_consultancy_section .financial_consulting-images_wrapper .financial_consulting-image {
    border-top: 25px solid #f4f4f4;
    border-right: 20px solid #f4f4f4;
    border-bottom: 20px solid #f4f4f4;
    border-left: 25px solid #f4f4f4;
}
.business_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape1{
    right: 85px;
    left: unset;
}
.business_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape1 img{
    border-radius: 10px 0 10px 0;
}
.business_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape2{
    left: 0;
    right: unset;
}
.business_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape2 img{
    border-radius: 10px 0 10px 0;
}
.business_consultancy_section .financial_consulting-images_wrapper .financial_consulting_image_shape3{
    right: 8px;
    left: unset;
}

/* Cases Page Insurance Consultancy Section Style */

.insurance_consultancy {
    padding: 230px 0 165px;
    background-color: var(--e-global-color-white);
    position: unset;
}


























/*====================================================
      MYRA SERVICES SECTION
=====================================================*/

.myra-services{
    padding:100px 0;
    background:#f7f9fc;
    overflow:hidden;
}

.myra-heading{
    text-align:center;
    margin-bottom:80px;
}

.myra-heading h5{
    color:#d4a017;
    font-size:18px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:2px;
    margin-bottom:12px;
}

.myra-heading h2{
    font-size:42px;
    font-weight:700;
    color:#14213d;
    margin-bottom:20px;
    line-height:1.3;
}

.myra-heading p{
    max-width:900px;
    margin:auto;
    color:#6b7280;
    line-height:30px;
    font-size:17px;
}

.myra-service-row{
    display:flex;
    align-items:center;
    margin-bottom:90px;
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.myra-service-image{
    flex:1;
    position:relative;
    overflow:hidden;
}

.myra-service-image img{
    width:100%;
    transition:.5s;
}

.myra-service-row:hover img{
    transform:scale(1.08);
}

.myra-service-content{
    flex:1;
    padding:60px;
}

.myra-number{

    width:70px;
    height:70px;
    border-radius:50%;
    background:#d4a017;
    color:#fff;
    font-size:28px;
    font-weight:bold;

    display:flex;
    align-items:center;
    justify-content:center;

    margin-bottom:30px;
}

.myra-service-content h3{

    font-size:34px;
    color:#14213d;
    margin-bottom:20px;
    font-weight:700;

}

.myra-service-content p{

    color:#666;
    line-height:30px;
    margin-bottom:35px;

}

.myra-subtitle{

    color:#14213d;
    font-size:22px;
    font-weight:700;
    margin:35px 0 20px;

}

.myra-list{

    display:flex;
    flex-wrap:wrap;
    gap:15px;

}

.myra-list div{

    width:calc(50% - 8px);
    background:#f7f9fc;
    border-left:5px solid #d4a017;
    padding:16px 18px;
    border-radius:12px;

    transition:.35s;

}

.myra-list div:hover{

    background:#14213d;
    color:#fff;
    transform:translateY(-5px);

}

.myra-list i{

    color:#d4a017;
    margin-right:10px;

}

@media(max-width:991px){

.myra-service-row{

flex-direction:column;

}

.myra-service-row.reverse{

flex-direction:column-reverse;

}

.myra-service-image img{

height:380px;

}

.myra-service-content{

padding:35px;

}

.myra-list div{

width:100%;

}

.myra-heading h2{

font-size:34px;

}

}

@media(max-width:576px){

.myra-heading h2{

font-size:28px;

}

.myra-service-content h3{

font-size:26px;

}

}














/*===============================
 INDUSTRIES
================================*/

.myra-industries{

padding:110px 0;

background:#ffffff;

}

.myra-industry-heading{

text-align:center;

margin-bottom:70px;

}

.myra-industry-heading span{

display:inline-block;

color:#d4a017;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

margin-bottom:10px;

}

.myra-industry-heading h2{

font-size:42px;

font-weight:700;

color:#14213d;

margin-bottom:20px;

}

.myra-industry-heading p{

max-width:850px;

margin:auto;

line-height:30px;

color:#666;

}

.myra-industry-card{

background:#fff;

padding:40px 30px;

border-radius:20px;

text-align:center;

height:100%;

transition:.4s;

border:1px solid #eee;

box-shadow:0 12px 40px rgba(0,0,0,.06);

}

.myra-industry-card:hover{

transform:translateY(-12px);

background:#14213d;

}

.myra-industry-card:hover h4,

.myra-industry-card:hover p{

color:#fff;

}

.myra-industry-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

border-radius:50%;

background:#fff8e5;

display:flex;

align-items:center;

justify-content:center;

transition:.4s;

}

.myra-industry-card:hover .myra-industry-icon{

background:#d4a017;

}

.myra-industry-icon i{

font-size:36px;

color:#d4a017;

transition:.4s;

}

.myra-industry-card:hover .myra-industry-icon i{

color:#fff;

}

.myra-industry-card h4{

font-size:22px;

margin-bottom:15px;

color:#14213d;

}

.myra-industry-card p{

font-size:15px;

line-height:28px;

color:#666;

margin:0;

}

@media(max-width:768px){

.myra-industry-heading h2{

font-size:30px;

}

.myra-industries{

padding:70px 0;

}

}


 
 
 
 
 
 
 .myra-feature{

display:flex;
gap:25px;
padding:30px;
border-radius:20px;
height:100%;
transition:.35s;
box-shadow:0 18px 45px rgba(0,0,0,.08);
border:none;
position:relative;
overflow:hidden;

}

.myra-feature:hover{

transform:translateY(-10px) scale(1.02);
box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.myra-feature::before{

content:"";
position:absolute;
top:0;
left:0;
width:6px;
height:100%;

}



/*---------------------------------------------------
Tile 1
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(1) .myra-feature{

background:#EAF7F0;

}

.myra-choose .col-lg-6:nth-child(1) .myra-feature::before{

background:#2E8B57;

}

.myra-choose .col-lg-6:nth-child(1) h4{

color:#0F5132;

}

.myra-choose .col-lg-6:nth-child(1) p{

color:#2C5E49;

}

.myra-choose .col-lg-6:nth-child(1) .myra-feature-icon{

background:#2E8B57;

}

.myra-choose .col-lg-6:nth-child(1) .myra-feature-icon i{

color:#fff;

}

/*---------------------------------------------------
Tile 2
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(2) .myra-feature{

background:#FFF5E6;

}

.myra-choose .col-lg-6:nth-child(2) .myra-feature::before{

background:#E67E22;

}

.myra-choose .col-lg-6:nth-child(2) h4{

color:#8A4B08;

}

.myra-choose .col-lg-6:nth-child(2) p{

color:#7A5C3B;

}

.myra-choose .col-lg-6:nth-child(2) .myra-feature-icon{

background:#E67E22;

}

.myra-choose .col-lg-6:nth-child(2) .myra-feature-icon i{

color:#fff;

}

/*---------------------------------------------------
Tile 3
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(3) .myra-feature{

background:#EDF4FF;

}

.myra-choose .col-lg-6:nth-child(3) .myra-feature::before{

background:#2563EB;

}

.myra-choose .col-lg-6:nth-child(3) h4{

color:#153E75;

}

.myra-choose .col-lg-6:nth-child(3) p{

color:#355070;

}

.myra-choose .col-lg-6:nth-child(3) .myra-feature-icon{

background:#2563EB;

}

.myra-choose .col-lg-6:nth-child(3) .myra-feature-icon i{

color:#fff;

}

/*---------------------------------------------------
Tile 4
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(4) .myra-feature{

background:#FFF0F4;

}

.myra-choose .col-lg-6:nth-child(4) .myra-feature::before{

background:#D63384;

}

.myra-choose .col-lg-6:nth-child(4) h4{

color:#8A2042;

}

.myra-choose .col-lg-6:nth-child(4) p{

color:#73455B;

}

.myra-choose .col-lg-6:nth-child(4) .myra-feature-icon{

background:#D63384;

}

.myra-choose .col-lg-6:nth-child(4) .myra-feature-icon i{

color:#fff;

}

/*---------------------------------------------------
Tile 5
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(5) .myra-feature{

background:#F3EEFF;

}

.myra-choose .col-lg-6:nth-child(5) .myra-feature::before{

background:#7C3AED;

}

.myra-choose .col-lg-6:nth-child(5) h4{

color:#4B2E83;

}

.myra-choose .col-lg-6:nth-child(5) p{

color:#5E548E;

}

.myra-choose .col-lg-6:nth-child(5) .myra-feature-icon{

background:#7C3AED;

}

.myra-choose .col-lg-6:nth-child(5) .myra-feature-icon i{

color:#fff;

}

/*---------------------------------------------------
Tile 6
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(6) .myra-feature{

background:#FFFBEA;

}

.myra-choose .col-lg-6:nth-child(6) .myra-feature::before{

background:#C89B00;

}

.myra-choose .col-lg-6:nth-child(6) h4{

color:#7A5A00;

}

.myra-choose .col-lg-6:nth-child(6) p{

color:#6F5A28;

}

.myra-choose .col-lg-6:nth-child(6) .myra-feature-icon{

background:#C89B00;

}

.myra-choose .col-lg-6:nth-child(6) .myra-feature-icon i{

color:#fff;

}

/*---------------------------------------------------
Tile 7
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(7) .myra-feature{

background:#EAFBFC;

}

.myra-choose .col-lg-6:nth-child(7) .myra-feature::before{

background:#0EA5A8;

}

.myra-choose .col-lg-6:nth-child(7) h4{

color:#0B5D66;

}

.myra-choose .col-lg-6:nth-child(7) p{

color:#40656A;

}

.myra-choose .col-lg-6:nth-child(7) .myra-feature-icon{

background:#0EA5A8;

}

.myra-choose .col-lg-6:nth-child(7) .myra-feature-icon i{

color:#fff;

}

/*---------------------------------------------------
Tile 8
---------------------------------------------------*/

.myra-choose .col-lg-6:nth-child(8) .myra-feature{

background:#F5F5F5;

}

.myra-choose .col-lg-6:nth-child(8) .myra-feature::before{

background:#374151;

}

.myra-choose .col-lg-6:nth-child(8) h4{

color:#111827;

}

.myra-choose .col-lg-6:nth-child(8) p{

color:#4B5563;

}

.myra-choose .col-lg-6:nth-child(8) .myra-feature-icon{

background:#374151;

}

.myra-choose .col-lg-6:nth-child(8) .myra-feature-icon i{

color:#fff;

}



.myra-feature:hover{

transform:translateY(-10px) scale(1.03);
box-shadow:0 25px 70px rgba(0,0,0,.18);

}

.myra-feature:hover .myra-feature-icon{

transform:rotate(10deg) scale(1.08);

}



/*==================================
FOUNDER
===================================*/

.myra-founder{

padding:120px 0;

background:linear-gradient(180deg,#ffffff,#f7f9fc);

overflow:hidden;

}

.myra-founder-heading{

text-align:center;

margin-bottom:80px;

}

.myra-founder-heading h5{

color:#D4A017;

text-transform:uppercase;

letter-spacing:2px;

font-weight:700;

margin-bottom:12px;

}

.myra-founder-heading h2{

font-size:44px;

font-weight:700;

color:#14213d;

margin-bottom:20px;

}

.myra-founder-heading p{

max-width:800px;

margin:auto;

color:#666;

line-height:30px;

}

.myra-founder-image{

position:relative;

}

.myra-founder-image img{

border-radius:25px;

box-shadow:0 20px 70px rgba(0,0,0,.15);

}

.myra-founder-badge{

position:absolute;

right:-20px;

bottom:40px;

width:150px;

height:150px;

border-radius:50%;

background:#D4A017;

color:#fff;

display:flex;

align-items:center;

justify-content:center;

flex-direction:column;

font-weight:700;

box-shadow:0 20px 40px rgba(0,0,0,.2);

}

.myra-founder-badge span{

font-size:42px;

line-height:42px;

}

.myra-founder-content{

padding-left:40px;

}

.myra-founder-content h6{

color:#D4A017;

text-transform:uppercase;

letter-spacing:2px;

margin-bottom:10px;

}

.myra-founder-content h3{

font-size:38px;

color:#14213d;

margin-bottom:25px;

font-weight:700;

}

.myra-founder-designation{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-bottom:30px;

}

.myra-founder-designation span{

background:#14213d;

color:#fff;

padding:10px 18px;

border-radius:30px;

font-size:14px;

}

.myra-founder-content p{

line-height:30px;

color:#555;

margin-bottom:20px;

}

.myra-signature{

margin-top:35px;

border-top:2px dashed #ddd;

padding-top:20px;

}

.myra-signature h4{

margin-bottom:5px;

color:#14213d;

}

.myra-signature span{

color:#777;

}

.myra-founder-box{

background:#fff;

padding:40px 25px;

border-radius:20px;

text-align:center;

box-shadow:0 15px 40px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.myra-founder-box:hover{

background:#14213d;

transform:translateY(-10px);

}

.myra-founder-box i{

font-size:42px;

color:#D4A017;

margin-bottom:20px;

}

.myra-founder-box h4{

font-size:20px;

color:#14213d;

margin:0;

}

.myra-founder-box:hover h4{

color:#fff;

}

@media(max-width:991px){

.myra-founder-content{

padding-left:0;

margin-top:40px;

}

.myra-founder-badge{

right:20px;

}

}

@media(max-width:576px){

.myra-founder-heading h2{

font-size:32px;

}

.myra-founder-content h3{

font-size:28px;

}

.myra-founder-badge{

width:120px;

height:120px;

}

}


/*====================================
      MYRA STATISTICS
=====================================*/

.myra-stats-section{

padding:110px 0;

background:linear-gradient(135deg,#0f172a,#14213d);

position:relative;

overflow:hidden;

}

.myra-stats-section::before{

content:"";

position:absolute;

width:500px;

height:500px;

background:rgba(255,255,255,.05);

border-radius:50%;

top:-180px;

left:-180px;

}

.myra-stats-section::after{

content:"";

position:absolute;

width:450px;

height:450px;

background:rgba(255,255,255,.04);

border-radius:50%;

right:-150px;

bottom:-150px;

}

.myra-stats-heading{

text-align:center;

margin-bottom:70px;

position:relative;

z-index:2;

}

.myra-stats-heading h5{

color:#F4C430;

text-transform:uppercase;

letter-spacing:2px;

font-weight:700;

margin-bottom:15px;

}

.myra-stats-heading h2{

font-size:44px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

.myra-stats-heading p{

max-width:850px;

margin:auto;

color:#d8d8d8;

line-height:30px;

}

.myra-stat-card{

padding:45px 30px;

border-radius:22px;

text-align:center;

height:100%;

transition:.4s;

position:relative;

overflow:hidden;

backdrop-filter:blur(15px);

box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.myra-stat-card:hover{

transform:translateY(-12px);

}

.stat1{

background:#EAF7F0;

}

.stat2{

background:#FFF4E5;

}

.stat3{

background:#EDF4FF;

}

.stat4{

background:#F4EEFF;

}

.myra-stat-icon{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

font-size:36px;

color:#fff;

}

.stat1 .myra-stat-icon{

background:#2E8B57;

}

.stat2 .myra-stat-icon{

background:#D97706;

}

.stat3 .myra-stat-icon{

background:#2563EB;

}

.stat4 .myra-stat-icon{

background:#7C3AED;

}

.myra-stat-card h2{

font-size:50px;

font-weight:700;

margin-bottom:10px;

}

.stat1 h2{

color:#2E8B57;

}

.stat2 h2{

color:#D97706;

}

.stat3 h2{

color:#2563EB;

}

.stat4 h2{

color:#7C3AED;

}

.myra-stat-card h4{

font-size:24px;

font-weight:700;

margin-bottom:18px;

color:#14213d;

}

.myra-stat-card p{

font-size:15px;

line-height:28px;

color:#555;

margin:0;

}

@media(max-width:991px){

.myra-stats-heading h2{

font-size:34px;

}

}

@media(max-width:576px){

.myra-stats-section{

padding:80px 0;

}

.myra-stats-heading h2{

font-size:28px;

}

.myra-stat-card{

padding:35px 25px;

}

.myra-stat-card h2{

font-size:40px;

}

}


.myra-ribbon{

display:inline-flex;

align-items:center;

gap:12px;

background:#F4C430;

padding:14px 28px;

border-radius:50px;

font-weight:600;

color:#14213d;

margin-bottom:40px;

box-shadow:0 12px 35px rgba(0,0,0,.15);

}

.myra-ribbon i{

font-size:20px;

}




/*===================================
Professional Credentials
====================================*/

.myra-credentials{

padding:110px 0;

background:#ffffff;

}

.credential-card{

background:#fff;

padding:45px 30px;

text-align:center;

border-radius:20px;

box-shadow:0 15px 45px rgba(0,0,0,.08);

border-top:5px solid #D4A017;

transition:.35s;

height:100%;

}

.credential-card:hover{

transform:translateY(-10px);

}

.credential-icon{

width:90px;

height:90px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

margin-bottom:25px;

font-size:36px;

color:#fff;

}

.credential-card h4{

font-size:22px;

margin-bottom:18px;

color:#14213d;

}

.credential-card p{

line-height:28px;

color:#666;

margin:0;

}



/*==================================
SERVICE PROCESS
===================================*/

.myra-process{

padding:110px 0;

background:#f7f9fc;

}

.process-card{

background:#fff;

padding:45px 30px;

text-align:center;

border-radius:20px;

position:relative;

box-shadow:0 18px 45px rgba(0,0,0,.08);

transition:.35s;

height:100%;

}

.process-card:hover{

background:#14213d;

transform:translateY(-10px);

}

.process-number{

position:absolute;

top:-18px;

left:30px;

width:50px;

height:50px;

background:#D4A017;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

color:#fff;

}

.process-card i{

font-size:50px;

color:#D4A017;

margin-bottom:25px;

margin-top:20px;

}

.process-card h4{

font-size:22px;

margin-bottom:18px;

color:#14213d;

}

.process-card p{

line-height:28px;

color:#666;

margin:0;

}

.process-card:hover h4,

.process-card:hover p{

color:#fff;

}






 
 
 
 
 
 
 
 
 
 
 
 
 /*======================================================
MYRA PREMIUM TESTIMONIALS
======================================================*/

.myra-testimonials{
    padding:110px 0;
    background:linear-gradient(180deg,#f8fafc,#ffffff);
    overflow:hidden;
}

.myra-testimonials .section-title{
    text-align:center;
    margin-bottom:70px;
}

.myra-testimonials .section-title span{
    color:#D4A017;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:700;
    display:block;
    margin-bottom:12px;
}

.myra-testimonials .section-title h2{
    font-size:44px;
    font-weight:700;
    color:#14213d;
    margin-bottom:20px;
}

.myra-testimonials .section-title p{
    max-width:850px;
    margin:auto;
    color:#666;
    line-height:30px;
}

.myra-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}

.myra-testimonial{

position:relative;

padding:40px;

border-radius:25px;

transition:.4s;

overflow:hidden;

box-shadow:0 20px 60px rgba(0,0,0,.08);

height:100%;

}

.myra-testimonial:hover{

transform:translateY(-12px);

box-shadow:0 30px 80px rgba(0,0,0,.15);

}

.quote-icon{

position:absolute;

right:25px;

top:15px;

font-size:70px;

opacity:.12;

}

.rating{

color:#ffb400;

font-size:20px;

letter-spacing:3px;

margin-bottom:25px;

}

.testimonial-text{

font-size:16px;

line-height:31px;

font-style:italic;

margin-bottom:35px;

}

.client{

display:flex;

align-items:center;

}

.avatar{

width:65px;

height:65px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin-right:18px;

font-size:26px;

color:#fff;

flex-shrink:0;

}

.client h4{

margin:0;

font-size:20px;

font-weight:700;

}

.client span{

display:block;

margin-top:5px;

font-size:14px;

opacity:.8;

}

/* Individual Card Colors */

.t1{

background:#EDF7FF;

}

.t1 .quote-icon,
.t1 .rating{

color:#0D6EFD;

}

.t1 .avatar{

background:#0D6EFD;

}



.t2{

background:#FFF7E8;

}

.t2 .quote-icon,
.t2 .rating{

color:#E67E22;

}

.t2 .avatar{

background:#E67E22;

}



.t3{

background:#EEF9F2;

}

.t3 .quote-icon,
.t3 .rating{

color:#28A745;

}

.t3 .avatar{

background:#28A745;

}



@media(max-width:991px){

.myra-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.myra-grid{

grid-template-columns:1fr;

}

.myra-testimonials .section-title h2{

font-size:32px;

}

.myra-testimonial{

padding:30px;

}

}

/* Card 4 */

.t4{
background:#FFF1F5;
}

.t4 .quote-icon,
.t4 .rating{
color:#D63384;
}

.t4 .avatar{
background:#D63384;
}


/* Card 5 */

.t5{
background:#F4EEFF;
}

.t5 .quote-icon,
.t5 .rating{
color:#7C3AED;
}

.t5 .avatar{
background:#7C3AED;
}


/* Card 6 */

.t6{
background:#ECFEFF;
}

.t6 .quote-icon,
.t6 .rating{
color:#0891B2;
}

.t6 .avatar{
background:#0891B2;
}

/*=====================================
CARD 7
======================================*/

.t7{
background:#FFFBE8;
}

.t7 .quote-icon,
.t7 .rating{
color:#C89B00;
}

.t7 .avatar{
background:#C89B00;
}


/*=====================================
CARD 8
======================================*/

.t8{
background:#EEF3FF;
}

.t8 .quote-icon,
.t8 .rating{
color:#3F51B5;
}

.t8 .avatar{
background:#3F51B5;
}


/*=====================================
CARD 9
======================================*/

.t9{
background:#FFF3F3;
}

.t9 .quote-icon,
.t9 .rating{
color:#DC3545;
}

.t9 .avatar{
background:#DC3545;
}











/*=====================================
FAQ
======================================*/

.myra-faq-section{

padding:110px 0;

background:#f8fafc;

}

.myra-faq-left{

padding-right:40px;

}

.faq-tag{

display:inline-block;

background:#FFF7E6;

color:#D4A017;

padding:10px 22px;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.myra-faq-left h2{

font-size:42px;

font-weight:700;

color:#14213d;

margin-bottom:20px;

line-height:1.3;

}

.myra-faq-left p{

line-height:30px;

color:#666;

margin-bottom:35px;

}

.faq-btn{

display:inline-block;

padding:16px 35px;

background:#14213d;

color:#fff;

border-radius:50px;

text-decoration:none;

transition:.35s;

}

.faq-btn:hover{

background:#D4A017;

color:#fff;

}

.myra-faq .accordion-item{

border:none;

margin-bottom:18px;

border-radius:18px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.myra-faq .accordion-button{

font-size:18px;

font-weight:600;

padding:22px 25px;

background:#fff;

color:#14213d;

box-shadow:none;

}

.myra-faq .accordion-button:not(.collapsed){

background:#14213d;

color:#fff;

}

.myra-faq .accordion-button:focus{

box-shadow:none;

}

.myra-faq .accordion-body{

padding:22px 25px;

line-height:30px;

color:#666;

background:#fff;

}

@media(max-width:991px){

.myra-faq-left{

padding-right:0;

margin-bottom:50px;

}

.myra-faq-left h2{

font-size:34px;

}

}

@media(max-width:767px){

.myra-faq-section{

padding:80px 0;

}

.myra-faq-left h2{

font-size:28px;

}

.myra-faq .accordion-button{

font-size:16px;

}

}



 
 
 
 /*========================================
CONTACT TILES
========================================*/

.myra-contact-info{

padding:110px 0 70px;

background:#f8fafc;

}

.myra-contact-card{

height:100%;

padding:35px;

border-radius:22px;

text-align:center;

transition:.4s;

box-shadow:0 15px 45px rgba(0,0,0,.08);

}

.myra-contact-card:hover{

transform:translateY(-12px);

box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.myra-contact-card .icon{

width:85px;

height:85px;

margin:auto;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

margin-bottom:25px;

color:#fff;

}

.myra-contact-card h3{

font-size:24px;

font-weight:700;

margin-bottom:20px;

}

.myra-contact-card p{

line-height:30px;

margin-bottom:15px;

}

.myra-contact-card strong{

font-size:16px;

}

.office{

background:#EDF6FF;

}

.office h3{

color:#1565C0;

}

.office .icon{

background:#1565C0;

}



.phone{

background:#FFF6E8;

}

.phone h3{

color:#EF6C00;

}

.phone .icon{

background:#EF6C00;

}



.email{

background:#EEF9F1;

}

.email h3{

color:#2E7D32;

}

.email .icon{

background:#2E7D32;

}



.vashi{

background:#FFF1F7;

}

.vashi h3{

color:#C2185B;

}

.vashi .icon{

background:#C2185B;

}



.panvel{

background:#F4F0FF;

}

.panvel h3{

color:#6A1B9A;

}

.panvel .icon{

background:#6A1B9A;

}



.mangaon{

background:#ECFCFF;

}

.mangaon h3{

color:#00838F;

}

.mangaon .icon{

background:#00838F;

}


/*====================================
ENQUIRY FORM
=====================================*/

.myra-enquiry-section{

padding:40px 0 100px;

background:#f8fafc;

}

.myra-enquiry-wrapper{

background:#fff;

border-radius:30px;

padding:60px;

box-shadow:0 25px 70px rgba(0,0,0,.08);

}

.enquiry-left{

padding-right:35px;

}

.mini-title{

display:inline-block;

background:#FFF7E8;

color:#D4A017;

padding:10px 22px;

border-radius:30px;

font-weight:600;

margin-bottom:20px;

}

.enquiry-left h2{

font-size:42px;

font-weight:700;

color:#14213d;

margin-bottom:20px;

}

.enquiry-left p{

line-height:31px;

color:#666;

margin-bottom:35px;

}

.enquiry-points{

padding:0;

margin:0;

list-style:none;

}

.enquiry-points li{

margin-bottom:16px;

font-weight:600;

color:#14213d;

}

.enquiry-points li i{

color:#2E7D32;

margin-right:10px;

}

.myra-form input,

.myra-form select,

.myra-form textarea{

width:100%;

padding:17px 22px;

margin-bottom:22px;

border:1px solid #ddd;

border-radius:14px;

outline:none;

transition:.3s;

font-size:15px;

}

.myra-form input:focus,

.myra-form select:focus,

.myra-form textarea:focus{

border-color:#D4A017;

box-shadow:0 0 0 4px rgba(212,160,23,.10);

}

.myra-form textarea{

resize:none;

}

.myra-form button{

background:#14213d;

color:#fff;

padding:18px 40px;

border:none;

border-radius:50px;

font-size:17px;

font-weight:600;

transition:.35s;

}

.myra-form button:hover{

background:#D4A017;

}

.myra-form button i{

margin-left:10px;

}

@media(max-width:991px){

.myra-enquiry-wrapper{

padding:35px;

}

.enquiry-left{

padding-right:0;

margin-bottom:40px;

}

.enquiry-left h2{

font-size:34px;

}

}

@media(max-width:767px){

.myra-enquiry-wrapper{

padding:25px;

}

.enquiry-left h2{

font-size:30px;

}

}


/*=========================================
OUR OFFICES
=========================================*/

.myra-offices-section{

padding:100px 0;

background:#ffffff;

}

.office-location-card{

padding:40px;

border-radius:24px;

text-align:center;

height:100%;

transition:.35s;

box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.office-location-card:hover{

transform:translateY(-10px);

box-shadow:0 30px 70px rgba(0,0,0,.15);

}

.office-icon{

width:90px;

height:90px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

margin:auto;

margin-bottom:25px;

font-size:34px;

color:#fff;

}

.office-location-card h3{

font-size:26px;

margin-bottom:20px;

font-weight:700;

}

.office-location-card p{

line-height:30px;

margin-bottom:25px;

min-height:160px;

}

.office-phone{

font-size:18px;

font-weight:700;

margin-bottom:30px;

}

.office-phone i{

margin-right:10px;

}

.office-buttons{

display:flex;

justify-content:center;

gap:15px;

flex-wrap:wrap;

}

.office-buttons a{

padding:12px 22px;

border-radius:50px;

text-decoration:none;

font-weight:600;

transition:.35s;

}

.office-blue{

background:#EDF6FF;

}

.office-blue .office-icon{

background:#1565C0;

}

.office-blue h3{

color:#1565C0;

}

.office-blue .office-buttons a:first-child{

background:#1565C0;

color:#fff;

}

.office-blue .office-buttons a:last-child{

background:#fff;

color:#1565C0;

border:2px solid #1565C0;

}

.office-purple{

background:#F4F0FF;

}

.office-purple .office-icon{

background:#6A1B9A;

}

.office-purple h3{

color:#6A1B9A;

}

.office-purple .office-buttons a:first-child{

background:#6A1B9A;

color:#fff;

}

.office-purple .office-buttons a:last-child{

background:#fff;

color:#6A1B9A;

border:2px solid #6A1B9A;

}

.office-green{

background:#EEF9F1;

}

.office-green .office-icon{

background:#2E7D32;

}

.office-green h3{

color:#2E7D32;

}

.office-green .office-buttons a:first-child{

background:#2E7D32;

color:#fff;

}

.office-green .office-buttons a:last-child{

background:#fff;

color:#2E7D32;

border:2px solid #2E7D32;

}

@media(max-width:767px){

.office-location-card{

padding:30px;

}

.office-location-card p{

min-height:auto;

}

}





/*====================================
FINAL CTA
====================================*/

.myra-final-cta{

padding:40px 0 110px;

background:#ffffff;

}

.myra-final-wrapper{

background:linear-gradient(135deg,#14213d,#1c2d55);

padding:70px;

border-radius:30px;

position:relative;

overflow:hidden;

box-shadow:0 25px 70px rgba(0,0,0,.18);

}

.myra-final-wrapper::before{

content:"";

position:absolute;

width:320px;

height:320px;

background:rgba(255,255,255,.05);

border-radius:50%;

right:-120px;

top:-120px;

}

.myra-final-wrapper::after{

content:"";

position:absolute;

width:220px;

height:220px;

background:rgba(255,255,255,.04);

border-radius:50%;

left:-70px;

bottom:-70px;

}

.cta-tag{

display:inline-block;

background:#D4A017;

color:#14213d;

padding:10px 24px;

border-radius:50px;

font-weight:700;

margin-bottom:20px;

}

.myra-final-wrapper h2{

font-size:46px;

font-weight:700;

color:#fff;

margin-bottom:20px;

}

.myra-final-wrapper p{

color:#E5E5E5;

line-height:31px;

margin-bottom:35px;

}

.cta-features{

display:flex;

flex-wrap:wrap;

gap:20px;

}

.cta-features span{

color:#fff;

font-weight:600;

}

.cta-features i{

color:#D4A017;

margin-right:8px;

}

.cta-buttons{

display:flex;

flex-direction:column;

gap:18px;

justify-content:center;

height:100%;

}

.call-btn,

.quote-btn{

display:block;

padding:18px;

border-radius:50px;

text-decoration:none;

font-size:18px;

font-weight:700;

transition:.35s;

}

.call-btn{

background:#D4A017;

color:#14213d;

}

.call-btn:hover{

background:#fff;

color:#14213d;

}

.quote-btn{

background:transparent;

border:2px solid #fff;

color:#fff;

}

.quote-btn:hover{

background:#fff;

color:#14213d;

}

.call-btn i,

.quote-btn i{

margin-right:10px;

}

@media(max-width:991px){

.myra-final-wrapper{

padding:45px;

text-align:center;

}

.cta-features{

justify-content:center;

}

.cta-buttons{

margin-top:40px;

}

}

@media(max-width:767px){

.myra-final-wrapper{

padding:35px 25px;

}

.myra-final-wrapper h2{

font-size:32px;

}

.cta-features{

flex-direction:column;

gap:12px;

}

}


/*=====================================
TRUST STRIP
======================================*/

.myra-trust-strip{

padding:20px 0 80px;

background:#ffffff;

}

.trust-box{

background:#fff;

border-radius:18px;

padding:28px 20px;

text-align:center;

height:100%;

transition:.35s;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.trust-box:hover{

transform:translateY(-8px);

box-shadow:0 25px 55px rgba(0,0,0,.15);

}

.trust-icon{

width:70px;

height:70px;

margin:auto;

margin-bottom:18px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

color:#fff;

}

.trust-box h4{

font-size:22px;

font-weight:700;

margin-bottom:8px;

}

.trust-box p{

margin:0;

font-size:15px;

color:#666;

}

/* Colors */

.trust1{

background:#EDF7FF;

}

.trust1 .trust-icon{

background:#1565C0;

}

.trust1 h4{

color:#1565C0;

}

.trust2{

background:#FFF7EA;

}

.trust2 .trust-icon{

background:#EF6C00;

}

.trust2 h4{

color:#EF6C00;

}

.trust3{

background:#EEF9F3;

}

.trust3 .trust-icon{

background:#2E7D32;

}

.trust3 h4{

color:#2E7D32;

}

.trust4{

background:#FFF0F7;

}

.trust4 .trust-icon{

background:#C2185B;

}

.trust4 h4{

color:#C2185B;

}

.trust5{

background:#F3EEFF;

}

.trust5 .trust-icon{

background:#6A1B9A;

}

.trust5 h4{

color:#6A1B9A;

}

@media(max-width:767px){

.trust-box{

padding:22px 15px;

}

.trust-icon{

width:60px;

height:60px;

font-size:24px;

}

.trust-box h4{

font-size:18px;

}

}

/*==================================
FOOTER
===================================*/

.myra-footer{

background:#101827;

padding:90px 0 25px;

color:#fff;

}

.footer-logo{

max-width:220px;

margin-bottom:25px;

}

.footer-about p{

color:#c8c8c8;

line-height:30px;

}

.myra-footer h4{

font-size:22px;

margin-bottom:28px;

color:#fff;

position:relative;

padding-bottom:10px;

}

.myra-footer h4:after{

content:"";

position:absolute;

left:0;

bottom:0;

width:45px;

height:3px;

background:#D4A017;

}

.myra-footer ul{

padding:0;

margin:0;

list-style:none;

}

.myra-footer ul li{

margin-bottom:14px;

color:#d8d8d8;

line-height:28px;

}

.myra-footer ul li a{

color:#d8d8d8;

text-decoration:none;

transition:.35s;

}

.myra-footer ul li a:hover{

color:#D4A017;

padding-left:8px;

}

.footer-social{

margin-top:30px;

}

.footer-social a{

width:42px;

height:42px;

border-radius:50%;

display:inline-flex;

align-items:center;

justify-content:center;

background:#1b2435;

margin-right:10px;

color:#fff;

transition:.35s;

}

.footer-social a:hover{

background:#D4A017;

color:#101827;

}

.office-item{

margin-bottom:22px;

}

.office-item strong{

display:block;

color:#D4A017;

margin-bottom:8px;

}

.office-item p{

margin:0;

line-height:26px;

color:#c8c8c8;

}

.footer-contact li{

display:flex;

gap:12px;

align-items:flex-start;

}

.footer-contact i{

color:#D4A017;

margin-top:6px;

width:18px;

}

.myra-footer hr{

border-color:rgba(255,255,255,.08);

margin:40px 0 25px;

}

.footer-bottom p{

margin:0;

color:#c8c8c8;

}

.footer-bottom a{

color:#c8c8c8;

text-decoration:none;

margin-left:12px;

transition:.3s;

}

.footer-bottom a:hover{

color:#D4A017;

}

@media(max-width:991px){

.footer-bottom{

text-align:center;

}

.footer-bottom .text-lg-end{

text-align:center !important;

margin-top:15px;

}

}

@media(max-width:767px){

.myra-footer{

padding:70px 0 20px;

}

.myra-footer h4{

margin-top:15px;

}

.footer-logo{

max-width:180px;

}

}




/*=====================================
BACK TO TOP BUTTON
======================================*/

.back-to-top{
    position:fixed;
    right:20px;
    bottom:20px;

    width:55px;
    height:55px;

    background:#D4A017;
    color:#ffffff;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:22px;

    text-decoration:none;

    box-shadow:0 8px 25px rgba(0,0,0,.20);

    opacity:0;
    visibility:hidden;

    transform:translateY(20px);

    transition:all .35s ease;

    z-index:99999;
}

.back-to-top.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.back-to-top:hover{

    background:#14213d;

    color:#ffffff;

    transform:translateY(-5px);

}

.back-to-top i{

    line-height:1;

}

/* Tablet */

@media(max-width:991px){

.back-to-top{

width:50px;

height:50px;

right:18px;

bottom:18px;

font-size:20px;

}

}

/* Mobile */

@media(max-width:767px){

.back-to-top{

width:46px;

height:46px;

right:15px;

bottom:15px;

font-size:18px;

}

}







/*=========================================
FIX ABOUT -> SERVICES GAP (MOBILE)
=========================================*/

@media only screen and (max-width:767px){

.about_company_section{

padding-bottom:20px !important;

}

.about_company_content{

margin-bottom:0 !important;

}

.about_company_section .about_image{

margin-bottom:25px !important;

}

.myra-services{

padding-top:25px !important;

margin-top:0 !important;

}

}









/*==================================
RATNAGIRI OFFICE
==================================*/

.ratnagiri{

    background:#FFF4EC;

}

.ratnagiri h3{

    color:#C2410C;

}

.ratnagiri .icon{

    background:#C2410C;

}



/*==================================
RATNAGIRI OFFICE
==================================*/

.office-orange{

    background:#FFF4EC;

}

.office-orange .office-icon{

    background:#C2410C;

}

.office-orange h3{

    color:#C2410C;

}

.office-orange .office-buttons a:first-child{

    background:#C2410C;

    color:#fff;

}

.office-orange .office-buttons a:last-child{

    background:#fff;

    color:#C2410C;

    border:2px solid #C2410C;

}