

:root { 
	  --primary-color: #27aae1;               /* Sky Blue */
  --primary-color-rgb: 39, 170, 225;
  --accent-color: #ff7b39;                /* Vibrant Orange */

  /* Brand Support Colors */
  --color-pink: #EC4899;
  --color-purple: #9333EA;
  --color-blue: #2563EB;

  --color-accent1: #2CACE2;               /* Slightly deeper than primary */
  --color-accent2: #1476C4;               /* Mid blue */
  --color-accent3: #0D4F7E;               /* Deep navy-blue */

  /* Gradient: Balanced between cool and warm tones */
  --gradient-primary: linear-gradient(
    135deg,
    var(--accent-color) 0%,
    var(--primary-color) 30%,
    var(--color-accent2) 55%,
    var(--color-accent3) 85%,
   var(--color-accent3) 100% /* Softer tail blend of the accent */
  );
  --gradient-login: linear-gradient(270deg, #2985cf 0%, #3ad2ff 100%);
  --gradient-subscribe: linear-gradient(270deg, #F26F73 0%, #C64145 100%);
  --gradient-footer: linear-gradient(0deg, rgba(248, 220, 207, 0.1) 0%, rgba(248, 220, 207, 1) 100%);

  /* Text & Borders */
  --text-dark: #000000;
  --text-muted: rgba(80, 80, 80, 1);
  --border-color: rgba(152, 151, 151, 0.3);

  /* Section Backgrounds */
  --section-bg-light: rgba(242, 242, 242, 1);
  --section-border: #27aae1;
}
/* new design new theme2 start*/
#A1851 .td-color2 b{color:#000000; font-size:13px;}
#A1851 .bgd-new{Background:#333333;} 
#A1851 .gra1{background: #EC4899; background:var(--gradient-primary);}
#A1851 .gra2{background: #EC4899; background: linear-gradient(335deg, rgba(236, 72, 153, 1) 0%, rgba(147, 51, 234, 1) 35%, rgba(37, 99, 235, 1) 100%);}
#A1851 .opacity-8 {opacity: 0.8;}
#A1851 .line-height-n2{ line-height:20px;}
#A1851 .line-height-n3{ line-height:35px;}
#A1851 .custom-nalign{position: absolute; z-index: 5; cursor: pointer; top: 13px !important; right: 20px !important; width: 17px !important; height: 18px !important;}
#A1851 .blue-newb{color:rgba(20, 90, 182, 1); text-decoration:underline;}
#A1851 .login-Tdeal{background: linear-gradient(270deg, #2985cf 0%, #3ad2ff 100%); border: 0px; border-radius: 10px;  }
#A1851 .subscribe-btn{background: linear-gradient(270deg, #F26F73 0%, #C64145 100%); border: 0px; border-radius: 7px; margin-top:10px; padding:12px 55px !important; }
#A1851 .finger-paint-regular {font-family: "Pacifico", cursive; font-weight:400; font-style:normal;}
#A1851 .td-color2{color:rgba(80, 80, 80, 1);}
#A1851 .bg-bluesection{ padding:100px 0; background: #FFF; 
background: linear-gradient(0deg, rgba(255, 255, 255, 0) 60%, rgba(var(--primary-color-rgb), 0.1) 100%); border: 1px solid var(--primary-color);}
#A1851 .bg-bluesection2{ padding:70px 0; background: #FFFFF; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 52%, rgba(242, 242, 242, 1) 100%);
border-top: 1px solid rgba(152, 151, 151, 0.3);}

#A1851 .bg-bluesection3{ padding:50px 0; min-height:500px; background: #FFFFF; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 52%, rgba(242, 242, 242, 1) 100%);
border-top: 1px solid rgba(152, 151, 151, 0.3);}


#A1851 .live-numbers{ height:40px; width:auto;}
#A1851 .live-numbers2{ height:80px; width:auto;}
#A1851 .footersinple{ padding:0px; margin:0px;}
#A1851 .footersinple li {font-size:14px; position:relative; font-size:13px; padding:6px 0 6px 20px; color:#000;} 
#A1851 .footersinple li:before{ background-image: url("../images/arrow-down.svg"); background-size: 12px;
background-repeat: no-repeat; content: " "; width:17px; height:17px; position:absolute; left:0; top:8px; }
#A1851 .td-color3{color: var(--primary-color);}
#A1851 .simple-ul13{ padding:0px; margin:0px; display: flex; align-items: center; flex-wrap: wrap;}
#A1851 .simple-ul13 > li {font-size:14px; float:left; font-size:13px; margin-right:50px; padding:0px 0; color:#fff; display: flex; align-items: center; flex-wrap: wrap;} 
#A1851 .simple-ul13 > li img{width:16px; margin-right:5px;}
#A1851 .simple-ul14{ padding:0px; margin:0px; display: flex; align-items: center; flex-wrap: wrap; float:right;}
#A1851 .simple-ul14 > li {font-size:14px; float:right; font-size:13px; margin-left:50px; padding:0px 0; color:#fff; display: flex; align-items: center; flex-wrap: wrap;} 
#A1851 .simple-ul14 > li img{width:16px; margin-right:5px;}
#A1851 .simple-ul14 > li span a{ color:#fff; text-decoration:underline; padding-left:5px; font-weight:bold;}
#A1851 .simple-ul14 > li .custom-btn{ border-radius:0px; font-weight:600; font-size:14px; text-transform:uppercase; 
padding:5px 30px; border: 0px solid #E8E8E8; background: linear-gradient(270deg, #F26F73 0%, #C64145 100%);}

#A1851 .navnot-n .navbar .navbar-nav .nav-item a{ color:#fff !important; font-size:15.4px !important;}
#A1851 .navnot-n{ top:auto; padding:0 !important; position:relative;}
#A1851 #header.bg-transparent {position:absolute; z-index:999; top:0; left:0; width:100%; box-shadow:none;}
#A1851 .form4 {border-radius: 15px; background: transparent; border:solid 1px #fff;}
#A1851 .form4 input {padding: 20px 15px; font-size: 14px;}
#A1851 .form4 button {text-transform: uppercase; letter-spacing: 1px;}
#A1851 .form4 input, #A1851 .form4 input::placeholder, #A1851 .form4 select, #A1851 .form4 .form-control {
padding-left: 0; border-radius: 7px !important; box-shadow: none !important; font-size: 14px;}
#A1851 .form4 input, #A1851 .form4 input::placeholder, #A1851 .form4 select, #A1851 .form4 .form-control {
border-color: #cdcdcd; padding:20px 10px; background: rgba(255, 255, 255);}
#A1851 .form4 select {height: calc(1.5em + .75rem + 2px); width: 100%;}
#A1851 .form4 .impborder {border: solid 1px #3550C5 !important;}
#A1851 .form4 label {display: inline-block; white-space: nowrap;}
#A1851 .card-new{ position:relative; z-index:1; border-radius:15px; Background:#fff;}

#A1851 .img-box1 {position: relative; margin-right: 50px; padding-bottom: 45px;  z-index: 2;}
#A1851 .img-box1 .img1 {display: inline-block;  border-radius: 20px;  overflow: hidden;}
#A1851 .img-box1 .img2 {position: absolute; bottom: 0; right: 0; background-color: #fff; padding: 10px 0 0 10px;
 border-radius: 20px;}
#A1851 .img-box1 .img2 img {border-radius: inherit;}
#A1851.img-box1 .shape1 {position: absolute; left: -120px; bottom: -30px; z-index: -1;}

#A1851 .banner2 .item {position: relative; border-radius:10px; overflow:hidden; box-shadow:0px 3px 7px -5px rgba(0, 0, 0, 0.4);}
#A1851 .banner2 .item img {vertical-align: middle; height:150px !important;}
#A1851 .banner2 .caption2 {z-index: 2; bottom: 0; width: 100%; padding: 15px 20px;}
#A1851 .banner2 .caption2 h2 {font-size: 20px; color: #000; font-weight:600; margin:0px;}
#A1851 .banner2 .caption2 p {color: #000; margin-bottom: 0px;}
#A1851 .banner2 .rounded2 .banner-mask2, #A1851 .banner2 .rounded2 img {border-radius: .25rem;}
#A1851 .banner2 .banner-mask2 {position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; backface-visibility:hidden;
-webkit-transition:all 0.5s ease; transition:all 0.5s ease;}
#A1851 .banner2 .item:hover .banner-mask2 {opacity:0.95;  filter:alpha(opacity=99);  -webkit-transition:all 0.5s ease; 
transition:all 0.5s ease;}
#A1851 .banner2 .owl-carousel.owl-drag .owl-item{ padding-bottom:5px;}

#A1851 .social-icons {margin:0; padding:0; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap;
flex-wrap:wrap; list-style:none;}
#A1851 .social-icons li {margin:0px 2px 4px; padding:0; border-radius:100%; overflow:visible;}
#A1851 .social-icons li:last-child {margin-right:0px;}
#A1851 .social-icons li a {border-radius:100%; display:block; height:34px; line-height:34px;
width:34px; font-size:16px; text-align:center; color:#fff; text-decoration:none;
-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
#A1851 .social-icons li i {line-height:inherit;}
#A1851 .social-icons li img{ width:15px;}
#A1851 .social-icons.social-icons-sm li a {width:30px; height:30px; line-height:30px; font-size:14px;}
#A1851 .social-icons.social-icons-lg li a {width:40px; height:40px; line-height:40px; font-size:20px;}
#A1851 .social-icons.social-icons-dark li a {background:#555;}
#A1851 .social-icons li:hover a {background:#171717; color:#FFF;}
#A1851 .social-icons-twitter a{background:#000;}
#A1851 .social-icons-facebook a{background: rgba(24, 119, 242, 1);}
#A1851 .social-icons-instagram a{background: rgba(234, 0, 47, 1);}
#A1851 .social-icons-youtube a{background: rgba(234, 0, 47, 1);}
#A1851 .social-icons-instagram a{background:rgba(193, 53, 132, 1);}
#A1851 .social-icons-linkedin a{background: rgba(10, 102, 194, 1);}

#A1851 .text-g{color:rgba(80, 80, 80, 1);}
#A1851 .branlogo1{ padding:0px; margin:0px;}
#A1851 .branlogo1 > li {position: relative; float:left; padding-right:15px; font-size:14px; margin-bottom:5px; line-height: 20px; color:#fff;}
#A1851 .branlogo1 > li::marker {font-weight: bold;}
#A1851 .colorsky1{ background-color:#3ad2ff !important ; color:#000 !important;}
#A1851 .colorsky2{color:#da2128 !important;}

#A1851 .compnay-exp{ list-style:none; padding:0px; margin:0px;}
#A1851 .compnay-exp li{ width:auto; float:left; padding:0 30px;  border-right:1px solid var(--primary-color);}
#A1851 .compnay-exp li:last-child{border:0px;}

#A1851 .poopincf{font-family: "Poppins", sans-serif !important;}

#A1851 .hero-wrap {position: relative;}
#A1851 .hero-wrap .hero-mask, #A1851 .hero-wrap .hero-bg, #A1851 .hero-wrap .hero-bg-slideshow {position:absolute; top:0;
left:0; height:100%; width:100%;}
#A1851 .hero-wrap .hero-mask {z-index: 1;}
#A1851 .hero-wrap .hero-content {position: relative; z-index: 2;}
#A1851 .hero-wrap .hero-bg-slideshow {z-index: 0;}
#A1851 .hero-wrap .hero-bg {z-index: 0; background-attachment:fixed; background-position:center center;
background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;
transition:background-image 300ms ease-in 200ms;}
#A1851 .hero-wrap .hero-bg-slideshow .hero-bg {background-attachment: inherit;}
#A1851 .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage-outer, 
#A1851 .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage, 
#A1851 .hero-wrap .hero-bg-slideshow.owl-carousel .owl-item {height: 100%;}
#A1851 .bg-dark-n{Background:#000000;}
#A1851 .bg-footer-n{ background: #F8DCCF;
background: linear-gradient(0deg, rgba(248, 220, 207, 0.1) 0%, rgba(248, 220, 207, 1) 100%);}
.navbar-area.sticky {background: #EC4899; background: #E4DEFF;
position: fixed !important; top:0px !important;}
/* new design new theme2 eng*/ 


@media screen and (max-width: 779px) and (min-width: 320px) {
#A1851 .simple-ul14{ float:left; margin-top:10px; -ms-flex-pack:justify!important; justify-content:space-between!important; width:100%;}
#A1851 .simple-ul14 > li{ margin:0px;} 
#A1851 .simple-ul14 > li .custom-btn{ margin:0px !important;}
#A1851 .simple-ul14 li:last-child{ margin-left:20px;}
#A1851 .bgd-new{ padding:10px 0;}
#A1851 .simple-ul14 > li .custom-btn{padding:5px 5px; border-radius:6px; font-size:11px;}
#A1851 .simple-ul13 > li{ margin-right:5px;}
#A1851 .navbar-toggler{background: linear-gradient(270deg, #F26F73 0%, #C64145 100%); padding:3px 11px;}
#A1851 .navbar-area .navbar .navbar-toggler .toggler-icon{width:20px !important;}
#A1851 .form4{ padding:30px 25px !important; margin-top:20px;}
#A1851 .hero-wrap{padding:30px 0 60px 0 !important;}
#A1851 .login-Tdeal{ position:relative; margin-top:8px;}
#A1851 .flower{ height:450px;}
#A1851 .text-cmobile{ text-align:center !important;}
#A1851 .mobil-pb{ padding-bottom:25px;}
#A1851 .compnay-exp li{margin:20px 0; padding:0 25px; border:0px;}
#A1851 .compnay-exp{ text-align:center; border:0px !important; background:transparent !important;}
#A1851 .bg-footer{ padding:50px 0 !important;} 
#A1851 .branlogo1 > li img{width:50px !important;}
#A1851 .N-desin-none{ display:none;}
#A1851 .bg-bluesection{ padding:50px 0 !important; border:0px;}
#A1851 .text-16{ font-size:30px !important;}
#A1851 .welcome-area1{ margin-top:85px;}
#A1851 .mb-n{ margin-bottom:25px;} 
#A1851 .img-box1{ margin-right:0px;}
#A1851 .compnay-exp{ border-radius:10px !important; padding:0px !important;}
#A1851 .bg-bluesection2{padding:70px 0 0 0;}
#A1851 .navbar-expand-lg .navbar-nav{ width:100%;}
#A1851 .navbar-expand-lg .navbar-collapse{top:103%; background-color:#333 !important;}
#A1851 .banner2 .caption2 p{ text-align:left;}
#A1851 .mt-md-n0{margin:0px !important;}
}




