@charset "utf-8";
/* CSS Document */

/*html, body {
	width: 100%;
	overflow-x: hidden;
} */



:root {
    /* Color */
    --body-font: 'Roboto', sans-serif;
    --body-font: "Open Sans", sans-serif;
    --body-font-size: 16px;

    --f1-font-size: calc(var(--f2-font-size) + 4px);
    --f2-font-size: calc(var( --f3-font-size) + 4px);
    --f3-font-size: calc(var(--f4-font-size) + 6px);
    --f4-font-size: calc(var(--f5-font-size) + 4px);
    --f5-font-size: calc(var(--f6-font-size) + 4px);
    --f6-font-size: calc(var(--body-font-size) + 4px);

    --body-font-size-1: calc(var(--body-font-size) - 1px);
    --body-font-size-2: calc(var(--body-font-size) - 2px);
    --body-font-size-3: calc(var(--body-font-size) - 3px);
    --body-font-size-4: calc(var(--body-font-size) - 4px);
    --primary-color: #1363a4;
    --secondary-color: #ffba00;
    --deep-blue: #181394;
    --light-sap-blue: #4f708c;
    --light-blue: #d2dce4;
    --sap-green: #175f37;
    --light-sap-green: #5b8c51;
    --green: #009c67;
    --light-green: #dbe6e0;
    --white-color: #ffffff;
    --soft-gray: #fafafa;
    --very-light: #f5f5f5;
    --color-eee: #eeeeee;
    --color-ccc: #cccccc;
    --color-999: #999999;
    --color-777: #777777;
    --color-666: #666666;
    --color-555: #555555;
    --color-333: #333333;
    --black-color: #000000;
    --facebook: #215595;
    --twitter: #1c9be9;
    --instagram: #f60868;
    --youtube: #f60002;   
    --bs-navbar-toggler-icon-bg: url(../images/navbar-toggler-icon.png);
    --FontAwesome4: 'FontAwesome';
    --FontAwesome5: 'FontAwesome';
    --FontAwesome6: "Font Awesome 6 Brands";
}

h1, h2, h3, h4, h5, h6 { font-weight: 600; padding: 0; margin: 0; }

h1 { font-size: var(--f1-font-size)}
h2 { font-size: var(--f2-font-size)}
h3 { font-size: var(--f3-font-size)}
h4 { font-size: var(--f4-font-size)}
h5 { font-size: var(--f5-font-size)}
h6 { font-size: var(--f6-font-size)}


@font-face {
    font-family: 'glyphiconshalflingsregular';
    src: url('../fonts/glyphiconshalflingsregular.eot');
    src: url('../fonts/glyphiconshalflingsregular.eot') format('embedded-opentype'),
         url('../fonts/glyphiconshalflingsregular.woff2') format('woff2'),
         url('../fonts/glyphiconshalflingsregular.woff') format('woff'),
         url('../fonts/glyphiconshalflingsregular.ttf') format('truetype'),
         url('../fonts/glyphiconshalflingsregular.svg#glyphiconshalflingsregular') format('svg');
}
/* .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
} */

/* Google Fonts */
@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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* Google Fonts */
@font-face {
    font-family: CambriaFont;
    src: url(../fonts/Cambria.ttf);
}

html { scroll-behavior: smooth; }

* { padding: 0; margin: 0; box-sizing: border-box; }

::after, ::before { box-sizing: border-box; }

body {
    font-family: var(--body-font);
    font-weight: 400;
    font-size: var(--body-font-size);
    line-height: 1.5;
    background: var(--white-color);
    letter-spacing: 0.2px;
    overflow-x: hidden;
    color: var(--black-color);
}

/* h1 { font-size: 40px; font-weight: 600;}
h2 { font-size: 32px; font-weight: 600;}
h3 { font-size: 28px; font-weight: 600;}
h4 { font-size: 24px; font-weight: 600;}
h5 { font-size: 20px; font-weight: 600;}
h6 { font-size: var(--body-font-size); font-weight: 600; } */
p { font-size: var(--body-font-size); font-weight: normal;}

h1, h2, h3, h4, h5, h6 {
padding: 0; margin: 0 0 15px 0;
}
p { padding: 0; margin: 0 0 10px 0; font-size: var(--body-font-size); }
img {
    width: auto;
    max-width: 100%;
    display: block;
    border: 0;
}
ul, ol {padding: 0; margin: 0; list-style: none; }
ol { list-style: decimal inside; }
ul li { list-style-type: none;}
a { color: var(--secondary-color);}
a, a:hover, a:focus { text-decoration: none; }
a:hover, a:focus { color: var(--black-color); }
b, strong { font-weight: 600; }
blockquote { padding: 0; margin: 0; border: none; }

/* a, a:hover, a:visited
{
    color: #21a108;
} */
/* ::selection
{
    background: #21a108;
    color: #fff;
}
::-moz-selection
{
    background: #21a108;
    color: #fff;
} */
a:focus, p:focus, div:focus, input:focus, textarea:focus, submit:focus, button:focus {
    outline: none;
}
/***************
page scrool
**************/
.scrollup {
    right: 15px;
    position: fixed;
    bottom: -80px;
    width: 45px;
    height: 45px;
    z-index: 9999;
    background: var(--second-bg-color);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    text-align: center;
    color: var(--main-text-color);
    padding: 10px;
    font-size: 18px;
}
.scrollup.active {
    bottom: 92px;
    right: 15px;
}
/***************
page scrool
***************/
.section { width: 100%; padding: 60px 0; margin: 0; }
.bg_sap { background: var(--light-sap-green);}
.bg_light_sap { background: var(--light-green);}
.v_middlebox { width: 100%; height: 100%; display: table;}
.v_middlebox .v_middle { display: table-cell; vertical-align: middle; }
.v__center { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.equal_height_wrap { display: table;}
.equal_height { display: table-cell; }
.white-txt { color: var(--white-color);}
.btn { padding: 10px 30px; margin: 0; background: var(--secondary-color); color: var(--white-color); text-align: center; font-weight: 600; border: 0; border-radius: 30px; box-shadow: none;}
.btn1 { padding: 10px 30px; margin: 0; background: var(--secondary-color); color: var(--white-color); text-align: center; font-weight: 600; border: 0; border-radius: 30px; box-shadow: none;}
.btn1:hover { background: var(--black-color); color: var(--secondary-color);}
header { width: 100%; position: relative; background: rgba(0, 0, 0, 0.85); }
.home__header { position: absolute; top: 0; left: 0; z-index: 3; background: none; }
.header-top { width: 100%; background: var(--sap-green); background: rgba(23, 95, 55, 0.85); padding: 8px 0;}
.header-top .social_box { float: left;}
.header-top .social_box ul li { padding: 0; margin: 0 20px 0 0; float: left; }
.header-top .social_box ul li a { font-family: var(--FontAwesome5); color: var(--white-color);}
.header-top .social_box ul li a:hover { color: var(--secondary-color);}
.right-top { float: right;}
.right-top ul li { padding: 0; margin: 0 0 0 20px; float: left; }
.right-top ul li a { color: var(--white-color);}
.right-top ul li a:hover { color: var(--secondary-color);}
.main_header { background: rgba(255, 255, 255, 0.4); background: none; border-bottom: 0 solid var(--color-ccc);}
.main_header .navbar .container-fluid { padding: 0;}
.main_header .navbar-brand { display: flex; align-items: center; font-size: 30px; font-weight: 800; color: var(--white-color); }
.main_header .navbar-brand:hover, .main_header .navbar-brand:focus { color: var(--white-color);}
.main_header .header_logo { height: 50px; margin: 0 10px 0 0;}
.main_header .mob_logo { display: none;}
.main_header .navbar-nav li { padding: 0; margin: 0 15px;}
.main_header .navbar-nav li:last-child { margin-right: 0;}
.main_header .navbar-nav li a.nav-link { color: var(--white-color); font-weight: 600; padding: 0;}
.main_header .navbar-nav li a.nav-link:hover { color: var(--secondary-color);}
.nav-link.active { color: var(--secondary-color) !important;}
.home_bannersec { width: 100%; padding: 0;}
.homeSlider { width: 100%; height: auto; overflow: hidden; background: var(--soft-light-eee);}
.homeSlider item { position: relative;}
.slider_topwrap { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }
.homeSlider item .v__center { transform: translate(-50%, -40%); }
.homeSlider item .slider_inner_content { width: 792px;}
.homeSlider item .slider__title { font-size: 54px; font-weight: 800; color: var(--white-color);}
.homeSlider item .slider__desk { border-top: 1px solid var(--white-color); padding: 15px 0 0 0; }
.homeSlider item .slider__desk p { font-size: 20px; color: var(--white-color); margin: 0 0 15px 0;}
.slider_imgbox { width: 100%; height: 100%; position: relative; }
.slider_imgbox::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: rgba(0, 0, 0, 0.3); }
.homeSlider item .btnbox { display: inline-block; margin: 0;}
.homeSlider item .btnbox .slider_btn { background: var(--secondary-color); font-size: 18px; color: var(--white-color); padding: 10px 40px;}
.homeSlider item .btnbox .slider_btn:hover { background: var(--white-color); color: var(--secondary-color);}
.footer { width: 100%; padding: 0; margin: 0; }
.footer_top {  width: 100%; padding: 60px 0; margin: 0;}
.footer .footer_logo { max-width: 100%; margin: 0 0 10px 0; display: inline-block;}
.footer .footer_logo img { width: 70%;}
.footer .addresstxt { margin: 0 0 20px 0;}
.footer .footer_social_links { padding: 0; margin: 0; }
.footer .footer_social_links li { list-style-type: none; margin: 0 15px 0 0; float: left; }
.footer .footer_social_links li:last-child { margin-right: 0;}
.footer .footer_social_links li a { width: 40px; height: 40px; background: var(--sap-green); display: inline-block; border-radius: 50%; overflow: hidden; font-size: 18px; line-height: 40px; color: var(--white-color); text-align: center; }
.footer .footer_social_links li a:hover { background: var(--primary-color);}

.footer .footer_linksbox { width: 100%; border: 0 solid red;}
.footer .footer_linksbox .footer_title_hed { font-size: 18px; color: var(--black-color); font-weight: 800; margin: 0 0 15px 0;}
.footer_links {  padding: 0; margin: 0; }
.footer_links li { list-style-type: none; padding: 0; margin: 0 0 15px 0; }
.footer_links li a { color: var(--color-666); }
.footer_links li a:hover { color: var(--sap-green); }
.footer_bot { width: 100%; background: var(--sap-green); padding: 15px 0; margin: 0; }
.footer_bot p { font-size: 15px; color: var(--white-color); text-align: center; padding: 0; margin: 0; }
/* ============Home services Sec================= */
.services__secbox { width: 100%; margin: 0; overflow: hidden; }
.services__ { width: 100%; padding: 20px 40px; background: var(--white-color); border-radius: 30px; position: relative; transition: all 0.4s ease-in; }
.services__ .services__headbox { padding: 20px 0 30px 0; display: flex; align-items: center; border-bottom: 1px solid var(--color-eee); }
.services__ .services__headbox .services__imgbox { width: 80px; height: 80px; min-width: 80px; background: var(--secondary-color); border-radius: 50%; overflow: hidden; margin: 0 20px 0 0; display: inline-block; text-align: center; line-height: 100px; }
.services__ .services__headbox .services__imgbox img, .services__ .services__headbox .services__imgbox i, .services__ .services__headbox .services__imgbox svg { font-family: var(--FontAwesome6); font-size: 44px; color: var(--white-color); }
.services__ .services__headbox .titletet__ { color: var(--color-333); }
.services__ .services__descbox { padding: 25px 0 30px 0; margin: 0; }
.services__ .services__descbox p { padding: 0; margin: 0; max-height: 48px; overflow: hidden; } 
.round__linkbox { width: 50px; height: 50px; border-radius: 50%; background: var(--sap-green); color: var(--white-color); position: absolute; bottom: 5px; right: 5px; z-index: 1; overflow: hidden; text-align: center;  }
.round__linkbox a { color: var(--white-color); text-align: center; line-height: 50px; font-weight: 400; transform: rotate(-40deg); display: block; position: relative; }
.round__linkbox a:hover { transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out; transform: rotate(-40deg) translate(40px, 0px); }
.round__linkbox a::after { width: 50px; height: 50px; content: "\f061"; font-family: var(--FontAwesome4); font-weight: 400; position: absolute; top: 0; left: 0; transform: rotate(0deg) translate(-40px, 0px); } 
.round__linkbox a:hover::after { transform: rotate(0deg) translate(-40px, 0px); } 
.services__:hover { transform: translate(0,-10px); }
.services__:hover .services__headbox { border-color: var(--color-333);}
/* ============Home About Sec================= */
.home_aboutsec { width: 100%; margin: 0; }
.home_about__imgbox { width: calc(100% - 20px); position: relative; margin: 0;}
.home_about__imgbox .growth_counter_base { position: absolute; bottom: -20px; right: -20px; z-index: 1; }
.home_about__imgbox .growth_counter_base .growth_counter { width: 200px; height: 140px; background: var(--secondary-color); border: 20px solid var(--white-color); border-radius: 30px; padding: 20px; margin: -1px 0 0 0; }
.about__imgbox { width: 100%; background: var(--white-color); border-radius: 30px; overflow: hidden; padding: 0; margin: 0; display: inline-block; }
.sticky_rounded_corner { width: 30px; height: 30px; position: absolute; transform: rotate(-90deg); z-index: 1; }
.bottom_left_corner { bottom: 25px; left: -30px; transform: none;}
.top_right_corner { top: -29px; right: 20px; transform: none;}
.aboutcounter_number { width: 100%; height: 100%; background: var(--secondary-color); border-radius: 30px; padding: 0; font-size: 34px; color: var(--white-color); text-align: center; line-height: 60px; font-weight: 800; }
.about__txtbox {  width: 100%; }
.about__txtbox .desctxt { margin: 0 0 30px 0; }
.like__btnbox { font-size: 13px; background: var(--color-eee); border-radius: 15px; display: inline-block; padding: 5px 15px; margin: 0 0 15px 0;}
.about__txtbox .title__txt { font-weight: 700; letter-spacing: normal;}
.about__txtbox2 { width: 100%; }
.about__txtbox2  .eco_txtbox { width: 100%; background: var(--light-green); border-radius: 15px; padding: 10px 20px;}
.about__txtbox2 .eco_txtbox .eco_iconbox { font-size: 44px; line-height: normal; display: inline-block; margin: 0 0 10px 0; }
/* ============Home History Sec================= */
.sec_titlebox { width: 60%; margin: 0 auto 40px auto; display: table;}
.sec_titlebox .title__txt { color: var(--light-sap-green); font-weight: 700; letter-spacing: normal;}
.sec_titlebox .like__btnbox { background: var(--secondary-color); color: var(--white-color);}
.home_historysec .title__txt { color: var(--white-color);}
.home_historysec .like__btnbox { color: var(--light-sap-green); background: var(--white-color); }
.history-slide { width: 100%; margin: 0; position: relative;}
.history-slide item { height: 100%; padding: 0 15px; margin: 0; position: relative; transition: all 0.4s ease-in; }
.history-slide item .same_height { height: 220px; }
.year_infobox { width: 100%; height: 100%; padding: 15px 20px; margin: 0; background: var(--light-green); border-radius: 20px;}
.year_infobox .year_heading { font-size: 44px; color: var(--light-sap-green); font-weight: 800; text-align: center; padding: 0; margin: 0 0 10px 0; transition: all 0.4s ease-in; }
.year_infobox .year_title { font-weight: 700;}
.year_infobox .year_desc { padding: 0; margin: 0;}
.history-slide item:hover .year_heading { color: var(--secondary-color); transform: translate(0,-5px); }
/* ============Home Feedback Sec================= */
.home_feedbacksec { width: 100%; min-height: 300px; position: relative; }
.home_feedback_base {  width: 100%; height: 300px; border: 0; border-radius: 30px; overflow: hidden; position: relative; }
.feedback_basebox { width: 100%; height: 100%; padding: 80px 100px; overflow: hidden; position: absolute; z-index: 2; display: flex; justify-content: space-between;}
.feedback_basebox .feedback_txtbox { display: flex; align-items: center; margin: 0; }
.icon_box { width: 110px; height: 110px; min-width: 110px; background: var(--secondary-color); border-radius: 50%; padding: 30px; font-size: 34px; line-height: 50px; color: var(--white-color); text-align: center; margin: 0 30px 0 0; }
.feedback_basebox .feedback_title { color: var(--white-color); padding: 0; margin: 0; display: inline-block; }
.feedback_basebox .feedback_btnbox { display: flex; align-items: center; margin: 0;}
.big_btn { position: relative; background: var(--white-color); overflow: hidden; border-radius: 40px; }
.big_btn:hover { background: var(--secondary-color); }
.big_btn a { font-size: 18px; line-height: 30px; color: var(--sap-green); padding: 15px 50px 15px 40px; display: inline-block; transition: all 0.4s ease-in; white-space: nowrap; }
.big_btn a:hover { color: var(--black-color); }
.big_btn a i, .big_btn a svg { position: absolute; top: 22px; right: 24px; transform: rotate(-40deg); }
.big_btn a:hover i, .big_btn a:hover svg { transition: transform 0.4s ease-in-out,opacity 0.4s ease-in-out; transform: rotate(-40deg) translate(55px, 0px); }
.big_btn a::after { width: 50px; height: 50px; content: "\f061"; font-family: var(--FontAwesome4); font-weight: 400; position: absolute; top: 0; right: 0; transform: rotate(-40deg) translate(-72px, 8px); } 
.big_btn a:hover::after { transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;  transform: rotate(-40deg) translate(8px, 10px); } 
.home_feedback_imgbase { width: 100%; height: 100%; position: relative;}
.home_feedback_imgbase::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
/* ============Home Partner Sec================= */
.home_partnersec { width: 100%;}
.home_partnersec
.partner-slide .itembox {  padding: 0; margin: 0 15px; position: relative;}
.partner-slide .itembox .inner_itembox { width: 100%; background: none; border: 0 solid var(--light-sap-green); text-align: center; margin: 0; border-radius: 20px;}
.partner-slide .itembox img { max-height: 120px; margin: 0 auto; display: block;}
/* ============Home Testimonial Sec================= */
.home_testimonialsec { width: 100%; }
.home_testimonialsec .sec_titlebox .like__btnbox { background: var(--white-color); color: var(--light-sap-green);}
.testimonial-slide item { margin: 0 15px; position: relative;}
.testi_base { position: relative;}
.testi_base::before { width: 50px; height: 50px; background: var(--secondary-color); border-radius: 50%; content: "\f10e"; font-family: var(--FontAwesome4); font-size: 24px; line-height: 50px; color: var(--white-color); text-align: center; position: absolute; top: 0; right: 0; z-index: 2;}
.box_content_wrap { min-height: 370px; padding: 45px; position: relative; background-color: transparent; z-index: 1; }
.box_content_wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--white-color); clip-path: polygon(6.726% 100%,93.274% 100%,93.274% 100%,94.364% 99.896%,95.399% 99.594%,96.364% 99.111%,97.245% 98.464%,98.029% 97.668%,98.701% 96.741%,99.249% 95.698%,99.657% 94.556%,99.912% 93.332%,100% 92.042%,100% 28.912%,100% 28.912%,99.732% 25.399%,98.988% 22.786%,97.863% 20.91%,96.447% 19.608%,94.835% 18.717%,93.119% 18.071%,91.39% 17.508%,89.742% 16.865%,88.268% 15.977%,87.061% 14.682%,87.061% 14.682%,86.147% 12.968%,85.483% 11.096%,84.946% 9.146%,84.409% 7.198%,83.749% 5.331%,82.839% 3.624%,81.556% 2.158%,79.775% 1.012%,77.369% .266%,74.215% 0%,6.726% 0%,6.726% 0%,5.636% .104%,4.601% .406%,3.636% .889%,2.755% 1.536%,1.971% 2.332%,1.299% 3.259%,.751% 4.302%,.343% 5.444%,.088% 6.668%,0% 7.958%,0% 92.042%,0% 92.042%,.088% 93.332%,.343% 94.556%,.751% 95.698%,1.299% 96.741%,1.971% 97.668%,2.755% 98.464%,3.636% 99.111%,4.601% 99.594%,5.636% 99.896%,6.726% 100%);
}
.star_ratebox { width: auto; max-width: 100%; color: var(--secondary-color); margin: 0 0 15px 0; position: relative;}
.testimonial_desc { width: 100%; position: relative; margin: 0 0 30px 0; display: block;}
.testimonial_desc p { font-size: 17px; height: 130px; overflow: hidden; }
.testi_author_infobox { width: 100%; position: relative; }
.testi_author_infobox { display: flex; align-items: center; }
.testi_author_infobox .testi_author_imgbox { width: 80px; height: 80px; border-radius: 50px; margin: 0 15px 0 0; background: var(--color-eee); overflow: hidden;}
.testi_author_infobox .testi_author_txtbox {}
.testi_author_infobox .testi_author_txtbox .author_name { margin: 0; color: var(--light-sap-green);}
.testi_author_infobox .testi_author_txtbox .author_desig { color: var(--color-999);}
/* ============Home Our Products and Services Sec================= */
.service-slide { width: 100%;}
.service-slide item { margin: 0 15px; position: relative; transition: all 0.4s ease-in;}
.p__basebox { position: relative;}
.p__itembox_wrap { min-height: 370px; padding: 20px 20px 40px 20px; position: relative; background-color: transparent; z-index: 1; }
.p__itembox_wrap::before { content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-color:var(--white-color);
    clip-path:polygon(4.552% .268%,4.552% .268%,3.905% .469%,3.294% .719%,2.724% 1.015%,2.199% 1.353%,1.721% 1.731%,1.296% 2.146%,.925% 2.593%,.614% 3.07%,.366% 3.573%,.183% 4.1%,.183% 4.1%,.133% 4.676%,.091% 6.047%,.056% 8.254%,.028% 11.337%,.008% 15.338%,-.006% 20.296%,-.013% 26.252%,-.014% 33.247%,-.009% 41.321%,.002% 50.515%,.068% 94.897%,.068% 94.897%,.075% 95.118%,.095% 95.339%,.127% 95.558%,.172% 95.775%,.23% 95.99%,.301% 96.203%,.383% 96.414%,.478% 96.621%,.585% 96.826%,.704% 97.026%,.704% 97.026%,.704% 97.026%,.926% 97.354%,1.176% 97.667%,1.452% 97.966%,1.752% 98.247%,2.076% 98.512%,2.423% 98.759%,2.791% 98.986%,3.178% 99.194%,3.585% 99.381%,4.009% 99.546%,4.009% 99.546%,4.009% 99.546%,4.217% 99.616%,4.427% 99.679%,4.641% 99.734%,4.857% 99.783%,5.076% 99.824%,5.297% 99.858%,5.519% 99.885%,5.743% 99.904%,5.968% 99.916%,6.194% 99.92%,40.252% 99.972%,40.252% 99.972%,46.033% 99.976%,51.334% 99.974%,56.151% 99.965%,60.479% 99.951%,64.316% 99.934%,67.655% 99.914%,70.494% 99.894%,72.829% 99.875%,74.655% 99.858%,75.968% 99.844%,75.968% 99.844%,76.311% 99.838%,76.652% 99.822%,76.993% 99.797%,77.332% 99.762%,77.669% 99.719%,78.004% 99.665%,78.337% 99.603%,78.666% 99.532%,78.993% 99.451%,79.316% 99.361%,79.316% 99.361%,79.643% 99.261%,79.963% 99.15%,80.275% 99.027%,80.58% 98.894%,80.877% 98.75%,81.165% 98.595%,81.444% 98.431%,81.714% 98.256%,81.974% 98.072%,82.223% 97.878%,82.223% 97.878%,82.567% 97.583%,82.861% 97.314%,83.116% 97.05%,83.346% 96.773%,83.561% 96.463%,83.774% 96.101%,83.998% 95.668%,84.243% 95.143%,84.523% 94.508%,84.849% 93.744%,84.849% 93.744%,85.323% 92.692%,85.788% 91.801%,86.267% 91.052%,86.786% 90.424%,87.373% 89.898%,88.051% 89.454%,88.848% 89.072%,89.789% 88.733%,90.9% 88.416%,92.206% 88.102%,92.206% 88.102%,93.658% 87.749%,94.913% 87.384%,95.989% 86.997%,96.9% 86.576%,97.662% 86.11%,98.29% 85.588%,98.802% 84.998%,99.212% 84.329%,99.536% 83.569%,99.789% 82.708%,99.789% 82.708%,99.84% 82.164%,99.882% 80.972%,99.917% 79.086%,99.944% 76.464%,99.965% 73.061%,99.979% 68.832%,99.986% 63.735%,99.987% 57.725%,99.981% 50.757%,99.971% 42.788%,99.903% 4.89%,99.903% 4.89%,99.897% 4.701%,99.88% 4.513%,99.853% 4.326%,99.815% 4.14%,99.766% 3.956%,99.706% 3.774%,99.636% 3.595%,99.556% 3.417%,99.465% 3.243%,99.364% 3.071%,99.269% 2.92%,99.269% 2.92%,99.046% 2.593%,98.797% 2.279%,98.521% 1.981%,98.221% 1.699%,97.897% 1.435%,97.55% 1.188%,97.182% .961%,96.795% .753%,96.388% .566%,95.964% .401%,95.964% .401%,95.964% .401%,95.756% .331%,95.545% .268%,95.331% .212%,95.115% .164%,94.896% .123%,94.675% .089%,94.452% .063%,94.228% .044%,94.003% .032%,93.777% .028%,50.326% 0%,50.326% 0%,38.782% -.009%,29.407% -.014%,21.969% -.014%,16.235% -.007%,11.971% .008%,8.945% .034%,6.923% .071%,5.672% .121%,4.96% .186%,4.552% .268%);
  }
.p__itembox_wrap .p__content-inner { width: 100%; margin: 0;}
.p__itembox_wrap .p__content-inner .p__imgbox { width: 100%; border-radius: 30px; margin: 0 0 20px 0; overflow: hidden; transition: all 0.4s ease-in;}
.p__itembox_wrap .p__content-inner .p__imgbox img { width: 100%; display: block; transition: 0.5s all ease-in-out;}
.p__itembox_wrap .p__content-inner .p__txtbox {  width: 100%; margin: 0; }
.p__itembox_wrap .p__content-inner .p__txtbox .service_cate { font-size: 17px; color: var(--color-777); font-weight: 600; margin: 0 0 10px 0; display: inline-block;}
.p__itembox_wrap .p__content-inner .p__txtbox .p__titletxt { color: var(--color-333); font-weight: 600; padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid var(--color-eee); transition: all 0.4s ease-in; }
.p__itembox_wrap .p__content-inner .p__txtbox .p__desctxt { width: 80%; height: 120px; margin: 0; }
.service-slide item:hover .p__content-inner .p__imgbox { transform: translate(0,-5px); }
.service-slide item:hover .p__content-inner .p__imgbox img { transform: scale(1.2);}
.service-slide item:hover .p__content-inner .p__txtbox .p__titletxt { color: var(--secondary-color);}
/* ============Login Page================= */
.login_sec { background: url(../images/login-bg.jpg); }
.height100v { height: 100vh;}
.loginbox { width: 100%; max-width: 540px; padding: 30px 40px; background: var(--white-color); border: 1px solid var(--theme-border-color); border-radius: 12px; margin: 0 auto; box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12); -webkit-box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12); }
.login_title { color: var(--theme-txt-color); text-align: center; margin: 0 0 40px 0; }
.loginbox .back_to i { font-size: 20px; margin: 0 10px 0 0;}
.login_sec a { color: var(--secondary-color);}
.login_sec a:hover { color: var(--sap-green);}
/* ============About Us Page================= */
.page_bannersec { width: 100%; height: 400px; background: url(../images/page_banner.jpg) center top no-repeat; margin: 0; }
.page_bannersec .banner_contentbox { height: 280px; text-align: center;}
.page_title { color: var(--white-color);}
.breadcrumb_link { padding: 0; margin: 0 auto; display: flex; justify-content: center; position: relative;}
.breadcrumb_link li { list-style-type: none; font-size: 17px; line-height: 22px; color: var(--white-color); padding: 0 30px 3px 0; margin: 0 15px 0 0; float: left; position: relative;}
.breadcrumb_link li::before { content: "\f054"; font-family: var(--FontAwesome5); position: absolute; top: 0; right: 0; z-index: 1;} 
.breadcrumb_link li:last-child { padding: 0 0 3px 0; margin: 0;}
.breadcrumb_link li:last-child::before { content: ""; }
.breadcrumb_link li a { font-size: 17px; color: var(--white-color); }
.breadcrumb_link li a:hover { color: var(--secondary-color);}
.box_vision_base {  width: 100%; display: flex; padding: 10px 0; border-bottom: 1px solid #ccc; }
.box_vision_base a {  width: 100%; padding: 20px; display: flex; justify-content: space-between; align-items: center; border-radius: 10px; background: none; color: var(--white-color); }
.box_vision_base a:hover { background: var(--white-color);}
.box_vision_base .box__1 { padding: 0 30px 0 0;}
.box_vision_base .box__2 { padding: 0; min-width: 120px;}
.box_vision_base .box__3 { padding: 0 0 0 30px;}
.box_vision_base .box__1 h2 { font-size: 50px; font-weight: 700;}
.box_vision_base .box__2 h5 { font-weight: 600;}
.box_vision_base .box__3 p { padding: 0; margin: 0;}
.bg_sap .home_about__imgbox .growth_counter_base .growth_counter { border-color: var(--light-sap-green);}
.bg_sap .about__txtbox .title__txt { color: var(--white-color);}
.bg_sap .about__txtbox .desctxt { color: var(--white-color);}
.box_vision_base a:hover .box__1 h2 { color: var(--light-sap-green); }
.box_vision_base a:hover .box__2 h5 { color: var(--color-333);}
.box_vision_base a:hover .box__3 p { color: var(--color-333);}
.our_services .p__basebox  .p__itembox_wrap .p__content-inner .p__imgbox { width: 240px; height: 240px; border-radius: 50%; margin: 0 auto 10px auto; }
.our_services .p__basebox .p__itembox_wrap .p__content-inner .p__txtbox { text-align: center;}
/* --------------notice_sec------------------ */
.notice_sec { padding: 30px 0;}
.notice_sec .noticebard_box { width: 100%; margin: 0; position: relative; overflow: hidden; background: #aec8ba; border-radius: 15px; }
.notice_sec .noticebard_box .notice_head { width: auto; padding: 10px 15px; background: var(--secondary-color); display: inline-block; font-size: 20px; font-weight: 600; position: absolute; top: 0; left: 0; z-index: 1;}
.notice_sec .noticebard_box .marquee_scroll_text { padding: 12px 0; margin: 0; display: flex; }
.notice_sec .noticebard_box .marquee_scroll_text p { padding: 0; margin: 0 15px; display: inline-block; white-space: nowrap; }
.marquee_scroll_text {

  }
  
  /* for Firefox */
  @-moz-keyframes my-animation {
    from { -moz-transform: translateX(100%); }
    to { -moz-transform: translateX(-100%); }
  }
  
  /* for Chrome */
  @-webkit-keyframes my-animation {
    from { -webkit-transform: translateX(100%); }
    to { -webkit-transform: translateX(-100%); }
  }
  
  @keyframes my-animation {
    from {
      -moz-transform: translateX(100%);
      -webkit-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -moz-transform: translateX(-100%);
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
}
/* ============Services Page and Products Page================= */
.list_basebox { width: 100%; padding: 40px; margin: 0 0 30px 0; position: relative; background: var(--white-color); border-radius: 30px; border: 0 solid red;}
.list_innerbox { width: 100%; background: var(--white-color); border: 0 solid green; }
.list_innerbox .list_topheading { display: flex; align-items: center; margin: 0 0 15px 0;}
.list_innerbox .list_topheading .topheading_icbox { width: 40px; min-width: 40px; margin: 0 10px 0 0; font-size: 24px; color: var(--light-sap-green); text-align: center; }
.list_innerbox .list_topheading h6 { color: var(--light-sap-green); padding: 0; margin: 0; }
ul.ourlisting { width: 100%; padding: 0; margin: 0;}
ul.ourlisting li { list-style-type: none; padding: 0; border-bottom: 1px solid var(--color-ccc); position: relative;  }
ul.ourlisting li a { padding: 15px 50px 15px 40px; display: block; position: relative; transition: all .25s ease-in-out; }
ul.ourlisting li a::after { position: absolute; content: ""; left: 20px; top: 50%; width: 7px; height: 7px; font-size: 20px; z-index: 1; background: var(--secondary-color); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50%; transition: all 0.4s ease; }
ul.ourlisting li a::before { position: absolute; left: inherit; right: 8px; top: 50%; z-index: 1; width: 36px; height: 36px; background: var(--white-color); border-radius: 50%; content: "\f061"; font-family: var(--FontAwesome5); font-size: 12px; line-height: 36px; font-weight: 400; color: var(--light-sap-green);  text-align: center; -webkit-transform: translateY(-50%) rotate(-40deg); -moz-transform: translateY(-50%) rotate(-40deg); -o-transform: translateY(-50%) rotate(-40deg); transform: translateY(-50%) rotate(-40deg); transition: all 0.4s ease-in; }
ul.ourlisting li:hover a { transform: translateX(1%); }
ul.ourlisting li a:hover, ul.ourlisting li a.active { color: var(--light-sap-green);} 
ul.ourlisting li a:hover::after, ul.ourlisting li a.active::after { background: var(--light-sap-green); } 
ul.ourlisting li a:hover::before, ul.ourlisting li a.active::before { background: var(--light-green); } 
ul.ourlisting li:last-child { border-bottom: 0;}
.service_related_box { width: 100%; margin: 0;}
.service_related_img { width: 100%; min-height: 460px; margin: 0 0 30px 0; border-radius: 30px; overflow: hidden; }
.service_related_img img { width: 100%; height: 460px; object-fit: cover;}
.bg_light_sap .page_content .title__txt { color: var(--light-sap-green); }
.download_box { width: 100%; margin: 0;}
.download_box .rightpl_titlebox { width: 100%; margin: 0 0 10px 0; }
.download_box .rightpl_titlebox .titletxt_rpl { color: var(--light-sap-green); margin: 0 0 20px 0; }
.download_box .rightpl_titlebox .titletxt_rpl .fa, .download_box .rightpl_titlebox .titletxt_rpl svg { margin: 0 6px 0 0;}
.item_download { margin: 0 0 10px 0;}
.item_download a.download_content { display: flex; justify-content: space-between; align-items: center; padding: 5px; margin: 0; background: var(--white-color); border-radius: 40px; }
.download_content_title { font-size: 16px; padding: 0; margin: 0 0 0 30px;}
.download_content_title .ic_box { width: 34px; margin: 0 5px 0 0; display: inline-block;}
.download_content_title .ic_box .fa, .download_content_title .ic_box svg { font-size: 24px;}
.download_icbox { width: 60px; height: 60px; border-radius: 50%; font-size: 24px; color: var(--white-color); text-align: center; display: inline-block; background: var(--light-sap-green); padding: 10px;}
.item_download a.download_content:hover { background: var(--light-sap-green);}
.item_download a.download_content:hover .download_icbox { background: var(--white-color);}
.item_download a.download_content:hover .download_content_title { color: var(--white-color);}
.item_download a.download_content:hover .download_content_title .ic_box .fa, .item_download a.download_content:hover .download_content_title .ic_box svg { color: var(--white-color);}
.item_download a.download_content:hover .download_icbox { color: var(--light-sap-green);}
/* ============ Contact Us Page================= */
.contact_ussec .services__ .services__descbox p { height: auto; margin: 0 0 10px 0; }
.contact_ussec .services__ .services__descbox p:last-child { margin-bottom: 0;}
.getin_touch_box { width: 100%; height: 800px; display: flex; margin: 0; border: 0 solid var(--sap-green); border-radius: 40px; overflow: hidden;}
.getin_touch_box .leftbox { width: 46%; padding: 0;}
.getin_touch_box .leftbox img { width: 100%; height: 100%; object-fit: cover;}
.getin_touch_box .rightbox { width: 54%; padding: 30px 50px; background: var(--white-color);}
.getin_touch_box .about__txtbox { margin: 0 0 50px 0;}
.mapview_basebox {  width: 100%; margin: 0; }
.mapviewbox { width: 100%; height: 480px; background: var(--color-eee); overflow: hidden; position: relative;}
.getin_touch_box .about__txtbox .title__txt { color: var(--light-sap-green); }
/* ============ Join Us Page================= */
.vartical_feedback_base { width: 100%; max-height: 680px; padding: 0; margin: 0; position: relative; border-radius: 30px; overflow: hidden; }
.vartical_feedback_basebox { padding: 100px 40px; overflow: hidden; position: absolute; z-index: 2; display: inline-block; }
.vartical_feedback_basebox .feedback_txtbox { display: inline-block; align-items: center; margin: 0 0 50px 0; }
.vartical_feedback_basebox .feedback_txtbox .icon_box { width: 110px; height: 110px; min-width: 110px; background: var(--secondary-color); border-radius: 50%; padding: 30px; font-size: 34px; line-height: 50px; color: var(--white-color); text-align: center; margin: 0 auto 30px auto; }
.vartical_feedback_basebox .feedback_title { color: var(--white-color); text-align: center; padding: 0; margin: 0; display: inline-block; }
.vartical_feedback_basebox .feedback_btnbox { display: flex; align-items: center; margin: 0;}
.vartical_feedback_basebox .feedback_btnbox .big_btn { margin: 0 auto;}
.vartical_feedback_imgbase { width: 100%; height: 100%; position: relative;}
.vartical_feedback_imgbase::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1;}
.vartical_feedback_imgbase img { width: 100%; height: 100%; object-fit: cover; display: block;}
/* ============ Business Profile Page================= */
.member_profile_sec { width: 100%; }
.member_basebox {  width: 100%; padding: 0 0 50px 0; margin: 0; }
.member_box { position: relative; overflow: hidden;  }
.member_box .member_innerbox { position: relative; overflow: hidden; border-radius: 30px; margin: 0 0 20px 0; }
.member_box .member_innerbox .member_img_wrapbox { clip-path: polygon(6.232% .432%,6.232% .432%,5.354% .704%,4.526% 1.042%,3.753% 1.442%,3.04% 1.9%,2.393% 2.412%,1.816% 2.972%,1.313% 3.577%,.891% 4.222%,.554% 4.903%,.307% 5.616%,.307% 5.616%,.239% 6.246%,.181% 7.641%,.134% 9.838%,.097% 12.874%,.069% 16.786%,.051% 21.61%,.041% 27.382%,.04% 34.141%,.047% 41.922%,.061% 50.762%,.153% 94.684%,.798% 95.788%,.798% 95.788%,1.084% 96.238%,1.407% 96.669%,1.767% 97.08%,2.16% 97.47%,2.587% 97.837%,3.045% 98.181%,3.533% 98.499%,4.048% 98.792%,4.59% 99.056%,5.157% 99.292%,6.907% 99.964%,36.839% 100.036%,36.839% 100.036%,42.57% 100.047%,47.735% 100.051%,52.337% 100.047%,56.376% 100.038%,59.856% 100.021%,62.778% 99.998%,65.143% 99.969%,66.954% 99.933%,68.212% 99.891%,68.92% 99.844%,68.92% 99.844%,69.701% 99.73%,70.49% 99.578%,71.275% 99.393%,72.046% 99.177%,72.792% 98.935%,73.502% 98.671%,74.165% 98.388%,74.771% 98.091%,75.308% 97.783%,75.766% 97.468%,75.766% 97.468%,76.191% 97.116%,76.585% 96.745%,76.954% 96.346%,77.304% 95.911%,77.642% 95.431%,77.974% 94.897%,78.305% 94.299%,78.642% 93.631%,78.991% 92.882%,79.358% 92.044%,79.358% 92.044%,80.059% 90.471%,80.718% 89.157%,81.376% 88.068%,82.075% 87.173%,82.857% 86.436%,83.765% 85.826%,84.84% 85.308%,86.124% 84.85%,87.66% 84.418%,89.489% 83.979%,89.489% 83.979%,91.465% 83.502%,93.172% 83.009%,94.632% 82.485%,95.867% 81.916%,96.899% 81.285%,97.749% 80.579%,98.439% 79.78%,98.992% 78.875%,99.429% 77.848%,99.773% 76.683%,99.773% 76.683%,99.841% 76.095%,99.899% 74.924%,99.946% 73.137%,99.983% 70.696%,100.011% 67.566%,100.029% 63.71%,100.039% 59.094%,100.04% 53.681%,100.033% 47.436%,100.018% 40.322%,99.926% 5.4%,99.282% 4.296%,99.282% 4.296%,98.996% 3.846%,98.673% 3.415%,98.313% 3.004%,97.919% 2.614%,97.493% 2.247%,97.035% 1.903%,96.547% 1.585%,96.032% 1.292%,95.489% 1.028%,94.922% .792%,93.172% .12%,50.5% .072%,50.5% .072%,39.499% .059%,30.551% .052%,23.433% .051%,17.925% .06%,13.803% .081%,10.847% .115%,8.833% .165%,7.541% .233%,6.748% .321%,6.232% .432%);}
.sharebtn_position { position: absolute; right: 5px; bottom: 5px; z-index: 1; }
.sharebtn_position a { display: block; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.sharebtn { width: 50px; height: 50px; font-size: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--secondary-color);}
.sharebtn i, .sharebtn svg { font-size: 24px; font-weight: 400; color: var(--black-color); }
.sharebtn_position a:hover .sharebtn i, .sharebtn_position a:hover .sharebtn svg { color: var(--white-color);}
.member_name_dtl { width: 100%; margin: 0; position: relative; }
.member_name_dtl .mem_designation { font-size: 18px; color: var(--color-999); font-weight: 600; padding: 0 0 0 20px; margin: 0 0 10px 0; position: relative; }
.member_name_dtl .mem_designation:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--light-sap-green); display: inline-block; position: absolute; top: 7px; left: 0; }
.member_name_dtl .mem_name { font-size: 22px; color: var(--light-sap-green); font-weight: 700; padding: 0; margin: 0;}
.timeline_sec { background: var(--color-eee);}
.timeline_box { width: 100%; border-radius: 30px; overflow: hidden; }
.timeline_box a { display: block;}
.timeline_box img { width: 100%; display: block; object-fit: cover;}
/* ============ CMS Page================= */
.cms_content { width: 100%; margin: 0; display: inline-block; }
.sub_content_sec { width: 100%; margin: 0 0 20px 0; display: inline-block;}
.cms_content p { line-height: 1.4; padding: 0; margin: 0 0 10px 0;}
.cms_content ul { padding: 0; margin: 0 0 20px 30px;}
.cms_content ul li { list-style-type: disc; padding: 0; margin: 0 0 10px 0;}
.sub_content_sec h4{ font-size: 22px; }