/*
Theme Name:  Aesthetic-theme
Version: 2.0
Author: Aesthetic UX
Description: A theme by The Aesthetic UX
*/

@font-face{font-family:'Instrument Sans';font-style:italic;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/instrumentsans/v4/pxitypc9vsFDm051Uf6KVwgkfoSbSnNPooZAN0lInHGpCWNu2ZGRu3k.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Instrument Sans';font-style:italic;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/instrumentsans/v4/pxitypc9vsFDm051Uf6KVwgkfoSbSnNPooZAN0lInHGpCWNu15GR.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0She1YmV.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(https://fonts.gstatic.com/s/instrumentsans/v4/pxiTypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr0SZe1Q.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxC7m0dJ9pQOik20.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRzS7m0dJ9pQOik20.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxi7m0dJ9pQOik20.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRxy7m0dJ9pQOik20.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:italic;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUQjIg1_i6t8kCHKm459WxRyS7m0dJ9pQOi.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WRhyyTn89ddpROi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459W1hyyTn89ddpROi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WZhyyTn89ddpROi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WdhyyTn89ddpROi.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v31/JTUSjIg1_i6t8kCHKm459WlhyyTn89ddpQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

*, *:before, *:after{padding: 0; margin: 0}

:root {
  /* Color Variables: */
--primarycolor:#252525;
--secondarycolor:#0067E6;
--tertiarycolor:#004AA7;
--lightsecondary:#e09a8d;
--lightBlue:#fff4ee;
  /* Font Variables: */
--primaryfont:"Instrument Sans", sans-serif;
--secondaryfont:"Montserrat", sans-serif;
--sectionspace:4rem;
}

body{font-family: var(--secondaryfont); color: #454545; font-size:16px; font-weight: 400; line-height: 1.8; }

a {color:var(--primarycolor);text-decoration: none !important;transition:0.8s;transition: all 0.8s ease;-moz-transition: all 0.8s ease;-ms-transition: all 0.6s ease;-webkit-transition: all 0.8s ease;-o-transition: all 0.8s ease;}
a:hover {transition:0.8s;text-decoration: none;color: var(--secondarycolor);}
a img {border: none;}

h1,h2,h3,  .adv-h3 ,h4,h5,h6 {margin: 0 0 0.6rem 0;color: #090B0E;line-height: 1.3;font-family: var(--primaryfont);font-weight: 800;}
h1 {font-size: 47px;}
.home h2 {font-size: 39px;text-transform: capitalize;}
h2{font-size:35px;}
h3 , .adv-h3{font-size: 23px;font-weight: 700;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
h2 span{  font-style: italic;font-weight: 500;}

#aesthatic-slider{width: 100%; height: 600px; margin-bottom: 6rem;}
#aesthatic-slider .swiper-slide{width: 100%; height: 600px;background: #353535; display:flex; align-items:center; justify-content:center; font-size:42px; font-weight:600; color:#ccc}
#aesthatic-slider .swiper-button-next:after,
#aesthatic-slider .swiper-button-prev:after{color: var(--secondarycolor);}
#aesthatic-slider .swiper-pagination-bullet-active{ background: var(--secondarycolor);}

.line{display: table; width: 100px; height: 4px; background: var(--secondarycolor); margin: 0.5rem 0 1.5rem;}

.menu-toggle{color: var(--secondarycolor); background: #0000000d; padding: 14px 13px; border-radius: 50%; aspect-ratio: 1/1; display: none; align-items: center; justify-content: center; width: 47px;cursor: pointer;transition: 0.5s ease;}
.menu-toggle:hover{background:#ffffff1c;}
.menu-toggle.close-arrow{color: #000; padding: 0; font-size: 12px !important; width: 40px; height: 40px}
.menu-toggle.close-arrow i{ font-size: 20px !important;}
.menu-bar {text-align: left; width: 100%;}
.menu-bar span {background:var(--primarycolor);display:block;width:100%; margin-bottom:6px;border-bottom: 2px solid var(--primarycolor); width:100%;}
.menu-bar span:last-child{margin-bottom: 0}


#slider{position:relative;}
#slider .carousal-caption{position: absolute; top: 0; left: 0;  right: 0 ;bottom: 0; display: flex; align-items: center; background: linear-gradient(90deg, #040E16F2 30%, transparent );}
#slider h1{color:#fff; text-transform:capitalize}
#slider .line{background: #fff;width: 180px;}
#slider p{color:#fff;margin-bottom: 2.2rem;width: 90%;}
#slider .text-box{width: 36rem; max-width: 100%;padding-bottom: 3rem;}
#slider img{width:100%;object-fit:cover;aspect-ratio: 1920/900;}
.slider-nav {width: 95%;
  margin:10px auto;
  position: absolute;
  left: 0rem;
  right: 0rem;
  top: 40%;
z-index: 3;
}

#slider .bg-image{width: 100%;}

.carousel-caption {right: 0;top: 0;left: 0;z-index:2;position:absolute;bottom: 0;}
.textblock{margin:7rem 0 0 11rem;width:45%}
.carousel-caption h1{font-size: 3.5rem;letter-spacing: 1px;color: #fff;line-height: 1.2;}
.carousel-caption span{font-weight: 900;color:#F68C19;}
.carousel-caption p{color: #fff;font-weight: inherit;}

#featers-box{margin-bottom: 5rem;padding: 0 20px;}
#featers-box .row{gap: 2.2rem; position: relative; z-index: 1; margin-top:-5rem;justify-content: center;}
.f-box{ flex: 1 0 250px; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; background: #fff; padding: 1.8rem 21px; background:#fff;border-radius: 24px;max-width: 360px;box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 20px 0px;}
.f-box .icon{ width: 90px;  border-radius: 50%; display: flex; align-items: center ; justify-content: center ;   margin-bottom:1.1rem;image-rendering: smooth;}
.f-box h3{margin-bottom: 0.6rem;}

.sub-heading{width: fit-content; display: table; border: 1px solid var(--secondarycolor); color: var(--secondarycolor); padding: 3px 20px; border-radius:50px; margin-bottom:0.7rem;font-size: 12px;text-transform: uppercase;letter-spacing: 4px;font-weight: 500;}

#about-section{margin-bottom: 4.7rem; }
#about-section .container{position:relative;}
#about-section .image{position: relative;width: fit-content;}
#about-section .image img{border-radius: 25px; aspect-ratio:6/5; object-fit: cover}
#about-section .image img:nth-child(1){width:80%; }
#about-section .image img:nth-child(2){width:65%; margin:-8rem 0 0 auto; border:8px solid #fff; position:relative;}
#about-section .floating-num{position:absolute; width: 24%;  top: -5%; right: 10%; display:flex; flex-direction:column; justify-content:center; background: var(--lightsecondary);text-align: center;font-size: 51px;border-radius: 50%;aspect-ratio: 1/1;color: #fff;}
#about-section .floating-num .num{font-size: 1em;  line-height: 1.2;font-weight: 700;}
#about-section .floating-num .text{font-size: 0.25em; line-height: 1.3; text-transform: capitalize; font-weight: 600;padding: 0 24px;}
#about-section .row{align-items: center; }
#about-section  h2{margin-bottom: 1.2rem;line-height: 1.2;}
#about-section .floating-icon{width: 22%; position: absolute; bottom:0; left:10%;z-index: -1; animation: moveing 5s ease infinite;}
#about-section p{margin-bottom: 1.3rem}
#about-section .floating-arrow{position: absolute; top: -19%; right: -1rem; width:180px; animation: moveing 5s ease infinite;}

@keyframes moveing{
  50%{transform:  translateY(2rem)}
}


#service-section{ background: #eeeef5; padding: 3.5rem 10px 2rem;position: relative; z-index:1;}
#service-section:before{content:"";position:absolute; top:0; left:0; bottom:0; right:0; background: url(https://theaestheticux.com/wp-content/uploads/2026/01/bg-pattren-reverse.png) no-repeat center; background-size:cover;opacity: 0.2;transform: scalex(-1);}
#service-section h2{text-align: center; margin-bottom:1.5rem;}
#service-section .dis{text-align: center; width: 52rem ; margin: 0 auto 3rem;max-width: 100%;}
#service-section .row{justify-content: center; gap:2rem 1.8rem;}
#service-section .sub-heading{margin: 0 auto 12px;}
#service-section .btn-primary{margin: 2.3rem auto 0;}
#service-section .swiper{padding: 10px}

#service-section .swiper-pagination{position: relative; width:fit-content; margin:2.4rem auto 0; display: flex;align-items: center;height: 17px;}
#service-section .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px;}
#service-section .swiper-pagination .swiper-pagination-bullet-active{background:var(--btn-hcolor);width: 14px;height: 14px;transition: 0.5s ease;}
#service-section .swiper-button-next, #service-section .swiper-button-prev{font-size: 18px;font-weight:900; width:35px; height:35px; background:transparent; border:2px solid var(--secondarycolor); border-radius:50%;  }
#service-section .swiper-button-next:after, #service-section .swiper-button-prev:after{font-size: 18px;font-weight:900;color: var(--lightsecondary);}
#service-section .swiper-button-next{right:-2.5rem}
#service-section .swiper-button-prev{left:-2.5rem}

.s-items{ background:#fff; padding:9px;border-radius: 20px;width: 100%; position: relative;border: 1px solid #e5e5e5;}
.s-items  .image img{border-radius: 15px;filter: contrast(1.2) saturate(0.7);box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.s-items .content{padding: 1.4rem 12px 0.7rem;}
.s-items a{color: var(--primarycolor) !important;}

#service-section{
    --sec-bg: #eeeef5;
    --btn-color:var(--btn-hcolor);
    --btn-hcolor:var(--secondarycolor);
}

.s-items .float-icon{position: absolute; bottom: 1px; transition:0.5s ease; right: 1px; width: 48px; height: 48px; border-radius: 50%;  background: var(--btn-color); padding: 0.8rem;  outline:14px solid var( --sec-bg);}
.s-items .float-icon img{display: flex;transform:rotate(-45deg); transition:0.5s ease;  }
.s-items .float-icon:before{content: ""; position: absolute; bottom: 48px; right: -12px;  width:37px; height:37px;z-index:0; background:#fff;border-right: 12px solid var( --sec-bg);  border-radius: 0 0 1.9rem 0rem;border-bottom: 14px solid var( --sec-bg);}
.s-items .float-icon:after{content: ""; position: absolute; right: 48px; bottom: -12px;  width:37px; height:37px;z-index:0; background:#fff;border-right: 14px solid var( --sec-bg); border-bottom: 12px solid var( --sec-bg); border-radius: 0 0 1.6rem 0rem;}
.s-items:hover .float-icon img{display: flex;transform:rotate(0deg); }
.s-items .btn-text{border-top: 2px dashed #e2e2e2; padding-top: 10px; margin-top:1.3rem; gap: 0.6rem; margin-bottom:0px; width:79%; display: flex; align-items: center;font-weight: 600;}
.s-items .btn-text:before{content: ""; transition:0.5s ease; width: 9px; transition:0.5s ease; height: 9px; border-radius: 50%;  background: var(--btn-color);}
.s-items:hover .btn-text:before, .s-items:hover .float-icon{background: var(--btn-hcolor); }/* End custom CSS */


#featuers-section{background:url(https://theaestheticux.com/wp-content/uploads/2026/01/Why-choose-Us-bg.jpg) no-repeat center; color:#fff; position: relative; z-index: 1; padding:4.8rem 0 3.9rem;background-size: cover;overflow: hidden;}
#featuers-section:before{content:"";top:0; left:0; bottom:0; right:0; position: absolute; z-index: -1; background:#040E16DB;backdrop-filter: hue-rotate(380deg) contrast(1.22) saturate(0.45);}
#featuers-section .col-md-4{display: flex; flex-direction: column; justify-content: center;}
#featuers-section .col-md-4:nth-child(2){justify-content: end}
#featuers-section  h3{color: #fff}
#featuers-section  h2{color: #fff; font-size:34px;margin-bottom: 1.4rem;}
#featuers-section .center-image{padding: 0 15px; margin-bottom:-4rem; position: relative;}
#featuers-section .center-image:before, #featuers-section .center-image:after{content: ""; position: absolute ; top: -28%; left: -16%; right: 0; width: 100%; margin:0 auto;  height: 91.2%; aspect-ratio: 1/1;  border-radius: 50%;z-index: -1; background: #ffffff42; transform: scale(0.55) ;}
#featuers-section .center-image:before{ animation: zoomLayer 4s ease-in-out infinite alternate;}
#featuers-section .center-image:after{ background: #ffffff14; transform: scale(0.70) ;z-index: -2;animation: zoomLayer2 4s ease-in-out infinite alternate;}

@keyframes zoomLayer {
  50% {
    transform: scale(0.65);
  }
}

@keyframes zoomLayer2 {
  50% {
    transform: scale(0.85);
  }
}

.fbox{display: flex; gap:1.5rem; padding-bottom: 1.5rem; border-bottom:1px solid rgba(246, 193, 175, 0.18); margin-bottom:1.5rem}
.fbox .icon{min-width: fit-content;background: #fff;height: fit-content; padding: 10px; border-radius: 50%; padding:1.1rem;position: relative;min-width: 70px;width: 70px;}
.fbox .icon:before{content:""; position: absolute; top:0; bottom: 0; left: 0; right: 0; transform: scale(1.15);box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.19); background-image: linear-gradient(150deg, rgba(9, 97, 249, 0) 10%, rgba(255, 255, 255, 0.43), rgba(9, 97, 249, 0) 80%); border:  1px solid rgba(255, 255, 255, 0.25); border-radius:50%; z-index:-1;}
.fbox .icon img{width:100%;}
.fbox:nth-child(1) .icon{padding:0.8rem}
.fbox p{font-size: 14px; color: rgba(255, 255, 255, 0.63); }
.fbox:last-child{padding-bottom: 0; margin-bottom: 0; border-bottom: 0}
.fbox h3{font-size: 22px;}

#score-section{padding: 4rem 0;background: #f8f8ff; margin-bottom: 4rem;}
#score-section .images img{border: 1px solid #e5e5e5;border-radius: 5px;  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}
#score-section .images img:nth-child(1){width: 89%}
#score-section .images img:nth-child(2){width: 89%; margin-left:auto; margin-top:-6rem; position:relative;}
#score-section .row{align-items: center;}
#score-section h2{margin-bottom: 1.1rem;}
#score-section .container{position: relative}
#score-section .floating-arrow{position: absolute; bottom: -25%; left: -1rem; width:180px; animation: moveing2 5s ease infinite; transform:  translateY(0rem) scalex(-1)}
@keyframes moveing2{
  50%{transform:  translateY(2rem) scalex(-1); }
}

#brand-section{ text-align:center;}
#brand-section  .logo-box{height: 100px; display:flex; align-items:center; justify-content:center;   transition:0.5s ease;border-radius: 15px;padding: 0.6rem;background: #f1f1f1;}
#brand-section  .logo-box img{width: 82%}
#brand-section  .logo-box.small img{width: 68%}
#brand-section  .logo-box:hover{filter:grayscale(0)}
#brand-section .sub-heading{margin: 0 auto 1rem; }
#brand-section .line{margin: 0 auto 1.3rem;}
#brand-section .dis{margin-bottom: 2rem; width: 65rem; margin: 0 auto 2rem;max-width: 100%;}

#projects-section{margin-bottom: 4rem; text-align:center;}
#projects-section .line{margin: 0 auto 2.4rem;}

.pbox, .pbox *{transition: 0.5s ease}
.pbox{ border-radius: 10px;  border: 1px solid #ccc; position: relative; overflow: hidden;}
.pbox h3{font-size: 18px; margin:0;  }
.pbox .image img{object-fit: cover;object-position: top;}
.pbox .content{padding: 12px 0; opacity:0;  border-radius: 15px;position: absolute; bottom: 30px;  left:0; right:0; width:70%; margin: 0 auto; background:#fff; box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px; border: 1px solid #ccc} 
.pbox:hover .content{opacity:1; }
.pbox:hover .image img{transform: scale(1.08); filter:brightness(0.8)}


#blog{padding: 3rem 0;width:100%}
#blog .sbox{box-shadow: 0px 5px 10px rgb(0,0,0,0.3)}
#blog .btn-primary{padding: 5px 1rem; margin-top:1.4rem;background: var(--secondarycolor);color: #000 !important;}
#blog .btn-primary:after{color:#000}
.sbox{width:calc(100%/3 - 2rem);margin:0 auto 1.5rem;background:#fff;padding:15px;transition:0.6s ease}
#blog .sbox a{font-weight: 500; color: #353535; }
#blog .sbox h3{font-size: 22px; line-height: 1.3}
.sbox img{margin:0 auto 1rem}
.sbox .btn-primary{margin:1rem 0}
.sbox:hover{box-shadow:0px 5px 10px 5px rgb(255,255,255,0.5)}

#single-post{padding: 3rem 10px;width:100%}
#single-post h1{font-size:2rem; margin-bottom:0.3rem;text-align: left; text-transform:capitalize;}
#single-post h2{font-size: 1.8rem}
#single-post h3{margin-top:1.5rem;font-weight: 600;font-size: 22px; color: #303030}
#single-post ul+h2 , #single-post p+h2{margin-top:1.8rem}
#single-post p{margin-bottom:1rem}
#single-post a{font-weight:600}
#single-post ul{margin: 1rem 0}
#single-post li{display:block}
#single-post img{border: 5px solid #ccc}
#single-post .featerd-img{float:right;margin:0 0 0 30px; width: 500px;max-width: 100%;margin-bottom: 1.2rem;}

.more-btn{display: flex;align-items:center; justify-content:center;width: fit-content;height:50px;  background: var(--secondarycolor); color:  #000; transition: 0.5s ease; border-radius: 60px;padding: 8px 7px 8px 20px;font-weight: 600;font-size: 18px;color: #fff;}
.more-btn:after{content:"\f061"; font-family: "Font Awesome 5 Free"; width:34px; height:34px; background: #fff; color: #000; border-radius:50%;   margin-left: 14px; font-weight: 900;font-size: 16px;display: flex;align-items: center;justify-content: center;transform: rotate(-45deg);}
.more-btn:hover{color: #fff; background: var(--primarycolor); }

.normal-btn{color:#000 !important; font-family:var(--primaryfont); font-weight:600 !important; text-transform:capitalize; display:flex; margin-top:1.1rem; align-items:center; justify-content:center; width:fit-content; gap:0.6rem; -webkit-gap:0.6rem; font-size: 18px;}
.normal-btn:after{content: "\f061";margin-right: 8px;font-family:'Font Awesome 5 Free';font-weight:900; bottom:5px; font-size:17px;}

.btn-primary{display: flex;align-items:center; justify-content:center;width: fit-content;height:44px;  background: #fff; color:  #fff; transition: 0.5s ease; border-radius: 60px;padding: 5px 5px 5px 28px;font-weight: 600;font-size: 17px;background: var(--secondarycolor);margin-top: 1.7rem;}
.btn-primary:after{content:"\f061"; font-family: "Font Awesome 5 Free"; width:34px; height:34px; background: #fff; color: #000; border-radius:50%;   margin-left: 14px; font-weight: 900;font-size: 16px;display: flex;align-items: center;justify-content: center;transform: rotate(-45deg);}
.btn-primary:hover{color: #fff; background: var(--primarycolor); }

#pagetitle {text-align: center;background:url(https://theaestheticux.com/wp-content/uploads/2026/01/About-banner-image-compressed.jpg) no-repeat center; background-size:cover;position: relative;width: 100%;padding: 9.5rem 0px 14rem;position: relative; z-index:1;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 87%);}
#pagetitle:before{content:'';position:absolute;top:0; left:0; right:0; bottom:0; background:linear-gradient(90deg, #040E16F2 30%, transparent ); z-index: -1;}
#pagetitle h1 {color:#fff;text-transform: capitalize;font-weight: 700;font-family: var(--secondaryfont);margin-bottom: 0.8rem;font-size: 42px;}
#pagetitle p {color:#fff;font-size: 16px; }
#pagetitle .text-box{text-align: left; width: 32rem}
#pagetitle .btn-primary{margin-top:1.7rem;color: #fff;}
#pagetitle .line{margin-bottom: 1.7rem}
.breadcrumb {list-style: none;border-radius: 4px;max-width: 100%;float: none;font-size: 14px;text-transform: uppercase;color: #f1f1f1;font-weight: 300;}
.breadcrumb a:hover{color:var(--secondarycolor);}
.breadcrumb a{color: #f1f1f1}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {content: "\f101";padding: 0 5px;color: #f1f1f1;font-family:'Font Awesome 5 Free';font-weight:900}

.row-full	{width: 99.335vw;position: relative;margin-left: -49.99vw;left: 50%;}

.list{margin-bottom: 0; position: relative}
.list:before{content: ""; position: absolute; top: 8px; bottom: 0; left: 13px; width: 4px; height: 100%;background: #f7f7f7;}
.list li {list-style :none;padding: 0 0px 25px 2.5rem;/*! display: flex; */list-style-position: inside;
align-items: baseline;position:relative;}
.list li:before{color:#fff !important;content: "\f00c";font-family:'Font Awesome 5 Free';font-weight:900 ; display: flex;align-items: center; justify-content: center; border-radius: 50%;margin-right:0.6rem;background: var(--secondarycolor); width: 28px; height: 28px; position:absolute;left:0rem;top:2px; font-size:13px; }
.list li:nth-last-child(1){padding-bottom: 0;}

#inner-section-2 {background: #eeeef5;}
#inner-section-2 .col-md-6:nth-child(1){padding: 3rem 3rem 3rem 4rem;}
#inner-section-2 .col-md-6:nth-child(2){padding:0; }
#inner-section-2 .col-md-6:nth-child(2) img{width: 100%;}
#inner-section-2 h2{margin-bottom: 1.8rem}

.post-typography{padding: 3rem 10px;}
.post-typography h1,.post-typography  h2 , .post-typography h3 , .post-typography h4 ,.post-typography  h5{margin-bottom: 0.4rem}
.post-typography .uline{border-bottom:1px dashed #ccc; padding:5px 0;}
.post-typography p{margin-bottom: 1.5rem;}
.post-typography p+ul{margin-top: 25px;}
.post-typography ul{margin: 0.8rem 0 0.5rem}

p:empty{display: none; position: absolute;}

#inner-section-1 {margin-bottom: 3rem;}
#inner-section-1  h2{margin-bottom: 1.2rem}
#inner-section-1 .row{align-items: center}
#inner-section-1 .image{position: relative; }
#inner-section-1 .image .stars-icon{position: absolute; top: -15px ; left: 0;z-index: 6; animation:moveing 3s ease infinite; width:180px}
#inner-section-1 .image .stars-icon img{width: 100%;}
#inner-section-1 .image > img{border-radius: 50%;}
#inner-section-1 .image:before{content: ""; position: absolute; top:0; left: 0; bottom: 0; right: 0; border: 2px solid #fff;border-radius:50%; z-index:1; transform: scale(0.95);}

#single-post .post-title{font-size:35px;color:var(--secondarycolor);font-weight:800;border-bottom: 1px solid #eee; text-transform: uppercase;display: block;margin-bottom: 1.5rem}
#single-post .grid{display: grid; grid-template-columns: 70% auto;gap:2rem ;}
#page-sidebar .grid{display: grid; grid-template-columns: 75% auto;gap:1rem ;}

.contact-info {margin-top: 1rem; margin-bottom:0rem}
.contact-info li{margin-bottom:0rem; border-bottom:1px dashed #ccc; overflow: hidden;}
.contact-info li a{display:flex; align-items:center; gap:1rem; color: var(--primarycolor) !important;padding: 11px 0;}
.contact-info li img{width: 45px; height: 45px; background:var(--secondarycolor); padding: 0.8rem; border-radius: 10px; }
.contact-info li:nth-last-child(1){margin-bottom: 0;border-bottom: 0;}

#enquire-form{background:#303030;padding: 2rem 1rem 2rem;text-align: center;border-radius: 20px;position: sticky;top: 7rem;}
#enquire-form h3{font-size: 30px; color:#fff;margin-bottom: 0.8rem;}
#enquire-form .line{margin: 0 auto 1.5rem}
#enquire-section #enquire-form small {color: #f1f1f1 !important;}
#enquire-section #enquire-form .wpcf7-submit{width: fit-content; padding: 0 38px; height: 46px; margin-top:1.5rem;}
#enquire-section #enquire-form textarea{height: 100px !important;}

.contact-box{width: 63rem; display: flex; flex-wrap:wrap;align-items: center;padding:3rem 1.5rem 2.8rem 0;margin: 0 auto;max-width:100%; background:#f1f1f1;border-radius: 12px;}
.contact-box #contactform textarea{height: 100px !important;}
.contact-box #contactform input.wpcf7-submit{width: fit-content; background:var(--secondarycolor);  padding: 0 35px; margin: 1rem auto 0;  font-weight: 600;}
.contact-box  h3{border-bottom: 0 !important; text-align: center;margin-bottom: 10px !important;font-size: 22px !important;}
.contact-box p{color: #fff}


#info{background: linear-gradient(58deg, #081A28, #040E16);padding: 20px;position: relative;left: -80px;margin-right: -69px;box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;border-radius: 13px;}
#main #info p {color:#fff;}
#info h2{font-size: 28px;margin:15px 0 0px !important;padding:0 0 7px 0;color:#fff;text-transform: capitalize;}
#info li{color:#fff !important;margin:25px 10px; list-style:none;}
#info a {color:#fff !important;}
#info a:hover{color:var(--secondarycolor) !important}
#info li i{margin-right: 10px;font-size:20px;color:var(--secondarycolor); font-weight:600}
#info h2:before{width: 100px !important; }

.fa-building{font-weight: 800;}
.fa-building:before { content: "\f1ad";} 
.fa-mobile-alt::before {content: "\f3cd";}

.xdsoft_timepicker{min-width:200px}
#contactform .pickup-date p {width:100%;}
#contactform .pickup-date p span {width:100%;display:block;}
#contactform .pickup-date p span input {width:100%;display:block;-webkit-appearance: none; -moz-appearance: none;text-align:left!important;}
#contactform .pickup-date p input::-webkit-date-and-time-value {text-align: left;width: 100%;}
#contactform .pickup-date p input[type="date"] { display: block; text-align: left;}

#contactform *{font-size: 15px;color:#595966;font-family: var(--secondaryfont)}
#contactform p{margin-bottom: 5px }
#contactform h3{font-size:26px;text-align: center;}
#contactform i{font-size:26px;}
#contactform h2{font-size: 20px;margin:0 0 15px;font-weight:bolder; text-align: center;color: #252525;text-transform: capitalize;}
#contactform input , #contactform select , #contactform textarea{width: 100%;padding: 15px 20px;background: #fff;border: 1px solid #ccc; margin:6px 0;  transition: 0.5s ease-in-out;-webkit-border-radius: 15px;border-radius: 10px;height: 48px;resize: none;}
#contactform select{color:var(--primarycolor);color:#595966 !important;}
#contactform textarea{width: 100%;height: 52px !important;}
#contactform input:focus, #contactform textarea:focus, #contactform select:focus{outline:none;
	color:#000}

::-webkit-input-placeholder { color:#595966 !important;opacity: 1;}
:-moz-placeholder { color:#595966 !important;opacity: 1;}
::-moz-placeholder { color:#595966 !important;opacity: 1;}
:-ms-input-placeholder { color:#595966 !important;opacity: 1;}

#contactform input.wpcf7-submit{background: var(--secondarycolor);color: #fff;text-transform: uppercase;cursor: pointer;margin: 6px auto;display: flex;transition: 0.6s ease-in-out;-webkit-border-radius: 10px;border: none;align-items: center;padding: 0 60px;font-size: 17px;font-weight: 500;width: 100%;}
#contactform input.wpcf7-submit:hover{background:#000;color: #fff;}
#contactform .wpcf7-spinner{display: none}

textarea, iframe{max-width: 100%;}
.wpcf7-response-output{color:#595959 !important;background:tranparent !important;border:0px !important}
#contactform .wpcf7-not-valid-tip {background: var(--secondarycolor) !important;}

#babyseat p,#returnjourney p{width: 100%;display: flex;align-items:center}
#contactform .wpcf7-radio{display: flex;}
#contactform .wpcf7-list-item{display: flex}
#contactform .wpcf7-list-item label{width: 100%;}
#contactform .wpcf7-radio input{width:unset}
.wpa-test-msg{display: none}

#blog-header{padding-bottom: 1.5rem;padding-top: 1.5rem;background: #f5f5f5;}
#blog-header .blognav{margin-bottom: 24px}
#blog-header .blognav img{width: 7.5px;filter: brightness(0);}
#blog-header .blognav a{display: flex; align-items: center; align-items: center;width:fit-content; gap: 14px;  font-size:15px;}
#blog-header .thumbnail-box img{width: 100%; aspect-ratio: 1280/600;object-fit: cover;height: auto;border-radius: 12px;}
#blog-header .thumbnail-box{margin-bottom: 24px;}
#blog-header .post-info{color: #404040; display:flex; align-items:center; justify-content:space-between; font-size: 15px; }
#blog-header .publish-info{padding: 0; margin:0; display: flex; align-items: center ; justify-content: start; gap:18px; list-style: none;}
#blog-header .auth-name span{text-decoration: underline;}

#blog-content{padding-bottom: 64px;background: #f5f5f5;margin-bottom: 3.5rem;}
#blog-content .title h1{font-size: 50px; color:#000; font-weight:800; line-height:125%;}
#blog-content .title{padding-bottom: 32px; margin-bottom: 2.4rem; border-bottom: 1px solid #2A2A2A }
#blog-content  .grid{display: grid; grid-template-columns: 20% auto; gap:60px;}
#blog-content .sideBar-items{margin-bottom: 48px}
#blog-content .sideBar-items h3{ font-weight:700; font-size:25px; margin-bottom:26px;}
#blog-content .post-content .sub-title{font-size: 33px; font-weight:600; color:#000; margin-bottom:34px; letter-spacing:2%; line-height:1.3}
#blog-content .post-content img{border-radius: 18px; width: 100%;margin-bottom: 32px;}
#blog-content .post-content h2{ font-size:37px; font-weight: 700; margin-bottom: 32px;}
#blog-content .post-content p{ margin-bottom:30px; line-height:1.9}
#blog-content .post-content h3{font-size:21px; font-weight: 700; color:#fff; margin-bottom:20px}
#blog-content  #toggleSummary{border-bottom: 1px solid #ccc; text-transform:lowercase; font-weight:600; cursor: pointer;color: #fafafa;}
#blog-content .sticky-wrap{position: sticky;top: 7.5rem;}

.single #header-section{background: #f5f5f5}

.list2{padding: 0; margin:0;  font-weight:400; font-family:var(--primaryfont) }
.list2 li{margin-bottom: 1rem; font-size:17px; font-weight:300; font-family:var(--primaryfont); list-style: none;}
.list2 li span{ transition:0.5s ease; cursor: pointer; }
.list2 li:hover span, .list li.active span{color: var(--tertiarycolor);}

.list2.num{padding-left: 1.1rem}
.list2.num li{list-style: decimal; font-weight:500; font-family:var(--primaryfont); font-size:16px;line-height: 150%; transition: 0.5s ease;}
.list2.num li a{ transition:0.5s ease;}
.list2 li:hover a, .list2 li:hover{color: var(--tertiarycolor);}

.paginate{text-align: center;margin:0 auto;}
.wp-pagenavi {clear: both;padding: 1.5rem 0;}
.wp-pagenavi a {display:inline-block;padding: 0.1rem 1.2rem !important;margin: 2px;border: 1px solid #ccc;color: var(--primarycolor);background: #fff;border-radius: 3px;}
.wp-pagenavi a:hover {color: #fff !important;background: var(--secondarycolor);}
.wp-pagenavi span.pages {padding: 0.3rem 1.2rem !important;margin: 3px;border-radius: 3px;border: 1px solid #ccc;}
.wp-pagenavi span.current {padding: 0.7rem 1rem;margin: 3px;font-weight: 700;border: 1px solid #ccc;background: var(--secondarycolor);border-radius: 3px;color: #fff;}
.wp-pagenavi span.extend {padding: 15px;margin: 3px;border: 1px solid #000;color: #fff;background: #000;}
.wp-pagenavi .next-comment-page,.wp-pagenavi .previous-comment-page {padding: 12px 14px;border: 1px solid #aaa;}
.wp-pagenavi a.nextpostslink {font-weight: 500;padding: 0.2rem 1rem !important;color: var(--secondarycolor);}

#side-bar .side-item{background: #f1f1f1;border-radius:15px; overflow:hidden;position: sticky;top: 0.2rem;}
#side-bar .side-item h3{text-align: center; font-size: 25px; background: var(--secondarycolor); padding: 0.8rem;border: none;margin-bottom: 0;color: #fff;}

.side-item ul {padding: 0rem 1.5rem;}
.side-item ul li {list-style :none;padding: 8px 0px 8px 2rem;/*! display: flex; */list-style-position: inside;
align-items: baseline;position:relative; border-bottom:1px dashed #ccc; transition:0.5s ease; font-size: 17px;}
.side-item ul li:hover {transform:translatex(10px)}
#main .side-item ul li a{color: #fff ; text-transform: capitalize}
.side-item ul li:before{color:var(--tertiarycolor);content: "\f7d9";font-family:'Font Awesome 5 Free';font-weight:900 ; margin-right:0.6rem; position:absolute;left:0rem;top:11px; font-size:16px; }
.side-item ul li:last-child{padding-bottom: 0;border-bottom: 0;}


#wp-footer{ padding: 9rem 0px 0;background: url(https://theaestheticux.com/wp-content/uploads/2026/01/Why-choose-Us-bg.jpg) no-repeat center;position: relative;background-size: cover;position: relative;z-index: 1;}
#wp-footer:before{content:"";top:0; left:0; bottom:0; right:0; position: absolute; z-index: -1; background:#040E16DB;backdrop-filter: hue-rotate(380deg) contrast(1.22) saturate(0.45);}
#wp-footer, #wp-footer a , #wp-footer p{ color: #fff;}
#wp-footer .main-widget img{width: 300px; margin-bottom: 1.5rem}
#wp-footer  .row{gap: 2.5rem 3rem;}
#wp-footer .grid{display: grid;grid-template-columns: 30% auto; gap: 2.5rem 5.5rem }
#wp-footer .grid .row{gap: 2rem;}
#wp-footer .f-header{display: flex; align-items: center; justify-content:space-between; margin-bottom: 3.5rem;border-bottom: 1px solid #ffffff36;padding-bottom: 2.2rem;}
#wp-footer .flogo{width: 330px;}
#wp-footer  .side-content{display: flex;justify-content:center; align-items:center; gap: 1.6rem;text-align: right;}
#wp-footer .social-media{display: flex; gap: 1rem}
#wp-footer .social-media a{width: 40px; height:40px; background: var(--secondarycolor); border-radius: 50%; display:flex; align-items: center; justify-content: center; font-size: 18px;}
.fa-instagram::before {content: "\f16d";}
.fa-facebook-f::before {content: "\f39e";}

#wp-footer  .contact-list li{line-height:20px;display:flex;margin-bottom: 1.6rem !important; align-items: center}
#wp-footer  .contact-list li:before{font-family:'Font Awesome 5 Free';font-weight:900; width: 34px; height:34px; background: var(--secondarycolor); color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%}
#wp-footer  .contact-list .address:before {content: "\f3c5"; margin-right: 10px;}
#wp-footer  .contact-list .phone:before {content: "\f879"; margin-right: 10px;;}
#wp-footer  .contact-list .email:before {content: "\f0e0"; margin-right: 10px;}


.widget h3{margin-bottom: 1.6rem;color: #fff;}

.footer-list {margin-bottom: 0 !important;}
.footer-list li {list-style :none;padding: 0 0px 15px 1.2rem;/*! display: flex; */list-style-position: inside;
align-items: baseline;position:relative;}
.footer-list li:last-child{padding-bottom: 0;}
.footer-list li:before{color:#ccc;content: "-";font-weight:400;  position:absolute;left:0rem;top:-3px; font-size:18px }

#rights-section{margin-top:3.3rem;background: transparent;padding: 20px 0;border-top: 1px solid #ffffff36;}
#rights-section .row{justify-content: space-between; align-items: center}
#rights-section a , #rights-section p {color: #fff}
#rights-section a:hover{color: var(--secondarycolor)}

#content-area{display: block; background: #fff;border-radius:0 0rem 5rem 5rem;  padding-bottom: 6.5rem;margin-bottom: -5rem;position: relative;z-index: 1;}
#footer-gap{height: 700px;position: relative;z-index: -2;}
#fixed-footer{position: fixed;  left: 0; right: 0; z-index: 0;bottom: 0;}

.phone-call {width: 50px;height: 50px;left: 20px;bottom: 20px;background:var(--secondarycolor);position: fixed;text-align: center;color: #ffff;cursor: pointer;border-radius: 50%;z-index: 999;display: inline-block;line-height: 65px;font-size: 1.6rem;line-height: 50px;animation: shake 1.8s linear infinite alternate;}
.phone-call i{color:#fff;}
.fa-phone::before {content: "\f879";}
.phone-call:before {position: absolute;content: " ";z-index: -1;top: -15px;left: -15px;background-color:var(--secondarycolor);width: 80px;height: 80px;border-radius: 100%;animation-fill-mode: both;-webkit-animation-fill-mode: both;opacity: 0.6;-webkit-animation: pulse 1s ease-out;animation: pulse 1.8s ease-out;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.fa-phone-alt::before {content: "\f879"; }
@-webkit-keyframes pulse {
    0% {-webkit-transform: scale(0);opacity: 0;}
    25% { -webkit-transform: scale(0.3); opacity: 1; }
    50% {-webkit-transform: scale(0.6);opacity: .6;}
    75% {-webkit-transform: scale(0.9);opacity: .3;}
    100% {-webkit-transform: scale(1);opacity: 0;}
}

@keyframes shake{
    50%{transform:scale(1.1) rotate(50deg)}
}

@keyframes pulse {
    0% {transform: scale(0);opacity: 0;}
    25% {transform: scale(0.3);opacity: 1;}
    50% {transform: scale(0.6);opacity: .6;}
    75% {transform: scale(0.9);opacity: .3;}
    100% {transform: scale(1);opacity: 0;}
}

@media screen and (max-width: 981px) {
body {min-width: 230px;}
.inner {width: 100%;padding: 0%;}
img.alignleft,
img.alignright {float: none;display: block;margin: 10px auto;}
.menu-toggle{display: flex !important;}
.site-navbar{display: none;}

  .rev-row{flex-direction: column-reverse ; gap: 1.5rem;}
  .grid{grid-template-columns: 100% !important; }
  #rights-section .row{flex-direction: column; text-align: center;gap: 0.4rem;}

  #wp-footer .main-widget{display: flex; flex-direction: column; justify-content: center; align-items:center; text-align: center;}
  
  #about-section .image{width: 80%; margin: 0 auto 1.9rem;}
  #featuers-section .center-image{display: none}
  
  #score-section{padding: 3.5rem 5px 3rem; margin-bottom: 3rem;}
  #score-section .row{gap: 1.8rem}
  #inner-section-1 .image .stars-icon{width: 145px}
  
     #info{left: 0px;margin-right:0px;margin-bottom:30px;margin-top: -4.5rem;font-size: 15px;}
  .contact-box{padding:20px 10px;margin-top: 4rem;}
    .contact-box > .col-md-4{padding:0}
	
  #slider .carousal-caption{align-items: end; text-align: center; padding-top: 2rem;padding-bottom: 8rem;background: linear-gradient(0deg, #040E16F2 30%, transparent );}
  #slider .carousal-caption .text-box{width: 100%;padding-bottom: 0;}
  #slider .carousal-caption .line{margin: 1.1rem auto 1.5rem; }
    .desktoponly{display: none !important;}
  
  #slider img{aspect-ratio: unset;height:725px;object-position: top;}
  #slider p{width: 100%;}
   #score-section, #about-section{overflow: hidden}
  
  .floating-arrow{display: none !important; position: absolute !important;}
}

@media screen and (min-width: 981px) {
    .mobileonly{display: none !important;}
.menu-toggle{display:none;}
.lgap{padding-left: 2rem !important;}
.rgap{padding-right: 2rem !important;}
  #about-section .col-md-7{padding-right: 3.8rem;}
  #featuers-section .container{max-width: 92%}
  #score-section .col-md-6:nth-child(2){padding-left: 2.4rem}
  #inner-section-1 .col-md-6:nth-child(1){padding-right:2.2rem;}
}


@media screen and (max-width: 768px) {
#wp-footer .widget{flex: 1 0 250px; max-width:100%; }
  #fixed-footer{position: unset !important;}
  #footer-gap{display: none !important;}
  #content-area{position: relative; z-index: 3}
 .floating-arrow{display: none !important;}
}

@media screen and (min-width: 981px) {
  #wp-footer .main-widget{flex: 1 0 400px; max-width:100%;  padding-right:2rem}
  #wp-footer .widget{flex: 1 0 180px; max-width:100%; }
  #about-section .col-md-6:nth-child(2){padding-left: 2.8rem}
  #inner-section-2 .col-md-6:nth-child(2) .image{position:sticky; top:0rem; }
  #inner-section-2 .col-md-6:nth-child(2) .image img{height: 100%;height: 100vh; object-fit: cover}
}

@media screen and (max-width: 600px) {
  .wp-pagenavi span.pages, .wp-pagenavi a , .wp-pagenavi a.nextpostslink  {padding: 0.3rem 0.6rem !important;}
  .wp-pagenavi span.current{padding:0.8rem}
  .column, .column3, .column4{column-count:1}
  #pagetitle h1{font-size: 35px;}
  #pagetitle .breadcrumb{font-size: 12px}
  h2{font-size:30px}
  h2, .home h2{font-size: 30px;}
  #service-section h2 br{position: absolute; display: none;}
  .more-btn{font-size: 15px;height: 42px;padding: 5px 5px 5px 25px;}
  #about-section .image{margin-bottom: 2.1rem;width: 100%;}
  #about-section .floating-num{font-size: 39px;width: 30%;top: 0;}
  #about-section{margin-bottom: 3.5rem;}
  .s-items p{font-size: 15px}
  #featuers-section{padding: 3.8rem 0.5rem 3rem;background-position: right;}
  #featuers-section h2{font-size: 30px}
  #featuers-section .row{gap:1.6rem;}
  body{font-size: 15px}
  .fbox{flex-direction: column; margin-bottom:2rem}
  #projects-section{padding: 0 15px; margin-bottom:3.5rem}
  #brand-section{padding: 0 15px}
  #content-area{padding-bottom: 4rem; border-radius: 0 0 2rem 2rem;margin-bottom: -4rem}
  #wp-footer{ padding: 7.5rem 15px 0;}
  #wp-footer .f-header{flex-direction: column;margin-bottom: 2.2rem;padding-bottom: 1.5rem;}
  #wp-footer .flogo{width: 280px; margin-bottom:1.9rem;}
  #wp-footer .side-content{flex-direction: column; text-align: center; gap: 18px}
  #wp-footer .main-widget{text-align: left}
  #rights-section{padding: 20px 0 25px; margin-top:1.5rem}
  #rights-section .row{gap:2px}
  #pagetitle{padding: 5rem 10px 6.8rem;clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 92%);}
  #pagetitle:before{background: linear-gradient(90deg, #040E16E8 30%, #000000ad, transparent );}
  #pagetitle h1{font-size:34px}
  .page-id-88 #pagetitle h1, .page-id-112 #pagetitle h1{font-size:30px;font-weight: 700;}
  #pagetitle .text-box{width: 78%}
  .page-id-88 #pagetitle .text-box,  .page-id-112 #pagetitle .text-box{width: 85%}
  #pagetitle .text-box p{font-size: 15px}
  #pagetitle .btn-primary{font-size:15px}
  #inner-section-1 .image{width: 100%; margin: 0 auto 1.8rem;}
  #inner-section-1  .col-md-6{padding: 0}
  #inner-section-2 .row{flex-direction: column-reverse}
  #inner-section-2  .col-md-6:nth-child(1){padding:2rem 0.9rem 1.2rem}
  .post-typography h2{font-size: 28px}
  #inner-section-2 h2{margin-bottom: 1.2rem}
  #inner-section-2 h2 br{position: absolute; display: none}
  .post-typography p{margin-bottom: 1rem}
  #inner-section-1{margin-bottom: 3.2rem}
  #inner-section-1 p:last-child{margin-bottom: 0}
  #slider .mobileonly{height: 710px;object-fit: contain;object-position: top;background: #141414;}
  #slider{text-align: center; padding:0}
  #slider h1{font-size: 30px;text-align: center; margin-top:2rem}
  #slider p{font-size:14px; text-align: center;margin: 0 auto}
  #slider .line{margin:0 auto 1rem}
  #slider .more-btn{ font-size:16px; margin: 1.7rem auto 0;}
  #slider .text-box{padding: 0 rem}
  #slider .carousal-caption{padding: 0.8rem 15px 8rem;}
  #slider .bg-image img{height: 640px}
  
}

@media (min-width: 600px) and (max-width: 1200px){
  .more-btn{font-size: 16px;height: 44px;padding: 5px 5px 5px 25px;}  
  #about-section{margin-bottom: 4rem}
  #featuers-section .row{gap: 2.2rem}
  #projects-section{margin-bottom: 3.5rem}
  #score-section .images{width: 80%; margin: 0 auto 2.5rem}
  #score-section{margin-bottom: 3rem}
  #content-area{border-radius: 0 0 3.5rem 3.5rem}
  #wp-footer .widget{flex:1 0 20%}
  #wp-footer .f-header P{display: none;}
  #wp-footer .f-header{padding-bottom: 1.5rem; margin-bottom: 2rem;}
  #wp-footer .flogo{width: 280px}
    #pagetitle{padding: 5rem 10px 9rem}
  #pagetitle h1{font-size:38px}
    #pagetitle .text-box{width: 25rem}
  #pagetitle .btn-primary{font-size:15px}
  #inner-section-1 .image{width: 80%; margin: 0 auto 1.8rem;}
  #inner-section-2 .row{flex-direction: column-reverse}
  #slider .carousal-caption h1{font-size: 40px}
  #slider .carousal-caption .more-btn{margin: 0 auto;}
}

@media screen and (min-width: 1500px) {
  #slider .bg-image img{height: 675px; object-fit:cover;}
}