@import '../../css2';
:root{
    --it-ff-body: 'Dosis', sans-serif;
    --it-ff-heading: 'Exo', sans-serif;
    --it-ff-fontawesome: "Font Awesome 6 Pro";
    --it-common-white: #fff;
    --it-common-black: #021609;
    --it-heading-primary: #021609;
    --it-grey-1: #F3FBF5;
    --it-text-body: #5A5A5A;
    --it-theme-1: #da1414;
    --it-theme-2: #faa919;
    --it-border-1: #3a3a3a
}
@media(min-width:1400px){
    .container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{
        max-width:1320px
    }
    .container-1210{
        max-width:1210px
    }
    .container-1700{
        max-width:1700px
    }
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
body{
    font-family:var(--it-ff-body);
    font-size:17px;
    font-weight:500;
    color:var(--it-text-body);
    line-height:1.3;
    overflow-x:hidden
}
a{
    text-decoration:none;
    transition:.3s
}
html,body{
    overflow-x:hidden
}
h1,h2,h3,h4,h5,h6{
    font-family:var(--it-ff-heading);
    color:var(--it-heading-primary);
    margin-top:0;
    font-weight:700;
    line-height:1.1;
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
}
img{
    max-width:100%
}
h1{
    font-size:40px
}
h2{
    font-size:32px
}
h3{
    font-size:28px
}
h4{
    font-size:24px
}
h5{
    font-size:20px
}
h6{
    font-size:16px
}
ul{
    margin:0;
    padding:0
}
p{
    color: #000;
    font-weight:500;
    font-size:17px;
    line-height:26px
}
.z-index-1{
    position:relative;
    z-index:1
}
.z-index{
    position:relative;
    z-index:2
}
.z-index-3{
    position:relative;
    z-index:3
}
.z-index-4{
    position:relative;
    z-index:4
}
.z-index-5{
    position:relative;
    z-index:5
}
.z-index-6{
    position:relative;
    z-index:6
}
a,.btn,button,input,select,textarea,li,img,.transition-3,h1,h2,h3,h4,h5,h6{
    -webkit-transition:all .3s ease-out 0s;
    -moz-transition:all .3s ease-out 0s;
    -ms-transition:all .3s ease-out 0s;
    -o-transition:all .3s ease-out 0s;
    transition:all .3s ease-out 0s
}
a:focus,.button:focus{
    text-decoration:none;
    outline:none
}
a:focus,a:hover{
    color:inherit;
    text-decoration:none
}
a,button{
    color:inherit;
    outline:none;
    border:none;
    background:0 0
}
button:hover{
    cursor:pointer
}
button:focus{
    outline:0
}
.uppercase{
    text-transform:uppercase
}
.capitalize{
    text-transform:capitalize
}
input{
    height:60px;
    width:100%;
    border:none;
    outline:none;
    padding:0 30px;
    line-height:60px;
    color:var(--it-common-black);
    text-transform:capitalize
}
input::-webkit-input-placeholder{
    color:#757a7b
}
input:-moz-placeholder{
    color:#757a7b
}
input::-moz-placeholder{
    color:#757a7b
}
input:-ms-input-placeholder{
    color:#757a7b
}
textarea{
    outline:none;
    color:var(--it-common-black);
    width:100%;
    padding:0 30px;
    border:none;
    text-transform:capitalize
}
textarea::-webkit-input-placeholder{
    color:#757a7b
}
textarea:-moz-placeholder{
    color:#757a7b
}
textarea::-moz-placeholder{
    color:#757a7b
}
textarea:-ms-input-placeholder{
    color:#757a7b
}
input[type=color]{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background:0 0;
    border:0;
    cursor:pointer;
    height:100%;
    width:100%;
    padding:0;
    border-radius:50%
}
*::-moz-selection{
    background:var(--it-theme-1);
    color:var(--it-common-white);
    text-shadow:none
}
::-moz-selection{
    background:var(--it-theme-1);
    color:var(--it-common-white);
    text-shadow:none
}
::selection{
    background:var(--it-theme-1);
    color:var(--it-common-white);
    text-shadow:none
}
*::-moz-placeholder{
    color:var(--it-common-black);
    font-size:var(--it-fz-body);
    opacity:1
}
*::placeholder{
    color:var(--it-common-black);
    font-size:var(--it-fz-body);
    opacity:1
}
.w-img img{
    width:100%
}
.m-img img{
    max-width:100%
}
.fix{
    overflow:hidden
}
.clear{
    clear:both
}
.f-left{
    float:left
}
.f-right{
    float:right
}
.overflow-y-visible{
    overflow-x:hidden;
    overflow-y:visible
}
.p-relative{
    position:relative
}
.p-absolute{
    position:absolute
}
.include-bg{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
.gx-10{
    --bs-gutter-x: 10px
}
.it-btn-green{
    font-size:16px;
    padding:18px 40px;
    display:inline-block;
    color:var(--it-common-white);
    background:#ff9f00;
    );
    border-radius:5px;
    transition:.3s;
    font-weight:700;
    text-transform:capitalize
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-btn-green{
        padding:18px 30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-btn-green{
        padding:18px 40px
    }
}
@media(max-width:767px){
    .it-btn-green{
        padding:18px 35px
    }
}
.it-btn-green:hover{
    color:var(--it-common-white);
    background-color:var(--it-common-black)
}
.it-btn-green.sm{
    padding:12px 30px;
    font-size:15px
}
.it-btn-green.sm:hover{
    background-color:var(--it-theme-2);
    color:var(--it-common-black)
}
.it-btn-green.white-btn{
    font-size:16px;
    font-weight:500;
    color:var(--it-theme-1);
    background-color:var(--it-common-white)
}
.it-btn-green.white-btn:hover{
    background-color:var(--it-theme-2);
    color:var(--it-common-black)
}
.it-btn-green.white-bg:hover{
    background-color:var(--it-common-white);
    color:var(--it-common-black)
}
.it-btn-green.yellow-bg{
    color:var(--it-common-black);
    background:var(--it-theme-2)
}
.it-btn-green.yellow-bg:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-btn-green.yellow-bg.white-bg:hover{
    background-color:var(--it-common-white);
    color:var(--it-common-black)
}
.it-btn-green-3{
    text-transform:uppercase;
    color:var(--it-theme-1);
    background:var(--it-common-white)
}
.it-btn-white{
    font-size:16px;
    padding:18px 40px;
    display:inline-block;
    color:var(--it-common-black);
    background:var(--it-common-white);
    border-radius:5px;
    transition:.3s;
    font-weight:700;
    text-transform:capitalize
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:768px) and (max-width:991px){
    .it-btn-white{
        padding:18px 30px
    }
}
.it-btn-white:hover{
    color:var(--it-common-white);
    background-color:var(--it-common-black)
}
.it-btn-white.yellow-bg:hover{
    background-color:white;
    color:var(--it-common-black)
}
@-webkit-keyframes pulse{
    0%{
        -webkit-box-shadow:0 0 0 0 rgba(255,255,255,.4)
    }
    70%{
        -webkit-box-shadow:0 0 0 45px transparent
    }
    100%{
        -webkit-box-shadow:0 0 0 0 transparent
    }
}
@keyframes scrollText-2{
    from{
        transform:translateX(-50%)
    }
    to{
        transform:translateX(0%)
    }
}
@-moz-keyframes headerSlideDown{
    0%{
        margin-top:-150px
    }
    100%{
        margin-top:0
    }
}
@-ms-keyframes headerSlideDown{
    0%{
        margin-top:-150px
    }
    100%{
        margin-top:0
    }
}
@-webkit-keyframes headerSlideDown{
    0%{
        margin-top:-150px
    }
    100%{
        margin-top:0
    }
}
@keyframes headerSlideDown{
    0%{
        margin-top:-150px
    }
    100%{
        margin-top:0
    }
}
@keyframes pulse{
    0%{
        -moz-box-shadow:0 0 0 0 rgba(255,255,255,.4);
        box-shadow:0 0 0 0 rgba(255,255,255,.4)
    }
    70%{
        -moz-box-shadow:0 0 0 45px transparent;
        box-shadow:0 0 0 45px transparent
    }
    100%{
        -moz-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent
    }
}
@keyframes section-animation{
    0%{
        width:0
    }
    15%{
        width:100%
    }
    85%{
        opacity:1
    }
    90%{
        width:100%;
        opacity:0
    }
    to{
        width:0;
        opacity:0
    }
}
@keyframes about-sm{
    100%{
        transform:translateY(60px)
    }
    100%{
        transform:translateY(50px)
    }
}
@keyframes hero-thumb-animation{
    0%{
        transform:translateY(-20px)
    }
    100%{
        transform:translateY(0px)
    }
}
@keyframes itleftright{
    0%{
        -webkit-transform:translateX(0);
        -moz-transform:translateX(0);
        -ms-transform:translateX(0);
        -o-transform:translateX(0);
        transform:translateX(0)
    }
    100%{
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        transform:translateX(-20px)
    }
}
@keyframes itrotate{
    0%{
        transform:rotateY(0deg)
    }
    100%{
        transform:rotateY(360deg)
    }
}
@keyframes ittranslateY2{
    0%{
        -webkit-transform:translateY(-30px);
        -moz-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        -o-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    100%{
        -webkit-transform:translateY(20px);
        -moz-transform:translateY(20px);
        -ms-transform:translateY(20px);
        -o-transform:translateY(20px);
        transform:translateY(20px)
    }
}
@keyframes scroll{
    0%{
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        -webkit-transform:translateY(8px);
        -moz-transform:translateY(8px);
        -ms-transform:translateY(8px);
        -o-transform:translateY(8px);
        transform:translateY(8px)
    }
}
@keyframes RL_smooth{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        -webkit-transform:translateX(5px);
        transform:translateX(5px)
    }
    100%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes slide_up_down{
    0%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes ittranslateX2{
    0%{
        -webkit-transform:translateX(-30px);
        -moz-transform:translateX(-30px);
        -ms-transform:translateX(-30px);
        -o-transform:translateX(-30px);
        transform:translateX(-30px)
    }
    100%{
        -webkit-transform:translatXY(20px);
        -moz-transform:translateX(20px);
        -ms-transform:translateX(20px);
        -o-transform:translateX(20px);
        transform:translateX(20px)
    }
}
@keyframes rotate-center{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes scale_up_down{
    0%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes dash{
    to{
        stroke-dashoffset:0;
        stroke-dasharray:3000
    }
}
@keyframes itupdown{
    0%{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    100%{
        -webkit-transform:translateY(-20px);
        -moz-transform:translateY(-20px);
        -ms-transform:translateY(-20px);
        -o-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes itswing{
    0%{
        -webkit-transform:rotate(6deg);
        -moz-transform:rotate(6deg);
        -ms-transform:rotate(6deg);
        -o-transform:rotate(6deg);
        transform:rotate(6deg)
    }
    100%{
        -webkit-transform:rotate(-6deg);
        -moz-transform:rotate(-6deg);
        -ms-transform:rotate(-6deg);
        -o-transform:rotate(-6deg);
        transform:rotate(-6deg)
    }
}
@keyframes borderanimate2{
    0%{
        transform:translate(-50%,-50%) scale(1)
    }
    60%{
        opacity:1
    }
    100%{
        transform:translate(-50%,-50%) scale(2.5);
        opacity:0
    }
}
@keyframes bounceInUp{
    0%{
        opacity:0;
        -webkit-transform:translateY(2000px);
        -ms-transform:translateY(2000px);
        transform:translateY(2000px)
    }
    60%{
        opacity:1;
        -webkit-transform:translateY(-30px);
        -ms-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    80%{
        -webkit-transform:translateY(10px);
        -ms-transform:translateY(10px);
        transform:translateY(10px)
    }
    100%{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes moving{
    0%{
        transform:translatey(0px)
    }
    50%{
        transform:translatey(-20px)
    }
    100%{
        transform:translatey(0px)
    }
}
@keyframes about-circle{
    0%{
        -webkit-transform:translateX(100px);
        -moz-transform:translateX(100px);
        -ms-transform:translateX(100px);
        -o-transform:translateX(100px);
        transform:translateX(100px)
    }
    100%{
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -ms-transform:translateX(0px);
        -o-transform:translateX(0px);
        transform:translateX(0px)
    }
}
@keyframes services-triangle{
    0%{
        -webkit-transform:rotate(0deg) translateX(-50px);
        -moz-transform:rotate(0deg) translateX(-50px);
        -ms-transform:rotate(0deg) translateX(-50px);
        -o-transform:rotate(0deg) translateX(-50px);
        transform:rotate(0deg) translateX(-50px)
    }
    100%{
        -webkit-transform:rotate(360deg) translateY(100px);
        -moz-transform:rotate(360deg) translateY(100px);
        -ms-transform:rotate(360deg) translateY(100px);
        -o-transform:rotate(360deg) translateY(100px);
        transform:rotate(360deg) translateY(100px)
    }
}
@keyframes hero-3-dot-2{
    0%{
        transform:translateY(-50px)
    }
    100%{
        transform:translateY(0px)
    }
}
@keyframes tfLeftToRight{
    49%{
        transform:translateX(60%)
    }
    50%{
        opacity:0;
        transform:translateX(-60%)
    }
    51%{
        opacity:1
    }
}
@keyframes rotate2{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(360deg)
    }
}
@keyframes moving{
    0%{
        transform:translatey(0px)
    }
    20%{
        transform:translateX(-50px)
    }
    50%{
        transform:translatey(-40px)
    }
    100%{
        transform:translatey(0px)
    }
}
@keyframes leftright{
    0%{
        transform:translatex(0)
    }
    50%{
        transform:translateX(100%)
    }
    100%{
        transform:translateX(0)
    }
}
@keyframes movinglight{
    0%{
        transform:translatey(0px)
    }
    20%{
        transform:translateX(-70px)
    }
    50%{
        transform:translatey(-70px)
    }
    100%{
        transform:translatey(0px)
    }
}
@keyframes movinglight2{
    0%{
        transform:translatey(0px)
    }
    20%{
        transform:translateX(70px)
    }
    50%{
        transform:translatey(70px)
    }
    100%{
        transform:translatey(0px)
    }
}
@keyframes movingtop{
    0%{
        transform:translatey(0px)
    }
    20%{
        transform:translatey(70px)
    }
    50%{
        transform:translatey(-70px)
    }
    100%{
        transform:translatey(0px)
    }
}
@keyframes circle-animation{
    0%{
        right:0
    }
    50%{
        right:100%
    }
    100%{
        right:0%
    }
}
@keyframes circle-animation-2{
    0%{
        left:0
    }
    50%{
        left:100%
    }
    100%{
        left:0%
    }
}
@keyframes animationglob{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes zoom{
    0%{
        transform:scale(.5)
    }
    50%{
        transform:scale(1)
    }
    100%{
        transform:scale(.5)
    }
}
@keyframes zoom2{
    0%{
        transform:scale(.9)
    }
    50%{
        transform:scale(1)
    }
    100%{
        transform:scale(.9)
    }
}
@keyframes wobble-vertical{
    10%{
        transform:translateY(-10px)
    }
    50%{
        transform:skew(15deg)
    }
    80%{
        transform:rotate(10deg)
    }
    100%{
        transform:translate(0)
    }
}
@-webkit-keyframes section-highlight{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
@-moz-keyframes section-highlight{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
@-ms-keyframes section-highlight{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
@keyframes section-highlight{
    0%{
        width:0%
    }
    100%{
        width:100%
    }
}
@keyframes widthcalc{
    0%{
        width:20%
    }
    50%{
        width:50%
    }
    75%{
        width:90%
    }
    90%{
        opacity:75%
    }
    90%{
        opacity:100%
    }
}
@keyframes bounceRight{
    0%,20%,50%,80%,100%{
        -ms-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -ms-transform:translateY(-35px);
        transform:translateY(-35px)
    }
    60%{
        -ms-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes icon-bounce{
    0%,100%,20%,50%,80%{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
    40%{
        -webkit-transform:translateY(-10px);
        -moz-transform:translateY(-10px);
        -ms-transform:translateY(-10px);
        -o-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    60%{
        -webkit-transform:translateY(-5px);
        -moz-transform:translateY(-5px);
        -ms-transform:translateY(-5px);
        -o-transform:translateY(-5px);
        transform:translateY(-5px)
    }
}
@keyframes light-one{
    0%{
        opacity:1
    }
    25%{
        opacity:.4
    }
    50%{
        opacity:.6
    }
    75%{
        opacity:.8
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes about-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@-moz-keyframes about-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@-ms-keyframes about-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@keyframes about-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@-webkit-keyframes faq-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@-moz-keyframes faq-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@-ms-keyframes faq-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@keyframes faq-text{
    0%{
        width:0
    }
    100%{
        width:100%
    }
}
@keyframes shine{
    100%{
        left:125%
    }
}
@-webkit-keyframes it-pulse-3{
    0%{
        -moz-box-shadow:0 0 0 0 #568b07;
        box-shadow:0 0 0 0 #568b07
    }
    70%{
        -moz-box-shadow:0 0 0 45px transparent;
        box-shadow:0 0 0 45px transparent
    }
    100%{
        -moz-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent
    }
}
@-moz-keyframes it-pulse-3{
    0%{
        -moz-box-shadow:0 0 0 0 #568b07;
        box-shadow:0 0 0 0 #568b07
    }
    70%{
        -moz-box-shadow:0 0 0 45px transparent;
        box-shadow:0 0 0 45px transparent
    }
    100%{
        -moz-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent
    }
}
@-ms-keyframes it-pulse-3{
    0%{
        -moz-box-shadow:0 0 0 0 #568b07;
        box-shadow:0 0 0 0 #568b07
    }
    70%{
        -moz-box-shadow:0 0 0 45px transparent;
        box-shadow:0 0 0 45px transparent
    }
    100%{
        -moz-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent
    }
}
@keyframes it-pulse-3{
    0%{
        -moz-box-shadow:0 0 0 0 #568b07;
        box-shadow:0 0 0 0 #568b07
    }
    70%{
        -moz-box-shadow:0 0 0 45px transparent;
        box-shadow:0 0 0 45px transparent
    }
    100%{
        -moz-box-shadow:0 0 0 0 transparent;
        box-shadow:0 0 0 0 transparent
    }
}
@keyframes sliderShape{
    0%,100%{
        border-radius:42% 58% 70% 30%/45% 45% 55% 55%;
        transform:translate3d(0,0,0) rotateZ(0.01deg)
    }
    34%{
        border-radius:70% 30% 46% 54%/30% 29% 71% 70%;
        transform:translate3d(0,5px,0) rotateZ(0.01deg)
    }
    50%{
        transform:translate3d(0,0,0) rotateZ(0.01deg)
    }
    67%{
        border-radius:100% 60% 60% 100%/100% 100% 60% 60%;
        transform:translate3d(0,-3px,0) rotateZ(0.01deg)
    }
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--it-theme-1);
    z-index:999999;
    overflow:hidden
}
.preloader{
    width:50px;
    height:50px;
    display:inline-block;
    padding:0;
    text-align:left;
    box-sizing:border-box;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-25px;
    margin-top:-25px
}
.preloader span{
    position:absolute;
    display:inline-block;
    width:50px;
    height:50px;
    border-radius:100%;
    background:var(--it-common-white);
    -webkit-animation:preloader 1.3s linear infinite;
    animation:preloader 1.3s linear infinite
}
.preloader span:last-child{
    animation-delay:-.9s;
    -webkit-animation-delay:-.9s
}
@keyframes preloader{
    0%{
        transform:scale(0,0);
        opacity:.5
    }
    100%{
        transform:scale(1,1);
        opacity:0
    }
}
@-webkit-keyframes preloader{
    0%{
        -webkit-transform:scale(0,0);
        opacity:.5
    }
    100%{
        -webkit-transform:scale(1,1);
        opacity:0
    }
}
.scroll-top{
    width:40px;
    height:40px;
    line-height:40px;
    position:fixed;
    bottom:-10%;
    right:50px;
    font-size:16px;
    z-index:9;
    text-align:center;
    border-radius:50%;
    color:var(--it-common-white);
    cursor:pointer;
    background:var(--it-theme-1);
    transition:1s ease;
    border:none
}
.scroll-top.open{
    bottom:80px
}
.black-bg{
    background:#ffba00
}
.theme-bg{
    background:#c71f40;
}
.theme-bg-2{
    background:var(--it-theme-2)
}
.grey-bg{
    background:var(--it-grey-1)
}
.body-overlay{
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    width:100%;
    height:100%;
    background:rgba(24,24,24,.8);
    visibility:hidden;
    opacity:0;
    transition:.45s ease-in-out
}
.body-overlay.apply{
    opacity:1;
    visibility:visible
}
.body-overlay:hover{
    cursor:url(https://ordainit.com/),pointer
}
.it-instagram img{
    width:100%
}
.itoffcanvas{
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    position:fixed;
    top:0;
    right:-100%;
    width:480px;
    bottom:0;
    box-shadow:0 16px -32px 0 rgba(0,0,0,.8);
    background-color:#0e0e0d;
    z-index:9999;
    padding:50px;
    scrollbar-width:none;
    opacity:0;
    visibility:hidden;
    transition:.45s ease-in-out;
    overflow-y:scroll
}
.itoffcanvas.opened{
    opacity:1;
    visibility:visible
}
@media(max-width:767px){
    .itoffcanvas{
        width:300px;
        padding:40px 35px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .itoffcanvas{
        width:400px;
        padding:40px
    }
}
.itoffcanvas.opened{
    right:0;
    -webkit-transition:all .4s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all .4s cubic-bezier(.785,.135,.15,.86);
    transition:all .4s cubic-bezier(.785,.135,.15,.86);
    transition-duration:.6s
}
.itoffcanvas__logo{
    margin-bottom:60px
}
@media(max-width:767px),only screen and (min-width:768px) and (max-width:991px){
    .itoffcanvas__logo{
        padding-top:0
    }
}
.itoffcanvas__logo img{
    width:157px;
    height:100%
}
.itoffcanvas__close-btn button{
    font-size:35px;
    color:#fff;
    position:absolute;
    right:50px;
    top:42px;
    transition:1s;
    font-weight:300;
    opacity:.2;
    -webkit-transition:all .4s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:all .4s cubic-bezier(.785,.135,.15,.86);
    transition:all .4s cubic-bezier(.785,.135,.15,.86);
    transition-duration:.3s
}
@media only screen and (min-width:768px) and (max-width:991px){
    .itoffcanvas__close-btn button{
        font-size:28px;
        right:48px;
        top:52px
    }
}
@media(max-width:767px){
    .itoffcanvas__close-btn button{
        font-size:28px;
        right:39px;
        top:38px
    }
}
.itoffcanvas__close-btn button:hover{
    color:#fff;
    opacity:1
}
.itoffcanvas__content{
    margin-bottom:30px
}
.itoffcanvas__content p{
    font-size:16px;
    color:#fff;
    font-weight:400;
    line-height:1.6;
    margin-bottom:25px
}
.itoffcanvas__content span{
    color:#fff;
    font-size:18px;
    font-weight:500;
    margin-bottom:5px;
    display:inline-block
}
.itoffcanvas__content a{
    font-size:30px;
    line-height:51px;
    font-weight:700;
    color:var(--it-common-white);
    display:inline-block
}
@media(max-width:767px){
    .itoffcanvas__content a{
        font-size:27px
    }
}
.itoffcanvas__social{
    margin-top:50px
}
.itoffcanvas__social .social-icon a{
    height:50px;
    width:50px;
    line-height:50px;
    text-align:center;
    font-size:18px;
    background-color:var(--it-theme-1);
    color:var(--it-common-white);
    margin-right:15px;
    transition:.3s;
    display:inline-block;
    border-radius:50%
}
@media(max-width:767px){
    .itoffcanvas__social .social-icon a{
        margin-right:3px
    }
}
.itoffcanvas__social .social-icon a:hover{
    background-color:var(--it-theme-1);
    color:var(--it-common-white)
}
.itoffcanvas__text{
    border-bottom:1px solid #3b3838;
    padding-bottom:20px;
    margin-bottom:20px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .itoffcanvas__text{
        display:none
    }
}
.itoffcanvas__text p{
    color:#ddd;
    font-size:18px
}
.itoffcanvas__info{
    border-bottom:1px solid #3b3838;
    padding-bottom:30px;
    margin-bottom:20px
}
.itoffcanvas__info .offcanva-title{
    color:var(--it-common-white);
    margin:30px 0 40px;
    font-size:20px;
    font-weight:600
}
.itoffcanvas__info-icon a{
    height:50px;
    width:50px;
    background-color:var(--it-theme-1);
    color:var(--it-common-white);
    display:inline-block;
    text-align:center;
    line-height:50px;
    border-radius:50px;
    font-weight:400;
    font-size:21px;
    margin-right:20px
}
.itoffcanvas__info-address span{
    display:block;
    color:rgba(255,255,255,.6392156863);
    font-size:16px;
    font-weight:400
}
.itoffcanvas__info-address a{
    display:block;
    color:var(--it-common-white);
    font-size:18px;
    font-weight:600;
    transition:.3s
}
@media(max-width:767px){
    .itoffcanvas__info-address a{
        font-size:16px
    }
}
.itoffcanvas__info-address a:hover{
    color:var(--it-theme-1)
}
.it-offcanva-bottom-shape{
    position:absolute;
    bottom:0;
    right:0;
    width:100%;
    z-index:-1
}
.it-offcanva-bottom-shape img{
    width:100%
}
.it-breadcrumb-area{
    padding-top:124px;
    padding-bottom:140px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    z-index:1
}
.it-breadcrumb-area::before{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    content:"";
    background:linear-gradient(90deg,#021609 0%,rgba(2,22,9,0.6) 45.5%,rgba(2,22,9,0.3) 69%,rgba(2,22,9,0) 100%)
}
.it-breadcrumb-shape-1{
    position:absolute;
    top:-12px;
    right:27%;
    z-index:-1
}
.it-breadcrumb-transparent-text{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-2%;
    z-index:1
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-breadcrumb-transparent-text{
        display:none
    }
}
.it-breadcrumb-transparent-title{
    font-size:65px;
    font-weight:800;
    text-transform:uppercase;
    rotate:90deg;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.3)
}
.it-breadcrumb-content{
    text-align:center
}
.it-breadcrumb-title{
    font-size:45px;
    font-weight:700;
    text-transform:capitalize
}
.it-breadcrumb-list span{
    font-size:18px;
    font-weight:500;
    color:var(--it-common-white)
}
.it-breadcrumb-list span.dvdr{
    color:var(--it-theme-2)
}
.it-custom-accordion .accordion-items{
    border-radius:10px;
    margin-bottom:20px;
    border:1px solid var(--it-grey-1)
}
.it-custom-accordion .accordion-header{
    border-radius:5px;
    background-color:#f3faf6
}
.it-custom-accordion.inner-accordion .accordion-items{
    margin-bottom:30px;
    border:1px solid var(--it-grey-1);
    background-color:var(--it-grey-1)
}
.it-custom-accordion .accordion-buttons{
    position:relative;
    width:100%;
    font-size:22px;
    font-weight:700;
    text-align:left;
    line-height:1.3;
    padding:20px 70px 20px 30px;
    color:var(--it-common-black);
    border-radius:5px 5px 0 0
}
.it-custom-accordion .accordion-buttons:not(.collapsed){
    background:var(--it-theme-1);
    color:var(--it-common-white)
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-custom-accordion .accordion-buttons{
        font-size:18px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-custom-accordion .accordion-buttons{
        font-size:16px;
        padding:15px 70px 15px 30px
    }
}
@media(max-width:767px){
    .it-custom-accordion .accordion-buttons{
        font-size:17px
    }
    .it-custom-accordion .accordion-buttons br{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-custom-accordion .accordion-buttons{
        font-size:17px
    }
}
.it-custom-accordion .accordion-buttons::after{
    position:absolute;
    content:"\f068";
    font-family:"font awesome 6 pro";
    top:0;
    bottom:0;
    right:30px;
    font-weight:300;
    font-size:30px;
    opacity:1;
    height:26px;
    line-height:26px;
    text-align:center;
    width:26px;
    border-radius:50%;
    margin:auto
}
@media(max-width:767px){
    .it-custom-accordion .accordion-buttons::after{
        font-size:18px
    }
}
.it-custom-accordion .accordion-buttons::after:not(.collapsed){
    color:var(--it-common-white)
}
.it-custom-accordion .accordion-buttons.collapsed::after{
    content:"\f067"
}
.it-custom-accordion .collapsed{
    position:relative;
    z-index:99
}
.it-custom-accordion .accordion-body{
    font-weight:500;
    font-size:17px;
    line-height:1.5;
    padding:15px 30px;
    padding-bottom:30px;
    position:relative;
    background-color:#f3faf6;
    z-index:1
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-custom-accordion .accordion-body{
        font-size:15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-custom-accordion .accordion-body{
        font-size:14px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-custom-accordion .accordion-body{
        font-size:14px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-custom-accordion .accordion-body{
        font-size:15px
    }
}
.search__popup{
    padding-top:70px;
    padding-bottom:100px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:40%;
    z-index:9999999;
    background-color:var(--it-theme-1);
    -webkit-transform:translateY(calc(-100% - 80px));
    -moz-transform:translateY(calc(-100% - 80px));
    -ms-transform:translateY(calc(-100% - 80px));
    -o-transform:translateY(calc(-100% - 80px));
    transform:translateY(calc(-100% - 80px));
    -webkit-transition:transform .6s ease-in-out,opacity .6s ease-in-out;
    -moz-transition:transform .6s ease-in-out,opacity .6s ease-in-out;
    transition:transform .6s ease-in-out,opacity .6s ease-in-out;
    transition-delay:.7s
}
.search__popup.search-opened{
    -webkit-transform:translateY(0%);
    -moz-transform:translateY(0%);
    -ms-transform:translateY(0%);
    -o-transform:translateY(0%);
    transform:translateY(0%);
    transition-delay:0s
}
.search__popup.search-opened .search__input{
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    -o-transform:translateY(0px);
    transform:translateY(0px);
    opacity:1;
    transition-delay:.3s
}
.search__popup.search-opened .search__input::after{
    width:100%;
    transition-delay:.5s
}
.search__popup-2{
    background-color:var(--it-common-black-13)
}
.search__popup-2 .search__input .search-input-field~.search-focus-border{
    background-color:var(--it-theme-8)
}
.search__popup-3 .search__input .search-input-field~.search-focus-border{
    background-color:var(--it-theme-10)
}
.search__top{
    margin-bottom:80px
}
.search__input{
    position:relative;
    height:80px;
    transition-delay:.5s;
    opacity:0
}
.search__input::after{
    position:absolute;
    content:"";
    left:0;
    bottom:0;
    width:0%;
    height:1px;
    background-color:rgba(255,255,255,.3);
    transition-delay:.3s
}
.search__input input{
    width:100%;
    height:100%;
    background-color:transparent;
    border:0;
    outline:0;
    font-size:24px;
    color:var(--it-common-white);
    border-bottom:1px solid transparent;
    padding:0;
    padding-right:30px
}
.search__input input::-webkit-input-placeholder{
    color:rgba(255,255,255,.5);
    font-size:24px
}
.search__input input:-moz-placeholder{
    color:rgba(255,255,255,.5);
    font-size:24px
}
.search__input input::-moz-placeholder{
    color:rgba(255,255,255,.5);
    font-size:24px
}
.search__input input:-ms-input-placeholder{
    color:rgba(255,255,255,.5);
    font-size:24px
}
.search__input button{
    position:absolute;
    top:50%;
    right:0;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:18px;
    color:var(--it-common-white)
}
.search__input .search-input-field~.search-focus-border{
    position:absolute;
    bottom:0;
    left:auto;
    right:0;
    width:0;
    height:1px;
    background-color:var(--it-common-orange);
    -webkit-transition:all .5s ease-out 0s;
    -moz-transition:all .5s ease-out 0s;
    -ms-transition:all .5s ease-out 0s;
    -o-transition:all .5s ease-out 0s;
    transition:all .5s ease-out 0s
}
.search__input .search-input-field:focus~.search-focus-border{
    width:100%;
    left:0;
    right:auto;
    -webkit-transition:all .5s ease-out 0s;
    -moz-transition:all .5s ease-out 0s;
    -ms-transition:all .5s ease-out 0s;
    -o-transition:all .5s ease-out 0s;
    transition:all .5s ease-out 0s
}
.search__close-btn{
    font-size:25px;
    color:rgba(255,255,255,.3)
}
.search__close-btn:hover{
    color:var(--it-common-white)
}
.search__result-title{
    font-size:50px;
    letter-spacing:-.04em;
    margin-bottom:0
}
@media only screen and (min-width:576px) and (max-width:767px){
    .search__result-title{
        font-size:40px
    }
}
@media(max-width:767px){
    .search__result-title{
        font-size:35px
    }
}
.search__result-title span{
    color:var(--it-theme-1);
    display:inline-block
}
.search__result-content p{
    font-size:16px;
    line-height:1.62;
    color:var(--it-text-1)
}
.search__result-input{
    position:relative
}
.search__result-input-box{
    position:relative;
    margin-bottom:20px
}
.search__result-input-box button{
    position:absolute;
    top:0;
    right:0;
    padding:22px 43px
}
@media(max-width:767px){
    .search__result-input-box button{
        position:relative;
        margin-top:15px
    }
}
.search__result-input-box button:hover{
    background-color:var(--it-common-black)
}
.search__result-input input{
    width:100%;
    height:70px;
    padding-left:60px;
    padding-right:177px;
    background-color:var(--it-common-white);
    border:1px solid var(--it-common-white);
    box-shadow:-3px 0 0 var(--it-theme-1),0 1px 2px rgba(3,4,28,.14)
}
@media(max-width:767px){
    .search__result-input input{
        padding-right:25px
    }
}
.search__result-input span{
    position:absolute;
    top:50%;
    left:30px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:18px;
    color:#a0a0b5
}
.search__result-input span svg{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}
.search__result-tags a{
    display:inline-block;
    font-family:var(--it-ff-space);
    font-size:13px;
    font-weight:500;
    border:1px solid #d5d5dd;
    padding:5px 18px;
    line-height:1;
    margin-right:2px;
    margin-bottom:7px
}
.search__result-tags a:hover{
    background-color:var(--it-theme-1);
    border-color:var(--it-theme-1);
    color:var(--it-common-white)
}
.search__blog-item{
    padding:50px;
    border:1px solid #eaeaef
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .search__blog-item{
        padding:30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .search__blog-item{
        padding:25px
    }
}
@media(max-width:767px){
    .search__blog-item{
        padding:20px
    }
}
.search__blog-title{
    font-size:30px;
    line-height:1.2;
    letter-spacing:-.04em;
    margin-bottom:13px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .search__blog-title{
        font-size:28px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .search__blog-title{
        font-size:21px
    }
    .search__blog-title br{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .search__blog-title br{
        display:none
    }
}
@media(max-width:767px){
    .search__blog-title{
        font-size:25px
    }
}
.search__blog-title a:hover{
    color:var(--it-theme-1)
}
.search__blog-tag{
    margin-bottom:10px
}
.search__blog-tag a{
    display:inline-block;
    background-color:rgba(99,100,219,.06);
    font-family:var(--it-ff-space);
    font-weight:500;
    font-size:15px;
    line-height:1;
    color:var(--it-common-purple);
    padding:4px 12px
}
.search__blog-tag a:hover{
    background-color:var(--it-common-purple);
    color:var(--it-common-white)
}
.search__blog-meta span{
    color:var(--it-text-1);
    margin-right:15px;
    margin-bottom:10px;
    display:inline-block
}
.search__blog-meta span i,.search__blog-meta span svg{
    margin-right:2px
}
.search__blog-meta span svg{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}
.search__blog-meta span svg path{
    stroke:#7a7e83
}
.search__blog-meta-author{
    margin-bottom:10px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .search__blog-meta-author{
        margin-right:20px
    }
}
.search__blog-meta-author-thumb img{
    width:24px;
    height:24px;
    border-radius:50%;
    margin-right:10px
}
.search__blog-meta-author-content span{
    display:inline-block;
    font-family:var(--it-ff-inter);
    font-size:14px;
    color:#7a7e83
}
.search__blog-meta-author-content span a{
    color:var(--it-common-black-11);
    font-weight:500
}
.search__blog-meta-author-content span a:hover{
    color:var(--it-theme-1)
}
.search__blog-content p{
    font-size:15px;
    line-height:1.47;
    color:var(--it-text-1);
    margin-bottom:20px
}
.search__blog-btn .it-btn-border{
    padding:8px 29px
}
.search__blog-btn .it-btn-border svg,.search__blog-btn .it-btn-border i{
    margin-left:5px
}
.search__blog-btn .it-btn-border svg{
    -webkit-transform:translateY(-1px);
    -moz-transform:translateY(-1px);
    -ms-transform:translateY(-1px);
    -o-transform:translateY(-1px);
    transform:translateY(-1px)
}
.search__blog-btn .it-btn-border:hover{
    background-color:var(--it-theme-1);
    border-color:var(--it-theme-1);
    color:var(--it-common-white)
}
body.it-magic-cursor #magic-cursor{
    display:block
}
#magic-cursor{
    position:absolute;
    display:none;
    width:10px;
    height:10px;
    pointer-events:none;
    z-index:99999;
    opacity:0
}
#ball{
    position:fixed;
    display:flex;
    align-items:center;
    pointer-events:none;
    border-style:solid;
    border-radius:50%;
    justify-content:center;
    mix-blend-mode:difference;
    color:var(--it-theme-1)
}
#ball .ball-view{
    position:absolute;
    opacity:0;
    visibility:hidden;
    padding:0 5px;
    font-size:14px;
    font-weight:500;
    color:#222;
    line-height:1.3;
    text-align:center;
    transform:scale(0)
}
#ball .ball-view i{
    font-size:19px
}
#ball .ball-drag{
    position:absolute;
    display:block;
    width:100%;
    padding:0 5px;
    font-size:15px;
    font-weight:600;
    color:#fff;
    line-height:1.2;
    text-align:center;
    transition:all .3s
}
#ball .ball-drag::before,#ball .ball-drag::after{
    position:absolute;
    top:50%;
    margin-top:-5px;
    font-size:19px;
    color:#fff;
    height:10px;
    line-height:10px;
    font-family:"font awesome 6 pro";
    font-weight:900;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased
}
#ball .ball-drag::before{
    content:"\f104";
    left:0;
    transform:translate3d(-30px,0,0);
    transition:all .25s
}
#ball .ball-drag::after{
    content:"\f105";
    right:0;
    transform:translate3d(30px,0,0);
    transition:all .25s
}
#ball.ball-close-enabled{
    opacity:1!important
}
#ball .ball-close{
    position:absolute;
    padding:0 5px;
    font-size:14px;
    font-weight:600;
    color:#fff;
    line-height:1;
    text-align:center
}
.it-toggle-btn-box{
    position:relative;
    display:inline-block;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center
}
.it-magnetic-wrap{
    display:flex;
    justify-content:center;
    align-items:center
}
.it-subtitle{
    position:relative;
    font-size:18px;
    font-weight:500;
    text-transform:uppercase;
    display:inline-block;
    color:var(--it-theme-1);
    margin-bottom:15px
}
.it-subtitle::after{
    content:"";
    width:100px;
    height:1px;
    background-color:var(--it-theme-1);
    display:inline-block;
    transform:translateY(-6px);
    margin-left:10px
}
.it-subtitle.subtitle-yellow{
    color:var(--it-theme-2)
}
.it-subtitle.subtitle-yellow::after{
    background-color:var(--it-theme-2)
}
.it-section-title{
    font-size:45px;
    color:#b20000;
    line-height:1.2;
    text-transform:capitalize
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-section-title{
        font-size:35px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-section-title{
        font-size:40px
    }
    .it-section-title br{
        display:none
    }
}
@media(max-width:767px){
    .it-section-title{
        font-size:33px
    }
    .it-section-title br{
        display:none
    }
}
.it-section-title span{
    color:var(--it-theme-1)
}
.it-section-title-big{
    font-size:150px;
    position:absolute;
    top:33px;
    left:0;
    right:0;
    opacity:.1;
    text-transform:uppercase;
    color:transparent;
    -webkit-text-stroke:1px var(--it-theme-1)
}
@media(max-width:767px){
    .it-section-title-big{
        font-size:80px;
        top:75px
    }
}
.it-section-title-sm{
    font-size:24px;
    color:var(--it-common-black);
    display:inline-block;
    margin-bottom:15px;
    transition:.3s
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-section-title-sm{
        font-size:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-section-title-sm{
        font-size:20px
    }
}
.it-header-transparent{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.it-header-pl{
    padding-left:440px
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-header-pl{
        padding-left:350px
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-header-pl{
        padding-left:340px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px){
    .it-header-pl{
        padding-left:400px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-header-pl{
        padding-left:230px
    }
}
@media(max-width:767px){
    .it-header-pl{
        padding-left:200px
    }
}
.it-header-space-lr{
    padding-left:185px;
    padding-right:185px
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-header-space-lr{
        padding-left:130px;
        padding-right:130px
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-header-space-lr{
        padding-left:80px;
        padding-right:50px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-header-space-lr{
        padding-left:70px;
        padding-right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-header-space-lr{
        padding-left:60px;
        padding-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-header-space-lr{
        padding-left:50px;
        padding-right:0
    }
}
@media(max-width:767px){
    .it-header-space-lr{
        padding-left:20px;
        padding-right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-header-mob-space{
        padding:10px 0
    }
}
.it-header-bar{
    height:27px;
    width:48px;
    line-height:29px;
    text-align:center;
    background-color:var(--it-theme-1);
    color:var(--it-common-white);
    margin-left:20px;
    border-radius:5px
}
.it-header-top{
    padding-top:13px;
    padding-bottom:13px
}
.it-header-top-info{
    line-height:0
}
.it-header-top-info ul li{
    position:relative;
    display:inline-block;
    list-style:none;
    margin-right:30px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-header-top-info ul li{
        margin-right:18px
    }
}
.it-header-top-info ul li:last-child{
    padding-left:0
}
.it-header-top-info ul li a{
    font-weight:500;
    font-size:15px;
    line-height:24px;
    color:var(--it-common-white);
    transition:.3s
}
.it-header-top-info ul li a i{
    font-size:20px;
    color:var(--it-theme-2);
    margin-right:8px;
    transform:translateY(3px);
    display:inline-block
}
.it-header-top-info ul li a:hover{
    color:var(--it-theme-2)
}
.it-header-top-social{
    padding-left:35px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-header-top-social{
        padding-left:15px
    }
}
.it-header-top-social a i{
    color:var(--it-common-white);
    font-size:15px;
    padding-left:10px;
    transition:.3s
}
.it-header-top-social a i:hover{
    color:var(--it-theme-2)
}
.it-header-lang{
    position:relative;
    cursor:pointer
}
.it-header-lang-selected-lang{
    font-size:15px;
    color:var(--it-common-white);
    margin-left:5px;
    position:relative;
    transition:.3s
}
.it-header-lang-selected-lang i{
    font-size:12px
}
.it-header-lang-selected-lang:hover{
    color:var(--it-theme-2)
}
.it-header-lang img{
    line-height:1
}
.it-header-lang-list{
    position:absolute;
    top:120%;
    left:0;
    background:#000;
    box-shadow:0 0 8px rgba(0,0,0,.12);
    z-index:11;
    padding:15px;
    min-width:100px;
    visibility:hidden;
    opacity:0;
    transition:.2s
}
.it-header-lang-list li{
    color:var(--it-common-white);
    text-align:left;
    list-style:none
}
.it-header-lang-list.it-lang-list-open{
    visibility:visible;
    opacity:1;
    top:100%
}
.it-main-logo{
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    display:inline-block;
    height:100%;
    width:535px;
    padding:30px 95px;
    display:flex;
    align-items:center;
    justify-content:end
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-main-logo{
        width:420px
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-main-logo{
        width:400px;
        padding:30px 70px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-main-logo{
        width:300px;
        padding:30px;
        justify-content:center
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-main-logo{
        width:300px;
        padding:20px;
        justify-content:center
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-main-logo{
        width:300px;
        padding:20px;
        justify-content:center
    }
}
@media(max-width:767px){
    .it-main-logo{
        width:260px;
        padding:10px;
        justify-content:center
    }
}
.it-main-logo::before{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    z-index:-1;
    background-color:var(--it-theme-1);
    clip-path:polygon(0 0,85% 0,100% 100%,0% 100%)
}
@media(max-width:767px){
    .it-main-logo::before{
        clip-path:none
    }
}
.it-header-right-search button{
    color:var(--it-common-black);
    font-size:28px
}
.it-header-right-user a i{
    color:var(--it-common-black);
    font-size:28px
}
.header-sticky{
    position:fixed;
    top:0;
    left:0;
    right:0;
    opacity:1;
    visibility:visible;
    width:100%;
    z-index:999;
    background-color:var(--it-common-white);
    box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
    animation:.95s ease 0s normal forwards 1 running headerSlideDown
}
.header-sticky .it-header-top{
    display:none
}
.it-header-bottom-2.header-sticky{
    display:none;
    background-color:var(--it-common-black)
}
.it-header-bottom-2 .it-header-bar{
    background-color:var(--it-common-white);
    color:var(--it-common-black)
}
.it-header-2-top{
    padding:12px 35px
}
.it-header-2-top-marque{
    animation:scrollText-2 20s infinite linear
}
.it-header-2-top-content{
    padding-right:47px
}
.it-header-2-top-content:last-child{
    margin-right:0
}
.it-header-2-top-content p{
    font-size:18px;
    font-weight:500;
    display:inline-block;
    color:var(--it-common-black);
    margin:0;
    padding-right:47px;
    white-space:nowrap
}
.it-header-2-top-content span{
    color:var(--it-common-white)
}
.it-header-2-top.text-slider-4{
    padding:28px 35px
}
.it-header-2-top.text-slider-4 .it-header-2-top-content p{
    font-size:24px;
    font-family:var(--it-ff-heading);
    color:var(--it-common-white)
}
.it-header-2-right-shop a{
    position:relative;
    width:52px;
    height:52px;
    text-align:center;
    line-height:43px;
    display:inline-block;
    border-radius:50%;
    border:1px solid rgba(225,225,225,.3);
    transition:.3s
}
.it-header-2-right-shop a::before{
    position:absolute;
    width:8px;
    height:8px;
    top:8px;
    left:0;
    content:"";
    border-radius:50%;
    background-color:var(--it-common-white)
}
.it-header-2-right-shop a span{
    font-size:24px;
    color:#fff;
    transition:.3s
}
.it-header-2-right-shop a:hover{
    border:1px solid var(--it-theme-2)
}
.it-header-2-right-shop a:hover span{
    color:var(--it-theme-2)
}
.it-header-3-top{
    padding-top:12px;
    padding-bottom:12px
}
.it-header-3-top-opening-time ul li{
    list-style:none
}
.it-header-3-top-opening-time ul li span{
    font-size:16px;
    display:inline-block;
    color:var(--it-common-white)
}
.it-header-3-top-opening-time ul li i{
    font-size:20px;
    color:var(--it-theme-1);
    margin-right:12px
}
.it-header-3-style .it-main-logo{
    width:400px;
    padding:42px 95px;
    display:flex;
    align-items:center;
    justify-content:start
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-header-3-style .it-main-logo{
        width:440px;
        padding:35px
    }
}
@media(max-width:767px){
    .it-header-3-style .it-main-logo{
        width:260px;
        padding:35px 25px
    }
}
.it-header-3-style .it-main-logo img{
    height:70px
}
@media(max-width:767px){
    .it-header-3-style .it-header-top-social{
        padding-left:0
    }
}
.it-header-3-style .it-main-logo::before{
    clip-path:polygon(0 0,100% 0,86% 100%,0 100%)
}
.it-header-3-style .it-header-space-lr{
    padding-left:90px;
    padding-right:0
}
@media only screen and (min-width:1600px) and (max-width:1800px),only screen and (min-width:1200px) and (max-width:1399px){
    .it-header-3-style .it-header-space-lr{
        padding-left:70px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-header-3-style .it-header-space-lr{
        padding-left:20px
    }
}
.it-header-3-style .it-about-info__text a{
    font-size:18px
}
.it-header-3-style .it-header-right-search{
    position:relative
}
.it-header-3-style .it-header-right-search::after{
    position:absolute;
    top:-8px;
    left:0;
    width:1px;
    height:50px;
    content:"";
    background-color:var(--it-theme-1)
}
.it-header-3-style .it-header-top-right{
    background-color:var(--it-theme-1);
    padding:13px 20px
}
.it-header-3-style .it-header-top{
    padding-top:0;
    padding-bottom:0
}
@media(max-width:767px){
    .it-header-3-style .it-header-top{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-header-3-style .it-header-top{
        display:block
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-header-3-style .it-about-info-content{
        display:none!important
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-header-3-style .it-header-right-box{
        padding-right:0
    }
}
.it-main-menu nav ul li{
    display:inline-block;
    margin-right:30px;
    position:relative
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-main-menu nav ul li{
        margin-right:20px
    }
}
.it-main-menu nav ul li:hover>a{
    color:var(--it-theme-1)
}
.it-main-menu nav ul li a{
    display:inline-block;
    font-size:21px;
    font-weight:700;
    padding:22px 0;
    transition:.3s;
    text-transform:capitalize;
    color:var(--it-common-black)
}
.it-main-menu nav ul li.has-dropdown::after{
    content:"\f107";
    font-family:var(--it-ff-fontawesome);
    display:inline-block;
    font-size:16px;
    margin-left:5px;
    font-weight:400;
    transition:.3s;
    transform:translateY(1px);
    color:var(--it-common-black)
}
.it-main-menu nav ul li>.submenu{
    position:absolute;
    top:100%;
    left:0;
    width:260px;
    text-align:left;
    padding:30px;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    transition-duration:.1s;
    transform-origin:top;
    -webkit-transform:perspective(300px) rotateX(-18deg);
    -moz-transform:perspective(300px) rotateX(-18deg);
    -ms-transform:perspective(300px) rotateX(-18deg);
    -o-transform:perspective(300px) rotateX(-18deg);
    transform:perspective(300px) rotateX(-18deg);
    border-top:4px solid var(--it-theme-1);
    background-color:var(--it-common-black);
    box-shadow:rgba(149,157,165,.2) 0 8px 24px;
    z-index:9999
}
.it-main-menu nav ul li>.submenu>li{
    margin:0;
    display:block;
    margin-bottom:5px
}
.it-main-menu nav ul li>.submenu>li:last-child{
    margin-bottom:0
}
.it-main-menu nav ul li>.submenu>li>a{
    display:inline-block;
    padding:0;
    font-weight:700;
    color:var(--it-common-white);
    transition:.3s;
    position:relative
}
.it-main-menu nav ul li>.submenu>li>a::before{
    position:absolute;
    top:13px;
    left:0;
    content:"";
    height:1px;
    width:0;
    background-color:var(--it-theme-1);
    display:inline-block;
    transition:all .3s ease-out 0s;
    opacity:0;
    visibility:hidden
}
.it-main-menu nav ul li>.submenu>li>a:hover{
    padding-left:25px
}
.it-main-menu nav ul li>.submenu>li>a:hover::before{
    width:20px;
    visibility:visible;
    opacity:1
}
.it-main-menu nav ul li:hover.has-dropdown::after{
    transform:rotate(-180deg);
    color:var(--it-theme-1)
}
.it-main-menu nav ul li:hover>a{
    color:var(--it-theme-1)
}
.it-main-menu nav ul li:hover .submenu{
    opacity:1;
    visibility:visible;
    transition-duration:.2s;
    -webkit-transform:perspective(300px) rotateX(0deg);
    -moz-transform:perspective(300px) rotateX(0deg);
    -ms-transform:perspective(300px) rotateX(0deg);
    -o-transform:perspective(300px) rotateX(0deg);
    transform:perspective(300px) rotateX(0deg)
}
.it-main-menu-2 nav ul li.has-dropdown::after{
    color:var(--it-common-white)
}
.it-main-menu-2 nav ul li a{
    color:black
}
.it-main-menu-2 nav ul li:hover.has-dropdown::after{
    color:var(--it-theme-2)
}
.it-main-menu-2 nav ul li:hover a{
    color:black
}
.it-main-menu-2 nav ul li .submenu{
    border-color:var(--it-theme-2)
}
.it-main-menu-2 nav ul li .submenu li>a::before{
    background-color:var(--it-theme-2)
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-header-3-style .it-main-menu nav ul li{
        margin-right:20px
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-header-3-style .it-main-menu nav ul li{
        margin-right:14px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-header-3-style .it-main-menu nav ul li{
        margin-right:18px
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-header-3-style .it-main-menu nav ul li a{
        font-size:16px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-header-3-style .it-main-menu nav ul li a{
        font-size:20px;
    }
}
@media only screen and (min-width:1600px) and (max-width:1800px),only screen and (min-width:1400px) and (max-width:1599px){
    .it-header-3-style .it-header-right-box{
        padding-right:20px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-header-3-style .it-header-right-box{
        padding-right:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-header-3-style .it-header-right-btn{
        margin-right:0
    }
}
.it-header-style-4 .it-main-menu-2 nav ul li{
    margin-right:0;
    margin:0 19px
}
.it-header-style-4 .it-main-menu-2 nav ul li.has-dropdown::after{
    color:var(--it-common-black)
}
.it-header-style-4 .it-main-menu-2 nav ul li a{
    font-weight:700;
    color:var(--it-common-black)
}
.it-menu-mobile .it-submenu{
    display:none
}
.it-menu-mobile .it-menu-content{
    margin-bottom:70px
}
.it-menu-mobile .home-img{
    margin-bottom:40px
}
.it-menu-mobile ul{
    position:static;
    display:block;
    box-shadow:none
}
.it-menu-mobile ul li{
    list-style:none;
    position:relative;
    width:100%;
    padding:0
}
.it-menu-mobile ul li:not(:last-child)>a{
    border-bottom:1px solid rgba(255,255,255,.12)
}
.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn{
    position:absolute;
    right:0;
    top:25%;
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px);
    font-size:18px;
    color:#7f8387;
    font-family:"font awesome 5 pro";
    transition:all .3s ease-in-out;
    z-index:1;
    width:25px;
    height:25px;
    line-height:22px;
    text-align:center;
    border:1px solid rgba(255,255,255,.12);
    transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out
}
.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn i{
    transition:all .3s ease-in-out;
    margin-left:2px
}
.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn.dropdown-opened i{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
}
.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover{
    background-color:var(--it-theme-1);
    border-color:var(--it-theme-1);
    color:var(--it-common-white)
}
.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover i{
    color:var(--it-common-white)
}
.it-menu-mobile ul li.has-dropdown>a.expanded{
    color:var(--it-theme-1)
}
.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened{
    background-color:var(--it-theme-1);
    border-color:var(--it-theme-1);
    color:var(--it-common-white)
}
.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened i{
    color:var(--it-common-white)
}
.it-menu-mobile ul li.has-dropdown:hover>a::after{
    color:var(--it-theme-green)
}
.it-menu-mobile ul li:last-child a span{
    border-bottom:0
}
.it-menu-mobile ul li>a{
    display:block;
    font-size:16px;
    color:var(--it-common-white);
    position:relative;
    padding:10px 0;
    padding-right:20px
}
.it-menu-mobile ul li>a svg{
    -webkit-transform:translateY(-2px);
    -moz-transform:translateY(-2px);
    -ms-transform:translateY(-2px);
    -o-transform:translateY(-2px);
    transform:translateY(-2px)
}
.it-menu-mobile ul li>a>i{
    display:inline-block;
    width:11%;
    margin-right:13px;
    -webkit-transform:translateY(4px);
    -moz-transform:translateY(4px);
    -ms-transform:translateY(4px);
    -o-transform:translateY(4px);
    transform:translateY(4px);
    font-size:21px;
    line-height:1
}
.it-menu-mobile ul li>a .menu-text{
    font-size:16px;
    line-height:11px;
    border-bottom:1px solid #eaebed;
    width:82%;
    display:inline-block;
    padding:19px 0 17px
}
.it-menu-mobile ul li img{
    width:100%
}
.it-menu-mobile ul li ul{
    padding:0
}
.it-menu-mobile ul li ul li{
    padding:0
}
.it-menu-mobile ul li ul li a{
    margin-left:auto;
    width:93%;
    padding:10px 5%;
    text-shadow:none!important;
    visibility:visible;
    padding-left:0;
    padding-right:20px
}
.it-menu-mobile ul li ul li li a{
    width:88%;
    padding:10px 7%;
    padding-left:0;
    padding-right:20px
}
.it-menu-mobile ul li ul li li li a{
    width:83%;
    padding:10px 9%;
    padding-left:0;
    padding-right:20px
}
.it-menu-mobile ul li ul li li li li a{
    width:68%;
    padding:10px 11%;
    padding-left:0;
    padding-right:20px
}
.it-menu-mobile ul li:hover>a{
    color:var(--it-theme-1)
}
.it-menu-mobile ul li:hover>a::after{
    color:var(--it-theme-1)
}
.it-menu-mobile ul li:hover>a .dropdown-toggle-btn i{
    color:var(--it-theme-1)
}
.it-menu-mobile ul li:hover .mega-menu{
    visibility:visible;
    opacity:1;
    top:0
}
.it-menu-mobile ul li .mega-menu,.it-menu-mobile ul li .submenu{
    position:static;
    min-width:100%;
    padding:0;
    box-shadow:none;
    visibility:visible;
    opacity:1;
    display:none;
    margin-top:15px;
    margin-bottom:25px
}
.it-menu-mobile ul li .mega-menu li,.it-menu-mobile ul li .submenu li{
    float:none;
    display:block;
    width:100%;
    padding:0
}
.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn,.it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn{
    color:var(--it-theme-1)
}
.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a{
    border-bottom:none
}
.it-menu-mobile * ul,.it-menu-mobile * li{
    transition:none!important
}
.it-hero-area{
    padding-top:124px;
    padding-bottom:130px
}
.it-hero-bg{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.it-hero-shape-1{
    position:absolute;
    top:120px;
    left:169px;
    animation:moving 9s linear infinite
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-hero-shape-1{
        top:60px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-shape-1{
        top:50px
    }
}
.it-hero-shape-1 span{
    color:var(--it-theme-1)
}
.it-hero-shape-2{
    position:absolute;
    top:25px;
    right:0;
    left:50px;
    text-align:center;
    z-index:-1;
    animation:rotate2 15s linear infinite
}
.it-hero-shape-3{
    height:100%
}
.it-hero-shape-3 span{
    position:absolute;
    top:0;
    right:0;
    height:100%
}
.it-hero-shape-3 span::before{
    position:absolute;
    width:668px;
    height:100%;
    top:0;
    right:0;
    background:var(--it-theme-1);
    content:"";
    clip-path:polygon(45% 0,100% 0%,100% 100%,0% 100%)
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-hero-shape-3 span::before{
        width:500px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-shape-3 span::before{
        width:400px
    }
}
.it-hero-shape-4{
    position:absolute;
    bottom:213px;
    left:605px
}
.it-hero-shape-4 span{
    color:var(--it-common-white)
}
.it-hero-subtitle{
    font-size:18px;
    font-weight:500;
    display:inline-block;
    color:var(--it-theme-1);
    margin-bottom:15px;
    text-transform:capitalize
}
.it-hero-subtitle.subtitle-yellow{
    color:var(--it-theme-2);
    text-transform:uppercase;
    margin-bottom:25px
}
.it-hero-title{
    font-size:80px;
    color:var(--it-common-black);
    text-transform:capitalize;
    margin-bottom:25px
}
.it-hero-title.text-white{
    margin-bottom:15px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-title{
        font-size:60px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-hero-title{
        font-size:50px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-hero-title{
        font-size:70px
    }
}
@media(max-width:767px){
    .it-hero-title{
        font-size:44px
    }
}
.it-hero-title.hero-big-title{
    font-size:100px;
    font-weight:700;
    margin-bottom:10px
}
.it-hero-title.hero-big-title span{
    display:inline-block;
    color:var(--it-theme-2)
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-title.hero-big-title{
        font-size:79px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-hero-title.hero-big-title{
        font-size:80px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-hero-title.hero-big-title{
        font-size:63px
    }
}
@media(max-width:767px){
    .it-hero-title.hero-big-title{
        font-size:40px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-hero-title.hero-big-title{
        font-size:59px
    }
}
.it-hero-content p{
    font-size:18px;
    margin-bottom:45px;
    margin-right:20px
}
.it-hero-video a{
    font-size:17px;
    font-weight:500;
    color:var(--it-theme-1)
}
.it-hero-video a i{
    height:56px;
    width:56px;
    line-height:56px;
    text-align:center;
    color:var(--it-theme-1);
    background:var(--it-common-white);
    border-radius:50%;
    margin-right:14px;
    transition:.3s;
    padding-left:4px;
    box-shadow:rgba(100,100,111,.2) 0 7px 29px 0;
    animation:it-pulse-3 1.5s infinite
}
.it-hero-video a i:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-hero-thumb{
    position:relative
}
.it-hero-thumb img{
    max-width:inherit
}
@media only screen and (min-width:1600px) and (max-width:1800px),only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-hero-thumb img{
        max-width:100%
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-hero-button{
        margin-bottom:50px
    }
}
.it-hero-2-area{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.it-hero-2-area::before{
    position:absolute;
    width:100%;
    height:100%;
    background:var(--it-grey-1);
    content:"";
    opacity:.9;
    top:0
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-hero-2-title-wrap{
        padding-bottom:0
    }
}
.it-hero-2-shape{
    position:absolute;
    right:50px;
    top:30px;
    animation:itswing 1s forwards infinite alternate
}
.it-hero-2-title{
    font-size:72px;
    display:inline-block;
    text-transform:capitalize
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:768px) and (max-width:991px){
    .it-hero-2-title{
        font-size:60px
    }
}
@media(max-width:767px){
    .it-hero-2-title{
        font-size:45px
    }
}
.it-hero-2-title span{
    color:var(--it-theme-1)
}
.it-hero-2-content p{
    font-size:18px;
    margin-right:70px;
    line-height:1.7;
    margin-bottom:40px
}
@media(max-width:767px){
    .it-hero-2-content p{
        margin-right:0
    }
}
.it-hero-2-thumb{
    left:-180px;
    bottom:0
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-hero-2-thumb{
        left:0;
        bottom:0;
        right:0;
        text-align:center
    }
}
.it-hero-2-thumb img{
    max-width:inherit
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-hero-2-thumb img{
        max-width:100%
    }
}
.it-slider-3-big-text{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:-156px;
    z-index:6
}
@media only screen and (min-width:1600px) and (max-width:1800px),only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-slider-3-big-text{
        display:none
    }
}
.it-slider-3-big-title{
    font-size:122px;
    font-weight:800;
    text-transform:uppercase;
    rotate:90deg;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.3);
    position:relative
}
.it-slider-3-big-title::after{
    content:attr(data-text);
    position:absolute;
    bottom:0;
    left:0;
    color:var(--it-theme-1);
    overflow:hidden;
    width:100%;
    transition:all 2s ease-out 0s;
    animation:about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
    opacity:.2
}
.it-slider-3-overlay::after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    content:"";
    background:linear-gradient(90deg,#021609 0%,rgba(2,22,9,0.6) 45.5%,rgba(2,22,9,0.3) 69%,rgba(2,22,9,0) 100%);
    z-index:2
}
.it-slider-3-bg{
    position:absolute;
    right:0;
    bottom:0;
    height:100%;
    width:100%;
    z-index:1;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:right center;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition:opacity 2500ms ease-in,-webkit-transform 7000ms ease;
    transition:opacity 2500ms ease-in,-webkit-transform 7000ms ease;
    transition:transform 7000ms ease,opacity 2500ms ease-in;
    transition:transform 7000ms ease,opacity 2500ms ease-in,-webkit-transform 7000ms ease
}
.it-slider-3-content-box{
    transform:translateY(-200px);
    opacity:0;
    visibility:hidden
}
.it-slider-3-button{
    transform:translateY(200px);
    opacity:0;
    visibility:hidden
}
.it-slider-3-height{
    height:800px;
    display:flex;
    align-items:center
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-slider-3-height{
        height:750px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-slider-3-height{
        height:650px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-slider-3-height{
        height:700px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-slider-3-height{
        height:690px
    }
}
@media(max-width:767px){
    .it-slider-3-height{
        height:700px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-slider-3-height{
        height:650px
    }
}
.it-slider-3-dsc p{
    font-size:18px;
    color:var(--it-common-white);
    margin-right:170px;
    margin-bottom:35px
}
@media(max-width:767px){
    .it-slider-3-dsc p{
        margin-right:0
    }
}
.it-slider-3-shape-1{
    position:absolute;
    right:20%;
    z-index:3
}
.it-slider-3-shape-2{
    position:absolute;
    right:2.8%;
    z-index:3
}
.it-slider-3-arrow-box{
    position:absolute;
    bottom:89px;
    right:140px;
    z-index:6
}
@media(max-width:767px){
    .it-slider-3-arrow-box{
        right:auto;
        left:15px;
        bottom:40px
    }
}
.it-slider-3-arrow-box button i{
    font-size:16px;
    width:62px;
    height:62px;
    text-align:center;
    line-height:62px;
    color:var(--it-common-black);
    background-color:var(--it-theme-2);
    border-radius:50%;
    transition:.3s
}
.it-slider-3-arrow-box button.slider-3-prev::after{
    width:2px;
    height:20px;
    content:"";
    display:inline-block;
    background-color:var(--it-common-white);
    margin:0 13px
}
.it-slider-3-arrow-box button.slider-3-prev i:hover{
    color:var(--it-common-black);
    background-color:var(--it-common-white)
}
.it-slider-3-arrow-box button.slider-3-next i{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-slider-3-arrow-box button.slider-3-next i:hover{
    color:var(--it-common-black);
    background-color:var(--it-common-white)
}
.it-slider-3-active .swiper-slide-active .it-slider-3-bg{
    -webkit-transform:scale(1.15);
    transform:scale(1.15)
}
.it-slider-3-active .swiper-slide-active .it-slider-3-button{
    opacity:1;
    visibility:visible;
    transform:translateY(0px);
    transition:all 3000ms ease
}
.it-slider-3-active .swiper-slide-active .it-slider-3-content-box{
    opacity:1;
    visibility:visible;
    transform:translateY(0px);
    transition:all 3000ms ease
}
.it-hero-4-shape-1{
    position:absolute;
    left:0;
    right:0;
    bottom:14%;
    text-align:center;
    z-index:-1;
    animation:ittranslateX2 4s infinite alternate
}
.it-hero-4-shape-1 span{
    color:var(--it-theme-2)
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-4-shape-1{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-hero-4-shape-1{
        right:0;
        text-align:end
    }
}
.it-hero-4-tb{
    padding-top:245px;
    padding-bottom:160px
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-hero-4-tb{
        padding-top:150px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-4-tb{
        padding-top:130px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-hero-4-tb{
        padding-top:160px;
        padding-bottom:130px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-hero-4-tb{
        padding-top:160px;
        padding-bottom:90px
    }
}
@media(max-width:767px){
    .it-hero-4-tb{
        padding-top:100px;
        padding-bottom:80px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-hero-4-tb{
        padding-top:145px;
        padding-bottom:90px
    }
}
.it-hero-4-content p{
    font-size:24px;
    font-weight:700;
    line-height:1.3;
    text-transform:capitalize;
    color:var(--it-common-black);
    font-family:var(--it-ff-heading);
    margin-bottom:40px
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:768px) and (max-width:991px){
    .it-hero-4-content p{
        font-size:20px
    }
}
@media(max-width:767px){
    .it-hero-4-content p{
        font-size:20px;
        margin-top:30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-hero-4-content p{
        font-size:22px
    }
}
.it-hero-4-clients-review{
    position:absolute;
    top:-28%;
    right:26%;
    padding:25px 50px;
    background-color:#009961
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-hero-4-clients-review{
        top:-28%;
        right:19%
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-hero-4-clients-review{
        right:-3%
    }
}
.it-hero-4-clients-review::after{
    position:absolute;
    width:91px;
    height:91px;
    top:14px;
    right:70px;
    content:"";
    background-color:rgba(255,255,255,.2);
    border-radius:50%
}
.it-hero-4-clients-review .clients-review-number,.it-hero-4-clients-review .it-count-text{
    font-size:70px;
    font-weight:700;
    color:var(--it-common-white);
    margin-bottom:0
}
.it-hero-4-clients-review span{
    font-size:24px;
    font-weight:700;
    color:var(--it-common-white)
}
.it-hero-4-thumb-box{
    position:absolute;
    right:0;
    bottom:0;
    z-index:-1
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-hero-4-thumb-box{
        right:-6%;
        bottom:-7%;
        scale:.8
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-4-thumb-box{
        right:-11%;
        bottom:-10%;
        scale:.7
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-hero-4-thumb-box{
        right:-12%;
        bottom:-12%
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-hero-4-thumb-box{
        position:static
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-hero-4-thumb-box{
        position:static;
        scale:.9;
        margin-bottom:-30px
    }
}
@media(max-width:767px){
    .it-hero-4-thumb-box{
        display:none
    }
}
.it-hero-4-thumb img{
    max-width:inherit
}
.it-hero-4-thumb-shape-1{
    position:absolute;
    top:-44%;
    right:22%;
    z-index:-2;
    animation:rotate2 15s linear infinite
}
.it-hero-4-thumb-shape-1 span{
    color:var(--it-theme-2)
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-hero-4-thumb-shape-1{
        display:none
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-hero-4-thumb-shape-1{
        z-index:-2
    }
}
.swiper-slide.swiper-slide-active .it-hero-subtitle{
    animation-delay:.6s;
    animation-duration:.8s
}
.it-about-shape-1{
    position:absolute;
    top:6%;
    left:-5%;
    right:0;
    text-align:center;
    animation:rotate2 15s linear infinite;
    z-index:-1
}
.it-about-shape-2{
    position:absolute;
    bottom:160px;
    right:30px;
    z-index:-1
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-about-thumb-box{
        margin-bottom:50px
    }
}
.it-about-thumb-text{
    position:absolute;
    left:-180px;
    rotate:270deg;
    top:250px;
    z-index:5
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-about-thumb-text{
        left:-200px
    }
}
.it-about-thumb-text h3{
    position:relative;
    font-size:45px;
    text-transform:uppercase;
    color:transparent;
    -webkit-text-stroke:1px var(--it-theme-2)
}
.it-about-thumb-text h3::after{
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    color:var(--it-theme-2);
    overflow:hidden;
    width:100%;
    transition:all 2s ease-out 0s;
    animation:about-text 2s ease-in-out 1s forwards infinite alternate-reverse
}
.it-about-thumb-1 img{
    border-radius:10px
}
@media(max-width:767px){
    .it-about-thumb-1 img{
        width:100%
    }
}
.it-about-thumb-2 img{
    border-radius:10px
}
@media(max-width:767px){
    .it-about-thumb-2 img{
        width:100%;
        margin-bottom:10px
    }
}
.it-about-thumb-3 img{
    border-radius:10px
}
@media(max-width:767px){
    .it-about-thumb-3 img{
        width:100%
    }
}
.it-about-thumb-4 img{
    border-radius:10px
}
@media(max-width:767px){
    .it-about-thumb-4 img{
        width:100%
    }
}
.it-about-item-icon{
    margin-right:30px
}
.it-about-item-icon i{
    font-size:35px;
    width:60px;
    height:60px;
    text-align:center;
    line-height:70px;
    border-radius:10px;
    display:inline-block;
    color:var(--it-common-white);
    background:var(--it-theme-1)
}
.it-about-item-title{
    font-size:24px;
    font-weight:700
}
.it-about-item-text p{
    margin-right:100px
}
@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px){
    .it-about-item-text p{
        margin-right:0;
        font-size:16px
    }
}
@media(max-width:767px){
    .it-about-info{
        flex-wrap:wrap
    }
    .it-about-info .it-about-btn{
        margin-bottom:20px
    }
}
.it-about-info__title{
    display:block;
    font-size:14px;
    color:var(--it-theme-1);
    margin-bottom:5px
}
.it-about-info__icon{
    line-height:0
}
.it-about-info__icon i{
    color:var(--it-theme-1);
    font-size:60px;
    line-height:0
}
.it-about-info__text a{
    font-size:20px;
    font-weight:500;
    color:var(--it-theme-2)
}
.it-about-content-shape{
    position:absolute;
    bottom:-15px;
    left:273px;
    z-index:-1
}
.it-about-style-2 .it-about-item-text p{
    margin-right:50px
}
@media(max-width:767px){
    .it-about-style-2 .it-about-item-text p{
        margin-right:0
    }
}
.it-about-style-2 .it-about-content-wrapp{
    margin-right:30px
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-about-style-2 .it-about-dsc p br{
        display:none
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-about-style-2 .it-about-info{
        margin-bottom:50px
    }
}
.it-about-2-banner img{
    border-radius:10px
}
.it-about-2-shape-1{
    position:absolute;
    z-index:-1;
    left:10%;
    top:25px
}
.it-about-2-shape-2{
    position:absolute;
    right:3%;
    bottom:10%
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-about-2-shape-2{
        bottom:5%
    }
}
.it-about-2-thumb-box{
    top:-14px
}
@media(max-width:767px){
    .it-about-2-thumb-item{
        margin-bottom:20px
    }
}
.it-about-2-thumb-item img{
    max-width:inherit;
    border-radius:15px
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-about-2-thumb-item img{
        max-width:100%
    }
}
@media(max-width:767px){
    .it-about-2-thumb-item img{
        max-width:100%;
        width:100%
    }
}
.it-about-2-thumb-shape{
    margin-bottom:25px;
    animation:itswing 1s forwards infinite alternate
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-about-2-thumb-shape{
        display:none
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-about-2-thumb-shape{
        left:0
    }
}
@media(max-width:767px){
    .it-about-2-thumb-shape{
        display:none
    }
}
.it-about-2-exp{
    height:154px;
    padding:21px 23px;
    border-radius:15px
}
.it-about-2-exp-number{
    font-size:54px;
    font-weight:700;
    display:block;
    color:var(--it-common-white);
    margin-bottom:5px
}
.it-about-2-exp-icon i{
    top:25px;
    right:31px;
    position:absolute;
    color:var(--it-common-white);
    font-size:28px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-about-2-exp-icon i{
        top:15px;
        right:15px
    }
}
.it-about-2-exp-title i{
    font-size:12px;
    font-weight:500;
    color:var(--it-common-white);
    text-transform:capitalize;
    text-decoration:underline
}
.it-about-style-3 .it-about-2-thumb-box{
    margin-right:30px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-about-style-3 .it-about-2-thumb-box{
        margin-right:0;
        margin-bottom:60px;
        padding-right:0
    }
}
.it-about-style-3 .it-about-2-thumb-item img{
    max-width:100%
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-about-style-4 .it-about-thumb{
        text-align:center
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-about-style-4 .it-about-thumb-box{
        margin-bottom:80px
    }
}
.it-about-style-4 .it-about-shape-1{
    position:absolute;
    left:auto;
    right:24px;
    top:90px;
    animation:ittranslateY2 2s forwards infinite alternate
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-about-style-4 .it-about-shape-1{
        right:0
    }
}
.it-about-style-4 .it-about-shape-2{
    position:absolute;
    bottom:-17px;
    left:-86px;
    animation:ittranslateY2 2s forwards infinite alternate
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px){
    .it-about-style-4 .it-about-shape-2{
        display:none
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-about-style-4 .it-about-shape-2{
        left:0
    }
}
.it-about-style-4 .it-about-shape-3{
    position:absolute;
    top:109px;
    left:-148px
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-about-style-4 .it-about-shape-3{
        top:70px;
        left:-35px
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .it-about-style-4 .it-about-shape-3{
        display:none
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-about-style-4 .it-about-shape-3{
        left:0
    }
}
.it-about-style-4 .it-about-shape-4{
    position:absolute;
    bottom:70px;
    right:15px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-about-style-4 .it-about-shape-4{
        right:-15px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-about-style-4 .it-about-shape-4{
        right:-30px
    }
}
@media(max-width:767px){
    .it-about-style-4 .it-about-shape-4{
        bottom:30px
    }
}
@media(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .it-about-style-4 .it-about-shape-4{
        right:0;
        left:0;
        text-align:center
    }
}
.it-about-style-4 .it-about-experience-item{
    width:279px;
    height:180px;
    display:inline-block;
    padding:25px 8px;
    z-index:5
}
.it-about-style-4 .it-about-experience-item::before{
    position:absolute;
    width:148px;
    height:68px;
    content:"";
    bottom:-67px;
    left:0;
    clip-path:polygon(0 0,100% 0,100% 100%);
    background-color:var(--it-theme-2)
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:768px) and (max-width:991px){
    .it-about-style-4 .it-about-experience-item::before{
        display:none
    }
}
.it-about-style-4 .it-about-experience-item::after{
    position:absolute;
    width:121px;
    height:121px;
    content:"";
    top:5px;
    left:0;
    right:0;
    border-radius:50%;
    text-align:center;
    background:rgba(255,255,255,.2);
    margin:auto;
    z-index:-1
}
.it-about-style-4 .it-about-experience-item span{
    font-size:24px;
    font-weight:700;
    color:var(--it-common-white)
}
.it-about-style-4 .it-about-experience-title{
    font-size:80px;
    font-weight:700;
    color:var(--it-common-white)
}
.it-about-style-4 .it-about-video-thumb img{
    border-radius:5px
}
.it-about-style-4 .it-about-video-icon{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
    right:0;
    text-align:center
}
.it-about-style-4 .it-about-video-icon a{
    width:43px;
    height:43px;
    font-size:8px;
    line-height:43px;
    display:inline-block;
    color:#da1414;
    );
    background-color:var(--it-common-white);
    border-radius:50%;
    animation:it-pulse-3 1.5s infinite
}
.it-about-style-4 .it-about-top-shape{
    position:absolute;
    right:3%;
    top:10%
}
.it-about-style-4 .it-about-top-shape span{
    color:var(--it-theme-2)
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px){
    .it-about-style-4 .it-about-top-shape{
        display:none
    }
}
.it-about-style-4 .it-about-item-text p{
    margin-right:10px
}
.it-about-style-4 .it-about-content-wrapp{
    margin-left:30px
}
@media(max-width:767px){
    .it-about-style-4 .it-about-content-wrapp{
        margin-left:0
    }
}
.it-about-style-4 .it-about-list ul li{
    position:relative;
    font-size:24px;
    color:var(--it-common-black);
    font-weight:700;
    list-style:none;
    text-transform:capitalize;
    padding-left:50px;
    margin-bottom:5px
}
@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .it-about-style-4 .it-about-list ul li{
        font-size:19px;
        padding-left:35px
    }
}
.it-about-style-4 .it-about-list ul li i{
    position:absolute;
    font-size:30px;
    top:0;
    left:0;
    color:var(--it-theme-1)
}
@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .it-about-style-4 .it-about-list ul li i{
        font-size:20px
    }
}
.it-about-style-4 .it-about-2-thumb-shape{
    position:absolute;
    top:15%;
    left:-50px;
    animation:rotate2 15s linear infinite
}
.it-service-shape-1{
    position:absolute;
    left:15%;
    top:6%;
    animation:rotate2 15s linear infinite
}
@media(max-width:767px){
    .it-service-shape-1{
        display:none
    }
}
.it-service-item{
    padding:40px 30px;
    background:var(--it-common-white);
    box-shadow:0 4px 30px 0 rgba(2,22,9,.1);
    border-radius:10px;
    margin-bottom:63px;
    transition:.3s
}
.it-service-item p{
    transition:.3s
}
.it-service-item:hover{
    background-color:var(--it-theme-1)
}
.it-service-item:hover p{
    color:var(--it-common-white)
}
.it-service-item:hover .it-section-title-sm{
    color:var(--it-common-white)
}
.it-service-item:hover .it-service-icon i{
    color:var(--it-common-white)
}
.it-service-item:hover .it-service-action i{
    background-color:var(--it-theme-2)
}
.it-service-item-thumb img{
    border-radius:10px;
    width:100%
}
.it-service-icon i{
    font-size:40px;
    color:var(--it-theme-1);
    transition:.3s
}
.it-service-action i{
    font-size:30px;
    width:50px;
    height:50px;
    line-height:55px;
    text-align:center;
    rotate:-40deg;
    display:inline-block;
    color:var(--it-common-white);
    background-color:var(--it-theme-1);
    border-radius:50%;
    transition:.3s
}
.it-service-2-area{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    z-index:2
}
.it-service-2-area::before{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    content:"";
    opacity:.6;
    z-index:-1
}
.it-service-2-area.service-style-5::before{
    background:#f3faf6;
    opacity:.9
}
.it-service-2-area.service-style-5 .it-service-5-shape{
    position:absolute;
    left:46px;
    top:52px;
    z-index:-1;
    animation:rotate2 15s linear infinite
}
.it-service-2-area.inner-service-1::before{
    background-color:var(--it-common-white)
}
.it-service-2-item{
    padding:20px 23px;
    border-radius:10px;
    background-color:var(--it-common-white);
    box-shadow:0 0 30px 0 rgba(0,0,0,.1);
    margin-bottom:20px;
    transition:.3s
}
.it-service-2-item:hover{
    background-color:var(--it-theme-1)
}
.it-service-2-item:hover .it-service-2-thumb-shape span{
    color:var(--it-theme-2)
}
.it-service-2-item:hover .it-section-title-sm{
    color:var(--it-common-white)
}
.it-service-2-item:hover p{
    color:var(--it-common-white)
}
.it-service-2-item:hover .it-service-2-icon a i{
    background-color:var(--it-theme-2)
}
.it-service-2-item:hover .it-service-2-content-shape{
    opacity:1;
    visibility:visible
}
.it-service-2-item:hover .it-service-4-thumb img{
    border:4px solid var(--it-theme-2)
}
.it-service-2-item:hover .it-service-4-thumb-box::before{
    bottom:0;
    left:-47px;
    opacity:.5;
    visibility:visible
}
.it-service-2-item .it-section-title-sm:hover{
    color:var(--it-theme-2)
}
.it-service-2-item p{
    transition:.3s
}
.it-service-2-content-shape{
    position:absolute;
    bottom:-14px;
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:-1
}
.it-service-2-thumb{
    position:absolute;
    top:10px;
    right:0;
    left:0;
    text-align:center
}
.it-service-2-thumb-shape span{
    color:var(--it-theme-1);
    transition:.3s
}
.it-service-2-icon a i{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    display:inline-block;
    font-size:17px;
    color:var(--it-common-white);
    background-color:var(--it-theme-1);
    border-radius:50%;
    transition:.3s
}
.it-service-3-area.service-style-3 .it-service-6-shape{
    position:absolute;
    right:11%;
    top:21%
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-service-3-area.service-style-3 .it-service-6-shape{
        display:none
    }
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-service-3-area.service-style-3 .it-service-6-shape{
        right:6%
    }
}
.it-service-3-area.portfolio-inner .it-service-3-item{
    margin-bottom:20px
}
.it-service-3-item{
    border-radius:10px
}
.it-service-3-item-title{
    position:relative;
    font-size:18px;
    left:-280px;
    padding:10px 53px 10px 20px;
    color:var(--it-common-white);
    text-transform:uppercase;
    transition:.4s;
    display:block
}
.it-service-3-item-title::before{
    position:absolute;
    width:100%;
    height:50px;
    top:-5px;
    left:0;
    content:"";
    background-color:var(--it-theme-1);
    clip-path:polygon(0 0,100% 0%,90% 100%,0% 100%);
    z-index:-1
}
.it-service-3-item:hover .it-service-3-thumb img{
    transform:scale(1.2)
}
.it-service-3-item:hover .it-service-3-item-title{
    left:0
}
.it-service-3-item:hover .it-service-3-categories{
    left:0
}
.it-service-3-content{
    position:absolute;
    bottom:40px;
    z-index:5
}
.it-service-3-thumb img{
    transform:scale(1);
    transition:.5s;
    border-radius:10px;
    width:100%
}
.it-service-3-categories{
    position:relative;
    font-size:14px;
    padding:10px 53px 10px 20px;
    color:var(--it-common-white);
    display:inline-block;
    left:-140px;
    transition:.3s
}
.it-service-3-categories::before{
    position:absolute;
    width:100%;
    height:30px;
    top:4px;
    left:0;
    content:"";
    background-color:var(--it-theme-2);
    clip-path:polygon(0 0,100% 0%,90% 100%,0% 100%);
    z-index:-1
}
.it-service-3-arrow-box .service-prev{
    position:absolute;
    width:60px;
    height:60px;
    top:50%;
    left:-118px;
    transform:translateY(-50%);
    color:var(--it-common-white);
    background-color:var(--it-theme-1);
    text-align:center;
    border-radius:50%;
    transition:.3s;
    z-index:22
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px){
    .it-service-3-arrow-box .service-prev{
        left:-30px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-service-3-arrow-box .service-prev{
        left:-20px
    }
}
.it-service-3-arrow-box .service-prev:hover{
    color:var(--it-common-white);
    background-color:var(--it-common-black)
}
.it-service-3-arrow-box .service-next{
    position:absolute;
    width:60px;
    height:60px;
    top:50%;
    transform:translateY(-50%);
    color:var(--it-common-white);
    background-color:var(--it-theme-1);
    text-align:center;
    border-radius:50%;
    right:-118px;
    transition:.3;
    z-index:22
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px){
    .it-service-3-arrow-box .service-next{
        right:-30px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-service-3-arrow-box .service-next{
        right:-20px
    }
}
.it-service-3-arrow-box .service-next:hover{
    color:var(--it-common-white);
    background-color:var(--it-common-black)
}
.it-service-3-dots{
    text-align:center;
    margin-top:20px;
    position:relative;
    z-index:2
}
.it-service-3-dots .swiper-pagination-bullet{
    width:10px;
    height:10px;
    display:inline-block;
    border-radius:50%;
    opacity:1;
    transition:.3s;
    position:relative;
    margin:0 7px
}
.it-service-3-dots .swiper-pagination-bullet::after{
    content:"";
    height:20px;
    width:20px;
    border-radius:50%;
    border:1px solid var(--it-theme-1);
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    opacity:0;
    visibility:hidden;
    transition:.3s
}
.it-service-3-dots .swiper-pagination-bullet-active{
    background-color:var(--it-theme-1)
}
.it-service-3-dots .swiper-pagination-bullet-active.swiper-pagination-bullet::after{
    opacity:1;
    visibility:visible
}
.it-service-4-area{
    padding-bottom:380px
}
.it-service-4-area.it-inner-service-3{
    padding-bottom:100px
}
.it-service-4-thumb img{
    width:193px;
    height:193px;
    border:4px solid var(--it-theme-1);
    border-radius:50%
}
.it-service-4-thumb-box::before{
    position:absolute;
    width:287px;
    height:287px;
    content:"";
    border-radius:50%;
    bottom:102%;
    left:-100%;
    background:var(--it-common-white);
    opacity:0;
    visibility:0;
    z-index:-1;
    transition:.3s
}
.it-service-4-shape{
    position:absolute;
    right:6%
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-sv-details__wrapp{
        margin-left:0
    }
}
.it-sv-details__wrapp p{
    margin-bottom:23px
}
.it-sv-details__search-box{
    border:1px solid var(--it-grey-1);
    border-radius:5px
}
.it-sv-details__search-box input{
    padding:0 55px 0 20px
}
.it-sv-details__search-box input::placeholder{
    color:var(--it-common-black)
}
.it-sv-details__search-box button{
    position:absolute;
    right:20px;
    top:0;
    bottom:0;
    margin:auto
}
.it-sv-details__search-box button span{
    color:var(--it-common-black)
}
.it-sv-details__services-title{
    font-size:26px
}
.it-sv-details__services-list a{
    position:relative;
    display:block;
    padding:20px 31px 20px 20px;
    color:var(--it-common-black);
    margin-bottom:10px;
    border:1px solid var(--it-grey-1);
    border-radius:5px;
    transition:.3s
}
.it-sv-details__services-list a:hover{
    color:var(--it-theme-2)
}
.it-sv-details__services-list a:hover i{
    right:15px
}
.it-sv-details__services-list a i{
    position:absolute;
    top:23px;
    right:20px;
    transition:.3s
}
.it-sv-details__contact{
    padding:72px 16px 50px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    border-radius:5px;
    z-index:2
}
.it-sv-details__contact::before{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#021609;
    opacity:.8;
    content:"";
    border-radius:5px;
    z-index:-1
}
.it-sv-details__contact-text h3{
    font-size:24px;
    font-weight:700;
    color:var(--it-theme-2)
}
.it-sv-details__contact-text span{
    font-size:30px;
    font-weight:700;
    display:block;
    color:var(--it-common-white);
    margin-bottom:32px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-sv-details__contact-text span{
        font-size:25px
    }
}
.it-sv-details__contact-time span{
    display:inline-block;
    font-size:14px;
    color:var(--it-common-white);
    margin-bottom:15px
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-sv-details__contact-time span{
        display:block
    }
}
.it-sv-details__main-thumb img{
    border-radius:10px
}
.it-sv-details__title{
    font-size:45px;
    margin-bottom:20px
}
@media only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-sv-details__title{
        font-size:35px
    }
}
.it-sv-details__notes-content{
    padding:20px 50px;
    margin:0 45px;
    border-left:10px solid var(--it-theme-1);
    border-radius:10px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-sv-details__notes-content{
        padding:20px 25px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-sv-details__notes-content{
        padding:20px;
        margin:0
    }
}
.it-sv-details__notes-title{
    font-size:18px;
    font-weight:600;
    line-height:1.6;
    text-transform:uppercase;
    color:var(--it-common-black);
    margin:0
}
.it-sv-details__setup-icon i{
    font-size:100px;
    color:var(--it-theme-1);
    margin-right:30px
}
.it-sv-details__setup-title{
    font-size:18px;
    line-height:1.3;
    display:inline-block;
    margin-right:55px
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-sv-details__setup-title{
        margin-right:0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-sv-details__setup-title{
        margin-right:55px
    }
}
@media(max-width:767px){
    .it-sv-details__setup-title{
        margin-right:0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-sv-details__banner{
        margin-bottom:35px
    }
}
.it-sv-details__banner img{
    border-radius:10px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-sv-details__banner img{
        width:100%
    }
}
@media(max-width:767px){
    .it-sv-details__banner img{
        width:100%;
        margin-bottom:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-sv-details__banner-text p{
        font-size:14px
    }
}
.it-sv-details__banner-right{
    padding:0 5px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-sv-details__banner-right{
        padding:38px 20px 50px 5px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-sv-details__banner-right{
        padding:28px 20px 50px 5px
    }
}
.it-sv-details__banner-title{
    font-size:24px;
    font-weight:700;
    margin-bottom:15px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-sv-details__banner-title{
        font-size:20px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-sv-details__banner-title{
        font-size:18px
    }
}
@media(max-width:767px){
    .it-sv-details__banner-title{
        font-size:18px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-sv-details__banner-title{
        font-size:24px
    }
}
.it-sv-details__banner-list ul li{
    position:relative;
    font-size:18px;
    font-weight:600;
    list-style:none;
    padding-left:25px;
    color:var(--it-common-black);
    text-transform:uppercase;
    margin-bottom:15px
}
.it-sv-details__banner-list ul li i{
    position:absolute;
    color:var(--it-theme-1);
    top:3px;
    left:0
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-sv-details__content-wrapp{
        margin-left:0
    }
}
.it-sv-details__content-title{
    font-size:40px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-sv-details__content-title{
        font-size:30px
    }
}
.it-sv-details__button a{
    text-transform:uppercase;
    border-radius:50px
}
.it-sv-details__video-thumb img{
    border-radius:10px
}
.it-sv-details__play{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    text-align:center
}
.it-sv-details__play a{
    width:80px;
    height:80px;
    line-height:80px;
    text-align:center;
    display:inline-block;
    font-size:25px;
    color:var(--it-theme-1);
    background-color:var(--it-common-white);
    border-radius:50%;
    transition:.3s
}
.it-sv-details__play a:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-funfact-wrapp .row [class*=col-]:last-child .it-funfact-content{
    border-right:0
}
.it-funfact-wrapp.funfact-wrapp-2 .it-funfact-content{
    border:0;
    display:inline-block
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-funfact-wrapp.funfact-wrapp-2 .it-funfact-content{
        display:block
    }
}
.it-funfact-content{
    border-right:1px solid #323232;
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-funfact-content{
        text-align:center;
        display:block
    }
}
@media(max-width:767px){
    .it-funfact-content{
        border-right:0;
        text-align:center;
        display:block
    }
}
.it-funfact-number{
    font-size:45px;
    margin-bottom:15px;
    font-weight:700;
    color:var(--it-common-white)
}
.it-funfact-number b{
    font-weight:700
}
.it-funfact-title{
    font-size:18px;
    text-transform:uppercase;
    font-weight:500;
    color:var(--it-common-white)
}
.it-funfact-title.funfact-green{
    color:var(--it-theme-1)
}
.it-funfact-big-text{
    position:absolute;
    font-size:100px;
    left:-5%;
    color:var(--it-common-white);
    text-align:center;
    opacity:.2;
    z-index:-1;
    top:-8px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-funfact-big-text{
        font-size:90px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-funfact-big-text{
        font-size:60px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-funfact-big-text{
        display:none
    }
}
.it-funfact-col-2{
    padding-left:22px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-funfact-col-2{
        padding-left:0
    }
}
.it-funfact-col-2 .it-funfact-big-text{
    left:-43%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-funfact-col-2 .it-funfact-big-text{
        left:-20%
    }
}
.it-funfact-col-3{
    padding-left:70px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-funfact-col-3{
        padding-left:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-funfact-col-3 .it-funfact-big-text{
        left:10%
    }
}
.it-funfact-col-4{
    padding-left:90px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-funfact-col-4{
        padding-left:0
    }
}
.it-funfact-col-4 .it-funfact-big-text{
    left:13%
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-funfact-col-4 .it-funfact-big-text{
        left:35%
    }
}
@media(max-width:767px){
    .it-work-title-box .it-section-title{
        font-size:29px
    }
}
.it-work-wrapper::before{
    position:absolute;
    width:100%;
    top:32px;
    content:"";
    border:1px dashed var(--it-common-black);
    z-index:-1
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-work-wrapper::before{
        display:none
    }
}
.it-work-wrapper.work-border-2::before{
    z-index:2
}
.it-work-item{
    transition:.3s
}
.it-work-item:hover .it-work-main-number{
    color:var(--it-common-white);
    border:1px solid transparent;
    background-color:var(--it-theme-1)
}
.it-work-item:hover .it-work-sub-icon span{
    color:var(--it-theme-2)
}
.it-work-item:hover .it-work-content{
    background-color:var(--it-theme-1)
}
.it-work-item:hover .it-work-content p{
    color:var(--it-common-white)
}
.it-work-item:hover .it-section-title-sm{
    color:var(--it-common-white)
}
.it-work-main-number{
    width:60px;
    height:60px;
    font-size:18px;
    line-height:60px;
    border-radius:50%;
    display:inline-block;
    color:var(--it-theme-1);
    font-family:var(--it-ff-heading);
    border:1px solid var(--it-theme-1);
    background-color:var(--it-common-white);
    transition:.3s
}
.it-work-main-number.work-number-2{
    font-size:24px;
    font-weight:700;
    width:150px;
    height:50px;
    line-height:50px;
    border-radius:5px
}
.it-work-sub-icon span{
    color:var(--it-theme-1);
    display:inline-block;
    margin:9px 0;
    transition:.3s
}
.it-work-content{
    padding:50px 40px 30px;
    border-radius:10px;
    margin-top:5px;
    background-color:#f3faf6;
    transition:.3s
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-work-content{
        padding:50px 35px 30px
    }
}
@media(max-width:767px){
    .it-work-content{
        padding:50px 10px 30px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px){
    .it-work-content{
        padding:27px 10px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-work-content .it-section-title-sm{
        font-size:18px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-work-content .it-section-title-sm{
        font-size:20px
    }
}
.it-work-2-thumb{
    margin-bottom:28px
}
.it-work-2-thumb img{
    border-radius:10px
}
.it-work-2-title{
    font-size:24px;
    display:inline-block;
    margin-bottom:18px;
    transition:.3s
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-work-2-title{
        font-size:18px
    }
}
.it-work-2-title:hover{
    color:var(--it-theme-1)
}
.it-project-arrow-box{
    margin-top:40px
}
.it-project-arrow-box button{
    color:var(--it-common-white);
    width:62px;
    height:62px;
    line-height:62px;
    display:inline-block;
    border-radius:50%;
    background-color:var(--it-theme-1);
    margin-left:36px;
    transition:.3s
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-project-arrow-box button{
        margin-left:0
    }
}
@media(max-width:767px){
    .it-project-arrow-box button{
        margin-left:0;
        margin-right:20px
    }
}
.it-project-arrow-box button:hover{
    color:var(--it-common-black);
    background-color:var(--it-theme-2)
}
.it-project-arrow-box.it-testi-3-arrow{
    position:absolute;
    top:35%;
    transform:translateY(-35%)
}
.it-project-arrow-box.it-testi-3-arrow button{
    display:block;
    margin-bottom:20px
}
.it-project-active{
    margin-right:-400px
}
@media(max-width:767px){
    .it-project-active{
        margin-right:0
    }
}
.it-project-thumb img{
    border-radius:10px;
    width:100%
}
.it-project-item:hover .it-project-dsc-box{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.it-project-dsc-box{
    background:var(--it-common-white);
    padding:11px 20px;
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    border-radius:5px;
    opacity:0;
    visibility:hidden;
    transform:translateY(50px);
    transition:.3s
}
.it-project-dsc-name{
    margin-bottom:5px
}
.it-project-dsc-name a{
    font-size:24px;
    transition:.3s
}
.it-project-dsc-name a:hover{
    color:var(--it-theme-1)
}
.it-project-dsc-subname{
    color:var(--it-theme-1)
}
.it-project-dsc-btn a{
    width:35px;
    height:35px;
    font-size:20px;
    line-height:39px;
    rotate:-45deg;
    text-align:center;
    display:inline-block;
    color:var(--it-common-white);
    background-color:var(--it-theme-1);
    border-radius:50%;
    transition:.3s
}
.it-project-dsc-btn a:hover{
    color:var(--it-common-black);
    background-color:var(--it-theme-2)
}
.it-cta-title{
    font-weight:700;
    font-size:45px;
    line-height:122%;
    text-transform:capitalize;
    text-align:center;
    margin-right:10px;
    color:var(--it-common-white)
}
@media(max-width:767px){
    .it-cta-title{
        font-size:35px
    }
}
.it-cta-img-1{
    position:absolute;
    bottom:0;
    left:0
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-cta-img-1{
        left:-10%
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-cta-img-1{
        left:-14%
    }
}
.it-cta-img-1 img{
    border-radius:0 250px 0 0
}
.it-cta-img-2{
    position:absolute;
    right:0;
    top:0
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-cta-img-2{
        right:-10%
    }
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-cta-img-2{
        right:-14%
    }
}
.it-cta-img-2 img{
    border-radius:0 0 0 250px
}
.it-cta-shape{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:-1
}
.it-cta-shape img{
    animation:rotate2 15s linear infinite
}
.it-cta-2-area{
    margin-right:300px
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-cta-2-area{
        margin-right:200px
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px){
    .it-cta-2-area{
        margin-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-cta-2-area{
        margin-right:0;
        padding:40px
    }
}
.it-cta-2-title{
    font-weight:700;
    font-size:35px;
    line-height:1.3;
    text-transform:capitalize;
    color:var(--it-common-white);
    padding-left:88px;
    margin-bottom:0
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-cta-2-title{
        font-size:25px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-cta-2-title{
        padding-left:0;
        margin-bottom:20px
    }
}
@media(max-width:767px){
    .it-cta-2-title{
        font-size:30px;
        padding-left:0;
        margin-bottom:20px
    }
}
.it-cta-2-shape{
    position:absolute;
    top:0;
    left:0;
    height:100%
}
.it-cta-2-shape img{
    height:100%
}
.it-faq-title-box{
    margin-bottom:45px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-faq-title-box{
        margin-bottom:40px
    }
}
.it-faq-thumb{
    border-radius:10px;
    position:relative
}
.it-faq-thumb-1{
    position:relative;
    overflow:hidden;
    border-radius:10px
}
.it-faq-thumb-1::after{
    position:absolute;
    top:0;
    left:-80%;
    z-index:2;
    display:block;
    content:"";
    width:50%;
    height:100%;
    background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,0.3)));
    background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
    -webkit-transform:skewX(-25deg);
    -ms-transform:skewX(-25deg);
    transform:skewX(-25deg);
    z-index:1
}
.it-faq-thumb:hover .it-faq-thumb-1::after{
    -webkit-animation:shine 1s;
    animation:shine 1s
}
.it-faq-thumb:hover img{
    transform:scale(1.1)
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-faq-thumb{
        left:0;
        right:0;
        text-align:center
    }
}
.it-faq-thumb-box{
    top:40px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-faq-thumb-box{
        margin-bottom:50px
    }
}
.it-faq-thumb>span{
    position:absolute;
    width:597px;
    height:667px;
    background-color:var(--it-theme-1);
    content:"";
    top:-30px;
    right:-10px;
    border-radius:10px;
    z-index:-1
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-faq-thumb>span{
        display:none
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-faq-thumb>span{
        width:300px;
        height:400px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-faq-thumb>span{
        left:15%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-faq-thumb>span{
        left:20px;
        bottom:-8px
    }
}
@media(max-width:767px){
    .it-faq-thumb>span{
        display:none
    }
}
.it-faq-thumb img{
    border-radius:10px;
    transition:1.2s
}
.it-video-shape{
    position:relative
}
.it-video-shape::before,.it-video-shape::after{
    position:absolute;
    top:-190px;
    left:-135px;
    width:514px;
    height:514px;
    opacity:.2;
    content:"";
    border-radius:50%;
    background:#00a69c;
    z-index:1
}
.it-video-shape::after{
    top:79px;
    left:auto;
    right:-40px
}
.it-video-wrapp{
    border-radius:10px
}
.it-video-content{
    padding:45px 76px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-video-content{
        padding:40px 45px
    }
}
@media(max-width:767px){
    .it-video-content{
        padding:55px 30px
    }
}
.it-video-text p{
    color:var(--it-common-white);
    margin-right:60px
}
@media only screen and (min-width:1200px) and (max-width:1399px),(max-width:767px){
    .it-video-text p{
        margin-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-video-thumb{
        margin-top:40px
    }
}
.it-video-thumb-box{
    width:372px;
    height:271px;
    left:90px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-video-thumb-box{
        left:0
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-video-thumb-box{
        left:0
    }
}
@media(max-width:767px){
    .it-video-thumb-box{
        width:100%;
        height:100%;
        left:0
    }
}
.it-video-play{
    position:absolute;
    font-size:12px;
    top:50%;
    left:0;
    right:0;
    color:var(--it-theme-1);
    transform:translateY(-50%);
    text-align:center;
    margin:auto
}
.it-video-play i{
    width:41px;
    height:41px;
    line-height:41px;
    text-align:center;
    border-radius:50%;
    background-color:var(--it-common-white);
    animation:it-pulse-3 1.5s infinite
}
.it-video-2-area{
    margin-top:-280px
}
.it-video-2-area.video-style-2{
    position:relative;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    margin:0
}
.it-video-2-area.video-style-2::before{
    position:absolute;
    width:100%;
    top:0;
    height:100%;
    content:"";
    background:#021609;
    opacity:.8
}
.it-video-2-wrapp{
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    border-radius:10px;
    padding:152px 160px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-video-2-wrapp{
        padding:152px 60px
    }
}
@media(max-width:767px){
    .it-video-2-wrapp{
        padding:90px 20px
    }
}
.it-video-2-wrapp::after{
    position:absolute;
    width:100%;
    height:100%;
    content:"";
    top:0;
    left:0;
    opacity:.6;
    border-radius:10px;
    background-color:var(--it-common-black);
    z-index:-2
}
.it-video-2-big-title{
    font-size:120px;
    font-weight:800;
    color:transparent;
    -webkit-text-stroke:1px rgba(255,255,255,.3);
    text-transform:uppercase
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-video-2-big-title{
        font-size:100px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-video-2-big-title{
        margin-bottom:50px
    }
}
@media(max-width:767px){
    .it-video-2-big-title{
        margin-bottom:50px;
        font-size:80px
    }
}
.it-video-2-big-title span{
    margin-left:215px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-video-2-big-title span{
        margin-left:0
    }
}
.it-video-2-icon-box a{
    position:relative;
    width:104px;
    height:104px;
    background-color:var(--it-common-white);
    display:inline-block;
    line-height:104px;
    text-align:center;
    border-radius:50%;
    font-size:17px;
    color:var(--it-common-black)
}
.it-video-2-icon-box a::after{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:1px solid var(--it-common-white);
    opacity:.5;
    content:"";
    border-radius:50%;
    transform:scale(1.5)
}
.it-video-2-icon-box a::before{
    position:absolute;
    top:50px;
    left:-150%;
    width:448px;
    height:448px;
    content:"";
    border-radius:45% 45% 80% 66%/62% 47% 82% 35%;
    background-color:var(--it-theme-1);
    opacity:.5;
    z-index:-1;
    transform:translateY(-50%)
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-video-2-icon-box a::before{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .video-style-2 .it-section-title{
        font-size:33px
    }
}
@media(max-width:767px){
    .video-style-2 .it-section-title{
        font-size:30px
    }
}
@media(max-width:767px){
    .video-style-2 .it-video-action a{
        margin-bottom:20px
    }
}
@media(max-width:767px){
    .it-testimonial-area{
        padding-top:80px
    }
}
.it-testimonial-shape-1{
    position:absolute;
    right:110px;
    top:-100px;
    animation:itswing 1s forwards infinite alternate;
    transform-origin:bottom center
}
@media(max-width:767px){
    .it-testimonial-shape-1{
        display:none
    }
}
.it-testimonial-content{
    margin-left:40px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-testimonial-content{
        margin-left:0
    }
}
.it-testimonial-thumb{
    left:38px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-testimonial-thumb{
        left:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-testimonial-thumb{
        left:0;
        right:0;
        text-align:center;
        margin-bottom:40px
    }
}
.it-testimonial-thumb img{
    rotate:-10deg;
    border-radius:20px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-testimonial-thumb img{
        rotate:0
    }
}
.it-testimonial-thumb .thumb-shape-1{
    position:absolute;
    width:430px;
    height:440px;
    left:-20px;
    top:-10px;
    rotate:3deg;
    border-radius:20px;
    transform:scale(.9);
    border:3px solid var(--it-common-white)
}
@media(max-width:767px){
    .it-testimonial-thumb .thumb-shape-1{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-testimonial-thumb .thumb-shape-1{
        display:block
    }
}
.it-testimonial-thumb .thumb-shape-2{
    width:430px;
    height:440px;
    position:absolute;
    top:-10px;
    rotate:-3deg;
    left:-20px;
    border-radius:20px;
    transform:scale(.9);
    border:3px solid #1b75e8
}
@media(max-width:767px){
    .it-testimonial-thumb .thumb-shape-2{
        display:none
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-testimonial-thumb .thumb-shape-2{
        display:block
    }
}
.it-testimonial-bg{
    position:absolute;
    width:100%;
    height:100%;
    background-size:auto;
    background-position:center;
    background-repeat:no-repeat
}
.it-testimonial-dsc{
    left:30px;
    margin-bottom:35px
}
.it-testimonial-dsc::before{
    position:absolute;
    width:3px;
    height:152px;
    background:var(--it-common-white);
    content:"";
    bottom:8px;
    left:-18px
}
.it-testimonial-dsc p{
    font-size:18px;
    color:var(--it-common-white);
    line-height:1.9;
    margin-right:90px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-testimonial-dsc p{
        font-size:16px;
        margin-right:0
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-testimonial-dsc p{
        margin-right:0
    }
}
@media(max-width:767px){
    .it-testimonial-dsc p{
        margin-right:0;
        font-size:16px
    }
}
.it-testimonial-dsc .qoute-1{
    top:7px;
    left:-30px;
    font-size:23px;
    position:absolute;
    display:inline-block;
    transform:rotateY(180deg);
    color:var(--it-common-white)
}
.it-testimonial-avater-thumb{
    margin-right:20px
}
.it-testimonial-avater-thumb img{
    width:70px;
    height:70px;
    border:1px solid var(--it-common-white);
    display:inline-block;
    border-radius:50px
}
.it-testimonial-avater-title{
    font-size:24px;
    color:var(--it-common-white)
}
.it-testimonial-avater-designation{
    font-size:18px;
    font-weight:500;
    color:var(--it-theme-2);
    text-transform:uppercase
}
.it-testimonial-arrow-box{
    position:absolute;
    bottom:20px;
    right:185px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-testimonial-arrow-box{
        right:30px
    }
}
@media(max-width:767px){
    .it-testimonial-arrow-box{
        position:absolute;
        bottom:-63px;
        right:0;
        left:0;
        text-align:center;
        margin:auto
    }
}
.it-testimonial-arrow-box .testimonial-prev{
    position:relative;
    color:var(--it-theme-2);
    left:-10px;
    z-index:2
}
.it-testimonial-arrow-box .testimonial-prev::before{
    position:absolute;
    width:40px;
    height:40px;
    content:"";
    bottom:-10px;
    left:-16px;
    border-radius:50px;
    background-color:var(--it-common-white);
    z-index:-1;
    transition:.3s
}
.it-testimonial-arrow-box .testimonial-prev:hover{
    color:var(--it-theme-1)
}
.it-testimonial-arrow-box .testimonial-prev:hover::before{
    background-color:var(--it-theme-2)
}
.it-testimonial-arrow-box .testimonial-next{
    position:relative;
    color:var(--it-theme-2);
    right:-10px;
    z-index:2
}
.it-testimonial-arrow-box .testimonial-next::before{
    position:absolute;
    width:40px;
    height:40px;
    content:"";
    bottom:-10px;
    right:-16px;
    border-radius:50px;
    background-color:var(--it-common-white);
    z-index:-1;
    transition:.3s
}
.it-testimonial-arrow-box .testimonial-next:hover{
    color:var(--it-theme-1)
}
.it-testimonial-arrow-box .testimonial-next:hover::before{
    background-color:var(--it-theme-2)
}
.it-testimonial-2-title-box p{
    color:var(--it-common-white);
    margin-bottom:37px
}
.it-testimonial-2-review-box{
    padding:14px 20px;
    border-radius:5px;
    background-color:var(--it-common-white)
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-testimonial-2-review-box{
        flex-wrap:wrap
    }
}
.it-testimonial-2-review-icon span{
    font-size:18px;
    height:56px;
    width:56px;
    line-height:60px;
    text-align:center;
    display:inline-block;
    color:var(--it-common-white);
    border-radius:50%;
    background-color:var(--it-common-black);
    margin-right:20px
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-testimonial-2-review-icon span{
        margin-bottom:20px
    }
}
.it-testimonial-2-review-icon span img{
    transform:translateY(-5px)
}
.it-testimonial-2-review-content span{
    font-size:18px;
    font-weight:500;
    text-transform:uppercase;
    color:var(--it-common-black);
    display:inline-block;
    margin-bottom:10px
}
.it-testimonial-2-ratting span{
    color:var(--it-theme-2)
}
.it-testimonial-2-wrapper{
    padding:32px 40px;
    background-color:var(--it-common-white);
    margin-left:60px;
    border-radius:5px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-testimonial-2-wrapper{
        margin-left:0
    }
}
@media(max-width:767px){
    .it-testimonial-2-wrapper{
        padding:20px;
        margin-left:0
    }
}
.it-testimonial-2-item-shape{
    position:absolute;
    left:0;
    right:0;
    z-index:-1;
    text-align:center;
    top:0;
    opacity:.1
}
.it-testimonial-2-item-shape span{
    font-size:217px
}
.it-testimonial-2-item p{
    font-size:20px;
    margin-bottom:25px
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),(max-width:767px){
    .it-testimonial-2-item p{
        font-size:16px
    }
}
.it-testimonial-2-avater{
    margin-right:20px
}
.it-testimonial-2-avater img{
    border-radius:50%;
    width:80px;
    height:80px;
    border:1px solid var(--it-theme-1)
}
.it-testimonial-2-avater-info span{
    color:var(--it-theme-2)
}
.it-testimonial-2-avater-title{
    font-size:24px
}
.it-testimonial-2-active .it-service-3-dots{
    position:absolute;
    bottom:40px;
    left:auto;
    right:40px;
    z-index:66
}
.it-testimonial-3-shape{
    position:absolute;
    top:-30px;
    left:50px;
    animation:itswing 1s forwards infinite alternate;
    transform-origin:bottom center
}
.it-testimonial-3-thumb{
    position:relative
}
.it-testimonial-3-thumb::before{
    position:absolute;
    width:262px;
    height:368px;
    border:3px solid var(--it-theme-2);
    content:"";
    top:-24px;
    border-radius:170px 10px 10px 10px;
    left:22px;
    z-index:-1
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-testimonial-3-thumb::before{
        display:none
    }
}
.it-testimonial-3-thumb img{
    border-radius:170px 10px 10px 10px
}
.it-testimonial-3-content{
    padding:73px 73px 33px;
    border-radius:10px
}
@media(max-width:767px){
    .it-testimonial-3-content{
        padding:30px
    }
}
.it-testimonial-3-dsc i{
    font-size:20px;
    font-weight:500;
    line-height:1.5;
    display:inline-block
}
.it-testimonial-3-avater-title{
    font-size:24px
}
.it-testimonial-3-avater-info span{
    color:var(--it-theme-2)
}
.it-testimonial-3-avater-quote i{
    font-size:128px;
    opacity:.1
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-testi-4 .it-section-title{
        font-size:30px
    }
}
.it-testi-4-active{
    margin-right:-460px
}
@media(max-width:767px){
    .it-testi-4-active{
        margin:0
    }
}
.it-testi-4 .it-project-arrow-box{
    text-align:end
}
@media(max-width:767px){
    .it-testi-4 .it-project-arrow-box{
        text-align:start
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-testi-4 .it-project-arrow-box{
        text-align:end
    }
}
.it-testi-4-content{
    padding:34px 30px;
    border-radius:10px;
    background-color:var(--it-common-white);
    position:relative
}
.it-testi-4-content::before{
    position:absolute;
    width:20px;
    height:20px;
    left:-20px;
    content:"";
    clip-path:polygon(100% 0,0 58%,100% 100%);
    background-color:var(--it-common-white)
}
.it-testi-4-thumb{
    flex:0 0 auto;
    margin-top:25px;
    margin-right:25px
}
@media(max-width:767px){
    .it-testi-4-thumb{
        display:none
    }
}
.it-testi-4-thumb img{
    width:60px;
    height:60px;
    border-radius:10px
}
.it-testi-4-review-box a{
    color:var(--it-theme-2);
    margin-right:8px
}
.it-testi-4-avater-title{
    font-size:18px;
    text-transform:uppercase
}
.it-testi-4-avater span{
    color:var(--it-theme-2)
}
.it-testi-4-quote{
    margin-top:-20px;
    opacity:.1
}
.it-testi-4-quote i{
    font-size:62px
}
.it-progress-shape{
    position:absolute;
    right:6%;
    bottom:16%
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-progress-thumb{
        margin-bottom:60px
    }
}
.it-progress-thumb img{
    border-radius:10px;
    width:100%
}
.it-progress__wrap{
    margin-left:70px
}
@media(max-width:767px){
    .it-progress__wrap{
        margin-left:0
    }
}
.it-progress__canva{
    height:250px;
    width:250px;
    line-height:200px;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto;
    border-radius:50%;
    margin-bottom:20px;
    box-shadow:0 0 38px 0 rgba(2,22,9,.1)
}
.it-progress__canva input{
    font-weight:700!important;
    font-size:45px!important;
    text-transform:capitalize!important;
    color:var(--it-common-black)!important;
    transform:translateX(-50px)
}
.it-progress__title{
    font-weight:700;
    font-size:24px;
    text-transform:capitalize;
    color:var(--it-common-black)
}
.it-progress-bar-item{
    padding:20px 0;
    overflow:hidden;
    padding-bottom:5px
}
.it-progress-bar-item label{
    font-size:17px;
    font-weight:600;
    line-height:1;
    margin-bottom:12px;
    display:inline-block;
    color:var(--it-common-black)
}
.it-progress-bar .progress{
    overflow:visible;
    border-radius:10px;
    background:rgba(137,186,180,.3);
    height:10px
}
.it-progress-bar .progress-bar{
    position:relative;
    top:0;
    height:100%;
    overflow:visible;
    background-color:var(--it-theme-1);
    border-radius:30px
}
.it-progress-bar .progress-bar span{
    position:absolute;
    right:-20px;
    top:-30px;
    transform:translateY(-50%);
    font-size:14px;
    font-weight:400;
    line-height:1;
    color:var(--it-common-white);
    background-color:var(--it-theme-1);
    padding:5px 7px
}
.it-progress-bar .progress-bar span::after{
    position:absolute;
    bottom:-5px;
    left:50%;
    height:10px;
    width:10px;
    background-color:var(--it-theme-1);
    content:"";
    transform:translateX(-50%) rotate(-45deg)
}
.it-progress-bar-shape{
    position:absolute;
    bottom:0;
    left:50px;
    animation:itleftright 1s infinite alternate
}
@media(max-width:767px){
    .it-progress-bar-shape{
        bottom:-15px;
        transform:scale(.7);
        left:-20px
    }
}
.it-progress-bar-button{
    position:absolute;
    bottom:40px;
    right:88px
}
.it-coverage-shape-1{
    position:absolute;
    left:13%;
    bottom:5%;
    animation:rotate2 15s linear infinite
}
.it-coverage-shape-2{
    position:absolute;
    right:4%;
    top:11%
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-coverage-shape-2{
        top:3%
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-coverage-title-wrap{
        margin-bottom:60px
    }
}
.it-team-item{
    border-radius:5px
}
.it-team-item:hover .it-team-content{
    bottom:-35%;
    opacity:1;
    visibility:visible
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-team-item:hover .it-team-content{
        bottom:-25%
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-team-item:hover .it-team-content{
        bottom:-22%
    }
}
.it-team-item:hover .it-team-thumb img{
    transform:scale(1.2)
}
.it-team-thumb img{
    width:100%;
    transform:scale(1);
    transition:.5s
}
.it-team-content{
    position:absolute;
    width:100%;
    height:300px;
    bottom:-60%;
    padding:35px 37px;
    background-color:var(--it-theme-1);
    border-radius:50%;
    opacity:0;
    visibility:hidden;
    transition:.3s
}
.it-team-social a{
    font-size:15px;
    padding-left:10px;
    color:var(--it-common-white);
    transition:.3s
}
.it-team-social a:hover{
    color:var(--it-theme-2)
}
.it-team-text .it-secttion-title-sm{
    color:var(--it-common-white)
}
.it-team-text .it-secttion-title-sm:hover{
    color:var(--it-theme-2)
}
.it-team-text span{
    color:var(--it-common-white)
}
.it-team-2-area{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center
}
.it-team-2-item-box{
    padding:40px 20px
}
@media(max-width:767px){
    .it-team-2-item-box{
        padding:70px 40px
    }
}
.it-team-2-item-title{
    font-size:24px;
    color:var(--it-common-white);
    display:inline-block;
    transition:.3s
}
.it-team-2-item-title:hover{
    color:var(--it-theme-1)
}
.it-team-2-item-thumb img{
    border-radius:10px;
    width:100%
}
.it-team-2-item span{
    font-size:14px;
    color:var(--it-theme-2);
    display:block
}
.it-team-2-content{
    padding:100px 80px;
    height:100%;
    position:relative
}
@media only screen and (min-width:1600px) and (max-width:1800px){
    .it-team-2-content{
        padding:80px 28px
    }
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px){
    .it-team-2-content{
        padding:80px 30px
    }
}
@media(max-width:767px){
    .it-team-2-content{
        padding:80px 20px
    }
}
.it-team-2-text{
    margin-right:166px
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-team-2-text{
        margin-right:0
    }
}
.it-team-2-text p{
    color:var(--it-common-white);
    margin-right:30px;
    margin-bottom:0
}
.it-team-2-title{
    font-size:38px;
    font-weight:700;
    color:var(--it-common-white);
    text-transform:uppercase;
    line-height:1.2
}
@media only screen and (min-width:1400px) and (max-width:1599px){
    .it-team-2-title{
        font-size:30px
    }
}
.it-team-2-thumb{
    position:absolute;
    top:0;
    right:-80px
}
@media only screen and (min-width:1400px) and (max-width:1599px),only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-team-2-thumb{
        display:none
    }
}
.it-team-2-shape{
    position:absolute;
    top:0;
    right:15px;
    animation:itswing 1s forwards infinite alternate;
    transform-origin:bottom center
}
.it-team-3-area{
    background:linear-gradient(180deg,#f3faf6 0%,rgba(243,250,246,0) 100%)
}
.it-team-3-item{
    padding:20px;
    background-color:var(--it-common-white);
    box-shadow:0 4px 15px 0 rgba(2,22,9,.08);
    border-radius:10px;
    margin-bottom:20px;
    transition:.3s
}
.it-team-3-item:hover{
    background-color:var(--it-theme-1)
}
.it-team-3-item:hover .it-team-3-social{
    opacity:1;
    visibility:visible;
    transform:translateY(-50%)
}
.it-team-3-item:hover .it-team-3-title{
    color:var(--it-common-white)
}
.it-team-3-item:hover .it-team-3-content span{
    color:var(--it-theme-2)
}
.it-team-3-item:hover .it-team-3-thumb-box::before{
    opacity:.5;
    visibility:visible;
    transform:scale(1)
}
.it-team-3-thumb{
    margin-bottom:30px
}
.it-team-3-thumb img{
    width:100%;
    border-radius:10px
}
.it-team-3-thumb-box::before{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    background:#021609;
    content:"";
    border-radius:10px;
    transform:scale(.5);
    opacity:0;
    visibility:hidden;
    transition:.3s
}
.it-team-3-social{
    position:absolute;
    right:0;
    left:0;
    top:50%;
    transform:translateY(-10%);
    text-align:center;
    opacity:0;
    visibility:hidden;
    transition:.3s
}
.it-team-3-social a{
    width:48px;
    height:48px;
    line-height:48px;
    text-align:center;
    display:inline-block;
    color:var(--it-theme-1);
    background-color:var(--it-common-white);
    border-radius:50%;
    transition:.3s;
    margin-right:5px
}
.it-team-3-social a:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-team-3-title{
    font-size:24px;
    font-weight:700;
    color:var(--it-common-black);
    transition:.3s
}
.it-team-3-content span{
    color:var(--it-theme-1);
    transition:.3s
}
@media only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-tm-details-head{
        padding-bottom:30px
    }
}
.it-tm-details-wrapp{
    padding:50px 50px 40px;
    background:var(--it-grey-1);
    border-radius:10px
}
@media(max-width:767px){
    .it-tm-details-wrapp{
        padding:15px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-tm-details-wrapp{
        padding:30px
    }
}
.it-tm-details-thumb img{
    border-radius:10px
}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (min-width:576px) and (max-width:767px),(max-width:767px){
    .it-tm-details-thumb img{
        width:100%
    }
}
.it-tm-details-thumb-box{
    flex:0 0 auto;
    padding:40px 40px 0;
    height:367px;
    margin-right:62px;
    border-radius:10px;
    background:var(--it-common-white)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-tm-details-thumb-box{
        height:658px;
        margin-right:0;
        margin-bottom:50px
    }
}
@media(max-width:767px){
    .it-tm-details-thumb-box{
        padding:20px;
        height:368px;
        margin-right:0;
        margin-bottom:50px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-tm-details-thumb-box{
        height:538px;
        margin-right:0;
        margin-bottom:50px
    }
}
.it-tm-details-avater-social{
    margin-top:40px;
    padding:6px 20px;
    border-radius:10px 10px 0 0;
    background-color:var(--it-grey-1)
}
.it-tm-details-avater-social a:hover i{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-tm-details-avater-social a i{
    font-size:15px;
    width:52px;
    height:52px;
    line-height:52px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    margin-right:6px;
    color:var(--it-theme-1);
    background-color:var(--it-common-white);
    transition:.3s
}
.it-tm-details-avater-title{
    font-size:26px;
    margin-bottom:10px
}
.it-tm-details-avater-info span{
    color:var(--it-theme-2);
    display:inline-block;
    margin-bottom:30px
}
.it-tm-details-avater-text{
    margin-right:30px;
    margin-bottom:25px
}
.it-tm-details-title{
    font-size:26px;
    margin-bottom:18px
}
.it-tm-details-elaborate-wrapp{
    margin-right:50px
}
.it-tm-details-progress-wrapp{
    margin-top:-15px
}
.it-tm-details-progress-wrapp .it-progress-bar-item label{
    margin-bottom:8px
}
.it-product-item{
    padding:20px;
    border-radius:5px;
    box-shadow:0 0 25px 0 rgba(2,22,9,.1)
}
.it-product-item:hover .it-product-thumb img{
    transform:scale(1.3)
}
.it-product-item:hover .it-product-text span{
    color:var(--it-theme-1)
}
.it-product-thumb{
    padding:86px;
    border-radius:5px
}
.it-product-thumb img{
    transform:scale(1);
    transition:.5s
}
.it-product-icon{
    position:absolute;
    top:20px;
    right:20px
}
.it-product-icon i{
    font-size:10px;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:50%;
    text-align:center;
    display:inline-block;
    color:var(--it-theme-2);
    border:1px solid var(--it-theme-2);
    transition:.3s
}
.it-product-icon i:hover{
    color:var(--it-theme-1);
    border:1px solid var(--it-theme-1)
}
.it-product-title{
    font-size:18px;
    margin-bottom:10px;
    text-transform:uppercase;
    transition:.3s
}
.it-product-title:hover{
    color:var(--it-theme-1)
}
.it-product-text span{
    display:inline-block;
    color:var(--it-theme-2);
    margin-bottom:15px;
    transition:.3s
}
.it-product-action a i{
    font-size:30px;
    width:50px;
    height:50px;
    line-height:50px;
    border-radius:50%;
    text-align:center;
    display:inline-block;
    color:var(--it-common-black);
    background-color:var(--it-theme-2);
    transition:.3s
}
.it-product-action a i:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-shop-details__thumb-box{
        margin-bottom:50px
    }
}
.it-shop-details__thumb-box img{
    width:100%
}
.it-shop-details-contact-wrap .it-contact-wrap{
    padding:0
}
.it-shop-details__top-wrap{
    margin-bottom:60px
}
.it-shop-details__title-sm{
    font-size:36px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-shop-details__title-sm{
        font-size:31px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-shop-details__title-sm{
        font-size:30px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-shop-details__title-sm{
        font-size:19px
    }
}
.it-shop-details__right-wrap{
    margin-left:70px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-shop-details__right-wrap{
        margin-left:0
    }
}
.it-shop-details__right-wrap span{
    font-size:28px;
    font-weight:700;
    font-family:var(--it-ff-heading);
    color:var(--it-common-black);
    display:inline-block;
    padding-bottom:15px
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-shop-details__right-wrap span{
        font-size:24px
    }
}
.it-shop-details__ratting span{
    color:var(--it-theme-2)
}
.it-shop-details__ratting span.review-text{
    font-size:14px;
    color:#757a7b;
    margin-left:10px
}
.it-shop-details__quantity{
    border:1px solid #e6e9e9;
    border-right:0;
    width:70px;
    height:60px;
    position:relative
}
@media(max-width:767px){
    .it-shop-details__quantity{
        margin-bottom:20px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-shop-details__quantity{
        margin-bottom:0
    }
}
@media only screen and (min-width:440px) and (max-width:575px){
    .it-shop-details__quantity{
        margin-bottom:0
    }
}
.it-shop-details__quantity input{
    border:0;
    background-color:transparent;
    width:100%;
    height:100%;
    text-align:center;
    color:var(--it-theme-1);
    font-weight:700;
    font-size:16px;
    padding:0 10px;
    color:var(--it-theme-1)
}
.it-shop-details__quantity .cart-minus{
    position:absolute;
    top:-1px;
    right:-29px;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    color:var(--it-theme-1);
    border:1px solid #e6e9e9;
    border-bottom:none;
    font-weight:600;
    font-size:12px;
    color:var(--it-theme-1)
}
.it-shop-details__quantity .cart-minus:hover{
    cursor:pointer
}
.it-shop-details__quantity .cart-plus{
    position:absolute;
    bottom:-1px;
    right:-29px;
    height:30px;
    width:30px;
    line-height:30px;
    text-align:center;
    color:var(--it-theme-1);
    font-weight:600;
    font-size:12px;
    color:var(--it-theme-1);
    border:1px solid #e6e9e9
}
.it-shop-details__quantity .cart-plus:hover{
    cursor:pointer
}
.it-shop-details__quantity-box{
    padding-bottom:35px
}
@media(max-width:767px){
    .it-shop-details__quantity-box{
        flex-wrap:wrap
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-shop-details__quantity-box{
        flex-wrap:nowrap
    }
}
.it-shop-details__quantity-box span{
    margin-right:20px;
    color:var(--it-common-black);
    font-size:18px;
    font-weight:700
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-shop-details__text p{
        font-size:14px
    }
    .it-shop-details__text p br{
        display:none
    }
}
.it-shop-details__text span{
    font-size:18px;
    padding-bottom:5px
}
.it-shop-details__text-2 span{
    font-size:16px;
    font-weight:400;
    display:block;
    color:#757a7b
}
.it-shop-details__text-2 span strong{
    font-weight:600;
    color:var(--it-common-black)
}
.it-shop-details__social span{
    font-weight:700;
    font-size:16px;
    display:inline-block;
    padding-right:10px
}
.it-shop-details__social a{
    height:40px;
    width:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    display:inline-block;
    margin:0 2px
}
.it-shop-details__social a:hover{
    color:var(--it-theme-1)
}
.it-shop-details__text-box{
    padding:55px 60px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-shop-details__text-box{
        padding:55px 50px
    }
}
@media(max-width:767px){
    .it-shop-details__text-box{
        padding:55px 20px
    }
}
.it-shop-details__text-box p{
    font-size:20px
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-shop-details__text-box p{
        font-size:14px
    }
}
.it-shop-details__review-thumb{
    flex:0 0 auto;
    margin-right:30px
}
@media(max-width:767px){
    .it-shop-details__review-thumb{
        margin-bottom:30px
    }
}
@media(max-width:767px){
    .it-shop-details__review{
        flex-wrap:wrap
    }
}
.it-shop-details__star{
    padding-bottom:5px
}
.it-shop-details__star i{
    color:var(--it-theme-2);
    display:inline-block;
    margin-right:2px
}
.it-shop-details__author-info span{
    font-size:16px;
    font-weight:500;
    font-family:var(--it-ff-heading);
    display:block;
    padding-bottom:10px
}
.it-shop-details__author-info span strong{
    color:var(--it-common-black)
}
.it-shop-details__author-info p{
    padding-right:40px;
    margin-bottom:0
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-shop-details__author-info p{
        font-size:14px;
        padding-right:0
    }
}
.it-shop-details__btn{
    margin-left:50px
}
@media(max-width:767px){
    .it-shop-details__btn{
        margin-left:0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-shop-details__btn{
        margin-left:50px
    }
}
@media only screen and (min-width:440px) and (max-width:575px){
    .it-shop-details__btn{
        margin-left:50px
    }
}
.it-brand-item a span{
    color:var(--it-common-white);
    transition:.3s
}
.it-brand-item a span:hover{
    color:var(--it-theme-2)
}
.it-blog-item{
    border-radius:5px;
    background-color:#f3faf6
}
.it-blog-item:hover .it-blog-thumb img{
    scale:1.2
}
.it-blog-thumb{
    position:relative;
    border-radius:5px 5px 0 0
}
.it-blog-thumb img{
    scale:1;
    transition:.7s;
    width:100%
}
.it-blog-thumb-date{
    position:absolute;
    font-size:12px;
    padding:10px 30px;
    left:30px;
    bottom:10px;
    border-radius:5px;
    color:var(--it-common-black);
    background-color:var(--it-theme-2);
    transition:.3s
}
.it-blog-thumb-date:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-blog-content{
    padding:32px 30px
}
.it-blog-content .it-section-title-sm{
    text-transform:capitalize;
    transition:.3s
}
.it-blog-content .it-section-title-sm:hover{
    color:var(--it-theme-1)
}
.it-blog-user{
    margin-right:37px
}
.it-blog-user-icon i{
    font-size:14px;
    color:var(--it-theme-1);
    margin-right:9px
}
.it-blog-user-name{
    font-size:14px
}
.it-blog-comment-icon i{
    font-size:14px;
    color:var(--it-theme-1);
    margin-right:9px
}
.it-blog-comment-title{
    font-size:14px
}
.it-blog-2-area{
    background:linear-gradient(180deg,#f3faf6 0%,rgba(243,250,246,0) 100%)
}
.it-blog-2-shape{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    animation:ittranslateX2 4s infinite alternate
}
.it-blog-2-shape span{
    color:var(--it-theme-2)
}
.it-blog-2-shape.blog-shape-3{
    right:auto;
    left:53%
}
.it-blog-2-item{
    border-radius:10px
}
.it-blog-2-item:hover .it-blog-2-content{
    background-color:var(--it-theme-1)
}
.it-blog-2-item:hover .it-blog-2-date{
    background-color:var(--it-theme-1)
}
.it-blog-2-item:hover .it-blog-2-date-text{
    color:var(--it-common-white)
}
.it-blog-2-item:hover .it-blog-2-date span{
    color:var(--it-common-white)
}
.it-blog-2-item:hover .it-blog-2-thumb img{
    transform:scale(1.3)
}
.it-blog-2-item:hover .it-blog-2-tag-title{
    color:var(--it-common-white)
}
.it-blog-2-item:hover .it-section-title-sm{
    color:var(--it-common-white)
}
.it-blog-2-item:hover .it-blog-2-content-shape{
    bottom:-70px;
    right:-45px;
    background:var(--it-common-white);
    opacity:.1
}
.it-blog-2-item:hover .it-blog-2-button a{
    color:var(--it-common-black);
    background-color:var(--it-theme-2)
}
.it-blog-2-thumb img{
    transform:scale(1);
    transition:1s;
    width:100%
}
.it-blog-2-date{
    position:absolute;
    top:23px;
    padding:8px 17px;
    background-color:var(--it-theme-2);
    transition:.3s
}
.it-blog-2-date-text{
    font-size:45px;
    margin-bottom:0;
    transition:.3s
}
.it-blog-2-date span{
    color:var(--it-common-black);
    transition:.3s
}
.it-blog-2-content{
    padding:30px 30px 40px;
    transition:.3s
}
.it-blog-2-content-shape{
    position:absolute;
    width:246px;
    height:246px;
    background:var(--it-theme-1);
    bottom:-60%;
    border-radius:50%;
    right:-20%;
    z-index:-1;
    transition:.3s
}
.it-blog-2-tag-icon i{
    font-size:15px;
    color:var(--it-theme-2);
    margin-right:5px;
    transition:.3s
}
.it-blog-2-tag-title{
    font-size:14px;
    transition:.3s
}
.it-blog-2-button{
    transition:.3s
}
.it-blog-3-item{
    padding:18px 0;
    border-bottom:1px solid rgba(2,22,9,.2)
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-blog-3-item{
        margin-bottom:60px
    }
}
.it-blog-3-item:hover .it-blog-3-thumb{
    overflow:hidden
}
.it-blog-3-item:hover .it-blog-3-thumb img{
    transform:scale(1.1)
}
.it-blog-3-item:hover .it-blog-3-date{
    background-color:var(--it-theme-1)
}
.it-blog-3-item:hover .it-blog-3-date h4{
    color:var(--it-common-white)
}
.it-blog-3-item:hover .it-blog-3-date span{
    color:var(--it-common-white)
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-blog-3-thumb-content{
        margin-bottom:60px;
        flex-wrap:wrap
    }
}
.it-blog-3-thumb{
    overflow:hidden;
    border-radius:10px;
    flex:0 0 auto
}
.it-blog-3-thumb img{
    border-radius:10px;
    transition:.9s
}
.it-blog-3-date{
    padding:40px 50px;
    background-color:var(--it-common-white);
    box-shadow:0 4px 25px 0 rgba(0,0,0,.1);
    border-radius:10px;
    margin-left:67px;
    transition:.3s
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-blog-3-date{
        margin-left:35px;
        padding:40px 43px
    }
}
@media(max-width:767px){
    .it-blog-3-date{
        padding:40px 50px;
        margin-left:0;
        margin-top:30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-blog-3-date{
        padding:40px 50px;
        margin-left:20px;
        margin-top:30px
    }
}
.it-blog-3-date h4{
    font-size:45px;
    font-weight:700
}
.it-blog-3-date span{
    font-size:18px;
    font-weight:500;
    text-transform:uppercase;
    color:var(--it-common-black)
}
.it-blog-3-title{
    font-size:24px;
    margin-bottom:15px;
    transition:.3s
}
.it-blog-3-title:hover{
    color:var(--it-theme-1)
}
.it-blog-3-content p{
    margin-right:125px;
    margin-bottom:0
}
@media(max-width:767px){
    .it-blog-3-content p{
        margin-right:30px
    }
}
.it-btn-style-3{
    width:62px;
    height:62px;
    background-color:var(--it-theme-1);
    display:inline-block;
    line-height:68px;
    text-align:center;
    font-size:24px;
    color:var(--it-common-white);
    border-radius:50%;
    transition:.3s
}
.it-btn-style-3:hover{
    color:var(--it-common-black);
    background-color:var(--it-theme-2)
}
.it-contact-wrapp{
    padding:34px 30px
}
@media(max-width:767px){
    .it-contact-wrapp{
        padding:30px
    }
}
.it-contact-title-box{
    border-bottom:1px solid rgb(255, 159, 0);
}
.it-contact-input input{
    margin-bottom:20px;
    border-radius:5px;
    border:1px solid rgb(90 90 90)
}
.it-contact-input textarea{
    padding:0 30px;
    height:58px;
    line-height:58px;
    resize:none;
    border-radius:5px;
    overflow:hidden;
    border:1px solid rgba(90,90,90,.2)
}
.it-contact-input.it-shop-input textarea{
    height:150px
}
.it-contact-link-item a{
    position:relative;
    display:block;
    padding-left:33px;
    margin-bottom:5px
}
.it-contact-link-item a i{
    position:absolute;
    top:0;
    left:0;
    font-size:20px;
    color:var(--it-theme-1)
}
.it-contact-3-form-box{
    padding:109px 77px;
    padding-right:410px;
    border-radius:10px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-contact-3-form-box{
        padding-right:300px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-contact-3-form-box{
        padding-right:200px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-contact-3-form-box{
        padding-right:77px
    }
}
@media(max-width:767px){
    .it-contact-3-form-box{
        padding:30px
    }
}
.it-contact-3-input input{
    height:58px;
    line-height:58px;
    border-radius:5px;
    margin-bottom:20px;
    text-transform:capitalize
}
.it-contact-3-input textarea{
    height:150px;
    border-radius:5px;
    resize:none;
    padding:20px;
    text-transform:capitalize
}
.it-contact-3-thumb img{
    max-width:inherit;
    border-radius:10px;
    margin-left:-360px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-contact-3-thumb img{
        transform:scale(.7)
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-contact-3-thumb img{
        transform:scale(.7);
        margin-left:-250px
    }
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-contact-3-thumb img{
        max-width:100%;
        border-radius:10px;
        margin-left:0;
        width:100%;
        margin-top:40px
    }
}
.it-contact-3-thumb-shape{
    position:absolute;
    top:-44px;
    right:-25px;
    animation:itswing 1s forwards infinite alternate;
    transform-origin:bottom center
}
.it-contact-3-thumb-shape span{
    color:var(--it-theme-2)
}
.it-contact-map-wrapp iframe{
    height:410px;
    width:100%
}
.it-price-area.it-inner-price{
    padding-bottom:370px
}
.it-price-item{
    padding:70px 12px;
    background-color:var(--it-common-white);
    box-shadow:0 0 50px 0 rgba(2,22,9,.12);
    border-radius:10px;
    margin-bottom:30px
}
.it-price-item.active{
    background-color:var(--it-theme-1)
}
.it-price-item.active .it-price-content b{
    color:var(--it-common-white)
}
.it-price-item.active .it-price-content b span{
    color:var(--it-theme-2)
}
.it-price-item.active .it-price-categories-title{
    color:var(--it-common-white)
}
.it-price-item.active .it-price-list ul li{
    color:var(--it-common-white)
}
.it-price-item.active .it-price-list ul li i{
    color:var(--it-common-white)
}
.it-price-title{
    font-size:30px;
    color:var(--it-theme-2)
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-price-title{
        font-size:26px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-price-title{
        font-size:24px
    }
}
.it-price-content b{
    font-size:24px;
    color:var(--it-common-black);
    font-family:var(--it-ff-heading)
}
.it-price-content b span{
    font-size:14px;
    color:var(--it-theme-1);
    font-weight:400
}
.it-price-categories-title{
    font-size:18px
}
.it-price-list{
    padding:0 40px
}
.it-price-list ul li{
    list-style:none;
    position:relative;
    font-size:18px;
    padding-left:30px;
    margin-bottom:10px
}
.it-price-list ul li i{
    position:absolute;
    top:4px;
    left:0;
    font-size:18px;
    color:var(--it-theme-1)
}
.it-error-content{
    padding:50px 110px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-error-content{
        padding:50px 30px
    }
}
@media(max-width:767px){
    .it-error-content{
        padding:15px 0
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-error-content{
        padding:50px 0
    }
}
.it-error-content-wrapp{
    border-top:1px dashed;
    border-bottom:1px dashed
}
.it-error-content .it-section-title{
    font-weight:800
}
.it-error-content .it-section-title span{
    color:var(--it-theme-1)
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .it-error-content .it-section-title{
        font-size:36px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .it-error-content .it-section-title{
        font-size:28px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-error-content .it-section-title{
        font-size:26px
    }
}
@media(max-width:767px){
    .it-error-button{
        margin-bottom:30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .it-error-button{
        margin-bottom:0
    }
}
.rc-post{
    padding:20px 0;
    border:1px solid;
    border-right:0;
    border-left:0
}
.rc-post:last-child{
    margin-bottom:0
}
.rc-post-thumb img{
    max-width:inherit
}
.rc-post-title{
    font-size:18px;
    font-weight:500;
    line-height:1.3;
    text-transform:uppercase;
    transition:.3s
}
.rc-post-title:hover{
    color:var(--it-theme-1)
}
.rc-meta i{
    margin-right:10px
}
.rc-meta span{
    font-size:14px;
    color:var(--it-theme-1)
}
.sidebar-wrapp p{
    margin-bottom:23px
}
.sidebar-search-box input{
    padding:0 55px 0 20px;
    border:1px solid var(--it-theme-1)
}
.sidebar-search-button{
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    margin:auto
}
.sidebar-search-button i{
    font-size:30px;
    color:var(--it-common-black)
}
.sidebar-button button{
    position:absolute;
    right:20px;
    top:0;
    bottom:0;
    margin:auto
}
.sidebar-button button i{
    color:var(--it-common-black)
}
.sidebar-widget-title{
    font-size:26px
}
.sidebar-widget-list a{
    position:relative;
    display:block;
    padding:20px 31px 20px 20px;
    color:var(--it-common-black);
    margin-bottom:10px;
    border:1px solid var(--it-theme-1);
    transition:.3s
}
.sidebar-widget-list a:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.sidebar-widget-list a:hover i{
    right:15px
}
.sidebar-widget-list a i{
    position:absolute;
    top:23px;
    right:20px;
    transition:.3s
}
.sidebar-contact{
    padding:72px 16px 50px;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    border-radius:5px;
    z-index:2
}
.sidebar-contact::before{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(24,24,24,.7);
    content:"";
    border-radius:5px;
    z-index:-1
}
.sidebar-contact-call a{
    display:inline-block;
    font-size:18px;
    font-weight:600;
    color:var(--it-common-white);
    margin-bottom:20px
}
.sidebar-contact-call i{
    display:block;
    font-size:42px;
    color:var(--it-theme-2);
    margin-bottom:10px
}
.sidebar-contact-time span{
    display:inline-block;
    font-size:14px;
    color:var(--it-common-white);
    margin-bottom:15px
}
.sidebar__main-thumb img{
    border-radius:10px
}
.sidebar__title{
    font-size:45px;
    margin-bottom:20px
}
.sidebar__banner img{
    border-radius:10px
}
.sidebar__banner-right{
    padding:46px 51px 50px 30px;
    background:var(--it-grey-1);
    border-radius:10px
}
.sidebar__banner-title{
    font-size:22px;
    font-weight:600;
    margin-bottom:15px
}
.sidebar__banner-list ul li{
    position:relative;
    list-style:none;
    padding-left:25px;
    color:var(--it-common-black);
    margin-bottom:10px
}
.sidebar__banner-list ul li i{
    position:absolute;
    color:var(--it-theme-2);
    top:3px;
    left:0
}
.sidebar__content-title{
    font-size:40px
}
.sidebar__button a{
    text-transform:uppercase;
    border-radius:50px
}
.categories a{
    position:relative;
    padding:15px 0;
    font-size:12px;
    font-weight:700;
    display:block;
    color:#8a879f;
    text-transform:uppercase;
    margin-bottom:15px;
    border-radius:5px;
    transition:.3s
}
.categories a:hover{
    color:var(--it-common-black)
}
.categories a:hover i{
    right:-5px
}
.categories a i{
    position:absolute;
    right:0;
    transition:.3s
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .postbox-wrapp{
        padding-right:0;
        margin-bottom:50px
    }
}
.postbox-details-wrapper{
    padding-right:35px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .postbox-details-wrapper{
        padding-right:0
    }
}
.postbox-meta span{
    margin-right:35px
}
.postbox-meta span i{
    color:var(--it-theme-1);
    margin-right:10px
}
.postbox-title{
    font-size:36px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px){
    .postbox-title{
        font-size:30px
    }
}
@media(max-width:767px){
    .postbox-title{
        font-size:24px
    }
}
.postbox-blookquote{
    padding:25px 39px;
    border-radius:10px
}
@media(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .postbox-blookquote{
        padding:25px 20px
    }
}
.postbox-blookquote span{
    font-size:24px;
    color:var(--it-common-white);
    font-family:var(--it-ff-heading);
    text-transform:capitalize
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .postbox-blookquote span{
        font-size:18px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px),only screen and (min-width:576px) and (max-width:767px){
    .postbox-tag{
        margin-bottom:20px
    }
}
.postbox-tag-box{
    padding:20px
}
.postbox-tag-title{
    font-size:18px;
    font-weight:500;
    text-transform:uppercase;
    margin:0;
    margin-right:18px
}
.postbox-tag-content a{
    padding:13px 23px;
    font-size:14px;
    display:inline-block;
    background-color:var(--it-common-white);
    margin-right:5px;
    transition:.3s
}
@media(max-width:767px){
    .postbox-tag-content a{
        margin-bottom:10px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .postbox-tag-content a{
        margin-bottom:0
    }
}
.postbox-tag-content a:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.postbox-share-content a{
    width:41px;
    height:41px;
    line-height:41px;
    display:inline-block;
    text-align:center;
    margin-right:10px;
    color:var(--it-theme-1);
    background-color:var(--it-common-white);
    border-radius:50%;
    transition:.3s
}
@media(max-width:767px){
    .postbox-share-content a{
        margin-bottom:10px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .postbox-share-content a{
        margin-bottom:0
    }
}
.postbox-share-content a:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
@media(max-width:767px){
    .postbox-comment-user{
        margin-bottom:30px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .postbox-comment-user{
        margin-bottom:auto
    }
}
.postbox-comment-title{
    font-size:30px;
    text-transform:capitalize
}
.postbox-comment-item{
    padding:30px;
    border:1px solid #e2e1e1;
    border-radius:10px;
    margin-bottom:30px
}
.postbox-comment-item:last-child{
    margin-bottom:0
}
.postbox-user-thumb img{
    width:80px;
    height:80px;
    margin-right:25px;
    border:2px solid var(--it-theme-1);
    border-radius:50%
}
.postbox-user-info .user-title{
    font-size:18px;
    font-weight:600
}
.postbox-rating-title{
    font-size:18px;
    font-weight:600;
    text-transform:uppercase
}
.postbox-rating span{
    color:var(--it-theme-2)
}
.postbox-rating .rating-text{
    color:#5a5a5a
}
.postbox-review-title{
    font-size:30px;
    text-transform:capitalize
}
.postbox-review-input input{
    padding:23px 20px;
    border:1px solid rgba(90,90,90,.2);
    border-radius:5px;
    margin-bottom:20px
}
.postbox-review-message textarea{
    padding:23px 20px;
    border:1px solid rgba(90,90,90,.2);
    border-radius:5px;
    height:170px;
    resize:none
}
.postbox-play-icon{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    text-align:center
}
.postbox-play-icon a{
    width:60px;
    height:60px;
    line-height:60px;
    text-align:center;
    display:inline-block;
    color:var(--it-common-black);
    background-color:var(--it-common-white);
    border-radius:50%
}
@media(max-width:767px){
    .postbox-slider-arrow-wrap{
        display:none
    }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:20px;
    z-index:9
}
.postbox-slider-arrow-wrap .postbox-arrow-next{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:20px;
    z-index:9
}
.postbox-slider-arrow-wrap button{
    height:60px;
    width:60px;
    line-height:64px;
    background-color:var(--it-common-white);
    color:var(--it-common-black);
    text-align:center;
    font-size:18px
}
.tagcloud.space a{
    padding:18px 25px
}
.tagcloud a{
    color:var(--it-common-black);
    background-color:#f3faf6;
    display:inline-block;
    line-height:1;
    padding:10px 20px;
    height:48px;
    line-height:30px;
    margin-bottom:15px;
    margin-right:10px;
    transition:.3s;
    font-weight:500;
    text-align:center
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .tagcloud a{
        font-size:13px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .tagcloud a{
        font-size:13px
    }
}
@media only screen and (min-width:576px) and (max-width:767px){
    .tagcloud a{
        font-size:13px
    }
}
@media(max-width:767px){
    .tagcloud a{
        font-size:13px
    }
}
.tagcloud a:hover{
    background:var(--it-theme-1);
    color:var(--it-common-white)
}
.tagcloud span{
    font-weight:600;
    font-size:16px;
    line-height:12px;
    color:#202124;
    margin-right:8px
}
.it-pagination ul li{
    padding-top:30px;
    display:inline-block
}
.it-pagination ul li:not(:last-child){
    margin-right:10px
}
.it-pagination ul li a,.it-pagination ul li span{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:18px;
    font-weight:700;
    transition:.3s;
    background:var(--it-theme-1);
    font-family:var(--it-ff-heading);
    color:var(--it-common-white);
    border-radius:4px;
    box-shadow:2px 3.464px 20px 0 rgba(4,23,26,.08)
}
.it-pagination ul li a.current i,.it-pagination ul li span.current i{
    display:inline-block;
    transform:translateY(2px)
}
.it-pagination ul li a:hover,.it-pagination ul li a.current{
    color:var(--it-common-black);
    background-color:var(--it-theme-2)
}
.it-pagination ul li a{
    display:inline-block
}
.it-pagination ul li a.color{
    background-color:var(--it-theme-2);
    color:var(--it-common-black);
    font-size:18px
}
.table-content .table>:not(:first-child){
    border-top:0
}
.table-content table{
    background:#fff;
    border-color:#eaedff;
    border-radius:0;
    border-style:solid;
    border-width:1px 0 0 1px;
    text-align:center;
    width:100%;
    margin-bottom:0
}
.table-content .table>:not(:last-child)>:last-child>*{
    border-bottom-color:#eaedff
}
.table-content .product-quantity{
    float:none
}
.table-content table td.product-name{
    font-size:16px;
    font-weight:400;
    text-transform:capitalize
}
.table-content table td.product-name a:hover{
    color:var(--it-theme-1)
}
.table-content table td{
    border-top:medium;
    padding:20px 10px;
    vertical-align:middle;
    font-size:16px
}
.table-content table th,.table-content table td{
    border-bottom:1px solid #eaedff;
    border-right:1px solid #eaedff
}
.product-quantity>input{
    color:#000;
    font-size:14px;
    font-weight:400;
    border:1px solid #dcdcdc;
    height:22px;
    line-height:22px;
    padding:0
}
.table td,.table th{
    border-top:1px solid #eaedff
}
.product-quantity>input{
    width:80px;
    text-align:center
}
@media only screen and (min-width:768px) and (max-width:991px){
    .product-quantity>input{
        width:inherit
    }
}
.table-content table td.product-subtotal{
    font-size:16px
}
.table-content table td .cart-plus-minus{
    float:none;
    margin:0 auto
}
.coupon-all{
    margin-top:50px
}
.coupon{
    float:left
}
@media only screen and (min-width:768px) and (max-width:991px){
    .coupon .it-btn-red{
        padding:0 35px
    }
}
@media(max-width:767px){
    .coupon{
        float:none
    }
}
#coupon_code{
    height:58px;
    border:2px solid #eaedff;
    padding:0 30px;
    margin-right:10px;
    width:auto
}
@media(max-width:767px){
    #coupon_code{
        margin-bottom:15px
    }
}
.coupon2{
    float:right
}
@media only screen and (min-width:768px) and (max-width:991px){
    .coupon2 .it-btn{
        padding:0 35px
    }
}
@media(max-width:767px){
    .coupon2{
        float:none;
        margin-top:15px
    }
}
.cart-page-total{
    padding-top:50px
}
.cart-page-total>h2{
    font-size:25px;
    margin-bottom:20px;
    text-transform:capitalize
}
.cart-page-total>ul{
    border:1px solid #eaedff
}
.cart-page-total>ul>li{
    list-style:none;
    font-size:15px;
    color:var(--it-common-black);
    padding:10px 30px;
    border-bottom:1px solid #eaedff;
    font-weight:400
}
.cart-page-total ul>li>span{
    float:right
}
.cart-page-total li:last-child{
    border-bottom:0
}
td.product-thumbnail img{
    width:125px
}
.cart-plus,.cart-minus{
    width:20px;
    height:20px;
    border:1px solid #e7e7e7;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    cursor:pointer
}
.coupon-accordion h3{
    background-color:#f7f7f7;
    border-top:3px solid var(--it-theme-1);
    font-size:14px;
    font-weight:400;
    margin:0 0 25px;
    padding:1em 2em 1em 3.5em;
    position:relative;
    width:auto
}
.coupon-accordion h3::before{
    content:"\f07b";
    left:15px;
    top:13px;
    position:absolute;
    color:var(--it-theme-1);
    font-family:"font awesome 5 pro";
    font-weight:700
}
.form-row>label{
    margin-top:15px;
    margin-left:15px;
    color:#6f7172
}
p.lost-password{
    margin-top:15px
}
p.lost-password a{
    color:#6f6f6f
}
p.checkout-coupon input[type=text]{
    height:45px;
    padding:0 15px;
    width:100%;
    border:1px solid #eaedff;
    margin-bottom:15px;
    outline:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
p.checkout-coupon input[type=text]:focus{
    border-color:var(--it-common-black)
}
.coupon-checkout-content{
    display:none
}
.checkbox-form h3{
    border-bottom:1px solid #eaedff;
    font-size:26px;
    margin:0 0 20px;
    padding-bottom:10px;
    width:100%
}
.country-select{
    margin-bottom:30px;
    position:relative
}
.country-select select{
    width:100%;
    background-color:transparent;
    border:1px solid #eaedff;
    padding:0 10px;
    height:50px
}
.country-select label,.checkout-form-list label{
    color:#6f7172;
    display:block;
    margin:0 0 5px
}
.country-select label span.required,.checkout-form-list label span.required{
    color:var(--it-theme-1)
}
.country-select .nice-select{
    border:1px solid #eaedff;
    height:45px;
    padding-left:10px;
    width:100%;
    color:#6f7172;
    margin-bottom:20px
}
.country-select .nice-select .list{
    width:100%
}
.checkout-form-list{
    margin-bottom:30px
}
.checkout-form-list label{
    color:#6f7172
}
.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]{
    background:#fff;
    border:1px solid #eaedff;
    border-radius:0;
    height:45px;
    padding:0 0 0 10px;
    width:100%;
    outline:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
.checkout-form-list input[type=text]:focus,.checkout-form-list input[type=password]:focus,.checkout-form-list input[type=email]:focus{
    border-color:var(--it-common-black)
}
.checkout-form-list input[type=text]::-moz-placeholder,.checkout-form-list input[type=password]::-moz-placeholder,.checkout-form-list input[type=email]::-moz-placeholder{
    color:#6f7172;
    opacity:1
}
.checkout-form-list input[type=text]::placeholder,.checkout-form-list input[type=password]::placeholder,.checkout-form-list input[type=email]::placeholder{
    color:#6f7172;
    opacity:1
}
.checkout-form-list input[type=checkbox]{
    display:inline-block;
    margin-right:10px;
    position:relative;
    top:1px
}
.create-acc label{
    color:#6f7172;
    display:inline-block
}
.create-account{
    display:none
}
.ship-different-title h3 label{
    display:inline-block;
    margin-right:20px;
    color:var(--it-common-black)
}
.order-notes textarea{
    border:1px solid #eaedff;
    height:120px;
    padding:15px;
    width:100%;
    outline:0;
    resize:none
}
.order-notes textarea:focus{
    border-color:var(--it-common-black)
}
.order-notes textarea::-moz-placeholder{
    color:#6f7172;
    opacity:1
}
.order-notes textarea::placeholder{
    color:#6f7172;
    opacity:1
}
#ship-box-info{
    display:none
}
.panel-group .panel{
    border-radius:0
}
.panel-default>.panel-heading{
    border-radius:0
}
.your-order{
    padding:30px 40px 45px;
    border:3px solid #f7f7f7
}
@media(max-width:767px){
    .your-order{
        padding:15px
    }
}
.your-order h3{
    border-bottom:1px solid #eaedff;
    font-size:30px;
    margin:0 0 20px;
    padding-bottom:10px;
    width:100%
}
.your-order-table table{
    background:0 0;
    border:0;
    width:100%
}
.your-order-table table th,.your-order-table table td{
    border-bottom:1px solid #eaedff;
    border-right:medium;
    color:#6f7172;
    font-size:14px;
    padding:15px 0;
    text-align:left
}
@media(max-width:767px){
    .your-order-table table th,.your-order-table table td{
        font-size:13px
    }
}
@media(max-width:767px){
    .your-order-table table th,.your-order-table table td{
        padding-right:10px
    }
}
.your-order-table table th{
    border-top:medium;
    color:#6f7172;
    font-weight:400;
    text-align:left;
    vertical-align:middle;
    white-space:nowrap;
    width:250px
}
.panel-body>p{
    color:#222
}
.your-order-table table .shipping ul li{
    list-style:none
}
.your-order-table table .shipping ul li input{
    position:relative;
    top:2px
}
.your-order-table table .shipping ul li label{
    color:#6f7172
}
.your-order-table table .shipping th{
    vertical-align:top
}
.your-order-table table .order-total th{
    border-bottom:0;
    font-size:14px
}
.your-order-table table .order-total td{
    border-bottom:medium
}
.your-order-table table tr.cart_item:hover{
    background:#f9f9f9
}
.your-order-table table tr.order-total td span{
    color:var(--it-common-black);
    font-size:18px;
    font-weight:500
}
.payment-method{
    margin-top:40px
}
.payment-method .accordion-item:last-of-type{
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.payment-method .accordion-item{
    background-color:#fff;
    border:0;
    border-bottom:1px solid #e7e7e7
}
.payment-method .accordion-button{
    font-size:16px;
    font-weight:500;
    color:var(--it-common-black);
    padding:23px 0;
    border:none
}
.payment-method .accordion-button:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none
}
.payment-method .accordion-button::after{
    position:absolute;
    content:"\f067";
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    font-size:16px;
    font-weight:400;
    margin-left:0;
    background-image:none;
    color:var(--it-common-black);
    font-family:"font awesome 5 pro"
}
.payment-method .accordion-button:not(.collapsed){
    color:var(--it-common-black);
    background-color:var(--it-common-white);
    box-shadow:none
}
.payment-method .accordion-button:not(.collapsed)::after{
    content:"\f068";
    font-family:"font awesome 5 pro"
}
.payment-method .accordion-body{
    padding:8px 0;
    padding-bottom:40px
}
.payment-method .accordion-collapse{
    border:none
}
.panel-title>a{
    display:block
}
.order-button-payment input{
    background:#232323 none repeat scroll 0 0;
    border:medium;
    color:#fff;
    font-size:15px;
    font-weight:600;
    height:40px;
    margin:0 0 0;
    padding:0;
    text-transform:uppercase;
    transition:all .3s ease 0s;
    width:100%
}
.order-button-payment input:hover{
    background:#3e976c none repeat scroll 0 0
}
.payment-method .card{
    background-color:#fff;
    border:1px solid #eaedff;
    border-radius:0;
    margin-bottom:10px
}
.payment-method .accordion .card:first-of-type{
    border:1px solid #eaedff
}
.card-header:first-child{
    border-radius:0
}
.payment-method .card-header{
    background-color:#fff;
    border-bottom:1px solid #eaedff
}
.order-button-payment button{
    width:100%
}
.checkout__wrapper span{
    font-weight:600;
    font-family:poppins,sans-serif;
    padding-bottom:35px;
    display:inline-block
}
.checkout__input input{
    height:55px;
    line-height:55px;
    border:2px solid #ebebeb;
    outline:none;
    width:100%;
    border-radius:5px;
    font-size:16px;
    padding-left:40px;
    padding-right:20px;
    margin-bottom:30px
}
.checkout__input input:focus{
    border:1px solid var(--it-theme-1)
}
@media only screen and (min-width:768px) and (max-width:991px){
    .checkout__input input{
        font-size:13px
    }
}
@media(max-width:767px){
    .checkout__input input{
        font-size:13px;
        padding-left:20px
    }
}
.checkout__summary-wrapper{
    margin-top:57px;
    padding:30px 0;
    background-color:#f1f2f9
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .checkout__summary-wrapper{
        margin-bottom:30px
    }
}
.checkout__list-item{
    padding:0 50px;
    padding-bottom:11px;
    border-bottom:1px solid #c9c9c9
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .checkout__list-item{
        padding:0 28px
    }
}
.checkout__list-item b{
    font-weight:600;
    font-family:poppins,sans-serif;
    font-size:17px;
    color:#333;
    padding-bottom:20px;
    display:inline-block
}
.checkout__summary-list span{
    color:#4a4c59;
    display:inline-block;
    padding-bottom:12px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .checkout__summary-list span{
        font-size:14px
    }
}
.checkout__bottom{
    padding:0 50px;
    padding-top:28px
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .checkout__bottom{
        padding:0 30px;
        padding-top:28px
    }
}
.checkout__bottom span{
    font-weight:700;
    color:#333
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .checkout__bottom span{
        font-size:14px
    }
}
.checkout-form-list input{
    display:inline-block;
    margin-right:20px;
    position:relative;
    top:1px;
    width:19px;
    height:19px;
    border-color:#ddd
}
.checkout-form-list label{
    font-size:16px;
    color:#636363
}
.it-footer-shape-1{
    position:absolute;
    top:0;
    left:-6%;
    animation:tptranslateX2 4s infinite alternate
}
.it-footer-shape-2{
    position:absolute;
    right:74px;
    top:50%;
    transform:translateY(-50%)
}
.it-footer-shape-2 img{
    animation:rotate2 15s linear infinite
}
.it-footer-content p{
    margin-right:5px;
    color:var(--it-common-white);
    margin-bottom:25px
}
.it-footer-social{
    position:relative
}
.it-footer-social a i{
    width:41px;
    height:41px;
    line-height:41px;
    display:inline-block;
    border-radius:50%;
    text-align:center;
    margin-right:16px;
    color:var(--it-theme-2);
    background-color:RGB(250,169,25,.1);
    transition:.3s
}
.it-footer-social a i:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-2)
}
.it-footer-social.footer-social-2 a i{
    color:var(--it-common-white)
}
.it-footer-social.footer-social-2 a i:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-1)
}
.it-footer-list ul li{
    list-style:none
}
.it-footer-list ul li a{
    padding-left:0;
    position:relative;
    font-weight:500;
    margin-bottom:10px;
    display:block;
    color:var(--it-common-white);
    transition:.3s
}
.it-footer-list ul li a:hover{
    padding-left:17px;
    color:var(--it-common-white)
}
.it-footer-list ul li a:hover::before{
    left:0;
    opacity:1;
    visibility:visible;
    background-color:var(--it-common-white)
}
.it-footer-list ul li a::before{
    position:absolute;
    width:10px;
    height:2px;
    left:-20px;
    bottom:9px;
    content:"";
    background-color:var(--it-common-black);
    opacity:0;
    visibility:hidden;
    transition:.3s
}
.it-footer-widget-title{
    font-size:24px;
    color:var(--it-common-white)
}
.it-footer-info{
    margin-bottom:18px
}
.it-footer-info:last-child{
    margin-bottom:0
}
.it-footer-info i{
    display:inline-block;
    width:35px;
    height:35px;
    font-size:15px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    margin-right:8px;
    color:var(--it-theme-2);
    background-color:RGB(250,169,25,.1);
    transition:.3s;
    flex:0 0 auto
}
.it-footer-info i:hover{
    color:var(--it-common-white);
    background-color:var(--it-theme-2)
}
.it-footer-info a{
    color:var(--it-common-white);
    margin-right:10px;
    transition:.3s
}
.it-footer-info a:hover{
    color:var(--it-theme-2)
}
.it-footer-2-area{
    z-index:1
}
.it-footer-2-area::before{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    content:"";
    z-index:-1;
    background:#152266;
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-footer-2-top-wrap{
        flex-wrap:wrap
    }
}
.it-footer-2-top-item{
    padding:20px 0 17px;
    height:100%;
    width:33.33%;
    position:relative
}
@media only screen and (min-width:768px) and (max-width:991px){
    .it-footer-2-top-item{
        width:50%
    }
}
@media(max-width:767px){
    .it-footer-2-top-item{
        width:100%
    }
}
.it-footer-2-top-item::after{
    position:absolute;
    top:0;
    right:0;
    width:1px;
    height:100%;
    content:"";
    background-color:var(--it-common-white);
    opacity:.3
}
@media only screen and (min-width:992px) and (max-width:1199px),only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .it-footer-2-top-item::after{
        display:none
    }
}
.it-footer-2-top-icon{
    padding-right:30px
}
.it-footer-2-top-icon i{
    font-size:24px;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    display:inline-block;
    color:var(--it-common-white);
    border:1px solid var(--it-common-white);
    border-radius:50%;
    transition:.3s
}
.it-footer-2-top-icon i:hover{
    color:var(--it-theme-2);
    border:1px solid var(--it-theme-2)
}
.it-footer-2-top-text span{
    display:block;
    color:var(--it-theme-2);
    margin-bottom:20px
}
.it-footer-2-top-text .it-section-title-sm{
    line-height:1.3;
    color:var(--it-common-white);
    margin-right:35px;
    transition:.3s
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .it-footer-2-top-text .it-section-title-sm{
        font-size:16px;
        margin-right:0
    }
}
.it-footer-2-top-text .it-section-title-sm:hover a{
    color:var(--it-theme-2)
}
.it-footer-2-input input{
    border-radius:5px
}
.it-footer-2-input input::placeholder{
    color:var(--it-common-black)
}
.it-footer-2-border{
    border-bottom:1px solid rgba(255,255,255,.3)
}
.footer-col-2{
    padding-left:155px
}
@media only screen and (min-width:1200px) and (max-width:1399px){
    .footer-col-2{
        padding-left:100px
    }
}
@media only screen and (min-width:992px) and (max-width:1199px){
    .footer-col-2{
        padding-left:80px
    }
}
@media only screen and (min-width:768px) and (max-width:991px){
    .footer-col-2{
        padding-left:45px
    }
}
@media(max-width:767px){
    .footer-col-2{
        padding-left:0
    }
}
.footer-col-3{
    padding-left:104px
}
@media only screen and (min-width:768px) and (max-width:991px){
    .footer-col-3{
        padding-left:25px
    }
}
@media(max-width:767px){
    .footer-col-3{
        padding-left:0
    }
}
.footer-col-4{
    padding-left:45px
}
@media only screen and (min-width:992px) and (max-width:1199px),(max-width:767px){
    .footer-col-4{
        padding-left:0
    }
}
.footer-2-col-2{
    padding-left:125px
}
@media only screen and (min-width:1200px) and (max-width:1399px),only screen and (min-width:992px) and (max-width:1199px){
    .footer-2-col-2{
        padding-left:100px
    }
}
@media(max-width:767px){
    .footer-2-col-2{
        padding-left:0
    }
}
.footer-2-col-3{
    padding-left:60px
}
@media only screen and (min-width:768px) and (max-width:991px),(max-width:767px){
    .footer-2-col-3{
        padding-left:0
    }
}
.it-copyright-content p{
    color:var(--it-common-white);
    margin:0
}
.it-copyright-content p span{
    color: #fff;
}
.it-copyright-privacy a{
    color:var(--it-common-white)
}
.it-copyright-2-area{
    /* border-top:1px solid rgba(255,255,255,.3); */
    background: #B20000;
}
 @media (max-width: 767px){
     .it-section-title{
         font-size:22px;
    }
     .fp{
         font-size:28px;
    }
     .pp{
         font-size:19px!important;
         line-height:29px!important;
    }
     .pt{
         margin-top:25px;
    }
     .hj{
         margin-bottom:50px;
    }
}
 .top-sec{
     padding: 0 12px;
     background: #ffba00;
}
 .tophead-left{
     padding: 0px 0;
}
 .test-border {
     float: left;
     width: 100%;
     text-align: center;
     padding: 0px 30px 30px 30px;
     background: #ffdf97;
     box-shadow: 0px 1px 10px #a29f9f;
}
.last-row {
     float: left;
     width: 100%;
}
 .cal {
     bottom: 0px;
     left: 10px;
     position: fixed;
     z-index: 1111;
}
 .whatsaapp {
     bottom: 0px;
     right: 16px;
     position: fixed;
     z-index: 1111;
}
 .last-row img {
     width: 50px;
     height: 50px;
}
 .tes-header {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 35px;
     padding-top: 15px;
     font-family: 'Abril Fatface', cursive;
     color: #dc0303;
     padding-bottom: 30px;
}
 .test-border img {
     vertical-align: middle;
     border: 2px solid #fff;
     margin-top: 25px;
     width: 25%;
}
 .test-border p {
     float: left;
     width: 100%;
     font-size: 17px;
     padding: 15px 0px;
     padding-bottom: 27px;
     color: #000;
}
 .test-border i {
     padding: 0 5px;
     color: #dc0303;
     font-size: 40px;
     opacity: 0.5;
     text-align: right;
     float: right;
}
 .test-text {
     width: 100%;
     padding: 0px;
     float: left;
     margin-top: -50px;
}
 .test-text h2 {
     float: left;
     width: 100%;
     text-align: left;
     font-size: 25px;
     padding: 0;
     color: #dc0303;
}
 .test-text p {
     font-size: 17px;
     color: #000;
     letter-spacing: 2px;
     text-align: left;
     width: 35%;
     padding: 0px 5px;
}
 .tophead-left1{
     padding:0px;
     text-align: center;
}
 .tophead-left1 .span-1{
     font-size: 18px;
     padding: 10px 15px;
     display:inline-block;
     text-transform: capitalize;
     font-weight: 600;
     color: #000;
     margin: 0px;
}
 .tophead-left1 ul .span-1 img{
     color:#fff;
     width: 41px;
     padding: 0 7px 0 0;
}
 .tophead-left1 ul li{
     padding: 0 5px 0 5px;
     display: inline-block;
     font-size: 15px;
     font-weight: 500;
     color: #ffc000;
     text-transform: capitalize;
}
 .tophead-left1 ul .bb{
     color:#fff;
}
 .tophead-left1 ul .ba{
     color:#fff;
     font-weight: 500;
}
 .tophead-left1 ul .bb img{
     padding: 0 0px 0 0;
     width: 28px;
}
 .tophead-left1 ul li a{
     padding: 3px 3px;
     border-radius: 2px;
}
 .tophead-left1 ul li a i{
     background: #000000;
     border-radius: 50px;
     color: #fff;
     text-align: center;
     font-size: 18px;
     height: 38px;
     width: 38px;
     line-height: 36px;
     margin: 0;
}
 .tophead-left1 ul li a:hover i{
     animation-iteration-count: 1;
     animation:bounce 1s;
}
 @keyframes bounce {
     0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
     40% {
        transform: translateY(-5px);
    }
     60% {
        transform: translateY(-1px);
    }
}
 .stats {
     padding: 0px 0px;
     text-align: center;
     display: flex;
     font-weight: 700;
}
 .stats i{
     font-size: 60px;
}
 .counting1{
     padding:0;
}
 .counting1 .counting{
     background:#ffc000;
     color:#000;
     padding: 6px 23px;
     font-size: 22px;
     line-height: 39px;
     font-weight: 600;
     margin: 0px 0px 0 16px;
}
 .top-txt{
    padding:0;
}
 .top-txt p{
     font-size: 16px;
     padding: 11px 0px 0 0;
     text-transform: capitalize;
     font-weight: 600;
     color: #fff;
     margin: 0px;
}
 .tophead-right{
     padding: 0 15px;
     background: #b20000;
}
 .tophead-right1{
     padding: 0px;
     text-align: center;
}
 .toplist{
     padding: 0px;
}
 .toplist1{
     padding: 8px 0;
}
 .toplist1 ul li{
     color:#000;
     background:#ffc000;
     font-size: 16px;
     display: inline-block;
     padding: 6px 15px;
     text-transform: capitalize;
     text-decoration: none;
     font-weight: 600;
     border-radius: 40px;
     margin: 0 6px;
}
 .top-call{
     padding: 0px;
}
 .topcall1{
     padding: 0px 0 0px 0;
     text-align: center;
}
 .topcall1 a{
     color: #fff;
     background: #000000;
     font-size: 21px;
     display: inline-block;
     padding: 11px 5px;
     text-transform: uppercase;
     text-decoration: none;
     font-weight: 700;
     animation: neon .120s ease-in-out infinite alternate;
     text-shadow: 0 0 14px #ffffff;
}
 @keyframes neon {
     from {
         text-shadow: 0 0 14px #ffffff 
    }
     to {
         text-shadow: 0 0 20px #ffffff;
    }
}
 .top-srv-sec {
     padding: 20px 0px;
     position: relative;
     background: #fffdc7;
}
 .top-srv-sec .srv-col {
     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;
}
 .top-srv-sec .srv-col .srv-inr {
     padding: 0px;
}
 .top-srv-sec .srv-mn {
     padding: 10px 15px;
}
 .top-srv-sec .srv-mn .srv-box {
     padding: 0px;
     position: relative;
     z-index: 1;
     outline: 1px solid #ffeaf5;
     outline-offset: -30px;
     -webkit-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
 .top-srv-sec .srv-mn .srv-box:hover {
     outline-width: 5px;
}
 .top-srv-sec .srv-mn .srv-box img {
     width: 100%;
}
 .top-srv-sec .srv-mn .srv-box .srv-content {
     position: absolute;
     width: 100%;
     padding: 0px 0px 5px;
     left: 0;
     right: 0;
     text-align: center;
     bottom: 0px;
     background: #0000007a;
}
 .top-srv-sec .srv-mn .srv-box .srv-tag {
     display: block;
     font-family: 'Redressed', cursive;
     font-size: 30px;
     color: #ffd656;
     font-weight: 500;
     text-transform: capitalize;
}
 .top-srv-sec .srv-mn .srv-box .service-name {
     color: #fff;
     font-size: 17px;
     font-weight: 500;
     padding: 0px;
}
 .blink_me {
     animation: blinker 2s linear infinite;
}
 @keyframes blinker {
     50% {
         opacity: 0;
    }
}
 .feature-style-three .top h4 {
     font-weight: 600;
}
 .feature-style-three p {
     margin: 0;
}
 .feature-style-three .top i {
     display: inline-block;
     font-size: 60px;
     margin-bottom: 25px;
     color:var(--color-primary);
     position: relative;
     z-index: 1;
}
 .feature-style-three .top i::after {
     position: absolute;
     left: -10px;
     top: -20px;
     content: "";
     height: 60px;
     width: 60px;
     background: linear-gradient(-62.5deg, transparent, rgba(237, 245, 255, 0.9));
     z-index: -1;
     border-radius: 50%;
}
 .feature-style-three .item {
     margin-top: 30px;
     padding: 10px 10px;
     padding-bottom: 20px;
     box-shadow: 0px 5px 5px 0px black;
     border-radius: 8px;
     background: #a90000;
     border: 2px solid #ffd301;
}
 .feature-style-three .item:first-child {
     margin-top: 0;
}
 .feature-style-three img {
     margin-bottom: 25px;
     width: 100%;
     padding: 5px;
     background: #ffc107;
    /* box-shadow: 0 10px 30px 0 rgb(44 130 237 / 40%);
     */
     border-radius: 5px;
}
 .btn-service {
     border: 1px solid #fff;
     padding: 7px 20px;
     background: #ffd301;
     font-size: 18px;
     color: #000000;
     border-radius: 0px 27px 0px 27px;
     text-align:center;
}
 #callnowbutton{
    display:none
}
@media screen and (max-width: 650px){
     #callnowbutton{
        display:block;
        position:fixed;
        text-decoration:none;
        z-index:2147483647;
         width:50%;
        left:0px;
        bottom:0px;
        height:55px;
        border-top:1px solid #f02801;
         border-bottom:1px solid #f02801;
        text-shadow:0 1px #f02801;
         text-align:center;
        color:#fff;
        font-weight:600;
        font-size:120%;
         overflow:hidden;
        padding-right:20px;
        background:#f02801;
         display:flex;
        justify-content:center;
        align-items:center
    }
}
 #callnowbutton2{
    display:none
}
@media screen and (max-width:650px){
     #callnowbutton2{
        display:block;
        position:fixed;
        text-decoration:none;
        z-index:2147483647;
         width:50%;
        left:174px;
        bottom:0px;
        height:55px;
        border-top:1px solid #359323;
         border-bottom:1px solid #359323;
        text-shadow:0 1px #f80606;
         text-align:center;
        color:#fff;
        font-weight:600;
        font-size:120%;
         overflow:hidden;
        padding-right:20px;
        background:#359323;
         display:flex;
        justify-content:center;
        align-items:center
    }
     .footer-section1 ul li a {
         font-size: 31px!important;
    }
     .footer-section1 p {
         font-size: 30px!important;
         line-height: 39px!important;
    }
     .mn {
         font-size:17px!important;
    }
     .bn{
         margin-bottom:25px!important;
    }
     .bs{
         margin-top:25px!important;
    }
}
 .fix-icon {
     display: inline-block;
     position: fixed;
     bottom: 100px;
     right: 20px;
     z-index: 999999;
}
 #fix-icon {
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     animation-iteration-count: infinite;
     -webkit-animation-iteration-count: infinite;
}
 .fix-icon-item {
     animation: bounce 1s infinite alternate;
     animation-duration: 1s;
     -webkit-animation: bounce 1s infinite alternate;
     animation-duration: 1s;
     animation-timing-function: ease;
     animation-iteration-count: infinite;
     animation-fill-mode: none;
}
 .fix-icon-item img {
     width: 55px !important;
     height: 55px !important;
     background: #ffba00;
     border-radius: 50%;
     text-align: center;
     cursor: pointer;
     padding: 10px;
}
 .fix-icon-whataap {
     display: inline-block;
     position: fixed;
     bottom: 30px;
     right: 20px;
     z-index: 999999;
     transition: all0.5s ease-in-out;
}
 .fix-icon-whataap-item img {
     border-radius: 50%;
     box-shadow: 1px 1px 4px rgba(60, 60, 60, .4);
     transition: box-shadow .2s;
     cursor: pointer;
     overflow: hidden;
     width: 55px !important;
     height: 55px !important;
     background: #25d366 !important;
}
 .footer-section{
     padding: 0;
     background: #ffbd00;
}
 .footer-section1{
     padding: 35px 30px 29px;
     text-align: center;
}
 .footer-section1 img{
}
 .footer-section1 p{
     font-size:39px;
     color: #f20000;
    margin:0;
     padding:10px 0 0 ;
     font-weight: 800;
}
 .footer-section1 ul{
     padding: 0;
     margin: 0;
     list-style: none;
}
 .footer-section1 ul li{
     display: inline-block;
     padding: 0;
}
 .footer-section1 ul li a{
     color: #ba0000;
     font-size: 57px;
     margin:0;
     font-weight: 700;
     letter-spacing: 2px;
     text-decoration: none;
     animation: anii 0.2s infinite;
}
 @keyframes anii{
     0%{
         color:#e80000;
    }
     100%{
         color:#000000;
    }
}
 .breadcumb-wrapper {
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     padding: 75px 0;
     overflow: hidden;
     position: relative;
     background-color: var(--title-color);
}
 #callnowbutton{
    display:none
}
@media screen and (max-width:650px){
     #callnowbutton{
        display:block;
        position:fixed;
        text-decoration:none;
        z-index:2147483647;
         width:100%;
        left:0;
        bottom:0px;
        height:55px;
        border-top:1px solid #359323;
         border-bottom:1px solid #359323;
        text-shadow:0 1px #f80606;
         text-align:center;
        color:#fff;
        font-weight:600;
        font-size:120%;
         overflow:hidden;
        padding-right:20px;
        background:#359323;
         display:flex;
        justify-content:center;
        align-items:center
    }
     .mn {
         display: inline-block;
         padding: 15px 25px;
         font-size: 16px!important;
    }
}
 .blink_me {
     animation: blinker 2s linear infinite;
}
 @keyframes blinker {
     50% {
         opacity: 0;
    }
}
 .mn {
     display: inline-block;
     padding: 15px 25px;
     font-size: 22px;
     cursor: pointer;
     text-align: center;
     text-decoration: none;
     outline: none;
     color: #fff;
     background-color: #4CAF50;
     border: none;
     border-radius: 15px;
     box-shadow: 0 9px #999;
}
 .phone {
     -webkit-animation: vibrate 0.6s cubic-bezier(.36, .07, .19, .97) infinite;
     animation: vibrate 0.6s cubic-bezier(.36, .07, .19, .97) infinite;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 300px;
     perspective: 300px;
}
 @keyframes vibrate {
     0.50%, 90% {
         -webkit-transform: translate3d(-0.5px, 0, 0);
         transform: translate3d(-0.5px, 0, 0);
    }
     0.50%, 80% {
         -webkit-transform: translate3d(0.5px, 0, 0);
         transform: translate3d(0.5px, 0, 0);
    }
     30%, 50%, 70% {
         -webkit-transform: translate3d(-0.5px, 0, 0);
         transform: translate3d(-0.5px, 0, 0);
    }
     0.50%, 60% {
         -webkit-transform: translate3d(0.5px, 0, 0);
         transform: translate3d(0.5px, 0, 0);
    }
}
 .btn-whatsapp-pulse {
     background: #25d366;
     color: white;
     position: fixed;
     bottom: 20px;
     right: 20px;
     font-size: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
     width: 0;
     height: 0;
     padding: 35px;
     text-decoration: none;
     border-radius: 50%;
     animation-name: pulse;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
}
 @keyframes pulse {
     0% {
         box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
     80% {
         box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}
 .btn-whatsapp-pulse-border {
     bottom: 120px;
     right: 20px;
     animation-play-state: paused;
}
 .btn-whatsapp-pulse-border::before {
     content: "";
     position: absolute;
     border-radius: 50%;
     padding: 25px;
     border: 5px solid #25d366;
     opacity: 0.75;
     animation-name: pulse-border;
     animation-duration: 1.5s;
     animation-timing-function: ease-out;
     animation-iteration-count: infinite;
}
 @keyframes pulse-border {
     0% {
         padding: 25px;
         opacity: 0.75;
    }
     75% {
         padding: 50px;
         opacity: 0;
    }
     100% {
         opacity: 0;
    }
}


.ser1 {
  border:2px solid yellow;
  background-color:#b20000;
  padding:15px;
  box-shadow:3px 3px 3px 3px grey;
  margin-bottom: 30px;
}
.ser1 h3 {
  color:white;
  text-align:center;
}
.ser1 p {
  padding-bottom:10px;
  font-size:17px;
  color:white;
  text-align:center;
}

.abt-header {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 35px;
    padding-bottom: 20px;
    color: #B20000;
}

.title1 {
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 10px;
    color: #B20000;
    line-height: 33px;
}
.list-angle-right {
    padding-left: 30px !important;
}





/*=========== Phone & Whatsapp Icon Section Start ===========*/

@keyframes pulsate {
    0% {
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
    50% {
        transform: scale(1.2, 1.2);
        opacity: 1;
    }
    100% {
        transform: scale(0.9, 0.9);
        opacity: 1;
    }
}

@keyframes callb {
    0% {
        transform: scale(0.9);
    }
    20% {
        transform: scale(1);
    }
    40% {
        transform: scale(1.1);
    }
    60% {
        transform: scale(1.2);
    }
    80% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1.4);
    }
}

@keyframes calla {
    0% {
        box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);
    }
    20% {
        box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);
    }
    40% {
        box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);
    }
    60% {
        box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);
    }
    80% {
        box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);
    }
    100% {
        box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);
    }
}

.fix {
    display: block;
}

.fixed {
    position: fixed;
    padding: 0px;
    bottom: 20px;
    left: 0;
    right: 0;
    background: transparent;
    /* border-top: 1px solid #e2e2e2; */
    /* display: none; */
}

.ff5 {
    padding: 0px;
}

.end {
    margin: 0;
    padding: 0;
    text-align: center;
}

.end li {
    display: inline;
    text-align: left;
    list-style: none;
    position: absolute;
    text-align: center;
    height: 60px;
    bottom: 10px;
    width: 60px;
    border-radius: 1px solid #000;
    animation-name: calla;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    background: #df0505;
    line-height: 60px;
    border-radius: 50%;
}

.ph-fx {
    left: 20px;
}

.end li a {
    text-decoration: none;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.ph-fx a i {
    color: #fff !important;
}

.end li a i {
    font-size: 34px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    display: block;
    height: 30px;
    width: 32px;
    line-height: 57px;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
}

.end li {
    display: inline;
    text-align: left;
    list-style: none;
    position: absolute;
    text-align: center;
    height: 60px;
    bottom: 10px;
    width: 60px;
    border-radius: 1px solid #000;
    animation-name: calla;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    background: #e00000;
    line-height: 60px;
    border-radius: 50%;
}

.wh-fx {
    right: 20px;
    background: #26b144 !important;
}

.end li a {
    text-decoration: none;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.end li a i {
    font-size: 34px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    display: block;
    height: 30px;
    width: 32px;
    line-height: 50px;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
}


/*=========== Phone & Whatsapp Icon Section End ===========*/