@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
--text-color: #666;
--theme-color1: #124e73;
--theme-color2: #222;
}

/**,::after,::before{
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
}*/

.offcanvas{
transition: all .7s ease;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
}

body{
overflow-x: hidden;
background: #f9f6f0;
 font-family: "DM Sans", sans-serif;
}

a{
text-decoration: none;
 color: #666;
}


.container-fluid{
max-width: 1300px;
}


p{
  font-size: 18px;
  color: #333;
}

.right-img img{
border-radius: 0 50px 50px 0px;
}


.i-cnt ul{
  display: flex;
  justify-content: center;
  padding: 0;
}

.i-cnt ul li a{
padding: 0 12px;
font-size: 18px;
}

.i-cnt a i{
  padding-right: 5px;
}

@media only screen and (min-width:0px) and (max-width:390px){ 
}



@media only screen and (min-width:0px) and (max-width:575px){ 


}

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

}

@media only screen and (max-width:767px){ 
.right-img img {
  border-radius: 0 0px 50px 50px;
}

.i-cnt ul {
  flex-direction: column;
  align-items: center;
  gap: 10px;
}


}


@media only screen and (min-width:768px) and (max-width:991px){

}

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

}

@media (width:1024px){

}


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

}

@media (min-width:1400px){ 

}