@import url("../css/bootstrap.css");
/*@import url('../css/animate.css');*/
@import url("../css/jquery.fancybox.min.css");
@import url("../css/slick.css");
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');


/* font-family: "Roboto", sans-serif; */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

@import url("../fonts/stylesheet.css");

@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap");
 
::root{
  ---color-primary:white;
}

h2,h3,h4,p,a,ul{
  font-family: "Raleway", sans-serif;
}

ul {
  padding: 0;
}

a{
  text-decoration: none;
}

li {
  list-style: none;
}
/* theme btn */
.btn-epic {
  position: relative;
  width: 100%;
  max-width: 260px;
  height: 52px;
  background: transparent;
  transform: translate3d(0px, 0%, 0px);
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.05em;
  transition-delay: 0.6s;
  overflow: hidden;
  display: block;
  box-shadow: 7px 11px 0 #3f38385c;
}
.btn-epic:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: white;
  border-radius: 50% 50% 0 0;
  transform: translateY(100%) scaleY(0.5);
  transition: all 0.6s ease;
}
.btn-epic:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition: all 0.6s ease;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
}
.btn-epic div {
  position: relative;
  top: 16px;
  width: 100%;
  height: 26px;
  text-transform: uppercase;
  overflow: hidden;
  color: white !important;
}
.user-img {
    width: 40px;
    height: 40px;
}

.user-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.list-main:hover .list-img img+img {
    display: none;
}

.btn-epic span {
  position: absolute;
  z-index: 1;
  top: -2px;
  width: 100%;
  text-align: center;
  transition: transform 0.5s ease;
  font-size: 18px;
  font-family: 'Raleway';
}
.btn-epic span:first-child {
  color: black;
  transform: translateY(24px);
}
.btn-epic span:last-child {
  color: white;
  transform: translateY(0);
}
.btn-epic:hover {
  background: black;
  transition: background 0.2s linear;
  transition-delay: 0.6s;
}
.btn-epic:hover:after {
  border-radius: 0 0 50% 50%;
  transform: translateY(-100%) scaleY(0.5);
  transition-delay: 0;
}
.btn-epic:hover:before {
  border-radius: 0;
  transform: translateY(0) scaleY(1);
  transition-delay: 0;
}
.btn-epic:hover span:first-child {
  transform: translateY(0);
}
.btn-epic:hover span:last-child {
  transform: translateY(-24px);
}
/* tabs css */
.tabs {
  display: flex;
  cursor: pointer;
  justify-content: center;
}
.tab {
  padding: 10px 20px;
  background: #f1f1f1;
  border: 1px solid #ccc;
  margin-right: 5px;
}
.tab.active {
  color: #fff;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
  border: 0;
  position: relative;
}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.booking-form .tab-content form {
  display: flex;
  background: white;
  padding: 30px;
  box-shadow: 0 0 20px #4d49497a;
  margin: 14px 0 0 0;
}

.form-group {
  width: 25%;
  padding: 0 23px;
  border-left: 1px solid #3333338c;
}

.booking-form {
  margin: 0 0 -150px 0;
  z-index: 999999;
}

.form-group label {
  display: block;
  font-size: 20px;
  font-family: 'Inter';
  padding: 0 0 8px 0;
}

.form-group select {
  width: 100%;
  height: 44px;
  padding: 7px 10px;
}

.form-group:first-child {
  border: 0;
}

.tab.active::before {
  content: "";
  width: 20px;
  height: 20px;
  clip-path: polygon(100% 0, 0 0, 51% 50%);
  position: absolute;
  bottom: -20px;
  left: 25px;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
}
/* tabs css end*/
/* theme css end */
 
.header-top {
  display: flex;
  justify-content: space-between;
  animation: gradient 4s ease infinite;
  padding: 20px 75px 20px;
  background: rgb(246,146,32);
  background: linear-gradient(90deg, rgba(246,146,32,1) 0%, rgba(242,111,32,1) 25%, rgba(245,138,32,1) 50%, rgba(243,117,32,1) 100%);
  background-size: 400% 400%;
  position:relative;
  z-index:99999;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.mail a {
  color: white;
}

.payment-patient a {
  color: white;
  padding: 0 10px 0;
}

.header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav-one li {
  display: inline-block;
  padding: 14px 15px 0;
}

.nav-three li {
  display: inline-block;
  padding: 14px 15px 0;
  font-size: 16px;
}

.footer-logo i {
  font-size: 25px;
  padding: 10px 10px 10px;
  border-radius: 30px;
  border: 1px solid transparent;
  color: white;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
}

.footer-logo li {
  display: inline-block;
  padding: 0 5px 0;
}

.footer-main {
  background: black;
  padding: 50px 0 50px;
}

.footer-main {
  background: url(../images/ftr-bg.png);
  padding: 90px 0 20px 0;
}

.footer-logo p {
  color: white;
  padding: 40px 0 40px 0;
}

.footer-links-one h3 {
  color: white;
  text-transform: uppercase;
  font-size: 22px;
}

.other-links h3 {
  color: white;
}

.other-links h3 {
  color: white;
  text-transform: uppercase;
  font-size: 22px;
}

.contact-info h3 {
  color: white;
  text-transform: uppercase;
  font-size: 22px;
}

.footer-links-one li {
  padding: 0 0 20px 0;
}

.footer-links-one a {
  font-size: 17px;
  font-weight: 400;
  color: white;
  padding: 0 0 14px 0;
}

.other-links a {
  font-size: 17px;
  font-weight: 400;
  color: white;
}

.other-links li {
  padding: 0 0 10px;
}

.contact-info a {
  font-size: 17px;
  font-weight: 400;
  color: white;
}

.contact-info li {
  padding: 0 0 10px;
}

.footer-logo img {
  width: 100%;
  padding: 0 0 20px;
}

.footer-links-one {
  padding: 0 65px 0;
}

.other-links {
  padding: 0 60px 0;
}

.contact-info {
  padding: 0 60px 0;
}

.footer-logo {
  padding: 0 20px 0;
}

.footer-txt {
  text-align: center;
  border-top: 2px solid;
  padding: 45px 0 0;
  margin: 40px 0 0 0;
}

.footer-txt p {
  color: white;
}


/* hero banner start */
.hero-banner {
  background-image: url(../images/header-bg-banner.png);
  background-repeat: no-repeat;
  background-size: cover;
  margin: 40px 0 0 0;
  padding: 40px 0 0;
  height: 100vh;
  z-index: 9999;
  position: relative;
}

.nav-one a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #f37420;
  bottom: 0;
  transition: all .5s ease;
  transform: translate(-50%);
  left: 50%;
}

.nav-one a:hover {
  color: #f37420;
}

.nav-one a:hover:before {
  width: 100%;
}

.nav-three a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #f37420;
  bottom: 0;
  transition: all .5s ease;
  transform: translate(-50%);
  left: 50%;
}

.nav-three a:hover:before {
  width: 100%;
}

.nav-three a:hover {
  color: #f37420;
}

.nav-three li:nth-child(4) a,.nav-three li:nth-child(5) a {
  font-size: 33px;
  color: #f47e20;
}

.nav-one a {
  color: white;
  text-transform: uppercase;
  font-size: 19px;
  position: relative;
}

.nav-three a {
  color: white;
  font-size: 19px;
  text-transform: uppercase;
  position: relative;
}

.txt-banner-align h4 {
  text-transform: uppercase;
  font-size: 25px;
}
header {
  position: absolute;
  width: 100%;
  top: 0;
}

.txt-banner-align {
  display: flex;
  justify-content: center;
  align-items: center;
  /* height: 100%; */
  flex-direction: column;
  color: white;
  gap: 17px;
  padding: 170px 0 0 0;
}

.hero-banner .container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

section.header {
  z-index: 999999999999;
  position: relative;
  padding: 18px 0 0 0;
}
.txt-banner-align h2 {
  font-family: 'adelia';
  font-size: 80px;
  background: -webkit-linear-gradient(#f58820, #f27120);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f58a20;
}
.txt-banner-align h3 {
  font-size: 67.03px;
  font-family: 'Raleway';
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  margin: -40px 0 0 0;
}

.txt-banner-align p {
  font-size: 20px;
  width: 620px;
  text-align: center;
}
/* hero banner end */

/* about us section css begin  */
.points-descript.d-flex {
  justify-content: space-between;
}

.points-descript ul li {
  list-style: disc;
  padding: 0 0 14px 0px;
}
section.about-us{
  background: url(../images/multiple-secbg.png);
  padding: 230px 0 140px 0;
}
.about-imgs-main {
  display: flex;
  gap: 50px;
  padding: 20px 0 0 0;
}

.about-left-img {
  width: 50%;
}

.about-left-img img {
  width: 100%;
}

.about-content {
    padding: 20px 0 0 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 16px;
}

.about-content h5 {
    font-size: 20px;
    color: #F69220;
    font-family: 'Raleway';
    font-weight: 600;
    text-transform: capitalize;
}

.about-content h3 {
    font-size: 48px;
    color: #2f2f2f;
    font-weight: bold;
}

.about-content p {
    font-size: 18px;
    color: #000000;
    font-family: 'Inter';
    font-weight: 300;
}
/* about us section css end  */

/* featured section start css */
.featured-listing .tabs {
  justify-content: start;
  gap: 13px;
  padding: 0 0 60px 0;
}

.featured-listing .tabs .tab.active::before {
  display: none;
}

.featured-listing .tabs .tab {
  border: 1px solid #f48220;
  color: #f48220;
  padding: 10px 40px;
  font-size: 22px;
  margin: 0 0 20px 0;
}

.featured-listing .tabs .tab.active {
  color: white;
}

.featured-listing {
  padding: 100px 0 0 0;
}

.section-title div h2 {
  font-size: 50px;
  font-weight: bold;
}

.section-title {
  padding: 0 0 20px 0;
}
.list-main {
  position: relative;
  z-index: 99999;
  background: white;
  cursor: pointer;
}

.list-img {
  height: 240px;
  width: 100%;
  position: relative;
  z-index: 999999999999;
  overflow: hidden;
}

.list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s ease;
}

.list-content {
  padding: 20px;
  position: relative;
  z-index: 99;
}

.list-content h3 {
  font-size: 28px;
  font-weight: bold;
}

.list-content h4 {
  font-size: 21px;
  font-family: 'Inter';
  font-weight: bold;
  color: #f68f20;
}

.list-content ul {
  display: flex;
  gap: 15px;
}

.owner-of-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #3333;
  padding: 12px 0 0 0;
}

.owner-of-list ul {
  margin: 0;
}

.owner-of-list ul li {
  width: 30px;
  height: 30px;
  transition: all .6s ease;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
  color: white;
  text-align: center;
  line-height: 32px;
  font-size: large;
}

.user-info {
  display: flex;
  align-items: center;
  gap: 14px;
}

.list-main:hover:before {
  width: 100%;
  left: auto;
  right: 0;
}
.list-main::before {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  right: 0;
  bottom: 0;
  transition: all .300s ease-in-out;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
  z-index: -1;
}

.list-main:hover .list-content h3,.list-main:hover .list-content h4,.list-main:hover .list-content ul {
  color: white;
}

.list-content h3, .list-main .list-content h4, .list-main .list-content ul {
  transition: all .6s ease;
}
.list-main:hover:before {
  width: 100%;
  left: 0;
  right: auto;
}

.list-main:hover .user-name {
  color: white;
}

.list-main:hover .owner-of-list ul li {
  background: white;
  color: #f58420;
}

.list-main:hover .list-img img {
  transform: scale(1.3);
}

.featured-listing a.btn-epic {
  margin: 40px auto 0 auto;
}
/* featured section start end */



/* service css begin */
.service-secs .section-title {
  text-align: center;
  padding: 70px 0 0 0;
}

.service-secs .section-title div span {
  background: -webkit-linear-gradient(#f58820, #f27120);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #f58a20;
  display: inline-block;
  font-size: 22px;
}
.service-main {
  position: relative;
}

.service-content {
  position: absolute;
  bottom: 0;
  transition: all .5s ease;
  width: 100%;
  background: #000000bd;
  clip-path: polygon(0 13%, 100% 56%, 100% 100%, 0% 100%);
  height: 280px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 110px 0 0 0;
  color: white;
  text-align: center;
}

.service-main:hover .service-img img {
  transform: scale(1.2);
}

.service-img {
  height: 430px;
  width: 100%;
  overflow: hidden;
}

.service-img img {
  transition: all .5s ease;
}

.service-main:hover .service-content {
  height: 100%;
  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
  padding: 0;
  background: black;
}
.count-shape {
  position: absolute;
  background: black;
  width: 180px;
  height: 140px;
  top: -14px;
  left: 13px;
  text-align: center;
  color: white;
  clip-path: polygon(100% 0, 72% 93%, 0 68%, 0 0);
  font-size: 45px;
  font-family: 'Raleway';
  line-height: 100px;
  z-index: 9999999;
}

.service-main::before {
  position: absolute;
  content: "";
  width: 30px;
  height: 37px;
  background: black;
  left: 185px;
  top: -34px;
  z-index: -1;
  clip-path: polygon(0 62%, 29% 53%, 65% 100%, 0 100%);
}

.service-main:hover .count-shape {
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  animation: gradient 4s ease infinite;
  background-size: 400%;
}

.service-main:hover:before {
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  animation: gradient 4s ease infinite;
  background-size: 400%;
}
/* service css end */

/* get membership section css begin */
section.get-membership {
  position: relative;
  height: 740px;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
}

.get-image {
  position: absolute;
  right: 0;
  top: 0;
}

.get-image {
  width: 75%;
  height: 100%;
}

.get-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.get-membership-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  color: white;
}

.get-membership-content h3 {
  font-size: 55px;
  font-family: 'Raleway';
  font-weight: bold;
}

.get-membership-content p {
  font-size: 20px;
}

.get-membership-content a.btn-epic::after {
  background: #333;
}
/* get membership section css end */

/* urology info section css begin */
.left-content-uro {
  background: url(../images/urologyinfo-img02.png);
  padding: 80px 146px 20px 89px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 650px !important;
  max-height: 670px;
}
.right-contnet{
  background: url(../images/urologyinfo-img01.png);
  background-position: center;
  background-repeat: no-repeat !important;
  background-size: cover;
}

section.about-urology {
    padding: 0px 0 130px 0;
    overflow: hidden;
}

.left-content-uro h6 {
    font-size: 24px;
    color: white;
}

.left-content-uro h3 {
    font-size: 48px;
    color: white;
    font-family: 'Raleway';
    font-weight: bold;
}

.left-content-uro p {
    color: white;
    line-height: 35px;
    font-size: 19px;
}
/* urology info section css end */


/* blog css begin */
.head {
  padding: 70px 0 50px 0;
}

.head h4 {
  font-size: 55px;
  text-transform: uppercase;
  font-family: 'Raleway';
  font-weight: bold;
  color: black;
}

.head h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: bold;
}

.blog-main {
  border: 12px solid white;
  transition: all .6s ease;
  box-shadow: 0 0 20px #00000082;
  cursor: pointer;
}

section.blogs {
  background: url(../images/multiple-secbg.png);
  padding: 20px 0 0px 0;
  overflow: hidden;
  background-size: cover;
  background-position: bottom;
}
.blog-img {
  height: 220px;
  width: 100%;
  overflow: hidden;
}

.blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

.blog-content {
  text-align: center;
  padding: 10px 0 10px 0;
  background: white;
}

.blog-content h2 {
  font-size: 22.07px;
  font-family: 'Raleway';
  font-weight: bold;
  transition: all .6s  ease;
}

.blog-content p {
  font-size: 15px;
  transition: all .6s  ease;
}

.blog-content a {
  font-size: 35px;
  color: black;
  transition: all .6s  ease;
}

.blog-main:hover {
  border: 12px solid black;
  background: black;
  transform: translate(0px, -10px);
}

.blog-main:hover .blog-content {
  background: black;
}

.blog-main:hover .blog-content h2,.blog-main:hover .blog-content p,.blog-main:hover .blog-content a {
  color: white;
}

.blog-main:hover .blog-img img {
  transform: scale(1.5);
}
/* blog css end */

/* contact us begin */
.contactUs-Box {
  background-image: url(../images/contactus-bg.png) !important;
  padding: 106px 110px 85px 32%;
  margin: 0;
  position: relative;
  z-index: 999;
}
.contactUs-Box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  bottom: 0;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
  left: 0;
  opacity: 0.7;
  z-index: -1;
}
.contactUs-Box h3 {
  font-size: 20px;
  color: white;
  text-transform: uppercase;
  font-weight: 200;
}

.contactUs-Box h2 {
  font-size: 57px;
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  font-family: 'Raleway';
  padding: 0 0 40px 0;
}

.contactUs-Box form input,.contactUs-Box form textarea {
  width: 100%;
  background: #ffffff47;
  border: 1px solid #ffffff47;
  margin: 0 0 12px 0;
  height: 50px;
  padding: 13px;
  color: white;
}

.contactUs-Box form textarea {
  height: 140px;
  resize: none;
}

.contactUs-Box form input::placeholder,.contactUs-Box form textarea::placeholder {
  color: white;
}

.contactUs-Box form button {
  width: 100%;
  background: white;
  color: black;
  padding: 15px 0 16px 0;
  border: 1px solid #33333333;
  font-size: 20px;
}
.getinFo-img {
  display: flex;
  position: relative;
}

.getinFo-img a {
  transform: rotate(-90deg);
  right: -25px;
  top: 103px;
  display: inline-block;
  background: black;
  color: white;
  position: absolute;
}
.get-in-touchInfo {
  padding: 70px 0 0 0;
}

.get-in-touchInfo h2 {
  font-size: 50px;
  font-family: 'Inter';
  text-transform: uppercase;
  color: black;
  padding: 20px 0 0px 0;
  font-weight: 600;
}

.get-in-touchInfo p {
  font-size: 21px;
  font-family: 'Raleway';
  color: #333333;
  padding: 0 0 20px 0;
}

.get-in-touchInfo ul li a {
  display: flex;
  gap: 40px;
  align-items: center;
  color: black;
  font-size: 23px;
}

.get-in-touchInfo ul li a span {
  color: white;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  animation: gradient 4s ease infinite;
  background: rgb(246, 146, 32);
  background: linear-gradient(90deg, rgba(246, 146, 32, 1) 0%, rgba(242, 111, 32, 1) 25%, rgba(245, 138, 32, 1) 50%, rgba(243, 117, 32, 1) 100%);
  background-size: 400% 400%;
}

.get-in-touchInfo ul li {
  padding: 0 0 12px 0;
}
section.blogs .container.mb-5 {
  margin-bottom: 150px !important;
}
.get-in-touchInfo ul li:hover a span {
  border: 1px solid black;
  color: black;
  background: transparent;
}
.contact-info a i {
  color: #f58520;
}
/* contact us end */

/* inner page css begin */
.inner-page {
    height: 60vh;
    background: url(../images/inner-bg.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.inner-page .txt-banner-align {
    padding: 80px 0 0 0 !important;
}
section.our-service-pg {
  padding: 0 0 0 0;
}
section.about-us.our-service-pg .service-main {
  margin: 0 0 80px 0;
}
section.our-properties-pg {
  padding: 10px 0px 140px;
}

section.our-properties-pg .list-main {
  margin: 0 0 40px 0;
}
/* blog page css */
.ct-blog-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .300s ease-in-out;
}

.ct-blog-img {
  height: 250px;
  width: 100%;
  overflow: hidden;
}

.ct-blogs-main:hover .ct-blog-img img {
  transform: scale(1.3);
}

.ct-blogs-main {
  overflow: hidden;
  border-radius: 12px;
  box-shadow: 1px 1px 11px #57545429;
  transition: all .300s ease-in-out;
  border: 1px solid transparent;
  margin: 17px 10px;
}

section.blogs-innerpg {
  padding: 60px 0 60px 0;
}

.ct-blog-content h2 {
  font-size: 26px;
  font-weight: bold;
  padding: 20px 25px 6px 0;
  font-family: 'DM Sans Merlin';
}

.ct-blog-content p {
  font-size: 19px;
  font-family: 'Raleway';
  color: #7F7F7F;
  padding: 0 0 4px 0;
}

.ct-blog-content a {
  font-size: 20px;
  font-family: 'DM Sans Merlin';
  color: #4691F2;
  position: relative;
  display: inline-block;
  transition: all .300s ease-in-out;
}

.ct-blog-content {
  padding: 0px 12px 18px 23px;
}

.ct-blog-content a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #4691F2;
  bottom: 0;
  right: 0;
  transition: all .6s ease;
}

.ct-blog-content a:hover:before {
  left: 0;
  width: 100%;
  right: auto;
}

.ct-blog-content a:hover {
  transform: translate(0px, -10px);
}

.ct-blogs-main:hover {
  transform: translate(0px, -10px);
  cursor: pointer;
  border: 1px solid #f58520;
}
/* blog page css end */
/* agents page css begin */
.agent-profile-pic {
  width: 210px;
  height: 210px;
  border: 18px solid #00000000;
  border-radius: 100%;
  overflow: hidden;
  margin: 0 auto -100px auto;
  z-index: 9999;
  position: relative;
  transition: all .5s ease;
}

.agent-profile-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .5s ease;
}

.agent-detail h2 {
  font-size: 32px;
  font-family: 'DM Sans Merlin';
  font-weight: bold;
  color: black;
}

.agent-detail {
  text-align: center;
  padding: 140px 0 30px 0;
  box-shadow: 0 0 12px #6d696987;
  border-radius: 13px;
  transition: all .3s ease;
}

.agent-detail h4 {
  font-size: 23px;
  font-family: 'DM Sans Merlin';
  position: relative;
  width: fit-content;
  font-weight: 300;
  color: black;
  margin: 0 auto;
}

.agent-detail ul {
  display: flex;
  justify-content: center;
  gap: 80px;
  padding: 52px 0 0 0;
}

.agent-detail ul li a {
  font-size: 31px;
  color: black;
}

.agent-detail h4::before {
  position: absolute;
  width: 90%;
  content: "";
  height: 1px;
  background: #F26F20;
  bottom: -5px;
  left: 7px;
}

section.agents {
  padding: 60px 0 70px 0;
}

.agents-box-main {
  margin: 30px 40px;
  transition: all .6s ease;
}

.agents-box-main:hover .agent-detail {
  background: #f37a20;
  cursor: pointer;
}

.agents-box-main:hover .agent-profile-pic {
  border-color: #ffffff;
}

.agents-box-main:hover .agent-profile-pic img {transform: scale(1.2);}

.agents-box-main:hover  .agent-detail h2,.agents-box-main:hover  .agent-detail h4 {
  color: white;
}

.agents-box-main:hover .agent-detail h4:before {
  background: white;
}

.agent-detail ul li a:hover {
  color: white;
}

.agents-box-main:hover {
  transform: translate(0px, -10px);
}
/* agents page css end */
/* inner page css */