/*--- page 

body {

	background: #f2f6e9; 
}



.navbar {
	background: #fff;
}

*/



body {
 height: 50000px;
 overflow-x: hidden;
 background-color: rgb(255,255,255);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px; 
}

.bg-color{
    background-color: rgba(255,255,255);
}

.bg-footer{
    background-color: rgba(65, 181, 249);
}

.bg-img {
    height: 100vh;
    width: 100vw;
    object-fit:  cover;
    filter: brightness(0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.bg-vedio {
    height: auto;
    width: auto;
    object-fit:  cover;
    filter: brightness(0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;    
}

.navbar {
    transition: all 0.9s;
    background-color: rgb(178, 232, 248);
}


.navbar-scrolled{
    background-color: rgb(65, 181, 249);
    box-shadow: 0 3px 3px rgba(65, 181, 249);
}

.two-col {
    overflow: hidden;/* Makes this div contain its floats */
}

.two-col .col1,
.two-col .col2 {
    width: 49%;
}

.two-col .col1 {
    float: left;
}

.two-col .col2 {
    float: right;
}

.two-col label {
    display: block;
}

.two-col label {
  display: block;
}

/* change the default settings of classes by overriding them  */

.form-control-sm {
    height: calc(1.5em + .5rem + 2px);
    padding: .25rem .5rem;
    font-size: 0.775rem;
    line-height: 1.5;
    border-radius: .3rem;
}

.custom-image-1 {
    width: 540px; 
    height: 270px;
  }

.custom-image-2 {
    width: 540px; 
    height: 238px;
  }

.custom-image-3 {
    width: 540px; 
    height: 453px;
  }  

.lb-sm {
    font-size: 10px;
  }

.custom-radio-label {
    width: 20%; /* Set your desired width here */
    height: 50px;    
    background-color: #94b7e4;
    vertical-align: middle;
    margin-top: -5px;
    line-height: 15px;
    color: #fff;
    /* text-align: left; Optional: Align the text within the label */
}

.small-text {
  font-size: 75%;
}

input::placeholder {
  color: rgb(180, 177, 177);
}

.custom-placeholder::placeholder {
  color: rgb(180, 177, 177); /* Change the color to your desired value */
}

.custom-textarea {
    resize: none; /* Disable textarea resizing */
    width: 82%; /* Set a specific width */
    height: 25%; /* Set a specific height */
    border: 1px solid #ccc; /* Add a border for styling */
    padding: 10px; /* Add padding for spacing */
    font-size: 16px; /* Set font size */
    background-color: #f5f5f5; /* Set a background color */
    font-size: 0.775rem;
    border-radius: .3rem;
}

.custom-card {
    padding-left: 5%; /* Adjust the left padding as per your requirement */
    padding-right: 5%; /* Adjust the right padding as per your requirement */
}

.mySummeryTableTh1 { background-color:rgba(65, 181, 249); color: white; width: 30%;}

.mySummeryTableTh { background-color:white; color: rgb(15, 15, 15); width: 30%;}
.mySummeryTableTdDotted { border-bottom: 1px dotted rgba(65, 181, 249);}


.custom-button-label {
    width: 100%; /* Set your desired width here */
    background-color: rgba(65, 181, 249);
    /* text-align: left; Optional: Align the text within the label */
}

.custom-button-label-1 {
    /*width: 100%;  Set your desired width here */
    background-color: rgba(65, 181, 249);
    /* text-align: left; Optional: Align the text within the label */
}


.StripeElement {
    width: 67%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
    border: 1px solid #000000;
    border-radius: .2rem;
    padding-left: 1%; /* Adjust the left padding as per your requirement */
    padding-right: 1%; /* Adjust the right padding as per your requirement */
  }




  /* CONTAINERS */

.container0 {max-width: 850px; width: 100%; margin: 0 auto;}
.two { width: 20.26%; max-width: 30.26%;}

.container1 {max-width: 850px; width: 100%; margin: 0 auto;}
.four { width: 20.26%; max-width: 30.26%;}


/* COLUMNS */

.col {
  display: block;
  float:left;
  margin: .5% 0 .5% 0.5%;
}

.col:first-of-type { margin-left: 0.5%; }

/* form1 */

.form1 .plan input{
    display: none;
}

.form1 label{
    position: relative;
    color: #fff;
    background-color: #94b7e4;
    font-size: 12px;
    text-align: center;
    height: 25px;
    line-height: 18px;
    display: block;
    cursor: pointer;
    border: 3px solid transparent;
    margin-top: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



input[type="radio"][disabled] + label 
{
    color: #fff;
    background-color: #7d9fea;
}


.sidebar {
    width:33.33%;
    float:left;
    padding: 0 10px;
  }
  
  .floating-div1 {
    background-color: #333;
    padding: 10px 50px;
    color:#EEE;
    font-size: 20px;
    margin-top:10px;
    
  }

  .floating-div {
    position: fixed;
    top: 90px; /* Adjust as needed */
    right: 170px; /* Adjust as needed */
    width: 450px; /* Adjust as needed */
    background-color: #fdf9f9;
    border: 1px solid #d3d3d3;
    padding: 10px;
    box-shadow: 1px 1px 1px #888888;
    z-index: 1;
  }

  .sticky {
    position: fixed; 
    top: 10px;
    right:18px;
    margin: 0;
    width:calc(10.33% - 25px);
  }
  
  .abs {
    position: absolute; 
    bottom: 100px;
    right:10px;
    width:calc(10.33% - 20px);
  }


  .small-button {
    padding: 1px 12px;
    font-size: 12px;
}


/*  start dialogflow*/



/*
df-messenger {
  --df-messenger-bot-message: #878fac;
  --df-messenger-button-titlebar-color: #df9b56;
  --df-messenger-chat-background-color: #fafafa;
  --df-messenger-font-color: white;
  --df-messenger-send-icon: #878fac;
  --df-messenger-user-message: #479b3d;
 }
*/

/*
#chatbot-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}

#open-chatbot-btn {
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#chatbot-frame-container {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 350px;
    height: 430px;
    z-index: 998;
}
*/
/*  end dialogflow*/