@import url("../fonts/spartan-mb/stylesheet.css");
@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@import url("animate.css");
@import url("../plugins/lums-icon/style.css");
@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900&display=swap');

@font-face {
  font-family: "Gilroy";
  src:url("/img-bb/Gilroy-Regular.891516b5.woff2") format("woff2"),
}
@font-face {
  font-family: "Gilroy-B";
  src:url("/img-bb/Gilroy-Bold.d5b92fa0.woff2") format("woff2"),
}
@font-face {
  font-family: "Gilroy-S";
  src:url("/img-bb/Gilroy-SemiBold.52381b7b.woff2") format("woff2"),
}

body {
  font-family: 'Gilroy', Arial, sans-serif;
  
}

::-webkit-scrollbar-track {
  background: #1e1e28;        
}
::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #f7c324;
    border-radius:10px;
}::-webkit-scrollbar {
    background-color: #222;
    width: 8px;
    height: 8px;
}

p{
    font-family: 'Maven Pro', sans-serif!important;
    font-size: 16px!important;
    line-height: 24px!important;
    color: #72737b;
}
.nBBSTUDIO{
    color:#f7c324;
    font-family: 'Gilroy-B', Arial, sans-serif;
}
.container-fluid{
 position:relative;  
 z-index:10;
}
a:active,
a:hover,
a:focus,
a:visited {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
   font-family: 'Gilroy-B', Arial, sans-serif;
}
.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  overflow: hidden;
}
.rem{
    display:none!important;
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }
}

.light-text-color {
  color: #fff;
}

.header-tg_mybutton{
        background-color: transparent!important;
    color: #fff!important;
    display: none!important;
    align-items: center!important;
    font-weight: 500!important;
    margin-left: auto;
    margin-right: 0;
    padding: 0 10px!important;
    border-radius: 0!important;
    font-size: 0!important;
}

/* cssasdasd myms*/

.sectionLight{
    background:#fff;
}
.sectionLight:after{
    content: "";
    background: url(/img-bb/backSectionWhite.webp) center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.homeForm{
    background: #fff;
}
.sectionDark{
    background:#1e1e28;
}
.sectionDark h2{
    color:#fff;
}
.sectionDark:after{
    content: "";
    background: url(/img-bb/sectionBack.webp) center no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
section{
    padding-top:120px!important;
    padding-bottom:120px!important;
    position:relative;
}
section .container{
    z-index:1;
    position:relative;
}

.homeServBlocks{
    display: grid;
    grid-gap: 20px 60px;
    grid-template-columns: repeat(2, auto);
    position: relative;
    background: #1a1a23;
    padding: 60px;
    border-radius:50px;
}
.titlePoint{
    color: #f7c324;
}
.allTitleH2{
    
}
.homeServLeftIconLine{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #ffffff59;
    height: 90px;
        animation: homeServLine 5s ease-out 0.5s infinite;
}
@keyframes homeServLine{
    0% {
        bottom: 0;
    }
    50% {
        bottom: 60%;
    }
    100% {
        bottom: 0;
    }
}
.homeServBlocks:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 120px);
    border: 1px dashed #ffffff1a;
}

.homeServBlock{
        display: flex;
    align-items: self-start;
    position: relative;
    padding-left: 60px;
    padding-right:20px;
}

.homeServH2{
    padding-bottom: 40px;
}

.homeServLeftIcon{
    width: 220px;
    height: 220px;
    background: #1a1a23;
    line-height: 270px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #ffffff1a;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 150px;
    margin:0 auto;
}
.homeServLeftIcon img{
    width: 100%;
    max-width: 70%;
}
.homeSBIcon{
        background: #131313;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s;
}
.homeSBIcon svg{
        transform: rotate(45deg);
}
.homeSBContent{
    
}
.homeSBContent h4{
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
}
.homeSBContent p{
        color: #8b8c9c;
    font-size: 16px;
    line-height: 24px;
}
.homeServBlock:hover .homeSBIcon{
    background:#f5bf43;
}
.homeSBIcon svg path{
    transition: 0.4s;
}
.homeServBlock:hover .homeSBIcon svg path{
    stroke:#222;
}

/**/

span.sectionTitle{
    
}

.homeAboutLink{
        background: #222;
    color: #fff;
    padding: 15px 60px;
    margin-top: 30px;
    border-radius: 30px;
}
.homeAboutLink p{
    font-size: 18px;
    color: #c2c3d3;
}
.homeALinks{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px 60px;
}
.homeALinks a{
        display: flex;
    align-items: center;
    color: #fff;
    grid-gap: 20px;
}
.homeALinks a span{
    background: #f5bf43;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.homeALinks a svg{
    
}
.homeALinks a:hover{
    
}

.colummEnd{
    display: flex;
    align-items: end;
}
.homeTools{
    padding-top: 90px;
}

.homeTBlocks{
    display: grid;
    grid-gap: 20px 100px;
    grid-template-columns: repeat(2, auto);
    position: relative;
    background: #dcdcd0;
    padding: 60px;
    border-radius:50px;
}
.homeTBlock{
        display: flex;
    align-items: self-start;
    position: relative;
    padding-left: 80px;
}
.homeTBIcon{
        background: #f7c324;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.4s;
}
.homeTBIcon svg{
        transform: rotate(45deg);
}
.homeTBContent{
    
}
.homeTBContent h4{
    color: #222;
    font-size: 24px;
    margin-bottom: 10px;
}
.homeTBContent p{
        color: #70717d;
    font-size: 16px;
    line-height: 24px;
}
.homeTBlock:hover .homeTBIcon{
    background:#222;
}
.homeTBIcon svg path{
    transition: 0.4s;
}
.homeTBlock:hover .homeTBIcon svg path{
    stroke:#fff;
}
.homeTBlocksSpanOne{
position: absolute;
    top: -15px;
    right: -15px;
    width: 80px;
    height: 80px;
    background: #222;
    border-radius: 10px;
    transform:rotate(70deg);
    z-index: -1;
    animation: homeTBlocksSpan1 9s ease-out infinite;
}
.homeTBlocksSpanTwo{
    position: absolute;
    bottom: -35px;
    left: 30%;
    width: 70px;
    height: 70px;
    background: #222;
    border-radius: 10px;
    transform:rotate(70deg);
    z-index: 1;
    animation: homeTBlocksSpan2 7s ease-out 1s infinite;
}
@keyframes homeTBlocksSpan1{
    0% {
            transform:rotate(70deg);
    }
    50% {
            transform:rotate(210deg);
    }
    100% {
            transform:rotate(70deg);
    }
}
@keyframes homeTBlocksSpan2{
    0% {
            transform:rotate(70deg);
    }
    50% {
            transform:rotate(-70deg);
    }
    100% {
            transform:rotate(70deg);
    }
}

.homePlusDis{
    color: #222;
    display: flex;
    grid-gap: 6px;
    font-size: 40px;
}
.rowPaddingTop{
    padding-top:90px;
}

.caseBlock{
        width: 100%;
    height: 600px;
    background: #1a1a23;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}
.caseBArrow{
    background: #f7c324;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    left: 20px;
    /*transition: all 1s 0.4s;*/
    z-index: 5;
}
.caseBArrow svg{
    transform: rotate(135deg);
    font-size: 24px;
    transition: all 1s;
}
.caseBlock img {
    border: 1px solid #ffffff52;
    border-radius: 15px;
    transition: 0.4s;
}
.caseBIMGOne{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    transform: translate(-35%, -35%) rotate(-30deg);
    z-index: 3;
    box-shadow: 0px 40px 20px #ffffff21;
}
.caseBIMGTwo{
    position: absolute;
    top: 50%;
    left: 0;
    width: 250px;
    transform: translate(-5%, 30%) rotate(-30deg);
    z-index: 1;
}
.caseBIMGThree{
    position: absolute;
    top: 50%;
    right: 0;
    width: 300px;
    transform: translate(65%, -45%) rotate(-30deg);
    z-index: 2;
}
.caseBArrow h4{
    position: absolute;
    opacity: 0;
    color: #fff;
    font-size: 20px;
    width: 200px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
    margin-top: 50px;
    transition: all 0.4s 0.2s;
    justify-content: center;
    display: flex;
}
.caseBArrow a{
    
}

.caseBlock:after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    opacity:0;
    z-index: 4;
    background: #222222b5;
    transition: all 0.4s;
}
.caseBlockLINK{
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: 14;
    cursor:pointer;
    transition: 0.1s;
}
.caseBlock:hover .caseBlockLINK{
    width: 100%;
    height: 100%;
    transition: 0.1s 0.3s;
}
.caseBlock:hover img{
    filter:blur(5px);
}
.caseBlock:hover:after{
    opacity: 1;
}
/*.caseBlock:hover .caseBArrow{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s 0.4s;
}*/
/*.caseBlock:hover .caseBArrow svg{
    transform: rotate(90deg);
}*/
.caseBLH4{
    position: absolute;
    opacity: 0;
    color: #fff;
    font-size: 20px;
    width: 210px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0;
    transition: all 0.4s 0.2s;
    justify-content: center;
    display: flex;
    z-index: 10;
    text-align: center;
        align-items: center;
}
.caseBLH4 svg{
        font-size: 22px;
    transform: rotate(90deg);
    margin-left: 10px;
}
.caseBlock:hover .caseBLH4{
    opacity:1;
    transition: all 0.4s 0.2s;
}
.homeCasesFlex{
    grid-gap:30px 0;
}
.homeAbout h4{
    
}
.homeAbout svg{
        font-size: 36px;
}
.homeAbout ul{
        list-style: none;
    padding-left: 30px;
}
.homeAbout li{
    font-size: 16px;
    line-height: 25px;
    color:#8b8c9c;
    position: relative;
    display: flex;
    align-items: self-start;
    margin-bottom: 15px;
}
.homeAbout li:after{
    content: "";
    position: absolute;
    left: -28px;
    width: 20px;
    border: 1px solid #1e1e28;
    top: 11px;
}
.homeAboutDes{
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-family: sans-serif;
    -webkit-text-fill-color: rgb(0 0 0 / 0%);
    -webkit-text-stroke: 2px #1e1e28;
    writing-mode: vertical-rl;
    font-size: 90px;
    opacity: 0.3;
    width: 80px;
    font-family: 'Gilroy-B', Arial, sans-serif;
}
.homeAboutDesLine{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.3;
    border: 1px solid #1e1e28;
    height: 90px;
        animation: homeAboutLine 7s ease-out 0.5s infinite;
}
@keyframes homeAboutLine{
    0% {
        bottom: 0;
    }
    50% {
        bottom: calc(100% - 120px);
    }
    100% {
        bottom: 0;
    }
}

.buttonOther:hover {
    background-color: #222;
    color: #fff !important;
}
.buttonOther:hover:after {
    width: 100%;
    opacity: 1;
}
.buttonOther span{
    color:#222;
}
.buttonOther:after {
    content: "";
    border-right: 10px solid #a5a5a5;
    position: absolute;
    border-left: 10px solid #a5a5a5;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 10px;
    transition: 0.4s;
    opacity: 0;
}
.buttonOtherRight{
    display: flex;
    justify-content: end;
}
.homeMainBtns{
margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
}

.approach{
    background: #222;
    min-height:100vh;
}
.approach .row{
    height:100%;
}
.approach .container{
    position:relative;
}
.approachLeft{
        display: flex;
    height: 100%;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}
.approach h2{
    font-size: 26px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 30px;
}
.approach p{
        color: #999;
    font-size: 15px;
        width: 100%;
    max-width: 340px;
}
.approachEarth_col{
    position:relative;
}
.approachEarth{
    filter: invert(1);
    opacity: 0.4;
        position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    right: 50%;
    width: 480px;
    height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.approachEarth:after {
    content: "";
    display: block;
        width: 83%;
    height: 83%;
    position: absolute;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect rx='100%' ry='100%' width='100%25' height='100%25' fill='none' stroke='%23444' stroke-width='2' stroke-dasharray='1%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 100%;
}
.approachE_img {
    content: url(https://api.iconify.design/gis/earth-north.svg?color=%23181818);
    width: 64%;
    position: absolute;
    z-index: 2;
    animation: approachE_img 60s ease-out infinite;
}

@keyframes approachE_img {
  0% {
    transform: rotate(0deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

.approachEel{
    width: 100%;
    height: 100%;
    position: relative;
}
.approachEel{
    color:#222;
}

.contactForm{
    background: #1a1a23;
    padding: 60px;
    border-radius: 50px;
}
.site-footer__upper:after{
    background: url(/img-bb/formBack.webp) center no-repeat;
    background-size:cover!important;
}
.contactFormH4{
    color: #8b8c9c;
    margin-bottom: 30px;
}
.formContactLine{
        position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(20, 23, 41, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(64, 64, 69, 0) 100%);
    opacity: 0.3;
}
.footerTop{
        background: #17181d;
        padding: 45px 0;
        position:relative;
}
.footerBtn{
    margin-right: 15px!important;
    width: 250px!important;
    padding: 20px 20px!important;
}
.footerTLine{
    position: relative;
    width: 100%;
        display: flex;
    align-items: center;
}
.footerTLine svg{
        transform: rotate(-90deg);
    font-size: 40px;
}
.footerTLine:after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    border: 1px dashed #fff;
    left: 15px;
}
.footerH4{
    color: #fff !important;
    margin-bottom: 30px !important;
    font-size: 24px;
}
.footerLogo{
        width: 100%;
    max-width: 100px;
    display: block;
}
.footerLogoDis{
        display: flex;
    align-items: center;
}


/**/

.preloader{
position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #17181d;
    z-index: 1000;
    display: flex;
    flex-wrap: wrap;
    align-content: normal;
    justify-content: center;
    padding: 120px;
}
.preloaderH{
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-family: sans-serif;
    -webkit-text-fill-color: #fff0;
    -webkit-text-stroke: 2px #fff;
    font-size: 150px;
    font-family: 'Gilroy-B', Arial, sans-serif;
    z-index: 1;
}
.preloaderLoad{
    width: 100%;
    background: #636363;
    height: 2px;
    position: relative;
    z-index: 1;
}

.preloaderLoadLast{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 2px;
    animation: preloaderLine 1s 1 normal cubic-bezier(0.2, 0.5, 0.69, -0.05);
}
@keyframes preloaderLine{
    0%{
        width:0%;
    }
    
    100%{
        width:100%;
    }
}

.otherPageBtnHome{
        background-color: #ededed !important;
    display: flex !important;
    align-items: center;
    grid-gap: 0 10px;
}
.otherPageBtnHome svg{
        font-size: 24px;
}
.otherPageBtnHomeSpan{
    color:#222!important;
    z-index:2!important;
    position:relative;
}
.otherPageBtnHome:hover{
    color:#222!important;
}
.otherPageBtnHome:after{
    background: #a5a5a5;
    border: 0 !important;
    bottom: -100% !important;
    top: inherit !important;
    height: 100% !important;
    z-index: 1;
    width: 100% !important;
}
.otherPageBtnHome:hover:after{
    background: #cdcdcd;
    bottom: 0% !important;
}
.casesAll{
    padding-top:45px;
}
.otherPageHC{
    position:relative;
}
.otherPageH{
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    font-family: sans-serif;
    -webkit-text-fill-color: #fff0;
    -webkit-text-stroke: 2px #222;
    font-size: 100px;
    font-family: 'Gilroy-B', Arial, sans-serif;
    z-index: 1;
}
.otherPageCircle{
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #dbdbdb;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    display:flex;
}
.otherPageCircle:after{
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border-width: 5px;
    border-style: solid;
    border-color:#ccc;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: otherPageCircle 2s ease-out infinite;
    
}

@keyframes otherPageCircle{
    0%{
        border-color:#ccc;
    }
    
    100%{
        border-color:#222;
    }
}

.caseBlockMain{
    
}
.caseBlockMain:hover .caseBlockLINK {
    width: 100%;
    height: 100%;
    transition: all 0.1s 0.3s;
}
.caseBlockMain .caseBArrow {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.caseBlockMain .caseBArrow h4 {
    opacity: 1;
    transition: all 0.4s 1s;
}
.caseBlockMain .caseBArrow svg {
    transform: rotate(0deg);
}
.caseBlockMain:hover .caseBArrow svg {
    transform: rotate(180deg);
}
.homeServLeftIconDev{
    top:0;
}

.devInfo{
    display: grid;
    grid-template-columns: repeat(3, 31.6%);
    grid-gap: 30px;
}
.devIBlock{
        display: grid;
    background: #1a1a23;
    border-radius: 30px;
    padding: 60px;
}
.devIBIcon{
    height:52px;
    border: 1px solid #ffffff1a;
    width: max-content;
    padding: 10px 20px;
    border-radius: 15px;
    color: #fff;
    display: flex;
    align-items: center;
    grid-gap: 0 10px;
    margin-bottom: 20px;
}
.devIBIcon svg{
        transform: rotate(45deg);
    font-size: 22px;
}
.devIBlock h4{
        color: #fff;
    font-size: 26px;
    margin-bottom: 20px;
}
.devIBlock p{
        margin-bottom: 40px;
}
.devIBIconBottom{
        width: max-content;
}
.devIBIconBottom svg{
        transform: rotate(-45deg);
    font-size: 60px;
}
.devDark:after {
    background: url(/img-bb/formBack.webp) center no-repeat;
    background-size: cover !important;
}
.devLight:after {
    background: url(/img-bb/devLight.webp) center no-repeat;
    background-size: cover !important;
}
.devLightHome:after{
    display:none;
}
.devLightHome{
    padding:0!important;
}
.devFAQ:after{
    display:none;
}

.devStage{
        grid-template-columns: repeat(2, auto);
    display: grid;
    grid-gap: 30px;
}
.devSBlock{
        background: #dcdcd0;
    border-radius: 50px;
    padding: 60px;
    display: flex;
    grid-gap: 0 30px;
    align-items: start;
}
.devSBLeft{
    
}
.devSBCenter{
    
}
.devSBCenter h4{
    
}
.devSBCenter p{
    
}
.devSBRight{
        display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.devSBRight span{
    background: #f7c324;
    width: 60px;
    height: 60px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    transition: 0.4s;
}
.devSBlock:hover .devSBRightArrow{
    background: #222;
}
.devSBlock:hover .devSBRightArrow svg path {
    stroke: #fff;
}
.devSBRight span svg{
    transform: rotate(45deg);
}
.devSBRNum{
    font-family: 'Gilroy-B', Arial, sans-serif;
    font-size: 30px;
}
.devStageLight:after{
    display:none;
}

.devAcc{
        display: grid;
    grid-gap: 20px;
}
.devAcc .card-body{
    
}
.devAcc .card{
    border-radius: 15px!important;
    border: 1px solid #dcdcd0 !important;
}
.devAcc .card-header{
    padding:10px;
    border: 0;
        background: transparent;
}
.devAcc button{
        color: #222;
    font-weight: 600;
    display: flex;
    grid-gap: 0 15px;
    position:relative;
    padding-right:40px;
}
.devAcc button:focus{
    text-decoration:none;
}
.devAcc button:hover{
    text-decoration: none;
    color: #222;
}
.devAcc button span{
    padding: 4px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-180deg);
    background: #222;
    font-size: 30px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    transition:0.4s;
}
.devAcc button span svg path{
    transition:0.4s;
}
.devAcc button:hover span{
    background: #f7c324;
}
.devAcc button:hover span svg path{
    stroke: #222;
}
.devAcc button[aria-expanded=true] span{
    transform: translateY(-50%) rotate(0deg);
}
.devAcc button[aria-expanded=true] span{
    background: #f7c324;
}
.devAcc button[aria-expanded=true] span svg path{
    stroke: #222;
}
.devAccImg{
    width: 30px;
}

.cta-two__block{
        margin-bottom: 30px;
}
.cta-two__title{

    font-size: 20px;
}
.cta-two__text{
    
}
.cta-two__icon{
        font-size: 16px;
    font-weight: 600;
    color: #72737b;
}
.cta-two__single{
            display: flex;
    grid-gap: 10px;
    align-items: flex-start;
}

.BlogHCat{
    font-size: 60px;
}

/*@media (min-width:1200px){
    .blogPageSection .container {
        max-width: 1400px;
    }
}*/
.blogPageSection:after{
    display:none;
}
.blogBlocks{
    grid-gap: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom:60px;
}
.blogBlock{
    
    background: #dcdcd0;
    border-radius: 30px;
    position: relative;
    break-inside: avoid-column;
    box-shadow: 0 2px 4px #0000001a;
    margin-bottom: 0;
    padding: 30px;
    width: 32.1%;
    
/*    background: #1a1a23;
    border-radius: 30px;
    position: relative;
    break-inside: avoid-column;
    box-shadow: 0 2px 4px #0000001a;
    margin-bottom: 60px;
    padding: 30px;*/
}
.blogBlock:nth-child(4), .blogBlock:nth-child(7){
    width: 66.1%;
}
.blogBImg{
    
}
.blogBImg img{
    width: 100%;
}
.blogBContent{
    display: grid;
    align-content: space-between;
    height: 100%;
}
.blogBCMeta{
        margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    color: #8b8b8b;
}
.blogBCMAuthor{
    background: #c5c5c5;
    color: #222;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 15px;
}
.blogBCMDate{
    
}
.blogBCMTimeRead{
    
}
.blogBCMIcon{
        background: #f7c324;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    margin-left: auto;
}
.blogBCMIcon svg{
    transform: rotate(45deg);
    font-size: 24px;
}
.blogBCh3{
    margin-bottom: 20px;
}
.blogBCh3 a{
    color: #222;
    text-transform: uppercase;
    font-size: 26px;
    transition:0.4s;
}
.blogBCh3 a:hover{
    color:#f3b700;
}
.blogBCDes{
        color: #70717d;
    font-size: 18px;
}

.blogBCDes img{
    display:none;
}
.blogBCDes h1, .blogBCDes h2, .blogBCDes h3, .blogBCDes h4, .blogBCDes h5, .blogBCDes h6{
    display:none;
}
.blogNoPadding{
    padding-bottom:0!important;
}

/**/

.blogMainAll{
    display: flex;
    flex-wrap: nowrap;
    grid-gap: 20px;
    justify-content: space-between;
    background: #dcdcd0;
    padding: 60px;
    border-radius: 50px;
    overflow-x: hidden;
}
.BlogMLeft{
    width: 100%;
    max-width: 20%;
    display: flex;
    position: relative;
}
.BlogMCenter{
    width: 100%;
    overflow-x: hidden;
        position: relative;
}
.blogCarousel .owl-dots{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    grid-gap: 10px;
}
.blogCarousel .owl-dots button{
    width: 100%!important;
}
.blogCarousel .owl-dots button span{
    width: 100% !important;
    background: #fff !important;
    border-radius: 10px !important;
    height: 5px !important;
    position: relative;
}
.blogCarousel .owl-dots button.active span:after{
    content: "";
    height: 5px;
    width: 100%;
    background: #f7c324;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    animation: blogTopNavActive 0.4s 1 normal ease-in-out;
}


.blogCarousel{
    padding-top: 50px;
    padding-right: 180px;
    padding-left: 370px;
}
.blogMainLeft{
    position: absolute;
    top: 50px;
    left: 0;
    display: flex;
    grid-gap: 15px;
    align-items: center;
    width: 100%;
    max-width: 270px;
}
.blogMainLeftContent{
    display: grid;
}
.blogMainLeft img{
    width: 60px;
    height: 60px;
    background: #222;
    border-radius: 50%;
    padding: 10px;
}
.blogMainLeft span:first-child{
        font-weight: 600;
    font-size: 18px;
}
.blogMainLeft span:last-child{
        font-size: 15px;
    color: #8b8b8b;
}

.blogCustomNav{
    display: flex;
    grid-gap: 20px;
    justify-content: end;
    position: absolute;
    top: 50px;
    right: 0;
        z-index: 10;
}
.blogCarousel .owl-nav{
    display:none;
}

.blogCustomNext, .blogCustomPrev{
    width: 56px;
    height: 56px;
    border: 1px solid #222 !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    cursor: pointer;   
}
.blogCustomPrev svg {
    transform: rotate(-90deg);
    font-size: 20px;
    transition: 0.3s;
}
.blogCustomNext svg {
    transform: rotate(90deg);
    font-size: 20px;
    transition: 0.3s;
}
.blogCustomNext:hover, .blogCustomPrev:hover{
    background: #222;
}
.blogCustomNext:hover svg path, .blogCustomPrev:hover svg path{
    fill: #fff;
}

@keyframes blogTopNavActive{
    0% {
        width: 0%;
    }
    
    100%{
        width: 100%;
    }
}

.blogMBContent{
    min-height: 300px;
    display: grid;
    align-content: space-between;
}
.blogMBCH3{
        margin-bottom: 30px;
}
.blogMBCH3 a{
    transition: 0.4s;
    color: #222;
    font-size: 44px;
}
.blogMBCH3 a:hover{
    color:#f3b700;
}
.blogMBCMeta{
        margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    align-items: center;
    color: #8b8b8b;
        justify-content: space-between;
}
.blogMBCMeta span{
    display:flex;
    align-items:center;
        grid-gap: 5px;
}
.blogMBCMeta div{
        display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-gap: 15px;
}
.blogMBCMAuthour{
        background: #131313;
    color: #fff;
    padding: 7px 20px;
    border-radius: 15px;
}
.blogMBCMDate{
    
}
.blogMBCMTimeRead{
    
}

.owl-item.active{
    opacity:1;
    transition:1s ease-in-out;
}
.owl-item{
    opacity:0;
    transition:1s ease-in-out;
}

.blogDCenter{
    padding-right: 340px;
    padding-left: 280px;
}
.blogDCenter .blogMBCH3{
    transition: 0.4s;
    color: #222;
    font-size: 44px;
}
.blogDCat{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 270px;
}
.blogDCat a{
    padding: 7px 10px !important;
    font-size: 14px !important;
    text-transform: math-auto !important;
    border: 1px solid #f7c324 !important;
    color: #4b4b4b !important;
}
.blogDCat a:hover{
        background: #f7c324!important;
    color: #fff !important;
}
.blogDCat a.blog-c-active{
        background: #f7c324!important;
    color: #fff !important;
}
.blogDLeft{
    top:0!important;
}



.blogDCons{
    background: linear-gradient(158deg, rgba(26, 26, 35, 1) 0%, rgb(87 81 81) 100%);
    padding: 40px;
    border-radius: 30px;
    color: #fff;
    display: grid;
}
.blogDCons button{
        padding: 8px 14px !important;
    width: max-content;
}
.blogDCH{
    display: flex;
    align-items: center;
    grid-gap: 10px;
    font-size: 30px;
    margin-bottom: 20px;
}
.blogDCP{
        color: #e1e1e1;
    margin-bottom: 15px;
    font-size: 16px;
}
.blogDLinksDev{
    display: grid;
    grid-gap: 10px;
}
.blogDLinksDev a{
        color: #222;
    display: flex;
    grid-gap: 20px;
    justify-content: space-between;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
    align-items: center;
    overflow: hidden;
    position: relative;
    transition:0.4s ease-in-out;
    padding-right: 30px;
}
.blogDLinksDev a:hover{
    color: #f7c324;
    padding-left: 30px;
    padding-right:0;
}
.blogDLinksDev a:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='%23222' d='M16.792 11.265a.75.75 0 0 0-1.09-1.03l-4.955 5.239V2.75a.75.75 0 0 0-1.5 0v12.726L4.29 10.235a.75.75 0 0 0-1.09 1.03l6.07 6.418a1 1 0 0 0 .566.3a.75.75 0 0 0 .329-.002a1 1 0 0 0 .558-.298z'/%3E%3C/svg%3E");
    content: "";
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    transform: rotate(-90deg);
    font-size: 24px;
    transition: 0.4s ease-in-out;
    position: absolute;
    right: 0;
    
}
.blogDLinksDev a:hover:after{
    right: -24px;
}
.blogDLinksDev a svg{
    transform: rotate(-90deg);
    font-size: 24px;
    position: absolute;
    left: -24px;
    transition:0.4s ease-in-out;
}
.blogDLinksDev a:hover svg{
    left: 0;
}
.blogDLinksDev a svg path{
    transition:0.4s ease-in-out;
}


/* my css */

@media (max-width:1199px){
    .blogDCenter{
        padding:0;
    }
    .blogMBContent{
        min-height:inherit;
    }
    .blogMBCMeta div{
                width: 100%;
        justify-content: start;
    }
    .blogMBCMeta span:last-child{
        margin-left: auto;
    }
    .blogDCat a{
        padding: 7px 16px !important;
    }
    .blogDCat{
        grid-gap: 5px;
    }
    .blogDLeft{
        max-width:100%!important;
    }
    
    .blogDLeft{
                position: relative;
        top: inherit!important;
        left: inherit;
        max-width: 100%;
        margin-bottom: 30px;
    }
    .blogDCat{
                position: relative;
        top: inherit;
        right: inherit;
        max-width: 100%;
        margin-top: 40px;
    }
    
    .blogCarousel{
            padding-right: 140px;
    padding-left: 290px;
    }
    
    .blogBlock{
        width: 48.9% !important;
    }
    
    .BlogHCat{
        font-size: 46px!important;
    }
    .otherPageH{
        font-size: 60px;
    }
    .homeServBlocks, .homeTBlocks{
        padding:30px;
        grid-gap: 20px 30px;
    }
    .caseBlock{
        height:500px;
    }
    .contactForm, #modalcap .modal-content, .devIBlock, .devSBlock{
        padding:30px;
    }
    .preloaderH{
        font-size:90px;
    }
    .preloader{
        padding:60px;
    }
}
@keyframes homeAboutLine991{
        0% {
            left: 15px;
        }
        50% {
            left: calc(100%);
        }
        100% {
            left: 15px;
        }
    }
    
@media (max-width:991px){
    
    .blog-details > .container > .row{
        flex-direction: column-reverse;
    }
    .sidebar__single.sidebar__category{
        display:block!important;
    }
    
    .blogDCat a{
        padding: 7px 10px !important;
    }
    .blogDCat{
        grid-gap:0!important;
    }
    
    .blogMBCH3{
        font-size:24px!important;
    }
    
    .blogCarousel{
        padding: 0;
        padding-top: 150px;
    }
    .blogMBCH3 a{
        font-size: 24px;
    }
    .blogMBContent{
        min-height: inherit;
    }
    
    .blogBlock{
        width: 48.5% !important;
    }
    
    .BlogHCat{
        font-size: 60px!important;
    }
    .blog-cat{
            margin-bottom: 20px;
    }
    .devSBlock{
        display:grid;
    }
    .devSBRight{
        justify-content:end;
    }
    .devSBRight span svg{
            transform: rotate(-45deg);
    }
    .devLight:after{
                background: url(/img-bb/backSectionWhite.webp) center no-repeat;
        background-position: right bottom;
        opacity: 0.5;
    }
    .footerLogo{
    
        display:none;
    }
    .homeAboutDesLine{
width: 90px;
        height: 0;
        left: 15px;
        animation: homeAboutLine991 7s ease-out 0.5s infinite;
        transform: initial;
        top: 20px;
    }
    .homeAboutDes{
        writing-mode: inherit;
        width: 100%;

    }
    
    .buttonOtherRight{
                justify-content: start;
        margin-top: 30px;
    }
    .homeServLeftIcon, .homeServLeftIconLine{
        display:none;
    }
    .colummEnd{
        margin-top: 20px;
    }
    .homeTBlock{
        padding-left: 50px;
    }
    .homeTBIcon{
        width: 40px;
        height: 40px;
    }
    .homeTBIcon svg{
        font-size: 14px;
    }
    .homeTBContent h4{
        font-size: 20px;
    }
    .homeTBlocksSpanTwo{
        width: 50px;
        height: 50px;
    }
    .homeTBlocksSpanOne{
        width: 60px;
        height: 60px;
    }
    .funfact-one__title{
        font-size:100px!important;
    }
    .funfact-one__tag-line{
        font-size:18px!important;
    }
}
.blogBCMetaTop{
    display:none;
}
@media (max-width: 767px) {
    .blogDCons{
        padding:20px;
    }
    .blogBCMetaTop{
        display: flex;
        margin-top: 0;
        margin-bottom: 20px;
    }
    .blogMainAll{
        padding:20px!important;
    }
    .blogBCMetaBottom{
        justify-content: space-between;
    }
    .blogBCMetaBottom .blogBCMAuthor{
        display:none!important;
    }
    .blogBCMetaBottom .blogBCMIcon{
        display:none!important;
    }
    
    .blogBlock{
                padding: 20px;
        width:100%!important;
    }
    .blogBCh3 a{
        font-size:16px;
    }
    .blogBCh3{
            line-height: 20px;
    }
    .blogBCDes{
        display:none;
    }
    
    .otherPageH, .BlogHCat{
            font-size: 40px!important;
    }
    
    .footerBtn{
        width:260px!important;
    }
    .footerTLine{
        width:200px;
    }
    .block-title__title{
                font-size: 30px!important;
        line-height: 36px!important;
    }
    .container {
                max-width: 700px;
    }
    .homeServBlock, .homeTBlock{
        padding-left:0;
        display: grid;
        align-content: baseline;
    }
    .homeSBIcon, .homeTBIcon{
        position: relative;
        margin-bottom: 10px;
    }
    .homeSBIcon svg {
        transform: rotate(135deg);
    }
    .countFlexWrap{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: 40px 20px;
    }
    .countFlexWrap .col-lg-4{
        flex: 0 0 230px;
        max-width: 230px;
    }
        section{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    
}


.blogMainBlock{
    
}
.blogCarousel .item{
    height:100%;
    display:grid;
}
.advCarousel .owl-stage{
    height:100%;
}
.blogDCenter a{
    display: flex;
    align-items: center;
    color: #8b8b8b;
}
/* my css media*/


.header-tg_mybutton svg{
    margin-right: 10px;
    font-size: 30px;
}
.header-tg_mybutton_2{
   background-color: transparent!important;
    color: #fff!important;
    display: none!important;
    align-items: center!important;
    font-weight: 500!important;
    margin-right: 75px;
    padding: 0 10px!important;
    border-radius: 0!important;
    font-size: 0!important;
}
.header-tg_mybutton_2 svg{
    margin-right: 10px;
    font-size: 30px;
}

/*.black-text-color {
  color: #222!important;
}*/

.icon-revresed {
  -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  display: inline-block;
}
.privacy div {
/*    line-height: 27px;
    margin-bottom: 27px;*/
    font-size: 15px;
    color: #717171;
}

.block-title {
  margin-bottom: 20px;
}
.block-title__title {
      margin: 0;
    font-size: 45px;
    font-weight: 600;
    color: #222;
    text-align:left;
}
.thm-btn {
  border: none;
  outline: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  background-color: #f7c324;
  color: #222;
  font-size: 16px;
   font-weight:600;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  border-radius: 10px;
  padding: 20px 58px;
  transition: all .4s ease;
  position:relative;
}
.thm-btn:hover {
  background-color: #222;
  color: #fff!important;
}

.thm-btn:after{
    background: #a5a5a5;
    border: 0 !important;
    bottom: -100% !important;
    top: inherit !important;
    height: 100% !important;
    z-index: 1;
    width: 100% !important;
}
.thm-btn:hover:after{
    background: #dcdcd0;
    bottom: 0% !important;
}
.banner-one__btn-reverse:hover span{
    color:#222;
}

/*.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show > .btn-light.dropdown-toggle {
  background-color: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  outline: none;
}
.bootstrap-select > .dropdown-toggle {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}

.bootstrap-select .dropdown-menu {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  z-index: 991;
}
.bootstrap-select .dropdown-menu > li + li > a {
  border-top: 1px solid #eee;
}
.bootstrap-select .dropdown-menu > li:first-child > a {
  padding-top: 10px;
}
.bootstrap-select .dropdown-menu > li:last-child > a {
  padding-bottom: 10px;
}
.bootstrap-select .dropdown-menu > li.selected > a {
  background: #f7c324;
  color: #fff;
}
.bootstrap-select .dropdown-menu > li > a {
  font-size: 16px;
  font-weight: 500;
  padding: 9px 20px;
  color: #222;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.bootstrap-select .dropdown-menu > li > a:hover {
  background: #f7c324;
  color: #fff;
  cursor: pointer;
}*/

/*.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.preloader__icon {
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}*/

.btn-full-s .thm-btn{
    padding: 10.5px 18px;
}
.scroll-to-top {
  display: inline-block;
  width: 45px;
  height: 45px;
  background: #222222;
  position: fixed;
    bottom: 35px;
    right: 35px;
  z-index: 99;
  text-align: center;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  display: none;
  border-radius: 50%;
  transition: all .4s ease;
}
.yellow {
    background-color: #f7c324!important; 
}

.scroll-to-top i {
  color: #fff;
  font-size: 18px;
  line-height: 45px;
}
.scroll-to-top:hover {
  background-color: #222;
}
.scroll-to-top:hover i {
  color: #fff;
}

/*
* 3. header styles
*/
.header-navigation {
  background-color: transparent;
  margin-bottom: 0;
  border: none;
  border-radius: 0;
  padding: 0;
  position: relative;
  background-color: transparent;
}
.header-navigation .container {
  background: transparent;
  position: relative;
  display: block;
}
.header-navigation .container .logo-box {
  float: left;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items:center;
}
.header-navigation .container .navbar-brand {
  height: auto;
  margin: 0;
  line-height: 1;
}
.header-navigation .container .menu-toggler {
  display: none;
}
.header-navigation .container .menu-icon {
  display: none;
}
.header-navigation .container .right-side-box {
      position: absolute;
    top: 30px;
    right: 15px;
}
.header-navigation .main-navigation {
  float: none;
  text-align: right;
}
@media (min-width: 1200px) {
  .header-navigation .main-navigation {
    display: block !important;
  }
}

.header-navigation ul.navigation-box {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.header-navigation ul.navigation-box li a .sub-nav-toggler {
  display: none;
}
.header-navigation ul.navigation-box > li {
  position: relative;
  padding: 32.5px 0;
  display: inline-block;
  vertical-align: middle;
  /* Second Level Menu */
  /* Thrid Level Menu */
}
.header-navigation ul.navigation-box > li + li {
  margin-left: 50px;
}
.header-navigation ul.navigation-box > li:first-child {
  padding-left: 0;
}
.header-navigation ul.navigation-box > li:last-child {
  padding-right: 0;
}
.header-navigation ul.navigation-box > li > a {
  font-size: 18px;
  color: #ffffff;
  padding: 0;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  position: relative;
}
.header-navigation ul.navigation-box > li.current > a, .header-navigation ul.navigation-box > li:hover > a {
  color: #f7c324;
}
.header-navigation ul.navigation-box > li > .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 220px;
  padding: 0px 0px;
  text-align: left;
  list-style: none;
  background-color: #222;
  background-clip: padding-box;
  opacity: 0;
  border-radius: 0px;
  visibility: hidden;
  -webkit-transition: opacity .4s ease, visibility .4s ease;
  -o-transition: opacity .4s ease, visibility .4s ease;
  transition: opacity .4s ease, visibility .4s ease;
  -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .header-navigation ul.navigation-box > li > .sub-menu {
    display: block !important;
  }
}
.header-navigation ul.navigation-box > li > .sub-menu.right-align {
  left: auto;
  right: 0;
}
.header-navigation ul.navigation-box > li > .sub-menu.center-align {
  left: 50%;
  -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > .sub-menu > li {
  display: block;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > .sub-menu > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-navigation ul.navigation-box > li > .sub-menu > li > a {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  padding: 12px 30px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > .sub-menu > li:hover > a {
  color: #222;
  background: #f7c324;
}
.header-navigation ul.navigation-box > li:hover:before {
  -webkit-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
      transform: scale(1, 1);
  -webkit-transform-origin: left bottom;
          -ms-transform-origin: left bottom;
      transform-origin: left bottom;
}
.header-navigation ul.navigation-box > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-navigation ul.navigation-box > li > ul > li {
  /* no more nested showen */
}

.header-navigation ul.navigation-box > li > ul > li > .sub-menu {
  position: absolute;
  top: 0%;
  left: 100%;
  z-index: 1000;
  float: left;
  min-width: 220px;
  padding: 0px 0px;
  text-align: left;
  list-style: none;
  background-color: #222;
  background-clip: padding-box;
  opacity: 0;
  border-radius: 0px;
  visibility: hidden;
  -webkit-transition: opacity .4s ease, visibility .4s ease;
  -o-transition: opacity .4s ease, visibility .4s ease;
  transition: opacity .4s ease, visibility .4s ease;
  -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .header-navigation ul.navigation-box > li > ul > li > .sub-menu {
    display: block !important;
  }
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.right-align {
  left: auto;
  right: 100%;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu.center-align {
  left: 50%;
  -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
      transform: translateX(-50%);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li {
  display: block;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li + li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li > a {
  font-size: 15px;
  color: #fff;
  font-weight: 500;
  padding: 12px 30px;
  display: block;
  line-height: 26px;
  white-space: nowrap;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.header-navigation ul.navigation-box > li > ul > li > .sub-menu > li:hover > a {
  color: #222;
  background: #f7c324;
}
.header-navigation ul.navigation-box > li > ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
}
.header-navigation ul.navigation-box > li > ul > li ul {
  display: none;
}

.header-one {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-one__btn {
  background-color: #fff;
  color: #222!important;
  padding: 3.5px 29.5px;
  border-radius: 20.5px;
  font-size: 14px;
   font-weight:600;
}

.stricked-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
    background: #17181d;
  -webkit-box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
  opacity: 0;
  -webkit-transform: translateY(-110%);
          -ms-transform: translateY(-110%);
      transform: translateY(-110%);
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.stricked-menu .main__lan, .stricked-menu .main__lan-item,.stricked-menu  .dropbtn,.stricked-menu .scrollToLink a,.stricked-menu .menu-icon__line,.stricked-menu .header-tg_mybutton_2 svg,.stricked-menu .header-tg_mybutton{
    color:#fff!important;
}
.stricked-menu .menu-icon__line{
    background:#222!important;
}
.stricked-menu .main__lan-item-active{
    color:#f5bf43!important;
}
.nav__title-small{
    padding-left:0!important;
}
.stricked-menu ul.navigation-box > li {
  padding-top: 18px;
  padding-bottom: 18px;
}
.stricky-fixed .menu-icon__line{
    background:#fff!important;
}
.stricked-menu.stricky-fixed {
  opacity: 1;
  -webkit-transform: translateY(0%);
          -ms-transform: translateY(0%);
      transform: translateY(0%);
}

/*
* 4. banner styles
*/
.banner-one {
  background: transparent url(/img-bb/backHome.webp) top right no-repeat;
  background-size: cover;
  position: relative;
  z-index: 11;
  min-height: 100vh;
  display: flex;
    align-items: center;
}
.banner-one:after{
    content:"";
}
.banner-one .testimonials-one__text{
    margin: 0;
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
}


.banner-one__title {
  margin: 0;
  margin-top: 20px;
  margin-bottom: 50px;
  color: #fff;
  font-size: 70px;
  line-height: 80px;
   font-weight:600;
   font-family: 'Gilroy-B', Arial, sans-serif;
}
.homeBannerH{
    display: flex;
    flex-wrap: wrap;
    grid-gap: 20px;
}
.homeBVerc{
    color: #cfcfcf;
    writing-mode: vertical-rl;
    font-size: 16px;
    font-weight: 500;
    height: 100%;
    margin-top: -100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    animation: homeBannerScroll 3s infinite normal ease-in-out;
        user-select: none;
}
@keyframes homeBannerScroll{
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(50px);
    }
}

.homeBannerH span{
    position:relative;
    color: #c7c7c7;
}
.homeBannerH span:before{
    content: "#";
    color: #fff;
}
.homeVHKey{
    
}

.btnStyleOne{
    width: max-content;
    padding: 10px;
    margin-left: -10px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 30px;
    border-radius: 15px;
    background: transparent;
    outline: 0;
    border: 0;
}
.banner-one__btn, .banner-one__btn-reverse{
    position:relative;
        overflow: hidden;
}
.banner-one__btn:after{
    content: "";
    border-right: 10px solid #a5a5a5;
    position: absolute;
    border-left: 10px solid #a5a5a5;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 10px;
    transition: 0.4s;
    opacity: 0;
}
.banner-one__btn span{
    z-index:1;
    position:relative;
}
.buttonOther:hover span{
    color:#222;
    z-index:2;
    position:relative;
}
.banner-one__btn:hover:after{
    width: 100%;
    opacity: 1;
}

.banner-one__btn-reverse:after{
    content: "";
    border-right: 10px solid #a5a5a5;
    position: absolute;
    border-left: 10px solid #a5a5a5;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    border-radius: 10px;
    transition: 0.4s;
    opacity: 0;
}
.banner-one__btn-reverse span{
    z-index:2;
    position:relative;
}
.modalcapopen:hover span{
    color:#222!important;
    z-index:2;
}
.banner-one__btn-reverse:hover:after{
    width: 100%;
    opacity: 1;
}

.btnStyleOne:before {
    transition: all .4s ease;
    content: "";
    background: #980dfd;
    width: 60px;
    height: 40px;
    position: absolute;
    right: -5px;
    border-radius: 15px;
}
.btnStyleOne span {
    position: relative;
}
.btnStyleOne:hover:before {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    right: 0;
}


.homeEl{
    
}
.homeEl span:nth-child(1){
    width: 70px;
    height: 2px;
    background: #bbb;
    position: absolute;
    bottom: 15%;
    left: 17%;
    animation: homELTwo 3s ease-out infinite;
}
.homeEl span:nth-child(2){
    width: 70px;
    height: 2px;
    background: #bbb;
    position: absolute;
    bottom: 30%;
    right: 10%;
    animation: homELTwo 3s ease-out 0.5s infinite;
}
.homeEl span:nth-child(3){
    width: 2px;
    height: 70px;
    background: #bbb;
    position: absolute;
    bottom: 26%;
    right: 17%;
    animation: homELOne 3s ease-out 1s infinite;
}
.homeEl span:nth-child(4){
    width: 2px;
    height: 70px;
    background: #bbb;
    position: absolute;
    top: 24%;
    right: 32%;
    animation: homELOne 3s ease-out 1.5s infinite;
}

@keyframes homELOne{
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(50%);
    }
    100% {
        transform: translateY(0%);
    }
}
@keyframes homELTwo{
    0% {
        transform: translateX(0%);
    }
    50% {
        transform: translateX(50%);
    }
    100% {
        transform: translateX(0%);
    }
}


/* 5. blog styles */
.blog-one {
  padding-top: 120px;
  padding-bottom: 60px;
}

.blog-one .row.high-gutters > [class*=col-] {
  padding-left: 10px;
  padding-right: 10px;
}
.cases-one .row.high-gutters > [class*=col-] {
  padding-left: 0!important;
  padding-right: 0!important;
}
.blog-one__image-outer{
    border-radius: 15px;
}
.blog-one__single {
    border-radius: 15px;
  margin-bottom: 60px;

}
.cases-one .blog-one__single, .blog-one__image-outer{
    border-radius: 0!important;
    margin-bottom: 0!important;
}

.blog-one__image-outer {
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1);
          box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1);
}

.cases-one .blog-one__single:hover .blog-one__image > img{
/*    clip-path:none!important;
    -webkit-clip-path: none!important;*/
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
}

.blog-one__single{
    
}
.blog-one__image span{
    
}
.blog-one__image {
  overflow: hidden;
  border-radius: 15px;
  position: relative;
  background-image: -webkit-gradient(linear, left top, right top, from(#5128c4), color-stop(50%, #7541d1), to(#b16aeb));
  background-image: -o-linear-gradient(left, #5128c4 0%, #7541d1 50%, #b16aeb 100%);
  background-image: linear-gradient(90deg, #5128c4 0%, #7541d1 50%, #b16aeb 100%);
}
.blog-one__image > img {
  width: 100%;
  border-radius: 15px;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  -webkit-transition: -webkit-clip-path .4s ease;
  transition: -webkit-clip-path .4s ease;
  -o-transition: clip-path .4s ease;
  transition: clip-path .4s ease;
  transition: clip-path .4s ease, -webkit-clip-path .4s ease;
}
.cases-one .blog-one__image > img {
  -webkit-transition:  .4s ease;
  -o-transition:  .4s ease;
  transition:  .4s ease;
}
.cases-one .blog-one__link{
    color:#fff!important;
}
.blog-one__link {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
          -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  font-size: 16px;
  color: #fff;
   font-weight:600;
  opacity: 0;
  display: inline-block;
  vertical-align: middle;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.blog-one__link:before {
  content: '\f178';
  display: inline-block;
  font-family: 'FontAwesome';
  line-height: 1em;
  margin-right: 10px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: -30px;
  -webkit-transform: translateY(-50%) translateX(-20px) scale(1, 0);
          -ms-transform: translateY(-50%) translateX(-20px) scale(1, 0);
      transform: translateY(-50%) translateX(-20px) scale(1, 0);
  -webkit-transition: -webkit-transform .4s ease;
  transition: -webkit-transform .4s ease;
  -o-transition: transform .4s ease;
  transition: transform .4s ease;
  transition: transform .4s ease, -webkit-transform .4s ease;
}
.blog-one__link:hover {
  color: #fff;
}
.blog-one__link:hover:before {
  -webkit-transform: translateY(-50%) translateX(0px) scale(1, 1);
          -ms-transform: translateY(-50%) translateX(0px) scale(1, 1);
      transform: translateY(-50%) translateX(0px) scale(1, 1);
}
.blog-one__meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-one__meta div{
    color: #656267;
    font-size: 16px;
    font-weight: 400;
}
.blog-meta_h{
padding-right:10px;
position:relative;
    
}
.blog-meta_h:after{
content: url(https://api.iconify.design/tabler/point-filled.svg?color=%23222&width=10);
    position: absolute;
    top: 0px;
    right: -5px;
}
.search_blog_close{
    position: absolute;
    right: 10px;
}
.search_blog_one{
    display: flex;
    align-items: center;
    position: relative;
}
.search_blog_one h5{
    padding: 40px 0!important;
    padding-right: 50px!important;
    text-align: left;
}
.dont-search_blog_h5{
        text-align: center!important;
    border: 0!important;
    padding: 30px 10px!important;
        color: #222;
            width: 100%;
}
.dont-search_blog_h5-2{
         text-align: center!important;
    border: 0!important;
    padding: 30px 10px!important;
        color: #222;
            width: 100%;
}
.dont-search_blog_h5 span{
    color: #a263e0;
}
#about .container{
    position:relative;
}
.cta-three__content{
    position:relative;
    z-index:10;
}
#about .container:after{
   content: "";
    background: url(../images/about-back-2.webp);
    width: 500px;
    height: 500px;
    position: absolute;
    right: -235px;
    top: -5%;
    background-size: cover;
    transform: translateY(-60%);
    z-index: 0;
    filter: brightness(0.8);
    z-index:9;
    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: shapeRotate;
    animation-name: shapeRotate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}
.search_blog_close svg{
    color: #222;
    font-size: 30px;
    width: 46px;
    height: 46px;
    background: #f3f3f3;
    border-radius: 15px;
}
.dont-search-blog a{
    width: max-content;
}
.blog-meta_date{
padding-left:10px;
    
}

.blog-one__meta-sep, .blog-one__meta-link {
  font-size: 14px;
  color: #f7c324;
   font-weight:600;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.blog-one__meta-sep {
  margin-left: 10px;
  margin-right: 10px;
}
.blog-one__meta-link:hover {
  color: #222;
}
.blog-one__title {
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  color: #222;
}

.cases-one .high-gutters{
    margin-top: 40px;
    margin-bottom: 40px;
}
.cases .high-gutters{
    margin-top: 0!important;
    margin-bottom: 0!important;
}
.cases-one .blog-one__title{
    padding-left: 25px;
    color: #a263e0;
    font-weight: 600;
}
.blog-one__title a {
  color: inherit;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.blog-one__title a:hover {
  color: #f7c324;
}
.blog-one__blog-page {
  padding-bottom: 120px;
      border-bottom: 1px solid #222;
}

.blog-post-pagination {
  margin-top: 0px;
  margin-bottom: 0px;
}
.blog-post-pagination a {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f2f3f9;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #868994;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  font-weight: 600;
}
.blog-post-pagination a.prev, .blog-post-pagination a.next {
  background: #222;
  color: #fff;
  font-size: 14px;
}
.blog-post-pagination a.active {
  cursor: auto;
}
.blog-post-pagination a.active, .blog-post-pagination a:hover {
  background: #f7c324;
  color: #fff;
}
.blog-post-pagination a + a {
  margin-left: 10px;
}

.blog-details {
  padding: 120px 0;
  padding-bottom:80px;
  border-bottom:1px solid #222;
}
.blog-details__image {
  position: relative;
  border-radius: 15px;
  margin-bottom: 25px;
  overflow: hidden;
}
.blog-details__image > img {
  width: 100%;
}
.blog-details .blog-one__title {
  margin-bottom: 30px;
}
.blog-details__text {
  margin: 0;
  font-size: 16px;
  line-height: 34px;
  color: #8b8c9c;
}
.blog-details__text blockquote{
    border-left-color: #f7c324;
        margin-left: 20px;
}
.blog-details__text + .blog-details__text {
  margin-top: 35px;
}
.blog-details__text p{
        font-size: 15px;
    color: #222;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 400;
}
.blog-details__text a{
    color: #f7c324;
    text-decoration:underline;
        display: contents;
        font-weight:600;
}
.blog-details__text strong{
        color: #222;
            display: contents;
}
.blog-details__text h3{
        font-size: 20px;
    color: #222;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 40px;
    position: relative;
}
.blog-details__text h2{
        font-size: 28px;
    color: #222;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 40px;
    position: relative;
}
/*.blog-details__text h2:before{
    content: url(https://api.iconify.design/game-icons/fast-arrow.svg?color=%23a461e5&width=25&rotate=270deg);
    position: absolute;
    left: 0;
}*/
.blog-details__text img{
    margin: 30px auto;
    width: 80%!important;
    display: block;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    height: auto!important;
}
.blog-details__text ul{
    list-style: none;
        padding-left: 40px;
}
.blog-details__text ul li{
    font-size: 15px;
    color: #4f4f4f;
    line-height: 25px;
    position: relative;
    display: flex;
    align-items: self-start;
        margin-bottom: 15px;
}

.blog-details__text ol{
   margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    padding-left:40px;
}
.blog-details__text ol li {
    color: #222;
    position:relative;
}

.blog-details__text ol li::before {
    content: "—";
    font-weight: 600;
    position: absolute;
    left: -20px;
}
.blog-details__text br{
    display:none;
}
.blog-details__text ul li:before{
    content: "•";
    position: absolute;
    left: -20px;
    font-size: 30px;
}
.blog-details__content-title {
  margin: 0;
  color: #222;
  font-size: 24px;
   font-weight:600;
  margin-bottom: 40px;
}
.blogds-b-tr{
    padding-left: 15px;
    display: flex;
    align-items: center;
}
.blogds-b-time{
    
}
.blogds-b-tr iconify-icon{
    font-size: 20px;
    padding-right: 3px;
}
.blogds-b-rate{
    padding-left: 15px;
    display: flex;
    align-items: center;
}
.blogds-b-rate iconify-icon{
    font-size: 20px;
    padding-right: 3px;
}
.blogds-b-rate span{
    
}

.blog-d-rate{
        display: flex;
    justify-content: space-between;
}
.blog-d-left{
        padding-right: 15px;
    font-size: 20px;
    color: #222;
    font-weight: 500;
}
.blog-d-right{
    
    display: flex;
    align-items: center;

}

/*.blog-details-cat{
    display:none;
}*/
.blog-d-r-top{
   font-size: 14px;
    color: #222;
    margin: 0;
    display: block;
    line-height: 20px;
    font-weight: 600;
}
.blog-d-r-bottom{
    font-size: 14px;
    color: #222;
    margin: 0;
    display: block;
    line-height: 20px;
}
.blog-d-rate-more span{
    font-weight: 600;
}


.blog-details .blogds-block .left-block p{
    margin-bottom:0;
}
.blog-details .blogds-block .left-block{
        display: flex;
    font-size: 18px;
    color: #717171;
    
}
.blog-details .blogds-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
      padding-top: 10px;
    margin-top: 20px;
    padding-bottom: 30px;
}
/*.blog-details .blogds-block .left-block p {
  margin: 0;
  color: #222;
  font-size: 22px;
   font-weight:600;
}*/
.blog-details .blogds-block .left-block p a {
  color: #8b8c9c;
  font-size: 16px;
  font-family: "spartan_mbsemibold";
  text-transform: capitalize;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  margin-left: 5px;
}
.blog-details .blogds-block .left-block p a:hover {
  color: #f7c324;
}
.blog-details .blogds-block .social-block a {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #8b8c9c;
  font-size: 18px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.blog-details .blogds-block .social-block a + a {
  margin-left: 35px;
}
.blog-details .blogds-block .social-block a:hover {
  color: #f7c324;
}
.blog-details__author {
  background-color: #EFF0F7;
  padding: 60px;
  margin-top: 60px;
  margin-bottom: 60px;
  border-radius: 15px;
}
.blog-details__author-image, .blog-details__author-content {
  display: table-cell;
  vertical-align: top;
}
.blog-details__author-image {
  width: 169px;
}
.blog-details__author-image > img {
  width: 100%;

}
.blog-details__author-content {
  padding-left: 40px;
}
.blog-details__author-content h3, .blog-details__author-content p {
  margin: 0;
}
.blog-details__author-content h3 {
  color: #222;
  font-size: 20px;
  margin-bottom: 20px;
   font-weight:600;
}
.blog-details__author-content p {
  font-size: 16px;
  line-height: 25px;
  color: #8b8c9c;
}




/*
* 7. footer styles
*/
.site-footer {
  position: relative;
  overflow: hidden;
  /*    box-shadow: 0px -1px 30px rgba(0, 0, 0, 0.22);*/

}

.site-footer .container {
  position: relative;
}

.site-footer__lower .inner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 45px 0;
}
.site-footer__copytext {
  margin: 0;
  color: #8B8C9C;
  font-size: 14px;
}
.site-footer__copytext a {
  color: #f7c324;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.site-footer__copytext a:hover {
  color: #f7c324;
}
.site-footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.site-footer__social a {
  color: #8B8C9C;
  font-size: 18px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.site-footer__social a{
    border-right: 1px solid #ffffff6e;
        padding: 0 20px;
}
.site-footer__social a:first-child{
  padding-left:0;  
}
.site-footer__social a:last-child{
    border-right: none;
    padding-right:0;
}
.site-footer__social a:hover {
  color: #fff;
}

.footer-widget__logo {
  display: inline-block;
  vertical-align: super;
  line-height: 1em;
}
.footer-widget__title {
  margin: 0;
   font-weight:600;
  color: #222;
  font-size: 16px;
  margin-bottom: 40px;
}
.footer-widget__links {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: -10px;
}


/*
* 8. inner-banner styles
*/
.inner-banner {
    background: transparent url(/img-bb/otherPageBack.webp) center no-repeat;
    background-size: cover;
    /*min-height: 73vh;*/
        padding: 160px 0 !important;
    padding-bottom:60px!important;
    display: flex;
    align-items: center;
}
.inner-banner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inner-banner__title {
  margin: 0;
  color: #222;
   font-weight:600;
  font-size: 50px;
  margin-top: 60px;
  margin-bottom:30px;
}

.thm-breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
}
.thm-breadcrumb__item {
  line-height: 17px;
  display: contents;
  vertical-align: middle;
}
.thm-breadcrumb__item + .thm-breadcrumb__item:before {
  content: '→';
  font-size: 14px;
  color: #222;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 600;
  line-height: 28px;
  display: inline-block;
  vertical-align: middle;
}
.thm-breadcrumb__link {
  display: inline;
  vertical-align: middle;
  color: #222;
  font-size: 14px;
  line-height: 28px;
  
  text-transform: uppercase;
  font-weight: 600;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.thm-breadcrumb__item:hover .thm-breadcrumb__link, .current .thm-breadcrumb__link {
  color: #f7c324!important;
}

/*
* 9. sidebar styles
*/
@media (max-width: 991px) {
    .devInfo{
        grid-template-columns: inherit;
        display: flex;
        flex-wrap: wrap;
    }
    .devIBlock{
        width:47%;
    }
    .devIBlock:last-child{
        width:100%;
    }
  .sidebar {
    margin-top: 50px;
  }
}
.sidebar__title {
  margin: 0;
  color: #222;
  font-size: 30px;
   font-weight:600;
  margin-bottom: 30px;
}
.sidebar__single:not(.sidebar__search) {
  padding-bottom: 20px;
  /*border: 1px solid #EFF0F7;*/
  border-bottom: 0;
}
.sidebar__single + .sidebar__single {
  padding-top: 0;
  border-top: 0;
}
.sidebar__single:nth-child(2) {
  margin-top: 30px;
  /*border-top: 1px solid #e9e9e9;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;*/
}
.sidebar__single:last-child {
  padding-bottom: 70px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.sidebar__post__single + .sidebar__post__single {
  margin-top: 30px;
}
.sidebar__post-image, .sidebar__post-content {
  display: table-cell;
  vertical-align: middle;
}
.sidebar__post-image {
  width: 60px;
}
.sidebar__post-image .inner-block {
  width: 100%;
}
.sidebar__post-image .inner-block > img {
  width: 100%;
  border-radius: 15px;
}
.sidebar__post-content {
  padding-left: 20px;
}
.sidebar__post-title {
  margin: 0;
  font-size: 16px;
  line-height: 28px;
  color: #8b8c9c;
}
.sidebar__post-title a {
  color: inherit;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.sidebar__post-title a:hover {
  color: #222;
}
.sidebar__category-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar__category-list-item {
  line-height: 1em;
}
.sidebar__category-list-item a {
  color: #8B8C9C;
  font-size: 16px;
  display: inline-block;
  position: relative;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.sidebar__category-list-item a:before {
  content: url(https://api.iconify.design/eva/arrow-down-fill.svg?width=25&rotate=270deg&color=%23222);
    font-family: 'FontAwesome';
    color: #f7c324;
    font-size: 14px;
    position: absolute;
    top: 60%;
    left: -12px;
  -webkit-transform: translateY(-50%) translateX(-15px);
          -ms-transform: translateY(-50%) translateX(-15px);
      transform: translateY(-50%) translateX(-15px);
  opacity: 0;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.sidebar__category-list-item a:hover {
  color: #f7c324;
  -webkit-transform: translateX(25px);
          -ms-transform: translateX(25px);
      transform: translateX(25px);
}
.sidebar__category-list-item a:hover:before {
  opacity: 1;
}
.sidebar__category-list-item + .sidebar__category-list-item {
  margin-top: 15px;
}
.sidebar__tags-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: -10px;
}
.sidebar__tags-list-item {
  display: inline-block;
  vertical-align: middle;
  line-height: 1em;
}
.sidebar__tags-list-item a {
  display: block;
  color: #8B8C9C;
  font-size: 16px;
  line-height: 1em;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.sidebar__tags-list-item a:hover {
  color: #f7c324;
}
.sidebar__search-form {
      width: 100%;
    height: 64px;
    background-color: #222;
    border-radius: 15px;
    position: relative;

}
.sidebar__search-form input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}
.sidebar__search-form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}
.sidebar__search-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
.sidebar__search-form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
.sidebar__search-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
.sidebar__search-form button[type=submit] {
  width: 41px;
  height: 41px;
  border-radius: 50%;
  background-color: #f7c324;
  border: none;
  outline: none;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  cursor: pointer;
  padding: 0;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.sidebar__search-form button[type=submit] i {
  font-size: 14px;
  color: #222;
  line-height: 41px;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}
.sidebar__search-form button[type=submit]:hover {
  background-color: #fff;
}
.sidebar__search-form button[type=submit]:hover i {
  color: #222;
}

/*
* 10. funfact styles
*/
.funfact-one .block-title {
  margin-bottom: 20px;
}
.funfact-one__single {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.funfact-one__single-outer {
/*width: 220px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50px;
    background: #1a1a23;*/
}

.funfact-one__title {
    margin: 0;
    color: #1e1e2838;
    font-size: 150px;
    line-height: 1em;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.funfact-one__tag-line {
color: #222;
text-align:center;
    font-size: 20px;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    margin-top: 10px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    font-family: 'Gilroy-B', Arial, sans-serif !important;
}






/*
* 14. service styles
*/
.service-one {
  position: relative;
  z-index: 10;
  background:#1e1e28;
}

.footer-input-sub{
    width:100%;
}
.footer-h-span{

    margin-bottom: 60px;
}
.footer-input {
    width: 100%;
    height: 40px;
    color:#fff;
    padding: 0;
    font-size: 16px;
    float: left;
    border: 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #8b8c9c;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    background: transparent;
}
.footer-input::placeholder{
    color: #fff;
}
.footer-input-textarea{
    min-height: 90px;
}
.footer-input:focus-visible{
    border-bottom: 1px solid #f7c324;
    outline: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.site-footer__upper .col-lg-8{
    margin: auto;
}
.site-footer__lower{
    background:#17181d;
}
.footer-c-left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.footer-c-left img{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 75px;
    margin-right: 15px;
}
.header-option{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header-option iconify-icon{
    color: #f5bf43;
    font-size: 22px;
}
.header-option select{
        background: none;
    border: 0;
    outline: none;
    color: #fff;
    padding: 5px;

}

.header-option option{
        width: 100px;
    height: 30px;
    background: #fff;
    color: #222;
}
.header-option option:hover {
  background-color: yellow!important;
}

 .showen-my{
    display:block!important;
}




#modal-cookie {
    position: fixed;
    display: none;
    bottom: 0px;
    background: #fff;
    width: 90%;
    max-width: 1180px;
    z-index: 100;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    -webkit-box-shadow: 0px 1px 8px 0px #a263e0;
            box-shadow: 0px 1px 8px 0px #a263e0;
    border-radius: 15px 15px 0 0;
}
#modal-cookie .container {
    width: 100%;
    padding: 10px;
}
#modal-cookie .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modal-cookie .modal-dis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
#modal-cookie iconify-icon {
    font-size: 40px;
    color: #a263e0;
}
#modal-cookie p {
    font-size: 15px;
    line-height: 24px;
    margin: 10px 0;
}

/**/


#modal-number {
    box-shadow: 0 -3px 6px rgba(0, 0, 0, .09);
    position: fixed;
    display: none;
    bottom: 0px;
    background: #fff;
    width: 100%;
    z-index: 120;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    padding: 8px 0;
    border-top: 1px solid #fff;
}
#modal-number .container {
    width: 100%;
    padding: 10px;
}
#modal-number .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modal-number .modal-dis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
#modal-number iconify-icon {
    font-size: 40px;
    color: #a263e0;
}
#modal-number p {
    font-size: 15px;
    line-height: 24px;
    margin: 10px 0;
    text-align: right;
}
#modal-number span{
        font-size: 16px;
    line-height: 25px;
    margin: 10px 0;
    color: #222;
    width: 100%;
    margin-left: auto;
    text-align: right;
}
#modal-number span > span {
    color: #a263e0;
    font-weight: 600;
}
#modal-number form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
#modal-number .modalNumberTelInput::placeholder{
    color:#222!important;
}
#modal-number form input:first-child{
    background:#fff;
    width: 100%;
    max-width: 230px;
    text-align: left;
    margin: 0;
    height: 50px;
    margin-right: 15px;
    font-size: 20px;
    border-bottom: 1px solid #222;
    color: #222;
}
#modal-number form input:last-child{
    width: 100%;
    max-width: 230px;
    text-align: center;
    border-radius: 15px;
    padding: 5px 13px;
        text-transform: uppercase;
    height: 50px;
        font-size: 12px;
}
#modal-number .modal-c-exit {
    position: absolute;
    right: 5px;
    margin: 0;
    top: 5px;
    border: 0;
    padding: 10px;
    z-index: 130;
}
#modal-number .modal-c-exit svg{
    font-size: 26px;
}

.modal-dis-a a {
    color: #a263e0;
    font-weight: 600;
    border-bottom: 1px solid #fff;
    -webkit-transition: border-bottom .3s ease-in-out;
    -o-transition: border-bottom .3s ease-in-out;
    transition: border-bottom .3s ease-in-out;
}

.modal-c-exit {
    cursor: pointer;
    
    font-size: 14px;
    border: 1px solid #a263e0;
    color: #a263e0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 7px 19px;
    text-align: center;
    display: block;
    margin-right: auto;
    text-transform: uppercase;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 30.5px;
}

.no-current{
    padding: initial!important;
    position: absolute!important;
    left: 0!important;
    top: 33%!important;
    display: flex!important;
}
.main__lan{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    position: absolute;
    left: 100px;
        padding: 0;
    list-style: none;
}
.main__lan-item{
    margin: 0 12px;
    font-size: 21px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.main__lan-item:hover{
    color: #f5bf43!important;
    border-bottom:1px solid;
    cursor:pointer;
}
.main__lan-item-active{
    color: #f5bf43!important;
    border-bottom:1px solid;
        cursor: auto!important;
}

/* modal capture */

/* modal 20 sec*/
.modal-open{
    overflow:auto!important;
}
#modalcap{
        overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 100%;
    /*background: #fff;*/
    top: 0;
    margin: 0;
    padding: 15px!important;
}
#modalcap .modal-dialog{
    width: 100%;
    max-width: 570px;
    padding: 15px;
}
#modalcap .modal-header{
    display: -ms-grid;
    display: grid;
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    padding-top: 0;
    padding-bottom: 0;
}
#modalcap .btn-close{
    
  
    right: 30px;
    margin: 0;
    padding: 0;
    
    
        position: absolute;
    top: 30px;
    text-align: right;
    font-size: 26px;
    border: 0;
    background: 0;
    outline: 0;
    cursor: pointer;
    color:#222!important;
}

#modalcap h2{
    font-size: 30px;
    color: #222;
    font-weight: 600;
    line-height: 30px;
}
#modalcap h3{
    font-size: 18px;
    color: #737373;
    line-height: 20px;
    margin-top: 30px;
    text-align:left;
    font-family: 'Gilroy-S', Arial, sans-serif;
}
/*#modalcap{
    visibility: hidden;
    opacity:0;
}*/
#modalcap .modalcap-input-sub{
    display: block;
}
#modalcap .modal20-input-textarea{
    min-height: 290px;
}
#modalcap .modal-body{
    padding: 0;
    padding-top:30px;
}
#modalcap .footer-input {
    border: 0;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1);
    margin-bottom:15px;
    background: #dfdfdf;
    margin-bottom:40px!important;
}
#modalcap .footer-input:focus-visible{
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0px 10px 60px 0px #a263e0;
}
#modalcap .modal-header, .modal-body, .modal-content{
    border:0;
    border-radius:50px;
}
#modalcap .modal-content{
    padding: 60px;
    background:  #fff;
}
.modal:before{
    background: #17181de0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#modalcap .modalcap-input-con{
    background: rgb(0 65 255 / 20%);
    color: #007bff;
}
#modalcap .modalcap-input-con2{
        background: rgb(37 255 0 / 20%);
    color: #2daf17;
}
#modalcap .modalcap-input-con3{
    background: rgb(73 22 22 / 20%);
    color: #491616;
}

#modalcap .modalcap-input-con:hover{
    background: rgb(0 65 255 / 20%);
    color: #007bff!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}
#modalcap .modalcap-input-con2:hover{
        background: rgb(37 255 0 / 20%);
    color: #2daf17!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}
#modalcap .modalcap-input-con3:hover{
    background: rgb(73 22 22 / 20%);
    color: #491616!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}

#modalcap .modalcap-input-con-i{
    color: #007bff;
}
#modalcap .modalcap-input-con2-i{
    color: #2daf17;
}
#modalcap .modalcap-input-con3-i{
    color: #491616;
}

#modalcap .modalcap-box a{
        padding: 10px 25px;
    width: 100%;
    max-width: 180px;
    font-size: 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#modalcap .modalcap-box{
    padding: 20px 0;
    display: flex;
    grid-gap: 30px 15px;
}
#modalcap .modalcap-box div {
        position: relative;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modalcap .modalcap-box iconify-icon{
    font-size: 26px;
    margin-right: 10px;
}

#modalcap {
    padding:0;
}

.modal .footer-input{
    background: #fff !important;
    color: #222;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 1px solid #cdcdcd !important;
}
.modal .footer-input:focus-visible{
    border-bottom: 1px solid #222 !important;
}
.modal .footer-input::placeholder{
    color: #222;
}

/* modal capture end */

/* modal 20 sec*/
#modal20{
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 100%;
    /*background: #fff;*/
    top: 0;
    margin: 0;
    padding: 0;
    visibility:hidden;
    opacity:0;
}
#modal20 .modal-dialog{
    width: 100%;
    max-width: 1140px;
    padding: 15px;
}
#modal20 .modal-header{
    display: -ms-grid;
    display: grid;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
}
#modal20 .btn-close{
        position: absolute;
    top: 5px;
    right: 0;
    font-size: 40px;
    border: 0;
    background: 0;
    outline: 0;
    cursor: pointer;
}

#modal20 h2{
    font-size: 30px;
    color: #222;
    font-weight: 600;
    line-height: 30px;
}
#modal20 h3{
    font-size: 18px;
    color: #737373;
    line-height: 20px;
    margin-top: 10px;
}
/*#modal20{
    visibility: hidden;
    opacity:0;
}*/
#modal20 .modal20-input-sub{
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
    margin: auto;
    display: block;
}
#modal20 .modal20-input-textarea{
    min-height: 290px;
}
#modal20 .modal-body{
    padding-bottom:0;
}
#modal20 .footer-input {
    border: 0;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1);
    margin-bottom:15px;
    background: #dfdfdf;
}
#modal20 .footer-input:focus-visible{
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0px 10px 60px 0px #a263e0;
}
.modal20col{
    height: 100%;
    display: grid;
    align-content: space-between;
}
#modal20 .modal-content{
    padding: 40px 0;
}
.banner-one__btn-reverse{
    background: #222;
    color: #fff!important;
}
.banner-one__btn-reverse:hover{
    background: #fff;
    color: #222!important;
}
.privacy-h2{
    margin: 10px 0;
    font-size: 24px;
    line-height: initial;
    font-weight: 600;
    margin-bottom: 20px!important;
    color: #222;
}
.privacy p{
    line-height: 27px;
    margin-bottom: 27px;
    font-size:15px;
    color: #717171;
}

/* cases */
.cases-one .blog-one__image{
    border-radius:0;
}
.cases-one .blog-one__image > img{
    border-radius:0;
}

/*.cases-one{
    max-width: 1920px;
}*/
.cases-one .thm-btn{
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
}
/* cases end */

/* modal error */

#modalError .modal-content{
    border-radius: 15px;
}
#modalError .modal-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 0;
}
#modalError .modal-title{
    font-size: 60px;
    color: #222;
    margin-bottom: -40px;
}
#modalError .modal-body p{
    font-size: 20px;
    color: #222;
    text-align: left;
    margin-bottom: -10px;
}
#modalError .modal-footer{
    border: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
/*#modalError .modal-dialog{
    margin:0!important;
}*/
#modalError button{
    background: #f7c324;
    border-radius: 10px;
    padding: 15px 30px;
    border: 0;
    margin: 0;
}


/* modal complete */

#modalComplete .modal-content{
    border-radius: 15px;
}
#modalComplete .modal-header{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border: 0;
}
#modalComplete .modal-title{
    font-size: 60px;
    color: #a263e0;
    margin-bottom: -40px;
}
#modalComplete .modal-body p{
    font-size: 20px;
    color: #222;
    text-align: center;
    margin-bottom: -10px;
}
#modalComplete .modal-footer{
    border: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#modalComplete button{
        background: #a263e0;
    border: 1px solid #a263e0;
    border-radius: 30.5px;
    padding: 15px 30px;
}

.section-404{
   min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
}
.section-404 .testimonials-one__text{
    margin-bottom: 20px;
    font-size: 20px;
    text-shadow: 0px 1px 13px #222;
    color: #ededed;
    margin-top: 30px;
}
    .section-dev-but_991{
        margin-right: 10px;
    }
.section-404 .banner-one__moc{
    -webkit-filter: brightness(0.6);
            filter: brightness(0.6);
}
.section-404:before{
    content: '';
    width: 755px;
    height: 755px;
    border: 130px solid #f7c324;
    position: absolute;
    bottom: -40%;
    left: 83%;
    border-radius: 50%;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.section-404_a{
    color: #f5bf43!important;
    font-weight: 600;
    border-bottom: 2px solid;
}
.section-404_a:hover{
    
}
.cases-temp{
    margin-top:40px!important;
}
.cases-temp-dis .row:nth-child(n+3) {
    display: none;
}
.cases-temp-dis{
    background: #fff;
    position: relative;
}



/* Dropdown Button */
.dropbtn {
      color: white;
    padding: 5px 15px;
    font-size: 18px;
    border: none;
    background: transparent;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
   outline: 0!important;
    box-shadow: none;
        
}
.dropbtn i{
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    margin-left: 15px;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    top:62px;
    visibility: hidden;
    position: absolute;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 5px;
        background: transparent;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    opacity:0;
    padding: 20px 0;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #fff;
        font-weight: 500;
    padding: 3px 30px;
    padding-bottom: 6px;
    text-decoration: none;
    display: block;
    font-size:18px;
    text-align: left;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    position:relative;
}
.dropdown-content a:after{
content: "";
    width: calc(100% - 60px);
    border: 1px solid #ffffff1a;
    bottom: 0;
    position: absolute;
    left: 30px;
}
.dropdown-content a:last-child:after{
    display:none;
}
.dropdown-content a:last-child{
    border-bottom: 0;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background:#222231}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {background-color: #1a1a23;visibility: visible;opacity:1;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    /*background-color: #222;*/
    border-radius: 5px 5px 0 0;
   /* border-bottom: 1px solid #2f2f2f;*/

}
.dropdown span{
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.dropdown span:hover{
    color: #f7c324;
}

.dropdown:hover i{
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}

a:not([href]):not([tabindex]) {
    color: #222;
    text-decoration: none;
}

/* modal complete end*/

.cases-style .blog-one__single, .blog-one__image-outer{
    width: 100%;
}
/*.cases-style .blog-one__single, .blog-one__image-outer{
    width: 100%;
    height: 400px;
}*/
.cases-style .cases_img-back{
    height: 100%;
    position: relative;
    width: 100%;
}
.cases-style .cases_img-back span.c-t-1{
    position: absolute;
    top: 10%;
    left: 10%;
    border: 0 solid transparent;
    border-right-width: 30px;
    border-left-width: 30px;
    border-bottom: 60px solid black;
        border-radius: 100%;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
}
.cases-style .cases_img-back span.c-t-2{
    position: absolute;
    top: 6%;
    right: 20%;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 17px;
    border-top-width: 17px;
    border-left: 34px solid black;
        border-radius: 100%;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.cases-style .cases_img-back span.c-t-3{
position: absolute;
    bottom: 11%;
    left: 23%;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 10px;
    border-top-width: 10px;
    border-left: 20px solid black;
        border-radius: 100%;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
}
.cases-style .cases_img-back span.c-t-4{
    position: absolute;
    bottom: 22%;
    right: 10%;
    border: 0 solid transparent;
    border-right-width: 23px;
    border-left-width: 23px;
    border-bottom: 46px solid black;
        border-radius: 100%;
        -webkit-transition: all .4s ease;
        -o-transition: all .4s ease;
        transition: all .4s ease;
}
.cases-style .cases_img-back span.c-t-5{
   position: absolute;
    bottom: 29%;
    left: 10%;
    -webkit-transform: rotate(-141deg);
        -ms-transform: rotate(-141deg);
            transform: rotate(-141deg);
    border: 0 solid transparent;
    border-right-width: 22px;
    border-left-width: 22px;
    border-bottom: 44px solid black;
    border-radius: 100%;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}




/**/
.cases-style .cases_img-back img{
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    z-index: 2;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

/**/







/* modal email*/
#modalemail{
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 100%;
    /*background: #fff;*/
    top: 0;
    margin: 0;
    padding: 0;
}
#modalemail .modal-dialog{
    width: 100%;
    max-width: 740px;
    padding: 15px;
}
#modalemail .modal-header{
    display: -ms-grid;
    display: grid;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
}
#modalemail .btn-close{
        position: absolute;
    top: 5px;
    right: 0;
    font-size: 40px;
    border: 0;
    background: 0;
    outline: 0;
    cursor: pointer;
}

#modalemail h2{
    font-size: 30px;
    color: #222;
    font-weight: 600;
    line-height: 30px;
}
#modalemail h3{
    font-size: 18px;
    color: #737373;
    line-height: 20px;
    margin-top: 10px;
    text-align:center;
}
#modalemail{
    visibility: hidden;
    opacity:0;
}
#modalemail .modalcap-input-sub{
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
    margin: auto;
    display: block;
}
#modalemail .modal20-input-textarea{
    min-height: 290px;
}
#modalemail .modal-body{
    padding-bottom:0;
}

#modalemail .footer-input {
    border: 0;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1);
    margin-bottom:15px;
    background: #dfdfdf;
}
#modalemail .footer-input:focus-visible{
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0px 10px 60px 0px #a263e0;
}
#modalemail .modal-content{
    padding: 40px 0;
    -webkit-box-shadow: 0 0 10px 2px #f7c324;
            box-shadow: 0 0 10px 2px #f7c324;
    border: 1px solid #f7c324;
}

#modalemail .modalcap-input-con{
    background: rgb(0 65 255 / 20%);
    color: #007bff;
}
#modalemail .modalcap-input-con2{
        background: rgb(37 255 0 / 20%);
    color: #2daf17;
}
#modalemail .modalcap-input-con3{
    background: rgb(73 22 22 / 20%);
    color: #491616;
}

#modalemail .modalcap-input-con:hover{
    background: rgb(0 65 255 / 20%);
    color: #007bff!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}
#modalemail .modalcap-input-con2:hover{
        background: rgb(37 255 0 / 20%);
    color: #2daf17!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}
#modalemail .modalcap-input-con3:hover{
    background: rgb(73 22 22 / 20%);
    color: #491616!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}

#modalemail .modalcap-input-con-i{
    color: #007bff;
}
#modalemail .modalcap-input-con2-i{
    color: #2daf17;
}
#modalemail .modalcap-input-con3-i{
    color: #491616;
}

#modalemail .modalcap-box a{
        padding: 10px 25px;
    width: 100%;
    max-width: 180px;
    font-size: 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#modalemail .modalcap-box{
    padding: 20px 0;
}
#modalemail .modalcap-box div {
        position: relative;
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#modalemail .modalcap-box iconify-icon{
    font-size: 26px;
    margin-right: 10px;
}

#modalemail .modalcapcol .col-lg-12{
    padding:0;
}

.modal-red-h{
        margin-bottom: 20px!important;
}
.modal-red-s{
        color: #f7c324!Important;
    width: 40px;
    height: 40px;
    margin-top: 20px;
}

.blog-pos{
    background: url(../images/bb-studio-blog.webp);
    background-position: center;
    background-size: cover;
    padding-top: 220px;
    padding-bottom: 15px;
}
.blog-pos ul{
    background-color: #393939;
}

.blog-main-p{
   width: fit-content;
    max-width: 600px;
    margin-bottom: 50px;
    color: #fff;
    font-size: 20px;
    padding-left: 20px;
    float: right;
    text-align: right;
    text-transform: uppercase; 
}
.blog-cat-row{
    padding-bottom: 100px;
}
.blog-cat{
        display: flex;
    flex-wrap: wrap;
}
.blog-cat a{
    color: #222222;
    text-transform: uppercase;
    font-size: 14px;
    padding: 7px 12px;
    margin-bottom: 8px;
    margin-right: 8px;
    border: 1px solid #f7c32463;
    border-radius: 9px;
    transition: .4s ease;
    font-family: 'Gilroy-B', Arial, sans-serif;
}
.blog-cat a:hover{
    border: 1px solid #f7c324;
}
.blog-cat-h{
    text-transform: uppercase;
    color: #222;
    font-weight: 600;
    font-size: 18px;
}
.blog-form{
    width: auto;
    margin-bottom: -70px;
    margin-top: 70px;
}
.d-inine h5{
        border: none!important;
    margin: 0!important;
    width: fit-content;
}
.d-inine h5 span{
    color: #a263e0;
}
.blog-paddingng a{
    outline:0px!important;
}
.blog-paddingng .blog-one__image-outer{
    height: 250px
}
.blog-paddingng .blog-one__image{
    height: 100%;
    background:none;
}
.blog-one__content{
    padding-top: 15px;
}
.blog-paddingng .blog-one__image-outer img{
        width: 100%;
    max-height: 250px;
    object-fit: cover;
        height: 100%;
}
.blog-paddingng{
    padding-top:120px;
    padding-bottom:60px;
}
.blog-paddingng img{
    filter: brightness(1) grayscale(0);
}
.blog-paddingng-a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}
.blog-paddingng .blog-one__single img{
    transition: .4s ease;
}
.blog-paddingng .blog-one__single:hover img{
     transform: scale(1.1);
     filter: brightness(0.5) grayscale(1);
}
.blog-details__image img{
    transition: .4s ease;
}
.blog-details__image img:hover{
    transform: scale(1.1);
     filter: brightness(0.5) grayscale(1);
}
.blog-paddingng .blog-one__single:hover h3{
    color:#f7c324;
}
.blog-form-next{
    align-items:center;
    display: flex;
    background: #dfdfdf;
    padding: 30px 60px;
    width: 100%;
    border-radius: 15px;
    border: 2px solid #222;
}

.blog-form p{
    color: #222222;
    font-weight: 600;
        width: 30%;
    font-size: 12px;
    padding-right: 30px;
    margin-bottom: 0;
    line-height: 20px;
    text-transform: uppercase;

}
.blog-form-next-complete{
    display: flex;
    width: max-content!important;
    color: #f7c324!important;
    font-size: 18px!important;
    align-items: center;
    position: relative;
    padding-right: 0!important;
    margin: auto;
}
.blog-form-next-complete > iconify-icon{
    font-size: 36px;
    display: block;
    margin-right: 10px;
}
.blog-form form{
        display: flex;
    width: 70%;
    align-items: center;
    justify-content: center;
}
.blog-form form input:first-child{
        width: 100%;
    max-width:300px;
    height: 50px;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 16px;
    color: #222;
    
    float: left;
    border: 0;
    margin-bottom: 0;
    margin-right:15px;
    border-radius: 15px;
    border: 1px solid #c3c2bd;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.blog-form form input:last-child{
    width: 100%;
    max-width: 300px;
    height: 50px;
    padding: 5px 20px;
    text-transform: uppercase;
    font-size: 12px;
    color: #222;
    font-weight: 600;
    
    float: left;
    border: 0;
    border-radius: 15px;
    -webkit-box-shadow: 0px 10px 60px 0px rgba(37, 39, 88, 0.1);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.blog-form form input:last-child:hover{
    background: #f7c324;
}

.blog-details-my {
    background: #222 url(../images/bb-studio-blog.webp) center/cover;
    padding: 150px 0 0;
    padding-bottom: 0;
}
.blog-details-content .blog-one__title{
    font-size: 36px;
    line-height: 35px;
}
.blog_other_h3{
    font-size: 30px;
    color: #222;
    margin-bottom: 30px;
    font-weight: 600;
}
.blog-cat .blog-c-active{
    border: 1px solid #f7c324;
    background: #f7c32452;
}
.sidebar__category-list .blog-d-c-active{
    color: #f7c324;
    font-weight:600;
    position:relative;
}
/*.blog-d-c-active:after{
       content: "";
    width: 33%;
    height: 2px;
    background: #777777;
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
}*/

.col-carousel {
	margin: 70px 0;
}

/* owl nav */

.owl-prev, .owl-next {
	color: #222!important;
}

.pricing-go-my .owl-nav iconify-icon {
    color: #222!important;
}
.owl-prev span:hover, 
.owl-next span:hover {
	color: #8199A3;
}

.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}

.owl-prev {
	left: -15px;
}

.owl-next {
	right: -15px;
}

/* removing blue outline from buttons */
button:focus, button:active {
   outline: none;
}

@media(max-width:767px){
    .margin-mobile{
        margin-bottom:10px;
    }
    .details-current{
    display:flex;
}
    
}
/* modal email end */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
select:focus, textarea:focus, input:focus {
        font-size: 16px;
    }
}


.blog-d-rate-next {
    padding-right: 15px;
    display: flex;
    align-items: center;
}

.blog-d-rate-next button, .blog-d-rate-next span {
    display: inline-flex;
}

.blog-d-rate-next iconify-icon {
    font-size: 30px;
    margin-right: 2px;
    color: #6d6d6d;
    transition: .4s ease;
}

.blog-d-rate-next button.selected iconify-icon,
.blog-d-rate-next span.selected iconify-icon {
    color: #f7c324;
}
button[data-rating],
button[data-rating]:active,
button[data-rating]:focus,
button.scroll-to-top,
button.scroll-to-top:active,
button.scroll-to-top:focus{
  cursor: pointer;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
}
blockquote {
    border-left: 4px solid #007bff; 
    padding: 10px;
    margin: 10px 0;
    font-style: italic;
    background-color: #f8f9fa; 
}


@media (max-width: 575px) {
    .inner-banner{
        padding:60px 0!important;
        padding-bottom:30px!important;
    }
    .blogCustomNext, .blogCustomPrev{
        width:40px;
        height:40px;
    }
    .blogCustomNav{
        grid-gap:10px;
    }
    #modalcap .modal-dialog{
        margin:0!important;
    }
    .devLightHome{
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    .devAcc button{
        display:grid;
    }
    .devStage{
        grid-template-columns: repeat(1, auto);
    }
    .inner-banner{
        padding-top:120px!important;
    }
    .devIBlock{
        width:100%!important;
    }
    .sectionLight:after, .sectionDark:after{
        background-size:cover;
            background-position: left top;
    }
    .thm-btn{
            padding: 12px 28px!important;
    }
    .preloaderH{
        font-size:50px;
    }
    .preloader{
        padding:20px;
    }
    .homeTools{
        padding-top:45px;
    }
    .homeAboutDesLine{
        top:5px;
    }
    .homeAboutDes{
        font-size: 40px;
    }
    .contactFormH4{
            font-size: 22px;
    }

    .homeServBlocks, .homeTBlocks, .contactForm, #modalcap .modal-content, .devIBlock, .devSBlock{
        padding:20px!important;
    }
    #modalcap .modal-header{
        padding:0;
    }
    .modalCapCol12{
        padding:0;
    }
    #modalcap .btn-close{
            top: 0!important;
    right: 0!important;
    background: #fff!important;
    width: 50px;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    }
    .homeServBlocks, .homeTBlocks{
        grid-template-columns: repeat(1, auto);
    }
    .homeServBlocks:after{
        transform: translate(-50%, -50%);
        left: initial;
        right: 0;
        height: calc(100% - 90px);
        border: 1px dashed #ffffff52;
    }
    .homeServBlock .homeSBIcon{
        background: #f5bf43;
    }
    .homeServBlock .homeSBIcon svg path {
        stroke: #222;
    }
}

@media (max-width: 480px) {
    .blogMainLeft img{
                width: 30px;
        height: 30px;
        padding: 3px;
    }
    .blogMBCMeta span:last-child{
        margin-left:initial!important;
    }
    .blogMainLeft{
        max-width: 170px;
        grid-gap: 10px;
    }
    .breadcrumb__wrapper{
        margin:0!important;
    }
    .blogMainLeft span:first-child{
        font-size: 14px;
    }
    .blogMainLeft span:last-child{
        font-size: 12px;
    }
    .otherPageH, .BlogHCat{
            font-size: 30px!important;
    }
    .countFlexWrap .col-lg-4 {
        flex: 0 0 230px;
        max-width: 130px;
    }
    .funfact-one__title {
        font-size: 60px !important;
    }
    .homePlusDis {
        font-size: 30px;
    }
    .funfact-one__tag-line {
        font-size: 14px !important;
    }
}


@media (max-width: 425px) {
    .cta-two__content{
        padding:0!important;
    }
    .inner-banner__title{
        font-size:36px!important;
    }
.cta-two__single .cta-two__icon, .cta-two__title, .cta-two__text{
    text-align:left!important;
}
}
@media (max-width: 375px) {
    .sidebar__single{
        padding:0!important;
        margin-bottom: 60px;
    }
}


/*
* expandable menu started
*/
@media (max-width: 1420px) {
    #about .container:after{
    right: -105px;
    }
}
@media (max-width: 1199px) {
    .header-tg_mybutton{
        display:flex!important;
        background-color: transparent!important;
    }
    .header-tg_mybutton_2{
        display:flex!important;
        background-color: transparent!important;
    }
    #about .container:after{
        display:none;
    }
    
    .case-page .cases-content h1{
        font-size: 42px;
    }

.pricing-one__amount-dis {

    top: 0px;
    right: 20px;


}

    .header-navigation {
        margin-bottom: 0;
    }

    .logo-box {
        width: 100%;
        float: none;
        margin: 0 !important;
    }

    .navigation-box {
        margin: 0;
    }

    .navbar-expand-lg .menu-toggler {
        display: block;
        margin-right: 0;
        border-color: #fff;
        background-color: transparent !important;
        margin: 23px 0;
        color: #fff;
        border: none;
        font-size: 28px;
        float: right;
        outline: none;
        cursor: pointer;
    }
    
    .header-navigation .container .menu-icon {
        display: block;
    margin-left: 40px;
    border-color: #222;
    background-color: transparent !important;
    color: #222;
    outline: none;
    cursor: pointer;
    }

    .menu-toggler:hover {
        border-color: #00AD4D;
    }

    .menu-toggler .icon-bar {
        background: #fff;
    }

    .menu-toggler:hover .icon-bar {
        background: #00AD4D;
    }

    .navbar-expand-lg .navbar-collapse {
        padding-bottom: 0;
        overflow: auto !important;
        width: 100%;
    }

    .navbar-expand-lg .navbar-collapse {
        display: none !important;
        background: transparent;
        padding: 0px 0px !important;
        padding-bottom: 0px !important;
        margin: 0;
        background: #000;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
        height: 0;
    }

    .navbar-expand-lg .navbar-collapse.showen {
        display: block !important;
        height: auto;
        max-height: 70vh;
    }

    .navbar-collapse.show {
        overflow-y: auto;
    }

    .header-navigation .main-navigation {
        float: none !important;
        text-align: left !important;
    }

    .header-navigation .nav {
        width: 100%;
        text-align: left;
    }

    .header-navigation .nav>li {
        display: block;
        padding: 0 !important;
        width: 100%;
        float: none;
    }

    .header-navigation .nav>li+li {
        margin-left: 0 !important;
    }

    .header-navigation .nav>li>a {
        padding: 8px 0;
    }

    .header-navigation .right-box.nav {
        width: 100%;
        margin: 0;
    }

    .header-navigation .right-box.nav>li>a {
        border: none !important;
        padding: 8px 0;
        color: #fff;
    }

    .header-navigation .nav>li>a:after {
        display: none;
    }

    .header-navigation .nav.navigation-box+.nav {
        border-top: 1px dashed #282828;
    }

    .header-navigation .navigation-box>li>.sub-menu,
    .header-navigation .navigation-box>li>.sub-menu>li>.sub-menu {
        background-color: #a461e5 !important;
        position: relative !important;
        width: 100% !important;
        opacity: 1 !important;
        visibility: visible !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        -webkit-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
        display: none;
        float: none !important;
        margin: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .header-navigation .navigation-box>li>.sub-menu>li>a::after {
        display: none;
    }

    .header-navigation ul.navigation-box>li+li {
        padding: 0 !important;
        border-top: 1px solid rgba(255, 255, 255, .1);
        display: block;
        float: none;
        margin: 0 !important;
    }

    .header-navigation .nav>li.show-mobile {
        display: none;
    }

    .header-navigation ul.navigation-box>li>a,
    .header-navigation .right-box.nav>li>a {
        padding: 0;
        display: block;
        color: #fff;
        padding: 16px 0 16px 20px !important;
        -webkit-transition: background 0.4s ease 0s;
        -o-transition: background 0.4s ease 0s;
        transition: background 0.4s ease 0s;
    }
    .header-option{
        padding: 0;
        display: block;
        color: #fff;
        padding: 16px 0 16px 20px !important;
        -webkit-transition: background 0.4s ease 0s;
        -o-transition: background 0.4s ease 0s;
        transition: background 0.4s ease 0s;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }

    .header-navigation ul.navigation-box li a .sub-nav-toggler {
        background-color: transparent;
        background-image: none;
        border: 1px solid #fff;
        border-radius: 4px;
        padding: 9px 9px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        /*margin-top: 8px;*/
        margin-right: 0px;
        display: block;
        cursor: pointer;
        outline: none;
    }

    .header-navigation .navigation-box .sub-nav-toggler .icon-bar {
        background-color: #fff;
        border-radius: 1px;
        display: block;
        height: 1px;
        width: 20px;
    }

    .header-navigation .navigation-box .sub-nav-toggler .icon-bar+.icon-bar {
        margin-top: 4px;
    }

    .header-navigation .container .right-side-box {
        top: 22px;
        right: 15px;
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%)
    }

    .header-navigation .container {
        display: block;
        padding-right: 15px;
        padding-left: 15px;
        position: relative;
    }

    .header-navigation .container .logo-box {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        float: none;
        padding-right: 145px;
    }

    .header-navigation .container .logo-box .navbar-brand {
        float: left;
        padding: 20px 0;
    }

    .header-navigation .container .logo-box .navbar-toggler {
        float: left;
    }

    .header-navigation ul.navigation-box {
        display: block;
        margin: 0 !important;
        width: 100%;
    }

    .header-navigation ul.navigation-box>li {
        padding: 0;
        display: block;
    }

    .header-navigation ul.navigation-box>li>a {
        display: block;
        padding: 13px 30px;
    }

    .header-navigation ul.navigation-box>li>a:after {
        display: none;
    }

    .header-navigation ul.navigation-box>li+li {
        margin: 0;
    }

    .header-navigation .main-navigation {
        float: none;
        width: 100%;
        display: none;
        text-align: left;
        background: #252758;
        max-height: 70vh;
        overflow-y: scroll;
    }

    .header-navigation .container .menu-toggler {
        display: block;
    }

    .header-navigation.stricky-fixed ul.navigation-box>li {
        padding: 0;
    }

    .header-navigation .container .logo-box .navbar-brand {
        background-color: transparent;
    }

    .header-navigation .container .menu-toggler {
        float: left;
        margin: 14px 0;
        color: #fff;
        margin-left: 20px;
    }

    .header-navigation .container .logo-box {
        padding-right: 0 !important;
    }

    .header-navigation {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .header-navigation .container .logo-box {
        left: 0 !important;
    }


}



@media(max-width: 425px) {
    .header-navigation .container .right-side-box {
        display: none !important;
        
    }

    .header-navigation .container .menu-toggler {
        float: right !important;
    }
    
    .header-navigation .container .menu-icon{
        position: absolute;
    right: 0;
    left: auto;
    }
}


/*
* main responsive
*/

@media(max-width: 1199px) {
    /*.case-page{
        padding-top:85px;
    }*/
    .cta-two__moc,
    .banner-one__moc {
        right: -29%;
    }
    .testimonials-one .block-title__title br,
    .cta-two .block-title__title br,
    .cta-three .block-title__title br {
        display: none;
    }
    .pricing-one__single {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .testimonials-one__button-block {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        margin-top: 30px;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    [class*=testimonials-one__button__] + [class*=testimonials-one__button__] {
        margin-top: 0;
        margin-left: 10px;
    }
}
@media (max-width: 1024px) {
    .case-page .cases-content h1{
        font-size: 30px;
    text-align: center;
        padding: 10px 20px;
    }

    /*.case-page img{
        width: 20%;
    }
    .case-page .cases_back-cir{
        width: 30%;
    }*/
}
@media(max-width: 991px) {
    .sidebar {
        margin-top: 0!important;
    }
    .blog-details_center .row {
            justify-content: center;
    }
    .blog-details_center{
            text-align: center;
    }
    .blog_other_h3 {
        margin-bottom: 60px;
    }
    .blog-cat-row{
        padding-bottom: 0!important;
    }
    .blog-details__author{
            padding: 30px;
    }
    .sidebar__search-form{
    margin-bottom: 30px;
    }
    .blog-details-cat{
        display:block;
    }
    .blog-details.blog-details-content{
        padding:60px 0;
    }
    .sidebar__single.sidebar__category{
        display:none;
    }
    .blog-cat-h{
           margin-bottom: 20px;
    margin-top: 60px;
    }
    .blog-form p{
            padding-right: 10px;
    font-size: 11px;
    }
    .blog-form form{
        width:100%;
    }
    .blog-form-next{
            padding: 20px 15px;
    }
    .cases-p-3-img{
        width:85%;
    }
    .cases_back-cir-p-3, .cases_back-cir-p-3-2 {
    width: 120%!important;
}
    
    .cases-style .cases-content{
        -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    height: 89px;
    padding: 5px 0;
    top: initial;
    bottom: 0;
    background: #222222d4;
    visibility: visible;
    }
    .cases-style .cases-content h3{
        margin: initial;
            opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
            padding: 2px 7px;
    }
    .cases-style .cases-content span{
        opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
        margin: initial;
    }
    
    .pricing-one__single.popular{
        width:100%;
    }
    
    #modal-number span {
    font-size: 14px;
    line-height: 25px;

}
    
    .section-dev .section-dev_991{
            margin-bottom: 50px;
        margin-top: -20px;
    }
    
    .modalcap-box .col-lg-4{
        -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
    }


    /* modal20*/
    /*#modal20 .btn-close{
        top:-40px;
    }*/
    
    .modal20colarea{
        padding:0;
    }
    .modal20col .col-lg-12{
            width: 50%;
    }
    
    .modalcapcolarea{
        padding:0;
    }

    #modal20 .modal20-input-textarea{
        min-height:180px;
    }
    #modalcap .modal20-input-textarea{
        min-height:180px;
    }
    
    
    .contact-gif{
        -webkit-box-ordinal-group:2;
            -ms-flex-order:1;
                order:1;
    }
    .contact-gif img {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto;
    margin-top: 30px;
    width: 60%;
}
    .form-q{
        width:100%;
    }
    .banner-one {
        padding-top: 160px;
        padding-bottom: 220px;
    }
    .cta-two__moc,
    .banner-one__moc {
        position: absolute;
        top: 30%;
        right: auto;
        max-width: 100%;
    }
    .banner-one__content {
        margin-top: -50px;
    }
    .cta-three__image {
        margin-bottom: 50px;
    }
    .cta-three__image > img {
        width: 100%;
    }
    .cta-three__image:before {
        background-size: 100% 100%;
    }
    .testimonials-one__image {
        float: none;
        margin-left: auto;
        margin-right: auto;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .testimonials-one__button-block {
        margin-bottom: 40px;
    }
    .site-footer__upper {
        padding-bottom: 60px;
    }
    .site-footer__5-col-wrap .footer-widget {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 50%;
                flex: 1 1 50%;
    }
    .footer-widget {
        margin-bottom: 50px;
    }

    .testimonials-one__content {
        padding-left: 0;
    }
}

@media(max-width: 767px) {
    
    .blog-details__text h3{
        font-size: 18px;
    }
    .blog-details__text h2{
        font-size: 26px;
    }
    .blog-details__text p{
        font-size: 14px;
    }
    .blog-details__text ul li{
        font-size: 14px;
    }
    .blog-details__text ol li{
        font-size: 14px;
    }
    
    .blog-form-next-complete{
        font-size: 16px!important;
    }
    .blog-form p{
        color: #595959;
    }
    /*.blog-pos h1 span:after {
    content: url(https://api.iconify.design/vaadin/angle-double-right.svg?color=%23f7c324&width=20);
    }
    .blog-pos h1{
        font-size:30px;
    }*/
    .blog-main-p{
        font-size: 18px;
    margin-top: 20px;
    line-height: 25px;
    }
    .blog-form{
        width:100%;
    }
    .blog-form form input:first-child{
            width: 50%;
    max-width: inherit;
    }
    .blog-form form input:last-child{
            width: 50%;
    max-width: inherit;
    font-size: 10px;
    }
    .blog-form p{
        text-align: center;
    font-size: 13px;
    margin-bottom: 20px;
        width: 100%;
    }
    .blog-form form{
        width:100%;
    }
    .blog-form-next{
        display: grid;
    }
    
    .case-page .cases_img-back span.c-t-8{
        left: 5%;
    top: 35%;
    bottom: auto;
    width: 50px;
    }
    .case-page .cases_img-back span.c-t-7{
        right: 5%;
    width: 50px;
    }
    .case-page .cases_img-back span.c-t-6{
        top: 40%;
    width: 50px;
    }
    .case-page .cases_img-back span.c-t-1,
    .case-page .cases_img-back span.c-t-2,
    .case-page .cases_img-back span.c-t-3,
    .case-page .cases_img-back span.c-t-4,
    .case-page .cases_img-back span.c-t-5{
        display:none;
    }
    .case-page .cases-content{
        bottom:10%;
    }
    .case-page .cases-content h1{
        font-size: 26px;
    }
    .case-p-3-col6{
        margin-top:100px;
    }
    .cases-p-3 .cases_back-cir-p-3-2{
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .cases_back-cir-p-3, .cases_back-cir-p-3-2 {
    width: 100%!important;
}

    /*.case-page img{
        width: 22%;
    }*/
    .case-page .cases_back-cir{
        width: 32%;
    }
    .cases-style .cases-content h3{
    font-size: 26px;
}
    #modal-number form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
   #modal-number span {
            max-width: 100%;
            text-align: center;
    }
    #modal-number p{
        text-align: left;
    }

    .banner-one .banner-one__globe{
               left: auto;
    right: 7%;
    top: 12.5%;
    }
    
        .modal-c-exit{
        margin:auto;
    }
#modal-cookie .row{
    display: -ms-grid;
    display: grid;
}
#modal-cookie .modal-dis{
    margin: 5px auto;
}
#modal-cookie iconify-icon{
    margin: auto;
}
#modal-cookie p{
    text-align:center;
}
#modal-cookie{
   width: 100%;
}


    .portfolio-my .banner-one__shape-1, .banner-one__shape-2,.banner-one__shape-3
,.banner-one__shape-6{
    display:none;
}
.portfolio-my .banner-one__shape-4 {
    left: 20%;
    top: auto;
    bottom: 5%;
    width: 60px;
    height: 15px;
}
    .banner-one__title {
        font-size: 50px;
        line-height: 1.3em;
    }
    .block-title__title {
        font-size: 40px;
        line-height: 1.3em;
    }
    .cta-three {
        padding-bottom: 160px;
        padding-top: 370px;
    }
    .cta-two {
        padding-top: 200px;
        -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
    }
    .cta-two-other {
        padding-top: 380px;
        
    }
    .cta-three__image {
        left: 0;
    }
}

@media(max-width: 575px) {
    .blog-d-rate, .blog-d-right{
        display:grid;
    }
    .blog-d-rate-next iconify-icon{
        font-size:36px;
    }
    .blog-d-rate-more{
        display:flex;
    }
    .blog-d-rate-next{
        margin:10px 0;
    }
    .blog-d-r-bottom{
        padding-left:15px;
    }
    .case-page .cases_img-back span.c-t-8{
        left: 3%;
    }
    .case-page .cases-content{
        bottom:17%;
    }
    .cases-p-3{
        background-size: auto;
    }
    .cases-p-3 span.c-t-t-1{
        top:5%;
    }
    .cases-p-3 span.c-t-t-2{
            top: auto;
    bottom: 6%;
    right: 5%;
    }
    .cases-nav h2{
        font-size:36px;
    }
    /*.case-page img{
        width: 40%;
    }*/
    .case-page .cases_back-cir{
        width: 57%;
    }
    #modalcap .modalcap-input-sub{
       width: 100%;
    padding: 13.5px 10px;
    }
    #modalcap .modal-dialog{
        padding:0;
    }
    
    #modalcap .modalcap-box a{
        padding: 10px 7px;
    font-size: 13.5px;
    margin-right: 5px;
    }
    #modalcap .modalcap-box iconify-icon{
        font-size: 22px;
    margin-right: 3px;
    }

    #modal20 .footer-input {
    height:40px;
}
#modal20 h2{

    line-height: 20px;
}

#modalcap .footer-input {
    height:40px;
}
#modalcap h2{

    line-height: 20px;
}

    .cta-two__moc, .banner-one__moc{
        top: 20%;
    right: -25%;
    }
    .section-404{
        min-height:700px;
    }
    .testimonials-one__text{
        font-size: 16px;
    }
    .scroll-to-top{
        bottom:15px;
        right:15px;
    }
    
    .privacy-h2{
    font-size: 20px;
}
.privacy p{
    font-size: 14px;
}
    
    /* modal20 */
    /*#modal20 .modal-header, .modal-body, .modal-content{
        padding:0;
    }*/
    /*.modal20colarea .col-lg-12 {
       padding:0!important;
    }*/
    .modal20col .col-lg-12 {
    width: 100%;
}
.modalcapcol .col-lg-12 {
    width: 100%;
}
#modal20 h2{
        font-size: 22px;
}
#modal20 h3{
        font-size: 14px;
    margin-top: 10px;
}
#modal20 .footer-input{
    margin-bottom: 15px;
}
#modal20 .modal20-input-textarea {
    min-height: 140px;
}

#modalcap h2{
        font-size: 22px;
}
#modalcap h3{
        font-size: 14px;
    margin-top: 10px;
}
#modalcap .footer-input{
    margin-bottom: 15px;
}
#modalcap .modal20-input-textarea {
    min-height: 140px;
}
    
    #modal-cookie p {
       text-align: center;
    font-size: 12px;
    margin-bottom: 0;
}
.modal-c-exit{
    padding: inherit;
    border:none;
    border-bottom: 1px solid #a263e0;
    font-weight: 600;
    margin-bottom: 0;
}
#modal-cookie > .container{
    padding-top:0;
}
#modal-cookie .modal-dis:first-child{
        position: absolute;
    left: -3px;
    bottom: -7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
#modal-cookie .row{
    position: relative;
}
    
        #modalComplete p{
    font-size: 18px;
}
#modalComplete .modal-body-com-2 p{
    font-size:14px;
}
#modalComplete .modal-body-com-2 iconify-icon{
        font-size: 20px;
    margin-left: 10px;
}
#modalComplete iconify-icon{
        font-size: 60px;
}
#modalComplete .modal-body-com-2{
    padding: 0 15px;
}
    #main-slider .banner_text{
        padding-top: 70px;
    }
    
    
    .footer-c-left{
        display: -ms-grid;
        display: grid;
    }
    .footer-c-left img{
        margin: auto;
        max-width: 90px;
    }
    .footer-c-left p{
        margin: 20px 0;
    }
    .cta-two__moc {
        margin-bottom: 25px;
    }
    .service-one {
        padding-top: 100px;
        margin-bottom: 0;
        padding-bottom: 60px;
    }
    .cta-three {
        margin-bottom: -0px;
        padding-bottom: 110px;
        padding-top: 120px;
        -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }
    .cta-two {
        padding-top: 120px;
        -webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
    }
    .site-footer__lower .inner-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    /*.testimonials-one {
        padding-top: 570px;
    }*/
}

@media(max-width: 480px) {
    .blog-details-content .blog-one__title{
    font-size: 32px;
}
    .blog-details__text h3{
        font-size: 16px;
    }
    .blog-details__text h2{
        font-size: 24px;
    }
    .blog-details__text p{
        font-size: 13px;
    }
    .blog-details__text ul li{
        font-size: 13px;
    }
    .blog-details__text ol li{
        font-size: 13px;
    }
    .blog-form-next-complete{
        font-size: 14px!important;
    }
    .blog-form p{
        font-size: 12px!important;
    }
    .blog-details__author-content h3{
        font-size:18px;
    }
    .blog-details__author-content p{
        font-size:14px;
    }
    .blog-details .blogds-block .left-block{
        margin-right:auto;
    }
    .blog-details__author-content h3{
        margin-bottom:10px;
    }
    .blog-details__author-image{
        width:109px;
    }
    .blog-details__author{
        padding:15px;
    }
    .blog-form{
            margin-top: 20px;
    }
    /*.blog-pos h1{
            font-size: 27px;
    }*/
    .blog-main-p{
        font-size: 16px;

    }
    
    .blog-form form{
           display: block;
    justify-items: inherit;
    }
    .blog-form form input:first-child{
        width: 100%;
    margin-bottom: 10px;
    }
    .blog-form form input:last-child{
        width:100%;
    }
    .case-page .cases-content h1{
        font-size:18px;
    }
    .cases-style .cases-content h3{
    font-size: 26px;
}

#modal-number p {
    padding-top: 15px;
}
    
    #modal-number form input:first-child{
        max-width:100%;
    }
    #modal-number form {
    display: flex;
    display: flex;
    flex-wrap:wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
#modal-number form input:first-child{
    margin-bottom:10px;
    height: 50px;
    margin-right:0;
}
#modal-number form input:last-child{
    margin:auto;
    height: 50px;
    padding: 5px 10px;
            margin: 0;
        margin-top: 10px;
}
#modal-number span{
    margin-bottom: 8px;
    margin-top: 25px;
    font-size: 14px;
    line-height: 20px;
}
    .breadcrumb__wrapper{
        margin-bottom:60px;
    }
    .inner-banner__title {
    font-size: 40px;
}

    .form-q h3{
        font-size:20px;
    }
    .form-q h2 {
        font-size: 26px;
    }
    .form-q{
        padding: 40px 15px;
    }
    .form-q a{
        width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    }

    
    .inner-banner .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .inner-banner__title {
        margin-bottom: 25px;
    }
    .blog-details .blogds-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        
    }
    .blog-details__author-image, .blog-details__author-content {
        display: block;
        padding: 0;
    }
    .blog-details__author-content {
        padding-top: 20px;
    }
    .comment-one__top-left, .comment-one__top-right,
    .comment-one__image, .comment-one__content {
        padding: 0;
        display: block;
    }
    .comment-one__content {
        padding-top: 20px;
    }
    .comment-one__top-right {
        padding-top: 20px;
    }
}

@media(max-width: 425px) {
    
    .case-page .cases-content{
        bottom: -35%;
    }
    
        .form-q div {
    display: -ms-grid;
    display: grid;
}
        .banner-one__title {
    font-size: 42px;
    line-height: 1.3em;
}
    .breadcrumb__wrapper{
        margin-bottom:50px;
    }
    .inner-banner__title {
    font-size: 30px;
}
    
    
    .cta-two__single .cta-two__icon, .cta-two__title, .cta-two__text{
        text-align:center;
    }
    br {
        display: none;
    }
    .site-footer__5-col-wrap .footer-widget {
        -webkit-box-flex: 1;
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
    }
    .service-one__text {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .site-footer:before,
    .service-one:before,
    .pricing-one:before {
        display: none;
    }

    .cta-two__icon, .cta-two__content {
        display: block;
        padding: 0;
    }
    .cta-two__content {
        padding-top: 40px;
    }
    .cta-two__btn {
        margin-left: 0;
    }
}
@media(max-width: 375px) {
    .pricing-one__amount-dis{
    right: 15px;
    font-size: 20px;
    
}
    

    .pricing-one__amount {
    font-size: 37px;
}
    /*#modal20 .btn-close {
    top: -20px;
}*/
    .form-q a{
            display: -ms-grid;
            display: grid;
    }
    .form-q a iconify-icon {
    margin: auto;
}
    .banner-one__tag-line a {
        margin-left: 0;
    }
    .blog-details__author {
        padding: 30px;
    }
    .sidebar__single:not(.sidebar__search) {
        padding: 30px;
    }
}
@media(max-width: 320px) {
    .banner-one__tag-line {
        font-size: 8px;
    }
    .banner-one__content {
        margin-top: 10px;
    }
}


 .site-content {
	 max-width: 1100px;
	 height: 100vh;
	 margin-left: auto;
	 margin-right: auto;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	     -ms-flex-align: center;
	         align-items: center;
	 -webkit-box-pack: center;
	     -ms-flex-pack: center;
	         justify-content: center;
	 display:none;
	 
	 position: fixed;
    z-index: 200;
    width: 100%;
    height: 100%;

    overflow: hidden;
}
 .site-content__headline {
	 font-weight: 200;
	 color: #fff;
	 font-size: calc(2vw + 10px);
}
 .menu-icon {
	 height: 40px;
	 width: 40px;
	 position: fixed;
	 z-index: 1350;
	 right: 0;
	 top: 30px;
	 cursor: pointer;
}
 .menu-icon__line {
	 height: 2px;
	 width: 40px;
	 display: block;
	 background-color: #fff;
	 margin-bottom: 10px;
	 -webkit-transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
	 transition: background-color 0.5s ease, -webkit-transform 0.2s ease;
	 -o-transition: transform 0.2s ease, background-color 0.5s ease;
	 transition: transform 0.2s ease, background-color 0.5s ease;
	 transition: transform 0.2s ease, background-color 0.5s ease, -webkit-transform 0.2s ease;
}
 .menu-icon__line-left {
	 width: 17px;
}
 .menu-icon__line-right {
	 width: 17px;
	 float: right;
}
 .nav {
	position: fixed;
    z-index: 1300;
    width: 100%;
    height: 100%;
    visibility: hidden;
    -ms-flex-line-pack: center;
        align-content: center;
        top: 0;
}
body.nav-active .nav:after{
    height: 100vh;
    transition: all 1s ease;
}
.nav:after {
	 content: "";
	 position: fixed;
	 width: 100vw;
	 height: 0;
	 z-index: -1;
	 transition: all 1s ease;
	 background: rgba(255, 255, 255, 1);
}
/* .nav:before {
     background: #222;
	 -webkit-transition-delay: 0.1s;
	      -o-transition-delay: 0.1s;
	         transition-delay: 0.1s;
}*/
 .nav__content-left {
	 width: 100%;
	 font-size: calc(2vw + 10px);
	 font-weight: 200;
	 cursor: pointer;
}
 .nav__content-right {
	 width: 100%;
	 font-size: calc(2vw + 10px);
	 font-weight: 200;
	 cursor: pointer;
}
 .nav__list-item {
	 position: relative;
	 display: inline-block;
	 -webkit-transition-delay: 0.8s;
	      -o-transition-delay: 0.8s;
	         transition-delay: 0.8s;
	 opacity: 0;
	 -webkit-transform: translate(0%, 100%);
	     -ms-transform: translate(0%, 100%);
	         transform: translate(0%, 100%);
	 -webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	 transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	 -o-transition: opacity 0.2s ease, transform 0.3s ease;
	 transition: opacity 0.2s ease, transform 0.3s ease;
	 transition: opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
	 margin-right: 25px;
}
 .nav__list-item:before {
	 content: "";
	 position: absolute;
	 background: #222;
	 width: 30px;
	 height: 1px;
	 top: 100%;
	 -webkit-transform: translate(0%, 0%);
	     -ms-transform: translate(0%, 0%);
	         transform: translate(0%, 0%);
	 -webkit-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
	 transition: all 0.3s ease;
	 z-index: -1;
}
 .nav__list-item:hover:before {
	 width: 100%;
	 background: #f7c324;
}
 .nav__list-item:hover a{
    color:  #f7c324;
}
.nav-active{
    display:block;
}

body.nav-active .page-wrapper{
            padding-top: 200px;
        transition: padding-top 1s ease;
}
.page-wrapper{
        transition: padding-top 1s ease;
}
 body.nav-active .menu-icon__line {
	 background-color: #000;
	 -webkit-transform: translateX(0px) rotate(-45deg);
	     -ms-transform: translateX(0px) rotate(-45deg);
	         transform: translateX(0px) rotate(-45deg);
	 -webkit-transition-delay:2s;
	      -o-transition-delay:2s;
	         transition-delay:2s;
}
 body.nav-active .menu-icon__line-left {
	 -webkit-transform: translateX(1px) rotate(45deg);
	     -ms-transform: translateX(1px) rotate(45deg);
	         transform: translateX(1px) rotate(45deg);
	 -webkit-transition-delay:2s;
	      -o-transition-delay:2s;
	         transition-delay:2s;
}
 body.nav-active .menu-icon__line-right {
	 -webkit-transform: translateX(-2px) rotate(45deg);
	     -ms-transform: translateX(-2px) rotate(45deg);
	         transform: translateX(-2px) rotate(45deg);
	 -webkit-transition-delay:2s;
	      -o-transition-delay:2s;
	         transition-delay:2s;
}
 body.nav-active .nav {
	 visibility: visible;
    /*overflow: scroll;
    max-height: 618px;*/
    
}
 body.nav-active .nav__list-item {
	 opacity: 1;
	 -webkit-transform: translateX(0%);
	     -ms-transform: translateX(0%);
	         transform: translateX(0%);
	 -webkit-transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
}
 body.nav-active .nav__list-item {
	 -webkit-transition-delay: 1s;
	      -o-transition-delay: 1s;
	         transition-delay: 1s;
}

/* my */

body.nav-active .nav__title-small {
	 opacity: 1;
	 -webkit-transform: translateX(0%);
	     -ms-transform: translateX(0%);
	         transform: translateX(0%);
	 -webkit-transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -webkit-transition-delay: 0.6s;
	      -o-transition-delay: 0.6s;
	         transition-delay: 0.6s;
}
body.nav-active .nav__title {
	 opacity: 1;
	 -webkit-transform: translateX(0%);
	     -ms-transform: translateX(0%);
	         transform: translateX(0%);
	 -webkit-transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -webkit-transition-delay: 0.6s;
	      -o-transition-delay: 0.6s;
	         transition-delay: 0.6s;
}
body.nav-active .nav__but  {
	 opacity: 1;
	 -webkit-transform: translateX(0%);
	     -ms-transform: translateX(0%);
	         transform: translateX(0%);
	 -webkit-transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -webkit-transition-delay: 0.6s;
	      -o-transition-delay: 0.6s;
	         transition-delay: 0.6s;
}
body.nav-active .nav__lan {
	 opacity: 1;
	 -webkit-transform: translateX(0%);
	     -ms-transform: translateX(0%);
	         transform: translateX(0%);
	 -webkit-transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
	 transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
	 -webkit-transition-delay: 0.6s;
	      -o-transition-delay: 0.6s;
	         transition-delay: 0.6s;
}


body.nav-active .nav__content-left:before{
     opacity: 1;
	 -webkit-transition: opacity 0.3s ease;
	 -o-transition: opacity 0.3s ease;
	 transition: opacity 0.3s ease;
	 -webkit-transition-delay: 0.6s;
	      -o-transition-delay: 0.6s;
	         transition-delay: 0.6s;
}

/* my*/

.menu-icon-close{
    display:none;
    right: 50px;
    left: auto;
}
.nav__list-item a{
    color: #222;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight:300!important;
}

.nav .container{
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;
}

.nav__content{
    
}
.nav__lan{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 60px;
    color: #222;
    opacity:0;
    
    -webkit-transition-delay: 0.8s;
    
         -o-transition-delay: 0.8s;
    
            transition-delay: 0.8s;
	-webkit-transform: translate(0%, 100%);
	    -ms-transform: translate(0%, 100%);
	        transform: translate(0%, 100%);
	-webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	-o-transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.nav__lan-item{
    margin: 0 15px;
    font-size: 30px;
    border-bottom: 2px solid;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav__lan-item-active{
    color: #f5bf43!important;
        cursor: auto!important;
}
a.nav__lan-item:hover{
    color:#f5bf43!important;
    cursor:pointer;
}
.nav__title-small{
    font-size: 22px;
    margin-bottom: 30px;
    color: #222;
    border-bottom: 2px solid;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity:0;
    
    -webkit-transition-delay: 0.8s;
    
         -o-transition-delay: 0.8s;
    
            transition-delay: 0.8s;
	-webkit-transform: translate(0%, 100%);
	    -ms-transform: translate(0%, 100%);
	        transform: translate(0%, 100%);
	-webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	-o-transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.nav__title-small iconify-icon{
    font-size: 30px;
    margin-right: 10px;
}
.nav__title{
    opacity:0;
    font-size: 36px;
    color: #222;
    margin-bottom: 40px;
    
    -webkit-transition-delay: 0.8s;
    
         -o-transition-delay: 0.8s;
    
            transition-delay: 0.8s;
	-webkit-transform: translate(0%, 100%);
	    -ms-transform: translate(0%, 100%);
	        transform: translate(0%, 100%);
	-webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	-o-transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.nav__list{
    display:-ms-grid;
    display:grid;
    padding:0;
}
.nav__list .nav__list-item{
    margin: 10px 0;
    font-size: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.nav__but{
    opacity:0;
    -webkit-transition-delay: 0.8s;
         -o-transition-delay: 0.8s;
            transition-delay: 0.8s;
	-webkit-transform: translate(0%, 100%);
	    -ms-transform: translate(0%, 100%);
	        transform: translate(0%, 100%);
	-webkit-transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	transition: opacity 0.2s ease, -webkit-transform 0.3s ease;
	-o-transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease;
	transition: opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.nav__but a{
   margin-bottom: 15px;
    width: 100%;
    max-width: 200px;
    padding: 10px 25px!important;
    font-size: 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.nav-bc-1{
    background: rgb(0 65 255 / 20%)!important;
    color: #007bff!important;
}
.nav-bc-2{
        background: rgb(37 255 0 / 20%)!important;
    color: #2daf17!important;
}
.nav-bc-3{
    background: rgb(73 22 22 / 20%)!important;
    color: #491616!important;
}
.nav-bc-1:hover{
    background: rgb(0 65 255 / 20%)!important;
    color: #007bff!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}
.nav-bc-2:hover{
        background: rgb(37 255 0 / 20%)!important;
    color: #2daf17!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}
.nav-bc-3:hover{
    background: rgb(73 22 22 / 20%)!important;
    color: #491616!important;
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
    -webkit-box-shadow: 0px 4px 10px #a9a9a9;
            box-shadow: 0px 4px 10px #a9a9a9;
}
.nav__but a iconify-icon{
    font-size: 30px;
    margin-right: 15px;
}


@media only screen and (max-width: 991px){
    .nav .col-lg-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
                flex: 0 0 50%;
        max-width: 50%;
    }
    .nav__list .nav__list-item {
        font-size: 34px;
    }
}
@media only screen and (max-width: 576px){
    
    .nav__but{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
    }
    .nav__but a iconify-icon{
        font-size: 22px;
    margin-right: 3px;
    }
    .nav__but a{
            padding: 10px 7px!important;
            font-size: 13.5px!important;
            margin-right: 5px!important;
    }
    body.nav-active .nav__list-item{
        margin: 3px 0!important;
    }
    .nav .col-lg-6 {
            max-width: 100%;
            width:100%;
            -webkit-box-flex: 1;
                -ms-flex: auto;
                    flex: auto;
    }
    .nav__list .nav__list-item {
    font-size: 25px;
    margin: 10px 0;
}
.nav__title-small{
    margin-bottom: 10px;
    font-size: 20px;
}
.nav__title{
    font-size: 26px;
    margin-bottom: 10px;
}
.nav__title-small iconify-icon {
    font-size: 20px;
    margin-right: 10px;
    margin-top: auto;
    margin-bottom: auto;
}
.nav__but a{
    padding: 7px 30px;
    margin-top: 20px;
}
.nav__lan{
    margin-top: 20px;
    padding-bottom: 20px;
}
.nav__lan a{
    font-size: 22px;
}
.nav__list-item {
    margin: 10px auto!important;
}
.nav__content-left {
    width: 100%;
    font-size: calc(2vw + 10px);
    font-weight: 200;
    margin-bottom: 10px;
    position:relative;
}
.nav__lan a:first-child{
    margin-left:0;
}
.nav__content-left:before {
    content: "";
    display: block;
    position: absolute;
    background: #222222a6;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    opacity:0;
    
    -webkit-transition: opacity 0.3s ease;
    
    -o-transition: opacity 0.3s ease;
    
    transition: opacity 0.3s ease;
	 -webkit-transition-delay: 0.8s;
	      -o-transition-delay: 0.8s;
	         transition-delay: 0.8s;
}
.menu-icon-close{
    right:20px!important;
    top:20px!important;
}
}

@media only screen and (max-width: 425px){
    .menu-icon-close{
    right:20px!important;
    left:auto!important;
    top:20px!important;
}
}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}