/*****************************************************
******************** COMMON CSS ********************
****************************************************/
@font-face
{
	font-family:Montserrat-Bold;
	src: local('Montserrat-Bold'), url('../fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family:Montserrat-Regular;
	src: local('Montserrat-Regular'), url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family:NotoSansGujarati-Regular;
	src: local('NotoSansGujarati-Regular'), url('../fonts/montserrat/NotoSansGujarati-Regular') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family:NotoSansGujarati-Bold;
	src: local('NotoSansGujarati-Bold'), url('../fonts/montserrat/NotoSansGujarati-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body
{
	font-family:Montserrat-Regular;
	position: relative;
	background-color: #FFFFFF;
	overflow-x: hidden;
}
body::-webkit-scrollbar
{
	width:6px;
}
body::-webkit-scrollbar-track
{
	background:#fff;
}
body::-webkit-scrollbar-thumb
{
	background:#ff0c1c;
}
.container
{
	max-width: 1250px;
}
a,button,.btn
{
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
a:hover,a:focus, button:hover,button:focus, .btn:hover, .btn:focus
{
	outline:none;
	box-shadow: none;
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
p
{
	font-size: 16px;
	color: #525252;
	line-height: 28px;
}
.font-18
{
	font-size: 18px;
}
.font-20
{
	font-size: 20px;
}
.font-22
{
	font-size: 22px;
}
.font-24
{
	font-size: 24px;
}
.font-26
{
	font-size: 26px;
}
.font-34
{
	font-size: 34px;
}
.font-40
{
	font-size: 40px;
}
.color-black
{
	color: #000000 !important;
}
.font-Montserrat-Bold
{
	font-family:Montserrat-Bold;
}
.font-Montserrat-Regular
{
	font-family:Montserrat-Regular;
}
.bg-grey
{
	background-color: #f1f7fe;
}
.ptb-80
{
	padding-top: 80px;
	padding-bottom: 80px;
}
.ptb-50
{
	padding-top: 50px;
	padding-bottom: 50px;
}

/*****************************************************
******************** COMMON CSS ********************
****************************************************/

.agreementContainer {
    /*position: absolute;*/
    /* top: 100%; */
    left: 50%;
    /*transform: translate(-50%, 0%)*/
    border: 1px solid #353535;
    padding: 36px 24px !important;
    font-family: NotoSansGujarati-Regular;
     width: 100%;
    overflow: hidden;
}
.agreementContainer table{
    border: 1px solid #353535;
}
.agreementContainer .textleft p{
    text-align: left;
    font-family: NotoSansGujarati-Regular;
}
.agreementContainer p{
    text-align: left;
    font-family: NotoSansGujarati-Regular;
}
.agreementContainer p:first-child{
    text-align:right;
    font-family: NotoSansGujarati-Regular;
}
.agreementContainer .textleftParagraph h2{
    text-align: left;
    font-family: NotoSansGujarati-Bold;
}

.agreementContainer .textleftParagraph h3{
    text-align: left;
    font-family: NotoSansGujarati-Bold;
}

.agreementContainer .textleftParagraph p{
  text-align: left;
}


.agreementContainer h1{
    text-align: left;
    font-family: NotoSansGujarati-Bold;
}
.agreementContainer .tablesize th {
    font-size: 14px;
}
.agreementContainer .tablesize td{
    font-size: 14px;
}
.agreement-btn {
      background: linear-gradient(135deg, #28a745, #218838);
      color: #fff;
      border: none;
      border-radius: 6px;
      padding: 10px 22px;
      font-size: 16px;
      font-weight: 600;
      cursor: pointer;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease;
      position: fixed;
      top: 20px;
      right: 20px;
      z-index: 9999;
    }

    .agreement-btn:hover {
      background: linear-gradient(135deg, #218838, #1e7e34);
      transform: translateY(-2px);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    }

    .agreement-btn:active {
      transform: translateY(0);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    }
    
    
    
.agreementContainer1 {
    /*position: absolute;*/
    /* top: 100%; */
    left: 50%;
    /*transform: translate(-50%, 0%)*/
    padding: 36px 24px !important;
    font-family: NotoSansGujarati-Regular;
     width: 100%;
    overflow: hidden;
}
.agreementContainer2 {
    /*position: absolute;*/
    /* top: 100%; */
    left: 50%;
    /*transform: translate(-50%, 0%)*/
    padding: 36px 24px !important;
    font-family: NotoSansGujarati-Regular;
     width: 100%;
    overflow: hidden;
}
.agreementContainer1 table{
    border: 1px solid #353535;
}
.agreementContainer1 .textleft p{
    text-align: left;
    font-family: NotoSansGujarati-Regular;
}
.agreementContainer1 p{
    text-align: left;
    font-family: NotoSansGujarati-Regular;
}
.agreementContainer1 p:first-child{
    text-align:right;
    font-family: NotoSansGujarati-Regular;
}
.agreementContainer1 .textleftParagraph h2{
    text-align: left;
    font-family: NotoSansGujarati-Bold;
}

.agreementContainer1 .textleftParagraph h3{
    text-align: left;
    font-family: NotoSansGujarati-Bold;
}

.agreementContainer1 .textleftParagraph p{
  text-align: left;
}


.agreementContainer1 h1{
    text-align: left;
    font-family: NotoSansGujarati-Bold;
}
.agreementContainer1 .tablesize th {
    font-size: 14px;
}
.agreementContainer1 .tablesize td{
    font-size: 10px;
}
.agreementContainer1 .agreement-btn {
   background: linear-gradient(135deg, #28a745, #218838);
    color: #fff;
    border: none;
    border-radius: 6px;
    width: 226px;             /* fixed width */
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;

    /* align to right inside container */
    display: inline-block;
    float: right;             
}

.agreementContainer1 .agreement-btn:hover {
    background: linear-gradient(135deg, #218838, #1e7e34);
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}

.agreementContainer1 .agreement-btn:active {
    transform: translateY(0);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
}
	.invoice-box1 {
    width: 100%;
    padding: 0px;
    border: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 24px;
    font-family: 'NotoSansGujarati';
    color: #555;
			}
	.agreementContainer2 .inovice-box1 .tbl
	{
        border: none !important;
        width: 100% !important; 
	}
	.agreementContainer2 .invoice-box1 .tbl td 
	{
		text-align: left;
		vertical-align: top;
    }

	.agreementContainer2 .invoice-box1 .tbl tr td:nth-child(2) 
	{
		text-align: left;
	}

    .agreementContainer2	.invoice-box1 .tbl tr.top table td 
    {
		padding-bottom: 0px;
		text-align: left;
	}

	.agreementContainer2	.invoice-box1 .tbl tr th 
	{
	    text-align: left;
		background: #eee;
		border: none;
		font-weight: bold;
	}
   
			
	.agreementContainer2    .invoice-box1 .tbl tr td 
	{
		border: none;
	}
    .agreementContainer2 .invoice-box1 .tbl tr td p{
         margin-top:10px; 
         font-size: 14px; 
         line-height: 1.2; 
         margin-bottom: 5px;
    }
@media print {
    body {
        margin: 0;
        padding: 0;
        font-family: 'Noto Sans Gujarati', sans-serif;
        color: #000;
    }

    .agreement-btn, .btn {
        display: none !important;
    }

    .agreementContainer1 {
        width: 100%;
        padding: 0;
        margin: 0;
        box-shadow: none;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

    th, td {
        border: 1px solid #000;
        padding: 8px;
    }

    /* Optional page numbers inside content */
    footer {
        text-align: right;
        font-size: 12px;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
}
.imgwrappeer {
    width: 250px;
}