.tr-inqury-form .forminator-break {
	display: flex !important;
    width: 100% !important;
    height: 1px !important;
}

.tr-inqury-form .forminator-break:first-child,
.tr-inqury-form .forminator-break:last-child {
	display:none !important;
}


.tr-inqury-form .forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-steps .forminator-break:before {
    width: 100% !important;
}

.tr-inqury-form .forminator-pagination-steps {
	display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
	max-width:144px !important;
	margin : auto !important;
}

.tr-inqury-form .forminator-pagination-steps .forminator-step {
	max-width:25px !important;
}

.tr-inqury-form .forminator-pagination-steps .forminator-step-dot {
	width: 25px !important;
    height: 25px !important;
    -ms-flex: 0 0 15px !important;
    flex: 0 0 25px !important; 
	margin:0px !important;
}
.tr-inqury-form .forminator-pagination-steps .forminator-break {
	margin:0px !important;
	background-color: #ffffff !important;
}
.tr-inqury-form .forminator-pagination-steps .forminator-break::before {
	display:none !important;
}

.tr-inqury-form .forminator-pagination-steps  .forminator-step-label {
	position: absolute;
    z-index: 999;
	font-size: 14px !important;
	line-height: 22px !important;
    color: #fff !important;
    transform: translate(9px);
}

.forminator-ui#forminator-module-114.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot {
    border-color: #D1D1D11F !important;
    background-color: #363638 !important;
}

.forminator-ui#forminator-module-114.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
	border-color: #fff !important;
    background-color: #36363800 !important;
}




.tr-inqury-form {
	color: #ffffff !important;
}

.tr-inqury-form input,
.tr-inqury-form label {
	color: #ffffff !important;
}


.tr-inqury-form .forminator-pagination {
	margin-top: 36px !important;
}

.tr-inqury-form .form-1-input-heading p,
.tr-inqury-form .form-2-input-heading p {
	font-family: "Nunito Sans", Sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    text-transform: none;
    line-height: 24px !important;
    margin-bottom: 12px !important;
}

.form-1-input-heading p.tr-form-service-label {
	font-family: "Nunito Sans", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none;
    line-height: 22px !important;
    margin-bottom: 16px !important;
	color : #F5F5F7 !important;
}

.tr-services-select  .forminator-label {
	display:none !important;
}




.tr-inqury-form  .forminator-label {
	font-family: "Nunito Sans", Sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none;
    line-height: 22px !important;
    margin-bottom: 8px !important;
	color : #fff !important;
}

.tr-services-select label {
	padding: 16px 24px !important;
	background : #D1D1D11F !important;
	border : 1px solid #86869166 !important;
	border-radius : 12px !important;
}

.tr-inqury-form .web-development,
.tr-inqury-form .app-development-1,
.tr-inqury-form .app-development-2,
.tr-inqury-form .cloud-hosting {
	padding: 16px 24px !important;
	background : #D1D1D11F !important;
	border : 1px solid #86869166 !important;
	border-radius : 12px !important;
}

.tr-inqury-form .web-development .forminator-label,
.tr-inqury-form .app-development-1 .forminator-label,
.tr-inqury-form .app-development-2 .forminator-label,
.tr-inqury-form .cloud-hosting .forminator-label {
	display: flex !important;
    align-content: center;
    align-items: center;
    gap: 12px;
}


.tr-inqury-form .web-development .forminator-label::before,
.tr-inqury-form .app-development-1 .forminator-label::before,
.tr-inqury-form .app-development-2 .forminator-label::before,
.tr-inqury-form .cloud-hosting .forminator-label::before {
	content: url(/wp-content/uploads/2024/12/check-circle-1.png);
	display:block;
	width: 24px;
	height: 24px;
}

.tr-inqury-form .web-development .forminator-checkbox .forminator-checkbox-label,
.tr-inqury-form .app-development-1 .forminator-checkbox .forminator-checkbox-label,
.tr-inqury-form .app-development-2 .forminator-checkbox .forminator-checkbox-label,
.tr-inqury-form .cloud-hosting .forminator-checkbox .forminator-checkbox-label {
	font-family: "Nunito Sans", Sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: none;
    line-height: 17.73px !important;
	color : #D1D1D1 !important;
}

.tr-inqury-form .web-development .forminator-checkbox,
.tr-inqury-form .app-development-1 .forminator-checkbox,
.tr-inqury-form .app-development-2 .forminator-checkbox,
.tr-inqury-form .cloud-hosting .forminator-checkbox {
	  padding-left: 36px !important;
}

  



.tr-inqury-form .forminator-checkbox input:checked + .forminator-checkbox-box, .forminator-select-dropdown-container--open .forminator-custom-form-114.forminator-dropdown--default .forminator-checkbox input:checked + .forminator-checkbox-box {
    border-color: #D1D1D1 !important;
    background-color: #6f616100 !important;
    border-width: 2px !important;
	color: #F5F5F7 !important;
}

.tr-inqury-form .forminator-checkbox .forminator-checkbox-box, .forminator-select-dropdown-container--open .forminator-custom-form-114.forminator-dropdown--default .forminator-checkbox .forminator-checkbox-box {
    border-color: #D1D1D1 !important;
    background-color: #6f616100 !important;
    color: #F5F5F7 !important;
	border-width: 2px !important;
}
.tr-inqury-form .forminator-radio input:checked + .forminator-radio-bullet {
	border-color : #282828 !important;
}
.tr-inqury-form .forminator-radio .forminator-radio-bullet:before {
    background-color: #282828 !important;
}


.tr-inqury-form .forminator-pagination-footer {
	display:flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	margin-top: 24px !important;
	gap: 48px !important;
}

.tr-inqury-form .forminator-pagination-footer button {
	background: #ffffff !important;
	border-radius: 8px !important;
	color : #000000 !important;
}

/* .tr-inqury-form .forminator-pagination-footer button.forminator-button-back {
	background: none !important;
	color: #F5F5F7 !important;
	box-shadow: none !important;
	text-align: left !important;
}

.tr-inqury-form .forminator-pagination-footer button:first-child::before {
	content: url(/wp-content/uploads/2024/12/arrow-right-small-1.png);
	display: inline-block;
    margin-right: 6px;
    height: 17px;
    top: 0px;
    position: relative;	
} */

.tr-inqury-form .forminator-pagination-footer button.forminator-button-back {
	background: none !important;
	color: #F5F5F7 !important;
	box-shadow: none !important;
	text-align: left !important;
	display: flex !important;
	align-items: center !important;
	gap: 10px;
}

.tr-inqury-form .forminator-pagination-footer button:first-child::before {
	content: '';
    background-image: url(/wp-content/uploads/2024/12/arrow-back.png);
    background-size: 17.5px 10px;
    align-items: center;
    display: inline-flex;
    width: 17.5px;
    height: 10px;
}
	

/* .tr-inqury-form .forminator-pagination-footer button:last-child::after {
	content: url(/wp-content/uploads/2024/12/arrow-right.png);
	display: inline-block;
    margin-left: 6px;
    height: 17px;
    top: 3px;
    position: relative;	
}
 */

.tr-inqury-form .forminator-pagination-footer button:last-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.tr-inqury-form .forminator-pagination-footer button:last-child::after {
	content: '';
    background-image: url(https://triloo.lk/wp-content/uploads/2024/12/right-arrow.png);
    background-size: 24px 24px;
    align-items: center;
    display: inline-flex;
    margin-left: 6px;
    width: 24px;
    height: 24px;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-radio .forminator-radio-bullet:before {
	content: '';
	background-image: url('/wp-content/uploads/2024/12/check-circle-new.png');
	width: 24px !important;
	height: 24px !important;
	top: 10px !important;
	background-size: 24px 24px;
	background-position: center;
}


.tr-inqury-form textarea,
.tr-inqury-form input[type=number],
.tr-inqury-form input[type=text],
.tr-inqury-form input[type=email],
.tr-inqury-form select,
.tr-inqury-form .select2-selection,
.tr-inqury-form input.forminator-currency {
	padding: 17px 15px !important;
	background : #D1D1D11F !important;
	border : 1px solid #86869166 !important;
	border-radius : 12px !important;
	color : #ffffff !important;
}

.tr-inqury-form .select2-selection {
	padding: 10px 15px !important;
}

.forminator-select-dropdown .select2-results__option {
	background-color: #000 !important;
    border-radius: 5px !important;
    margin: 0 10px 10px 10px !important;
    color: #fff !important;
    font-size: 14px !important;
}

.forminator-select-dropdown {
    border-color: #fff !important;
    background-color: #fff !important;
    margin: 5px 0 !important;
    border-radius: 10px;
}

.tr-inqury-form .select2-selection .select2-selection__rendered {
	padding: 0 !important;	
	color: #fff !important;
}

.tr-inqury-form .forminator-suffix {
	color : #F5F5F7 !important;
}

.forminator-button-submit {
	background: pink !important; 
    border-radius: 6px !important;
    font-size: 13px !important;
    color: #121212 !important;
	font-family: "Nunito", Sans-serif !important;
	font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
    fill: #000000 !important;
    color: #000000 !important;
    border-style: solid !important;
    border-width: 2px 2px 2px 2px !important;
    border-color: #FFFFFF !important;
    border-radius: 8px 8px 8px 8px !important;
}

.forminator-button-submit {
	background: #f5f5f7 !important;
    color: #000 !important;
    box-shadow: none !important;
	border: 2px solid transparent !important;
}

.forminator-button-submit:hover {
	background: #f5f5f7 !important;
    color: #000 !important;
    box-shadow: none !important;
	border: 2px solid #f5f5f7 !important;
}

.forminator-row {
	margin-bottom: 15px !important;
}

.select2-selection__arrow {
	color: #121212 !important;
}

.select2-selection__rendered {
	font-size: 14px !important;
}

.forminator-ui#forminator-module-2248.forminator-design--default .forminator-error-message {
	padding: 0 !important;
}

/* ====================================================================== */
.tr-our-expertise-learn-more-btn a .elementor-button-text {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap; /* Prevents text from wrapping */
}

.tr-our-expertise-learn-more-btn a .elementor-button-content-wrapper {
	max-height:12px !important;
}

.tr-our-expertise-learn-more-btn a {
    transition: all 0.3s ease-in-out;
    width: auto; /* Start with content width */
}

/* .tr-our-expertise-learn-more-btn a:hover {
    width: calc(100% + 30px); 
} */

/* .tr-our-expertise-learn-more-btn a .elementor-button-text::after {
    content: url(/wp-content/uploads/2024/12/arrow-right-small.png);
    margin-left: 8px;
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    vertical-align: middle;
}

.tr-our-expertise-learn-more-btn a:hover .elementor-button-text::after {
    opacity: 1;
    max-width: 30px; 
	height: 12px !important;
} */

.tr-our-expertise-learn-more-btn a .elementor-button-text::after {
    content: '';
    background-image: url('/wp-content/uploads/2024/12/right-arrow.png');
    background-size: 24px 24px;
    width: 0; /* Start with width 0 */
    height: 0; /* Start with height 0 */
    margin-left: 8px;
    opacity: 0; /* Make it invisible initially */
    transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out; /* Transition both opacity and size */
    vertical-align: middle;
}

.tr-our-expertise-learn-more-btn a:hover .elementor-button-text::after {
    opacity: 1;
    width: 24px; /* Expand to 24px on hover */
    height: 24px; /* Expand to 24px on hover */
}


@media only screen and (min-width: 768px) {
.tr-services-select .forminator-field {
	display:grid !important;
	grid-template-columns: 1fr 1fr;
	row-gap: 12px;
	column-gap : 12px;
	}
	
	.tr-services-select .forminator-field  .forminator-radio {
		margin:0px !important;
	}
}

@media only screen and (max-width: 980px) {
  .tr-inqury-form .forminator-pagination-footer {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    margin-top: 24px !important;
    gap: 3% !important;
}
	
	.tr-inqury-form .forminator-pagination-footer button {
		max-width: 47% !important;
		margin-bottom: 0px !important;
	}
}

/* New phone dropdown */
.iti--inline-dropdown .iti__dropdown-content {
    background: #1C1C1D !important;
    border: 1px solid #86869166 !important;
    box-shadow: 0px 1px 2px 0px #1717170A !important;
    border-radius: 14px !important;
    padding-bottom: 20px !important;
}

.iti__country-container #iti-0__dropdown-content .iti__search-input {
    border: 1px solid #000000 !important;
    box-shadow: 0px 1px 2px 0px #1717170A !important;
    outline: none !important;
    width: 98% !important;
    margin: 4px auto !important;
    display: flex !important;
    justify-content: center !important;
}

.iti__country-list::-webkit-scrollbar {
  width: 7px !important;
}

.iti__country-list::-webkit-scrollbar-track {
  background: #2A2727;
}

.iti__country-list::-webkit-scrollbar-thumb {
  background: #F5F5F7;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-phone .iti__country-container .iti__selected-country .iti__flag+.iti__arrow {
	margin-left: 0 !important;
}

.iti__selected-country-primary {
	gap: 10px !important;
}

.forminator-ui.forminator-custom-form[data-design=default] .forminator-phone .iti__country-container .iti__selected-country .iti__selected-country-primary {
	padding: 0px 0;
    position: absolute;
    left: 10px;
    top: 1px;
}

.tr-form-phone-container .forminator-input.forminator-field--phone.iti__tel-input {
	padding-left: 60px !important;
}