/************************************************************************* Payroll Calculator CSS Starts ************************************************/

.page-template-page-payroll-calculator #lqd-site-content .main-screen, #payroll-calculator-form .calculate-section{

    background-image: url("../images/payroll-calculator/payroll-calculator-bg.jpg") !important;

}

.page-template-page-payroll-calculator .container{padding: 0;}

.page-template-page-payroll-calculator .main-screen .elementor-container, .page-template-page-payroll-calculator .payroll-calculator-wrapper .elementor-container {

	flex-direction: column;

}

.page-template-page-payroll-calculator .ld-fh-element {

	font-size: 54px;

	font-weight: 600;

	margin: 0px 0px 10px 0px;

	color: #053339;

	padding-top: 30px;

}

#payroll-calculator-form-temp .claculator-wrapper {

	box-shadow: 6px 13px 10px 9px rgba(0,0,0,.15);

}

.page-template-page-payroll-calculator .footer-inner {

    gap: 105px !important;

}

.top-form-fields label {

	display: none;

}

.top-form-fields {

	max-width: 860px;

	margin: 10px auto 0;

	text-align: left;

}

.payroll-calculator-wrapper {

	background: #ECF9F4;

}

.content-wrapper {

	padding: 30px;

	background: rgba(0,178,113,.15);

	border-radius: 30px;

}

table thead th{

    text-transform: capitalize !important;

}

.detail-calculation-wrapper {

	padding: 15px 30px;

	border-radius: 12px;

}

.total-taxable-detail{    

	background-color: #B2DACB;

}

.detail-calculation-wrapper .modal-content {

	box-shadow: none;

	border-color: #000;

    display: none;

}

.detail-calculation-wrapper.show .modal-content {

    display: block;

}

.detail-calculation-wrapper .modal-header, .detail-calculation-wrapper .modal-body {

	padding-left: 0;

	padding-right: 0;

}

.show .show-cal, .hide-cal {

	display: none;

}

.show .hide-cal {

	display: inline;

}

.detail-calculation-wrapper::after {

	content: '';

	display: table;

	clear: both;

}

.detail-toggle-btn {

	float: right;

	font-size: 17px;

	position: relative;

	padding-right: 15px;

}

.detail-toggle-btn::after {

	content: "";

	position: absolute;

	top: 50%;

	left: auto;

	width: 0;

	height: 0;

	border-left: 6px solid transparent;

	border-right: 6px solid transparent;

	border-top: 6px solid black;

	transform: translateY(-50%);

	right: 0;

}

.show .detail-toggle-btn::after{

    border-top: 0;

    border-bottom: 6px solid black;

}

.total-taxable-detail .detail-toggle-btn{

    color: #375A64;

}

.total-taxable-detail .detail-toggle-btn::after{

    border-top-color: #375A64;

}

.total-taxable-detail.show .detail-toggle-btn::after{

    border-top-color: transparent;

    border-bottom-color: #375A64;

}

.detail-calculation-wrapper .title {

	font-weight: 600;

}

.total-income-detail {

	background-color: #FDE3CC;

}

.total-income-detail.total-income-tax-detail{

    background-color: #B7D6FF;

}

.total-income-detail .detail-toggle-btn{

    color: #AE533F;

}

.total-income-detail .detail-toggle-btn::after{

    border-top-color: #AE533F;

}

.total-income-detail.show .detail-toggle-btn::after{

    border-top-color: transparent;

    border-bottom-color: #AE533F;

}

.tax-credit-detail{

    background-color: #fff;

}

.tax-credit-detail .detail-toggle-btn, .total-income-detail.total-income-tax-detail .detail-toggle-btn{

    color: #0A356D;

}

.tax-credit-detail .detail-toggle-btn::after, .total-income-detail.total-income-tax-detail .detail-toggle-btn::after{

    border-top-color: #0A356D;

}

.tax-credit-detail.show .detail-toggle-btn::after, .total-income-detail.total-income-tax-detail.show .detail-toggle-btn::after{

    border-top-color: transparent;

    border-bottom-color: #0A356D;

}

.payroll-calculator-details .total-income-tax-detail .total-income .title {

	color: #0A356D !important;

}



.pb-2 {



	padding-bottom: 10px;



}



.mx-0{



    margin-left: 0 !important;



    margin-right: 0 !important;



}



.payroll-calculator-details table img {



	width: auto;



}



.payroll-calculator-wrapper, .main-screen{







    font-family: 'Poppins', sans-serif;







    font-size: 18px;







}







.modal-content {







	font-family: 'Poppins', sans-serif;







}







.payroll-calculator-form h3 {







	font-weight: 600;







}







.payroll-calculator-form input, .payroll-calculator-form select {







	padding-inline-start: 10px;







	padding-inline-end: 10px;







	border-width: 2px;







	border-color: #AED4C6;







	height: 50px;







	margin-bottom: 15px;







	width: 100%;







	border-style: solid;







    border-radius: 15px;







    font-size: 18px;







    color: #333;







}







.payroll-calculator-form select {







	background-image: url("img/select-arrow.png") !important;







	background-repeat: no-repeat !important;







	background-position: center right 10px !important;







	-webkit-appearance: none;







}







.payroll-calculator-form input:focus , .payroll-calculator-form input:focus {







	outline: 0;







    color: #000000;







    border-color: #000000;







}







.payroll-calculator-form select {







	display: block !important ;







    background: #fff;







}







.payroll-calculator-form .ui-selectmenu-button{







    display: none;







}







#bonus-input-container input {







	display: block;







}







#allowance-input-container input {







	display: block;







}







#add-more-bonus , #add-more-allowance ,#distribute_salary{







	color: #fff;







    border: none;







	margin-left: 30px;







}















.calculate-btn , .reset-btn{







    border: none;







    border-radius: 5px;







    color: #fff;







    padding: 5px 10px;







}







.one-half {







	float: left;







	width: 49%;







	margin-right: 2%;







}







.one-fifth {







	width: 19%;







	float: left;







	margin-right: 1.25%;







}







.gross-salary{







    width: 39.25%;







	float: left;







	margin-right: 1.25%;







}







.last {







	margin-right: 0 !important;







	clear: right;







}







.first{clear: both;}







.d-block{display: block;}







.custom-trz-section {







	margin-top: 30px;







	margin-bottom: 50px;







}







.custom-trz-section .elementor-container {







	text-align: center;







}







.one-half input, .one-half select{







    width: 100%;







}







#payroll-calculator-form .btn-primary.plus-btn {







	padding: 5px 15px;







    margin-left: 5px;







    height: 40px;







    width: 50px;







}







.bonus-input-container, .allowance-input-container {







	display: flex;







	align-items: center;







}







.value-amount {

	float: right;

    font-size: 28px;

    color: #292D32;

    font-weight: 600;

}







.payroll-calculator-form .bonus-input-container input {







	margin-bottom: 0;







}







.bonus-input-container{margin-bottom: 10px;}







.bonus-input-container input:first-child, .allowance-input-container input:first-child {







	margin-right: 14px;







}







a.btn-primary {







	font-family: "IBM Plex Sans", Sans-serif;







	font-size: 14px;







	font-weight: 700;







	text-transform: uppercase;







	letter-spacing: 0.3px;







	background-color: #32B776;







    color: #fff !important;







}







a.btn-primary:hover{







    background-color: #000D21;







}







.bonus-input-container .add-more-bonus, .allowance-input-container .add-more-allowance, .bonus-input-container:first-child .remove-bonus, .allowance-input-container:first-child .remove-allowance {







	display: none;







}







.bonus-input-container:last-child .add-more-bonus, .allowance-input-container:last-child .add-more-allowance {







	display: inline-block;







}







.text-right{







    text-align: right;







}







.text-center{







    text-align: center;







}







.page-id-9459 .ui-datepicker-next span, .page-id-9459 .ui-datepicker-prev span{







    background-image: url("https://code.jquery.com/ui/1.13.2/themes/base/images/ui-icons_444444_256x240.png") !important;







}







.page-id-9459 .ui-icon-circle-triangle-w {







	background-position: -80px -192px !important;







}







.page-id-9459 .ui-icon-circle-triangle-e {







	background-position: -48px -192px !important;







}







.page-id-9459 .ui-datepicker select.ui-datepicker-year {







	width: 65px;







}







.tax-result-wrapper {







	padding: 0 20px;







}







.payroll-calculator-form input[type="checkbox"], .payroll-calculator-form input[type="radio"] {







	width: auto;







	height: auto;







}







.bonus-wrapper, .ait-wrapper, .invesment-wrapper, .yearly-bonus-wrapper {







	display: none;







	max-width: 90%;







}







.submit-btn-wrapper {







	clear: both;







	display: flex;







	justify-content: center;







	flex-direction: column;







	align-items: center;







	gap: 10px;







}







#taxResultWrapper tr, #taxResultWrapper td, #taxResultWrapper th {







	border: none;







}







#payroll-calculator-form .g-recaptcha > div {







	margin-left: auto;







}







.page-id-9464 #lqd-contents-wrap {







	width: 100%;







}







.monthly-income, .projected-annual-head {







	font-size: 16px;







	text-align: center;







	letter-spacing: 0;







	padding: 5px 10px;







    line-height: 20px;







}







.income-details-head {

	font-size: 21px;

	font-weight: 500;

	padding-bottom: 5px;

	letter-spacing: 0;

	vertical-align: bottom;

}







.analysis-blocks-circle {







	width: 32px;







	height: 32px;







	border-radius: 50%;







	background: #32B776;







	margin-right: 15px;







}







.analysis-blocks {







	display: flex;







	align-items: center;







	margin-bottom: 40px;







}







.analysis-blocks:last-child{margin: 0;}







.analysis-blocks-contents {







	width: calc(100% - 47px);







	font-size: 26px;







	color: #34444C;







	font-weight: 600;







}







.analysis-blocks-contents span {







	display: block;







	font-size: 16px;







	color: #32B776;







	line-height: normal;







	font-weight: 400;







}







.analysis-blocks.blue .analysis-blocks-circle {







	background: #023A3A;







}







.analysis-blocks.gray .analysis-blocks-circle {







	background: #929292;







}







.analysis-blocks.blue .analysis-blocks-contents span{







    color: #023A3A;







}







.analysis-blocks.gray .analysis-blocks-contents span{







    color: #929292;







}







.icon-text {







	font-size: 12px;







	line-height: 16px;







	display: block;







	text-align: center;







	color: #011C39;







}







.modal-header h3{







    font-size: 26px;







    color: #292D32;







    font-weight: 500;







}







.modal-content table thead th, .modal-content table td {

	font-size: 14px;

	letter-spacing: 0;

	font-weight: 600;

}















.custom-success-circle .outer, .custom-success-circle-import .outer {







    stroke: #43a047;







    fill: transparent;







    stroke-width: 3px;







    -webkit-animation: show100 2s;







    animation: show100 2s;







    stroke-dasharray: 537;







    transition: stroke-dashoffset 1s;







    -webkit-animation-play-state: running;







    -moz-transform: rotate(-89deg) translateX(-190px);







    stroke-dashoffset: 0;







}















.custom-success-arrow {







    left: 0;







    right: 0;







    position: absolute;







    top: 50px;







    margin: 0 auto;







}















.custom-success-circle, .custom-success-circle-import {







    position: relative;







    z-index: 10;







}















.custom-success-arrow-animation #checkmark, .custom-success-arrow-animation-import #checkmark {







    stroke-dasharray: 640;







    stroke-dashoffset: 0;







    -webkit-transform-origin: center;







    -ms-transform-origin: center;







    transform-origin: center;







    -webkit-animation: draw-around 2s;







    -ms-animation: draw-around 2s;







    animation: draw-around 2s;







    animation-delay: 0s;







}







#custom-success-circle-noanimation {







	margin: 0 auto;







}















.fadeIn.layer1-img {







    margin: 0 0 20px;







}







.position-relative {







    position: relative;







}







.position-absolute {







    position: absolute;







}







.position-absolute.background {







    background-color: #ECF9F4;







    width: 93%;







    height: 500px;







    top: 24px;







    z-index: 0;







    right: 30%;







    border-top-right-radius: 50px;







}







.position-absolute.rectangle-img {







    z-index: -1 !important;







    top: -90px;







    right: -260px;







}





.add-bonus-btn {
	padding: 6px;
	border-radius: 6px;
	background: #AFF3DA;
	border: 1px solid #02D085;
	display: inline-block;
    color: #292D32;
}
.add-bonus-btn:hover {
	border-color: #037C50;
	background: #73DDB6;
}
.add-yearly-bonus .add-circle {
	margin-top: -3px;
}









@media only screen and (min-width: 992px){







    .col-md-6.top-left , .col-md-6.top-right{

        padding: 50px 0 90px;

    }







    .col-md-6.top-left{







        padding-right: 40px;







    }







    .col-md-6.top-right {







        padding-left: 20px;







    }







}







.mobile-gross-pay-text {display: none;}















.page-id-9459{padding-right: 0 !important;}















.modal-dialog{width: 700px;}















.main-screen , .payroll-calculator-wrapper {

    padding: 0 15px;

}























.fadeIn.rectangle-img {







    margin-top: 0;







    float: right;







}







.fadeIn.vector-img {







    margin-left: 5%;







    padding-right: 10%;







    z-index: 1;







    position: relative;







}







.vector-img-small{







    position: absolute;







    right: -90px;







    top: 0;







}







.top-left-title {

	color: #1A2E35;

	font-size: 36px;

	font-weight: 600;

	line-height: normal;

    margin-bottom: 0;

}

.top-left-title span {

	font-size: 54px;

	font-weight: 700;

	line-height: 54px;

    display: block;

}







.text-green{







    color: #02D085;







    font-weight: 600;







}







.top-left-subtitle {

	font-size: 24px;

	font-weight: 400;

	color: #1A2E35;

	line-height: 46px;

	z-index: 1;

	position: relative;

	max-width: 550px;

	text-align: justify;

}







.calculator-teaxtbox-wrapper {

    padding: 60px 7% 32px 7%;

}







.calculator-teaxtbox {

    background-color: #E6FBF3;

    text-align: center;

    border-radius: 10px;

    margin: 0 15px;

}







.calculator-teaxtbox .title{







    padding-top: 20px;







    color: #000;







}







.calculator-teaxtbox input {

	width: 95%;

	background: #E6FBF3;

	border: none;

	height: 90px;

	color: #6AA2B5;

	font-size: 40px;

	text-align: right;

}







.claculator-buttons{

    padding: 0 7%;

}







.claculator-buttons .buttons-row1-col{







    width: 20%;







}







.claculator-buttons .buttons-row1-col button, .claculator-buttons .buttons-row1-col a{







    width: 70%;







    display : flex;







    align-items: center;







    justify-content: center;







    margin:  0 auto;







}







.row-gap {







    margin-top: 2rem !important;







}







.claculator-buttons button, .claculator-buttons a {

    border: none;

    border-radius: 5px;

    height: 60px;

    background: #B6E4E6;

    font-size: 27px;

    font-weight: 500;

    color: #161E54;

}







.claculator-buttons a:hover {

    color: #AE533F !important;

    background-color: #FFF5EB;

}







.claculator-buttons .button:focus {







    background: #B6E4E6;







    color:#000;







}







.buttons-row2-col {







    width: 60%;







    text-align: center;







}







.buttons-row2-col button {







    width: 90%;







}







.h-100 {







    height: 100% !important;







}







.claculator-buttons .button-grd.grad {

	background-color: #02D085;

	font-size: 22px;

	color: #fff;

	text-transform: none;

	font-weight: 400;

}







.claculator-buttons.row2.d-flex.row-gap {







    padding-bottom: 60px;







}







/* .main-screen{







    display: none;







} */







.calculate-tax-title {

	color: #1A2E35;

	font-size: 33px;

	font-weight: 600;

	margin-bottom: 10px;

	margin-top: 10px;

}







.calculate-tax-subtitle {

	color: #1A2E35;

	font-size: 15px;

}







.custom-trz-section {







    display: none;







}







.calculate-section{







    max-width: 1950px;







    margin: 0 auto;







    padding: 0 15px;







}







.payroll-calculator-table {

	background-color: #fff;

	border-radius: 12px;

	padding: 45px 30px;

}







.payroll-calculator-table table tbody tr:nth-child(2n+1) {







    background-color: #fff !important;







}







th.background, tr td.background{

    background-color: #011C39;

    color: #fff;

    border: none !important;

}

th.radius-top-left{

    border-top-left-radius: 5px;

}

th.radius-top-right{

    border-top-right-radius: 5px;

}

th.radius-bottom-left,  tr td.radius-bottom-left{

    border-bottom-left-radius: 5px;

}

th.radius-bottom-right,  tr td.radius-bottom-right{

    border-bottom-right-radius: 5px;

}

.payroll-calculator-details table{

    text-transform: none !important;

    border: none !important;

}

.payroll-calculator-details table td:first-child {

    border: 0 !important;

    padding: .5em 10px;

    border-inline-end: 1px solid #dedede;

}

.payroll-calculator-details .total-taxable{

    height: 40px;

    display: flex;

    align-items: center;

}

.payroll-calculator-details .total-exemption{

    border-bottom: 2px dotted;

    padding-bottom: 10px;

}

.payroll-calculator-details .total-taxable{

    color: #2C966E;

    font-size: 18px;

    font-weight: 600;

}







.payroll-calculator-details .total-taxable .title{

    color: #375A64;

}







.payroll-calculator-details .total-taxable .value{







    color: #000;







}







.row.table-right {

    color: #000;

}







.total-income {

	height: 40px;

	display: flex;

	align-items: center;

}







.payroll-calculator-details .total-income .title{







    color: #B25C10;







}







.tax-credit {

	height: 40px;

	display: flex;

	align-items: center;

}







.total-exemption-view, .total-income-view, .tax-credit-view{







    height: 115px;







    display: flex;







    align-items: center;







}







.payroll-calculator-details .tax-credit .title{







    color: #0A356D;







}







.icon-wrapper {







    background-color: #C1EBDB;







    border-radius: 50%;







    width: 55px;







    height: 55px;







    display: flex;







    align-items: center;







    justify-content: center;







    margin: 0 auto;







    cursor: pointer;







    box-shadow: 0px 6px 5px -2px #888;







}







.icon-wrapper:hover {







    background-color: #fff !important;







}















.total-income-view .icon-wrapper{







    background-color: #FDE3CC;







}







.tax-credit-view .icon-wrapper{







    background-color: #B7D6FF;







}







.chart-wrapper {

	background: #fff;

	padding-top: 50px;

	padding-bottom: 50px;

	border-radius: 12px;

	text-align: center;

	position: relative;

    margin-bottom: 25px;

}







.chart-wrapper-intro {

	font-size: 21px;

	color: #023A3A;

	font-weight: 500;

}







.col-md-6.gif-wrapper {







    margin-top: -100px;







}















.mailbox-title {

	color: #023A3A;

	text-align: center;

	font-size: 33px;

	font-weight: 600;

	max-width: 836px;

	margin: 0 auto;

}







.mailbox-subtitle {







    color: #292D32;







    font-size: 18px;







    font-weight: 400;







}







.email-tax-btn {

    width: 300px;

    margin-bottom: 0;

}







.mailbox-container input[type="text"], .mailbox-container input[type="email"] {

	height: 54px;

	border-radius: 16px;

	border: 2px solid #AED4C6;

	padding-left: 10px;

	width: 100%;

    background: transparent;

}







.input-details.title{

    color: #023A3A;

    font-size: 21px;

    font-weight: 500;

}







.add-advance-tax {







    padding: 10px 0;







    border-bottom: 1px solid #D9D9D9; 







    color: #000;







}







.add-eligible-investment {







    padding: 10px 0 0;







    color: #000;







}







.net-annual-span{







    position: absolute;







    top: 49%;







    right: 5%;







    text-align: right;







}







.net-annual-span .price{







    color: #011C39;







    font-size: 36px;







    font-weight: 600; 







}







.income-tax-span .price{







    color: #02D085;







    font-size: 36px;







    font-weight: 600;







}







.income-tax-span {







    position: absolute;







    top: 12%;







    left: 16%;







    text-align: left;







}







.net-annual-span .price {







    font-size: 22px;







}







.income-tax-span .price {







    font-size: 22px;







}







.net-annual-span {







    top: 40%;







    right: 2%;







}







.income-tax-span {







    top: 9%;







    left: 5%;







}







.payroll-calculator-details .table-right img {







    width: 25px;







}







.success-icon {







    margin-bottom: 20px;







}







#successWrapper{display: none; position: relative;}







.chart-container.pie-chart {







    max-width: 200px;







    margin: 0 auto;







}







.mailbox-title.mobile, .table-right.mobile {display: none;}















/****************************** Animation keyframes ******************************/















@-ms-keyframes draw-around {







    0% {







        stroke-dashoffset: 640;







    }







    10% {







        stroke-dashoffset: 640;







    }







    100% {







        stroke-dashoffset: 0;







    }







}















@-webkit-keyframes draw-around {







    0% {







        stroke-dashoffset: 640;







    }







    10% {







        stroke-dashoffset: 640;







    }







    100% {







        stroke-dashoffset: 0;







    }







}















@keyframes draw-around {







    0% {







        stroke-dashoffset: 640;







    }







    10% {







        stroke-dashoffset: 640;







    }







    100% {







        stroke-dashoffset: 0;







    }







}























/* Keyframes for the initial animation */















@-webkit-keyframes show100 {







    from {







        stroke-dashoffset: 537;







    }







    to {







        stroke-dashoffset: 0;







    }







}















@keyframes show100 {







    from {







        stroke-dashoffset: 537;







    }







    to {







        stroke-dashoffset: 0;







    }







}















/************************************************************************* Placeholder Design ************************************************/



::-webkit-input-placeholder { /* Edge */

    color: #6AA2B5;

    text-align: left;

}

:-ms-input-placeholder { /* Internet Explorer 10-11 */

    color: #6AA2B5;

    text-align: left;

}

::placeholder {

    color: #6AA2B5;

    text-align: left;

}



#payroll-calculator-form-taxcard{

    ::-webkit-input-placeholder { /* Edge */

        color: #292D32;

    }

    :-ms-input-placeholder { /* Internet Explorer 10-11 */

        color: #292D32;

    }

    ::placeholder {

        color: #292D32;

    }

}





@media only screen and (max-width: 1370px){







    .top-left-title{font-size: 45px;}







}







@media only screen and (max-width: 1100px){







    .calculate-btn {







        padding: 12px 14px;







    }







    .payroll-calculator-details .total-taxable, .total-income, .tax-credit, .total-income{font-size: 18px;}







    .payroll-calculator-details .total-taxable .value, .total-income .value, .tax-credit .value, .total-income .value{padding: 0;}







    .mailbox-title{line-height: normal;}







    .analysis-blocks-contents{font-size: 17px;}







    .analysis-blocks-contents span{font-size: 12px;}







}







@media only screen and (max-width: 992px){







    .col-md-6.top-right{







        margin: 30px 0;







    }







    .payroll-calculator-details .table-right .col-md-6.text-center.value{







        margin-top: 20px;







    }







    .col-md-6.gif-wrapper {







        margin-top: 30px;







    }







    .mailbox-container input {







        margin-top: 10px;







        width: 88%;







    }







    .mailbox-container .col-md-6  {







        text-align: center !important; 







    }







    .fadeIn.vector-img {







        margin-left: 0;







    }







    .row.table-right {







        padding-left: 0;







        margin-top: 30px;







    }







    .col-md-2.total-exemption-view ,.col-md-2.total-income-view ,.col-md-2.tax-credit-view {







        display: flex;







        align-items: center;







        justify-content: center;







        cursor: pointer;







    }







    .total-exemption-view .icon-wrapper {







        margin-top: 20px;







    }







    .total-income-view .icon-wrapper, .tax-credit-view .icon-wrapper {







        margin-top: 0;







    }







    .net-annual-span {







        top: 50%;







        right: 9%;







    }







    .btn-primary.calculate-btn{







        margin-bottom: 10px;







    }







    .payroll-calculator-details {







        padding: 30px 15px 0;







    }







    .calculate-btn {







        padding: 12px 32px;







    }







    .table-right .col-md-10 {







        width: 83.33333333%;







        float: left;







    }







    .table-right .col-md-2 {







        width: 16.66666667%;







        float: left;







    }







    .table-right .col-md-7 {







        width: 58.33333333%;







    }







    .table-right .col-md-5 {







        width: 41.66666667%;







        padding: 0;







        display: flex;







        align-items: center;







    }







    .col-md-3 {







        flex: 0 0 33%;







        padding: 0 10px;







    }







    .mailbox-container .mt-2 input {width: 14px;}







    .mailbox-container .mt-2{text-align: left; margin: 20px auto 0;}







    .mailbox-container .mt-2 label {display: inline;}







    .mailbox-container .col-md-6 {







        width: 50%;







        float: left;







    }







    .mailbox-container input.email-tax-btn {margin-top: 0;}







    .chart-wrapper{margin-left: 0;}







}







@media only screen and (max-width: 920px){







    .net-annual-span {







        right: 3%;







    }







}







@media only screen and (max-width: 767px){







    .top-left-title {

        font-size: 20px;

        line-height: normal;

        padding-top: 30px;

    }

    .top-left-title span {

        font-size: 30px;

        line-height: normal;

    }







    .top-left-subtitle {







        font-size: 18px;







        line-height: 34px;







    }







    .claculator-buttons button {







        height: 43px;







    }







    .payroll-calculator-table {







        padding: 35px 20px;







    }







    .mailbox-title {







        font-size: 20px;







    }







    .row-gap {







        margin-top: 1rem !important;







    }







    .col-md-6.gif-wrapper {







        padding-left: 0;







        padding-right: 0;







    }







    .payroll-calculator-details .table-right img {







        width: 25px;







    }







    .payroll-calculator-details .table-right .col-md-6.title {







        text-align: center;







    }







    .income-tax-span .price {







        font-size: 22px;







    }







    .net-annual-span .price {







        font-size: 22px;







    }







    .net-annual-span {







        top: 43%;







        right: 2%;







    }







    .income-tax-span {







        top: 9%;







        left: 5%;







    }







    .button-grd.grad {







        font-size: 24px;







    }







    .calculator-mobile, .calculator-col{position: unset;}







    .calculator-row{position: relative;}







    .position-absolute.background{







        top: auto;







        bottom: 0;







        border-bottom-right-radius: 50px;







        height: 250px;







    }







    .vector-img {







        display: none;







    }







    .top-left-subtitle {







        font-size: 14px;







        line-height: 26px;







        max-width: 345px;







        text-align: justify;







    }







    .col-md-6.top-right {

        margin: 40px 0;

    }







    .position-absolute.rectangle-img {







        top: -113px;







        right: -30px;







        height: 220px;







    }







    .vector-img-small {







        position: absolute;







        right: 80px;







        top: -58px;







        max-width: 114px;







    }







    .mobile-gross-pay-text {







        display: block;







        font-size: 15px;







        max-width: 120px;







        text-align: right;







        line-height: 17px;







        position: absolute;







        right: 0;







        color: #000;







        top: -75px;







    }







    .mobile-gross-pay-text span {







        background: rgba(2, 208, 133, 0.5);







        height: 7px;







        width: 75px;







        display: block;







        margin-right: 0;







        margin-left: auto;







        margin-top: -8px;







    }







    .text-right.me-3.title {







        display: none;







    }







    .calculator-teaxtbox input {

        margin-bottom: 0;

        font-size: 18px;

    }







    .claculator-buttons button, .claculator-buttons a{







        font-size: 17px;







        height: 41px;







    }







    .calculate-tax-title{font-size: 20px;}







    .calculate-tax-subtitle{font-size: 12px; line-height: 17px;}







    .payroll-calculator-details {







        /* margin: 0 -15px; */







        padding-left: 10px;







        padding-right: 10px;







        padding-bottom: 30px;







    }







    .col-md-3 {







        flex: 0 0 33%;







        padding: 0 10px;







    }







    .income-details-head, .input-details.title{font-size: 13px !important;}







    .monthly-income, .projected-annual-head {







        font-size: 12px;







        line-height: 12px;







    }







    .payroll-calculator-wrapper{padding: 0 10px;}







    table th, table td, .add-eligible-investment, .add-advance-tax{font-size: 12px !important;}







    .plus-btn {flex: 0 0 5% !important;}







    .yearly-bonus-input-container, .bonus-input-container{gap: 10px;}







    .yearly-bonus-input-container input:first-child, .bonus-input-container input:first-child, .allowance-input-container input:first-child {margin-right: 0;}







    .payroll-calculator-form input, .payroll-calculator-form select {font-size: 12px !important;}







    .calculate-btn {







        font-size: 20px !important;







        width: 250px;







        height: 56px;







    }







    .table-right .col-md-10 {







        width: 83.33333333%;







        float: left;







    }







    .table-right .col-md-2 {







        width: 16.66666667%;







        float: left;







    }







    .table-right .col-md-7 {







        width: 58.33333333%;







    }







    .table-right .col-md-5 {







        width: 41.66666667%;







        padding: 0;







        display: flex;







        align-items: center;







    }







    .payroll-calculator-details .total-taxable, .total-income, .tax-credit, .total-income{font-size: 12px; height: 60px; line-height: normal; padding: 0 15px;}







    .payroll-calculator-details .total-taxable .value-amount, .total-income .value, .tax-credit .value, .total-income .value {font-size: 17px;}







    .payroll-calculator-details .table-right .icon-wrapper img {width: 15px;}







    .total-exemption-view .icon-wrapper {margin-top: 0;}







    .icon-wrapper {







        width: 30px;







        height: 30px;







    }







    .total-exemption-view, .total-income-view, .tax-credit-view{height: 60px;}







    .icon-text{font-size: 10px; line-height: normal;}







    .chart-wrapper-intro{font-size: 14px;}







    .chart-wrapper .col-md-7 {width: 60%;}







    .chart-container.pie-chart{max-width: 150px;}







    .chart-wrapper .col-md-5 {width: 40%;}







    .analysis-blocks-circle{width: 17px; height: 17px; margin-right: 10px;}







    .analysis-blocks-contents {







        width: calc(100% - 27px);







        font-size: 14px;







    }







    .analysis-blocks-contents span{font-size: 10px;}







    .analysis-blocks{margin-bottom: 10px;}







    .chart-wrapper {margin-left: 0;}







    .mailbox-container .col-md-6{justify-content: center;}







    .mailbox-container input{width: 304px;}







    .mailbox-container .mt-2 input {width: 14px;}







    .mailbox-container .mt-2{text-align: left; max-width: 304px; margin: 20px auto 0;}







    .mailbox-container .mt-2 label {display: inline;}







    .mailbox-subtitle {display: none;}







    .mailbox-title.desktop {display: none;}







    .mailbox-title.mobile {display: block; font-size: 14px; max-width: 345px; margin: 0 auto;}







    .mailbox-container .col-md-6 {







        width: 100%;







        float: none;







    }







    .mailbox-container input.email-tax-btn {margin-top: 10px;}







    .modal-header h3{font-size: 14px;}







    .modal-dialog {width: auto;}







    #income-tax-modal table th, #income-tax-modal table td, #taxable-income-modal table th, #taxable-income-modal table td, #tax-advance-modal table th, #tax-advance-modal table td{font-size: 10px !important; line-height: 16px;}







    #tax-credit-modal table th, #tax-credit-modal table td {font-size: 9px !important; line-height: 16px;}







    .row.table-right{margin-top: 0;}







    .mailbox-container input[type="text"], .mailbox-container input[type="email"]{font-size: 14px;}







    label {







        font-size: 12px;







        margin: 0;







    }







}







@media only screen and (max-width: 600px) {















    .payroll-calculator-form input, .payroll-calculator-form select{







        width: 100%;







        font-size: 14px;







    }







    select , input[type="date"] {







        min-width: unset;















    }







    #add-more-bonus, #add-more-allowance, #distribute_salary {







        margin-left: 0px;







    }















}







@media only screen and (max-width: 550px){







    .net-annual-span {







        top: 58%;







    }







}







@media only screen and (max-width: 480px){







    .bonus_value_input {







        top: 68%;







        right: 2%;







    }







    .table-right .col-md-7 {







        width: 48%;







    }







    .table-right .col-md-5 {







        width: 52%;







    }







    .table-right .col-md-5 span:first-child {







        flex: 0 0 10%;







        margin-right: 5px;







    }







    .table-right .col-md-5 span.value-amount {







        flex: 0 0 90%;







        max-width: 90%;







        word-wrap: break-word;







        font-size: 16px;







    }







    #tax-credit-modal .income-tax-liability-table {table-layout: fixed;}







    #tax-credit-modal table th, #tax-credit-modal table td {word-wrap: break-word;}







    .table-right.mobile {display: flex;}







    .table-right.desktop, .chart-wrapper.desktop {display: none;}







    .col-md-12 {width: 100%;}







    .table-right .col-md-6 {







        width: 100%;







        float: none;







        margin-right: 0;







    }







    .payroll-calculator-details .total-taxable, .total-income, .tax-credit, .total-income {







        height: 110px;







        flex-direction: column;







        align-items: center;







        padding-top: 20px;







        border-radius: 19px;







        text-align: center;







        font-size: 14px;







        margin-bottom: 20px;







        cursor: pointer;







        position: relative;







    }







    .payroll-calculator-details .total-taxable .value-amount, .total-income .value, .tax-credit .value, .total-income .value {







        font-size: 16px;







        float: none;







    }







    .payroll-calculator-details .table-right img {width: 14px;}







    .icon-text{position: absolute; bottom: 0; left: 0; right: 0; font-style: italic; font-weight: 500;}







    .value-amount {float: none;}







    .table-right.mobile .title {margin-bottom: 5px;}







    .chart-wrapper {







        background: transparent;







        box-shadow: unset;







        margin-top: 0;







        padding-top: 0;







    }







    .chart-wrapper-intro {







        font-size: 14px;







        text-align: left;







        margin-bottom: 10px;







    }







    .table-right .col-md-5 {







        width: 50%;







        padding-left: 15px;







    }







    .table-right .col-md-7 {width: 50%;}







    .analysis-blocks-circle {







        width: 17px;







        height: 17px;







    }







    .analysis-blocks-contents{font-size: 14px; line-height: 20px;}







    .analysis-blocks-contents span {font-size: 10px;}







    .analysis-blocks-wrapper {flex: 1;}







}







.modal-backdrop {







    display: none !important;







}







.payroll-calculator-modal.modal {







    top: 150px;







}















.payroll-calculator-modal table{







    width: 100%;







}







.borderless-table table,.borderless-table  th,.borderless-table  td {







    border: 0;







}















.payroll-calculator-modal table th, .payroll-calculator-modal table td {







    height: 36px;







    padding: 0 10px;







    font-size: 18px;







}















.header-table{







    margin: 40px auto 40px 0;







    border: none;







}







.header-table td{







    height: 24px;







}







.table-title{







    border: 1px solid black;







    border-bottom:0;







    background-color:#161E54;







    height: 36px;







    display: flex;







    align-items: center;







    justify-content: center;







    font-weight:bold;







}







.income-tax-liability-table td{







    text-align : right;







}







.income-tax-liability-table td:first-child{







    text-align : left;







}







.payroll-calculator-wrapper li::marker {







    content: '-    ';







    font-size: 15px;







}







.payroll-calculator-wrapper ul {







    margin-left: -10px;







}







.table-title span {







    width: fit-content;







    margin: auto auto;







    display: block;







    height: fit-content;







    vertical-align: middle;







}







.info-table tr {







    border-bottom: 0;







}







.modal.payroll-calculator-modal table tr {







    border-bottom: 1px solid #BAD8FF;







}







.modal.payroll-calculator-modal table thead th {







    text-transform: none !important;







    letter-spacing: .1em;







    text-align: center;







    font-weight: 600;







}







.modal.payroll-calculator-modal table {







    border: 1px solid #BAD8FF;







}







.payroll-calculator-modal table.rounded-corners {







    border-spacing: 0;







    border-collapse: separate;







    border-radius: 10px;







    overflow: hidden;







}







.payroll-calculator-modal table.rounded-corners tr{







    border-spacing: 0;







    border-collapse: separate;







    border-radius: 10px;







}







.payroll-calculator-modal table thead th {







    text-transform: none !important;







}











/* barsha */



@media (min-width: 1200px) {



    .container {



      width: 100% !important;



    }



  }







  .fadeIn {



    animation-name: fadeIn;



  }



  .d-flex {



    display: flex;



  }



  .vector-img-small {



    width: auto;



  }



  .fadeIn.layer1-img{



    width: auto;



  }



  .fadeIn.vector-img{



    width: auto;



  }



  /* .add-circle{



    width: auto;



  } */



  /* .minus-circle{



    width: auto;



  } */



  .justify-content-end {



    justify-content: flex-end;



  }



  .g-recaptcha{



    margin-bottom:3%;



  }



  .me-3 {



    margin-inline-end: 1rem;



  }







  p {



    margin-bottom: 1.5em;



  }











  .position-absolute.background{



    background-color: transparent !important;



  }



    @media only screen and (max-width: 767px) {



        .position-absolute.background {



            top: 450px !important;



        }



        .button-grd.grad.calculate-temp{



            line-height: .5 !important;



        }



        .position-absolute.rectangle-img {



            right: -10px !important;



            top: -113px;



            height: 220px;



            width: 40% !important;



          }



          .mobile-gross-pay-text {



            color: white !important;



          }



          .mailbox-container input.email-tax-btn {



            margin-top: 10px;



            margin-bottom: 20px;



          }



          .row.mt-5{



            padding: 0 0px !important;



        }



        .modal-dialog {



            margin: 30px auto;



        }







      }



    .button-grd.grad.calculate-temp{



        /* font-family: "IBM Plex Sans", Sans-serif !important;  */



        font-family: "Poppins", sans-serif;



        letter-spacing: 0.3px;



        line-height: 1;



    }



    .payroll-calculator-details{

        padding: 50px 15px 0 15px;

    }



    .m-0.desktop{



        margin-top: 0px !important;



    }



    .justify-content-center {



        justify-content: center;



      }











      .claculator-buttons a{



        color: #161E54 !important;



      }







    a {



        color: none;



        text-decoration: none !important;



      }







      label {



        font-weight: 400 !important;



        color: #808291;



      }



      table {



        width: 100%;



        margin-bottom: 1em;



        color: #333;



      }



      table tr {



        border-bottom: 1px solid #dedede;



      }



      table td, table th {

        border: 0;

        padding: .5em 1em;

        border-inline-end: 1px solid #dedede !important;

      }

      .modal-content table td, .modal-content table th{

        padding: .5em 1em !important;

      }

      table td:last-child, table th:last-child {

        border-inline-end-width: 0 !important;

      }

      .mt-5 {



        margin-top: 2rem;



      }



      .calculate-btn {

        width: 200px;

        margin-top: 10px !important;

      }



      .elementor-kit-5 button{



        font-family: "IBM Plex Sans", Sans-serif;



        font-size: 14px;



        font-weight: 700;



        text-transform: uppercase;



        letter-spacing: 0.3px;



        background-color: #32B776;



      }



      .mt-4 {



        margin-top: 2.2rem;



      }



      .position-absolute.rectangle-img {



        right: -150px ;



        width: 30%;



        height: 350px;



      }



    .claculator-wrapper{



        background: linear-gradient(270deg, #0B87A1 0%, #042026 100%) !important;

        border-radius: 24px;



    }



    .modal-content{



        border-radius: 24px !important; 



    }



    .mt-6 {



        margin-top: 2.5rem;



      }



      .mt-2 {



        margin-top: .5rem;



      }



      .ms-auto {



        margin-inline-start: auto;



      }



      .modal.in .modal-dialog {



        transform: translate(0,0) !important;



      }



      .modal.fade .modal-dialog {



        transition: transform .3s ease-out !important;



      }



      .modal-dialog {



        width: 700px !important;



      }







      .banner-bg-1 {



        background-image: url(../images/banner-bg-11.png);



        background-size: 100% 850px;



      }



      .calculator-teaxtbox .title {



        display: block;



        font-size: 15px;



        max-width: 120px;



        text-align: right;



        line-height: 17px;



        position: absolute;



        right: 0;



        color: white;



        top: 20px;



        margin-right: -120px;



        padding-top: 0px !important;



    }



    @media only screen and (max-width: 992px) {



        .payroll-calculator-details {



            /* height: 1700px !important; */



        }



    }



    .payroll-calculator-details .row.mt-5{



        padding: 0 200px;



    }



    .payroll-calculator-details .total-income .title{



        color: #AE533F !important; 



    }



    .icon-text{



        font-weight: 500;



    }



    /* table tbody tr:nth-child(2n+1) {



        background-color: #f7f7f7;



      } */



      table td{



        border-top: 1px solid rgb(222, 222, 222) !important;



      }



      .btn{



        border-radius:16px !important;



      }



      .bonus-input-container-new .add-more-bonus{



        width: 50px !important;



        margin-left: 10px;



      }







      .bonus-input-container-new  .add-circle.ms-1.me-1{



        width: 20px !important;



        margin-left: 10px;



      }



      .add-monthly-bonus.add-circle{



        width: auto;



      }



      .add-monthly.add-monthly-bonus .add-circle {



        /* border: 0; */



        width: auto;



    }



    .add-yearly-bonus .add-circle {



        /* border: 0; */



        width: auto;



    }



    .add-eligible .add-circle {



        width: auto;



    }



    .add-ait .add-circle {



        width: auto;



    }



    .add-more-bonus .add-circle {



        width: 20px !important;



        margin-left: 5px;



    }



    /* .remove-bonus .minus-circle{



        width: 40px !important;



        margin-left: 10px;



    } */



    .add-more-yearly-bonus .add-circle{



        width: auto;



        margin-left: 10px;



    }



    .remove-bonus .minus-circle {



        border: 0;



        width: 20px;



        margin-left: 5px;



      }



    .yearly-bonus-input-container {



        display: flex;



        margin-bottom: 10px;



        align-items: center;



      }



      .payroll-calculator-form .yearly-bonus-input-container input {



        margin-bottom: 0;



      }



      .yearly-bonus-input-container input:first-child {



        margin-right: 14px;



      }



      .yearly-bonus-input-container:first-child .remove-yearly-bonus {



        display: none;



      }



      .remove-yearly-bonus .minus-circle{



        width: 16px;



        margin-left: 5px !important;



      }



      .payroll-calculator-form .bonus-input-container input, .payroll-calculator-form .yearly-bonus-input-container input {



        padding-inline-start: 10px;



        /* padding-inline-end: 10px; */



        flex: 0 0 45%;



    }



    .ait-input-container input, .invesment-input-container input {



        margin-bottom: 10px;



        margin-top: 10px;



        max-width: 285px;



    }



    .claculator-buttons button:hover, .claculator-buttons a:hover {

        text-decoration: none !important;

    }



   .nav-links li.active > a {



        color: #02d085 !important;



    }



    body {



        font-family: "Poppins", sans-serif !important;



        font-size: 16px !important;



        line-height: 1 !important;;



        position: relative;



      }



    .nav-links li a{



        font-family: "Poppins", sans-serif;



        color: #ffffff !important;



    }



    .nav-links li a:hover,



    .nav-links li a:active {



        color: #02d085 !important;



    }



    .payroll-calculator-form select {



        /* background-image: url(../images/arrow-down-white.svg); */



        /* background-image: url("../images/select-arrow.png") !important; */



        background-image: url(../images/payroll-calculator/select-arrow.png) !important;



      }



      .header-payroll {



        font-family: "Poppins", sans-serif !important;



      }



      .header-inner .header-user{



        font-family: "Poppins", sans-serif !important;



      } 



      .footer ul li {



        text-align: justify;



        line-height: 152.5%;



        font-size: 24px;



      }    



      .header-payroll:hover {



        color: white !important;



    }



    .header-inner .header-user:hover {



        color: white !important;



    }







    @media only screen and (max-width: 480px) {



        .m-0 {



            margin-top: 0 !important;



        }



        .payroll-calculator-wrapper {



            margin-top: 40px;



        }



        .container {



            padding-right: 0 !important;



            padding-left: 0 !important;



        }



    }



    @media only screen and (max-width: 1080px) {



        .row.mt-5 {



            padding: 0 0px !important;



        }



    }







/************************************************************************* Payroll Calculator CSS Ends ************************************************/

/* Mustafijur css Starts  */

.page-template-page-payroll-calculator .footer-contents .footer-logo-wrapper .ld-fh-element a{
    font-weight: normal;
}
.page-template-page-payroll-calculator .footer-contents .footer-logo-wrapper .ld-fh-element .split-unit.lqd-lines {
    line-height: 30px;
}
.page-template-page-payroll-calculator .footer-contents .footer-logo-wrapper .ld-fh-element {
    margin-bottom: 30px !important;
    padding-top: 0px;
}
.page-template-page-payroll-calculator .footer-contents .ld-fh-element {
    padding-top: 0px;
}
.page-template-page-payroll-calculator .footer-contents .elementor-col-33 .ld-fh-element.p,
.page-template-page-payroll-calculator .footer-top .ld-fh-element.p,
.page-template-page-payroll-calculator .footer .footer-copyright-section .ld-fh-element.p span {
    line-height: 30px;
}
.page-template-page-payroll-calculator .footer ul li {
    text-align: left;
}
.page-template-page-payroll-calculator .footer .footer-top .elementor-col-50 .elementor-element-populated {
    align-content: baseline !important;
}

@media only screen and (max-width: 1400px) {
    .page-template-page-payroll-calculator .payroll-calculator-details .content-wrapper {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .page-template-page-payroll-calculator .content .container {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {

    .analysis-blocks-contents{
        font-size: 18px;
    }
    .analysis-blocks-contents span{
        font-size: 15px;
    }
    .payroll-calculator-details .table-right img {
        width: 20px;
    }
    .value-amount{
        font-size: 20px;
    }
    .modal-header h3 {
        font-size: 22px;
    }
    tr td.radius-bottom-left{
        padding-left: 20px;
    }
    tr.footer-row td.background{
        font-size: 16px !important;
    }
    .row.mt-5 {
        padding: 0 0px !important;
    }
    .payroll-calculator-details .modal-content .modal-body{
        overflow-x: auto;
    }
}
@media only screen and (max-width: 992px) {
    .calculate-section .col-md-3 {
        flex: 0 0 25%;
    }
    .chart-wrapper .col-md-7 {
        width: 60%;
    }
    .payroll-calculator-details {
        padding: 30px 20px 0 20px;
    }
    #payroll-calculator-form .calculate-section{
        padding-bottom: 20px;
    }
    .payroll-calculator-details .content-wrapper .col-md-6 .calculate-btn {
        margin-bottom: 40px;
    }
    .table-right .col-md-5 {
        justify-content: end;
    }
    .table-right .col-md-5 .value-amount {
        padding-right: 15px;
    }
    .email-tax-btn {
        width: 200px !important;
    }
}
@media only screen and (max-width: 992px) {

    .calculate-btn{
        font-size: 14px !important;
    }
    .email-tax-btn{
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    tr.footer-row td.background {
        font-size: 12px !important;
    }
    .modal-header h3 {
        font-size: 14px;
    }
    .value-amount {
        font-size: 16px;
    }
    .detail-toggle-btn {
        font-size: 14px;
    }
    .mailbox-title.mobile {
        font-size: 20px;
        max-width: 445px;
    }
    .mailbox-container .mt-2 {
        max-width: 404px;
    }
    .payroll-calculator-wrapper .top-form-fields {
        display: flex;
        flex-wrap: wrap;
    }
    .calculate-section .col-md-3 {
        flex: 0 0 50%;
    }
    .payroll-calculator-form select, .payroll-calculator-form input{
        height: 40px;
    }
    .mailbox-container input[type="text"], .mailbox-container input[type="email"]{
        height: 44px;
    }
    .detail-calculation-wrapper {
        max-width: 100% !important;
        padding: 15px 15px;
    }
    .top-left.calculator-col, .top-right.calculator-col, .page-template-page-payroll-calculator .main-screen {
        padding-left: 0px;
        padding-right: 0px;
    }
    .page-template-page-payroll-calculator .main-screen .ld-fh-element.h1,
    .page-template-page-payroll-calculator .main-screen .top-left-title {
        text-align: center;
    }
    .page-template-page-payroll-calculator .top-left-subtitle {
        max-width: 100%;
        text-align: center;
    }
}
@media only screen and (max-width: 480px) {
    .payroll-calculator-wrapper {
        margin-top: 0px;
    }
    .analysis-blocks-contents {
        font-size: 16px;
    }
    .analysis-blocks-contents span {
        font-size: 14px;
    }
    .page-template-page-payroll-calculator .payroll-calculator-details .content-wrapper {
        padding-bottom: 0px;
    }
    .calculate-btn {
        font-size: 12px !important;
    }
    .email-tax-btn {
        font-size: 12px;
    }
    .payroll-calculator-details .total-taxable, .total-income, .tax-credit{
        margin-bottom: 0px;
    }
    .payroll-calculator-details {
        padding: 30px 15px 0 15px;
    }
    .page-template-page-payroll-calculator .ld-fh-element.h1{
        margin-top: 10px;
    }
    .top-left-title {
        padding-top: 15px;
    }
    #payroll-calculator-form .calculate-section > .elementor-container.text-center {
        padding-left: 0px;
        padding-right: 0px;
    }
}

 @media only screen and (max-width: 450px) {

    .chart-wrapper .chart-container.row.m-0.d-flex {
        flex-direction: column;
    }
    .chart-wrapper .col-md-7 {
        width: 100%;
    }
    .table-right .col-md-5 {
        width: 100%;
        padding: 0px;
    }
    .analysis-blocks-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 20px;
    }
    .analysis-blocks {
        width: 100%;
        margin-bottom: 0px;
    }
    .chart-wrapper{
        margin-bottom: 0px;
        padding-bottom: 30px;
    }
    .chart-wrapper-intro {
        text-align: center;
        margin-bottom: 25px;
        padding-top: 10px;
    }
}