/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */
@font-face {
    font-family: 'moonhouse';
    src: url(../fonts/moonhouse.woff2) format('woff2'),
        url(../fonts/moonhouse.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: moonhouse;
  src: url(../fonts/MOONHOUSE.ttf);
}
#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weighat: bold; position: fixed; z-index: 9991; width: 100%; font-family: 'Poppins', sans-serif;}
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {    overflow-x: hidden;font-family: 'Poppins', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;}

/* font family */
.ff-primary { font-family: 'Poppins', sans-serif;}
.ff-secondary { font-family: 'Poppins', sans-serif; }

.mobile-nav nav li a {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
}
/* font colors */
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

.banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;}


.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'Poppins', sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: 'Poppins', sans-serif; padding-bottom: 10px;
color: var(--theme-dark); }

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;}

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }




.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}




h4 b {
    color: #30cdff;
}
p strong {
    color: black;
    color: #30cdff;
}
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 color: #171717;
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 letter-spacing: -1px;
 }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

/* header 
------------------------------------*/
header{position: absolute;width: 100%;z-index: 999;top: 10px;}
header .logowrp a{
    display: inline-block;
}
header .logowrp img{height: 120px;}
header .navwrp{}
header .navwrp ul{display: block; text-align: right; margin: 0; }
header .navwrp ul li{display: inline-block;margin: 0 0 0 9px;}
header .navwrp ul li a{font-size: 15px;text-transform: uppercase;color: #fff;}
header .btnwrp{display: block; text-align: right; }
header .btnwrp ul{margin: 0; }
header .btnwrp ul li{}
header .btnwrp ul li i{color: #fff; }



.home-bannerwrp {
    padding: 415px 0px 60px 0px;
    position: relative;
    z-index: 1;
    height: 100%;
}

.home-bannerwrp video{
    position: absolute;
    z-index: -2;
    width: 100%;
    top: -4rem;
}
.home-bannerwrp:before{content: "";position: absolute;background: #0000005c;width: 100%;height: 160%;/* z-index: 3; */top: 0;}
.home-bannerwrp .txtwrp{}
.home-bannerwrp .txtwrp h1{color: #fff; font-size: 25px; padding: 0 0 20px; } 
.home-bannerwrp .txtwrp p{color: #fff; font-size: 18px; }
.home-bannerwrp .btnwrp{display: block; padding: 20px 0 0; }
.btn-1{background: linear-gradient( 43deg, #30CDFF 0%,#0866FF 99%);color: #fff;padding: 15px 30px;border-radius: 30px;font-weight: 600;display: inline-block;}

.home-bannerwrp ul.inline-block.muorderlist li {
    display: block;
    margin-bottom:10px;
}
em.tmmm {
    font-size: 14px;
    line-height: 20px;
    position: relative;
    top: -10px;
    font-family: poppins;
    font-style: normal;
    font-weight: 700;
}
.main-head em.tmmm {
    top: -20px;
}
.ser-fstwrp h6.text-center {
    font-size: 17px;
    width: 80%;
    margin: auto;
    color: #666;
    font-weight: 400;
    margin-top: 30px;
}

.ajebwrp ul.myundr {
    padding: 0 !important;
    margin: 0 !important;
} 

.ajebwrp ul.myundr li {
    /* margin-left: 3%; */
    color: #000;
    font-size: 13px;
    line-height: 30px;
}
.ajebwrp ul.myundr h6 {
    color: #000;
    font-size: 17px;
    font-weight: 700;
    margin: 20px 0;
}
.first-ctawrp {
    background-repeat: no-repeat;
    background-image: url(../images/newone.png);
    background-size: 100% 100%;
    padding: 140px 0px;
    margin: 2rem 0 0px;
    position: relative;
    z-index: 1;
    background-position: initial;
}
.first-ctawrp.ser-secwrp{ 
}
.first-ctawrp.ser-secwrp .txtwrp{
    padding-top: 0px;
}

.first-ctawrp .txtwrp {
    /* display: block; */
    text-align: center;
    /* padding: 320px 0 0; */
    width: 100%;
    margin: 0 auto;
}
.first-ctawrp .txtwrp h2{color: #fff;font-size: 38px;font-weight: 600;display: inline-block;}
.first-ctawrp .txtwrp h2:after{content:"";position: absolute;background-image: url(../images/erere.png);width: 77px;height: 15px;background-repeat: no-repeat;right: 0;top: 0;z-index: -5;}
.first-ctawrp .txtwrp h2:before{content:"";position: absolute;background-image: url(../images/ererere.png);width: 70px;height: 15px;background-repeat: no-repeat;left: 0;top: 0;z-index: -1;}
.first-ctawrp .txtwrp h4{color: #fff; font-size: 20px; }


.first-ctawrp .imgwrp img {
    padding: initial; 
    margin: auto;
    display: table;
}
.main-heading{font-size: 42px;color: #401E41;font-weight: 500;}
.main-head{font-family: moonhouse;font-size: 52px;font-weight: 500;color: #401E41;position: relative;display: inline-block;}
/*.main-head span{text-transform: uppercase; font-size: 12px; color: #401E41; width: 34px; height: 33px; display: block; border: 2px solid #401E41; border-radius: 100%; padding: 8px 0px 0; text-align: center; font-family: 'Poppins'; position: absolute; top: -20px; right: -30px; }*/


.main-head span {
    text-transform: uppercase;
    color: #401E41;
    font-family: 'Poppins';
    position: absolute;
    top: -5px;
    right: -16px;
    font-size: 12px;
    line-height: 20px;
}


/*.ajebwrp .main-head span{  right: -40px; }*/


.ajebwrp .main-head {
    font-size: 35px;
}


img.wow.box-1111 {
    margin: auto;
    display: table;
    width: 70%;
}
.upr-head{color: #30CDFF; font-size: 18px; }
.main-pera{font-size: 16px; }


.ajebwrp {
    background-image: url(../images/Untitled-222.png);
    background-repeat: no-repeat;
    padding: 130px 0px 270px 0px;
    background-position: center;
    background-size: 100% 100%;
}
.ajebwrp .txtwrp{}
.ajebwrp .txtwrp ul{
    margin: 0;
}

.ajebwrprowone ul {
    margin: 8px 0 0 0 !important;
}
.ajebwrp .txtwrp ul li {
    padding: 0 0 20px 20px;
    position: relative;
}
.ajebwrprowone ul li, .ajebwrprowone ul {
    margin: 0;
    padding: 0 0 0px 20px !important;
}
.ajebwrp .txtwrp ul li:after{content:"";position: absolute;width: 10px;height: 10px;background:#26c6ff;border-radius: 50%;left: 0;top: 10px;}

.demandwrp {
    background-image: url(../images/newtwo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 490px 0 330px;
    margin: -450px 0 0px;
    position: relative;
    z-index: 1;
    background-position: 100% -10%;
}
.demandwrp .txtwrp{display: block;text-align: center;width: 80%;margin: 0 auto 60px;}
.demandwrp .txtwrp h2{color: #fff; }
.demandwrp .txtwrp p{color: #fff; }
.demandwrp .mainwrp{background: #fff;display: block;text-align: center;padding: 50px 20px;border-radius: 16px;position: relative;min-height: 310px;}

.demandwrp .mainwrp:hover h4, .demandwrp .mainwrp:hover p {
    color: #fff;
}
.demandwrp .mainwrp:hover { 
    color: #fff !important;
}

.mybox-1:hover {
    background:#864A87 !important;
    color: #fff;
}

.mybox-2:hover {
    background: #F58E16 !important;
    color: #fff;
}
.mybox-3:hover {
    background:#26C6FF !important;
    color: #fff;
}
.mybox-4:hover {
    background: #E60089 !important;
    color: #fff;
}
.boxwrp:hover h4, .boxwrp:hover p {
    color: #fff !important;
}


.demandwrp .mainwrp span{background: #864A87; font-size: 30px; color: #fff; height: 70px; display: block; width: 70px; border-radius: 50%; margin: -80px auto 40px; padding: 9px 0 0; font-weight: 600; border: 5px solid #f1dede; }
.demandwrp .mainwrp h4{font-size: 20px; color: #401E41; font-weight: 600; }
.demandwrp .mainwrp p{
    padding: 0;
    font-size: 12px;
    height: 100px;
}
.demandwrp .mainwrp.box-1 img{position: absolute; z-index: -1; left: -90px; width: 130px; top: 4rem; }
.demandwrp .mainwrp.box-2 img{position: absolute; left: 0; right: 0; margin: 0 auto; z-index: -1; bottom: -4rem; } .demandwrp .mainwrp.box-3 img{}
.demandwrp .mainwrp.box-4 img{position: absolute; z-index: -1; right: -90px; width: 130px; top: 4rem; }
.demandwrp .mainajebbox{display: block;text-align: center;padding: 90px 0 0;width: 70%;margin: 0px auto 0;position: relative;top: 17rem;position: relative;}
.demandwrp .mainajebbox .btmboxwrp{text-align: center; background: #fff; color: #fff; height: 190px; display: block; width: 190px; border-radius: 50%; margin: -80px auto 40px; padding: 49px 0 0; border: 5px solid #f1dede; }
.demandwrp .mainajebbox .btmboxwrp h4{color: #EB008B;font-size: 16px;padding: 15px 0 0;line-height: 21px;font-weight: 700;width: auto;margin: 0 auto;}
.demandwrp .mainajebbox .btmboxwrp span{color: #EB008B;font-size: 12px;line-height: 10px;}



.portfoliowrp{
    padding: 120px 0 0px;
    background-image: url(../images/Hand02_1.gif);
    background-repeat: no-repeat;
    background-size: auto;
    background-position:top right;
    z-index: 2 !important;
    position: relative;
    }
.portfoliowrp .txtwrp{}
.portfoliowrp .btnwrp{display: block; text-align: right; }
.portfoliowrp .btnwrp a{padding: 11px 70px; }
.portfoliowrp .btnwrp ul{margin: 30px 0 0; }
.portfoliowrp .btnwrp ul li{display: inline-block;margin: 0 0 0 30px;font-size: 16px;color: #000;cursor: pointer;}
.portfoliowrp .btnwrp ul li.current{
    border-bottom: 2px solid #25b1ff;
    padding: 0 0 4px;
    color: #401E41;
}



.portfoliowrp .portwrp ul{margin: 60px 0 0;display: block;text-align: center;}
.portfoliowrp .portwrp ul li{display: inline-block;    padding: 30px 0;}
.portfoliowrp .portwrp ul li .imgdiv{position: relative; height: 100%; width: 100%; }
.portfoliowrp .portwrp ul li .imgdiv .nametxt{position: absolute; bottom: 30px; left: 0; right: 0; }
.portfoliowrp .portwrp ul li .imgdiv .nametxt h4{color: #fff; font-size: 32px; padding: 0; }
.portfoliowrp .portwrp ul li .imgdiv .nametxt spam{}
.portfoliowrp .portwrp ul li img{width: 100%;height: 620px;filter: blur(2px);object-fit: cover;}
.portfoliowrp .btnsliderwrp{display: block; text-align: right; padding: 20px 0 0; }
.portfoliowrp .btnsliderwrp a{}
.portfoliowrp .btnsliderwrp a i{color: #fff; background: #ffffff45; height: 45px; width: 50px; border-radius: 20%; padding: 16px 0 0 0; display: block; text-align: center; display: inline-block; margin: 0 6px 0; }
.portfoliowrp .txtdivwrp{display: block;padding: 50px 0 0;}
.portfoliowrp .txtdivwrp ul{}
.portfoliowrp .txtdivwrp ul li{position: relative; padding: 0 0 10px 20px; }
 .portfoliowrp .txtdivwrp ul li:after{content: "";position: absolute;width: 9px;height: 9px;background: #30cdff;border-radius: 50%;left: 0;top: 5px;}
 .portfoliowrp .imgbox-btm{padding: 80px 0 0; }
 .portfoliowrp .imgbox-btm img{width: 120%; }
.popular-slider .slick-slide{background-color: #b32532; color: #FFF; display: flex; align-items: center; justify-content: center; transform: scale(0.8); transition: all 0.4s ease-in-out; margin: 0 -20px; }
.popular-slider .slick-slide,
.popular-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {transform: scale(0.8, 0.8); transition: all 0.4s ease-in-out; }

/* Active center slide (You can change anything here for cenetr slide)*/
.popular-slider .slick-center,
.popular-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {transform: scale(1.1); background-color: #000000; }
.popular-slider .slick-current.slick-active{transform: scale(1.1); background-color: #000000; position: relative; z-index: 1; }
.popular-slider .slick-current.slick-active img{filter: unset;}







footer {
    background-image: url(../images/Untitled-1ds.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 500px 0px 20px 0px;
    position: relative;
    z-index: 1;
    background-position: initial;
    margin: -180px 0px 0px 0px;
}
footer .formwrp{padding: 50px 60px !important;background-color: #fff !important;box-shadow: 2px 2px 12px 4px #00000017;border-radius: 10px !important;margin: 0 0 110px;} 
footer .formwrp h4{text-align: center; font-size: 36px !important; font-weight: 600; line-height: 40px !important; color: #401E41 !important; text-transform: uppercase; }
footer .formwrp form{display: flex; justify-content: center; align-items: center; margin-top: 24px; }
footer .formwrp form input{padding: 10px;border-radius: 20px;border: 1px solid #00000029 !important;box-shadow: 1px 1px 20px 2px #00000012 !important;outline: none;}
footer .formwrp form input.btnmain{background: linear-gradient(96deg, #30CDFF,#0866FF); color: #fff !important; font-weight: 600; font-size: 16px; padding: 8px 38px !important; border-radius: 25px !important; border: none !important; }
footer .logowrp{}

footer .logowrp img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}
footer .logowrp p{color: #fff; font-size: 12px; }
footer .navwrp{display: block; padding: 80px 0 0; }
footer .navwrp h4{color: #ffb836; font-size: 17px; }
footer .navwrp ul{margin: 10px 0 0;}
footer .navwrp ul li{display: block; margin: 0 0 4px; } 
footer .navwrp ul li a{color: #fff; }
footer .navwrp ul li img{    margin: 20px 0 0;}
footer .navwrp ul li h6{font-size: 42px; color: #fff; margin: 20px 0 0; }
footer .txtwrp{display: block; text-align: center; padding: 20px 0 0; }
footer .txtwrp p{padding: 0; color: #fff; font-size: 18px; }
footer .txtwrp p span{font-family: moonhouse;color: #fff;font-size: 22px;position: relative;}
footer .txtwrp p span .tmmain{
    position: absolute;
    width: 10px;
    height: 11px;
    border: 1px solid;
    padding: 5px;
    border-radius: 50%;
    top: -20px;
    font-size: 9px;
    display: inline-table;
    text-transform: uppercase;
    font-family: 'Poppins';
}


.ser-fstwrp{padding: 20px 0 70px 0;}
.ser-fstwrp .txtwrp{}
.ser-fstwrp .imgwrp{}
.ser-fstwrp .imgwrp img{width: 100%; object-fit: contain; }



.ser-ctawrp{background-image: url(../images/newtwo.png);background-size: cover;padding: 500px 0 80px;margin: -160px 0 0px;position: relative;z-index: 1;background-position: 0px 0px;background-repeat: no-repeat;display: block;text-align: center;}
.ser-ctawrp .txtwrp{display: block;width: 70%;margin: 0 auto 30px auto;}
.ser-ctawrp .txtwrp h2{color: #fff; }
.ser-ctawrp .btnwrp{}


/* product gallery
------------------------------------*/
.roleswrp{padding: 70px 0;background-repeat: no-repeat;background-size: cover;background-position: -460px -230px;und: #fff;}
.product-slider-gallery { position: relative; padding: 0px 0px 7px 0;  }
.product-slider-gallery .slick-slide {  }
.product-slider-gallery .slick-slide img { width: 100%; height: 370px; }
.product-gallery-nav-wrapper {  margin: 0 0 7px 0; position: relative; }
.product-gallery-nav { position: relative;  }
.product-gallery-nav .slick-slide { padding: 2px 0; border:0px;  height: 93px; overflow: hidden;  }
.product-gallery-nav .slick-slide img { width: 100%; height: 93px; cursor: pointer;   }
.roleswrp .row.bodrbtm{border-bottom: 1px solid #dbdbdb; padding: 0 0 30px; }
.roleswrp .row.bodrbtm span{color: #23233c; font-size: 14px; }

.roleswrp .row.bodrbtm h4 {
    color: #727284;
    line-height: 23px;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}
.roleswrp .row.bodrbtm .btnwrp{display: block; text-align: right; }
.roleswrp .row.bodrbtm .btnwrp a{color: #7189ff; }

section.formwrap{padding: 170px 0;}
.form-wrp.btmfrom {padding: 80px 0 80px 80px;background: #f7f9fc;}

a.quest-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: inherit;
    color: #584d4d;
    padding: 0px 15px;
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    line-height: 60px;
    display: inline-block;
    transition: all 0.15s linear 0s;
    text-decoration: none;
    box-shadow: 2px 2px 12px 4px #00000017;
    margin: 0 0 30px;
    background: linear-gradient( 43deg, #30CDFF 0%,#0866FF 99%);
    color: #fff;
    border-radius: 10px;
}
a.quest-title:after{content: '\f107';position: absolute;right: 15px;font-family: 'FontAwesome';font-size: 26px;} 
.quest-content{padding: 15px 20px;display: none;margin-bottom: 0px;float: left;width: 100%;
    background: #eee; margin-bottom:20px;}



.corporate{padding: 70px 0 0;}
.boxwrp .btnwrp li a {display: block;width: 100%;margin: 0 0 10px 0;}
.corporate .boxwrp a {display: block;}
.corporate .boxwrp{
    min-height: 277px;
    background: #fff;
    text-align: center;
    padding: 50px 10px 10px;
    border-radius: 16px;
    position: relative;
    box-shadow: 0px 0px 12px 4px #00000017;
    margin: 0 0 130px;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    }
.corporate .boxwrp span{background: #864A87; font-size: 30px; color: #fff; height: 70px; display: block; width: 70px; border-radius: 50%; margin: -80px auto 40px; padding: 9px 0 0; font-weight: 600; border: 5px solid #f1dede; }
.corporate .boxwrp h4{font-size: 16px; color: #401E41; font-weight: 600; }
.corporate .boxwrp p{}
.corporate .boxwrp.box-1 img{position: absolute; z-index: -1; left: -90px; width: 130px; top: 4rem; }
.corporate .boxwrp.box-2 img{position: absolute; left: 0; right: 0; margin: 0 auto; z-index: -1; bottom: -4rem; }
.corporate .boxwrp.box-3 img{position: absolute; z-index: -1; right: -90px; width: 130px; top: 4rem; }





.processwrp{padding-bottom: 70px ;background-image: url(../images/contact-bg.png);background-repeat: no-repeat;background-size: cover;}
.processwrp .txtwrp{display: block;text-align: center;padding: 0 0 50px;width: 80%;margin: 0 auto 90px;}
.processwrp .imgwrp{min-height: 250px;} .processwrp .imgwrp img{margin-right: 40px;width: 95%;bottom: 25px;right: 13rem;}
.processwrp .steps_grid{position: absolute;text-align: center;min-width: 307px;left: -123px;padding-top: 50px;/* height: 1170px; */z-index: -1;}
.processwrp .steps_grid img{/* height: 3050px; */width: 100%;position: relative;z-index: -1;}
.processwrp .stepwrp{min-height: 250px;margin-left: 30px;}
.processwrp .stepwrp h4{}
.processwrp .stepwrp ul{}
.processwrp .stepwrp ul li{
    position: relative;
    padding: 0 0 5px 20px;
    z-index: 9;
}
.processwrp .stepwrp ul li:after{content: "";position: absolute;width: 9px;height: 9px;background: #30CDFF;border-radius: 50%;left: 0;top: 7px;}
.processwrp .stepwrp.left{display: block;text-align: left;width: 70%;position: relative;z-index: 9;}
.processwrp .stepwrp.left h4 span{right: -70px; }
.processwrp .stepwrp h4{position: relative;color: #401E41;font-size: 22px;font-weight: 600;}
.processwrp .stepwrp h4 span{color: #ff9f1c;font-style: normal;font-size: 54px;position: absolute;top: -18px;left: -70px;}
.processwrp .stepwrp p{font-size: 14px;padding: 0 0 10px;}
.air {position: absolute;bottom: -1842px;height: auto !important;}

.service-pg .wht-we-dev .mainwrp ul li .maindiv.dark .btn-1{    background: #fff;    color: #ff9f1c;}

/*.service-pg .secnd-fld .mainwrp {margin: 40px 0 0; border: 1px solid #ff9f1c; padding: 20px 10px; height: 271px; border-radius: 5px; }
.service-pg .secnd-fld .mainwrp .img-box{display: block;    margin: 0 0px 20px 0;}
.service-pg .secnd-fld .mainwrp .txtdiv h4{width: 100%}*/
.cta-wrp .btnwrp :last-child{    margin: 0 0 0 12px;}





.process-2 .processwrp .stepwrp{    min-height: 160px;}
.process-2 .processwrp .steps_grid img{    height: 834px;    width: unset;}
.process-2 .processwrp .steps_grid{height: 780px;}
.process-2 .air{bottom: -139px;}

.process-3 .processwrp .stepwrp{  min-height: 180px;}
.process-3 .processwrp .steps_grid img{ height: 674px;    width: unset;}
.process-3 .processwrp .steps_grid{height: 780px;}
.process-3 .air{    bottom: -18px;    left: 50px;}
.process-4 .processwrp .stepwrp{  min-height: 180px;}
.process-4 .processwrp .steps_grid img{height: 1034px;    width: unset;}
.process-4 .processwrp .steps_grid{height: 780px;}
.process-4 .air{     bottom: -349px;    left: 50px;}
.pro-1 img{position: absolute;}
.pro-2 img{position: absolute;bottom: 71px !important;right: -10rem !important;}
.pro-3 img{position: absolute;bottom: 181px !important;right: -11rem !important;}
.pro-4 img{position: absolute;bottom: 130px !important;right: 13rem !important;}


.topone {background: url(../images/11.png) no-repeat center; }
.toptwo {background: url(../images/22.png) no-repeat center; }
.topthree {background: url(../images/33.png) no-repeat center; }
.topfour {background: url(../images/44.png) no-repeat center; }
.partnerclmone {background-size: 100% 100%; padding: 60px 0px 90px 55px; }
.partnerclmtwo {background: #fff; width: 79%; float: right; padding: 20px 20px 20px 10px; position: relative; top: -50px; box-shadow: -13px -1px 14px #00000012; }
.partnerclmtwo p {font-size: 11px; color: #333333; }
.partnerclmtwo h6 {color: #333333; font-size: 24px; font-weight: 600; }
.partnerclmone h2 {font-size: 60px; line-height: 65px; color: #fff; }
.partner-sec-one a.btn-1 {padding: 15px 70px; }
ul.underlist li strong {color: #666666; font-size: 18px; font-weight: 500; line-height: 22px; }
ul.underlist li:before {content: '\f111'; position: absolute; left: 0; top: 10px; font-family: 'FontAwesome'; color: #30CDFF; }
ul.underlist li {position: relative; padding: 10px 0px 10px 30px; }


.engclmone {padding-top: 20px; padding-bottom: 20px; }
.engclmtwo {padding-top: 20px; padding-bottom: 20px; }
.engclmthree {padding-top: 20px; padding-bottom: 20px   }
.engclmfour {padding-top: 20px; padding-bottom: 20px; }
.engclmone:before {content: ''; background: url(../images/a1bg.png) no-repeat center bottom; background-size: 100% 100%; height: 210px; position: absolute; left: 0; bottom: 0; right: 0; }
.engclmtwo:before {content: ''; background: url(../images/a2bg.png) no-repeat center bottom; background-size: 100% 100%; height: 210px; position: absolute; left: 0; top: 0; right: 0; }
.engclmthree:before {content: ''; background: url(../images/a3bg.png) no-repeat center bottom; background-size: 100% 100%; height: 210px; position: absolute; left: 0; bottom: 0; right: 0; }
.engclmfour:before {content: ''; background: url(../images/a4bg.png) no-repeat center bottom; background-size: 100% 100%; height: 210px; position: absolute; left: 0; top: 0; right: 0; }
.eng-pro-two-clm {position: relative; }
.eng-pro-two-clm img{margin: -50px 0 0;}
.twowrp img{    margin: 0;    position: relative;    bottom: -60px;}
.eng-pro-two-clm {padding: 0px 10px 0px 10px;background: #fff;border-radius: 30px;height: 369px;box-shadow: 13px 2px 20px 0px #0000001c;}
.engclmonebg,.engclmtwobg,.engclmthreebg,.engclmfourbg {padding: 40px 0px 0 0px;}
.engclmonebg h5 {margin-bottom: 10px; color: #333333; font-size: 20px; line-height: 24px; font-weight: 600; }
.engclmonebg p {font-size: 12px; line-height: 17px; }
.eng-pro-two-clm p {font-size: 12px; overflow-y: scroll; height: 110px; margin: 10px 0 20px 0; padding: 10px 10px; }
.eng-pro-two-clm p::-webkit-scrollbar {width: 5px; }
.eng-pro-two-clm p::-webkit-scrollbar-track {box-shadow: inset 0 0 5px black; border-radius: 5px; }
.eng-pro-two-clm p::-webkit-scrollbar-thumb {background: #000; border-radius: 5px; }
v::-webkit-scrollbar-thumb:hover {background: #f94c30e3; }




.portfoliowrp h2 {
    font-size: 45px;
}
.free-pro-form .form-control {border-radius: 40px;padding: 15px 30px;margin: 0px 0px 30px 0px;background: #fff;border: 1px solid #fff !important;box-shadow: -2px 2px 20px 0px #66666621 !important;resize: none;}
.free-pro-form textarea.form-control {height: 170px; border-radius: 20px;}
input.btnmain {background: linear-gradient(96deg, #30CDFF,#0866FF); color: #fff !important; font-weight: 600; font-size: 16px; padding: 15px 38px !important; border-radius: 25px !important; border: none !important; }
footer .formwrp {/* visibility: hidden; */}
.contect_pg footer .formwrp{visibility: hidden;}
footer img.main-golla{
    position: absolute;
    left: 15rem;
    top: 20rem;
    width: 190px;
}


.about_pg .first-ctawrp .txtwrp h2:before{    right: -6rem;}
.contect_pg  .first-ctawrp .txtwrp h2:before{      right: -9rem;}




.first-ctawrp.ser-secwrp .txtwrp h2:after, .first-ctawrp.ser-secwrp .txtwrp h2:before {
    width: 100% !important;
    height: 100% !important;
}


.first-ctawrp.ser-secwrp .txtwrp h2:before {
    right: -13rem;
}


.first-ctawrp.ser-secwrp .txtwrp {
    padding-top: 00px;
}
.first-ctawrp.ser-secwrp {height: 100vh;padding: 400px 0px 0px 0px;background-size: cover !important;background-repeat: no-repeat;background-image: url(../images/newone.png);background-size: cover;padding: 250px 0px 600px 0px;margin: -2rem 0 0px;position: relative;z-index: 1;background-position: initial;}

.home-bannerwrp .btnwrp a.btn-1 {
    text-transform: uppercase;
}

.first-ctawrp.ser-secwrp.value .txtwrp h2:before {
    right: -28rem;
} 
.first-ctawrp.ser-secwrp.enghd .txtwrp h2:before {
    right: -29rem;
}
.first-ctawrp.ser-secwrp.freeprohd .txtwrp h2:before {
    right: -23rem;
}
.first-ctawrp.ser-secwrp.partnerhd .txtwrp h2:before {
    right: -29rem;
}
.first-ctawrp.ser-secwrp.projmhd .txtwrp h2:before {
    right: -29rem;
} 

footer .navwrp ul li:before {
    content: '\f054';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    font-size: 12px !important;
    line-height: 23px;
}
footer .navwrp ul li {
    position: relative;
    padding-left: 20px;
    padding-bottom: 14px;
}
footer .navwrp ul li.ananaan  {
    display: none;
}
.box-121212 {
    box-shadow: 1px 1px 22px 2px #8d7f7fa6;
    border-radius: 8px;
    padding: 60px 40px 40px;
    margin: 100px 0 0;
}


.biggg-fonttt {
    border-bottom: 1px solid;
    text-transform: uppercase;


    font-size: 17px;
    font-weight: 500;
}


.abbb .txtwrp h2.main-head{text-align: center !important;display: block;position: relative;}
.abbb .txtwrp h2.main-head span{
    position: absolute;
    right: 350px;
}

.serrrrrrrrr .txtwrp ul{
    margin: 0;
}
.serrrrrrrrr .txtwrp ul li{
    padding: 0 0 20px 20px;
    position: relative;
}
.serrrrrrrrr .txtwrp ul li:after{content:"";position: absolute;width: 10px;height: 10px;background:#26c6ff;border-radius: 50%;left: 0;top: 5px;}



.box-00000111 {
    box-shadow: -1px 1px 31px 0px #888888;
    border-radius: 18px;
    padding: 60px 20px 40px;
}
span.biggg-num {
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    left: -19px;
}
.under-line{
    text-decoration: none;
}

.our-phil p strong {
    border-bottom: 1px solid;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    color: #666;
}
section.free-pro {
    padding: 71px 0;
    z-index: 9;
    position: relative;
}

.img-11111 img{
    padding: 70px 0;
    width: 100%;
}

.arrrrrr h4{
    text-align: center;
    padding: 50px 0 30px 0;
}
.pckg {
    min-height: 670px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pkg-box-border {
    border: 1px dashed #26023D;
}
.tabs{display:none;}
.tabs.current{display:block;}
.pkg-head {
    background: #26023D;
    padding: 18px 14px;
}
.pkg-head h4 {
    font-size: 13px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    align-items: center;
}
.pkg-head h4 span {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 0 5px;
}
.pkg-center ul li {
    padding: 15px 0 15px 19px;
    font-size: 13px;
    font-weight: 500;
}
.pkg-center ul .bg-ccc {
    font-weight: 600;
    background: #F5F5F5;
}
.btn-2 {
    text-align: center;
    padding: 11px 20px 3px 0;
}
.pkg-btn{
   background: rgb(8,102,255);
   background: linear-gradient( rgba(8,102,255,1) 0%, rgba(48,205,255,1) 100%);
   color: #fff;
   padding: 12px 38px;
   border: none;
   border-radius: 50px;
}
.pkg-bottom ul li{
    float: left;
}
.pkg-bottom {
    padding: 31px 26px;
}.call-btn {
    margin: 0 0 0 65px;
}
.pkg-center {
    background: #fff;
}
.scroll {
    overflow-x: hidden;
    height: 366px;
}


.ajebwrprowone, .ajebwrprowtwo {
    width: 80%;
    margin: auto;
}


.ajebwrprowone .txtwrp {
    width: auto;
}
.ajebwrprowtwo .txtwrp {
    width: 80% ;
}


.mobile-nav-btn span:before, .mobile-nav-btn span:after, .mobile-nav-btn span {
    background: #fff;
}

 
.mobile-nav-btn {
    top: 30px;
    background: #000;
    right: 1rem;
    z-index: 9999;
}

.mainpghd .mysty {
    top: 230px;
}
.mysty {
    position: relative;
    top: 60px;
}

img.img-fluid.myimgstyletwo {
    position: absolute;
    right: 0;
    bottom: 5%;
}

img.img-fluid.myimgstylethree {
    position: absolute;
    bottom: -60%;
}


img.img-fluid.myimgstylethree,img.img-fluid.myimgstyletwo,img.img-fluid.myimgstyleone {
 
  animation: rotateCircles 70s linear infinite;
} 

ul.inline-block.muorderlist li {
    display: inline-block;
}

@keyframes rotateCircles {
  from {
    transform: rotate(0);
  } to {
    transform: rotate(900deg);
  }
}
 
.page-content .tab-content>.tab-pane {
    padding: 10px;
}
 
.page-content .tab-content>.tab-pane h3 {
    margin: 20px 0;
}
.page-content .nav-pills .nav-link {
    color: #000;
    padding: 12px 10px;
    text-transform: uppercase;
}
.page-content .nav-pills .nav-link.active,.page-content  .nav-pills .show>.nav-link {
    background-color: #29023f;
    color: #fff;
}
.page-content .tab-content>.tab-pane ul li {
    margin: 20px;
        list-style: circle;
}
.page-content {
    padding: 100px 0px;
    z-index: 9;
    position: relative;
}
 
 .page-content .flex {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto
 }
  
.floatbutton input {
    display : none;
}
.floatbutton label {
    position: relative;
    cursor: pointer;
    display :block;
    width: 50px;
    height: 30px;
    background: #cccccc;
    border-radius: 50px;
    transition: 300ms linear;
}

.floatbutton label:before {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border-radius: 50%;
    transition: left 300ms linear;
}

.floatbutton input:checked + label {
    background: #000000;
}

.floatbutton input:checked + label:before {
    left: 23px;
}

/*floating strips css start */
.floatbutton.active{right: 0;z-index: 11;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 299px;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 16%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 9;}
.floatbutton .clickbutton{border-radius: 30px 0px 0px 30px;width: 50px;z-index: 999;height: 158px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);display: inline-block;padding-top: 0;vertical-align: top;background: linear-gradient(#1bbad1, #260260);;margin-top: 0;color: #fff;font-size: 14px;font-weight: 700;position: relative;text-transform: uppercase;font-family: 'Poppins', sans-serif;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026;/* border: 1px solid #07379a; */}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;font-size: 16px;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;left: 7px;white-space: pre;bottom: 70px;font-weight: bold;}
.floatbutton .clickbutton .crossplus.rotate{/* transform: rotate(45deg); */-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #f43535;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 9;border-radius: 5px 0 0 5px;margin: 0;width: 249px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;height: auto;}
.banform{}
.ban-form{}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #333;font-size: 24px;margin-bottom: 20px;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #f43535;border-radius: 3px;text-align: center;background-image: linear-gradient(to right top, #0569d7, #0858c3, #0948af, #07389c, #042888);padding: 10px 15px;margin: 20px 0 0;border: transparent;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;}


 .page-content .card {
     background: #fff;
     border-width: 0;
     border-radius: .25rem;
     box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
     margin-bottom: 1.5rem
 }

 .page-content .card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(19, 24, 44, .125);
     border-radius: .25rem
 }

.first-ctawrp.ser-secwrp .txtwrp h2:after, .first-ctawrp.ser-secwrp .txtwrp h2:before{
    
    Display:none;
    
}
.first-ctawrp .txtwrp h2{
    letter-spacing: 2px;
    
} 


span.whtspan {
    border-color: #fff;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 20px;
    font-size: 12px;
    font-family: 'Poppins';
    position: relative;
    top: -22px;
    right:3px;
}
.ser-ctawrp .txtwrp h2.myshadow { 
   text-shadow: 1px 4px 6px #30cdff;
}
 
.orbitron{
   font-family: 'Orbitron', sans-serif;
}
.arrrrrr h4 em{font-family: 'Orbitron', sans-serif;font-style: normal;}

.box-00000111 { 
    background: url(../images/cbg.png) no-repeat right;
}
.hd-white{color:#fff !important;}

.navwrp.rmvdblts li:before {
    display:none;
}
.navwrp.rmvdblts li {
    padding: 0px 0px 8px 0px;
    margin: 0;
}


.ser-ctawrp h2 {
    font-family: 'Orbitron', sans-serif;
}
.trustsec h2.main-head {
    text-transform: uppercase;
    font-size: 27px;
    line-height: 50px;
    letter-spacing: 1px;
}

footer .navwrp ul li a {
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
}


.first-ctawrp .txtwrp h2 {
    letter-spacing: 2px;
    font-family: moonhouse;
    font-size: 30px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 0;
    word-break: break-word;
    z-index: 88888;
}
.demandwrp .mainajebbox .btmboxwrp:hover {
    background: #117dff;
}

.demandwrp .mainajebbox .btmboxwrp:hover h4 {
    color: #fff !important;
}

.modal-content p {
    font-size: 13px;
    padding: 10px;
}
.modal-content h4 {
    font-family: moonhouse;
    font-size: 25px;
    font-weight: 600;
}
.modal-content {
    text-align: center;
}

.mynewsecone {
    padding: 30px 0px;
    height:200px;
    background-size: 100% 100% !important;
}


.clmone {
    background: url(../images/one.png) no-repeat center;
}

.clmtwo {
    background: url(../images/two.png) no-repeat center;
}
.clmthree {
    background: url(../images/three.png) no-repeat center;
}
.clmfour {
    background: url(../images/four.png) no-repeat center;
}
.clmfive {
    background: url(../images/five.png) no-repeat center;
}
.clmsix {
    background: url(../images/six.png) no-repeat center;
}
.clmsevan {
    background: url(../images/sevan.png) no-repeat center;
} 

.mynewsecone .mynewseconetext p {
    font-size: 11px;
    width: 76%;
}
.mynewsecone .mynewseconetext h6 {
    font-size: 15px;
}
.mynewsecone .mynewseconetext {
    width: 62%;
    position: absolute;
    word-break: break-word;
    left: 120px;
    top: 20px;
}

ul.undrlist li:before {
    content: '\f111';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: #30cdff;
}
ul.undrlist li {
    position: relative;
    padding-left:30px;
    margin: 0 0 10px 0;
}

html body .myund li:before {
    content: '\f111';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: #117dff;
}

html body .myund li {
    padding: 0;
    padding-left: 10px;
    position: relative;
    padding: 0 0 15px 20px !important;
}
html body .myund {
    background: #fff;
    border: 5px solid #107bfc;
    padding: 20px 20px 10px 20px !important;
    border-radius: 10px;
    /* min-height: 550px; */
    text-align: left !important;
}


span.tmfont {
    margin: 0;
    position: relative;
    top: -42px;
    right: 20px;
    font-size: 12px;
    line-height: 20px;
    font-family: 'Poppins';
}


   
#mainmain .collapse .card-body {
    padding: initial !important;
    display: block !important;
    -webkit-box-flex: initial !important;
    -ms-flex: initial !important;
    -ms-flex: initial !important;
    flex: initial !important;
}
} 
     
.tab-content.clearfix {
    margin-top: 5%;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
 
    border-bottom: 2px solid #428bca;
}
.owl-carousel {
    display: block;
} 


ul.nav.nav-pills a {
    padding: 10px 10px;
    margin: 0px 0px 0px 60px;
    color: #401e41;
    font-weight: 700;
}

ul.nav.nav-pills li {
    margin: 0;
}
ul.nav.nav-pills {
    margin:  40px 0 ;
}

.screenshot_slider .owl-item .item img {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
}

.screenshot_slider .owl-item.center .item img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.screenshot_slider .owl-nav {
    text-align: center;
    margin-top: 40px;
}

.screenshot_slider .owl-nav button {
    font-size: 24px !important;
    margin: 10px;
    color: #033aff !important;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    #mainmain {
  margin: 50px 0;
}

#mainmain #faq .card {
  margin-bottom: 30px;
  border: 0;
}

#mainmain #faq .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}
 
#mainmain #faq .card .card-header .btn-header-link:after {
  /* content: "\f107"; */
  font-family: 'FontAwesome';
  font-weight: 900;
  float: right;
}
 #mainmain #faq .card .collapse.show h4.speak{
         font-size: 14px;
         line-height: 22px;
         padding: 20px 0 0 0;
 }
#mainmain .collapse.show{
    background: #fff !important;
}
#mainmain .card .card-header .btn-header-link.collapsed,
#mainmain .card .card-header .btn-header-link {
 color: #fff;
 font-size: 18px;
 font-weight: 500;
 text-transform: inherit;
 color: #584d4d;
 padding: 0px 15px;
 margin-bottom: 0px;
 position: relative;
 width: 100%;
 line-height: 60px;
 display: inline-block;
 transition: all 0.15s linear 0s;
 text-decoration: none;
 box-shadow: 2px 2px 12px 4px #00000017;
 margin: 0;
 background: linear-gradient( 43deg, #30CDFF 0%,#0866FF 99%);
 color: #fff;
 border-radius: 10px;
 border-radius: 10px;
 text-align: left;
 display: inline-block;
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
}

#mainmain #faq .card .card-header .btn-header-link.collapsed:after {
  /* content: "\f106"; */
}

#mainmain #faq .card .collapsing {
  
  line-height: 30px;
}

#mainmain #faq .card .collapse {
  border: 0;
}
 
    
#mainmain #faq .card .collapse h4.speak {
    font-size: 14px;
    line-height: 22px;
}
    
footer .logowrp img.msp.img-fluid {
    margin: 0;
}
    
footer .navwrp ul li a:hover {
    color: #29bcff;
}
    
ul.infodata {
    margin: 0 !important;
}
ul.infodata em {
    float: right;
    font-style: normal;
}
.trustsec p {text-align: left;}
.pkg-bottom ul {display: flex;justify-content: space-between;margin: 0;}
.arrrrrr li {
    margin: 0 0 20px 0;
}

.icon_1 {
    background: url(../images/icon_1.png) no-repeat center;
}
.icon_2 {
    background: url(../images/icon_2.png) no-repeat center;
}
.icon_3 {
    background: url(../images/icon_3.png) no-repeat center;
}
.icon_4 {
    background: url(../images/icon_4.png) no-repeat center;
}
.icon_5 {
    background: url(../images/icon_5.png) no-repeat center;
}
.icon_6 {
    background: url(../images/icon_6.png) no-repeat center;
}
.icon_7 {
    background: url(../images/icon_7.png) no-repeat center;
}
.icon_8 {
    background: url(../images/icon_8.png) no-repeat center;
}
.main-head + .main-head {
    font-family: 'Poppins', sans-serif;
    line-height: 45px;
}
.msp-logo {
    position: relative;
    z-index: 2;
}
span.with-tm {
    position: relative;
}
.mynexth2 h2 {
    margin-left: 300px;
}
#mainmain #faq .card .card-header .btn-header-link span {width: 97%}
#mainmain #faq .card .card-header .btn-header-link.collapsed i {rotate: 180deg;}

.accordion .card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.accordion .card-body {
  background: transparent !important;
  padding: 0 !important; /* optional */
}

.accordion .card-header {
  background: transparent !important;
  border: none !important;
}
.seo-h1 {
    font-size: 19px;
    font-weight: 500;
    color: #6b6862;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0ddd8;
    margin-bottom: 24px;
}
.hero-heading{
font-size:64px;
font-family:'poppins';
color:#fff;    
}

/* ============================================
   BLOG PAGE STYLES
   ============================================ */

/* Blog Header */
.blog-header {
    padding: 60px 0;
    background: linear-gradient(135deg, #f8f7f5 0%, #ffffff 100%);
    text-align: center;
}

.blog-tag {
    display: inline-block;
    background: rgba(0, 180, 216, 0.1);
    padding: 4px 16px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #00b4d8;
    margin-bottom: 24px;
}

.blog-header-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 48px;
    font-weight: 500;
    color: #0f0a2a;
    margin-bottom: 16px;
}

.blog-header-subtitle {
    font-size: 16px;
    color: #6b6862;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.8;
}

/* Blog Grid */
.blog-grid {
    padding: 60px 0 80px;
}

.blog-card {
    border: 1px solid #e0ddd8;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    height: 100%;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.blog-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    border-color: #00b4d8;
}

.blog-card-image {
    overflow: hidden;
    height: 220px;
}

.blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-card:hover .blog-card-image img {
    transform: scale(1.05);
}

.blog-card-image-placeholder {
    width: 100%;
    height: 220px;
    background: linear-gradient(135deg, #0f0a2a, #2d1b4e);
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-card-image-placeholder span {
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    letter-spacing: 2px;
}

.blog-card-content {
    padding: 28px;
}

.blog-card-meta {
    margin-bottom: 12px;
}

.blog-card-date {
    color: #00b4d8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.blog-card-title {
    margin: 0 0 12px;
    font-size: 20px;
    line-height: 1.4;
}

.blog-card-title a {
    color: #0f0a2a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.blog-card-title a:hover {
    color: #00b4d8;
}

.blog-card-excerpt {
    font-size: 14px;
    color: #6b6862;
    line-height: 1.6;
    margin-bottom: 16px;
}

.blog-card-link {
    color: #00b4d8;
    text-decoration: none;
    font-weight: 600;
    font-size: 13px;
    transition: color 0.2s ease;
}

.blog-card-link:hover {
    color: #0090ad;
}

/* Blog Pagination */
.blog-pagination {
    margin-top: 40px;
    text-align: center;
}

.blog-pagination .pagination {
    justify-content: center;
}

/* Blog Post Detail Page */
.blog-post-header {
    padding: 60px 0;
    background: linear-gradient(135deg, #f8f7f5 0%, #ffffff 100%);
    text-align: center;
}

.blog-post-header-inner {
    max-width: 800px;
    margin: 0 auto;
}

.blog-post-date {
    color: #00b4d8;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.blog-post-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 48px;
    font-weight: 500;
    color: #0f0a2a;
    margin: 20px 0;
    line-height: 1.2;
}

.blog-post-featured-image {
    margin-top: 30px;
}

.blog-post-featured-image img {
    max-width: 100%;
    border-radius: 12px;
}

/* Blog Post Content */
.blog-post-content {
    padding: 60px 0;
}

.post-content {
    font-size: 16px;
    line-height: 1.8;
    color: #333230;
}

.post-content h2 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 32px;
    font-weight: 500;
    color: #0f0a2a;
    margin: 40px 0 20px;
}

.post-content h3 {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 24px;
    font-weight: 500;
    color: #0f0a2a;
    margin: 30px 0 15px;
}

.post-content p {
    margin-bottom: 20px;
}

.post-content ul, .post-content ol {
    margin-bottom: 20px;
    padding-left: 20px;
}

.post-content li {
    margin-bottom: 8px;
}

.post-content img {
    max-width: 100%;
    border-radius: 12px;
    margin: 20px 0;
}

.post-content blockquote {
    border-left: 3px solid #00b4d8;
    padding-left: 24px;
    margin: 30px 0;
    font-style: italic;
    color: #6b6862;
}

.blog-post-footer {
    margin-top: 48px;
    text-align: center;
    padding-top: 32px;
    border-top: 1px solid #e0ddd8;
}

.back-to-blog {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #0f0a2a;
    color: white;
    padding: 12px 24px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: background 0.2s ease;
}

.back-to-blog:hover {
    background: #2d1b4e;
    color: white;
}

/* Related Posts Section */
.related-posts {
    padding: 60px 0;
    background: #f8f7f5;
}

.related-posts-title {
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 32px;
    font-weight: 500;
    color: #0f0a2a;
    text-align: center;
    margin-bottom: 40px;
}

.related-card {
    border: 1px solid #e0ddd8;
    border-radius: 12px;
    overflow: hidden;
    background: white;
    height: 100%;
    transition: all 0.3s ease;
}

.related-card:hover {
    border-color: #00b4d8;
    transform: translateY(-3px);
}

.related-card-content {
    padding: 24px;
}

.related-card-date {
    color: #00b4d8;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.related-card-title {
    margin: 12px 0;
    font-size: 16px;
    line-height: 1.4;
}

.related-card-title a {
    color: #0f0a2a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.related-card-title a:hover {
    color: #00b4d8;
}

.related-card-link {
    color: #00b4d8;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.related-card-link:hover {
    color: #0090ad;
}

/* Blog Empty State */
.blog-empty {
    text-align: center;
    padding: 60px 0;
}

.blog-empty p {
    font-size: 16px;
    color: #6b6862;
}

/* Responsive */
@media (max-width: 768px) {
    .blog-header-title {
        font-size: 36px;
    }
    
    .blog-post-title {
        font-size: 32px;
    }
    
    .blog-grid {
        padding: 40px 0 60px;
    }
    
    .blog-card-content {
        padding: 20px;
    }
    
    .related-posts {
        padding: 40px 0;
    }
    
    .related-posts-title {
        font-size: 28px;
    }
}