.range-of-services{ width:99%; margin:40px auto; } .range-d-none{ display:none; } .range-of-services-container { display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center; } .range-of-services-img-container{ width:40%; margin:auto; } .range-of-services-text-container{ width:45%; margin:auto; } .range-of-services-img-container-img{ width:80%; margin:auto; } .range-of-services-img-container img{ width:100%; margin:auto; } .range-of-services-h3 { color:#000; font-size:23px !important; margin-top:25px; margin-bottom:25px !important; font-weight:bold; } .range-of-services-p { color:#000; font-size:16px !important; margin-top:25px; margin-bottom:25px !important; width:90%; } .range-of-services-menu { display:flex; flex-wrap:wrap; /* justify-content:space-between; */ gap: 20px; margin-top:20px; } .range-of-services-menu-links{ border: 1px solid #e8e8e8; border-radius: 8px; display: flex; flex-direction: row; flex-wrap: no-wrap; width: 48%; flex-wrap: nowrap; align-items: center; gap: 20px; padding: 7px 15px; transition: 0.5s; background:#fff; } .range-of-services-menu-links div{ font-size:14px; color:#000; } /* .range-of-services-menu-links a:hover{ color:#fff; } */ .range-of-services-menu-links:hover { /* background-color:#ffab00; */ background: rgb(58,167,87); cursor:pointer; box-shadow: 0 0 40px rgba(68,136,255,.1),0 0 20px rgba(58,167,87,.1); /* background: linear-gradient(90deg, rgba(58,167,87,1) 36%, rgba(68,136,255,1) 73%); */ background: linear-gradient(270deg, #667fff 0%, #0d00c2 100%) cursor: pointer; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .range-of-services-menu-links span{ color:#000; } .range-of-services-menu-links:hover div, .range-of-services-menu-links:hover span{ color:#fff !important; } @media only screen and (min-width: 1300px) { .range-of-services-img-container-img { width: 80% !important; margin: auto; } } @media only screen and (max-width: 1300px) and (min-width: 993px) { .range-of-services-menu-links { width: 47%; } .range-of-services-text-container { width: 57%; } .range-of-services-img-container-img { width: 65%; margin: auto; } } @media only screen and (max-width: 990px) { .range-of-services-container { flex-direction: column; } .range-d-none{ display:block; width:100% !important; } .range-d-block{ display:none; } .range-of-services-text-container { width:90%; } .range-of-services-img-container { margin: 28px auto; width: 90%; } .range-of-services-img-container-img1 { width: 70%; margin: auto; } } @media only screen and (max-width: 767px) { .range-of-services-text-container { width:92%; } .range-of-services-img-container { width: 90%; } .range-d-none { width: 90% !important; margin: auto; } } @media only screen and (max-width: 607px) { .range-of-services-menu-links{ width:80%; margin:auto; } .range-of-services-img-container { margin: 28px auto; width: 100%; } } @media only screen and (max-width: 360px) { .range-of-services-menu-links { margin: auto; width: 100%; } .sub-title-main-container { padding: 10px 10px; } } /* .range-of-services .first {padding-top: 175px;} */ html { scroll-behavior: smooth; }