@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
body { margin: 0; padding: 0;  font-family: "Rubik", sans-serif; overflow-x: hidden;}
p, li {color: #2e2e2e;font-size: 16px;line-height: 30px;margin: 0 0 15px 0; font-family: "Rubik", sans-serif;letter-spacing: .6px;}
.main-table li {color: #2e2e2e;font-size: 16px; line-height: 25px;margin: 0 0 10px 0;  font-family: "Rubik", sans-serif;}
a { text-decoration: none !important;  font-family: "Rubik", sans-serif;}
h1, h2, h3, h4, h5, h6 { font-family: "Rubik", sans-serif; color: #101010;}

.main-table { text-align: left; padding: 5% 0;}

#widgetsControl_C, #widgetsControl{ height: auto !important;}
#Div_body .container-fluid { margin: 0; padding: 0;}

/* innr-pg-c Start */
.otherpagecss #RadDockZone1.container { max-width: 100%;}
.otherpagecss #RadDockZone1.container #HomepagecontentControl_C table { margin-top: 0 !important;}

.heading {color: #343434;font-size: 58px;font-weight: 800;line-height: 1;margin: 0 0 30px 0;}
.custom-btn { background: #8bc751; padding: 12px 30px; display: inline-block; color: #242323; font-size: 17px; border-radius: 30px; letter-spacing: .8px;}
.custom-btn:hover { color: #fff; background: #0091cd;}
.heading p { color: #0091cd; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 500; padding: 0px 0px 0px 60px; position: relative; display: inline-block;}
.heading p::after { content: ""; position: absolute; width: 50px; height: 1px; background: #8bc751; left: 0px; top: 13px; }
.heading h2 { color: #232323; font-weight: 700; font-size: 40px; line-height: 50px; margin: 0px 0px 30px; }
.team-name { color: #212121; font-size: 24px; margin: 0 0 3px 0; font-weight: 700;}
.title { color: #0091cd; font-weight: 600; font-size: 15px;}

.banner-section { background-image: url('image/banner-img.jpg'); background-size: cover; width: 100%; height: 100vh; position: relative;}
.banner-section .text { position: absolute; bottom: 10%;}
.banner-section .text h1 {color: #0091cd;font-size: 70px;font-weight: 800;line-height: 1.1;margin: 0 0 16px 0;}
.banner-section .text p {color: #8bc751;font-size: 38px;font-weight: 400;margin: 0 0 40px 0;}
.banner-section .text a { color: #fff; text-transform: uppercase; font-size: 27px; letter-spacing: .8px; display: inline-block; margin: 0 0 0 34px; position: relative}
.banner-section .text a::after { content: ''; position: absolute; width: 22px; height: 2px; background: #fff; border-radius: 3px; left: -31px; top: 41%}

.contact-page-banner { background-image: url(image/contact-banner.jpg);}
.about-page-banner { background-image: url(image/about-banner.jpg);}
.team-page-banner { background-image: url(image/team.banner.jpg);}
.service-page-banner { background-image: url(image/service-page-banner.jpg);}

.about-section {background-image: url(image/about-bg.jpg);background-attachment: fixed;background-size: cover;padding: 8% 0;}

.services-section { padding: 8% 0; background: url(image/service-bg.jpg); background-size: cover;}
.services-section .ser-card { text-align: center; margin: 20px 0; padding: 10px;}
.services-section .ser-card h3 { color: #8bc751; font-size: 24px; margin: 15px 0 0 0;}

.contact-section { padding: 5% 0;}

footer { background: #242323; padding: 25px 0;}
footer p { margin: 0; color: #a5a5a5;}
footer p a { color: #a5a5a5;}
footer p a:hover { color: #fff;}
footer p span { color: #8bc751; display: inline-block; margin: 0 10px;}

.contact-page .contact-info .icon { width: 20%;}
.contact-page .contact-info .icon i {display: inline-block;width: 38px;height: 38px;background: #0091cd;color: #fff;border-radius: 5px;text-align: center;font-size: 17px;line-height: 2.3;}
.contact-page .contact-info .text { width: 80%;}
.contact-page .contact-info .text h4 { color: #8bc751; text-transform: uppercase; letter-spacing: 2px; font-size: 14px; font-weight: 500; margin: 0 0 8px 0}
.contact-page .contact-info .text p, .contact-page .contact-info .text p a { font-size: 14px; letter-spacing: 0; line-height: 24px; color: #3f4043}
.contact-page .contact-form  .form-control { padding: 10px; border: 0; border-bottom: 1px solid #d4d4d4; border-radius: 0; margin: 0 0 10px 0}
.contact-page .contact-form input[type="button"] {width: 100%;margin: 20px 0 0 0;border: 0;background: #0091cd;color: #fff;border-radius: 5px;padding: 15px;text-transform: uppercase;letter-spacing: 1px;font-size: 14px;}


@media (min-width: 320px) and (max-width: 1200px) { 
    p, li { font-size: 15px; line-height: 1.8}
    
    .heading { font-size: 28px; margin: 0 0 15px 0;}
    .custom-btn { padding: 10px 24px; font-size: 14px;}
    .custom-btn:hover { color: #fff; background: #0091cd;}
    .heading h2 { font-size: 24px; line-height: 30px; margin: 0px 0px 20px; }
    .team-name { font-size: 18px; font-weight: 600;}

    .banner-section { height: 500px;}
    .banner-section .text { bottom: 5%;}
    .banner-section .text h1 { font-size: 28px; font-weight: 600; margin: 0 0 10px 0}
    .banner-section .text p {font-size: 17px;font-weight: 400;margin: 0 0 20px 0;}
    .banner-section .text a { font-size: 14px;}
    
    .services-section .ser-card { margin: 10px 0; padding: 0;}
    .services-section .ser-card img { width: 50px}
    .services-section .ser-card h3 { font-size: 16px; margin: 5px 0 20px 0}

    footer p, footer p a { font-size: 14px}
    footer p a { color: #a5a5a5;}
    footer p span { margin: 0 6px;}
}

@media (min-width: 1201px) and (max-width: 1440px) { 
    .heading { font-size: 42px; margin: 0 0 20px 0;}
    .custom-btn { padding: 10px 30px; font-size: 15px;}
    .heading h2 { font-size: 32px; line-height: 50px; }
    .team-name { color: #212121; font-size: 21px;}

    .banner-section .text h1 {font-size: 50px;}
    .banner-section .text p {font-size: 28px;font-weight: 400;margin: 0 0 30px 0;}
    .banner-section .text a { font-size: 21px;}

    .services-section .ser-card h3 { color: #8bc751; font-size: 21px; margin: 15px 0 0 0;}
}