body{
    background-color: black;
}

@import url("https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600;700;800&family=Raleway:wght@400;500;600;700;800;900&display=swap");
.white-bg{background:#ffffff}
.gray-bg{background:#F5F9FB}
.gray-bg{background:#f7f7fd}
.white-bg{background:#fff}
.black-bg{background:#16161a}
.theme-bg{background:#FD8F5F}
.brand-bg{background:#f1f4fa}

.testimonial-bg{background:#f9fafc}
.white-color{color:#fff}
.black-color{color:#16161a}
.theme-color{color:#FD8F5F}

#430d4b
#820e94

/* Logo */
.logo-img {
    background-image: url(/assets/img/favicon.ico);
      max-width: 100%;
    max-height: 70px;
    height: auto;
    width: auto;
    object-fit: contain; /* yoki object-fit: scale-down; */
}
.navbar-nav {
  margin: 0 auto;
  display: flex;
  gap: 1.5rem;
  justify-content: center;
}

.nav-item>a{
    color: #820e94;
}

/* Navigation */
.main-navigation .nav-list {
    display: flex;
    gap: 30px;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.main-navigation .nav-list li a {
    text-decoration: none;
    color: #820e94;
    font-weight: 500;
    font-size: 16px;
}

/* Language buttons */
.lang-buttons {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.lang-btn {
    padding: 6px 12px;
    background-color: #007bff;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
}

/* Mobile menu */
.mobile-nav {
    display: none;
    background-color: #f8f9fa;
    padding: 20px;
}

.mobile-nav.show {
    display: block;
}

.mobile-nav-list {
    list-style: none;
    padding-left: 0;
}

.mobile-nav-list li {
    margin: 10px 0;
}

.mobile-nav-list li a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
}

/* Mobile toggle button */
#menuToggleBtn {
    font-size: 28px;
    background: none;
    border: none;
    cursor: pointer;
}
.mobtug{
    color: #430d4b;
}

.hero-section {
  position: relative;
  width: 100%;
  max-width: 1550px;
  height: 600px;
  margin: 0 auto;
  
  overflow: hidden;
}


/* Animated text */
.animated-text {
  display: flex;
  position: absolute;
  top: -100px;
  left: 10%;
  transform: translateY(0%);
  font-size: 3rem;
  color:#ffffff ;
  text-shadow: 2px 2px 5px #eb99ef;
  z-index: 2;
  animation: dropOnce 2.0s ease-out forwards;
}
.right{
    padding-left: 200px;
}
.right>p{
    color:#fff;
}
.right>iframe{
    width: 400px;
    height: 300px;
}


@keyframes dropOnce {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .animated-text {
    font-size: 1.5rem;
    left: 10%;
  }

  .hero-section {
    height: 400px;
  }
}

@media (max-width: 480px) {
  .animated-text h1 {
    font-size: 1.4rem;
    left: 8%;
  }

  .hero-section {
    height: 300px;
  }
}

.hero-section {
  position: relative;
  width: 100%;
  max-width: 1520px;
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
  
}

/* Video background */
.background-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  top: 0;
  left: 0;
  z-index: 0;
}

.background-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; /* MUHIM: video o'lchamga sig'sin va to'liq to'ldirsin */
  top: 0;
  left: 0;
  z-index: 0;
}

/* Gradient overlay */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  z-index: 1;
}
.overslay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000025;
  z-index: 1;
}

/* 1. Kichik ekranlarda menyu tartibini tiklash */
@media (max-width: 991px) {
    .header-left {
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0;
    }

    .main-menu {
        width: 100%;
        margin-top: 10px;
    }

    .main-menu nav ul {
        flex-direction: column;
        gap: 10px;
    }

    .main-menu nav ul li {
        display: block;
        width: 100%;
    }

    .header-btn {
        display: inline-block;
        margin: 5px 10px 5px 0;
    }
}

/* 2. Logo va til tugmalari kichik ekranda pastga tushishi */
@media (max-width: 768px) {
    .logo img {
        height: 50px;
        width: auto;
    }

    .header-left {
        align-items: center;
    }

    .main-menu,
    .main-menu nav ul {
        text-align: center;
    }

    .main-menu nav ul {
        padding-left: 0;
    }

    .header-btn {
        margin: 5px;
    }
}

/* 3. Juda kichik ekranlarda (mobil) menyuni yashirish va mobil menyuni ko‘rsatish */
@media (max-width: 576px) {
    .main-menu {
        display: none !important;
    }

    .mobile_menu {
        display: block !important;
    }

    .mobile_menu {
        background-color: #fff;
        padding: 10px;
        border-top: 1px solid #eee;
    }

    .header-left {
        width: 100%;
    }
}



@keyframes dropOnce {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .animated-text {
    font-size: 2rem;
    left: 10%;
  }

  .hero-section {
    height: 400px;
  }
}

@media (max-width: 480px) {
  .animated-text {
    font-size: 1.4rem;
    left: 8%;
  }

  .hero-section {
    height: 300px;
  }
}
   
.boxed-btn{
    background:#fff;
    color:#FD8F5F !important;
    display:inline-block;
    padding:18px 44px;
    font-family:"Raleway",sans-serif;
    font-size:14px;
    font-weight:400;
    border:0;
    border:1px solid #FD8F5F;
    letter-spacing:3px;
    text-align:center;
    color:#FD8F5F;
    text-transform:uppercase;
    cursor:pointer}

.boxed-btn:hover{background:#FD8F5F;
    color:#fff !important;
    border:1px solid #FD8F5F}
.boxed-btn:focus{outline:none}

.boxed-btn.large-width{width:220px}
[data-overlay]
{position:relative;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center}
[data-overlay]

::before{position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    content:""}
    [data-opacity="1"]

::before{opacity:0.1}[data-opacity="2"]
::before{opacity:0.2}[data-opacity="3"]
::before{opacity:0.3}[data-opacity="4"]
::before{opacity:0.4}[data-opacity="5"]

::before{opacity:0.5}[data-opacity="6"]
::before{opacity:0.6}[data-opacity="7"]
::before{opacity:0.7}[data-opacity="8"]
::before{opacity:0.8}[data-opacity="9"]

::before{opacity:0.9}

body{font-family:"Muli",sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size:16px}

h1,h2,h3,h4,h5,h6
{font-family:"Raleway",sans-serif;
    font-size: 20px;
    color:#430d4b;
    margin-top:0px;
    font-style:normal;
    font-weight:500;
    text-transform:normal}

p
{font-family:"Muli",sans-serif;
    color:#430d4b;
    font-size:16px;
    line-height:30px;
    margin-bottom:15px;
    font-weight:normal}

.bg-img-1{background-image:url(../img/slider/slider-img-1.jpg)}


.bg-img-2{background-image:url(../img/background-img/bg-img-2.jpg)}

.cta-bg-1{background-image:url(../img/background-img/bg-img-3.jpg)}

.img
{max-width:100%;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}


h1 {
  text-align: center;
  margin-bottom: 20px;
}

body {
  background: #f0f0f0;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  text-align: center;
  margin-bottom: 30px;
}







.f-left{float:left}

.f-right{float:right}

.fix{overflow:hidden}

.clear{clear:both}a,

.button{-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}
a:focus,.button:focus
{text-decoration:none;
    outline:none}

a{color:#635c5c}

a:hover{color:#fff}

a:focus,a:hover,.portfolio-cat a:hover,
.footer-menu li a:hover{text-decoration:none}a,

button
{color:#fff;
outline:medium none}

button:focus,input:focus,input:focus,textarea,textarea:focus{outline:0}
.uppercase{text-transform:uppercase}

input:focus::-moz-placeholder{opacity:0;
    -webkit-transition:.4s;
    -o-transition:.4s;
    transition:.4s}

.capitalize{text-transform:capitalize}

h1 a,h2 a,h3 a,h4 a,h5 a,h6,a{color:inherit}
ul{margin:0px;padding:0px}
li{list-style:none}
hr{border-bottom:1px solid #eceff8;
    border-top:0 none;
    margin:30px 0;
    padding:0}

.theme-overlay{position:relative}

.theme-overlay::before
{background:#1696e7 none repeat scroll 0 0;
    content:"";
    height:100%;
    left:0;
    opacity:0.6;
    position:absolute;
    top:0;
    width:100%}

.overlay2{
    position:relative;
    z-index:0}

.overlay2::before
{position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1}

.overlay2{position:relative;
    z-index:0}

.overlay2::before{position:absolute;
    content:"";
    background-color:#2E2200;
    top:0;left:0;
    width:100%;
    height:100%;
    z-index:-1;
    opacity:0.5}

.section-padding{padding-top:20px;padding-bottom:90px}
.separator{border-top:1px solid #f2f2f2}
.mb-90{margin-bottom:90px}

@media (max-width: 767px)
{.mb-90{margin-bottom:30px}}

@media (min-width: 768px) and (max-width: 991px)
{.mb-90{margin-bottom:45px}}

.owl-carousel 
.owl-nav div
{background:rgba(255,255,255,0.8) none repeat scroll 0 0;
    height:40px;
    left:20px;
    line-height:40px;
    font-size:22px;
    color:#646464;
    opacity:1;
    visibility:visible;
    position:absolute;
    text-align:center;
    top:50%;transform:translateY(-50%);
    transition:all 0.3s ease 0s;
    width:40px}
.owl-carousel .owl-nav div.owl-next{left:auto;right:-30px}
.owl-carousel .owl-nav div.owl-next i{position:relative;right:0;top:1px}
.owl-carousel .owl-nav div.owl-prev i{position:relative;right:1px;top:0px}
.owl-carousel:hover .owl-nav div{opacity:1;visibility:visible}
.owl-carousel:hover .owl-nav div:hover{color:#430d4b;background:#ff3500}


#430d4b
#820e94


.footer-map {
    width: 500px;
    
  margin-top: 30px;
}
.footer-map>h4{
  color: #ffffff;
  justify-content: center;
  font-size: 22px;
  font-style: bold;
  padding-bottom: 30px;
}
.footer-map>a>i{
  color: #ffffff;
  justify-content: center;
  font-size: 22px;
  font-style: bold;
  padding-bottom: 30px;
}
.footer-map iframe {
  border-radius: 8px;
  box-shadow: 0 0 100px #dade67;
}

.btn2{padding:15px 65px 20px 31px;
    text-transform:capitalize;
    border-radius:0px;
    cursor:pointer;
    color:#ffffff;
    display:inline-block;
    font-size:16px;
    background:none}

.btn2 i{padding-right:6px}
.btn2:hover{color:#d8db27}

.header-btn1
    {color:#820e94 ;
    padding:32px 41px;
    font-size:20px;
    font-weight:600}

@media only screen and (min-width: 1200px) and (max-width: 1600px)
{.header-btn1{padding:32px 17px}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.header-btn1{padding:32px 9px}}

.header-btn1 img
{padding-right:12px;
    margin-right:8px;
    border-right:2px solid #eee;
    line-height:1}

.header-btn1:hover{color:#FD8F5F}

#430d4b
#820e94
.btn3{padding:10px 31px;font-size:14px}
.header-btn2
{background:#6785FF;
    padding:37px 41px 34px 41px;
    font-size:16px;
    font-weight:600;
    line-height:1;
    margin:0}

@media only screen and (min-width: 1200px) and (max-width: 1600px)
{.header-btn2{padding:37px 25px 34px 25px}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.header-btn2{padding:37px 16px 34px 16px}}


.btn.focus,.btn:focus{outline:0;box-shadow:none}

.btn.focus,.btn:focus{outline:0;box-shadow:none}

.about-btn{padding:18px 43px}


.header-btn{border:none;
    padding:10px 20px;
    text-transform:capitalize;
    cursor:pointer;
    color:#820e94;
    display:inline-block;
    font-size:12px;
    font-weight:600;
    background-size:200%;
    transition:0.6s;
    background:rgba(255, 159, 103, 0.14);
    background-position:right}

.header-btn:hover{background-position:left;
    color:#f3eaeb !important;
    background-color:#820e94;
}

.hero-btn{padding:16px 40px}
.white-btn{padding:30px 39px;
    background:#fff;
    color:#430d4b !important}
.white-btn::before
{background:#FD8F5F;
    color:#fff !important}
.black-btn
{padding:14px 35px;
    background:#000;
    display:inline-block}
.black-btn::before{
    background:#430d4b}

.borders-btn
{padding:14px 35px;
    background:none;
    border:1px solid #ff2656;
    border-radius:0 10px;
    display:inline-block;
    color:#ff2656}
.borders-btn::before{background:#331391}

.cal-btn i
{color:#09cc7f !important;
    font-size:31px;
    font-weight:300;
    margin-right:10px}

.cal-btn>p
{color:#072366 !important;
    font-weight:700;
    font-size:16px;
    display:inline-block;
    margin:0 !important;
    position:relative;
    top:-7px}

.submit-btn2
{background:#FD8F5F;
    width:100%;
    height:60px;
    padding:10px 20px;
    border:0;
    color:#fff;
    text-transform:capitalize;
    cursor:pointer;
    font-size:16px;
    border-radius:0px}

.border-btn
{border:1px solid #ff5600;
    color:#464d65;
    background:none;
    border-radius:5px;
    text-transform:capitalize;
    padding:19px 47px;
    -moz-user-select:none;
    cursor:pointer;
    display:inline-block;
    font-size:14px;
    font-weight:500;
    letter-spacing:1px;
    margin-bottom:0;
    position:relative;
    transition:color 0.4s linear;
    position:relative;
    overflow:hidden;
    margin:0}

@media (max-width: 575px)
{.border-btn{display:none}}
.border-btn::before
{border:1px solid transparent;content:"";
    position:absolute;
    left:0;top:0;
    width:101%;
    height:101%;
    background:#FD8F5F;
    z-index:-1;
    transition:transform 0.5s;
    transition-timing-function:ease;
    transform-origin:0 0;
    transition-timing-function:cubic-bezier(0.5, 1.6, 0.4, 0.7);
    transform:scaleY(0);
    border-radius:0}

.border-btn:hover::before
{transform:scaleY(1);
    border:1px solid transparent}

.section-over1
{position:relative;
    z-index:1}

.section-over1::before
{position:absolute;
    content:"";
    background-color:rgba(29,37,71,0.3);
    width:100%;
    height:100%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:1;
    background-repeat:no-repeat;
    border-radius:13px}

.breadcrumb>.active{color:#888}#scrollUp,#back-top
{background:#820e94;
    height:50px;
    width:50px;
    right:31px;
    bottom:18px;
    position:fixed;
    color:#fff;
    font-size:20px;
    text-align:center;
    border-radius:50%;
    line-height:48px;
    border:2px solid transparent;
    box-shadow:0 0 10px 3px rgba(108,98,98,0.2)}


@media (max-width: 575px)
{#scrollUp,#back-top{right:16px}}

#scrollUp a i,#back-top a i
{display:block;
line-height:50px;


}

#scrollUp:hover{color:#fff}

.sticky-bar
{left:0;
    margin:auto;
    position:fixed;
    top:0;
    width:100%;
    -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
    box-shadow:0 10px 15px rgba(25,25,25,0.1);
    z-index:9999;
    -webkit-animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation:300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow:0 10px 15px rgba(25,25,25,0.1);
    background:#fff}
    .mt-5{margin-top:5px}
    .mt-10{margin-top:10px}
    .mt-15{margin-top:15px}
    .mt-20{margin-top:20px}
    .mt-25{margin-top:25px}
    .mt-30{margin-top:30px}
    .mt-35{margin-top:35px}
    .mt-40{margin-top:40px}
    .mt-45{margin-top:45px}
    .mt-50{margin-top:50px}
    .mt-55{margin-top:55px}
    .mt-60{margin-top:60px}
    .mt-65{margin-top:65px}
    .mt-70{margin-top:70px}
    .mt-75{margin-top:75px}
    .mt-80{margin-top:80px}
    .mt-85{margin-top:85px}
    .mt-90{margin-top:90px}
    .mt-95{margin-top:95px}
    .mt-100{margin-top:100px}
    .mt-105{margin-top:105px}
    .mt-110{margin-top:110px}
    .mt-115{margin-top:115px}
    .mt-120{margin-top:120px}
    .mt-125{margin-top:125px}
    .mt-130{margin-top:130px}
    .mt-135{margin-top:135px}
    .mt-140{margin-top:140px}
    .mt-145{margin-top:145px}
    .mt-150{margin-top:150px}
    .mt-155{margin-top:155px}
    .mt-160{margin-top:160px}
    .mt-165{margin-top:165px}
    .mt-170{margin-top:170px}
    .mt-175{margin-top:175px}
    .mt-180{margin-top:180px}
    .mt-185{margin-top:185px}
    .mt-190{margin-top:190px}
    .mt-195{margin-top:195px}
    .mt-200{margin-top:200px}
    .mb-5{margin-bottom:5px}
    .mb-10{margin-bottom:10px}
    .mb-15{margin-bottom:15px}
    .mb-20{margin-bottom:20px}
    .mb-25{margin-bottom:25px}
    .mb-30{margin-bottom:30px}
    .mb-35{margin-bottom:35px}
    .mb-40{margin-bottom:40px}
    .mb-45{margin-bottom:45px}
    .mb-50{margin-bottom:50px}
    .mb-55{margin-bottom:55px}
    .mb-60{margin-bottom:60px}
    .mb-65{margin-bottom:65px}
    .mb-70{margin-bottom:70px}
    .mb-75{margin-bottom:75px}
    .mb-80{margin-bottom:80px}
    .mb-85{margin-bottom:85px}
    .mb-90{margin-bottom:90px}
    .mb-95{margin-bottom:95px}
    .mb-100{margin-bottom:100px}
    .mb-105{margin-bottom:105px}
    .mb-110{margin-bottom:110px}
    .mb-115{margin-bottom:115px}
    .mb-120{margin-bottom:120px}
    .mb-125{margin-bottom:125px}
    .mb-130{margin-bottom:130px}
    .mb-135{margin-bottom:135px}
    .mb-140{margin-bottom:140px}
    .mb-145{margin-bottom:145px}
    .mb-150{margin-bottom:150px}
    .mb-155{margin-bottom:155px}
    .mb-160{margin-bottom:160px}
    .mb-165{margin-bottom:165px}
    .mb-170{margin-bottom:170px}
    .mb-175{margin-bottom:175px}
    .mb-180{margin-bottom:180px}
    .mb-185{margin-bottom:185px}
    .mb-190{margin-bottom:190px}
    .mb-195{margin-bottom:195px}
    .mb-200{margin-bottom:200px}
    .ml-5{margin-left:5px}
    .ml-10{margin-left:10px}
    .ml-15{margin-left:15px}
    .ml-20{margin-left:20px}
    .ml-25{margin-left:25px}
    .ml-30{margin-left:30px}
    .ml-35{margin-left:35px}
    .ml-40{margin-left:40px}
    .ml-45{margin-left:45px}
    .ml-50{margin-left:50px}
    .ml-55{margin-left:55px}
    .ml-60{margin-left:60px}
    .ml-65{margin-left:65px}
    .ml-70{margin-left:70px}
    .ml-75{margin-left:75px}
    .ml-80{margin-left:80px}
    .ml-85{margin-left:85px}
    .ml-90{margin-left:90px}
    .ml-95{margin-left:95px}
    .ml-100{margin-left:100px}
    .ml-105{margin-left:105px}
    .ml-110{margin-left:110px}
    .ml-115{margin-left:115px}
    .ml-120{margin-left:120px}
    .ml-125{margin-left:125px}
    .ml-130{margin-left:130px}
    .ml-135{margin-left:135px}
    .ml-140{margin-left:140px}
    .ml-145{margin-left:145px}
    .ml-150{margin-left:150px}
    .ml-155{margin-left:155px}
    .ml-160{margin-left:160px}
    .ml-165{margin-left:165px}
    .ml-170{margin-left:170px}
    .ml-175{margin-left:175px}
    .ml-180{margin-left:180px}
    .ml-185{margin-left:185px}
    .ml-190{margin-left:190px}
    .ml-195{margin-left:195px}
    .ml-200{margin-left:200px}
    .mr-5{margin-right:5px}
    .mr-10{margin-right:10px}
    .mr-15{margin-right:15px}
    .mr-20{margin-right:20px}
    .mr-25{margin-right:25px}
    .mr-30{margin-right:30px}
    .mr-35{margin-right:35px}
    .mr-40{margin-right:40px}
    .mr-45{margin-right:45px}
    .mr-50{margin-right:50px}
    .mr-55{margin-right:55px}
    .mr-60{margin-right:60px}
    .mr-65{margin-right:65px}
    .mr-70{margin-right:70px}
    .mr-75{margin-right:75px}
    .mr-80{margin-right:80px}
    .mr-85{margin-right:85px}
    .mr-90{margin-right:90px}
    .mr-95{margin-right:95px}
    .mr-100{margin-right:100px}
    .mr-105{margin-right:105px}
    .mr-110{margin-right:110px}
    .mr-115{margin-right:115px}
    .mr-120{margin-right:120px}
    .mr-125{margin-right:125px}
    .mr-130{margin-right:130px}
    .mr-135{margin-right:135px}
    .mr-140{margin-right:140px}
    .mr-145{margin-right:145px}
    .mr-150{margin-right:150px}
    .mr-155{margin-right:155px}
    .mr-160{margin-right:160px}
    .mr-165{margin-right:165px}
    .mr-170{margin-right:170px}
    .mr-175{margin-right:175px}
    .mr-180{margin-right:180px}
    .mr-185{margin-right:185px}
    .mr-190{margin-right:190px}
    .mr-195{margin-right:195px}
    .mr-200{margin-right:200px}
    .pt-5{padding-top:5px}
    .pt-10{padding-top:10px}
    .pt-15{padding-top:15px}
    .pt-20{padding-top:20px}
    .pt-25{padding-top:25px}
    .pt-30{padding-top:30px}
    .pt-35{padding-top:35px}
    .pt-40{padding-top:40px}
    pt-45{padding-top:45px}
    .pt-50{padding-top:50px}
    .pt-55{padding-top:55px}
    .pt-60{padding-top:60px}
    .pt-65{padding-top:65px}
    .pt-70{padding-top:70px}
    .pt-75{padding-top:75px}
    .pt-80{padding-top:80px}
    .pt-85{padding-top:85px}
    .pt-90{padding-top:90px}
    .pt-95{padding-top:95px}
    .pt-100{padding-top:100px}
    .pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-260{padding-top:260px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}
    
    .bounce-animate
    {animation-name:float-bob;
        animation-duration:2s;
        animation-iteration-count:infinite;
        -moz-animation-name:float-bob;
        -moz-animation-duration:2s;
        -moz-animation-iteration-count:infinite;
        -moz-animation-timing-function:linear;
        -ms-animation-name:float-bob;
        -ms-animation-duration:2s;
        -ms-animation-iteration-count:infinite;
        -ms-animation-timing-function:linear;
        -o-animation-name:float-bob;
        -o-animation-duration:2s;
        -o-animation-iteration-count:infinite;
        -o-animation-timing-function:linear}

@-webkit-keyframes float-bob
{0%{-webkit-transform:translateY(-20px);
    transform:translateY(-20px)}50%{-webkit-transform:translateY(-10px);
        transform:translateY(-10px)}100%{-webkit-transform:translateY(-20px);
            transform:translateY(-20px)}}
            .heartbeat{animation:heartbeat 1s infinite alternate}

@-webkit-keyframes heartbeat
{to{-webkit-transform:scale(1.03);transform:scale(1.03)}}
.rotateme{
    -webkit-animation-name:rotateme;
    animation-name:rotateme;
    -webkit-animation-duration:30s;
    animation-duration:30s;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear}

@keyframes rotateme
{from{-webkit-transform:rotate(0deg);
    transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);
        transform:rotate(360deg)}}


@-webkit-keyframes rotateme
{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}

.blogs-cap h5 p{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}
.preloader
{   background-color:#f7f7f7;
    width:100%;
    height:100%;
    position:fixed;
    top:0;left:0;
    right:0;
    bottom:0;
    z-index:999999;
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:1.5s;
    margin:0 auto}

.preloader .preloader-circle
{width:150px;
height:150px;
position:relative;
border-style:solid;
border-width:1px;
border-top-color:#430d4b;
border-bottom-color:transparent;
border-left-color:transparent;
border-right-color:transparent;
z-index:10;border-radius:50%;
-webkit-box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
box-shadow:0 1px 5px 0 rgba(35,181,185,0.15);
background-color:#ffffff;
-webkit-animation:zoom 2000ms infinite ease;
animation:zoom 2000ms infinite ease;
-webkit-transition:.6s;
-o-transition:.6s;
transition:.9s}

.preloader .preloader-circle2
{border-top-color:#0078ff}

.preloader .preloader-img
{position:absolute;
    top:50%;
    z-index:200;
    left:0;
    right:0;
    margin:0 auto;
    text-align:center;
    display:inline-block;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    padding-top:6px;
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s}

.preloader .preloader-img img{max-width:100px}
.preloader .pere-text strong{font-weight:800;
    color:#dca73a;
    text-transform:uppercase
}

@-webkit-keyframes zoom
{0%{-webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s}100%
    {-webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transition:.6s;
        -o-transition:.6s;
        transition:.6s}}

@keyframes zoom
{0%{-webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    -webkit-transition:.6s;
    -o-transition:.6s;
    transition:.6s}100%{-webkit-transform:rotate(360deg);
        transform:rotate(360deg);
        -webkit-transition:.6s;
        -o-transition:.6s;
        transition:.6s}}


.slick-initialized .slick-slide
{outline:0}
.section-padding2
{padding-top:200px;
padding-bottom:200px}

@media only screen and (min-width: 1200px) and (max-width: 1600px)
{
.section-padding2
{padding-top:200px;
padding-bottom:200px
}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{
.section-padding2
{padding-top:200px;
padding-bottom:200px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{
.section-padding2
{padding-top:100px;
padding-bottom:100px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.section-padding2{padding-top:70px;padding-bottom:70px}}

@media (max-width: 575px)
{.section-padding2{padding-top:70px;padding-bottom:70px}}
.pb-bottom{padding-bottom:130px}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.pb-bottom{padding-bottom:110px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.pb-bottom{padding-bottom:10px}}

@media (max-width: 575px){.pb-bottom{padding-bottom:10px}}
.pb-bottom2{padding-bottom:60px}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.pb-bottom2{padding-bottom:30px}}

@media (max-width: 575px){.pb-bottom2{padding-bottom:30px}}
.pt-top{padding-top:110px}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.pt-top{padding-top:70px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.pt-top{padding-top:70px}}

@media (max-width: 575px){.pt-top{padding-top:70px}}
.w-padding2{padding:73px 0px}

@media (max-width: 575px)
{.w-padding2{padding:70px 0px}}
.w-padding3{padding:34px 0}
.testimonial-padding{padding-top:70px;padding-bottom:100px}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.testimonial-padding{padding-top:80px;padding-bottom:100px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.testimonial-padding{padding-top:80px;padding-bottom:100px}}

@media (max-width: 575px)
{.testimonial-padding{padding-top:80px;padding-bottom:50px}}
.w-padding{padding-top:100px;padding-bottom:95px}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.w-padding{padding-top:70px;padding-bottom:70px}}

@media (max-width: 575px)
{.w-padding{padding-top:70px;padding-bottom:70px}}
.section-padding30{padding-top:195px;padding-bottom:180px}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.section-padding30{padding-top:150px;padding-bottom:140px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.section-padding30{padding-top:100px;padding-bottom:70px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.section-padding30{padding-top:65px;padding-bottom:70px}}

@media (max-width: 575px)
{.section-padding30{padding-top:65px;padding-bottom:70px}}
.section-padding40{padding-top:110px;padding-bottom:110px}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.section-padding40{padding-top:70px;padding-bottom:70px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.section-padding40{padding-top:60px;padding-bottom:40px}}

@media (max-width: 575px)
{.section-padding40{padding-top:60px;padding-bottom:60px}}

.services-padding{padding-top:145px;padding-bottom:170px}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.services-padding{padding-top:145px;padding-bottom:170px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.services-padding{padding-top:100px;padding-bottom:70px}}
@media only screen and (min-width: 576px) and (max-width: 767px)
{.services-padding{padding-top:65px;padding-bottom:70px}}

@media (max-width: 575px)
{.services-padding{padding-top:65px;padding-bottom:70px}}
.section-paddingt30{padding-top:195px;padding-bottom:90px}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.section-paddingt30{padding-top:150px;padding-bottom:90px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.section-paddingt30{padding-top:100px;padding-bottom:40px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.section-paddingt30{padding-top:65px;padding-bottom:10px}}

@media (max-width: 575px)
{.section-paddingt30{padding-top:65px;padding-bottom:10px}}
.section-padding3{padding-top:150px;padding-bottom:0}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{.section-padding3{padding-top:150px;padding-bottom:0}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.section-padding3{padding-top:60px;padding-bottom:0}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.section-padding3{padding-top:60px;padding-bottom:0}}

@media (max-width: 575px)
{.section-padding3{padding-top:60px;padding-bottom:0}}
.footer-padding{padding-top:120px;padding-bottom:20px}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.footer-padding{padding-top:100px;padding-bottom:20px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.footer-padding{padding-top:80px;padding-bottom:20px}}

@media (max-width: 575px)
{.footer-padding{
    padding-top:80px;
    padding-bottom:20px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.section-tittle{margin-bottom:50px}}

.section-tittle p{color:#430d4b}

.section-tittle span{
    font-size:45px;
    font-weight:700;
    margin-bottom:22px;
    font-family:"Raleway",sans-serif;
    display:inline-block;
    color:#430d4b
}
.textatic{
    width: 100%;
}
.nav-link {
    color: #430d4b !important;
    
}
.navbar-toggler {
    background-color: #430d4b; /* Qoramtir kulrang */
    border-color: #ffffff; /* Oq chegara */
}

.navbar-toggler .fa-bars {
    color: #fff; /* Sariq ikonka */
}
.navbar-nav .nav-link {
    
     font-size: 1.3rem;
    transition: all 0.1s ease;

    }

.navbar-nav .nav-link:hover {
      border: 2px solid #761386;
      border-radius: 5px;
      color: #761386 !important;
    }

 .navbar-nav .nav-link.active {
    font-weight: bold;
    color: #820e94 !important;
    border-bottom: 1px solid #820e94;
  }

  

 
.language-buttons .lgbtn {
    text-align: center;
    width: 50px;
    height: 25px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 50%;
    transition: all 0.3s ease;
    background-color: white;
    color: #6a1d75;
   
  }

  .language-buttons .lgbtn:hover {
    background-color: #9221a1;
    color: white;
    border-radius: 50%;
  }

.navbar-nav .nav-link {
    font-weight: bold;
  }
  .language-buttons .lgbtn.active {
    background-color: #ebdced;
    color: white;
  }

  .language-buttons a {
    margin-right: 10px; /* Orani kengaytirish uchun */
    
  }
.section-tittle h3
{font-size:18px;
    display:block;
    color:#820e94 !important;
    font-weight:700;
    line: height 1.4em;
   
}
.section-title{
    width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.section-tittle h2{font-size:36px}
}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.section-tittle h2{font-size:34px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.section-tittle h2{font-size:31px}}

@media (max-width: 575px)
{.section-tittle h2{font-size:23px}}
.section-tittle2 h2{font-size:30px}

@media (max-width: 575px)

{.section-tittle2 h3{font-size:23px}}

.section-bg{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed}

.section-bg2
{   background-size:cover;
    background-repeat:no-repeat;
    background-position:center center}

.all-btn
{color:#FD8F5F;
    text-decoration:underline;
    font-size:16px}

.all-btn:hover
{color:#FD8F5F;
    text-decoration:underline;
    letter-spacing:1px}

.white-bg{background:#ffffff}
.gray-bg{background:#F5F9FB}
.gray-bg{background:#f7f7fd}
.white-bg{background:#fff}
.black-bg{background:#16161a}
.theme-bg{background:#FD8F5F}
.brand-bg{background:#f1f4fa}
.testimonial-bg{background:#f9fafc}
.white-color{color:#fff}
.black-color{color:#16161a}
.theme-color{color:#FD8F5F}


.header-area .header-bottom{padding:0px 90px}

@media only screen and (min-width: 1200px) and (max-width: 1600px)
{.header-area .header-bottom{padding:0px 80px}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.header-area .header-bottom{padding:0px 15px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.header-area .header-bottom{padding:22px 50px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.header-area .header-bottom{padding:22px 20px}}

@media (max-width: 575px)
{.header-area .header-bottom{padding:22px 11px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}

@media (max-width: 575px)
{.header-area{box-shadow:0 10px 15px rgba(25,25,25,0.1)}}

.header-area .header-top .header-info-left ul li
{color:#fff;
    display:inline-block;
    margin-right:56px;
    font-family:"Raleway",sans-serif;
    font-size:14px}

.header-area .header-top .header-info-left ul li:last-child
{margin-right:0px}

.header-area .header-top .header-info-left ul li i
{margin-right:8px}

.header-area .header-top .header-info-right .header-social li
{display:inline-block}

.header-area .header-top .header-info-right .header-social li a
{color:#fff;font-size:14px;padding-left:25px}

.header-area .header-top .header-info-right .header-social li a:hover
{color:#FD8F5F}

.main-header{
    position:relative;
    z-index:3;
    height: 90px;
}


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

{.main-header .main-menu{margin-right:30px}}

.main-header .main-menu ul li
{display:inline-block;
    position:relative;
    z-index:1}

.main-header .main-menu ul li a
{color:#430d4b;
    font-weight:700;
    padding:39px 19px;
    display:block;
    font-size:16px;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    text-transform:capitalize}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.main-header .main-menu ul li a{padding:39px 15px}}
.main-header .main-menu ul li:hover>a{color:#e40e0e}

.main-header .main-menu ul ul
.submenu
{position:absolute;
    width:170px;
    background:#fff;
    left:0;top:120%;
    visibility:hidden;
    opacity:0;
    box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
    padding:17px 0;
    border-top:5px solid #FD8F5F;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.main-header .main-menu ul ul.submenu>li
    {margin-left:7px;display:block}

    .main-header .main-menu ul ul.submenu>li>a
    {padding:6px 10px !important;
        font-size:16px;
        color:#1D2547;
        font-weight:700;
        text-transform:capitalize}

    .main-header .main-menu ul ul.submenu>li>a:hover
    {color:#FD8F5F;
        background:none}

    .main-header ul>li:hover>ul.submenu
    {visibility:visible;
        opacity:1;
        top:100%}

    .header-sticky.sticky-bar
    {background:#fff}

    .header-sticky.sticky-bar.sticky .main-menu ul li a
    {padding:20px 20px !important}

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

{.header-sticky.sticky-bar.sticky{padding:15px 0px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.header-sticky.sticky-bar.sticky{padding:15px 0px}}

@media (max-width: 575px)
{.header-sticky.sticky-bar.sticky{padding:15px 0px}}
.mobile_menu
{position:absolute;right:0px;width:100%;z-index:99}

.mobile_menu .slicknav_menu
{background:transparent;margin-top:0px !important}

.mobile_menu .slicknav_menu .slicknav_btn
{top:-33px}
.mobile_menu .slicknav_menu .slicknav_btn .slicknav_icon-bar
{background-color:#FD8F5F !important}

.mobile_menu .slicknav_menu .slicknav_nav
{margin-top:9px !important}

.mobile_menu .slicknav_menu .slicknav_nav a:hover
{background:transparent;color:#FD8F5F}

.mobile_menu .slicknav_menu .slicknav_nav a
{font-size:15px;padding:7px 10px}

.mobile_menu .slicknav_menu .slicknav_nav .slicknav_item a
{padding:0 !important}

.mobile_menu .slicknav_menu .slicknav_nav .slicknav_arrow
{color:#b33803}



.slider-height
{background-repeat:no-repeat;
    background-position:center center;
    background-size:cover}

.hero-height
{min-height:455px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    position:relative}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.hero-height2{min-height:500px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.hero-height2{min-height:400px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.hero-height2{min-height:300px}}

@media (max-width: 575px)
{.hero-height2{min-height:200px}}

.video-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 1535px;
  height: 500px;
/*  min-width: 100%; 
  min-height: 100%;*/
  z-index: -1;
}

#bgVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-area
{margin-top:-1px;
    padding-bottom:10px}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.slider-area{padding-bottom:50px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-area{padding-bottom:50px;padding-top:50px}}

@media (max-width: 575px)
{
.slider-area{padding-bottom:50px;
    padding-top:50px}}
.slider-area.slider-area2{padding-bottom:50px}

@media (max-width: 575px)
{.slider-area.slider-area2{padding-bottom:0px;
    padding-top:80px}}




.slider-area .single-slider .slider-cap-wrapper
{display:-webkit-box;
    background-image:url(/assets/img/office2.jpg);
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:end;
    -moz-box-pack:end;
    -ms-flex-pack:end;
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
    
}

.slider-area .single-slider .slider-cap-wrapper .hero-img
{overflow:hidden;
height: 600px; 
width: 1550p; 

}

@media only screen and (min-width: 1200px) and (max-width: 1600px)
{.slider-area .single-slider .slider-cap-wrapper .hero-img{width:51%}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.slider-area .single-slider .slider-cap-wrapper .hero-img{width:51%}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.slider-area .single-slider .slider-cap-wrapper .hero-img{width:49%}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-area .single-slider .slider-cap-wrapper .hero-img{display:none}}

@media (max-width: 575px)
{.slider-area .single-slider .slider-cap-wrapper .hero-img{display:none}}

.slider-area .single-slider .slider-cap-wrapper .hero-img img{width:100%}

.slider-area .single-slider .slider-cap-wrapper .hero-caption{width:25%;overflow:hidden}

@media only screen and (min-width: 1200px) and (max-width: 1600px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption{width:34%}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption{width:42%}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption{width:48%}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption{width:100%;padding-left:37px}}

@media (max-width: 575px)
{
    .slider-area .single-slider .slider-cap-wrapper .hero-caption
    {width:100%;
    padding-left:37px;
    padding-bottom:90px}}

    .slider-area .single-slider .slider-cap-wrapper .hero-caption span
    {color:#ffffff;
        font-size:40px;
        font-weight:700;
        text-transform:uppercase;
        margin-bottom:15px;
        display:block}

    .slider-area .single-slider .slider-cap-wrapper .hero-caption h1
        {font-size:60px;
            color:#ffffff;
        font-size:40px;
            font-weight:700;
            margin-bottom:14px;
            line-height:1.1;
            display:block}

@media only screen and (min-width: 1200px) and (max-width: 1400px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption h1
    {font-size:56px}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption h1
    {font-size:45px;line-height:1.2}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption h1
    {font-size:30px;line-height:1.2}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption h1
    {font-size:33px;line-height:1.2;margin-bottom:30px}}

@media (max-width: 575px)
{.slider-area .single-slider .slider-cap-wrapper .hero-caption h1
    {font-size:23px;line-height:1.2;margin-bottom:25px}}


.slider-area .single-slider .slider-cap-wrapper .hero-caption p
    {margin-bottom:39px;display:block;color:#ffffff;font-size:20px;padding-right:50px}

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

{.slider-area .single-slider .slider-cap-wrapper .hero-caption p
    {margin-bottom:29px;font-size:18px;padding-right:21px}}

    
.slider-area .video-icon
    {position:absolute;
        position:absolute;
        right:27%;top:52%;
        transform:translateY(-48%)}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-area .video-icon{right:85px;bottom:23px;top:inherit}}

@media (max-width: 575px)
{.slider-area .video-icon{bottom:14px !important;top:unset;left:50px}}

.slider-area .video-icon a
{   background:#419c0f91;
    color:#ffff;
    width:60px;
    height:60px;
    display:inline-block;
    text-align:center;
    line-height:60px;
    border-radius:50%}

.slider-area .video-icon a::after
    {position:absolute;
        border:70px solid rgba(241,65,5,0.1);
        content:"";
        border-radius:50%;
        left:-39px;
        top:-38px;
        right:0;
        z-index:0;
        background:#0000}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-area .video-icon a::after
    {border:50px solid rgba(241,65,5,0.1);
        left:-19px;
        top:-19px;
        right:0}}

@media (max-width: 575px)
{.slider-area .video-icon a::after
    {border:50px solid rgba(241,65,5,0.1);
        left:-19px;
        top:-19px;
        right:0}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-area .video-icon a
    {width:60px;
        height:60px;
        line-height:60px}}

@media (max-width: 575px)
{.slider-area .video-icon a
    {width:60px;
        height:60px;
        line-height:60px}}
.slider-area .video-icon a i
{font-size:20px;
    font-size:20px;
    line-height:1;
    position:relative;
    right:-2px;
    top:2px}

.slider-area .video-icon a.btn-icon
{position:relative}

.slider-area .video-icon a.btn-icon::before
{content:'';
    display:inline-block;
    position:absolute;
    top:-2px;
    left:-2px;
    bottom:-2px;
    right:-2px;
    border-radius:inherit;
    border:1px solid #FF9F67;
    -webkit-animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
    animation:btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite}

@media-webkit-keyframes btnIconRipple
{0%{border-width:4px;
    -webkit-transform:scale(1);
    transform:scale(1)}50%{border-width:1px;
        -webkit-transform:scale(1.5);
        transform:scale(1.5)}80%{
            border-width:1px;
            -webkit-transform:scale(1.9);
            transform:scale(1.9)}100%{opacity:0}}

.slider-area .video-icon a.btn-icon:hover
            {background:#fff;color:#FF9F67}
            .hero-area .hero-cap h2
            {color:#fff;
                font-size:50px;
                font-weight:900;
                text-transform:capitalize}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.hero-area .hero-cap h2{font-size:29px}}

@media (max-width: 575px){
.hero-area .hero-cap h2{font-size:35px}}
.hero-overly{position:relative;z-index:1}
.hero-overly::before
{position:absolute;
    content:"";
    background-color:rgba(1,10,28,0.3);
    width:100%;
    height:100%;
    left:0;top:0;
    bottom:0;
    right:0;
    z-index:-1;
    background-repeat:no-repeat}

.slider-active button.slick-arrow
{position:absolute;
    right:60px;
    bottom:0;
    background:none;
    border:0;
    padding:0;
    z-index:2;
    opacity:1;
    visibility:visible;
    height:60px;
    width:60px;
    cursor:pointer;
    background:#820e94}

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

{.slider-active button.slick-arrow
    {line-height:40px;
        height:40px;
        width:40px;
        right:40px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-active button.slick-arrow
    {line-height:40px;
        height:40px;
        width:40px;
        right:40px}}

@media (max-width: 575px)
{
.slider-active button.slick-arrow
    {line-height:40px;
        height:40px;
        width:40px;
        right:40px}
}

.slider-active button.slick-arrow i
{font-size:20px;
    line-height:60px;
    color:#820e94}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.slider-active button.slick-arrow i
    {line-height:40px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.slider-active button.slick-arrow i
    {line-height:40px}}

@media (max-width: 575px)
{.slider-active button.slick-arrow i{line-height:40px}}

.slider-active button .slick-next
{right:0px;
background:#45074e}

.about-area
{display:flex;
    align-items:center}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.about-area{display:block}}

@media (max-width: 575px)
{
.about-area{display:block}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area{display:block}}
.about-area .about-img
{background-image:url(../img/raxima.jpg);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:700px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end }

.about-area .partner1-img
 {   background-image:url(/assets/img/partners/dena_logo.png);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:400px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}

.about-area .partner2-img
 {   background-image:url(/assets/img/partners/logo-ipoteka-1.webp);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:300px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}



.about-area .partner3-img
 {  background-image:url(/assets/img/partners/iwo1.png);
   
    background-repeat:no-repeat;
    height:500px;
    width:50%;
    display:flex;
    justify-content:center;
    align-items:center}

.about-area .partner4-img
 {   background-image:url(/assets/img/partners/mintrans.png);
    background-repeat:no-repeat;
    height:400px;
    width:1024px;
    flex: 1;
  
  
  
   }

.about-area .partner5-img
 {   background-image:url(/assets/img/partners/yujoy1.png);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:400px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}

.about-area .partner6-img
 {   background-image:url(/assets/img/partners/wb1.png);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:400px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}

.about-area .partner7-img
 {   background-image:url(/assets/img/partners/ABDA.png);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:400px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}

    .about-area .partner8-img
 {   background-image:url(/assets/img/partners/UNDP-logo.webp);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:400px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}

.about-area .partner9-img
 {   background-image:url(/assets/img/partners/jicapn.png);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:400px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}

.about-area .partner10-img
 {   background-image:url(/assets/img/partners/talim1.png);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:400px;width:50%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end}



@media (max-width: 575px)
{.about-area .about-img{width:100%;height:500px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area .about-img{width:100%;height:550px}}

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

{.about-area .about-img{width:100%;height:600px}}

.about-area .about-details
{background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    height:700px;
    width:50%;
    padding:100px 75px;
    display:flex;
    align-items:center}

.about-details1{
   background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    height:700px;
    width:50%;
    padding:100px 75px;
    display:flex;
    align-items:center
}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.about-area .about-details{padding:20px 20px 20px 50px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.about-area .about-details
    {width:100%;
        padding:50px 30px;
        padding-bottom:0;
        height:615px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area .about-details
    {width:100%;
        padding:50px 30px;
        height:615px;
        padding-bottom:0}}

@media (max-width: 575px)
{.about-area .about-details
    {width:100%;
        padding:50px 15px;
        height:755px}}

.about-area .about-details .right-caption{width:50%}

@media only screen and (min-width: 1200px) and (max-width: 1440px)
{.about-area .about-details .right-caption{width:100%}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.about-area .about-details .right-caption{width:100%}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area .about-details .right-caption{width:100%}}

@media (max-width: 575px)
{.about-area .about-details .right-caption{width:100%}}

.about-area .about-details .right-caption .about-more p
.pera-top
{margin-bottom:25px}

.about-details .about-details-cap h4
{font-size:30px;
    font-family:"Raleway",sans-serif;
    font-weight:700;
    margin-bottom:30px;
    color:#000a2d;
    display:inline-block}

.about-details .about-details-cap p
{color:#464d65;
    font-size:16px}

.footer-tittles{padding-top:30px} 

@media (max-width: 575px)
{
    .footer-tittles{padding-top:15px}}

    .footer-tittles p{
        padding-bottom:22px;
        color:#820e94;;
        font-size:16px}
    .footer-tittles h2{
        
        font-weight:300;
        font-size:30px}

@media (max-width: 575px)
{.footer-tittles h2{font-size:45px}}

@media (max-width: 575px){.footer-tittles h2{font-size:33px}}
.about-area2
{display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.about-area2{display:block}}

@media (max-width: 575px){.about-area2{display:block}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area2{display:block}}
.about-area2 .about-img2
{background-image:url(../img/gallery/about-img2.png);
    background-size:100%;
    background-size:cover;
    background-repeat:no-repeat;
    height:700px;
    width:50%;
    justify-content:center;
    align-items:end;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:end;
    -moz-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    align-items:flex-end}

@media (max-width: 575px)
{.about-area2 .about-img2
    {width:100%;height:500px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area2 .about-img2
    {width:100%;
        height:550px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.about-area2 .about-img2{width:100%;height:600px}}
.about-area2 .about-img2 .info-man2
{background:#fff;
    display:inline-block;
    padding:23px 36px;
    border-radius:20px;
    margin-right:10px;
    box-shadow:0 15px 25px rgba(253,143,95,0.1);
    margin-bottom:-50px}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.about-area2 .about-img2 .info-man2
    {padding:23px 22px}}
    .about-area2 .about-img2 .info-man2 .head-cap2{
        display:flex;
        margin-bottom:15px}

@media (max-width: 575px)
{.about-area2 .about-img2 .info-man2 .head-cap2{margin-bottom:9px}}
.about-area2 .about-img2 .info-man2 .head-cap2 img{width:inherit}
.about-area2 .about-img2 .info-man2 .head-cap2 h3
{color:#FD8F5F;
    font-size:40px;
    font-weight:600;
    padding-left:15px;
    line-height:32px}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.about-area2 .about-img2 .info-man2 .head-cap2 h3{font-size:34px}}
.about-area2 .about-img2 .info-man2 p
{color:#010A44;
    margin:0;
    line-height:1.5}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.about-area2 .about-img2 .info-man2 p{font-size:13px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area2 .about-img2 .info-man2 p{font-size:13px}}

@media (max-width: 575px){.about-area2 .about-img2 .info-man2 p{font-size:13px}}

@media (max-width: 575px)
{.about-area2 .about-img2 .info-man2.info-man3{display:none !important}}

.about-area2 .about-details2
{height:700px;
    width:50%;
    padding:85px 29px;
    display:flex;
    align-items:center;
    padding-left:20%}

@media only screen and (min-width: 1200px) and (max-width: 1440px)
{.about-area2 .about-details2{padding-left:8%}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.about-area2 .about-details2{padding:85px 29px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.about-area2 .about-details2{width:100%;padding:50px 30px;height:591px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area2 .about-details2{width:100%;padding:50px 30px;height:530px}}

@media (max-width: 575px)
{.about-area2 .about-details2
    {width:100%;
        padding:50px 15px;
        height:548px;
        padding-top:0}}

.about-area2 .about-details2 .right-caption2{width:0%} 

@media only screen and (min-width: 1200px) and (max-width: 1440px)
{.about-area2 .about-details2 .right-caption2{width:95%}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.about-area2 .about-details2 .right-caption2{width:100%}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.about-area2 .about-details2 .right-caption2{width:100%}}

@media (max-width: 575px)
{.about-area2 .about-details2 .right-caption2{width:100%}}

.about-area2 .about-details2 .right-caption2 .about-more2 p.pera-top2
{margin-bottom:25px}

.about-details2 .about-details-cap2 h4
{font-size:30px;
    font-family:"Raleway",sans-serif;
    font-weight:700;
    margin-bottom:30px;
    color:#000a2d;
    display:inline-block}

.about-details2 .about-details-cap2 p
{color:#464d65;font-size:16px}

.collapse-wrapper .card
{border:0em;border-radius:0}

.collapse-wrapper .card:last-child
{margin-bottom:0px}

.collapse-wrapper .card-header
{   padding:0;
    border-radius:0;
    background:none;
    border:0}

.collapse-wrapper .card-header a
{   font-size:16px;
    padding:20px 15px 20px 41px;
    color:#506072;
    display:block;
    text-decoration:none;
    border-bottom:1px solid #EFEFEF !important}

.collapse-wrapper .card-header a.btn-link
{color:#700848}

.collapse-wrapper .card-header a.collapsed
{color:#010A44}

.collapse-wrapper .card-header h2 a.collapsed::after
{content:"\e61a";
    font-weight:800;
    color:#FD8F5F}

.collapse-wrapper .card-header h2 a::after
{position:absolute;
    top:22px;
    font-size:15px;
    color:#FD8F5F;
    left:8px;
    font-weight:600;
    content:"\e622";
    font-family:'themify'}

.collapse-wrapper .card-body
{background:#fff;
    padding:20px 38px}

.team-area .single-team .team-img
{position:relative;
    width: 270px;
    height: 320px;
    border-radius: 15px;
    overflow:hidden}

.team-area .single-team .team-img img
{width:100%;
    height: 100%;
}

.team-area .single-team .team-caption
{   width:100%;
    padding-top:30px;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s}
.team-area .single-team .team-caption h3
{margin-bottom:3px;
    line-height:13px;
    font-family:"Muli",sans-serif}

.team-area .single-team .team-caption h3 a
{color:#430d4b;
    font-weight:600;
    font-size:22px;
    margin-bottom:12px;
    display:block}

.team-area .single-team .team-caption h3 a:hover
{color:#dc5419}

.team-area .single-team .team-caption p
{color:#820e94;
    font-size:16px;
    margin:0;padding:0}

.team-area .single-team:hover .team-img .team-social
{opacity:1;
    visibility:visible}

.team-area .single-team:hover .team-img .team-social a
{transform:translateY(6px);
    opacity:1;
    visibility:visible}

.team-social
{position:absolute;
    bottom:0;left:0;
    right:0;
    text-align:center;
    background:rgba(1,10,68,0.5);
    padding:15px;
    border-radius:10px;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s}


.team-social li{display:inline-block}

.team-social li a
{color:#fff;
    font-size:14px;
    margin:0 12px;
    display:inline-block;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    transform:translateY(60px);
    opacity:1;
    visibility:visible}

.team-social li a:hover{color:#FD8F5F}

.team-social li a i{display:inline-block}

.team-social li:nth-child(1) a{transition-delay:0.0s}

.team-social li:nth-child(2) a{transition-delay:0.1s}

.team-social li:nth-child(3) a{transition-delay:0.2s}

.team-social li:nth-child(4) a{transition-delay:0.3s}

.slang{
font-style: italic;
color: #820e94;
}

.office-pera
{padding:85px 81px 68px 90px;
    background:#FEF2ED}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.office-pera{padding:65px 46px 24px 50px}}

@media (max-width: 575px)
{.office-pera{padding:44px 28px 34px 35px}}
.home-blog .single-blogs{margin:0 15px}
.home-blog .single-blogs:hover .blog-img img
{box-shadow:0 15px 25px rgba(1,10,68,0.3)}

.home-blog .single-blogs .blog-img
{margin-bottom:31px;
    width:100%;
    
}
.home-blog .single-blogs .blog-img img
{   display:inherit;
    border-radius:15px;
    margin-bottom:25px;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    width:100%;
    height: 230px;}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.home-blog .single-blogs .blog-img img{width:310px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.home-blog .single-blogs .blog-img img{width:350px}}

@media (max-width: 575px){.home-blog .single-blogs .blog-img img{width:270px}}

.home-blog .single-blogs .blogs-cap h5 a
{font-size:24px;
    line-height:1.4;
    margin-bottom:12px;
    font-weight:600;
    display:block;
    color:#820e94 !important}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.home-blog .single-blogs .blogs-cap h5 a{font-size:20px}}

.home-blog .single-blogs .blogs-cap h5 a:hover{color:#FD8F5F}

.home-blog .single-blogs .blogs-cap p{margin-bottom:24px}

.home-blog .single-blogs .blogs-cap a.more-btn{color:#FD8F5F;
    font-size:18px;font-weight:400}

.home-blog .single-blogs .blogs-cap a.more-btn:hover{letter-spacing:1px}

.home-blog .single-blogs:hover .services-ion span{color:#FD8F5F}

.home-blog .single-blogs .stickers{position:absolute;left:36px;top:35px}

.home-blog .single-blogs .stickers span
{padding:7px 18px;
    background:#FD8F5F;
    color:#fff;
    border-radius:30px;
    font-size:14px}

.blog-active button.slick-arrow
{position:absolute;
    border:5px solid #820e94;
    padding:0;
    z-index:2;
    cursor:pointer;
    top:50%;
    transform:translateY(-50%);
    left:auto;
    color:#820e94;
    background:#45074e;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    border-radius:50%;
    font-size:20px;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s;
    }

.blog-active button.slick-arrow:hover
{border:1px solid #820e94;
background-color: #45074e;}

.blog-active button.slick-arrow:hover i{color:#7e0707}

.blog-active button.slick-arrow i
{font-size:20px;
    color:#820e94;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s}
    

.blog-active button.slick-prev
{transform:rotate(-45deg) !important;left:-10px}

@media only screen and (min-width: 1200px) and (max-width: 1300px)
{.blog-active button.slick-prev{left:-2px}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.blog-active button.slick-prev{left:-2px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.blog-active button.slick-prev{left:-2px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.blog-active button.slick-prev{left:-2px}}

@media (max-width: 575px)
{.blog-active button.slick-prev{left:-2px}}

.blog-active button.slick-prev i{color:#820e94}

.blog-active button.slick-next
{transform:rotate(45deg) !important;right:-10px}

@media only screen and (min-width: 1200px) and (max-width: 1300px)
{.blog-active button.slick-next{right:-4px}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.blog-active button.slick-next{right:-4px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.blog-active button.slick-next{right:-4px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.blog-active button.slick-next{right:-4px}}

@media (max-width: 575px)
{.blog-active button.slick-next{right:-4px}}


.blog-active button.slick-next i{color:#45074e}

.latest-blog-area .area-heading{margin-bottom:70px}

.blog_area a
{color:"Raleway",sans-serif !important;
    text-decoration:none;
    transition:.4s}

.blog_area a:hover,.blog_area a :hover
{background:-webkit-linear-gradient(131deg, #FD8F5F 0%, #FD8F5F 99%);
    -webkit-text-fill-color:transparent;
    text-decoration:none;
    transition:.4s}

.single-blog{overflow:hidden;margin-bottom:30px}

.single-blog:hover{box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1)}

.single-blog .thumb{overflow:hidden;position:relative}

.single-blog .thumb:after{content:'';
    position:absolute;
    left:0;top:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.single-blog h4
{border-bottom:1px solid #dfdfdf;
    padding-bottom:34px;
    margin-bottom:25px}

.single-blog a{font-size:20px;
    font-weight:600}
.single-blog .date
{color:#666666;
    text-align:left;
    display:inline-block;
    font-size:13px;
    font-weight:300}
.single-blog .tag
{text-align:left;
    display:inline-block;
    
    font-size:13px;
    font-weight:300;
    margin-right:22px;
    position:relative}

.single-blog .tag:after
{content:'';
    position:absolute;
    width:1px;
    height:10px;
    background:#acacac;
    right:-12px;top:7px}

@media (max-width: 1199px)
{.single-blog .tag{margin-right:8px}
.single-blog .tag:after{display:none}}
.single-blog .likes{margin-right:16px}

@media (max-width: 800px)
{.single-blog{margin-bottom:30px}}
.single-blog .single-blog-content{padding:30px}
.single-blog .single-blog-content .meta-bottom p
{font-size:13px;font-weight:300}

.single-blog .single-blog-content .meta-bottom i
{color:#fdcb9e;font-size:13px;margin-right:7px}

@media (max-width: 1199px)
{.single-blog .single-blog-content{padding:15px}}
.single-blog:hover .thumb:after
{opacity:.7;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

@media (max-width: 1199px)
{.single-blog h4{transition:all 300ms linear 0s;
    border-bottom:1px solid #dfdfdf;
    padding-bottom:14px;
    margin-bottom:12px}
.single-blog h4 a{font-size:18px}}
.full_image.single-blog{position:relative}
.full_image.single-blog .single-blog-content
{position:absolute;
    left:35px;
    bottom:0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

@media (min-width: 992px)
{
.full_image.single-blog .single-blog-content{bottom:100px}}
.full_image.single-blog h4
{-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    border-bottom:none;
    padding-bottom:5px}

.full_image.single-blog a
{font-size:20px;
    font-weight:600}
.full_image.single-blog .date{color:#fff}

.full_image.single-blog:hover .single-blog-content
{opacity:1;visibility:visible;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.l_blog_item .l_blog_text .date{margin-top:24px;margin-bottom:15px}
.l_blog_item .l_blog_text .date a{font-size:12px}

.l_blog_item .l_blog_text h4
{font-size:18px;
    border-bottom:1px solid #eeeeee;
    margin-bottom:0px;
    padding-bottom:20px;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.l_blog_item .l_blog_text p{margin-bottom:0px;padding-top:20px}

.causes_slider .owl-dots{text-align:center;margin-top:80px}

.causes_slider .owl-dots .owl-dot
{height:14px;
    width:14px;
    background:#eeeeee;
    display:inline-block;
    margin-right:7px}
.causes_slider .owl-dots .owl-dot:last-child
{margin-right:0px}
.causes_item{background:#fff}

.causes_item .causes_img{position:relative}

.causes_item .causes_img .c_parcent
{position:absolute;
    bottom:0px;
    width:100%;
    left:0px;
    height:3px;
    background:rgba(255,255,255,0.5)}

.causes_item .causes_img .c_parcent span
{width:70%;
    height:3px;
    position:absolute;
    left:0px;
    bottom:0px}
.causes_item .causes_img .c_parcent span:before
{content:"75%";
    position:absolute;
    right:-10px;
    bottom:0px;
    color:#fff;
    padding:0px 5px}

.causes_item .causes_text
{padding:30px 35px 40px 30px}

.causes_item .causes_text h4
{font-size:18px;
    font-weight:600;
    margin-bottom:15px;
    cursor:pointer}

.causes_item .causes_text p
{font-size:14px;
    line-height:24px;
    font-weight:300;
    margin-bottom:0px}

.causes_item .causes_bottom a
{width:50%;
    border:1px solid;
    text-align:center;
    float:left;
    line-height:50px;
    color:#fff;
    font-size:14px;
    font-weight:500}

.causes_item .causes_bottom a+a
{border-color:#eeeeee;
    background:#fff;
    font-size:14px}

.latest_blog_area{background:#f9f9ff}

.single-recent-blog-post{margin-bottom:30px}

.single-recent-blog-post .thumb{overflow:hidden}

.single-recent-blog-post .thumb img{transition:all 0.7s linear}

.single-recent-blog-post .details{padding-top:30px}

.single-recent-blog-post .details .sec_h4
{line-height:24px;
    padding:10px 0px 13px;
    transition:all 0.3s linear}

.single-recent-blog-post .date
{font-size:14px;
    line-height:24px;
    font-weight:400}
.single-recent-blog-post:hover img{transform:scale(1.23) rotate(10deg)}

.tags .tag_btn
{font-size:12px;
    font-weight:500;
    line-height:20px;
    border:1px solid #eeeeee;
    display:inline-block;
    padding:1px 18px;
    text-align:center}

.tags .tag_btn+.tag_btn{margin-left:2px}
.blog_categorie_area
{padding-top:30px;
    padding-bottom:30px}

@media (min-width: 900px)
{.blog_categorie_area{padding-top:80px;padding-bottom:80px}}

@media (min-width: 1100px)
{.blog_categorie_area
    {padding-top:120px;
        padding-bottom:120px}}
.categories_post
{position:relative;
    text-align:center;
    cursor:pointer}
.categories_post img
{max-width:100%}
.categories_post .categories_details
{position:absolute;
    top:20px;
    left:20px;
    right:20px;
    bottom:20px;
    background:rgba(34,34,34,0.75);
    color:#fff;
    transition:all 0.3s linear;
    display:flex;
    align-items:center;
    justify-content:center}
.categories_post .categories_details h5
{margin-bottom:0px;
    font-size:18px;
    line-height:26px;
    text-transform:uppercase;
    color:#fff;
    position:relative}
.categories_post .categories_details p
{font-weight:300;
    font-size:14px;
    line-height:26px;
    margin-bottom:0px}
.categories_post .categories_details .border_line
{margin:10px 0px;
    background:#fff;
    width:100%;
    height:1px}
.categories_post:hover .categories_details
{background:rgba(222,99,32,0.85)}
.blog_item{margin-bottom:50px}
.blog_details
{padding:30px 0 20px 10px;
    box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)}
    
@media (min-width: 768px)
{.blog_details{padding:60px 30px 35px 35px}}
.blog_details p{margin-bottom:30px}
.blog_details a{color:#080808}
.blog_details a:hover{color:#c723e1 !important}
.blog_details h2
{    font-size:18px;
    font-weight:600;
    margin-bottom:8px}
    

@media (min-width: 768px)
{.blog_details h2{font-size:24px;margin-bottom:15px}}
.blog-info-link li{float:left;font-size:14px}
.blog-info-link li a{color:#999999}
.blog-info-link li i,.blog-info-link li span{font-size:13px;margin-right:5px}
.blog-info-link li::after{content:"|";padding-left:10px;padding-right:10px}
.blog-info-link li:last-child::after{display:none}
.blog-info-link::after{content:"";display:block;clear:both;display:table}
.blog_item_img{position:relative}
.blog_item_img .blog_item_date
{   position:absolute;
    bottom:-10px;
    left:10px;
    display:block;
    color:#fff;
    background-color:#45074e;
    padding:8px 15px;
    border-radius:5px}

@media (min-width: 768px)
{.blog_item_img .blog_item_date
    {bottom:-20px;left:40px;padding:13px 30px}}

.blog_item_img .blog_item_date h3
{font-size:22px;font-weight:600;color:#fff;
    margin-bottom:0;line-height:1.2}

@media (min-width: 768px)
{.blog_item_img .blog_item_date h3{font-size:30px}}
.blog_item_img .blog_item_date p{font-size:18px;margin-bottom:0;color:#fff}

@media (min-width: 768px)
{.blog_item_img .blog_item_date p{font-size:18px}}

.blog_right_sidebar .widget_title
{font-size:20px;margin-bottom:40px}

.blog_right_sidebar .widget_title::after
{content:"";display:block;
    padding-top:15px;
    border-bottom:1px solid #f0e9ff}

.blog_right_sidebar .single_sidebar_widget
{background:#fbf9ff;
    padding:30px;
    margin-bottom:30px}

.blog_right_sidebar .single_sidebar_widget .btn_1
{margin-top:0px}

.blog_right_sidebar .search_widget .form-control
{height:50px;
    border-color:#f0e9ff;
    font-size:13px;color:#999999;
    padding-left:20px;
    border-radius:0;
    border-right:0}
.blog_right_sidebar .search_widget .form-control::placeholder{color:#999999}
.blog_right_sidebar .search_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}
.blog_right_sidebar .search_widget .input-group button
{background:#FD8F5F;
    border-left:0;
    border:1px solid #f0e9ff;
    padding:4px 15px;
    border-left:0;cursor:pointer}

.blog_right_sidebar .search_widget .input-group button i
{color:#fff}
.blog_right_sidebar .search_widget .input-group button span
{font-size:14px;color:#999999}
.blog_right_sidebar .newsletter_widget .form-control
{height:50px;
    border-color:#f0e9ff;
    font-size:13px;color:#999999;
    padding-left:20px;border-radius:0}
    
.blog_right_sidebar .newsletter_widget .form-control::placeholder
{color:#999999}

.blog_right_sidebar .newsletter_widget .form-control:focus
{border-color:#f0e9ff;outline:0;box-shadow:none}

.blog_right_sidebar .newsletter_widget .input-group button
{background:#fff;
    border-left:0;
    border:1px solid #f0e9ff;
    padding:4px 15px;
    border-left:0}

   
.blog_right_sidebar .newsletter_widget .input-group button i,
.blog_right_sidebar .newsletter_widget .input-group button span
{font-size:14px;color:#fff}
.blog_right_sidebar .post_category_widget .cat-list li
{border-bottom:1px solid #f0e9ff;transition:all 0.3s ease 0s;padding-bottom:12px}

.blog_right_sidebar .post_category_widget .cat-list li:last-child{border-bottom:0}
.blog_right_sidebar .post_category_widget .cat-list li a
{font-size:14px;line-height:20px;color:#888888}

.blog_right_sidebar .post_category_widget .cat-list li a p
{margin-bottom:0px}
.blog_right_sidebar .post_category_widget .cat-list li+li
{padding-top:15px}
.blog_right_sidebar .popular_post_widget .post_item .media-body
{justify-content:center;align-self:center;padding-left:20px}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3
{font-size:16px;line-height:20px;margin-bottom:6px;transition:all 0.3s linear}
.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover
{color:#fff}

.blog_right_sidebar .popular_post_widget .post_item .media-body p
{font-size:14px;line-height:21px;margin-bottom:0px}

.blog_right_sidebar .popular_post_widget .post_item+.post_item
{margin-top:20px}

.blog_right_sidebar .tag_cloud_widget ul li
{display:inline-block}

.blog_right_sidebar .tag_cloud_widget ul li a
{display:inline-block;
    border:1px solid #eeeeee;
    background:#fff;padding:4px 20px;
    margin-bottom:8px;
    margin-right:3px;transition:all 0.3s ease 0s;
    color:#888888;font-size:13px}

.blog_right_sidebar .tag_cloud_widget ul li a:hover
{background:#FD8F5F;
    color:#fff !important;
    -webkit-text-fill-color:#fff;
    text-decoration:none;
    -webkit-transition:0.5s;
    transition:0.5s}

.blog_right_sidebar .instagram_feeds .instagram_row
{display:flex;margin-right:-6px;margin-left:-6px}

.blog_right_sidebar .instagram_feeds .instagram_row li
{width:33.33%;float:left;padding-right:6px;padding-left:6px;margin-bottom:15px}
.blog_right_sidebar .br{width:100%;height:1px;background:#eee;margin:30px 0px}
.blog-pagination{margin-top:80px}

.blog-pagination .page-link
{font-size:14px;
    position:relative;
    display:block;
    padding:0;
    text-align:center;
    margin-left:-1px;
    line-height:45px;
    width:45px;
    height:45px;
    border-radius:0 !important;
    color:#6f139d !important;
    border:1px solid #530af0 !important;
    margin-right:10px}

.blog-pagination .page-link i,.blog-pagination .page-link span
{font-size:13px}

.blog-pagination .page-item:active .page-link
{background-color:#5f37ae;
    border-color:#f0e9ff;
    color:#be1717}

.blog-pagination .page-item:last-child .page-link{margin-right:0}

.philosophy-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  background-color: #f9f9f9;
  gap: 40px;
}

.philosophy-image {
  flex: 1 1 40%;
  display: flex;
  justify-content: center;
}

.philosophy-image img {
  width: 100%;
  max-width: 400px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.portfolio-image img {
  margin-left: 50px;
  width: 100%;
  max-width: 300px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}
.philosophy-content {
  flex: 1 1 50%;
  
}

.title-block h3 {
    color: #761885;
  font-size: 25px;
  font-style: italic;
 


  margin-bottom: 20px;
  
}

.text-block p {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 15px;
  color: #430d4b;
}

.author-info p {
  margin: 10px 0 0;
  font-weight: 500;
  color: #430d4b;
}

.author-info h3 {
  font-size: 20px;
  margin-top: 5px;
  color: #430d4b;
}

/* Animation base */
[data-animate] {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s ease;
}

[data-animate].animated {
  opacity: 1;
  transform: translateY(0);
}

[data-animate="slide-in-left"] {
  transform: translateX(-100px);
}

[data-animate="slide-in-right"] {
  transform: translateX(100px);
}

[data-animate].animated.slide-in-left,
[data-animate].animated.slide-in-right {
  transform: translateX(0);
}

/* Responsive */
@media (max-width: 768px) {
  .philosophy-section {
    flex-direction: column;
    text-align: center;
  }

  .philosophy-image,
  .philosophy-content {
    flex: 1 1 100%;
  }

  .title-block h2 {
    font-size: 28px;
  }

  .author-info h3 {
    font-size: 18px;
  }
}



.single-post-area .blog_details
{box-shadow:none;padding:0}

.single-post-area .social-links
{padding-top:10px}

.single-post-area .social-links li
{display:inline-block;margin-bottom:10px}

.single-post-area .social-links li a
{color:#cccccc;padding:7px;font-size:14px;transition:all 0.2s linear}

.single-post-area .blog_details{padding-top:26px}
.single-post-area .blog_details p
{margin-bottom:20px;font-size:15px}
.single-post-area .quote-wrapper
{background:rgba(130,139,178,0.1);
    padding:15px;
    line-height:1.733;
    color:#888888;
    font-style:italic;
    margin-top:25px;
    margin-bottom:25px}

@media (min-width: 768px)
{.single-post-area .quote-wrapper{padding:30px}}

.single-post-area .quotes
{background:#fff;padding:15px 15px 15px 20px;border-left:2px solid}

@media (min-width: 768px)
{.single-post-area .quotes{padding:25px 25px 25px 30px}}

.single-post-area .arrow{position:absolute}

.single-post-area .arrow .lnr{font-size:20px;font-weight:600}

.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,0.8)}

.single-post-area .navigation-top
{padding-top:15px;border-top:1px solid #f0e9ff}

.single-post-area .navigation-top p{margin-bottom:0}

.single-post-area .navigation-top .like-info{font-size:14px}

.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span
{font-size:16px;margin-right:5px}

.single-post-area .navigation-top .comment-count
{font-size:14px}

.single-post-area .navigation-top .comment-count i,
.single-post-area .navigation-top .comment-count span
{font-size:16px;margin-right:5px}

.single-post-area .navigation-top .social-icons li
{display:inline-block;margin-right:15px}
.single-post-area .navigation-top .social-icons li:last-child{margin:0}
.single-post-area .navigation-top .social-icons li i,
.single-post-area .navigation-top .social-icons li span
{font-size:14px;color:#999999}
.single-post-area .blog-author{padding:40px 30px;background:#fbf9ff;margin-top:50px}

@media (max-width: 600px)
{.single-post-area .blog-author{padding:20px 8px}}
.single-post-area .blog-author img
{width:90px;height:90px;border-radius:50%;margin-right:30px}

@media (max-width: 600px)
{.single-post-area .blog-author img{margin-right:15px;width:45px;height:45px}}
.single-post-area .blog-author a{display:inline-block}
.single-post-area .blog-author a:hover{color:#FF8239}
.single-post-area .blog-author p{margin-bottom:0;font-size:15px}
.single-post-area .blog-author h4{font-size:16px}
.single-post-area .navigation-area
{border-bottom:1px solid #eee;padding-bottom:30px;margin-top:55px}
.single-post-area .navigation-area p{margin-bottom:0px}
.single-post-area .navigation-area h4{font-size:18px;line-height:25px}

.single-post-area .navigation-area .nav-left{text-align:left}
.single-post-area .navigation-area .nav-left .thumb
{margin-right:20px;background:#000}

.single-post-area .navigation-area .nav-left .thumb img
{-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.single-post-area .navigation-area .nav-left .lnr
{margin-left:20px;
    opacity:0;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}
.single-post-area .navigation-area .nav-left:hover .lnr
{opacity:1}
.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}


@media (max-width: 767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}}

.single-post-area .navigation-area .nav-right{text-align:right}
.single-post-area .navigation-area .nav-right .thumb
{margin-left:20px;background:#000}

.single-post-area .navigation-area .nav-right .thumb img
{-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.single-post-area .navigation-area .nav-right .lnr
{margin-right:20px;
    opacity:0;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.single-post-area .navigation-area .nav-right:hover .lnr
{opacity:1}
.single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}

@media (max-width: 991px){.single-post-area .sidebar-widgets
    {padding-bottom:0px}}.comments-area{background:transparent;border-top:1px solid #eee;padding:45px 0;margin-top:50px}

@media (max-width: 414px)
{.comments-area{padding:50px 8px}}
.comments-area h4{margin-bottom:35px;font-size:18px}
.comments-area h5{font-size:16px;margin-bottom:0px}
.comments-area .comment-list{padding-bottom:48px}
.comments-area .comment-list:last-child{padding-bottom:0px}
.comments-area .comment-list.left-padding{padding-left:25px}

@media (max-width: 413px)
{.comments-area .comment-list .single-comment h5{font-size:12px}
.comments-area .comment-list .single-comment .date{font-size:11px}
.comments-area .comment-list .single-comment .comment{font-size:10px}}


.comments-area .thumb{margin-right:20px}
.comments-area .thumb img{width:70px;border-radius:50%}
.comments-area .date{font-size:14px;color:#999999;margin-bottom:0;margin-left:20px}
.comments-area .comment{margin-bottom:10px;color:#777777;font-size:15px}
.comments-area .btn-reply
{background-color:transparent;
    color:#888888;padding:5px 18px;
    font-size:14px;display:block;font-weight:400}

.comment-form{border-top:1px solid #eee;
    padding-top:45px;margin-top:50px;
    margin-bottom:20px}

.comment-form .form-group{margin-bottom:30px}
.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px}
.comment-form .name{padding-left:0px}

@media (max-width: 767px)
{.comment-form .name{padding-right:0px;margin-bottom:1rem}}
.comment-form .email{padding-right:0px}

@media (max-width: 991px)
{.comment-form .email{padding-left:0px}}

.comment-form .form-control
{border:1px solid #f0e9ff; 
    border-radius:5px;
    height:48px;
    padding-left:18px;
    font-size:13px;
    background:transparent}
    
.comment-form .form-control:focus
{outline:0;
    box-shadow:none}

.comment-form .form-control::placeholder
{font-weight:300;
    color:#999999}

.comment-form .form-control::placeholder
{color:#777777}

.comment-form textarea
{padding-top:18px;
    border-radius:12px;
    height:100% !important}
F
.comment-form ::-webkit-input-placeholder
{font-size:13px;color:#777}

.comment-form ::-moz-placeholder
{font-size:13px;color:#777}

.comment-form :-ms-input-placeholder
{font-size:13px;color:#777}

.comment-form :-moz-placeholder
{font-size:13px;color:#777}
.wantToWork-area{
    
    background-image: url(/assets/img/galaxy4.jpg);
    z-index: -1;
}


.wantToWork-area .wantToWork-caption h2
{   
    font-size:35px;
    font-weight:700;
    color: #fce7ff;
    text-shadow: #fffF;
    line-height:1.5;
    margin-bottom:20px}



@media only screen and (min-width: 768px) and (max-width: 991px)
{.wantToWork-area .wantToWork-caption h2
    {font-size:30px}}


@media only screen and (min-width: 576px) and (max-width: 767px)
{.wantToWork-area .wantToWork-caption h2
    {font-size:35px;margin-bottom:20px}}


@media (max-width: 575px)
{.wantToWork-area .wantToWork-caption h2
    {font-size:25px;margin-bottom:20px}}

.wantToWork-area .wantToWork-caption p
{font-size:18px;
    color: #ffffff;
    margin-bottom:0}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.wantToWork-area .wantToWork-btn{float:left;margin-top:30px}}

@media (max-width: 575px){.wantToWork-area .wantToWork-btn{float:left;margin-top:30px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.wantToWork-area .wantToWork-btn{float:left;margin-top:30px}}

@media (max-width: 575px){.sm-left{float:left;margin-top:30px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.sm-left{float:left;margin-top:30px}}

.btn.w-btn{padding:18px 65px 18px 33px}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.double-btn.f-right{float:left}}

@media (max-width: 575px)

{.double-btn.f-right{float:left}}


.services-section .single-services
{margin:0 15px}
@media only screen and (min-width: 575px)and (max-width: 767px){
    .single-services{width: 100%}
    
}

.services-section .single-services.single-services2
{margin:0 inherit;margin-bottom:30px}

.services-section .single-services .services-img
 {position:relative;
    overflow:hidden;
    border-radius:13px}

.services-section .single-services .services-img img
{width: 100%;
height: 300px;}

.services-section 
.single-services .services-caption
{position:absolute;
    top:110%;
    transform:translateY(-35%);
    width:100%;
    height: 350px;
    text-align:center;
    -webkit-transition:.6s;
    -moz-transition:.6s;
    -o-transition:.6s;
    transition:.6s;
    z-index:1}

@media only screen and (min-width: 992px) and (max-width: 1199px)
    {.services-section .single-services .services-caption{top:111%}}
    
@media only screen and (min-width: 768px) and (max-width: 991px)
{.services-section .single-services .services-caption{top:112%}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.services-section .single-services .services-caption{top:50%}}

@media (max-width: 575px)
{.services-section .single-services .services-caption{top:50%}}

.services-section .single-services .services-caption h3
{margin-bottom:22px;
    line-height:22px;
    font-weight:700;
    font-family:"Muli",sans-serif}

.services-section .single-services .services-caption h3 a
{color:#fff;
    font-weight:700;
    font-size:20px}

.services-section .single-services .services-caption h3 a:hover{color:#fff}

.services-section .single-services .services-caption p
{color:#fff;
    font-size:16px;
    margin:0;
    padding:0 15px;
    margin-bottom:27px;
    line-height:1.6}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.services-section .single-services .services-caption p{font-size:14px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.services-section .single-services .services-caption p{font-size:11px}}

@media (max-width: 575px)
{.services-section .single-services .services-caption p
    {font-size:11px}}

.services-section .single-services:hover .services-caption
{top:50%}

.services-section .single-services:hover .services-caption h3 a
{color:#fff}

.services-active button.slick-arrow
{position:absolute;
    border:1px solid #45074e;
    padding:0;z-index:2;
    cursor:pointer;top:50%;
    transform:translateY(-50%);
    left:auto;
    color:#45074e;
    background:#fff;
    width:50px;
    height:50px;
    text-align:center;
    line-height:50px;
    border-radius:50%;
    font-size:20px;
    
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s}

.services-active button.slick-arrow:hover
{border:1px solid #45074e;
background-color: #45074e;}

.services-active button.slick-arrow:hover i
{color:#ffffff;
}

.services-active button.slick-arrow i
{font-size:20px;
    color:#820e94;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s}

.services-active button.slick-prev
{transform:rotate(-45deg) !important;
    left:-58px}

.services-active button.slick-prev i{color:#820e94}

.services-active button.slick-next
{transform:rotate(45deg) !important;right:-58px}

.services-active button.slick-next i
 {color:#820e94}

.founder-img{margin-left:-15px;
    height: 150px;
    width: 150px;
}

.testimonial-area .testimonial-caption{position:relative}
.testimonial-area .testimonial-caption img
{position:absolute;
top:-69px;
left:-80px;
z-index:-1}

.blog-head{
    color: #45074e !important;
}
.blog-head:hover{
    color: #821b92 !important;
}

@media (max-width: 575px)
    {.testimonial-area .testimonial-caption img{display:none}}

.testimonial-area .testimonial-caption p
    {font-size:19px;
        color:#010A44;
        line-height:1.6;
        margin-bottom:46px}

@media only screen and (min-width: 992px) and (max-width: 1199px)
    {.testimonial-area .testimonial-caption p{margin-bottom:40px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.testimonial-area .testimonial-caption p{width:99%}}

@media (max-width: 575px)
{.testimonial-area .testimonial-caption p
    {margin-bottom:33px}}


.testimonial-area .single-testimonial{padding:100px 10px 0 100px}

@media (max-width: 575px)
{.testimonial-area .single-testimonial{padding:11px 16px 0 18px}
}


.testimonial-area .rattiong-caption span
{color:#06080a;
    font-size:24px;
    font-weight:500;
    text-transform:uppercase;
    font-family:"Raleway",sans-serif}

.testimonial-area .rattiong-caption span span
{color:#820e94;
    font-size:16px;
    text-transform:capitalize;
    padding-left:15px}
.testimonial-area .founder-text{margin-left:24px}

.testimonial-area .founder-text span
{color:#820e94;
    font-weight:500;
    line-height:1.5;
    font-size:22px}

.testimonial-area .founder-text p
{color:#820e94;
    font-size:14px}

@media (max-width: 575px)
{.testimonial-area .founder-text p{font-size:12px}}

.h1-testimonial-active .slick-dots {
    display: none !important;
}

/* Umumiy stil */
.h1-testimonial-active .slick-arrow {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 2px solid #800080; /* mos ravishda logotip rangiga */
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: #800080;
    transition: 0.3s ease;
    z-index: 10;
}

/* Hover effekti */
.h1-testimonial-active .slick-arrow:hover {
    background-color: #800080;
    color: #fff;
    border-color: #800080;
}

/* Joylashuvi */
.h1-testimonial-active .slick-prev {
    left: -70px;
}

.h1-testimonial-active .slick-next {
    right: 70px;
}


    .h1-testimonial-active button.slick-arrow:hover
    {   color:#820e94}

    .h1-testimonial-active button.slick-next
    {   right:-10px;
        transform:rotate(45deg) !important}
    .h1-testimonial-active button.slick-prev
    {   right:-10px;
        transform:rotate(-45deg) !important}

    

 
  
 

    .slick-initialized .slick-slide{outline:0}

    @media only screen and (min-width: 768px) and 
    (max-width: 991px)
    {.footer-wrapper{padding:0}}

    @media only screen and (min-width: 576px) and 
    (max-width: 767px)
    {.footer-wrapper{padding:0}}

    @media (max-width: 575px)
    {.footer-wrapper{padding:0}}
    
    .footer-area .footer-pera p
    {color:#820e94;
        padding-right:52px;
        font-size:16px;
        margin-bottom:50px;
        line-height:1.8;
    }

    @media only screen and (min-width: 768px) and 
    (max-width: 991px)
    {.footer-area .footer-pera p{padding-right:0px}}

    @media only screen and (min-width: 576px) and 
    (max-width: 767px)
    {.footer-area .footer-pera p{padding-right:0px}}

    @media (max-width: 575px)
    {.footer-area .footer-pera p{padding-right:0px}}

    .footer-area .footer-pera.footer-pera2 p{padding:0}

    .footer-area .footer-tittle h4
    {color:#fff;
        font-size:24px;
        margin-bottom:40px;
        font-weight:600}

    .footer-area .footer-tittle ul li
    {margin-bottom:15px}
    .footer-area .footer-tittle ul li a
    {color:#9DA4AB;
        font-weight:300;
        font-size:16px;
        text-decoration:underline transparent}

    .footer-area .footer-tittle ul li a:hover
    {color:#fff;
        text-decoration:underline}

    .footer-area .footer-tittle p
    {color:#9DA4AB;font-size:16px}

    .footer-area .footer-form{margin-top:40px}

    .footer-area .footer-form form
    {position:relative}
    
    .footer-area .footer-form form input
    {width:100%;
        height:43px;
        padding:10px 20px;
        border:1px solid #9DA4AB;
        background:no-repeat;
        color:#9DA4AB;
        border-radius:30px}

    .footer-area .footer-form form .form-icon button
    {border:0;cursor:pointer;
        padding:13px 22px;
        background:#FD8F5F;
        line-height:1;
        width:100%;
        display:block;
        margin-top:24px;
        border-radius:30px}
    .footer-area .info.error{color:#FD8F5F}

    .footer-bottom-area .footer-border{padding-top:70px;padding-bottom:1px}

    @media only screen and (min-width: 768px) and (max-width: 991px)
    {.footer-bottom-area .footer-border{padding-top:0}}

    @media only screen and (min-width: 576px) and (max-width: 767px)
    {.footer-bottom-area .footer-border{padding-top:0}}

    @media (max-width: 575px){.footer-bottom-area .footer-border
        {padding-top:0}}

    .footer-bottom-area .footer-copy-right p
    {color:#fff;
        font-weight:400;
        font-size:14px;
        line-height:2;
        margin-bottom:12px i;
        border-bottom-color:#FD8F5F}

    .footer-bottom-area .footer-copy-right p a
    {color:#FD8F5F}

    .footer-social a
    {color:#440277;
    background:rgba(255, 255, 255, 0.86);
    width:40px;
    height:40px;
    border-radius:50%;
    font-size:14px;
    line-height:40px;
    display:inline-block;
    text-align:center;
    margin-right:8px}

    .footer-social a:hover
    {color:#fff;
    background:#5a0394cf}

    .footer-social a i
    {display:inline-block}

    .number a{font-size:26px !important;
        color:#FD8F5F !important;
            margin-bottom:23px;display:block}

    @media only screen and (min-width: 768px) and (max-width: 991px)
    
   {.number a{font-size:19px !important}}
   .page-notification
   {background:#EFF5F8;
    padding:13px 0;
    margin-bottom:45px}

    .breadcrumb{background:none;padding:0;margin:0}

    .breadcrumb a
    {color:#949EA5;
        font-size:15px;
        text-transform:capitalize;
        line-height:1;
        font-weight:400}

    .breadcrumb-item+.breadcrumb-item::before
    {display:inline-block;
        color:#949EA5;
        content:">";
        font-size:17px;
        line-height:1;
        padding:0 4px;
        padding-right:8px}

    .home-blog .single-blogs{margin:0 15px}

    .home-blog .single-blogs:hover .blog-img img
    {box-shadow:0 15px 25px rgba(1,10,68,0.3)}

    .home-blog .single-blogs .blog-img
    {margin-bottom:31px;width:100%}

    .home-blog .single-blogs .blog-img img
    {display:inherit;
    border-radius:15px;
    margin-bottom:25px;
    -webkit-transition:.4s;
    -moz-transition:.4s;
    -o-transition:.4s;
    transition:.4s;width:100%}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.home-blog .single-blogs .blog-img img{width:310px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.home-blog .single-blogs .blog-img img{width:350px}}

@media (max-width: 575px)
{.home-blog .single-blogs .blog-img img{width:270px}}

.home-blog .single-blogs .blogs-cap h5 a{font-size:24px;
    line-height:1.4;margin-bottom:12px;font-weight:600;
    display:block;color:#820e94 !important}

.home-blog .single-blogs .blogs-cap h5 a:hover{color:#8d4063}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.home-blog .single-blogs .blogs-cap h5 a{font-size:20px}}




.home-blog .single-blogs .blogs-cap p{margin-bottom:24px;
color: #430d4b;}

.home-blog .single-blogs .blogs-cap a.more-btn
{color:#430d4b;font-size:18px;font-weight:400}

.home-blog .single-blogs .blogs-cap a.more-btn:hover{letter-spacing:1px}

.home-blog .single-blogs:hover .services-ion span{color:#FD8F5F}

.home-blog .single-blogs .stickers{position:absolute;left:36px;top:35px}

.home-blog .single-blogs .stickers span
{padding:7px 18px;
    background:#FD8F5F;
    color:#fff;
    border-radius:30px;
    font-size:14px}

.blog-active button.slick-arrow
    {position:absolute;
        border:1px solid #820e94;
        padding:0;
        z-index:2;
        cursor:pointer;
        top:50%;
        transform:translateY(-50%);
        left:auto;
        color:#fff;
        background:#fff;
        width:50px;
        height:50px;
        text-align:center;
        line-height:50px;
        border-radius:50%;
        font-size:20px;
        -webkit-transition:.4s;
        -moz-transition:.4s;
        -o-transition:.4s;
        transition:.4s;
        }

        .blog-active button.slick-arrow:hover
        {border:1px solid #820e94}

        .blog-active button.slick-arrow:hover i
        {color:#ffffff}

        .blog-active button.slick-arrow i
        {   font-size:20px;
            color:#820e94;
            -webkit-transition:.4s;
            -moz-transition:.4s;
            -o-transition:.4s;
            transition:.4s}
.blog-active button.slick-prev
{transform:rotate(-45deg) !important; left:-100px}

@media only screen and (min-width: 1200px) and (max-width: 1300px)
{.blog-active button.slick-prev{left:-2px}}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .blog-active button.slick-prev{left:-2px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.blog-active button.slick-prev{left:-2px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.blog-active button.slick-prev{left:-2px}}

@media (max-width: 575px)
{.blog-active button.slick-prev{left:-2px}}

.blog-active button.slick-prev i{color:#820e94}

.blog-active button.slick-next
{transform:rotate(45deg) !important;right:-58px}

@media only screen and (min-width: 1200px) and (max-width: 1300px)
{.blog-active button.slick-next{right:-4px}}

@media only screen and (min-width: 992px) and (max-width: 1199px)
{.blog-active button.slick-next{right:-4px}}

@media only screen and (min-width: 768px) and (max-width: 991px)
{.blog-active button.slick-next{right:-4px}}

@media only screen and (min-width: 576px) and (max-width: 767px)
{.blog-active button.slick-next{right:-4px}}

@media (max-width: 575px)
{.blog-active button.slick-next{right:-4px}}

.blog-active button.slick-next i
{color:#45074e}

.latest-blog-area .area-heading{margin-bottom:70px}

.blog_area a
{color:"Raleway",sans-serif !important;text-decoration:none;transition:.4s}
.blog_area a:hover,.blog_area a :hover
{background:-webkit-linear-gradient(131deg, #FD8F5F 0%, #FD8F5F 99%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;text-decoration:none;transition:.4s}
    .single-blog{overflow:hidden;margin-bottom:30px}
    .single-blog:hover{box-shadow:0px 10px 20px 0px rgba(42,34,123,0.1)}
    .single-blog .thumb{overflow:hidden;position:relative}
    .single-blog .thumb:after
    {content:'';
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background:#000;
        opacity:0;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;transition:.3s}

    .single-blog h4
    {border-bottom:1px solid #dfdfdf;
        padding-bottom:34px;
        margin-bottom:25px}
    
    .single-blog a
    {font-size:20px;
        font-weight:600}
    
    .single-blog .date
    {color:#666666;
        text-align:left;
        display:inline-block;
        font-size:13px;
        font-weight:300}
    
    .single-blog .tag
    {text-align:left;
        display:inline-block;
        float:left;
        font-size:13px;
        font-weight:300;
        margin-right:22px;
        position:relative}

    .single-blog .tag:after
    {content:'';
        position:absolute;
        width:1px;
        height:10px;
        background:#acacac;
        right:-12px;top:7px}
    
    @media (max-width: 1199px)
    {.single-blog .tag{margin-right:8px}
    .single-blog .tag:after{display:none}}
    .single-blog .likes{margin-right:16px}
    
    @media (max-width: 800px){.single-blog{margin-bottom:30px}}
    
    .single-blog .single-blog-content{padding:30px}
    .single-blog .single-blog-content .meta-bottom p
    {font-size:13px;font-weight:300}

    .single-blog .single-blog-content .meta-bottom i
    {color:#fdcb9e;font-size:13px;margin-right:7px}
    
    @media (max-width: 1199px)
    {.single-blog .single-blog-content{padding:15px}}
    
    .single-blog:hover .thumb:after
    {opacity:.7;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
    
    @media (max-width: 1199px)
    {.single-blog h4{transition:all 300ms linear 0s;border-bottom:1px solid #dfdfdf;padding-bottom:14px;margin-bottom:12px}
    .single-blog h4 a{font-size:18px}}
    
    .full_image.single-blog{position:relative}
    .full_image.single-blog .single-blog-content
    {position:absolute;
        left:35px;
        bottom:0;
        opacity:0;
        visibility:hidden;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;
        transition:.3s}
        
    @media (min-width: 992px)
    {.full_image.single-blog .single-blog-content{bottom:100px}}

    .full_image.single-blog h4
    {-webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;
        transition:.3s;
        border-bottom:none;
        padding-bottom:5px}
    
    .full_image.single-blog a{font-size:20px;font-weight:600}
    .full_image.single-blog .date{color:#fff}
    .full_image.single-blog:hover .single-blog-content
    {opacity:1;
        visibility:visible;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;
        transition:.3s}

    .l_blog_item .l_blog_text .date{margin-top:24px;margin-bottom:15px}

    .l_blog_item .l_blog_text .date a{font-size:12px}
    .l_blog_item .l_blog_text h4
    {font-size:18px;
        border-bottom:1px solid #eeeeee;
        margin-bottom:0px;
        padding-bottom:20px;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;transition:.3s}
        
    .l_blog_item .l_blog_text p
    {margin-bottom:0px;padding-top:20px}
    
    .causes_slider .owl-dots{text-align:center;margin-top:80px}

    .causes_slider .owl-dots .owl-dot
    {height:14px;
        width:14px;
        background:#eeeeee;
        display:inline-block;
        margin-right:7px}

    .causes_slider .owl-dots .owl-dot:last-child{margin-right:0px}

    .causes_item{background:#fff}

    .causes_item .causes_img{position:relative}

    .causes_item .causes_img .c_parcent
    {position:absolute;
        bottom:0px;
        width:100%;
        left:0px;
        height:3px;
        background:rgba(255,255,255,0.5)}

    .causes_item .causes_img .c_parcent span
    {width:70%;
        height:3px;
        position:absolute;
        left:0px;
        bottom:0px}

    .causes_item .causes_img .c_parcent span:before
    {content:"75%";
        position:absolute;
        right:-10px;
        bottom:0px;
        color:#fff;
        padding:0px 5px}

    .causes_item .causes_text{padding:30px 35px 40px 30px}

    .causes_item .causes_text h4{font-size:18px;
        font-weight:600;
        margin-bottom:15px;
        cursor:pointer}

    .causes_item .causes_text p
    {font-size:14px;
        line-height:24px;
        font-weight:300;
        margin-bottom:0px}

    .causes_item .causes_bottom a
    {width:50%;
        border:1px solid;
        text-align:center;
        float:left;
        line-height:50px;
        color:#fff;
        font-size:14px;
        font-weight:500}

    .causes_item .causes_bottom a+a
    {border-color:#eeeeee;
        background:#fff;
        font-size:14px}

    .latest_blog_area{background:#f9f9ff}
    .single-recent-blog-post{margin-bottom:30px}

    .single-recent-blog-post .thumb{overflow:hidden}
    .single-recent-blog-post .thumb img{transition:all 0.7s linear}
    .single-recent-blog-post .details{padding-top:30px}
    .single-recent-blog-post .details .sec_h4{line-height:24px;padding:10px 0px 13px;transition:all 0.3s linear}
    .single-recent-blog-post .date{font-size:14px;line-height:24px;font-weight:400}
    .single-recent-blog-post:hover img{transform:scale(1.23) rotate(10deg)}
    .tags .tag_btn{font-size:12px;
        font-weight:500;
        line-height:20px;
        border:1px solid #eeeeee;
        display:inline-block;
        padding:1px 18px;
        text-align:center}
    .tags .tag_btn+.tag_btn{margin-left:2px}
    .blog_categorie_area{padding-top:30px;padding-bottom:30px}

    @media (min-width: 900px){.blog_categorie_area{padding-top:80px;padding-bottom:80px}}

    @media (min-width: 1100px){.blog_categorie_area{padding-top:120px;padding-bottom:120px}}
    
    .categories_post{position:relative;text-align:center;cursor:pointer}
    .categories_post img{max-width:100%}
    
    .categories_post .categories_details{
        position:absolute;
        top:20px;
        left:20px;
        right:20px;
        bottom:20px;
        background:rgba(34,34,34,0.75);
        color:#fff;
        transition:all 0.3s linear;
        display:flex;
        align-items:center;
        justify-content:center}
        
    .categories_post .categories_details h5
    {margin-bottom:0px;
        font-size:18px;
        line-height:26px;
        text-transform:uppercase;
        color:#fff;
        position:relative}
    
    .categories_post .categories_details p
    {font-weight:300;
        font-size:14px;
        line-height:26px;
        margin-bottom:0px}
        
    .categories_post .categories_details .border_line
    {margin:10px 0px;background:#fff;width:100%;height:1px}
    .categories_post:hover 
    .categories_details{background:rgba(222,99,32,0.85)}

    .blog_item{margin-bottom:50px}
    .blog_details{padding:30px 0 20px 10px;
        box-shadow:0px 10px 20px 0px rgba(221,221,221,0.3)}
    
@media (min-width: 768px){.blog_details{padding:60px 30px 35px 35px}}
.blog_details p{margin-bottom:30px}

.blog_details a{color:#c723e1}
.blog_details a:hover{color:#820e94}
.blog_details h2{font-size:18px;
    font-weight:600;margin-bottom:8px}

@media (min-width: 768px){.blog_details h2{font-size:24px;margin-bottom:15px}}

.blog-info-link li{float:left;font-size:14px}
.blog-info-link li a{color:#999999}
.blog-info-link li i,.blog-info-link li span{font-size:13px;margin-right:5px}
.blog-info-link li::after{content:"|";padding-left:10px;padding-right:10px}
.blog-info-link li:last-child::after{display:none}
.blog-info-link::after{content:"";display:block;clear:both;display:table}
.blog_item_img{position:relative}

.blog_item_img .blog_item_date{
    position:absolute;
    bottom:-10px;
    left:10px;
    display:block;
    color:#fff;
    background-color:#820e94;
    padding:8px 15px;
    border-radius:5px}

@media (min-width: 768px)
    {.blog_item_img .blog_item_date{bottom:-20px;left:40px;padding:13px 30px}}

.blog_item_img .blog_item_date h3
{font-size:22px;
    font-weight:600;
    color:#fff;
    margin-bottom:0;
    line-height:1.2}

@media (min-width: 768px)
{.blog_item_img .blog_item_date h3
    {font-size:30px}}
.blog_item_img .blog_item_date p
{font-size:18px;margin-bottom:0;color:#fff}

@media (min-width: 768px)
{.blog_item_img .blog_item_date p{font-size:18px}}
.blog_right_sidebar .widget_title{font-size:20px;margin-bottom:40px}
.blog_right_sidebar .widget_title::after{content:"";display:block;padding-top:15px;border-bottom:1px solid #f0e9ff}
.blog_right_sidebar .single_sidebar_widget{background:#fbf9ff;padding:30px;margin-bottom:30px}
.blog_right_sidebar .single_sidebar_widget .btn_1{margin-top:0px}
.blog_right_sidebar .search_widget .form-control{
    height:50px;
    border-color:#f0e9ff;
    font-size:13px;
    color:#999999;
    padding-left:20px;
    border-radius:0;
    border-right:0}

.blog_right_sidebar .search_widget .form-control::placeholder
{color:#999999}
.blog_right_sidebar .search_widget .form-control:focus
{border-color:#f0e9ff;outline:0;box-shadow:none}

.blog_right_sidebar .search_widget .input-group button
{background:#FD8F5F;
    border-left:0;
    border:1px solid #f0e9ff;
    padding:4px 15px;
    border-left:0;
    cursor:pointer}
    
.blog_right_sidebar .search_widget .input-group button i
{color:#fff}

.blog_right_sidebar .search_widget .input-group button span
{font-size:14px;color:#999999}

.blog_right_sidebar .newsletter_widget .form-control
{height:50px;
    border-color:#f0e9ff;
    font-size:13px;
    color:#999999;padding-left:20px;border-radius:0}

.blog_right_sidebar .newsletter_widget .form-control::placeholder{color:#999999}
.blog_right_sidebar .newsletter_widget .form-control:focus{border-color:#f0e9ff;outline:0;box-shadow:none}
.blog_right_sidebar .newsletter_widget .input-group button
{background:#fff;border-left:0;border:1px solid #f0e9ff;padding:4px 15px;border-left:0}

.blog_right_sidebar .newsletter_widget .input-group button i,.blog_right_sidebar .newsletter_widget .input-group button span
{font-size:14px;color:#fff}

.blog_right_sidebar .post_category_widget .cat-list li
{border-bottom:1px solid #f0e9ff;transition:all 0.3s ease 0s;padding-bottom:12px}

.blog_right_sidebar .post_category_widget .cat-list li:last-child{border-bottom:0}

.blog_right_sidebar .post_category_widget .cat-list li a{font-size:14px;line-height:20px;color:#888888}

.blog_right_sidebar .post_category_widget .cat-list li a p{margin-bottom:0px}

.blog_right_sidebar .post_category_widget .cat-list li+li{padding-top:15px}

.blog_right_sidebar .popular_post_widget .post_item .media-body{justify-content:center;align-self:center;padding-left:20px}

.blog_right_sidebar .popular_post_widget .post_item .media-body h3{font-size:16px;line-height:20px;margin-bottom:6px;transition:all 0.3s linear}

.blog_right_sidebar .popular_post_widget .post_item .media-body a:hover{color:#fff}

.blog_right_sidebar .popular_post_widget .post_item .media-body p{font-size:14px;line-height:21px;margin-bottom:0px}

.blog_right_sidebar .popular_post_widget .post_item+.post_item{margin-top:20px}

.blog_right_sidebar .tag_cloud_widget ul li{display:inline-block}

 .blog_right_sidebar .tag_cloud_widget ul li a
 {display:inline-block;
    border:1px solid #eeeeee;
    background:#fff;
    padding:4px 20px;
    margin-bottom:8px;
    margin-right:3px;
    transition:all 0.3s ease 0s;
    color:#888888;
    font-size:13px}

.blog_right_sidebar .tag_cloud_widget ul li a:hover
{background:#FD8F5F;
    color:#fff !important;
    -webkit-text-fill-color:#fff;
    text-decoration:none;
    -webkit-transition:0.5s;
    transition:0.5s}

.blog_right_sidebar .instagram_feeds .instagram_row{display:flex;margin-right:-6px;margin-left:-6px}

.blog_right_sidebar .instagram_feeds .instagram_row li
{width:33.33%;float:left;padding-right:6px;padding-left:6px;margin-bottom:15px}

.blog_right_sidebar .br{width:100%;height:1px;background:#eee;margin:30px 0px}

.blog-pagination{margin-top:80px}
.blog-pagination .page-link{
    font-size:14px; 
    position:relative;
    display:block;
    padding:0;
    text-align:center;
    margin-left:-1px;
    line-height:45px;
    width:45px;height:45px;
    border-radius:0 !important;
    color:#8a8a8a;border:1px solid #f0e9ff;
    margin-right:10px}

.blog-pagination .page-link i,.blog-pagination .page-link span{font-size:13px}

.blog-pagination .page-item.active .page-link
{background-color:#fbf9ff;
    border-color:#f0e9ff;
    color:#888888}

.blog-pagination .page-item:last-child .page-link
{margin-right:0}
.single-post-area .blog_details{box-shadow:none;padding:0}
.single-post-area .social-links{padding-top:10px}
.single-post-area .social-links li{display:inline-block;margin-bottom:10px}

.single-post-area .social-links li a
{color:#cccccc;padding:7px;font-size:14px;transition:all 0.2s linear}

.single-post-area .blog_details{padding-top:26px}
.single-post-area .blog_details p{margin-bottom:20px;font-size:15px}
.single-post-area .quote-wrapper{background:rgba(130,139,178,0.1);
    padding:15px;
    line-height:1.733;
    color:#888888;
    font-style:italic;
    margin-top:25px;
    margin-bottom:25px}

@media (min-width: 768px)
{.single-post-area .quote-wrapper{padding:30px}}

.single-post-area .quotes{background:#fff;padding:15px 15px 15px 20px;border-left:2px solid}
@media (min-width: 768px)
{.single-post-area .quotes{padding:25px 25px 25px 30px}}
.single-post-area .arrow{position:absolute}
.single-post-area .arrow .lnr{font-size:20px;font-weight:600}
.single-post-area .thumb .overlay-bg{background:rgba(0,0,0,0.8)}
.single-post-area .navigation-top{padding-top:15px;border-top:1px solid #f0e9ff}
.single-post-area .navigation-top p{margin-bottom:0}
.single-post-area .navigation-top .like-info{font-size:14px}
.single-post-area .navigation-top .like-info i,
.single-post-area .navigation-top .like-info span{font-size:16px;margin-right:5px}
.single-post-area .navigation-top .comment-count{font-size:14px}
.single-post-area .navigation-top .comment-count i,.single-post-area .navigation-top .comment-count span
{font-size:16px;margin-right:5px}.single-post-area .navigation-top .social-icons li{display:inline-block;margin-right:15px}
.single-post-area .navigation-top .social-icons li:last-child{margin:0}
.single-post-area .navigation-top .social-icons li i,.single-post-area .navigation-top .social-icons li span{font-size:14px;color:#999999}
.single-post-area .blog-author{padding:40px 30px;background:#fbf9ff;margin-top:50px}

@media (max-width: 600px)
{.single-post-area .blog-author{padding:20px 8px}}
.single-post-area .blog-author img{width:90px;height:90px;border-radius:50%;margin-right:30px}

@media (max-width: 600px)
{.single-post-area .blog-author img{margin-right:15px;width:45px;height:45px}}

.single-post-area .blog-author a{display:inline-block}

.single-post-area .blog-author a:hover{color:#FF8239}

.single-post-area .blog-author p{margin-bottom:0;font-size:15px}

.single-post-area .blog-author h4{font-size:16px}

.single-post-area .navigation-area{border-bottom:1px solid #eee;padding-bottom:30px;margin-top:55px}

.single-post-area .navigation-area p{margin-bottom:0px}

.single-post-area .navigation-area h4{font-size:18px;line-height:25px}

.single-post-area .navigation-area .nav-left{text-align:left}

.single-post-area .navigation-area .nav-left .thumb{margin-right:20px;background:#000}

.single-post-area .navigation-area .nav-left .thumb img
{-webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;transition:.3s}

.single-post-area .navigation-area .nav-left .lnr
{margin-left:20px;
    opacity:0;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s}

.single-post-area .navigation-area .nav-left:hover .lnr{opacity:1}
.single-post-area .navigation-area .nav-left:hover .thumb img{opacity:.5}

@media (max-width: 767px){.single-post-area .navigation-area .nav-left{margin-bottom:30px}}
.single-post-area .navigation-area .nav-right{text-align:right}
.single-post-area .navigation-area .nav-right .thumb{margin-left:20px;background:#000}

.single-post-area .navigation-area .nav-right .thumb img{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}
.single-post-area .navigation-area .nav-right .lnr
{margin-right:20px;
    opacity:0;-webkit-transition:.3s;
    -moz-transition:.3s;-o-transition:.3s;transition:.3s}
    .single-post-area .navigation-area .nav-right:hover .lnr{opacity:1}
    .single-post-area .navigation-area .nav-right:hover .thumb img{opacity:.5}

@media (max-width: 991px)
    {.single-post-area .sidebar-widgets{padding-bottom:0px}}
    .comments-area{background:transparent;border-top:1px solid #eee;padding:45px 0;margin-top:50px}

@media (max-width: 414px){.comments-area{padding:50px 8px}}

.comments-area h4{margin-bottom:35px;font-size:18px}
.comments-area h5{font-size:16px;margin-bottom:0px}
.comments-area .comment-list{padding-bottom:48px}
.comments-area .comment-list:last-child{padding-bottom:0px}
.comments-area .comment-list.left-padding{padding-left:25px}

@media (max-width: 413px){.comments-area .comment-list .single-comment h5{font-size:12px}
.comments-area .comment-list .single-comment .date{font-size:11px}
.comments-area .comment-list .single-comment .comment{font-size:10px}}

.comments-area .thumb{margin-right:20px}
.comments-area .thumb img{width:70px;border-radius:50%}
.comments-area .date{font-size:14px;color:#999999;margin-bottom:0;margin-left:20px}
.comments-area .comment{margin-bottom:10px;color:#777777;font-size:15px}
.comments-area .btn-reply{background-color:transparent;color:#888888;padding:5px 18px;font-size:14px;display:block;font-weight:400}
.comment-form{border-top:1px solid #eee;padding-top:45px;margin-top:50px;margin-bottom:20px}.comment-form .form-group{margin-bottom:30px}
.comment-form h4{margin-bottom:40px;font-size:18px;line-height:22px}.comment-form .name{padding-left:0px}

@media (max-width: 767px)
{.comment-form .name{padding-right:0px;margin-bottom:1rem}}
.comment-form .email{padding-right:0px}

@media (max-width: 991px){.comment-form .email{padding-left:0px}}
.comment-form .form-control{border:1px solid #f0e9ff;border-radius:5px;height:48px;padding-left:18px;font-size:13px;background:transparent}
.comment-form .form-control:focus{outline:0;box-shadow:none}
.comment-form .form-control::placeholder{font-weight:300;color:#999999}
.comment-form .form-control::placeholder{color:#777777}
.comment-form textarea{padding-top:18px;border-radius:12px;height:100% !important}
.comment-form ::-webkit-input-placeholder{font-size:13px;color:#777}

.comment-form ::-moz-placeholder{font-size:13px;color:#777}
.comment-form :-ms-input-placeholder{font-size:13px;color:#777}
.comment-form :-moz-placeholder{font-size:13px;color:#777}
.dropdown .dropdown-menu{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.contact-info{margin-bottom:25px}
.contact-info__icon{margin-right:20px}
.contact-info__icon i,.contact-info__icon span{color:#8f9195;font-size:27px}
.contact-info .media-body h3{font-size:16px;margin-bottom:0;font-size:16px;color:#2a2a2a}
.contact-info .media-body h3 a:hover{color:#140C40}
.contact-info .media-body p{color:#8a8a8a}
.contact-title{font-size:27px;font-weight:600;margin-bottom:20px}
.form-contact label{font-size:14px}
.form-contact .form-group{margin-bottom:30px}
.form-contact .form-control{border:1px solid #e5e6e9;border-radius:0px;height:48px;padding-left:18px;font-size:13px;background:transparent}
.form-contact .form-control:focus{outline:0;box-shadow:none}
.form-contact .form-control::placeholder{font-weight:300;color:#999999}
.form-contact textarea{border-radius:0px;height:100% !important}
.modal-message .modal-dialog
{position:absolute;
    top:36%;left:50%;
    transform:translateX(-50%) translateY(-50%) !important;
    margin:0px;
    max-width:500px;
    width:100%}
    
.modal-message .modal-dialog .modal-content .modal-header
{text-align:center;
    display:block;
    border-bottom:none;
    padding-top:50px;
    padding-bottom:50px}

.modal-message .modal-dialog .modal-content .modal-header .close
{position:absolute;
    right:-15px;
    top:-15px;
    padding:0px;
    color:#fff;
    opacity:1;
    cursor:pointer}

.modal-message .modal-dialog .modal-content .modal-header h2
{display:block;
    text-align:center;
    padding-bottom:10px}

.modal-message .modal-dialog .modal-content .modal-header p{display:block}
.contact-section{padding:130px 0 100px}

@media (max-width: 991px){.contact-section{padding:70px 0 40px}}

@media only screen and (min-width: 992px) and (max-width: 1200px)
{.contact-section{padding:80px 0 50px}}

.contact-section .btn_2{background-color:#191d34;padding:18px 60px;border-radius:50px;margin-top:0}

.contact-section .btn_2:hover{background-color:#140C40}

.page-notification{background:#EFF5F8;padding:13px 0;margin-bottom:45px}

.breadcrumb{background:none;
    padding:0;margin:0}

.breadcrumb a{color:#949EA5;
    font-size:15px;
    text-transform:capitalize;
    line-height:1;
    font-weight:400}

.breadcrumb-item+.breadcrumb-item::before
{display:inline-block;
    color:#949EA5;
    content:">";
    font-size:17px;
    line-height:1;padding:0 4px;
    padding-right:8px}








/* Image row */
.image-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}


    
.flex-center-start{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start}

.overlay2::before{
    background-image:-moz-linear-gradient(170deg, rgba(34,34,34,0) 0%, #000 100%);
    background-image:-webkit-linear-gradient(170deg, rgba(34,34,34,0) 0%, #000 100%);
    background-image:-ms-linear-gradient(170deg, rgba(34,34,34,0) 0%, #000 100%)}
.generic-blockquote{padding:30px 50px 30px 30px;background:#f9f9ff;border-left:2px solid #140C40}
.progress-table-wrap{overflow-x:scroll}.progress-table{background:#f9f9ff;padding:15px 0px 30px 0px;min-width:800px}
.progress-table .serial{width:11.83%;padding-left:30px}
.progress-table .country{width:28.07%}
.progress-table .visit{width:19.74%}
.progress-table .percentage{width:40.36%;padding-right:50px}
.progress-table .table-head{display:flex}
.progress-table .table-head .serial,.progress-table .table-head .country,.progress-table .table-head 
.visit,.progress-table .table-head .percentage
{color:#415094;line-height:40px;text-transform:uppercase;font-weight:500}
.progress-table .table-row{padding:15px 0;border-top:1px solid #edf3fd;display:flex}
.progress-table .table-row .serial,.progress-table .table-row .country,.progress-table .table-row .visit,.progress-table .table-row .percentage
{display:flex;align-items:center}
.progress-table .table-row .country img{margin-right:15px}
.progress-table .table-row .percentage .progress
{width:80%;border-radius:0px;background:transparent}
.progress-table .table-row .percentage .progress .progress-bar
{height:5px;line-height:5px}
.progress-table .table-row .percentage .progress .progress-bar.color-1{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-2{background-color:#e66686}
.progress-table .table-row .percentage .progress .progress-bar.color-3{background-color:#f09359}
.progress-table .table-row .percentage .progress .progress-bar.color-4{background-color:#73fbaf}
.progress-table .table-row .percentage .progress .progress-bar.color-5{background-color:#73fbaf}
.progress-table .table-row .percentage .progress .progress-bar.color-6{background-color:#6382e6}
.progress-table .table-row .percentage .progress .progress-bar.color-7{background-color:#a367e7}
.progress-table .table-row .percentage .progress .progress-bar.color-8{background-color:#e66686}
.single-gallery-image{margin-top:30px;
    background-repeat:no-repeat !important;
    background-position:center center !important;
    background-size:cover !important;height:200px}
    
.list-style{width:14px;height:14px}
.unordered-list li{position:relative;padding-left:30px;line-height:1.82em !important}

.unordered-list li:before{content:"";
    position:absolute;width:14px;
    height:14px;border:3px solid #140C40;
    background:#fff;top:4px;left:0;
    border-radius:50%}
    .ordered-list{margin-left:30px}
    
    .ordered-list li{list-style-type:decimal-leading-zero;color:#140C40;font-weight:500;line-height:1.82em !important}
    .ordered-list li span{font-weight:300;color:#828bb2}
    .ordered-list-alpha li{margin-left:30px;list-style-type:lower-alpha;color:#140C40;font-weight:500;line-height:1.82em !important}
    .ordered-list-alpha li span{font-weight:300;color:#828bb2}
    .ordered-list-roman li{margin-left:30px;list-style-type:lower-roman;color:#140C40;font-weight:500;line-height:1.82em !important}
    .ordered-list-roman li span{font-weight:300;color:#828bb2}
    .single-input{display:block;width:100%;line-height:40px;border:none;outline:none;background:#f9f9ff;padding:0 20px}
    .single-input:focus{outline:none}
    .input-group-icon{position:relative}
    .input-group-icon .icon{position:absolute;left:20px;top:0;line-height:40px;z-index:3}
    .input-group-icon .icon i{color:#797979}
    .input-group-icon .single-input{padding-left:45px}
    .single-textarea{display:block;width:100%;
        line-height:40px;border:none;outline:none;
        background:#f9f9ff;padding:0 20px;
        height:100px;resize:none}

    .single-textarea:focus{outline:none}
    .single-input-primary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}
    .single-input-primary:focus{outline:none;border:1px solid #140C40}
    .single-input-accent{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}
    .single-input-accent:focus{outline:none;border:1px solid #eb6b55}
    .single-input-secondary{display:block;width:100%;line-height:40px;border:1px solid transparent;outline:none;background:#f9f9ff;padding:0 20px}
    .single-input-secondary:focus{outline:none;border:1px solid #f09359}
    .default-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}
    .default-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0;cursor:pointer}

    .default-switch input+label{
        position:absolute;top:1px;
        left:1px;width:15px;height:15px;
        border-radius:50%;background:#140C40;
        -webkit-transition:all 0.2s;-moz-transition:all 0.2s;
        -o-transition:all 0.2s;transition:all 0.2s;
        box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}
        .default-switch input:checked+label{left:19px}
        .primary-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}

        .primary-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}

        .primary-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}

        .primary-switch input+label:before
        {content:"";position:absolute;
            left:0;top:0;right:0;bottom:0;
            width:100%;height:100%;background:transparent;
            border-radius:8.5px;cursor:pointer;-webkit-transition:all 0.2s;
            -moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s}
            
        .primary-switch input+label:after{
            content:"";position:absolute;
            top:1px;left:1px;width:15px;
            height:15px;border-radius:50%;
            background:#fff;-webkit-transition:all 0.2s;
            -moz-transition:all 0.2s;-o-transition:all 0.2s;
            transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}
            
        .primary-switch input:checked+label:after{left:19px}
        .primary-switch input:checked+label:before{background:#140C40}

        .confirm-switch{width:35px;height:17px;border-radius:8.5px;background:#f9f9ff;position:relative;cursor:pointer}

        .confirm-switch input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}

        .confirm-switch input+label{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}

        .confirm-switch input+label:before{content:"";position:absolute;
            left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:transparent;
            border-radius:8.5px;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;
            -o-transition:all 0.2s;transition:all 0.2s;cursor:pointer}

        .confirm-switch input+label:after
        {content:"";position:absolute;top:1px;left:1px;
            width:15px;height:15px;border-radius:50%;
            background:#fff;-webkit-transition:all 0.2s;
            -moz-transition:all 0.2s;-o-transition:all 0.2s;
            transition:all 0.2s;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.2);cursor:pointer}
        
        .confirm-switch input:checked+label:after{left:19px}
        .confirm-switch input:checked+label:before{background:#4cd3e3}

        .primary-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}

        .primary-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}

        .primary-checkbox input+label{
            position:absolute;left:0;
            top:0;right:0;bottom:0;
            width:100%;height:100%;
            border-radius:3px;cursor:pointer;
            border:1px solid #f1f1f1}
        
        .primary-checkbox input:checked+label{
            background:url(../img/elements/primary-check.png) no-repeat center center/cover;border:none}
            .confirm-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}
            
            .confirm-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}

            .confirm-checkbox input+label{position:absolute;left:0;
                top:0;right:0;bottom:0;width:100%;height:100%;
                border-radius:3px;cursor:pointer;border:1px solid #f1f1f1}

        .confirm-checkbox input:checked+label{background:url(../img/elements/success-check.png) no-repeat center center/cover;border:none}

        .disabled-checkbox{width:16px;height:16px;border-radius:3px;background:#f9f9ff;position:relative;cursor:pointer}

        .disabled-checkbox input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}

        .disabled-checkbox input+label{position:absolute;left:0;top:0;
            right:0;bottom:0;width:100%;height:100%;border-radius:3px;
            cursor:pointer;border:1px solid #f1f1f1}

        .disabled-checkbox input:disabled{cursor:not-allowed;z-index:3}

        .disabled-checkbox input:checked+label{background:url(../img/elements/disabled-check.png) no-repeat center center/cover;border:none}
        .primary-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}
        .primary-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
        .primary-radio input+label
        {position:absolute;left:0;top:0;right:0;
            bottom:0;width:100%;height:100%;border-radius:8px;
            cursor:pointer;border:1px solid #f1f1f1}
        
.primary-radio input:checked+label{background:url(../img/elements/primary-radio.png) no-repeat center center/cover;border:none}

.confirm-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}
 
.confirm-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}
.confirm-radio input+label{
position:absolute;left:0;top:0;
right:0;bottom:0;width:100%;
height:100%;border-radius:8px;
cursor:pointer;border:1px solid #f1f1f1}

.confirm-radio input:checked+label{background:url(../img/elements/success-radio.png) no-repeat center center/cover;border:none}

.disabled-radio{width:16px;height:16px;border-radius:8px;background:#f9f9ff;position:relative;cursor:pointer}

.disabled-radio input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;opacity:0}

.disabled-radio input+label
{position:absolute;left:0;top:0;
    right:0;bottom:0;width:100%;
    height:100%;border-radius:8px;
    cursor:pointer;border:1px solid #f1f1f1}

.disabled-radio input:disabled{cursor:not-allowed;z-index:3}
.disabled-radio input:checked+label{background:url(../img/elements/disabled-radio.png) no-repeat center center/cover;border:none}

.default-select{height:40px}
.default-select .nice-select{border:none;border-radius:0px;height:40px;
    background:#f9f9ff;padding-left:20px;padding-right:40px}

.default-select .nice-select .list{margin-top:0;border:none;border-radius:0px;
    box-shadow:none;width:100%;padding:10px 0 10px 0px}

.default-select .nice-select .list .option
{font-weight:300;-webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;
    line-height:28px;min-height:28px;font-size:12px;padding-left:20px}

    .default-select .nice-select .list .option.selected{color:#140C40;background:transparent}
    .default-select .nice-select .list .option:hover{color:#140C40;background:transparent}
    .default-select .current{margin-right:50px;font-weight:300}
    .default-select .nice-select::after{right:20px}
    .form-select{height:40px;width:100%}
    .form-select .nice-select{border:none;border-radius:0px;height:40px;background:#f9f9ff;padding-left:45px;padding-right:40px;width:100%}
    .form-select .nice-select .list{margin-top:0;border:none;border-radius:0px;box-shadow:none;width:100%;padding:10px 0 10px 0px}
    .form-select .nice-select .list .option
    {font-weight:300;-webkit-transition:all 0.3s ease 0s;
        -moz-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;
        transition:all 0.3s ease 0s;line-height:28px;min-height:28px;
        font-size:12px;padding-left:45px}
    
    .form-select .nice-select .list .option.selected
    {color:#140C40;background:transparent}
    
    .form-select .nice-select .list .option:hover{color:#140C40;background:transparent}
    .form-select .current{margin-right:50px;font-weight:300}
    .form-select .nice-select::after{right:20px}.mt-10{margin-top:10px}
    .section-top-border{padding:50px 0;border-top:1px dotted #eee}
    .mb-30{margin-bottom:30px}
    .mt-30{margin-top:30px}
    .switch-wrap{margin-bottom:10px}

.forma {
  font-family: 'Segoe UI', sans-serif;
  background: #f0f0f5;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.form-container {
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0,0,0,0.1);
  width: 90%;
  max-width: 500px;
}
.btnservices{
    width: 100%;
    height: 50px;
    background-color:red;
}
.form h2 {
  margin-bottom: 20px;
  color: #820e94;
  font-weight: bold;
}

.navbar{
  
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255) !important;
}

input, textarea {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
}

/* Boshlang'ich navbar */
#mainNavbar {
  transition: all 0.3s ease;
}

/* Scroll bo‘lganda class qo‘shiladi */
.navbar-scrolled {
  background-color: white !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}


textarea {
  height: 100px;
  resize: none;
}



button:hover {
  background: #660b76;
}

.btn-group {
  display: flex;
  justify-content: space-between;
}

.form-step {
  display: none;
  animation: fadeIn 0.5s ease-in-out;
}

.form-step.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 600px) {
  .form-container {
    padding: 20px;
  }
.btnall{
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center; /* gorizontal markaz */
    align-items: center;    /* vertikal markaz */
    background: #f0f0f0;
    font-family: Arial, sans-serif;
    height: 100vh; /* to‘liq ekran balandligi */
}

  button {
    width: 100%;
    margin-top: 10px;
  }

  .btn-group {
    flex-direction: column;
  }
}

.form-message {
    margin-top: 20px;
    font-weight: bold;
    text-align: center;
}
.serv {
    
    width: 170px ;
    height: 40px; 
    font-size: 30px;
      padding: 10px 30px;
      font-size: 1.2rem;
      color: white;
      background-color: #820e94;
      border: none;
      border-radius: 8px;
      cursor: pointer;
      transition: background-color 0.3s ease, transform 0.2s ease;
      box-shadow: 0 5px 15px rgba(0,123,255,0.4);
      outline: none;
    }
.serv>h2{
    color: #fff;
     font-weight: bold; 
}
.serv>h2:hover{
    color:  #820e94;
     font-weight: bold; 
}
    .serv:hover {
        
      background-color: #fff;
      transform: scale(1.05);
      box-shadow: 0 8px 20px rgba(0,86,179,0.6);
    }

    .serv:focus {
      outline: 2px solid #c723e1;
      outline-offset: 3px;
    }

    @media (max-width: 480px) {
      .serv {
        font-size: 1rem;
        padding: 12px 24px;
      }
    }



    .catalog-container {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
      gap: 20px;
      padding: 10px;
    }

    .katalog {
      
      background-color: #fff;
      border-radius: 10px;
      padding: 20px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.1);
      transition: transform 0.3s;
    }

    .katalog:hover {
      transform: translateY(-5px);
    }

    /* Rasm, sarlavha, tugma qo‘shsak — dizayn boyroq bo‘ladi */
    .katalog img {
      width: 100%;
      height: 150px;
      border-radius: 10px;
      margin-bottom: 15px;
    }

    .katalog h3 {
      margin: 0 0 10px;
      font-size: 20px;
      color: #45074e;
      font-weight: bold;
      
    }

    .katalog p {
      font-size: 14px;
      color: #666;
    }

    .katalog button {
      margin-top: 10px;
      padding: 10px 20px;
      background-color: #1e90ff;
      color: white;
      border: none;
      border-radius: 6px;
      cursor: pointer;
      transition: background-color 0.2s;
    }

    .katalog button:hover {
      background-color: #0077cc;
    }

    /* Qo‘shimcha responsiv o‘lchamlar (kichik ekranlar uchun) */
    @media (max-width: 600px) {
      .katalog {
        padding: 15px;
      }
      .katalog h3 {
        font-size: 18px;
      }
    }



.carousel {
  width: 90%;
  margin: 40px auto;
  overflow: hidden;
  position: relative;
}

.carousel-track {
  display: flex;
  transition: transform 0.5s ease;
}

.carousel-item {
  flex: 0 0 33.3333%;
  padding: 10px;
  text-align: center;
}

.carousel-item img {
  width: 100%;
  height: 150px;
  object-fit: cover;
  border-radius: 8px;
}

.title {
  margin: 10px 0;
  font-size: 18px;
  color: #007BFF;
  cursor: pointer;
}

.menu {
  margin-top: 10px;
}

.hidden {
  display: none;
}

ul {
  list-style: none;
  padding: 0;
}

ul li {
  padding: 5px 0;
}

/* Tugmalar pastda */
.carousel-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 20px;
}

.nav-btn {
  background: #007BFF;
  color: white;
  border: none;
  font-size: 22px;
  padding: 10px 15px;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  opacity: 0.9;
  
}

.nav-btn:hover {
  background: #0056b3;
}

/* Responsivlik */
@media screen and (max-width: 768px) {
  .carousel-item {
    flex: 0 0 50%;
  }
}

@media screen and (max-width: 500px) {
  .carousel-item {
    flex: 0 0 100%;
  }
}


/* Test banner uchun CSS */
.test-banner-fixed {
  background-color: #d90429;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  overflow: hidden;
  position: sticky;
  top: 70px; 
  z-index: 999;
  height: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 10px;
}

.scrolling-text {
  white-space: nowrap;
  animation: scroll-left 15s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}


.portfolio {
  max-width: 1200px;
  margin: auto;
}

.direction {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color:#820e94;
  margin-bottom: 10px;
  
  border-radius: 5px;
}

.direction-header {
  font-size: 18px;
  color: #fff;
  padding: 10px;
  background-color:rgba(130, 14, 148, 0.1) !important ;
  cursor: pointer;
  font-weight: bold;
}

.projects {
  width: 1100px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
  opacity: 0;
  background-color: #fafafa;
  padding: 0 10px;

}

.projects.open {
  max-height: 1000px; 
  opacity: 1;
}

.projects div {
  padding: 5px 0;
}

.proyekt{
  border: 1px solid red ;
  width:50%;
  flex: 1
}

.pro-row {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  margin-bottom: 8px; 
}

.pro-row > div:last-child {
  flex-shrink: 0;
}

.pro-pic img {
  margin-left: 50px;
  width: 100%;
  max-width: 250px;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}


h1 {
  font-size: 2.5rem;
  font-weight: normal;
  text-align: center;
  margin: 2rem 0;
}

.projectup{
  height: auto ;
   
}

.projectcase{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  width: 80%;
    
}

.projectcase p{
  font-size: 22px;
  width: 100%;
}
 
.data{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border-top: 2px solid #440277;
  
}

.fullmal{
  margin: 0 auto;
  border: 2px solid #430d4b;
  border-radius: 10px;
  width: 10%;
  display: flex;
  justify-content: space-between;
  align-items: center;

}
.conste{
  width: 100%;
}

.conste p {
  color: #430d4b;
}

.divide{
  display: flex;
  justify-content: space-between;
  align-items: center; 
  border: 2px solid #430d4b;
  background-color: #e88ef6 ;
  margin-bottom: 20px;
  border-radius: 10px;
}

.conste h4{ margin-top: 30px;

}

@media (max-width: 480px) {
  .pro-row {
    flex-direction: column;
    gap: 10px;
  }

  .projectcase {
    flex-direction: column;
    width: 100%;

  }

  .direction-header {
    font-size: 16px;
    padding: 8px;
  }

  .pro-pic img {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }

  .proyekt {
    width: 100%;
  }

  h1 {
    font-size: 1.5rem;
  }

  .data, .divide {
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    padding: 10px;
    gap: 10px;
  }

  .fullmal {
    width: 90%;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .pro-row {
    flex-direction: column;
    gap: 15px;
  }

  .projectcase {
    flex-direction: column;
    width: 100%;
  }

  .direction-header {
    font-size: 18px;
    padding: 10px;
  }

  .pro-pic img {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }

  .proyekt {
    width: 100%;
  }

  .fullmal {
    width: 85%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .pro-row {
    flex-wrap: wrap;
    gap: 20px;
  }

  .projectcase {
    width: 90%;
  }

  .pro-pic img {
    max-width: 220px;
  }

  .proyekt {
    width: 48%;
  }

  .fullmal {
    width: 50%;
  }
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .projectcase {
    width: 90%;
  }

  .proyekt {
    width: 48%;
  }

  .pro-pic img {
    max-width: 250px;
  }

  .fullmal {
    width: 30%;
  }
}

@media (max-width: 768px) {
  .projects {
    width: 100%;
    padding: 0 5px;
  }

  .pro-row {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .proyekt {
    width: 100%;
    flex: none;
  }

  .projectcase {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }

  .pro-pic img {
    margin-left: 0;
    width: 100%;
    max-width: 100%;
  }

  .fullmal {
    width: 100%;
    flex-direction: column;
    padding: 10px;
  }

  .direction-header {
    font-size: 16px;
    padding: 8px;
  }

  .data,
  .divide {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    height: auto;
    gap: 10px;
  }

  h1 {
    font-size: 1.6rem;
  }
}
.divide button{
    margin-right: 50px;
}