.cta { 
position:fixed;
right:0px;
top:30%;
width:90px;
z-index:9999;
}
.ctaitem { 
position: relative;
visibility: visible;
background-color: transparent;
width: 90px;
height: 90px;
cursor: pointer;
z-index: 9999;
transition: visibility .5s;
left: 0;
bottom: 0;
display: block;
}
.ctabg {
width: 60px;
height: 60px;
top: 15px;
left: 15px;
position: absolute;
box-shadow: 0 0 0 0 #dd3333;
border-radius: 50%;
border: 2px solid transparent;
-webkit-animation: zigzag 2.3s infinite ease-in-out;
animation: zigzag 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-animuiion: zoom 1.3s infinite;
animation: zoom 1.3s infinite;
z-index: 9!important;
}
.ctaimg {
width: 40px;
height: 40px;
line-height: 40px;
top: 23px;
left: 25px;
position: absolute;
border-radius: 50%;
display: flex;
justify-content: center;
-webkit-animation: zigzag 2s infinite ease-in-out;
animation: zigzag 2s infinite ease-in-out;
z-index: 9!important;
}
.ctaimg a {
display:block;
z-index: 1;
}
.cta .content {
position: absolute;
right: 30px;
z-index: 0!important;
border-radius: 99px;
top: 20px;
align-items: center;
color: #fff;
width: 0;
padding:0;
line-height: 1;
font-size: 0;
border-radius: 50px;
transition: 0.5s;
}
.ctaitem:hover .content {
width: 180px;
transition: 0.5s;
font-size: 18px!important;
padding: 18px 20px;
}
.bottomctas {
position: fixed;
bottom: 0;
left: 0;
text-align:center;
z-index: 9999;
}
.bottomctas .col-inner {
padding: 5px 0;
}
.bottomctas .col + .col {
border-left: 1px solid #fff!important;
}
.bottomctas img {
-webkit-animation: zigzag 2s infinite ease-in-out;
animation: zigzag 2s infinite ease-in-out;
z-index: 9!important;
width: 30px;
} 
.bottomctas a {
color: #fff!important;
font-size: 12px;
font-weight: bold;
}
@-webkit-keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@keyframes zoom{0%{transform:scale(.9)}70%{transform:scale(1);box-shadow:0 0 0 15px transparent}100%{transform:scale(.9);box-shadow:0 0 0 0 transparent}}
@media only screen and (max-width: 48em) { }
.header-wrapper .header-main .header-button > .button:not(.is-outline) {
background-color: #F6A200 !important;
}
.custombread .bread-inner {
max-width: 1200px;
}
.service-benefits {
list-style: none;
margin-bottom: 0;
}
.service-benefits li {
margin: 5px 0 5px 0 !important;
}
.service-benefits li i {
color: #F6A200
}
.contact-card {
background: #fff;
padding: 40px 20px;
border-radius: 12px;
text-align: center;
box-shadow: 0 10px 30px rgba(45, 75, 120, 0.08);
transition: 0.3s;
}
.contact-icon {
width: 60px;
height: 60px;
background-color: rgba(45, 75, 120, 0.1);
color: #2D4B78;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
font-size: 28px;
transition: 0.3s;
}
.contact-label {
font-size: 18px;
font-weight: 700;
color: #2D4B78;
margin-bottom: 10px;
}
.contact-value {
margin-bottom: 5px;
}
.feature-card {
background: #fff;
padding: 40px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
display: flex;
align-items: flex-start;
gap: 24px;
transition: transform 0.3s, box-shadow 0.3s;
position: relative;
overflow: hidden;
}
.feature-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 4px;
height: 100%;
background: #F6A200;
opacity: 0;
transition: opacity 0.3s;
}
.feature-icon-box {
width: 70px;
height: 70px;
background: rgba(45, 75, 120, 0.08);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.feature-icon-box i {
font-size: 32px;
color: #2D4B78;
}
.feature-text h3 {
font-size: 22px;
margin-bottom: 12px;
}
.feature-text p {
font-size: 16px;
color: #6B7280;
line-height: 1.6;
}
.step-item {
display: flex;
align-items: center;
gap: 20px;
background: #fff;
padding: 24px;
border-radius: 12px;
border: 1px solid #E5E7EB;
transition: all 0.3s;
margin-bottom: 10px;
}
.step-number {
width: 50px;
height: 50px;
background: #F6A200;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
flex-shrink: 0;
}
.step-content h4 {
font-size: 20px;
font-weight: 600;
margin-bottom: 4px;
}
.step-content p {
font-size: 14px;
color: #6B7280;
margin-bottom: 0
}
.text-box-content .btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 32px;
font-size: 16px;
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
background-color: #F6A200 !important;
color: #fff;
border:2px solid #F6A200 !important;
}
.text-box-content .btn-outline {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 32px;
font-size: 16px;
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
background-color: transparent;
color: #fff;
border: 2px solid #F6A200 !important;
}
.footer-wrapper {
font-size: 15px;
}
.footer-wrapper .ux-menu-title {
font-size: 18px;
}
.footer-wrapper ul {
list-style: none;
margin: 0 !important;
}
.footer-wrapper ul li {
margin: 5px 0 !important
}
@media only screen and (max-width: 768px) {
.text-box-content .btn-outline, .text-box-content .btn-primary {
padding: 10px 25px;
font-size: 15px;
}
}