a
{
    text-decoration: none !important;
}
body

{

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

	color: #323232;

}

.btn

{

background-color: #0687fb;

background-image:linear-gradient(to top, #0687fb , #0687fb) !important;

color: white;

border-radius: 3px;

border: none;

padding: 10px 20px 10px 20px;

transition: 0.5s ease;

}

.btn:hover

{

background-color: #323232;

color: white;

border-radius: 3px;

border: none;

padding: 10px 20px 10px 20px;

}

.cx-home-hero

{

	 background-image: url("../../assets/images/home-slider1.jpeg");

	 background-repeat: no-repeat;

    background-size: cover;

    border-radius: 7px;

    background-position-x: right;

    height: 450px;

}

.cx-home-hero .cx-div1

{

	border-radius: 7px;

}

.cx-link-icon

{

	text-decoration: none;

	color:#0687fb;

}

.cx-navbar

{

background-color: white !important;

}

.cx-navbar ul

{

color: #323232;

font-weight: 500;	

}

.cx-icon-box .cx-icon, .cx-icon-box-accred .cx-icon

{

	background-color: #f2f9ff;

    padding: 15px;

    width: 45px;

    font-size: 16px;

    color: #0687fb;

    line-height: 15px;

    border-radius: 100px;

    height: 45px;

}



.cx-icon-box

{

	border-bottom: 1px solid #e3e3e3;

}

.cx-icon-box h6

{

	color:white;

	font-weight: 500;

}
.cx-icon-box-our-services h6
{

    color:white;

    font-weight: 500;
}
.cx-icon-box-our-services a
{

    color:white;

}
.cx-icon-box p

{

    color:white;


}
.cx-icon-box .card-body p

{

    color:#323232;


}

.cx-icon-box-why-choose-us h6

{

    color:#0687fb;

    font-weight: 500;

}
.cx-icon-box-why-choose-us a

{

    color:white;


}

.cx-icon-box .cx-card

{

	flex-direction: row;

}

.cx-unorder-list

{

	list-style-type: none;

}

.cx-unorder-list li i

{

	margin-right: 10px;

}

.cx-form-box .cx-form-box-right

{

	box-shadow: 3px 3px 10px 3px #9e9e9e2b;

    border-radius: 7px;

    padding: 70px 30px 70px 30px;

}

.cx-form-box .cx-form-box-left

{

    padding: 70px 30px 70px 30px;

}

.cx-footer-social-links

{

    list-style-type: none;

    display: inline;

    padding: 0px;

}

.cx-footer-social-links li

{

    display: inline;

    font-size: 22px;

    margin-right: 7px;

}

.cx-footer-links

{

    list-style-type: none;

    padding: 0px;

    line-height: 30px;

}

.cx-footer-links a

{

    text-decoration: none;

    color:#323232;

}

.cx-footer-links a:hover

{

    text-decoration: none;

    color:#0687fb;

}



/* Slider */







.slick-slide {



    margin: 0px 20px;



}







.slick-slide img {



    width: 100%;



}



.slick-slide img:hover {



  -webkit-filter: grayscale(100%);



}







.slick-slider



{



    position: relative;



    display: block;



    box-sizing: border-box;



    -webkit-user-select: none;



    -moz-user-select: none;



    -ms-user-select: none;



            user-select: none;



    -webkit-touch-callout: none;



    -khtml-user-select: none;



    -ms-touch-action: pan-y;



        touch-action: pan-y;



    -webkit-tap-highlight-color: transparent;



}

.img1 {



  width: 100px;



  height: 100px;



  animation: scroll 60s linear infinite;



}







.slide-track {



  width: 100%;



  display: flex;



  gap: 3em;



  overflow: hidden;



}







.slider {



  margin-top: 70px;



  background-color: whitesmoke;



  padding: 8em 2em;



}







@keyframes scroll {



  0% {transform: translateX(0);}



  100% {transform: translatex(-1000%)}



}



.cx-footer

{

    background-color: #fbfbfb;

}

.cx-footer-nav

{

        padding-top: 80px !important;

        padding-bottom: 80px !important;

}

.cx-footer-bottom-text

{

    text-align: center;

    color: white;

    font-size: 12px;

    padding: 15px 10px 15px 10px;

    background-color: #212121;

}

.cx-footer-links li .fa

{

    padding-right: 5px;

    font-size: 14px;

    color: #0687fb;

}

.cx-text-white *

{

    color: white !important;

    text-decoration: none;

}

.cx-text-white .breadcrumb-item:before

{

    color: white !important;

}

.cx-icon-s

{

    color:#0687fb;

}

.cx-div-box-shadow

{

    border: 1px solid #f5f5f5;

    border-radius: 7px;

    padding: 20px 5px 20px 5px;

    box-shadow: 3px 3px 7px 3px #e9e9e9;

}

.cx-single-icon

{

   background-color: #f2f9ff;

    padding: 15px;

    width: 50px;

    font-size: 16px;

    color: #0687fb;

    line-height: 15px;

    border-radius: 100px;

    height: 46px; 

}

.container, .container-lg, .container-md, .container-sm, .container-xl {

    max-width: 1300px !important;

}

.cx-navbar li a

{

    font-weight: 500;

    color: #323232;

}

.cx-navbar li a:hover

{

    font-weight: 500;

    color: #0687fb;

}

.cx-card-title

{

    font-size: 20px;

    font-weight: 500;

    text-decoration: none;

    color:#323232;

}

#mail-status

{

color: white;

}

.mail-error-msg

{

color: white;

background: #af0e1e;

border-radius: 5px;

margin-bottom: 5px;

text-align: center;

padding: 5px 10px 5px 10px;

}

.mail-success-msg

{

color: white;

background: #1d582b;

border-radius: 5px;

margin-bottom: 5px;

text-align: center;

padding: 5px 10px 5px 10px;

}

.carousel-indicators [data-bs-target]

{

    background-color: #0687fb !important;

}


.cx-icon-box-why-choose-us .cx-icon

{

    background-color: #f2f9ff;

    padding: 15px;

    width: 70px;

    font-size: 25px;

    color: #0687fb;

    line-height: 37px;

    border-radius: 100px;

    height: 70px;

    margin-bottom: 10px;

}
.cx-our-services .col-12
{
    width: 95%;
}
.cx-our-services img
{
        height: 60px;
    box-shadow: 1px 1px 30px 1px #00000033;
    border-radius: 100px;
    width: 60px;
    margin-bottom: 15px;
}
.cx-card
{
    padding: 10px;
}
.button-sticky {
  background-color: yellow;
height: 40px;
color: #212121;
font-weight: bold;
width: 160px;
font-size: 15px;
border-radius: 5px;
line-height: 42px;
text-transform: uppercase;
text-align: center;
position: sticky;
bottom: 20px;
z-index: 99999;
left: 20px;
display:block;
}


/* CSS */
.cx-locations {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 columns */
  gap: 10px 20px; /* spacing between items */
  margin: 0;
  padding: 0;
  list-style: none; /* remove default bullets */
}

.cx-locations li {
  margin: 0;
  padding: 0;
}

/* Tablet: 2 columns */
@media (max-width: 992px) {
  .cx-locations {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile: 1 column */
@media (max-width: 520px) {
  .cx-locations {
    grid-template-columns: 1fr;
  }
}