@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
body {margin: 0px;padding: 0px;font-family: "Source Sans 3", sans-serif;overflow-x: hidden;color: #343434;}
p {color: #343434;font-size: 16px;line-height: 1.625;margin: 0px 0px 15px;letter-spacing: 0.4px;font-family: "Source Sans 3", sans-serif;}
.main-table li {color: #343434;font-size: 16px;line-height: 1.5;margin: 0px 0px 12px;letter-spacing: 0.6px;font-family: "Source Sans 3", sans-serif;}
a {font-family: "Source Sans 3", sans-serif;text-decoration: none !important;}
h1, h2, h3 {font-family: "Poppins", sans-serif;}
h4, h5, h6 {font-family: "Source Sans 3", sans-serif;color: rgb(107, 101, 96);}

.main-table {text-align: left;padding: 5% 0px;}
#widgetsControl_C, #widgetsControl {height: auto !important;}
#Div_body .container-fluid {margin: 0px;padding: 0px;}
#MenuControl .nav-item {margin: 0px;}
#MenuControl .nav-item .nav-link {color: rgb(255, 255, 255);font-size: 15px;padding: 0;font-weight: 600;text-transform: uppercase;}
#MenuControl .nav-fill {width: 100%;}
#MenuControl .bg-light {height: 100%;background: rgb(255, 255, 255) !important;}
#HeaderControl.RadDock_Default .rdMiddle .rdCenter, #HeaderControl.RadDock_Default .rdBottom .rdCenter {background-color: transparent !important;}
#MenuControl_C .bg-light {--bs-bg-opacity: 1;height: 100%;background-color: transparent !important;}
#MenuControl.RadDock_Default .rdMiddle .rdCenter, #MenuControl.RadDock_Default .rdBottom .rdCenter {background-color: transparent !important;}
#HeaderControl, #HeaderControl_C, #MenuControl, #MenuControl_C {height: 90px !important;}
#WidgetControl5 { display: none; }

@media (min-width: 320px) and (max-width: 768px) {
    .navbar-toggler {position: absolute;right: 15px;top: -50px;background: rgb(255, 255, 255);}
    #MenuControl, #MenuControl_C {height: 0px !important;}
    #HeaderControl, #HeaderControl_C {background: #1f2a37;height: 62px !important;}
    .navbar-collapse {background: rgb(0, 35, 70);margin-top: -10px;}
    #WidgetControl4 {display: none;}
}

@media (min-width: 769px) {
  #HeaderControl {position: absolute;left: 0;top: 0;z-index: 3;width: 25%;text-align: center;background: rgb(0 0 0 / 50%);backdrop-filter: blur(2px);}
  #MenuControl {position: absolute;right: 0;top: 0;width: 75%;z-index: 8 !important;background: rgb(0 0 0 / 50%) !important;backdrop-filter: blur(2px);}
}
.dropdown-menu {
    border-radius: 0 !important;
    padding: 0;
    min-width: 240px;
}
.navbar-nav.nav-fill > li:last-child {display: inline-block;background: #f28c28;color: rgb(255, 255, 255);border-radius: 30px;font-size: 14px;font-weight: 500;letter-spacing: 0.5px;transition: 0.3s ease-in-out;}
.otherpagecss #RadDockZone1.container {max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table {margin-top: 0px !important;}
.otherpagecss #WidgetControl5 {display: none;}


.heading p { color: #f28c28; text-transform: uppercase; letter-spacing: 2px; font-size: 15px; font-weight: 500; padding: 0px 0px 0px 60px; position: relative; display: inline-block;}
.heading p::after { content: ""; position: absolute; width: 50px; height: 1px; background: #f28c28; left: 0px; top: 13px;}
.heading h2 {color: #1f2a37;font-weight: 700;font-size: 50px;line-height: 58px;margin: 0px 0px 20px;}
.heading h2 span { font-style: italic; color: #f28c28;}

.banner-section {padding: 14% 0px 8%;background-image: url("image/banner-bg.jpg");background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
.banner-section .established {display: inline-block;color: #f28c28;text-transform: uppercase;letter-spacing: 3px;font-size: 17px;font-weight: 600;position: relative;padding: 0 0 0 80px;}
.banner-section .established::after {content: "";position: absolute;width: 70px;height: 1px;background: #f28c28;left: 0;top: 10px;animation: 2s ease-in-out 0s infinite normal none running softBlink;}
.banner-section h1 {margin: 40px 0px 30px 0;font-size: 70px;font-weight: 700;color: #fff;line-height: 76px;}
.banner-section h1 .text-color {text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) -1px 0px 0px, rgb(255, 255, 255) 0px 1px 0px, rgb(255, 255, 255) 0px -1px 0px;color: rgb(255, 255, 255);}
.banner-section h1 .text-outline {color: rgba(255, 255, 255, 0);-webkit-text-stroke: 1.5px #f28c28;}
.banner-section h2 {color: rgba(255, 255, 255, 0);-webkit-text-stroke: 1px rgba(255, 255, 255, 0.275);font-size: 58px;margin: 0px 0px 30px;font-style: italic;}
.banner-section p {margin: 0px 0 40px;font-size: 19px;color: #ededed;line-height: 1.5;width: 85%;font-weight: 400;}
.banner-section .book-consultation {display: inline-block;background: #f28c28;border: 1px solid #f28c28;color: rgb(255, 255, 255);padding: 12px 26px;border-radius: 30px;font-size: 16px;font-weight: 500;letter-spacing: 0.5px;transition: 0.3s ease-in-out;}
.banner-section .book-consultation:hover {transform: translateY(-3px);box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.banner-section .book-consultation img {width: 20px;margin: 0px 0px 0px 4px;}
.banner-section .explore-services {display: inline-block;background: transparent;border: 1px solid rgba(255, 255, 255, 0.5);color: rgb(255, 255, 255);padding: 12px 30px;border-radius: 30px;font-size: 16px;font-weight: 500;letter-spacing: 0.5px;margin: 0px 0px 0px 10px;transition: 0.3s ease-in-out;}
.banner-section .explore-services:hover {background: rgba(255, 255, 255, 0.2);transform: translateY(-3px);}

.about-section { padding: 5% 0px; background: #f5f5f5;}
.about-section .about-pic { position: relative;}
.about-section .about-pic::after { content: ''; position: absolute; width: 95%; height: 95%; top: 9%; left: 9%; border: 3px solid #ef7c00; opacity: .9;}
.about-section .about-pic img { width: 95%; margin-left: 5%; position: relative; z-index: 1; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.about-section .misson-card h3 { color: #f28c28; text-transform: uppercase; letter-spacing: 2px; font-size: 17px; font-weight: 600; padding: 0px 0px 0px 55px; position: relative; display: inline-block; margin: 0 0 20px 0;}
.about-section .misson-card h3::after { content: ""; position: absolute; width: 45px; height: 2px; background: #f28c28; left: 0px; top: 13px;}

.service-section { padding: 5% 0 0 0;}
.service-section .ser-card { position: relative; overflow: hidden;}
.service-section .ser-card::after {content: '';position: absolute;width: 100%;height: 100%;background: #00000082;left: 0;top: 0;transition: all .2s ease-in-out;}
.service-section .ser-card .ser-pic img { filter: grayscale(40%);}
.service-section .ser-card .ser-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9;transition: all .3s ease-in-out;min-width: 100%; padding: 30px;text-align: center;}
.service-section .ser-card .ser-content .ser-heading h3 {color: #fff;font-size: 32px;letter-spacing: .5px;font-weight: 700;margin: 0;}
.service-section .ser-card .ser-details {position: absolute;top: 50%;left:0;z-index: 9;transition: all .5s ease-in-out;min-width: 100%;text-align: center;padding: 40px; opacity: 0}
.service-section .ser-card .ser-details h3 {color: #fff;font-size: 32px;font-weight: 800;letter-spacing: .5px;margin: 0 0 20px 0;transition: all .3s ease-in-out;}
.service-section .ser-card .ser-details p {color: #fff; font-size: 17px; transition: all .3s ease-in-out;}
.service-section .ser-card .ser-details a {color: #f28c28;font-size: 17px;font-weight: 600;transition: all .3s ease-in-out;}
.service-section .ser-card .ser-details a:hover { letter-spacing: 1px;}
.service-section .ser-card:hover .ser-details { transform: translate( 0, -50%); opacity: 1}
.service-section .ser-card:hover::after { background: #000000a2; backdrop-filter: blur(4px);}
.service-section .ser-card:hover .ser-content .ser-heading h3 { display: none}

.how-we-work {padding: 6% 0 0 0;}
.how-we-work .step { padding: 30px 5px; border-bottom: 1px solid #ddd;}
.how-we-work .step .num { width: 10%;}
.how-we-work .step .num p { color: #ef7c00; font-size: 18px; font-weight: 600;}
.how-we-work .step .text { width: 90%;}
.how-we-work .step .text h4 { color: #10325b; font-size: 22px;}
.how-we-work .step .text p { margin: 0;}
.how-we-work .left-pic { position: relative;}
.how-we-work .left-pic::after {content: '';position: absolute;width: 100%;height: 100%;border: 3px solid #ef7c00;left: -20px;top: -20px;}
.how-we-work .left-pic img { position: relative; z-index: 2; width: 95%;} 

.industries-section {position: relative;z-index: 1;padding: 5% 0;}
.industries-section .cs_case_study_1_list {display: flex;}
.industries-section .cs_case_study_1_list > .cs_case_study.cs_style_1 {flex: 1;}
.industries-section .cs_case_study.cs_style_1 {height: 700px;display: flex;align-items: flex-end;position: relative;overflow: hidden;transition: all 0.4s ease;}
.industries-section .cs_case_study.cs_style_1 .cs_case_study_thumb {position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
.industries-section .cs_case_study_thumb{background-image: url(Image/Industry1.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.industries-section .cs_case_study_thumb2 {background-image: url(Image/Industry2.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.industries-section .cs_case_study_thumb3 {background-image: url(Image/Industry3.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.industries-section .cs_case_study_thumb4 {background-image: url(Image/Industry4.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;}
.case-header-area{margin-bottom:25px;}
.industries-section .cs_case_study_1_list .cs_case_study.cs_style_1:hover{ flex: 2.3;}
.industries-section .cs_case_study_1_list .cs_case_study.cs_style_1:hover .content-area{opacity:1;left:0;bottom: 0;}
.industries-section .content-area1 {position: absolute;width: 100%;height: auto;left: 0;bottom: 0;transition: all 0.4s;font-weight: 600;opacity: 1;padding: 80px 25px 45px 25px;z-index: 3;background-image: linear-gradient(
1deg, black, transparent);}
.industries-section .content-area1 a {color: #fff;display: inline-block;text-transform: capitalize;transition: all 0.4s;width: 100%;font-size: 27px;font-weight: 700;letter-spacing: .2px;line-height: 1.3;margin: 0;}
.industries-section .content-area {position: absolute;z-index: 3;width: 100%;transition: all 0.5s;padding: 0px 25px;bottom: -100%;/* left: -100%; */opacity: 0;}
.industries-section .content-area a {font-family: "Poppins", sans-serif;color:#fff;display: inline-block;text-transform: capitalize;transition: all 0.4s;width: 100%;margin-bottom: 8px;font-weight: 600;font-size: 18px;letter-spacing: .8px;}
.industries-section .content-area p {color: #fff;transition: all 0.4s;font-size: 16px;position: relative;}

footer {background:#1f2a37; padding: 5% 0 0 0;}
footer h4 {color: #fff;font-size: 19px;font-weight: 600;margin: 0 0 40px 0;letter-spacing: .5px;position: relative;}
footer h4::after { content: ''; position: absolute; width: 60px; height: 1px; background: #ef7c00; left: 0; bottom: -18px}
footer p, footer p a {color: #ffffffa6;font-size: 14px;margin: 0 0 10px 0;}
footer p a:hover { color: #ef7c00; padding-left: 5px; transition: 0.3s;}
footer .footer-bottom {/* margin: 4% 0 0 0; */border-top: 1px solid rgba(204, 204, 204, .4);padding: 15px 0;}
footer .footer-bottom p { margin: 0;}
footer p i { color: #ffffff; margin: 0 5px 0 0}
footer .social-icon a {position: relative;color: #fff;background: rgba(255, 255, 255, .1);font-size: 13px;width: 35px;height: 35px;margin: 0 5px 0 0;display: inline-block;border-radius: 50%;text-align: center;line-height: 2.8;transition: all .2s ease-in-out;}
footer .social-icon a i { position: relative; z-index: 3;}
footer .social-icon a::before{ content: ''; position: absolute; width:100%; height: 100%; border-radius: 50%; background: #ef7c00;; left: 0; transform: scale(0); transition: all .4s ease-in-out;}
footer .social-icon a:hover { color: #212121;}
footer .social-icon a:hover::before { transform: scale(1);}

.about-banner { padding: 15% 0px 8%; background-image: url("image/inner-banner-bg.jpg"); background-size: cover; background-position: center center;}
.about-banner h1 { color: rgb(255, 255, 255); font-size: 56px; text-shadow: rgba(0, 0, 0, 0.33) 3px 10px 10px; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; font-style: italic; font-weight: 800; line-height: 1.2;}
.about-banner p, .about-banner p a { color: rgb(236, 236, 236);}
 
.ser-card1 { background: #ededed; margin: 30px 0 0 0; border-radius: 10px; overflow: hidden;}
.ser-card1 .text { padding: 33px;}
.ser-card1 .text h3 { color: #1f2a37; font-size: 21px; font-weight: 600; position: relative; margin: 0 0 30px 0}
.ser-card1 .text h3::after { content: ''; position: absolute; width: 80px; height: 3px; background: #ef7c00; left: 0; bottom: -12px} 
.ser-card1 .text p { margin: 0}

.product-card { background: #ededed; border-radius: 10px; padding: 30px; margin: 30px 0 0 0; border-left: 4px solid #ef7c00;}
.product-card h3 { color: #10325b; font-size: 24px; font-weight: 600;}

.contact-page h5 { color: #ef7c00; font-size: 28px; font-weight: 600; margin: 30px 0 10px 0}
.contact-page p a { color: #343434}

@media (min-width: 320px) and (max-width: 1200px) { 
    .heading p { font-size: 14px; }
    .heading h2 { font-size: 30px;line-height: 38px;margin: 0px 0px 20px;}
    .custom-btn { padding: 10px 20px;}

    .banner-section { padding: 20% 0px 12%;background-image: url("image/banner-bg.jpg");background-size: cover;background-repeat: no-repeat;background-attachment: fixed;}
    .banner-section .established { letter-spacing: 2px;font-size: 15px;}
    .banner-section h1 { margin: 20px 0px;font-size: 25px;font-weight: 600; line-height: 32px;}
    .banner-section p {margin: 0px 0 40px;font-size: 15px;color: #ededed;line-height: 1.5;width: 100%;}
    .banner-section .book-consultation { padding: 8px 20px; font-size: 14px; margin: 0 0 10px 0;}
    .banner-section .book-consultation img {width: 16px;}
    .banner-section .explore-services { padding: 8px 20px; font-size: 14px;font-weight: 500;letter-spacing: 0.5px;margin: 0px 0px 0px 5px;}

    .about-section { padding: 8% 0 12% 0;}
    .about-section .about-pic::after { top: 7%; left: 7%; border: 1px solid #ef7c00;}
    .about-section .about-pic img { width: 100%; margin-left: 0%; }
    .about-section .misson-card h3 { font-size: 16px;}

    .service-section { padding: 5% 0 0 0;}
    .service-section .ser-card .ser-content .ser-heading h3 { font-size: 24px;}

    .how-we-work {padding: 12% 0 5% 0;}
    .how-we-work .left-pic::after { height: 90%; border: 1px solid #ef7c00;left: -8px;top: -8px;}
    .how-we-work .left-pic img {margin: 0 0 30px 0;} 

    .industries-section {position: relative;z-index: 1;padding: 5% 0;}
    .industries-section .cs_case_study_1_list {display: block;}
    .industries-section .cs_case_study_1_list > .cs_case_study.cs_style_1 {flex: 0;}
    .industries-section .cs_case_study.cs_style_1 {height: 300px;}
    .case-header-area{margin-bottom:25px;}

    footer h4 { font-weight: 600;margin: 40px 0 30px 0;letter-spacing: .5px;position: relative;}

    .about-banner { padding: 25% 0px 8%;}
    .about-banner h1 { font-size: 26px; margin-bottom: 10px;}
    
    .ser-card1 .text { padding: 28px;}

    .product-card h3 { font-size: 21px;}

    .contact-page h5 { color: #ef7c00; font-size: 28px; font-weight: 600; margin: 30px 0 10px 0}
    .contact-page p a { color: #343434}
}

@media (min-width: 1201px) and (max-width: 1440px) { 
    
    .heading h2 { font-size: 40px; line-height: 48px;}

    .banner-section { padding: 14% 0px 8%;}
    .banner-section .established { font-size: 16px;}
    .banner-section h1 { margin: 30px 0px 30px 0;font-size: 54px; line-height: 64px;}
    .banner-section p { margin: 0px 0 40px; font-size: 17px; line-height: 1.5;width: 85%;}

    .service-section .ser-card .ser-content .ser-heading h3 {font-size: 25px;}
    .service-section .ser-card .ser-details h3 { font-size: 24px;}

    .industries-section .content-area1 { padding: 80px 25px 35px 25px;}
    .industries-section .content-area1 a { font-size: 24px;}
   
    .about-banner h1 { font-size: 50px;}
    
    .ser-card1 { background: #ededed; margin: 30px 0 0 0; min-height: 530px;}
    .ser-card1 .text h3 { color: #1f2a37; font-size: 20px; font-weight: 600; position: relative; margin: 0 0 30px 0}
    .ser-card1 .text h3::after { content: ''; position: absolute; width: 80px; height: 3px; background: #ef7c00; left: 0; bottom: -12px} 
    .ser-card1 .text p { margin: 0}

    .product-card { background: #ededed; border-radius: 10px; padding: 30px; margin: 30px 0 0 0; border-left: 4px solid #ef7c00;}
    .product-card h3 { color: #10325b; font-size: 24px; font-weight: 600;}

    .contact-page h5 { color: #ef7c00; font-size: 28px; font-weight: 600; margin: 30px 0 10px 0}
    .contact-page p a { color: #343434}
}