 body {
            margin: 0;
            padding: 0;
            font:  "Roboto","Helvetica,Arial,sans-serif";
           height: 100vh;   /* Ensure a minimum height for body */
			box-sizing:border-box;
			width:100vw;
			overflow-x: hidden;
            overflow-y: scroll;
        }
		
        #container-1 {
            background-color: #4CAF4F;
            width: 100vw;
            height: 15vh; /* Use vh (viewport height) instead of percentage for better responsiveness */
            position: relative;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 20px; /* Adjust padding as needed */
			
        }

        #container-2 {
            background-color: white;
            width: 70%;
            height: 100%; /* Set height to 100% to match the height of container-1 */
            position: absolute;
            top: 0;
            left: 0;
            border-top-right-radius: 50px; /* Adjust the radius as needed */
            border-bottom-right-radius: 50px; /* Adjust the radius as needed */
            display: flex;
            align-items: center;
            justify-content: flex-end; /* Align navigation links to the right */
			font-weight:600;
        }

        .nav {
            display: flex;
            align-items: center;
        }

        .nav a {
            color: black;
            margin: 0 30px; /* Adjust margin as needed */
            text-decoration: none;
			font-weight:600;
        }

        section {
            /* Add styles for the content section if needed */
            padding: 20px;
            z-index: 2;
            position: relative;
        }

        /* Clearfix for containing floats */
        .clearfix::after {
            content: "";
            display: table;
            clear: both;
        }
.page-footer {
    background:#8080809e;
    padding: 40px 0 20px;
    color:#fff;
}

.foot_img{
  margin-top: -15px;
    margin-left: 93px;
    background-color: white;
    border-radius: 48px
	}
    
    .banner_wel {
    font-weight: 400;
    font-size: 35px;
    text-transform: capitalize;
    line-height: 40px;
	color:green;
	margin-left: 195px;
}
   .banner_well {
    font-weight: 400;
    font-size: 25px;
    text-transform: capitalize;
    line-height: 40px;
	color:green;
	margin-left: 100px;
}
      .banner_review {
    font-weight: 400;
    font-size: 25px;
    text-transform: capitalize;
    line-height: 40px;
	color:green;
	margin-left: 185px;
}
	.fluid{
	max-width:130%;
	}
.col{
 color:black;
 text-decoration: none;
 font-weight:600;
}

.banner-in {
    
    text-align: center;
    padding: 20px;
}
.banner-in h1 {
    font-weight: 600;
    font-size: 33px;
    text-transform: capitalize;
    line-height: 40px;
	color:#17246c;
}
.banner-in img {
    width: 80%;
}
.banner_left{
    margin-left:15%;
}
.banner-text {
    margin-left:-20px;
    padding: 20px;
    color: #fff;
}
.banner-text p, .company-numbers p{
    margin-bottom:0;
    color:black;
    text-align:center;
	font-weight:600;
	font-size:15px;
}
.banner_see{
    
    color:#17246c;
    text-align:justify;
	font-weight:600;
	font-size:16px;
	margin-top:26px;
	color:green;
}
.banner{
    
    color:#17246c;
    text-align:center;
	font-weight:600;
	font-size:18px;
	margin-top:15px;
}
.banner_email{
    
    color:#17246c;
    text-align:center;
	font-weight:600;
	font-size:33px;
	margin-top:15px;
}
.request{
    
    color:#4CAF4F;
    text-align:center;
	font-weight:600;
	font-size:18px;
	margin-bottom:20px;
	
}
.reg{
   background-color: #4CAF4F;
    border-radius: 35px;
    border: 2px solid #4CAF4F;
    padding: 8px;
    width: 181px;
    text-color: white;
    color: white;
    margin-top: 10px;
    margin-left:160px;
}
.subscribe{
text-align: center;
    background-color: #4CAF4F;
    border: 2px solid #4CAF4F;
    border-radius: 7px;
    color: white;
    width: 115px;
    padding: 4px;
    margin-left: 158px;
	margin-top:7px;
}
.req_para{
text-align: center;
   
}
.request{
    
   color: green;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 20px;
	
}
.Subscribe{
text-align: center;
    background-color: green;
    color: white;
    width: 200px;
    padding: 3px;
    height: 65px;
    margin-left: 250px;
    border: green;
	margin-top:-20px;
    
}
.contact {
 box-sizing: border-box;
  border-radius: 5px;
  background-color: #f2f2f2;
  
  border:3px solid #c0e0ef;
}
.parameter{
display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
     border-radius:10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 border:2px solid #c0e0ef;
}
.para_des{
display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius:10px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 border:1px solid  #4CAF4F;
}
.con{
    
    color: green;
  text-align: center;
  font-weight: 200;
  font-size: 35px;
  margin-bottom: 40px;
  margin-left: -5px;
	
}
.con_req{
padding-left:100px;
padding-right:100px;
padding-bottom:50px;
padding-top:25px;
}
.contact_req{
padding-left:20px;
padding-right:475px;
padding-bottom:50px;
padding-top:25px;
}
.coach{
background-color: #4CAF4F;
border-radius:5px;
height:20px;
width:50px;
}
.background{
 background-image: url(../img/backup.png);

    background-size: cover;
	background-position: 35px -967px;
}
.ground{
     background-image: url(../img/back.png);
     background-size: cover;
	background-position: -124px -90px;
}
  .date {
    
     margin-left:-85px;
            margin-top:-107px;
            padding: 0;
            font-family: 'Arial', sans-serif;
            min-height: 100vh; /* Ensure a minimum height for body */
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white; /* Set the body background color */
        }

        #outer-container {
            background-color: #efe6e66b;
            border-radius: 15px; /* Adjust border radius as needed */
            padding: 20px; /* Adjust padding as needed */
            height: 320px;
            width: 285px;
            display: flex;
            align-items: center;
            justify-content: center;
			margin-top: 60px;
           margin-left: 100px;

        }
            .outer-container {
           
            border-radius: 15px; /* Adjust border radius as needed */
            padding: 36px; /* Adjust padding as needed */
            height: 320px;
            width: 323px;
            display: flex;
            align-items: center;
            justify-content: center;
			margin-top: 60px;
           margin-left: 100px;

        }
        
      #out-container {
            ;
            border-radius: 15px; /* Adjust border radius as needed */
            padding: 20px; /* Adjust padding as needed */
            height: 320px;
            width: 285px;
            display: flex;
            align-items: center;
            justify-content: center;
			margin-top: 60px;
           margin-left: 100px;

        }
        #inner-container {
            background-color: #4CAF4F;
            border-radius: 70px; /* Adjust border radius as needed */
            padding: 25px; /* Adjust padding as needed */
            height: 200px;
            width: 330px;
        }
.backup_img{
     background-image: url(../img/backup.png);
   
    background-size: cover;
    border-radius: 15px;
    padding: 20px;
    height: 320px;
    width: 285px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 60px;
    margin-left: 100px;
}


        #in-container {
           
            border-radius: 70px; /* Adjust border radius as needed */
            padding: 25px; /* Adjust padding as needed */
            height: 200px;
            width: 330px;
        }
        /* Add styles for the content inside the inner container */
        #content {
            color: white; /* Set text color to white or adjust as needed */
            /* Add your content styles here */
        }
		.serve{
		margin-bottom: 2px;
    text-align: center;
    color: black;
	font-weight:600;
		}
			.serve1{
		margin-bottom: 2px;
    text-align: center;
    color: #4CAF4F;
    font-weight: 400;
    font-size: 36px;
		}
		.launch_serve{
		color:black;
		}
		.serve_img1{
		margin-left: 50px;
    margin-top: -98px;
    background: white;
    border-radius: 35px;
    padding: 5px;
}
		.serve_img2{
		margin-left: 70px;
    margin-top: -98px;
    background: white;
    border-radius: 35px;
    padding: 5px;
}
.consult{
margin-left: 35px;
    margin-top: 18px;
    color: black;
    background: white;
    width: 140px;
    padding: 13px;
    border-right-top: 36px;
    border-top-right-radius: 36px;
    border-bottom-left-radius: 40px;
}
.talk{
    margin-left: 30px;
    margin-top: 18px;
    color: green;
    background: #e5dcdc7a;
    width: 180px;
    /* padding: 11px; */
    border-right-top: 36px;
    /* border-top-right-radius: 36px; */
    /* border-bottom-left-radius: 40px; */
    border-radius: 30px;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left: 40px;
	font-weight:600;
}

ul.demo {
  list-style-type: none;
    margin: 0;
    font-size: 16px;
    font-weight: 600;
 
}
  
	.card {
  background: blue;
}

.card::after{
  
    position: fixed;
    top: 0px;
    left: 0px;
    width: 70%;
    height: 120%;
    background-color: white;
    z-index: 1;
    transform: skew(-30deg);
    transform-origin:top;
  }
  .quest{
    
   color: #0f100f;
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}
.contact_log{
    background-color: #302525f2;
    width: 104%;
    margin-left: -20px;
    height: 96px;
    margin-top: -20px;
}
.proof{
color: green;
    padding: 25px;
    font-size: 25px;
    margin-left: 268px;
	}
	.superscribe{
text-align: center;
    background-color: green;
    border: 2px solid green;
    border-radius: 5px;
    color: white;
    width: 179px;
    padding: 3px;
    font-size: 24px;
}
.float{
margin-left: 881px;
    margin-top: -80px;
	}
	.title_card{
	height:250px;
	}
	.con_proof{
	text-align: center;
    color: green;
    font-weight: 600;
    font-size: 20px;
    
	}
	.fill{
    margin-bottom:0;
    color:black;
    text-align:justify;
	font-weight:400;
	font-size:35px;
}
	.fill_proof{
   margin-bottom: 0;
    text-align: justify;
    font-weight: 600;
    font-size: 32px;
    margin-top: -19px;
}
	.hr_line{
	border-bottom: 2px solid black;
    width: 414px;
    margin-left: -15px;
    margin-bottom: 13px;
	}
	.date_con{
	color: green;
    text-align: center;
    font-weight: 400;
    font-size: 32px;
    margin-bottom: 20px 
	}
	.focus{
	     background-image: url(../img/Vector.png);
     
}
.quote_email{
background-color: #a59d9d47;
    width: 357px;
    padding: 13px;
	margin-top:35px;
}
.con1_req{
padding-left:200px;
padding-right:200px;
padding-bottom:50px;
padding-top:25px;
}
.contact2 {
 box-sizing: border-box;
  border-radius: 5px;
  background-color: #f2f2f2;
  
  border:1px solid #7ee37e;
}
.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.75rem;
    min-height: 1px;
	}
	.card {
    position: relative;
    margin: 0.5rem 0 1rem 0;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
}
.card .card-content {
    padding: 15px;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.log{
   background-color:  #4CAF4F;;
    width: 104%;
    margin-left: -20px;
    height: 175px;
    margin-top: -2px;
	border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}
.ban {
    margin-bottom:0;
    color:white;
    text-align:justify;
	font-weight:400;
	font-size:20px;
	padding-left: 140px;
    padding-top: 38px 
}
.quick{
font-size: 12px;
    text-align: center;
    /* margin-left: -178px; */
    margin-top: 19px;
    line-height: 1.9;
    /* padding: 5px; */
    /* padding-left: 0px; */
    padding-right: 100px;
	}
	.color{
	background-color: #A4C8A5;
    height: 190px ;
	}
	.scribe{
    text-align: center; 
    background-color: green;
    border: 2px solid green;
    border-radius: 7px;
    color: white;
    width: 142px;
    padding: 3px;
    margin-left: 995px;
    margin-top: -17px;
}
.color_head{
	background-color:#4CAF4F;
    height: 113px ;
	}
	.log_head{
background-color: white;
  width: 104%;
  margin-left: -20px;
  height: 133px;
  margin-top: -20px;
  border-top-right-radius: 110px;
  border-bottom-right-radius: 65px;
}

.ban_head {
   
	padding-left: 140px;
    padding-top: 38px 
}
.head_nav{
    color: black;
    text-decoration: none;
    margin-left: 30px;
    font-weight: 600;
}

.head_con{
margin-left: 25px;
    border-color: white;
    background-color: white;
    width: 120px;
    padding: 5px;
}


card_contents{
    padding: 15px;
    /* border-radius: 0 0 2px 2px; */
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    height: 268px;
    margin-left: 45px;
}
.align{
    text-align:justify;
}

.ham-menu { display: inline-block; position: relative; margin-left: 23px; } /* margin = (width-height)/2 */
.ham-menu, .ham-menu::before, .ham-menu::after { width: 30px; height: 5px; border-radius: 5px; background-color: white; }
.ham-menu::before, .ham-menu::after { content: ""; display: block; position: absolute; }
.ham-menu::before { bottom: 130%; } .ham-menu::after { top: 130%; }


.testimonials {
            max-width: 800px;
            margin: 0 auto;
        }

        .testimonial {
            border: 1px solid #ccc;
            border-radius: 8px;
            padding: 20px;
            margin-bottom: 20px;
        }

        .testimonial img {
            border-radius: 50%;
            margin-right: 10px;
        }

        .testimonial p {
            margin: 0;
        }

        .testimonial-author {
            font-weight: bold;
            margin-top: 10px;
        }
        
        .job-card {
            margin-bottom: 20px;
        }

        .apply-btn {
            margin-top: 10px;
        }
        section.about-us-page {
    padding: 0px 30px 83px 0px;
}

.about_content{
padding-left: 15px;
    border-left: 3px solid #03853e;
    font-size: 16px;
    color: #484e54;
}
  
/* Dropdown Styles */
.dropdown {
    position: relative;
    display: inline-block;
}


.dropdown-content {
    display: none; 
    position: absolute;
    background-color: white;
    box-shadow: 0 -27px 38px rgb(0 0 0 / 0.2);
    z-index: 100;
    width: 200px;
    border-radius: 2px solid green;
   
    border-style: solid;
    border-color: #9E9E9E white #4CAF50 #4CAF50;
}

.dropdown-content a {
    color: #333; /* Set your desired text color for the dropdown items */
    padding: 12px 16px;
    display: block;
    text-decoration: none;
}

.dropdown-content a:hover {
    background-color:  #4CAF4F; /* Set your desired background color on hover */
}

.dropdown:hover .dropdown-content {
    display: block;
}
.single-table {
    background: #fff;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 15px 0;
    padding: 45px 35px 30px 35px
}
.table-head {
    text-align: center;
}
.title {
    font-size: 21px;
    color: #2C2D3F;
    margin-top: 30px;
    margin-bottom: 15px;
}
.amount {
    font-size: 36px;
    font-weight: 600;
    color: #4CAF4F;
}
.table-list {
    	list-style:none;
	padding:0;
	margin:0;
}
.pricing-table .btn {
    padding: 12px 25px;
    width: 100%;
    color: #fff;
}
.pricing-table .table-list li {
    position: relative;
    color: #666;
    text-transform: capitalize;
    margin-bottom: 18px;
    padding-right: 32px;
    
}
[class*=" icofont-"],[class^=icofont-] {
    font-family: IcoFont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    line-height: 1;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}
.call-action {
    background-image: url(../img/back.png);
    background-size: cover;
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
}
.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #4CAF4F;
    opacity: 0.8;
}
.call-action .content {
    text-align: center;
    padding: 100px 265px 
}
.call-action .content .btnn {
    background: #fff;
    margin-right: 20px;
    font-weight: 500;
    border: 1px solid #fff;
    color: #1a76d1;
}
.call-action .content .second {
    border: 1px solid #fff;
    color: #fff;
    background: transparent;
    color: #fff !important;
}
.satis{
    background-image: url(../img/back.png);
    background-size: cover;
    background-position: -35px -94px;
    height: 350px 
}
.review{
    list-style-type: none;
    background: white;
    padding: 51px;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    width: 767px;
}
.menu_review{
    padding: 15px;
    border-radius: 0 0 2px 2px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    margin-left:7px;
    text-align:justify;
}
.menu_review .h5{
    color: #4CAF4F;
}
  .ton {
     background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
   
    border: 2px solid white;
    border-radius: 5px;
    margin-left: -127px;
    width: 200px;
}
.con_code{
    margin-left: 362px;
    margin-top: -70px;
    border-color: green;
    color: green;
    width: 113px;
    height: 32px;
    border: 1px solid green;
}
.quote_proof{
    font-weight: 400;
    font-size: 25px;
    /* text-transform: capitalize; */
    /* line-height: 41px; */
    color: green;
    margin-left: -65px;
}
.back_img{
    border:2px solid black;
}
.next{
    margin-left: 1215px;
    margin-top: 0px;
    /* border-color: green; */
    color: white;
    width: 89px;
    border: 2px solid green;
    background-color: green;
    padding: 5px;
    border-radius: 5px;
}
.contact_backimg{
    
    background-image: url(../img/Vectorback.png);

    background-size: cover;
	background-position:  210px -1269px;
}
/* Styles for the Request a Quote section */
    .quote-section {
       /* Green background color */
      color: black;
      padding: 50px 0;
      text-align: center;
    }

    .quote-heading {
      font-size: 24px;
      font-weight: bold;
    }

    .quote-description {
      font-size: 16px;
      margin-top: 20px;
    }

    .quote-button {
      background-color: white;
      color: #4CAF50; /* Green text color */
      padding: 10px 20px;
      font-size: 18px;
      border: none;
      cursor: pointer;
      margin-top: 20px;
    }

 .card-0{min-height: 110vh;background: linear-gradient(-20deg, rgb(255, 255, 255) 50%, #4CAF4F 50%);color: white;border: 0px}p{font-size: 15px;line-height: 25px !important;font-weight: 500}
 .container{padding-top: 100px !important;border-radius: 20px}
 .btn{letter-spacing: 1px}select:active{box-shadow: none !important;outline-width: 0 !important}select:after{box-shadow: none !important;outline-width: 0 !important}input, textarea{padding: 10px 12px 10px 12px;border: 1px solid lightgrey;border-radius: 0px !important;margin-bottom: 5px;margin-top: 2px;width: 100%;box-sizing: border-box;color: #2C3E50;font-size: 14px;letter-spacing: 1px;resize: none}select:focus, input:focus{box-shadow: none !important;border: 1px solid #2196F3 !important;outline-width: 0 !important;font-weight: 400}label{margin-bottom: 2px;font-weight: bolder;font-size: 14px}input:focus, textarea:focus{-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;border: 1px solid #304FFE;outline-width: 0}button:focus{-moz-box-shadow: none !important;-webkit-box-shadow: none !important;box-shadow: none !important;outline-width: 0}
 .form-control{height: calc(2em + .75rem + 3px)}
 .inner-card{margin: 79px 0px 70px 0px}
 .card-0{margin-top: 100px;margin-bottom: 100px}
 .card-1{border-radius: 17px;color: black;box-shadow: 2px 4px 15px 0px rgb(0, 0, 0, 0.5) !important}#file{border: 2px dashed #92b0b3 !important}
 .color input{background-color: #f1f1f1}
 .files:before{position: absolute;bottom: 60px;left: 0;width: 100%;content: attr(data-before);color: #000;font-size: 12px;font-weight: 600;text-align: center}#file{display: inline-block;width: 100%;padding: 95px 0 0 100%;background: url('https://i.imgur.com/VXWKoBD.png') top center no-repeat #fff;background-size: 55px 55px}