/*********darkmode************/
body.darkmode{background: var(--black-color); color: var(--white-color);} 
.darkmode h1, .darkmode h2, .darkmode h3, .darkmode h4, .darkmode h5, .darkmode h6, .darkmode p{color: var(--white-color);}
.darkmode .brandlogo .light{display: block;} 
.darkmode .brandlogo .dark{display: none;} 
.darkmode .footer-logo-sw .light{display: block;} 
.darkmode .footer-logo-sw .dark{display: none;} 
.darkmode .sidedarklogo{display: none;} 
.darkmode .sidewhitelogo{display: block;} 
.darkmode .demo-1-hero {  background: url(../images/background/swt-bg-design.png) no-repeat !important;}
.darkmode .service-row-block { background: transparent;}
.darkmode .text-gradient-1 { background: var(--gradient-0);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;} 
.darkmode .header .menu>ul>li>a{  color: var(--white-color);}
.darkmode .header .menu>ul>li .menu-subs { background: var(--black-bg-3);   border-top: 2px solid var(--color-yellow-lite); }
.darkmode .header .menu>ul>li .menu-subs>ul>li>a { color: var(--white-color);}
.darkmode .aboutblock  {background: var(--black-bg-1);} 
.darkmode .counter-setdiv p { color: var(--color-yellow-lite);} 
.darkmode .bkbg2 { background: transparent;}
.darkmode .bkbg3 { background: transparent;}
.darkmode .bkbg0 { background: transparent;}
.darkmode .bkbg1 { background: transparent;}
.darkmode .inline-btn { color: var(--white-color);}
.darkmode .tech-block { background: var(--black-bg-2);} 
.darkmode .bg-efffect-1:after {background: url(../images/shape/blur-3.png); background-position: right top;    background-size: 100%;    background-repeat: no-repeat;}
.darkmode a.btgs { color: var(--bs-body-bg);  background: var(--black-bg-3);}
.darkmode .sw-tabs-links .nav-tabs .nav-link { color: var(--white-color); background-color: var(--black-bg-2);}
.darkmode .sticky { background: rgb(24 24 24 / 80%);}
.darkmode .blueket-card-noise {    background: url(../images/shape/noise.png) var(--white-lite-2);    border-color: var(--bs-gray-700);}
.darkmode .black-bg-1 { background: var(--black-bg-1);}
.darkmode .darkbg2{background: var(--black-bg-2);}
.darkmode .bdrwor {border: 1px solid var(--black-bg-3);}
.darkmode .bdrwor-rt {border-right: 1px solid var(--black-bg-3);} 
.darkmode .cardlinkfooter {border-top: 1px solid var(--black-bg-3); }
.darkmode .linkiconsw {border-left: 1px solid var(--black-bg-3); }
.darkmode .swbluketcard:hover { background: var(--black-bg-2);}
.darkmode .blueketcotactform-sw {  background: var(--black-bg-2); }
.darkmode .contactinkediv a {  color: var(--white-color);}
.darkmode .sw-orange-btn, .darkmode .sw-blue-btn, .darkmode .header-item-right .menu-icon { box-shadow: none;}
.darkmode .footer-links ul li a { color: var(--white-color); }
.darkmode .footerbg1:after {background: url(../images/shape/blur-6.png);    background-position: center bottom;    background-size: 80%;    background-repeat: no-repeat;}
.darkmode .swhr {border-top: 1px solid var(--black-bg-3);}
.darkmode .list-h-styled li a, .darkmode .footercreditnote a {color: var(--white-color);}
.darkmode .list-h-styled li::after {background-color: var(--white-color);}
.darkmode .footer-social-sw a { color: var(--white-color);}
.darkmode .what-in-plan-sw {border-top: 2px solid var(--black-bg);} 
.darkmode .form-controls { color: var(--white-color);   background-color: var(--black-bg-2);   border: 1px solid var(--black-bg-3);}
.darkmode .blur-bg-a { opacity: 70%;}
.darkmode .blur-bg-b { opacity: 40%;}
.darkmode::-webkit-scrollbar-track { background: var(--black-bg);} 
.darkmode .swbdr {    border: 1px solid var(--black-bg-3);}
.darkmode .cardaclr a { color: var(--white-color);}
.darkmode .swbdr:hover {border: 1px solid var(--bs-gray-600);  background: var(--black-bg-4);  box-shadow: 0px 10px 20px -5px rgb(0 0 0 / 10%);}
.darkmode .sw-tabs-links .nav-tabs .nav-link:hover {   background-color: var(--orange-color);   color: var(--white-color);}
.darkmode .dotinswbdr:before { border: 1px solid var(--white-color);}
.darkmode .sw-tabs-links .nav-tabs .nav-item.show .nav-link, .darkmode .sw-tabs-links .nav-tabs .nav-link.active {  background-color: var(--orange-color);    border-color: transparent;    color: var(--white-color);}
.darkmode .form-controls::placeholder {color: var(--white-color);}
.darkmode .form-controls:-ms-input-placeholder { color: var(--white-color);}
.darkmode .form-controls::-ms-input-placeholder { color: var(--white-color);}
.darkmode .career-link-btn-sw a {   color: var(--white-color);}
.darkmode .carrerlinkandimg { border: dashed 1px var(--black-bg-3);}
.darkmode .carrerlinkandimg:hover { border-color: var(--orange-color);} 
.darkmode .sw-hover-1 a:hover { color: var(--color-yellow-lite);} 
.darkmode .sw-hover-2 a:hover { color: var(--color-yellow-lite);} 
.darkmode .breadcrum-area { background: var(--black-bg-2);}
.darkmode .overtheimg { background: var(--black-bg-2);} 
.darkmode .accordion-button:not(.collapsed), .darkmode .accordion-button {color: var(--white-color);}
.darkmode .dashedbdr { border: dashed 1px var(--black-bg-3);}
.darkmode .dashedbdr:hover { border: dashed 1px var(--color-yellow-lite);}
.darkmode .port-ref-link a span {color: var(--white-color);}
.darkmode .filters li, .darkmode .teamsocialprofile div a {color: var(--white-color);}
.darkmode .filters li.active {color: var(--bs-body-bg); background: var(--black-bg-3); border-bottom: 1px solid var(--orange-color);}
.darkmode .latestpost {border-bottom: 1px solid var(--black-bg-3);} 
.darkmode .cardtitlemain, .darkmode .contactnumberdiv a { color: var(--white-color);}
.darkmode .itmquickinfo a {color: var(--white-color);}
.darkmode .pagination-block .page-link { color: var(--bs-body-bg);  background-color: var(--black-bg-2);  border: 1px solid var(--black-bg-3);}
.darkmode .pagination-block .page-link:hover { background: var(--black-bg-3);}
.darkmode .sidebartitle h6 { color: var(--black-color-0);} 
.darkmode .blog-postinfos span {color: var(--bs-body-bg);}
.darkmode .scriptheading {color: var(--orange-color);} 
.darkmode .carrerlinkandimg:hover { border-color: var(--color-yellow-lite);} 
.darkmode .list-h-styled li {color: var(--color-yellow-lite);}
.darkmode .blogstags, .darkmode .offcanvas { background: var(--black-bg-3);  color: var(--white-color);}
.darkmode .contactpagefullform {background: var(--black-bg-2);} 
.darkmode .connectwithus a {color: var(--white-color);}
.darkmode .mediainfoblock a.contactlink, .darkmode .quote-text, .darkmode .techusedin-sw span  {color: var(--color-yellow-lite);}
.darkmode .techusedin-sw span:after { background-color: var(--color-yellow-lite);}
.darkmode .img-client-logo-cell { border: 1px solid var(--white-lite-2);}
.darkmode .fwc h2, .darkmode .fwc p, .darkmode .fwc a{color: var(--black-color);}
@media only screen and (max-width:1199px) { .darkmode .sticky {background: rgb(24 24 24 / 100%) !important;}  }
/*update 1.2*/
.darkmode.darkmode .black-bg-0 {background: var(--black-bg);}
.darkmode .bgimg{background-repeat: no-repeat;    background-size: cover;    background-position: center center;}
.darkmode .demo-3-hero {background: url(../images/shape/wave-bg-dark.svg);   background-repeat: no-repeat;   background-size: cover;   background-position: top center;}
.darkmode .cardicon-out, .darkmode .sw-card {background: var(--black-bg-2);}
.darkmode .sw-cl-3, .darkmode .sw-cl-2, .darkmode .sw-cl-1 { background: var(--black-bg-4);}
.darkmode .header .menu>ul>li .menu-subs.menu-mega>.list-item>ul>li>a {color: var(--white-color);}
/*update 1.3*/
.darkmode .linebg {
    background-image: repeating-linear-gradient(90deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),repeating-linear-gradient(90deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),linear-gradient(90deg, rgb(14 14 14),rgb(14 14 14));
}
.darkmode .form-control {background: var(--black-bg-2); border: 1px solid var(--black-bg-3);} 
.darkmode .form-btm-set h5 {background: var(--black-bg-2);} 
.darkmode .maplayer { background: linear-gradient(to right,var(--black-color) 80%,#ff1f8e00 100%);}
.darkmode .contact-block-sw {background: var(--black-bg-2);}
.darkmode .form-block input, .darkmode .form-block select, .darkmode .form-block textarea {background: var(--black-bg-2); color: var(--white-color);}
.darkmode .floating-label label {   color: var(--white-color);    background: var(--black-bg-2);}
.darkmode #contactform .error-label .error{  background: var(--black-bg-2);}
.darkmode  .form-block input, .darkmode  .form-block select,  .darkmode  .form-block textarea {border-bottom: 2px solid var(--black-bg-3);}

/*1.4*/
.darkmode .demo2counter .counter-setdiv, .darkmode .demo-5-hero, .darkmode .frncnav {background: var(--black-bg-2);}
.darkmode .roundiconwithdata, .darkmode .followaccounts .mediablock {border-color: var(--black-bg-3); background: var(--black-bg-2);}
.darkmode .form-inputs label{color: var(--bg-b3);}
.darkmode .bg--1, .darkmode  .ptbody-aa1 {background: var(--black-bg-2);}
.darkmode .bg--2 {background: var(--black-bg-1);}




 /* Services carousel — fix cardicon-out (-80px margin) getting clipped */
   #services                   { overflow: hidden; }
   #services .container        { overflow: visible; }
   #services .services-owl-carousel { overflow: visible; padding-top: 90px; }
   #services .owl-stage-outer  { overflow: visible !important; }
   #services .owl-stage        { overflow: visible !important; }
   #services .owl-item         { overflow: visible !important; }


    @media (min-width: 1000px) {

      .header .menu>ul>li {
    display: inline-flex;
    margin-left: 25px;
}


    .h1, .demo-5-hero .h1 {
        font-size: 41px;
        line-height: 51px;
    }
    .kfdfk {
      padding: 140px 0 100px 0;
    }
}

@media(max-width: 666px) {
   .h1, .demo-5-hero .h1 {
               font-size: 31px;
        line-height: 44px;
    }


    .dfkdkfdf {display: block !important;   margin: 0 auto; width: 70%}
}



    @media screen and (max-width: 1199px) {
    .header .menu-mobile-toggle span {
        background: var(--black-color-0) !important; }
     }


.bkbg0 {
  background-color: #ffe7da;
  background-image:
    radial-gradient(ellipse 70% 50% at 15% 15%, rgba(255,100,40,.14) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 85% 75%, rgba(255,150,80,.12) 0%, transparent 55%),
    linear-gradient(rgba(200,70,20,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(200,70,20,.055) 1px, transparent 1px);
  background-size: auto, auto, 40px 40px, 40px 40px;
}

.bkbg0 .sw-card,
.bkbg0 .col-lg-3,
.bkbg0 .col-lg-4 {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .5s ease, transform .5s ease;
}
.bkbg0 .sw-card.in-view,
.bkbg0 .col-lg-3.in-view,
.bkbg0 .col-lg-4.in-view {
  opacity: 1;
  transform: translateY(0);
}


.sw-cl-4 p, .sw-cl-4 h3,  .sw-cl-4 a {
color: #fff; }

.services-owl-carousel .owl-next {
   position: absolute;
    top: 50%;
    transform: translateY(-50%);
        background: var(--white-color) !important;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 15%);
    right: 0;
}

.services-owl-carousel .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
        background: var(--white-color) !important;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 7px 15px 0px rgb(0 0 0 / 15%);
left: 0;

}


.col-6-b { margin: -60% 0% 0% 0%;}



.bgg {
     background-color: var(--bg-b3);
    background-image: radial-gradient(ellipse 70% 50% at 15% 15%, rgb(180 180 180 / 14%) 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 85% 75%, rgb(92 92 92 / 12%) 0%, transparent 55%), linear-gradient(rgb(110 110 110 / 6%) 1px, transparent 1px), linear-gradient(90deg, rgb(91 91 91 / 6%) 1px, transparent 1px);
    background-size: auto, auto, 40px 40px, 40px 40px;
}

.swbdr {background: #fff}

.porkai-btn {
       background: #fe5724;
           border: 1px solid #fe5724;
}