#jqcheck { background: rgb(255, 249, 215); text-align: center; color: rgb(51, 51, 51); padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: Poppins, sans-serif; }
* { margin: 0px; padding: 0px; }
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-track-piece { background-color: rgb(236, 237, 241); border-radius: 0px; border-left: 1px solid rgb(136, 136, 136); }
::-webkit-scrollbar-thumb:vertical { border-radius: 0px; background: var(--primary-color); }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select { appearance: none !important; line-height: 28px !important; }
}
body { font-family: Poppins, sans-serif; color: var(--default-color); font-size: var(--base-font-size); position: relative; }
.ff-primary { font-family: Poppins, sans-serif; }
.ff-secondary { font-family: Poppins, sans-serif; }
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }
.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: ""; font-size: 13px; color: white; padding-left: 10px; display: table-cell; vertical-align: middle; font-family: icomoon !important; }
.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); transition: all 0.4s ease 0s; background-color: transparent; padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px; color: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 255, 255) !important; }
.secpad-100 { padding: 100px 0px; }
.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }
li { font-family: "Libre Franklin", sans-serif; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0px; padding: 0px; }
h1, .h1, h2, .h2 { font-family: Poppins, sans-serif; }
h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Merriweather, 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-family: "Libre Franklin", sans-serif; }
p { font-weight: 400; line-height: 1.4; padding: 0px 0px 20px; margin: 0px; color: rgb(104, 112, 135); }
.sec-padding-100 { padding: 100px 0px; }
.sec-padding-90 { padding: 90px 0px; }
.sec-padding-80 { padding: 80px 0px; }
.sec-padding-70 { padding: 70px 0px; }
.sec-padding-60 { padding: 60px 0px; }
.sec-padding-xlarge { padding: 50px 0px; }
.sec-padding-large { padding: 40px 0px; }
.sec-padding-medium { padding: 30px 0px; }
.sec-padding-small { padding: 25px 0px; }
.sec-padding-xsmall { padding: 10px 0px; }
.sec-margin-100 { margin: 100px 0px; }
.sec-margin-90 { margin: 90px 0px; }
.sec-margin-80 { margin: 80px 0px; }
.sec-margin-70 { margin: 70px 0px; }
.sec-margin-60 { margin: 60px 0px; }
.sec-margin-xlarge { margin: 50px 0px; }
.sec-margin-large { margin: 40px 0px; }
.sec-margin-medium { margin: 30px 0px; }
.sec-margin-small { margin: 25px 0px; }
.sec-margin-xsmall { margin: 10px 0px; }
.p-0 { padding: 0px; }
.pt-0 { padding-top: 0px; }
.pb-0 { padding-bottom: 0px; }
.pl-0 { padding-left: 0px; }
.pr-0 { padding-right: 0px; }
.m-0 { margin: 0px; }
.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; }
.bubbles_wrap { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; overflow: hidden; pointer-events: none; }
@-webkit-keyframes animateBubble { 
  0% { margin-top: 20%; }
  100% { margin-top: -30%; }
}
@keyframes animateBubble { 
  0% { margin-top: 20%; }
  100% { margin-top: -30%; }
}
@-webkit-keyframes sideWays { 
  0% { margin-left: 0px; }
  100% { margin-left: 25px; }
}
@keyframes sideWays { 
  0% { margin-left: 0px; }
  100% { margin-left: 25px; }
}
span { font-family: "Libre Franklin", sans-serif; }
.x1 { animation: 15s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 6%; top: 45%; background: rgb(255, 183, 57); }
.x2 { animation: 10s linear 0s infinite normal none running animateBubble, 4s ease-in-out 0s infinite alternate none running sideWays; left: 5%; top: 80%; background: rgb(252, 79, 221); }
.x3 { animation: 18s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 10%; top: 40%; background: rgb(94, 213, 203); }
.x4 { animation: 12s linear 0s infinite normal none running animateBubble, 3s ease-in-out 0s infinite alternate none running sideWays; left: 20%; top: 0px; background: rgb(61, 228, 163); }
.x5 { animation: 19s linear 0s infinite normal none running animateBubble, 4s ease-in-out 0s infinite alternate none running sideWays; left: 30%; top: 50%; background: rgb(252, 79, 177); }
.x6 { animation: 11s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 50%; top: 0px; background: rgb(44, 74, 255); }
.x7 { animation: 10s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 65%; top: 70%; background: rgb(255, 183, 57); }
.x8 { animation: 12s linear 0s infinite normal none running animateBubble, 3s ease-in-out 0s infinite alternate none running sideWays; left: 80%; top: 10%; background: rgb(143, 61, 228); }
.x9 { animation: 19s linear 0s infinite normal none running animateBubble, 4s ease-in-out 0s infinite alternate none running sideWays; left: 90%; top: 50%; background: rgb(255, 243, 57); }
.x10 { animation: 16s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 80%; top: 80%; background: rgb(252, 79, 79); }
.bubble { border-radius: 50%; box-shadow: none; height: 5px; position: absolute; width: 5px; }
p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
ul, li { list-style-type: none; }
.relative { position: relative; }
.absolute { position: absolute; }
h2, .h2 { color: rgb(23, 23, 23); line-height: 1.2; font-weight: 700; padding: 0px 0px 15px; position: relative; letter-spacing: -1px; }
h2 span, .h2 span { color: var(--primary-color); }
a { text-decoration: none; }
.list-simple { list-style: none; margin: 0px 0px 15px; width: 100%; display: inline-block; }
.list-simple li { color: var(--default-color); padding: 0px 0px 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: ""; font-family: icomoon !important; }
.moreFull { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.transition { transition: all 0.3s ease-in-out 0s; }
.scale-with-transition { transition: all 200ms ease-in 0s; transform: scale(1.05); }
.home-pg { background-image: url("../images/homepage-background-2.jpg"); background-size: cover; background-repeat: no-repeat; overflow-x: hidden; height: auto; }
.home-pg::after { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.44); top: 0px; z-index: -1; }
/*header { padding: 30px 0px; position: fixed; width: 100%; z-index: 999; }*/
header { padding: 30px 0px; width: 100%; z-index: 999; }
header .logowrp { }
header .logowrp img { }
header .navwrp { }
header .navwrp ul { margin: 0px; display: block; text-align: right; }
header .navwrp ul li { display: inline-block; margin: 0px 0px 0px 30px; }
header .sernev ul li.vidowrp { float: right; margin: 0px; }
header .sernev ul li.vidowrp i { margin: 0px 10px 0px 0px; }
header .sernev ul li:hover .dropwrp { display: block !important; }
header .sernev ul li .dropwrp { display: none; position: absolute; width: 210px; left: -60px; top: 36px; padding: 0px 20px; background: rgba(39, 39, 39, 0.78); box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; }
header .sernev ul li .dropwrp ul { display: block; text-align: left; margin: 20px 0px; }
header .sernev ul li .dropwrp ul li { display: block; padding: 0px 0px 10px 19px; border-bottom: 1px solid; margin: 0px 0px 15px; }
header .sernev ul li .dropwrp ul li a { }
header .sernev ul li .dropwrp ul li::after { content: ""; position: absolute; left: 0px; font-family: FontAwesome; color: rgb(189, 152, 56); }
header .navwrp ul li a { font-size: 15px; color: rgb(255, 255, 255); }
header .navwrp ul li a.nmbtwrp {-webkit-text-fill-color: transparent;font-weight: 600;background: #62e389;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;}
header .navwrp ul li a.btn-1 { color: rgb(0, 0, 0); background: rgb(255, 255, 255); padding: 15px 20px; border-radius: 4px; font-weight: 600; }
header .sernev { background: rgba(0, 0, 0, 0.27); padding: 20px 0px; margin: 20px 0px 0px; border-radius: 7px; }
header .sernev ul { display: block; text-align: center; margin: 0px; }
header .sernev ul li { display: inline-block; margin: 0px 20px; position: relative; }
header .sernev ul li a { color: rgb(255, 255, 255); padding: 0px 0px 20px; transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important; }
header .sernev ul li a:hover { }
header.header-main.showmenu .sernev { }
.header-main.showmenu { background-color: rgb(39, 39, 39); box-shadow: rgba(0, 0, 0, 0.41) -1px -2px 15px -3px; }
.upr-head { font-size: 18px; }
.btn-1 { color: rgb(255, 255, 255); background: rgb(0, 0, 0); font-weight: 600; padding: 20px 30px; border-radius: 4px; transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important; }
.btn-1:hover { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); }
.btn-2:hover {background: linear-gradient(to left,#02884d 0,#12cc91 100%);color: rgb(255, 255, 255);}
.btn-2 { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0); padding: 20px 30px; border-radius: 4px; font-weight: 600; margin: 0px 0px 0px 15px; }
.main-pera { color: rgb(255, 255, 255); font-size: 18px; transition: all 300ms ease 0s; }
.home-bnr-wrp { padding: 220px 0px 40px; z-index: 2; position: relative; }
.home-bnr-wrp .img-2 { position: absolute; top: 0px; width: 40%; }
.home-bnr-wrp .txtwrp { }
.home-bnr-wrp .txtwrp h1 { font-size: 24px; color: rgb(255, 255, 255); }
.home-bnr-wrp .btnwrp { display: block; padding: 50px 0px 0px; }
.home-bnr-wrp .formwrp { padding: 50px 0px 0px; }
.home-bnr-wrp .formwrp form { }
.home-bnr-wrp .formwrp form .lablewrp { }
.home-bnr-wrp .formwrp form .lablewrp input { width: 100%; font-family: Poppins, sans-serif; border-width: 0px 1px 0px 0px; border-right-style: solid; border-right-color: rgba(244, 179, 62, 0.47); background: white; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; padding: 12px 30px; color: rgb(83, 89, 113); font-size: 14px; height: 62px; line-height: normal; font-weight: 400; margin: 0px 0px 20px; border-radius: 8px !important; outline: none !important; }
.home-bnr-wrp .formwrp form .lablewrp input.btntwrp { color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; background: -webkit-linear-gradient(43deg, rgb(218, 135, 64) 0%, rgb(231, 174, 102) 99%); }
.home-bnr-wrp .formwrp form .lablewrp textarea { width: 100%; margin: 0px; font-family: Poppins, sans-serif; border-width: 0px 1px 0px 0px; border-right-style: solid; border-right-color: rgba(244, 179, 62, 0.47); background: white; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; padding: 22px 20px 0px; color: rgb(83, 89, 113); font-size: 14px; height: 62px; line-height: normal; font-weight: 400; border-radius: 8px !important; outline: none !important; }
.home-bnr-wrp .img-1 { position: absolute; width: 100%; top: 0px; right: -970px; z-index: -1; }
.home-bnr-wrp .imgwrp { position: relative; }
.home-bnr-wrp .imgwrp img.bookimg { width: 85%; position: absolute; left: -70px; z-index: -1; }
.home-bnr-wrp .imgwrp img.iphnimg { position: absolute; top: 210px; right: 0px; }
.home-bnr-wrp .videowrp { }
.home-bnr-wrp .videowrp video { transform: rotate(336deg); width: 56%; position: absolute; right: 105px; height: 42%; top: 255px; }
.whychousewrp { position: relative; padding: 20px 0px 40px; }
.whychousewrp img.bookwrp { position: absolute; width: 57%; top: -320px; left: -70px; }
.whychousewrp img.book-stk { position: absolute; width: 60%; left: -400px; z-index: -1; top: 180px; }
.whychousewrp img.this { position: absolute; left: -320px; top: 750px; z-index: 1; }
.whychousewrp img.notebkwrp { width: 42%; position: absolute; bottom: -250px; right: 60px; }
.whychousewrp img.screwed { position: absolute; right: 310px; bottom: 220px; }
.whychousewrp .txtwrp { position: relative; }
.whychousewrp .txtwrp img.glasswrp { width: 100%; position: absolute; top: -360px; z-index: -1; right: -110px; }
.whychousewrp .txtwrp.ulwrp { margin: 0px 0px 0px 160px; position: relative; z-index: 11; }
.whychousewrp .txtwrp.ulwrp ul { }
.whychousewrp .txtwrp.ulwrp ul li { display: block; padding: 0px 0px 5px 25px; color: rgb(255, 255, 255); position: relative; }
.whychousewrp .txtwrp.ulwrp ul li::after { content: ""; position: absolute; left: 0px; top: 0px; font-family: FontAwesome; }
.whychousewrp .imgboxwrp { position: relative; }
.whychousewrp .imgboxwrp img { width: 93%; position: relative; top: 60px; }
.sermain { padding: 250px 0px 0px; }
.sermain .txtwrp { position: relative; z-index: 11; text-align: center; padding: 0px 0px 30px; }
.sermain .mainwrp { position: relative; z-index: 11; background-repeat: no-repeat; background-size: cover; overflow: hidden; cursor: pointer; transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important; }
.sermain .mainwrp.bg-1 { background-image: url("../images/ghost-writing-home.png"); background-repeat: no-repeat; background-size: cover; height: 380px; }
.sermain .mainwrp.bg-2 { background-image: url("../images/04.jpg"); height: 260px; }
.sermain .mainwrp.bg-3 { background-image: url("../images/05.jpg"); height: 259px; }
.sermain .mainwrp.bg-4 { background-image: url("../images/01.jpg"); height: 360px; }
.sermain .mainwrp.bg-5 { background-image: url("../images/02.jpg"); height: 482px; top: -122px; }
.sermain .mainwrp .txtdiv { position: absolute; padding: 0px 40px; width: 100%; bottom: 30px; z-index: 11; transition: all 0.5s ease 0s; left: -660px; }
.sermain .mainwrp .txtdiv h4 { color: rgb(255, 255, 255); font-size: 20px; }
.sermain .mainwrp .txtdiv p { color: rgb(255, 255, 255); }
.sermain .mainwrp:hover .clr-div::after { left: 0px; }
.sermain .mainwrp:hover .txtdiv { left: 0px; }
.sermain .mainwrp .clr-div::after { content: ""; background: rgba(226, 168, 60, 0.82); width: 100%; height: 100%; position: absolute; left: -570px; transition: all 0.5s ease 0s; }
.sermain .mainwrp:hover { transform: scale(0.9); }
.testiwrp { padding: 20px 0px 50px; }
.testiwrp .txtwrp { display: block; text-align: center; }
.testiwrp .txtwrp h4 img { width: 70px; }
.testiwrp .mainwrp { background: rgba(1, 1, 1, 0.4); padding: 80px 60px; width: 57%; margin: 0px auto; text-align: center; }
.testiwrp .mainwrp .txtdiv { display: block; padding: 0px 0px 50px; }
.testiwrp .mainwrp .txtdiv p { color: rgb(200, 190, 180); font-family: cursive; font-size: 18px; display: block; text-align: center; }
.testiwrp .mainwrp .imgwrp { display: inline-block; }
.testiwrp .mainwrp .imgwrp img { border-radius: 50%; width: 80px; }
.testiwrp .mainwrp .infowrp { display: inline-block; vertical-align: top; padding: 0px 0px 0px 30px; }
.testiwrp .mainwrp .infowrp span { display: block; text-align: left; padding: 0px 0px 20px; }
.testiwrp .mainwrp .infowrp span i { color: rgb(255, 200, 61); text-align: left; }
.testiwrp .mainwrp .infowrp h5 { color: rgb(255, 255, 255); font-size: 18px; }
.testiwrp .mainwrp .infowrp h6 { color: rgb(218, 218, 218); font-size: 15px; text-align: left; display: block; }
.topfotr { padding: 60px 0px 30px; background: rgb(0, 0, 0); z-index: 1; position: relative; }
.topfotr .navwrp { }
.topfotr .navwrp h4 { color: rgb(255, 255, 255); font-size: 20px; }
.topfotr .navwrp ul { margin: 30px 0px 0px; }
.topfotr .navwrp ul li { padding: 0px 0px 10px; }
.topfotr .navwrp ul li a { color: rgb(255, 255, 255); }
.hmebtm { position: relative; padding: 0px; height: 370px; overflow: hidden; }
.hmebtm .img-1 { position: absolute; right: -270px; width: 40%; bottom: -380px; }
.hmebtm .img-2 { position: absolute; top: 80px; width: 50%; left: 240px; }
.hmebtm .img-3 { position: absolute; left: -500px; z-index: -1; }
h2.main-heading { font-size: 36px; color: rgb(23, 23, 23); }
.ser-pg .main-pera { color: rgb(76, 76, 76); font-size: 16px; padding: 0px; font-weight: 500; margin: auto auto 20px; line-height: 27px; }
.ser-pg .btn-2 {background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);}
.ghost-bnrwrp { padding: 70px 0px 80px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; }
.ghost-bnrwrp .txtwrp { }
.ghost-bnrwrp .txtwrp h2 { color: rgb(255, 255, 255); font-size: 46px; font-weight: 500; }
.ghost-bnrwrp .txtwrp p { color: rgb(255, 255, 255); }
.ghost-bnrwrp .btnwrp { display: block; padding: 30px 0px 0px; }
.ghost-bnrwrp .txtwrp ul { }
.ghost-bnrwrp .txtwrp ul li { color: rgb(255, 255, 255); font-size: 16px; padding: 0px 0px 6px 30px; position: relative; }
.ghost-bnrwrp .txtwrp ul li::after { content: ""; position: absolute; font-family: FontAwesome; left: 0px; top: 0px; }
.secnd-fld { padding: 70px 0px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.secnd-fld img { width: 100%; }
.secnd-fld .txtwrp h2 { font-size: 32px; font-weight: 700; padding-bottom: 30px; color: rgb(23, 23, 23); }
.secnd-fld .txtwrp p { color: rgb(76, 76, 76); font-size: 16px; padding: 0px; font-weight: 500; margin: auto auto 30px; line-height: 27px; }
.secnd-fld .btnwrp { display: block; padding: 50px 0px 0px; }
.secnd-fld .imgwrp { position: relative; }
.secnd-fld .imgwrp img { width: 100%; }
.secnd-fld .ser-wrp h4 { color: rgb(0, 0, 0); padding: 30px 0px 0px; font-size: 22px; font-weight: 600; }
.secnd-fld .ser-wrp ul { margin: 30px 0px 0px 30px; }
.secnd-fld .ser-wrp ul li { color: rgb(90, 96, 111); font-size: 17px; font-weight: 500; display: inline-block; width: 100%; padding: 0px 0px 5px; position: relative; }
.secnd-fld .ser-wrp ul li::after { content: ""; font-size: 19px; margin-right: 0px; font-family: FontAwesome; position: absolute; color: rgb(222, 146, 75); background: rgb(255, 255, 255); padding: 0px 3px; border-radius: 50%; width: 20px; height: 20px; left: -30px; }
.secnd-fld .mainwrp { display: block; text-align: center; padding: 20px 10px; margin-bottom: 60px; border-radius: 7px; }
.secnd-fld .mainwrp img { padding-bottom: 20px; width: 50%; margin: 0px auto; text-align: center; display: block; }
.secnd-fld .mainwrp h4 { font-size: 15px; color: rgb(0, 0, 0); padding: 0px; }
.secnd-fld .mainwrp:hover { box-shadow: rgb(210, 210, 210) 0px 0px 20px 1px; z-index: 2; transition: all 200ms ease-in 0s; transform: scale(1.05); }
.secnd-fld .ser-wrp { display: block; }
.secnd-fld .ser-wrp.extra { display: block; }
.how-workwrp { padding: 70px 0px; text-align: center; display: block; background: rgb(245, 242, 242); }
.how-workwrp h2 { font-size: 30px; color: rgb(0, 0, 0); font-weight: 700; padding-bottom: 60px; }
.how-workwrp .mainwrp { display: block; margin-bottom: 70px; padding: 30px 10px; border-radius: 7px; border: 1px solid rgb(216, 201, 201); height: 350px; }
.how-workwrp .mainwrp:hover { box-shadow: rgb(210, 210, 210) 0px 0px 20px 1px; z-index: 2; transition: all 200ms ease-in 0s; transform: scale(1.05); background: rgb(255, 255, 255); }
.how-workwrp .mainwrp img { width: 70px; }
.how-workwrp .mainwrp h4 { font-size: 20px; color: rgb(0, 0, 0); padding: 20px 0px 10px; font-weight: 700; }
.how-workwrp .mainwrp p { font-size: 14px; color: rgb(90, 96, 111); font-weight: 500; padding: 0px; width: 80%; margin: 0px auto; }
.how-workwrp .btnwrp { margin: 0px; }
.logotype-wrp { background: rgb(8, 21, 43); padding: 70px 0px; }
.logotype-wrp .ser-port { }
.logotype-wrp .ser-port li { }
.logotype-wrp .ser-port li .mainwrp { background: rgb(255, 255, 255); border-radius: 10px; }
.logotype-wrp .ser-port li .mainwrp .txtwrp { display: block; text-align: center; }
.logotype-wrp .ser-port li .mainwrp .txtwrp.bak-clr { position: relative; z-index: 1; }
.logotype-wrp .ser-port li .mainwrp .txtwrp.bak-clr::after { content: ""; background: rgb(32, 45, 69); position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: -1; border-radius: 9px 9px 0px 0px; }
.logotype-wrp .ser-port li .mainwrp .txtwrp h4 { color: rgb(255, 255, 255); font-size: 32px; padding: 20px 0px; }
.logotype-wrp .ser-port li .mainwrp .txtwrp h4 span { color: rgb(234, 83, 22); }
.logotype-wrp .ser-port li .mainwrp .txtwrp p { color: rgb(32, 45, 69); font-size: 16px; width: 90%; margin: 0px auto; }
.logotype-wrp .ser-port li .mainwrp .imgwrp { display: block; text-align: center; margin: 15px 0px; }
.logotype-wrp .ser-port li .mainwrp .imgwrp img { width: 70%; }
.logotype-wrp .ser-port li .mainwrp .txtwrp .btnwrp { padding: 20px 0px 50px; }
.logotype-wrp .tabbing-links { }
.logotype-wrp .tabbing-links li i { background-image: url("../images/sprite.png"); background-repeat: no-repeat; width: 55px; display: inline-block; height: 50px; margin: 0px auto 10px; transition: all 0.5s ease 0s; position: absolute; }
.logotype-wrp .tabbing-links li i.one { }
.logotype-wrp .tabbing-links li i.two { background-position: -50px -4px; }
.logotype-wrp .tabbing-links li i.three { background-position: -110px -4px; }
.logotype-wrp .tabbing-links li i.four { background-position: -170px -4px; }
.logotype-wrp .tabbing-links li i.five { background-position: -225px -5px; }
.logotype-wrp .tabbing-links li i.six { background-position: 0px -65px; }
.logotype-wrp .tabbing-links li i.seven { background-position: -60px -65px; }
.logotype-wrp .tabbing-links li i.eight { background-position: -110px -65px; }
.logotype-wrp .tabbing-links li i.nine { background-position: -170px -65px; }
.logotype-wrp .tabbing-links li i.ten { background-position: -225px -65px; }
.logotype-wrp .tabbing-links li.current i.one { background-position: 0px -125px; }
.logotype-wrp .tabbing-links li.current i.two { background-position: -50px -125px; }
.logotype-wrp .tabbing-links li.current i.three { background-position: -110px -125px; }
.logotype-wrp .tabbing-links li.current i.four { }
.logotype-wrp .tabbing-links li.current i.five { background-position: -225px -125px; }
.logotype-wrp .tabbing-links li.current i.six { background-position: 0px -185px; }
.logotype-wrp .tabbing-links li.current i.seven { background-position: -60px -185px; }
.logotype-wrp .tabbing-links li.current i.eight { background-position: -110px -185px; }
.logotype-wrp .tabbing-links li.current i.nine { background-position: -170px -187px; }
.logotype-wrp .tabbing-links li.current i.ten { background-position: -225px -187px; }
.logotype-wrp .tabbing-links li { background: rgb(16, 28, 53); width: 31%; display: inline-block; padding: 27px 10px; margin: 0px 5px 16px; vertical-align: top; height: 85px; cursor: pointer; position: relative; transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important; }
.logotype-wrp .tabbing-links li img { display: inline-block; width: 40px; visibility: hidden; }
.logotype-wrp .tabbing-links li h6 { display: inline-block; font-size: 14px; color: rgb(255, 255, 255); padding: 0px 0px 0px 8px; }
.logotype-wrp .tabbing-links h4 { font-size: 32px; display: block; text-align: center; color: rgb(255, 255, 255); }
.logotype-wrp .tabbing-links h4 span { color: rgb(234, 83, 22); font-size: 32px; }
.logotype-wrp .tabbing-links p { display: block; text-align: center; color: rgb(255, 255, 255); font-size: 18px; }
.logotype-wrp .tabbing-links span { color: rgb(255, 255, 255); padding: 0px; display: block; font-size: 13px; }
.logotype-wrp .tabbing-links li.btnwrp { background-image: linear-gradient(rgb(243, 108, 18), rgb(173, 36, 62)); text-align: center; }
.logotype-wrp .tabbing-links li.btnwrp a { color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative; top: 5px; }
.logotype-wrp .tabbing-links li:hover { transform: scale(1.1); background-image: linear-gradient(rgb(243, 108, 18), rgb(173, 36, 62)); }
.logotype-wrp .tabbing-links li.current { transform: scale(1.1); background-image: linear-gradient(rgb(243, 108, 18), rgb(173, 36, 62)); }
.tabs { display: none; }
.tabs.current { display: block; }
.cta-grey-section { background-size: cover; }
.inner-layer { padding: 40px 30px; background: url("../images/cta-image.png") 0% 0% / cover no-repeat; }
.cgrey-text h6 { color: rgb(255, 255, 255); font-weight: 600; font-size: 30px; text-transform: capitalize; }
.cgrey-text p { color: rgb(247, 247, 247); font-size: 20px; }
.col-lg-9.cgrey-text { text-align: center; }
.cgrey-btns .btnwrp .btn-one { padding: 10px 15px; }
.cgrey-btns .btnwrp .btn-one:hover { background-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); }
.cgrey-btns .btnwrp { margin: 13px 0px; text-align: center; padding: 20px 0px 10px; }
.cgrey-btns .btnwrp a { margin: 0px 0px 0px 20px; }
.cgrey-btns .btnwrp .btn-secnd { color: rgb(255, 255, 255); padding: 10px 15px; }
.cgrey-btns .ul-flex { display: flex; justify-content: center; padding-left: 35px; padding-right: 35px; margin-top: 40px; }
.cgrey-btns .ul-flex li { color: rgb(255, 255, 255); margin-left: 45px; }
.cgrey-btns { text-align: right; }
.cgrey-btns .star { color: rgb(255, 178, 2); display: inline-block; }
.cta-red-section .btn-one { color: rgb(0, 0, 0); padding: 10px 15px; background-color: rgb(255, 255, 255) !important; border-color: rgb(255, 255, 255) !important; }
.cta-red-section .btn-secnd { color: rgb(255, 255, 255); padding: 10px 15px; margin-left: 15px; }
.cta-red-section .btn-three { background-color: rgb(244, 53, 53); font-size: 16px; border-radius: 7px; font-weight: 500; transition: all 0.5s ease 0s; border: 1px solid rgb(244, 53, 53); color: rgb(255, 255, 255); padding: 10px 15px; }
.cta-red-section { background-image: url("../images/cta-1.png"); padding: 20px 30px; background-size: cover; }
.ser-pg .testiwrp { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; }
.ser-pg .testiwrp::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; z-index: -1; }
.ser-pg .testiwrp .txtwrp { }
.ser-pg .testiwrp .txtwrp h4 { color: rgb(255, 255, 255); background-image: unset; background-clip: unset; -webkit-text-fill-color: unset; }
.ser-pg .testiwrp .txtwrp p { color: rgb(255, 255, 255); }

footer{background: #091523;padding: 60px 0 60px;}
footer .bdr{border-bottom: 1px solid #d0c5c447; padding-bottom: 20px; }
footer .txtdiv{}
footer .txtdiv h4{color: #fff;font-size: 22px;}
footer .txtdiv a{color: #fff;font-size: 17px;display: block;padding: 0 0 10px;}
footer .txtdiv a i{color: #fff;margin: 0 10px 0 0;}
footer .txtdiv img{width: 100%;margin: 20px 0 0;}
footer .btnwrp{display: block; text-align: right; }
footer .btnwrp a.btn-1{}
footer .btnwrp a.btn-2{background: #fff; color: #000; }
footer .txtwrp{display: block; padding: 40px 0 0; }
footer .txtwrp p{padding: 0; color: #fff; font-size: 15px; }
footer .txtwrp img{width: 90%;float: right;}




.btmftrwrp { background: rgb(16, 15, 15); padding: 25px 0px; box-shadow: rgba(255, 251, 251, 0.05) 0px -9px 23px 4px; }
.btmftrwrp .txtwrp { }
.btmftrwrp .txtwrp span { color: rgb(255, 255, 255); }
.btmftrwrp .txtwrp span a{    font-weight: 600;
    background: linear-gradient( 
43deg
 , #EAB543 0%, #c78535 99%);
     margin: 0 0 0 5px;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize; }
 .btmftrwrp .txtwrp span strong{background: linear-gradient( 
43deg
 , #EAB543 0%, #c78535 99%);
 margin: 0 5px 0;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;}   
.btmftrwrp .txtwrp ul { margin: 0px; display: block; text-align: right; }
.btmftrwrp .txtwrp ul li { display: inline-block; margin: 0px 0px 0px 30px; }
.btmftrwrp .txtwrp ul li a { color: rgb(255, 255, 255); }
.reasonwrp { background-color: rgb(255, 255, 255); padding: 90px 0px; position: relative; z-index: 1; left: 0px; }
.reasonwrp::after { content: ""; background-image: url("../images/reason-bg.png"); position: absolute; width: 70%; height: 100%; top: 0px; z-index: -1; background-repeat: no-repeat; background-size: cover; }
.reasonwrp .mainwrp { width: 80%; float: right; }
.reasonwrp .txtwrp h2 { font-size: 32px; color: rgb(255, 255, 255); font-weight: 700; padding: 0px 0px 30px; }
.reasonwrp .txtwrp h4 { color: rgb(255, 255, 255); font-size: 22px; position: relative; }
.reasonwrp .txtwrp p { font-size: 16px; color: rgb(255, 255, 255); font-weight: 200; padding: 0px 0px 30px; margin: 0px; }
.reasonwrp .txtwrp h4::after { position: absolute; content: ""; font-family: FontAwesome; left: -20px; border-radius: 50%; top: 0px; }
.reasonwrp .imgwrp { }
.reasonwrp .imgwrp img { width: 100%; height: 550px; object-fit: cover; }
.reasonwrp .btn-secnd { color: rgb(255, 255, 255); }
.reasonwrp .btn-one:hover { color: rgb(255, 255, 255); }
.reasonwrp .btnwrp { display: block; padding: 30px 0px 0px; }
.countewrp { padding: 50px 0px; background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); }
.countewrp .mainwrp { display: block; text-align: center; }
.countewrp .mainwrp ul { margin: 0px auto; display: block; text-align: center; }
.countewrp .mainwrp ul li { display: inline-block; width: 33%; border-left: 3px solid rgb(240, 111, 41); }
.countewrp .mainwrp ul li span { color: rgb(255, 255, 255); font-size: 36px; font-weight: 600; }
.countewrp .mainwrp ul li p { color: rgb(255, 255, 255); font-size: 20px; padding: 0px; }
.pkgewrp { padding: 70px 0px; }
.pkgewrp .txtwrp { display: block; text-align: center; }
.pkgewrp .pkgebox { display: block; padding: 40px 0px 0px; }
.pkgewrp .pkgebox ul { margin: 0px auto; display: block; text-align: center; }
.pkgewrp .pkgebox ul li { display: inline-block; margin: 0px 10px; width: 34%; }
.pkgewrp .pkgebox ul li .mainpge { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; padding: 50px 0px; border-radius: 7px; }
.pkgewrp .pkgebox ul li .mainpge .namwrp { }
.pkgewrp .pkgebox ul li .mainpge .namwrp h4 { font-size: 26px; }
.pkgewrp .pkgebox ul li .mainpge .namwrp span { color: rgb(0, 0, 0); font-size: 18px; }
.pkgewrp .pkgebox ul li .mainpge .maintionwrp { padding: 20px 0px; margin: 20px 0px; background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); }
.pkgewrp .pkgebox ul li .mainpge .maintionwrp p { padding: 0px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 500; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp { padding: 20px 30px 0px; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp ul { text-align: left; display: block; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp ul li { display: block; width: 100%; padding: 0px 0px 15px 27px; font-size: 16px; position: relative; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp ul li::after { content: ""; position: absolute; font-family: FontAwesome; left: 0px; color: rgb(221, 144, 72); top: 0px; }
.pkgewrp .pkgebox ul li .mainpge .btnwrp { display: block; padding: 40px 0px 0px; }
.pkgewrp .pkgebox ul li .mainpge .btnwrp a { color: rgb(255, 255, 255); padding: 20px; border-radius: 7px; background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); }
.btmfrom { padding: 70px 0px; }
.btmfrom .txtwrp { }
.btmfrom .formwrp { }
.btmfrom .formwrp form { }
.btmfrom .formwrp form .lablerp { }
.btmfrom .formwrp form .lablerp textarea { width: 100%; border: 1px solid rgb(220, 220, 220); background: white; padding: 10px 15px; color: gray; font-size: 16px; border-radius: 5px; height: 160px; font-weight: 400; margin: 0px 0px 20px; outline: none !important; }
.btmfrom .formwrp form .lablerp input { width: 100%; border: 1px solid rgb(220, 220, 220); background: white; padding: 10px 15px; color: gray; font-size: 16px; border-radius: 5px; height: 60px; font-weight: 400; margin: 0px 0px 20px; outline: none !important; }
.btmfrom .formwrp form .lablerp input.brnwrp { color: rgb(255, 255, 255); font-weight: 600; background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); font-size: 19px; }
.btmfrom .formwrp form .lablerp select { width: 100%; background: white; padding: 10px 15px; color: gray; font-size: 13px; border-radius: 5px; border: 1px solid rgb(220, 220, 220); height: 60px; font-weight: 400; margin: 0px 0px 30px; outline: none !important; }
.tabs { display: none; }
.tabs.current { display: block; }
.servicesec { width: 100%; padding: 0px 0px 60px; text-align: center; background: rgb(9, 21, 35); }
.servicesec h4 { font-size: 36px; text-align: center; margin-bottom: 15px; width: 100%; font-weight: 700; }
.servicesec p { text-align: center; font-size: 20px; width: 100%; }
.servicesec .boxwrap { display: inline-block; width: 100%; text-align: center; }
.servicesec .boxwrap li { cursor: pointer; transition: all 0.5s ease 0s; margin: 0px 10px 20px; position: relative; border-radius: 10px; min-height: 215px; padding: 40px; background: rgb(255, 255, 255); width: 18.1%; box-shadow: rgba(0, 0, 0, 0.16) 3px -8px 43px 0px; }
.servicesec .boxwrap li.current { background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); }
.servicesec .boxwrap li.current i.one { background-position: 10px -70px; }
.servicesec .boxwrap li.current i.two { background-position: -70px -70px; }
.servicesec .boxwrap li.current i.three { background-position: -170px -70px; }
.servicesec .boxwrap li.current i.four { background-position: -250px -70px; }
.servicesec .boxwrap li.current i.five { background-position: -320px -70px; }
.servicesec .boxwrap li.current i.six { background-position: -410px -60px; }
.servicesec .boxwrap li.current i.seven { background-position: -490px -60px; }
.servicesec .boxwrap li.current i.eight { background-position: 10px -70px; }
.servicesec .boxwrap li.current h6 { color: rgb(255, 255, 255); }
.servicesec .boxwrap li i { background-image: url("../images/services-icons.png"); background-repeat: no-repeat; width: 75px; display: inline-block; height: 80px; margin: 0px auto 10px; transition: all 0.5s ease 0s; }
.servicesec .boxwrap li i.one { background-position: 13px 10px; }
.servicesec .boxwrap li i.two { background-position: -70px 10px; }
.servicesec .boxwrap li i.three { background-position: -150px 10px; }
.servicesec .boxwrap li i.four { background-position: -230px 10px; }
.servicesec .boxwrap li i.five { background-position: -320px 10px; }
.servicesec .boxwrap li i.six { background-position: -400px 20px; }
.servicesec .boxwrap li i.seven { background-position: -490px 10px; }
.servicesec .boxwrap li i.eight { background-position: 10px 10px; }
.servicesec .boxwrap li h6 { transition: all 0.5s ease 0s; color: rgb(44, 44, 44); font-size: 14px; }
.servicesec .boxwrap li:hover { box-shadow: rgba(32, 203, 152, 0.09) 0px 0px 45px; transform: translateY(-0.625rem); background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); transition: all 0.4s ease 0s; }
.servicesec .boxwrap li:hover i.one { background-position: 13px -70px; }
.servicesec .boxwrap li:hover i.two { background-position: -70px -70px; }
.servicesec .boxwrap li:hover i.three { background-position: -150px -70px; }
.servicesec .boxwrap li:hover i.four { background-position: -230px -70px; }
.servicesec .boxwrap li:hover i.five { background-position: -320px -70px; }
.servicesec .boxwrap li:hover i.sie { background-position: -320px -70px; }
.servicesec .boxwrap li:hover i.seven { background-position: -490px -60px; }
.servicesec .boxwrap li:hover i.eight { background-position: 5px -60px; }
.servicesec .boxwrap li:hover h6 { color: rgb(255, 255, 255); }
.services-navwrp .mainwrp-second .txtwrp { }
.services-navwrp .mainwrp-second .txtwrp h2 { color: rgb(255, 255, 255); font-size: 30px; font-weight: 700; padding: 0px 0px 30px; text-align: left; }
.services-navwrp .mainwrp-second .txtwrp p { }
.services-navwrp .mainwrp-second .imgtabs { display: none; }
.services-navwrp .mainwrp-second .imgtabs ul { display: block; text-align: center; margin: 30px 0px 0px; }
.services-navwrp .mainwrp-second .imgtabs ul li { display: inline-block; width: 23%; }
.services-navwrp .mainwrp-second .imgtabs ul li img { width: 60%; }
.services-navwrp .mainwrp-second .imgtabs ul li p { color: rgb(255, 255, 255); font-size: 14px; margin: 10px 0px 0px; }
.services-navwrp .mainwrp-second .imgtabs .btn-secnd { color: rgb(255, 255, 255); }
.services-navwrp .btn-one:hover { color: rgb(255, 255, 255); }
.services-navwrp .imgdiv { height: auto; }
.services-navwrp .imgdiv img { width: 100%; height: 420px; object-fit: cover; }
.services-navwrp .mainwrp-second h2 span { color: rgb(255, 255, 255); font-weight: 200; }
.ghost-bnrwrp .overwrp { position: absolute; width: 100%; height: 100%; top: 0px; background: linear-gradient(to right, rgba(217, 68, 39, 0.24) 0%, rgba(240, 112, 40, 0.81) 100%); z-index: -1; }
.ghost-bnrwrp.autdiobook { height: 620px; padding-top: 260px; }
.ghost-bnrwrp.autdiobook .txtwrp h2 span { color: rgb(255, 255, 255); }
.mainsec-logos { padding: 70px 0px; background-image: url("../images/Screen_Shot_2021-05-.png"); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; margin: 0px 0px 130px; }
.mainsec-logos::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; background: linear-gradient(to right, rgba(217, 68, 39, 0.55) 0%, rgba(240, 112, 40, 0.78) 100%); z-index: -1; }
.mainsec-logos .txtwrp { display: block; text-align: center; padding: 0px 0px 40px; }
.mainsec-logos .txtwrp h2 { color: rgb(255, 255, 255); }
.mainsec-logos .txtwrp p { color: rgb(255, 255, 255); }
.mainsec-logos .txtwrp h2 span { color: rgb(0, 0, 0); }
.mainsec-logos .mainwrp { background: rgb(255, 255, 255); padding: 40px 0px; position: absolute; width: 100%; border-radius: 7px; }
.mainsec-logos .mainwrp ul { margin: 0px; display: block; text-align: center; }
.mainsec-logos .mainwrp ul li { display: inline-block; margin: 0px 30px; }
.mainsec-logos .mainwrp ul li img { width: 90px; }
section.service_we_offer { background: transparent; text-align: center; padding-top: 50px; padding-bottom: 50px; }
.primary_main i { background: white; width: 70px; height: 70px; text-align: center; padding-top: 23px; font-size: 26px; border-radius: 10px; color: rgb(245, 149, 21); }
.primary_main h2 { font-size: 38px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 50px; }
.primary_main p { color: rgb(76, 76, 76); font-size: 16px; width: 78%; margin: auto auto 30px; font-weight: 500; line-height: 27px; }
hr.process { height: 1px; background: rgb(14, 202, 125); width: 3%; margin: 0px auto 20px; }
.service_box img { width: 100%; }
.service_box a {color: rgb(122 70 4);color: rgb(204 152 50);-decoration: none;font-weight: 500;font-size: 16px;}
.icons img { width: 55%; padding-top: 12px; margin: auto; }
.service_box { background: white; padding: 0px 0px 25px; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; margin-bottom: 30px; }
.multi_button { width: 100%; margin-top: 3%; }
a.blackish { background: black !important; color: white !important; }
hr.service { height: 2px; background: rgb(206, 206, 206); width: 7%; margin: auto auto 10px; }
.service_box h3 { font-size: 18px; color: rgb(0, 0, 0); padding-top: 15px; padding-bottom: 8px; }
.service_box p { color: rgb(93, 97, 108); font-size: 14px; margin-bottom: 20px; font-weight: 300; line-height: 22px; padding: 0px 10px; }
.service_box a.btn.btn-primary.hk_serive_btn { background: transparent; border: 1px solid rgb(209, 209, 209); width: 85%; height: 48px; color: rgb(136, 136, 137); font-weight: 500; font-size: 17px; padding-top: 10px; }
.icons { background: rgb(255, 255, 255); padding: 0px; margin: -40px auto auto; border-radius: 13px; width: 75px; height: 75px; z-index: 111111; position: relative; box-shadow: rgb(193, 193, 193) -1px 4px 12px -1px; }
.overlayss { position: relative; }
.centerss { margin-top: -15px; }
a.btn.btn-primary.hk_serive_btn:hover { background: rgb(245, 149, 21); color: white; }
section.portfolio .primary_main { text-align: center; }
section.portfolio .primary_main i { background: rgb(243, 243, 245); width: 70px; height: 70px; text-align: center; padding-top: 23px; font-size: 26px; border-radius: 10px; color: rgb(245, 149, 21); }
.ghost-bnrwrp.design-banner { background-image: linear-gradient(rgb(255, 255, 255), rgb(243, 242, 240)); padding-bottom: 120px; }
.ghost-bnrwrp.design-banner .txtwrp { padding: 50px 0px 0px; }
.ghost-bnrwrp.design-banner .txtwrp h2 { color: rgb(23, 23, 23); font-weight: 700; }
.ghost-bnrwrp.design-banner .txtwrp p { color: rgb(0, 0, 0); font-size: 18px; }
.ghost-bnrwrp.design-banner .imgwrp { position: relative; }
.ghost-bnrwrp.design-banner .imgwrprr { position: relative; }
.ghost-bnrwrp.design-banner .imgwrprr img { width: 108%; position: absolute; top: -60px; right: -110px; }
.ghost-bnrwrp.design-banner .imgwrp img { width: 160%; position: absolute; left: -350px; top: -10px; }
.design-pg header .navwrp ul li a { color: rgb(0, 0, 0); }
.design-pg header .navwrp ul li a.btn-1 { background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); color: rgb(255, 255, 255); }
.design-pg header.showmenu .navwrp ul li a.btn-1 { background: unset; border: 2px solid; }
.design-pg header.showmenu .navwrp ul li a { color: rgb(255, 255, 255); }
.what-boxwrp { padding: 70px 0px; }
.what-boxwrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.what-boxwrp .mainwrp { width: 86%; z-index: 3; position: relative; }
.what-boxwrp .mainwrp h4 { color: rgb(153, 153, 153); font-weight: 600; font-size: 24px; padding: 0px 0px 20px; }
.what-boxwrp .mainwrp p { color: rgb(153, 153, 153); }
.what-boxwrp .mainwrp .txtdiv { padding: 30px 40px; background: rgb(255, 255, 255); min-height: 250px; transition: all 0.3s ease-in 0s; border: 7px solid rgb(153, 153, 153); width: 100%; }
.what-boxwrp .mainwrp.box-1 { }
.what-boxwrp .mainwrp.box-1:hover .bear-img { left: -130px; }
.what-boxwrp .mainwrp.box-1 .bear-img { position: absolute; bottom: 0px; z-index: -1; transform: scaleX(-1); left: 0px; width: 52%; transition: all 0.5s ease 0s; }
.what-boxwrp .mainwrp.box-2 .flr-img { top: 10px; left: 0px; animation-name: spin-animation; animation-duration: 360s; animation-timing-function: linear; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: forwards; animation-play-state: paused; position: absolute; transition: all 0.3s ease-in 0s; z-index: -1; }
.what-boxwrp .mainwrp.box-2 { margin: 30px 0px 0px; }
.what-boxwrp .mainwrp.box-2:hover .flr-img { top: 95px; left: -55px; }
.what-boxwrp .mainwrp.box-3 { margin: 60px 0px 0px; transition: all 0.3s ease-in 0s; }
.what-boxwrp .mainwrp.box-3:hover img { top: -180px; }
.what-boxwrp .mainwrp.box-3 img { position: absolute; top: 0px; right: 0px; transition: all 0.3s ease-in 0s; width: 165px; z-index: -1; }
.whowrp { padding: 50px 0px; background: rgba(248, 247, 246, 0.82); }
.whowrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.whowrp .mainwrp { display: block; text-align: center; margin: 0px auto; }
.whowrp .mainwrp img { width: 100%; position: relative; }
.whowrp .mainwrp ul { }
.whowrp .mainwrp ul li { }
.whowrp .mainwrp ul li img { width: 70%; position: absolute; top: 130px; left: 0px; right: 0px; margin: 0px auto; }
.cta-desginwrp { padding: 0px 0px 60px; }
.cta-desginwrp .mainwrp { background-image: url("../images/cta.png"); background-repeat: no-repeat; background-size: cover; border-radius: 20px; display: block; padding: 200px; text-align: center; }
.cta-desginwrp .mainwrp .btnwrp { display: block; padding: 30px 0px 0px; }
.howwewrok { padding: 70px 0px; }
.howwewrok .txtwrp { display: block; text-align: center; }
.howwewrok .mainwrp { padding: 30px 20px; border-radius: 20px; transition: all 0.5s ease 0s; }
.howwewrok .mainwrp:hover { background-color: rgb(235, 235, 254); }
.howwewrok .mainwrp:hover ul { display: block; }
.howwewrok .mainwrp:hover .img-main { display: none; }
.howwewrok .mainwrp .img-hover { display: none; transform: unset; transition: all 0.5s ease 0s; }
.howwewrok .mainwrp:hover .img-hover { display: block; }
.howwewrok .mainwrp img { display: block; text-align: center; margin: 0px auto 30px; width: 190px; transform: scaleX(-1); transition: all 0.5s ease 0s; }
.howwewrok .mainwrp h4 { font-size: 32px; font-weight: 600; }
.howwewrok .mainwrp p { margin: 0px; }
.howwewrok .mainwrp ul { margin: 30px 0px 0px; display: none; transition: all 0.5s ease 0s; }
.howwewrok .mainwrp ul li { display: block; font-size: 16px; color: rgb(76, 76, 76); font-weight: 500; position: relative; padding: 0px 0px 4px 23px; }
.howwewrok .mainwrp ul li::after { content: ""; position: absolute; font-family: FontAwesome; left: 0px; }
.ghost-pg .secnd-fld img { position: absolute; bottom: -190px; width: 120%; }
.ghost-bnrwrp.cominwrp .imgwrp img { width: 100%; position: unset; }
.ghost-bnrwrp .txtwrp img { width: 150px; margin: 0px 0px 20px; filter: invert(1); }
.therwrp { display: block; text-align: center; padding: 50px 0px; background: rgb(251, 251, 251); }
.foundwrp { padding: 70px 0px; }
.foundwrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.foundwrp .mainwrp { overflow: hidden; transition: all 0.5s ease 0s; }
.foundwrp .mainwrp .imgwrp { position: relative; transition: all 0.5s ease 0s; }
.foundwrp .mainwrp .imgwrp img { width: 100%; height: 280px; object-fit: cover; }
.foundwrp .mainwrp .imgwrp .txtwrp { position: absolute; top: 280px; left: 0px; right: 0px; margin: 0px; background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%); padding: 30px; width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.foundwrp .mainwrp .imgwrp .txtwrp h4 { color: rgb(255, 255, 255); }
.foundwrp .mainwrp .imgwrp .txtwrp p { color: rgb(255, 255, 255); font-size: 16px; }
.foundwrp .mainwrp:hover .txtwrp { top: 0px; }
.morewrp { padding: 70px 0px; }
.morewrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.morewrp .mainwrp { }
.morewrp .mainwrp ul { }
.morewrp .mainwrp ul li { width: 90%; padding: 20px; cursor: pointer; border-radius: 7px; }
.morewrp .mainwrp ul li.current { border-right: 3px solid rgb(234, 111, 61); transition: all 200ms ease-in 0s; box-shadow: rgba(34, 47, 141, 0.1) 0px 15px 35px; }
.morewrp .mainwrp ul li h4 { font-size: 24px; font-weight: 500; }
.morewrp .mainwrp ul li p { margin: 0px; }
.morewrp .imgwrp img { width: 100%; }
.authrwrp { padding: 70px 0px; }
.authrwrp .txtwrp { }
.authrwrp .txtwrp img { width: 100%; margin: 50px 0px 0px; }
.authrwrp .txtwrp ul { }
.authrwrp .txtwrp ul li { padding: 0px 0px 10px 20px; position: relative; }
.authrwrp .txtwrp ul li::after { content: ""; position: absolute; font-family: FontAwesome; left: 0px; }
.ordersinclude { padding: 70px 0px; }
.ordersinclude .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.ordersinclude .mainwrp { display: block; text-align: center; padding: 50px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; border-radius: 7px; }
.ordersinclude .mainwrp h4 { background-image: linear-gradient(rgb(243, 108, 18), rgb(173, 36, 62)); color: rgb(255, 255, 255); display: block; text-align: center; }
.ordersinclude .mainwrp h6 { font-size: 20px; padding: 20px 0px; }
.ordersinclude .mainwrp span { color: rgb(235, 113, 45); width: 70%; display: block; margin: 0px auto; }
.portalwrp { padding: 50px 0px; }
.portalwrp .txtwrp { }
.portalwrp .txtwrp h2 { font-size: 30px; margin: 0px 0px 20px; }
.portalwrp .txtwrp h2 span { font-size: 50px; margin-right: 30px; color: rgb(217, 68, 39); }
.portalwrp .txtwrp .imgwrp { }
.portalwrp .imgwrp.stpone img { }
.portalwrp .imgwrp.stpone p { }
.imgwrp.stpone { text-align: center; }
.portalwrp .boxwrp { border: 1px solid rgb(217, 69, 39); border-radius: 6px; }
.boxwrp.portwrp .txtwrp h2 { }
.boxwrp.portwrp .portul { padding: 11px 20px; }
.boxwrp.portwrp .portul li span { margin: 0px 10px 0px 0px; font-weight: 700; }
.stpwrp { }
.stpwrp .stepsec { }
.stpwrp .stepsec .txtwrp { background: rgb(1, 155, 225); align-items: center; padding: 50px; }
.stpwrp .stepsec ul { }
.stpwrp .stepsec ul li { display: block; }
.stpwrp .stepsec .txtwrp { }
.stpwrp .stepsec .txtwrp span { font-size: 50px; font-weight: 500; color: rgb(255, 200, 61); }
.stpwrp .stepsec .txtwrp h4 { display: inline-block; color: rgb(255, 255, 255); }
.stpwrp .stepsec .txtwrp p { color: rgb(255, 255, 255); }
#jqcheck { background: rgb(255, 249, 215); text-align: center; color: rgb(51, 51, 51); padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: Poppins, sans-serif; }
* { margin: 0px; padding: 0px; }
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; }
::-webkit-scrollbar-track-piece { background-color: rgb(236, 237, 241); border-radius: 0px; border-left: 1px solid rgb(136, 136, 136); }
::-webkit-scrollbar-thumb:vertical { border-radius: 0px; background: var(--primary-color); }
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select { appearance: none !important; line-height: 28px !important; }
}
body {font-family: Poppins, sans-serif;color: var(--default-color);font-size: var(--base-font-size);position: relative;overflow-x: hidden;}
.ff-primary { font-family: Merriweather, serif; }
.ff-secondary { font-family: Merriweather, serif; }
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }
.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: ""; font-size: 13px; color: white; padding-left: 10px; display: table-cell; vertical-align: middle; font-family: icomoon !important; }
.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); transition: all 0.4s ease 0s; background-color: transparent; padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px; color: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 255, 255) !important; }
.secpad-100 { padding: 100px 0px; }
.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0px; padding: 0px; }
h1, .h1, h2, .h2 { font-family: Merriweather, serif; }
h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: Merriweather, 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 { }
p { font-weight: 400; line-height: 1.4; padding: 0px 0px 20px; margin: 0px; color: rgb(104, 112, 135); font-family: "Libre Franklin", sans-serif; }
.sec-padding-100 { padding: 100px 0px; }
.sec-padding-90 { padding: 90px 0px; }
.sec-padding-80 { padding: 80px 0px; }
.sec-padding-70 { padding: 70px 0px; }
.sec-padding-60 { padding: 60px 0px; }
.sec-padding-xlarge { padding: 50px 0px; }
.sec-padding-large { padding: 40px 0px; }
.sec-padding-medium { padding: 30px 0px; }
.sec-padding-small { padding: 25px 0px; }
.sec-padding-xsmall { padding: 10px 0px; }
.sec-margin-100 { margin: 100px 0px; }
.sec-margin-90 { margin: 90px 0px; }
.sec-margin-80 { margin: 80px 0px; }
.sec-margin-70 { margin: 70px 0px; }
.sec-margin-60 { margin: 60px 0px; }
.sec-margin-xlarge { margin: 50px 0px; }
.sec-margin-large { margin: 40px 0px; }
.sec-margin-medium { margin: 30px 0px; }
.sec-margin-small { margin: 25px 0px; }
.sec-margin-xsmall { margin: 10px 0px; }
.p-0 { padding: 0px; }
.pt-0 { padding-top: 0px; }
.pb-0 { padding-bottom: 0px; }
.pl-0 { padding-left: 0px; }
.pr-0 { padding-right: 0px; }
.m-0 { margin: 0px; }
.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; }
.bubbles_wrap { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; overflow: hidden; pointer-events: none; transform: rotate(180deg);}
@-webkit-keyframes animateBubble { 
  0% { margin-top: 20%; }
  100% { margin-top: -30%; }
}
@keyframes animateBubble { 
  0% { margin-top: 20%; }
  100% { margin-top: -30%; }
}
@-webkit-keyframes sideWays { 
  0% { margin-left: 0px; }
  100% { margin-left: 25px; }
}
@keyframes sideWays { 
  0% { margin-left: 0px; }
  100% { margin-left: 25px; }
}
.x1 { animation: 15s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 6%; top: 45%; background: #fff; }
.x2 { animation: 10s linear 0s infinite normal none running animateBubble, 4s ease-in-out 0s infinite alternate none running sideWays; left: 5%; top: 80%; background: #fff; }
.x3 { animation: 18s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 10%; top: 40%; background: #fff; }
.x4 { animation: 12s linear 0s infinite normal none running animateBubble, 3s ease-in-out 0s infinite alternate none running sideWays; left: 20%; top: 0px; background: #fff; }
.x5 { animation: 19s linear 0s infinite normal none running animateBubble, 4s ease-in-out 0s infinite alternate none running sideWays; left: 30%; top: 50%; background: #fff; }
.x6 { animation: 11s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 50%; top: 0px; background: #fff; }
.x7 { animation: 10s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 65%; top: 70%; background: #fff; }
.x8 { animation: 12s linear 0s infinite normal none running animateBubble, 3s ease-in-out 0s infinite alternate none running sideWays; left: 80%; top: 10%; background: #fff; }
.x9 { animation: 19s linear 0s infinite normal none running animateBubble, 4s ease-in-out 0s infinite alternate none running sideWays; left: 90%; top: 50%; background: #fff; }
.x10 { animation: 16s linear 0s infinite normal none running animateBubble, 2s ease-in-out 0s infinite alternate none running sideWays; left: 80%; top: 80%; background: #fff; }
.bubble { border-radius: 50%; box-shadow: none; height: 5px; position: absolute; width: 5px; }
p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
ul, li { list-style-type: none; }
.relative { position: relative; }
.absolute { position: absolute; }
h2, .h2 { color: rgb(23, 23, 23); line-height: 1.2; font-weight: 700; padding: 0px 0px 15px; position: relative; letter-spacing: -1px; }
h2 span, .h2 span { color: var(--primary-color); }
a { text-decoration: none; }
.list-simple { list-style: none; margin: 0px 0px 15px; width: 100%; display: inline-block; }
.list-simple li { color: var(--default-color); padding: 0px 0px 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: ""; font-family: icomoon !important; }
.moreFull { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.transition { transition: all 0.3s ease-in-out 0s; }
.scale-with-transition { transition: all 200ms ease-in 0s; transform: scale(1.05); }
.home-pg { background-image: url("../images/homepage-background-2.jpg"); background-size: cover; background-repeat: no-repeat; overflow-x: hidden; height: auto; }
.home-pg::after { content: ""; position: absolute; width: 100%; height: 100%; background: #000000a6; top: 0px; z-index: -1; }
/*header {padding: 37px 0px 0px;position: fixed;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.57);}*/
header {padding: 10px 0px;width: 100%;z-index: 999;background: #000;}
header .logowrp { display: block; }
header .logowrp img {width: 100%;/*margin: -30px 0px 0px;*/}
header .navwrp { }
header .navwrp ul { margin: 0px; display: block; text-align: right; }
header .navwrp ul li { display: inline-block;    margin: 0px 0px 0px 12px;}
header .sernev ul li:hover .dropwrp { display: block !important; }
header .sernev ul li .dropwrp {    z-index: 3; display: none; position: absolute; width: 210px; left: -60px; top: 36px; padding: 0px 20px; background: #fff; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; }
header .sernev ul li.ofrwrp { text-align: left; float: left; margin: 0px; }
header .sernev ul li.ofrwrp a { color: rgb(251, 242, 225); }
header .sernev ul li .dropwrp ul { display: block; text-align: left; margin: 20px 0px; }
header .sernev ul li .dropwrp ul li { display: block; padding: 0px 0px 10px 19px; border-bottom: 1px solid; margin: 0px 0px 15px; }
header .sernev ul li .dropwrp ul li a { color:#000;}
header .sernev ul li .dropwrp ul li::after {content: "\f054";position: absolute;    top: 0;left: 0px;font-family: FontAwesome;color: rgb(189, 152, 56);}
header .navwrp ul li a { font-size: 14px; color: rgb(255, 255, 255); }
header .navwrp ul li a.btn-1 { color: rgb(0, 0, 0); background: rgb(255, 255, 255); padding: 15px 20px; border-radius: 4px; font-weight: 600; }
header .sernev {background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);padding: 20px 0px;margin: 20px 0px 0px;border-radius: 7px;}
header .sernev ul { display: block; text-align: center; margin: 0px; }
header .sernev ul li { display: inline-block; margin: 0px 20px; position: relative; }
header .sernev ul li a { color: rgb(255, 255, 255); padding: 0px 0px 20px; transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important; }
header .sernev ul li a:hover { }
header.header-main.showmenu .sernev { }
.header-main.showmenu { background-color: rgb(39, 39, 39); box-shadow: rgba(0, 0, 0, 0.41) -1px -2px 15px -3px; }
.upr-head {font-size: 18px;background: #094b38;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;}
.btn-1 {color: rgb(255, 255, 255);background: #000;font-weight: 600;padding: 20px 30px;border-radius: 4px;transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important;}
.btn-1:hover {color: rgb(255, 255, 255);background: linear-gradient(to left,#02884d 0,#12cc91 100%);}
.btn-2:hover {background: linear-gradient(to left,#02884d 0,#12cc91 100%);color: rgb(255, 255, 255);}
.btn-2 {color: rgb(255, 255, 255);background: rgba(0, 0, 0, 0);padding: 20px 30px;border-radius: 4px;font-weight: 600;margin: 0px 5px 0px 5px;}
.main-pera { color: rgb(255, 255, 255); font-size: 18px; transition: all 300ms ease 0s; }
.home-bnr-wrp {padding: 220px 0px 40px;z-index: 2;position: relative;}
.home-bnr-wrp .img-2 { position: absolute; top: 0px; width: 40%; }
.home-bnr-wrp .txtwrp { }
.home-bnr-wrp .txtwrp h1 {font-size: 36px;color: rgb(255, 255, 255);-webkit-text-fill-color: transparent;background: linear-gradient(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;padding: 0 0 15px;}
.home-bnr-wrp .btnwrp { display: block; padding: 50px 0px 0px; }
.home-bnr-wrp .formwrp {padding: 20px 0px 0px; }
.home-bnr-wrp .formwrp form { }
.home-bnr-wrp .formwrp form .lablewrp { }
.home-bnr-wrp .formwrp form .lablewrp input { width: 100%; font-family: "Libre Franklin", sans-serif; border-width: 0px 1px 0px 0px; border-right-style: solid; border-right-color: rgba(244, 179, 62, 0.47); background: white; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; padding: 12px 30px; color: rgb(83, 89, 113); font-size: 14px; height: 55px; line-height: normal; font-weight: 400; margin: 0px 0px 20px; border-radius: 8px !important; outline: none !important; }
.home-bnr-wrp .formwrp form .lablewrp input.btntwrp {      position: relative;
    z-index: 99;  margin: 10px 0 20px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 600; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); }
.home-bnr-wrp .formwrp form .lablewrp textarea {height: 55px; width: 100%; margin: 0px; font-family: "Libre Franklin", sans-serif; border-width: 0px 1px 0px 0px; border-right-style: solid; border-right-color: rgba(244, 179, 62, 0.47); background: white; border-top-style: initial; border-top-color: initial; border-bottom-style: initial; border-bottom-color: initial; border-left-style: initial; border-left-color: initial; padding: 22px 20px 0px; color: rgb(83, 89, 113); font-size: 14px;  line-height: normal; font-weight: 400; border-radius: 8px !important; outline: none !important; }
.home-bnr-wrp .img-1 { position: absolute; width: 100%; top: 0px; right: -970px; z-index: -1; }
.home-bnr-wrp .imgwrp { position: relative; }
.home-bnr-wrp .imgwrp img.bookimg { width: 85%; position: absolute; left: -70px; z-index: -1; }
.home-bnr-wrp .imgwrp img.iphnimg { position: absolute; top: 210px; right: 0px; }
.home-bnr-wrp .videowrp { }
.home-bnr-wrp .videowrp video {transform: rotate(
336deg
);width: 58%;position: absolute;right: 99px;height: 42%;top: 255px;}
.whychousewrp { position: relative; padding: 120px 0px 40px; }
.whychousewrp img.bookwrp { position: absolute; width: 57%; top: -320px; left: -70px; }
.whychousewrp img.book-stk { position: absolute; width: 60%; left: -400px; z-index: -1; top: 180px; }
.whychousewrp img.this { position: absolute; left: -320px; top: 750px; z-index: 1; }
.whychousewrp img.notebkwrp { width: 42%; position: absolute; bottom: -250px; right: 60px; }
.whychousewrp img.screwed { position: absolute; right: 250px; bottom: 210px; }
.whychousewrp .txtwrp { position: relative; }
.whychousewrp .txtwrp img.glasswrp { width: 100%; position: absolute; top: -360px; z-index: -1; right: -110px; }
.whychousewrp .txtwrp.ulwrp { margin: 100px 0px 0px 160px; position: relative; z-index: 11; }
.whychousewrp .txtwrp.ulwrp ul { }
.whychousewrp .txtwrp.ulwrp ul li { display: block; padding: 0px 0px 5px 25px; color: rgb(255, 255, 255); position: relative; }
.whychousewrp .txtwrp.ulwrp ul li::after {content: "\f00c";position: absolute;left: 0px;top: 0px;font-family: FontAwesome;}
.whychousewrp .imgboxwrp { position: relative; }
.whychousewrp .imgboxwrp img { width: 93%; position: relative; top: 60px; }
.sermain { padding: 90px 0px 0px; }
.sermain .txtwrp { position: relative; z-index: 11; text-align: center; padding: 0px 0px 30px; }
.sermain .mainwrp { position: relative; z-index: 11; background-repeat: no-repeat; background-size: cover; overflow: hidden; cursor: pointer; transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important; }
.sermain .mainwrp.bg-2 { background-image: url("../images/comprehensive-editing.png"); height: 260px; }
.sermain .mainwrp.bg-3 { background-image: url("../images/publication-and-distribution.png"); height: 259px; }
.sermain .mainwrp.bg-4 { background-image: url("../images/marketing-and-publicity.png"); height: 360px; }
.sermain .mainwrp.bg-5 { background-image: url("../images/typesetting-and-design.png"); height: 482px; top: -122px; }
.sermain .mainwrp .txtdiv { position: absolute; padding: 0px 40px; width: 100%; bottom: 30px; z-index: 11; transition: all 0.5s ease 0s; left: -660px; }
.sermain .mainwrp .txtdiv h4 { color: rgb(255, 255, 255); font-size: 20px; }
.sermain .mainwrp .txtdiv p { color: rgb(255, 255, 255); }
.sermain .mainwrp:hover .clr-div::after { left: 0px; }
.sermain .mainwrp:hover .txtdiv { left: 0px; }
.sermain .mainwrp .clr-div::after { content: ""; background: rgba(226, 168, 60, 0.82); width: 100%; height: 100%; position: absolute; left: -570px; transition: all 0.5s ease 0s; }
.sermain .mainwrp:hover { transform: scale(0.9); }
.testiwrp { padding: 20px 0px 50px; }
.testiwrp .txtwrp { display: block; text-align: center; }
.testiwrp .txtwrp h4 img { width: 70px; }
.testiwrp .mainwrp { background: rgba(1, 1, 1, 0.4); padding: 80px 60px; width: 80%; margin: 0px auto; text-align: center; }
.testiwrp .mainwrp .txtdiv { display: block; padding: 0px 0px 50px; }
.testiwrp .mainwrp .txtdiv p { color: rgb(200, 190, 180); font-family: cursive; font-size: 18px; display: block; text-align: center; }
.testiwrp .mainwrp .imgwrp { display: none; }
.testiwrp .mainwrp .imgwrp img { border-radius: 50%; width: 80px; }
.testiwrp .mainwrp .infowrp { display: inline-block;    vertical-align: top;    padding: 0px 150px 0px 0px;    position: relative; }
.testiwrp .mainwrp .infowrp span {display: block;    text-align: left;    padding: 0px 0px 20px;    position: absolute;    right: 0px;    top: 10px;}
.testiwrp .mainwrp .infowrp span i { color: rgb(255, 200, 61); text-align: left; }
.testiwrp .mainwrp .infowrp h5 { color: rgb(255, 255, 255); font-size: 18px; text-align: left;     text-align: left;}
.testiwrp .mainwrp .infowrp h6 { color: rgb(218, 218, 218); font-size: 15px; text-align: left; display: block; }
.topfotr { padding: 60px 0px 30px; background: rgb(0, 0, 0); z-index: 1; position: relative; }
.topfotr .navwrp { padding: 11px; }
.topfotr .navwrp h4 { color: rgb(255, 255, 255); font-size: 20px; }
.topfotr .navwrp h4.btm-btm{
    position: relative;
    padding: 0 0 22px;
}
.topfotr .navwrp h4.btm-btm:after{content: "";background: #774302;position: absolute;width: 60px;height: 2px;bottom: 10px;left: 0;}
.topfotr .navwrp ul { margin: 30px 0px 0px; }
.topfotr .navwrp ul li { padding: 0px 0px 10px; }
.topfotr .navwrp ul li a { color: rgb(255, 255, 255); }
.hmebtm { position: relative; padding: 0px; height: 370px; overflow: hidden; }
.hmebtm .img-1 { position: absolute; right: -270px; width: 40%; bottom: -380px; }
.hmebtm .img-2 { position: absolute; top: 80px; width: 50%; left: 240px; }
.hmebtm .img-3 { position: absolute; left: -500px; z-index: -1; }
h2.main-heading { font-size: 36px; color: rgb(23, 23, 23); padding: 20px 0px 10px; }
.ser-pg .main-pera { color: rgb(76, 76, 76); font-size: 16px; padding: 0px; font-weight: 500; margin: auto auto 20px; line-height: 27px; }
.ser-pg .btn-2 {background: linear-gradient(to left, #39a95b 0, #62e389 100%);}
.ghost-bnrwrp { padding: 190px 0px 80px; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 0; }
.ghost-bnrwrp .txtwrp { }
.ghost-bnrwrp .txtwrp h2 {color: rgb(255, 255, 255);font-size: 46px;font-weight: 600;background: #fff;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;}
.ghost-bnrwrp .txtwrp p { color: rgb(255, 255, 255); }
.ghost-bnrwrp .btnwrp {display: block;padding: 0px 0px 0px;}
.ghost-bnrwrp .txtwrp ul { }
.ghost-bnrwrp .txtwrp ul li { color: rgb(255, 255, 255); font-size: 16px; padding: 0px 0px 6px 30px; position: relative; }
.ghost-bnrwrp .txtwrp ul li::after { content: ""; position: absolute; font-family: FontAwesome; left: 0px; top: 0px; }
.secnd-fld { padding: 70px 0px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.secnd-fld img { width: 100%; }
.secnd-fld .txtwrp h2 { font-size: 32px; font-weight: 600; padding-bottom: 30px; color: rgb(23, 23, 23); line-height: 40px; }
.secnd-fld .txtwrp p {color: rgb(76, 76, 76);font-size: 16px;padding: 0px;font-weight: 500;margin: auto auto 20px;line-height: 27px;}
.secnd-fld .btnwrp {display: block;padding: 20px 0px 0px;}
.secnd-fld .imgwrp { position: relative; }
.secnd-fld .imgwrp img { width: 100%; }
.secnd-fld .ser-wrp h4 { color: rgb(0, 0, 0); padding: 30px 0px 0px; font-size: 22px; font-weight: 600; }
.secnd-fld .ser-wrp ul { margin: 30px 0px 0px 30px; }
.secnd-fld .ser-wrp ul li { color: rgb(90, 96, 111); font-size: 17px; font-weight: 500; display: inline-block; width: 100%; padding: 0px 0px 5px; position: relative; }
.secnd-fld .ser-wrp ul li::after {content: "\f00c";font-size: 19px;margin-right: 0px;font-family: FontAwesome;position: absolute;color: #11c58a;background: rgb(255, 255, 255);padding: 0px 3px;border-radius: 50%;width: 20px;height: 20px;left: -30px;top: 0px;}
.secnd-fld .mainwrp { display: block; text-align: center; padding: 20px 10px; margin-bottom: 60px; border-radius: 7px; }
.secnd-fld .mainwrp img { padding-bottom: 20px; width: 50%; margin: 0px auto; text-align: center; display: block; }
.secnd-fld .mainwrp h4 { font-size: 15px; color: rgb(0, 0, 0); padding: 0px; }
.secnd-fld .mainwrp:hover { box-shadow: rgb(210, 210, 210) 0px 0px 20px 1px; z-index: 2; transition: all 200ms ease-in 0s; transform: scale(1.05); }
.secnd-fld .ser-wrp { display: block; }
.secnd-fld .ser-wrp.extra { display: block; }
.how-workwrp { padding: 70px 0px; text-align: center; display: block; background: rgb(245, 242, 242); }
.how-workwrp h2 { font-size: 30px; color: rgb(0, 0, 0); font-weight: 700; padding-bottom: 60px; }
.how-workwrp .mainwrp {display: block;margin-bottom: 50px;padding: 30px 10px;border-radius: 7px;border: 1px solid rgb(216, 201, 201);height: 350px;background: rgb(255, 255, 255);}
.how-workwrp .mainwrp:hover { box-shadow: rgb(210, 210, 210) 0px 0px 20px 1px; z-index: 2; transition: all 200ms ease-in 0s; transform: scale(1.05); background: rgb(255, 255, 255); }
.how-workwrp .mainwrp img { width: 70px; }
.how-workwrp .mainwrp h4 { font-size: 18px; color: rgb(0, 0, 0); padding: 20px 0px 10px; font-weight: 700; }
.how-workwrp .mainwrp p { font-size: 13px; color: rgb(90, 96, 111); font-weight: 400; padding: 0px; width: 100%; margin: 0px auto; height: 150px; }
.how-workwrp .btnwrp { margin: 0px; }
.logotype-wrp {background: #021e16;padding: 70px 0px;}
.logotype-wrp .ser-port { }
.logotype-wrp .ser-port li { }
.logotype-wrp .ser-port li .mainwrp { background: rgb(255, 255, 255); border-radius: 10px; }
.logotype-wrp .ser-port li .mainwrp .txtwrp { display: block; text-align: center; }
.logotype-wrp .ser-port li .mainwrp .txtwrp.bak-clr { position: relative; z-index: 1; }
.logotype-wrp .ser-port li .mainwrp .txtwrp.bak-clr::after {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(to left,#02884d 0,#12cc91 100%);left: 0px;top: 0px;z-index: -1;border-radius: 9px 9px 0px 0px;}
.logotype-wrp .ser-port li .mainwrp .txtwrp h4 { color: rgb(255, 255, 255); font-size: 32px; padding: 20px 0px; }
.logotype-wrp .ser-port li .mainwrp .txtwrp h4 span {color: #000;}
.logotype-wrp .ser-port li .mainwrp .txtwrp p { color: rgb(32, 45, 69); font-size: 16px; width: 90%; margin: 0px auto; }
.logotype-wrp .ser-port li .mainwrp .imgwrp { display: block; text-align: center; margin: 15px 0px; }
.logotype-wrp .ser-port li .mainwrp .imgwrp img { width: 76%; }
.logotype-wrp .ser-port li .mainwrp .txtwrp .btnwrp { padding: 20px 0px 50px; }
.logotype-wrp .tabbing-links { }
.logotype-wrp .tabbing-links li i {background-image: url("../images/sprite.png");background-repeat: no-repeat;width: 55px;display: inline-block;height: 50px;margin: 0px auto 10px;transition: all 0.5s ease 0s;position: absolute;filter: hue-rotate(101deg);}
.logotype-wrp .tabbing-links li i.one { }
.logotype-wrp .tabbing-links li i.two { background-position: -50px -4px; }
.logotype-wrp .tabbing-links li i.three { background-position: -110px -4px; }
.logotype-wrp .tabbing-links li i.four { }
.logotype-wrp .tabbing-links li i.five { background-position: -225px -5px; }
.logotype-wrp .tabbing-links li i.six { background-position: -280px -5px; }
.logotype-wrp .tabbing-links li i.seven { background-position: -60px -65px; }
.logotype-wrp .tabbing-links li i.eight { background-position: -110px -65px; }
.logotype-wrp .tabbing-links li i.nine { background-position: -170px -65px; }
.logotype-wrp .tabbing-links li i.ten { background-position: -225px -65px; }
.logotype-wrp .tabbing-links li.current i.one { background-position: 0px -65px; }
.logotype-wrp .tabbing-links li.current i.two { background-position: -50px -65px; }
.logotype-wrp .tabbing-links li.current i.three { background-position: -110px -65px; }
.logotype-wrp .tabbing-links li.current i.four { background-position: -170px -60px; }
.logotype-wrp .tabbing-links li.current i.five { background-position: -225px -65px; }
.logotype-wrp .tabbing-links li.current i.six { background-position: -280px -65px; }
.logotype-wrp .tabbing-links li.current i.seven { background-position: -60px -185px; }
.logotype-wrp .tabbing-links li.current i.eight { background-position: -110px -185px; }
.logotype-wrp .tabbing-links li.current i.nine { background-position: -170px -187px; }
.logotype-wrp .tabbing-links li.current i.ten { background-position: -225px -187px; }
.logotype-wrp .tabbing-links li {background: rgb(0 0 0);width: 45%;display: inline-block;padding: 27px 10px;margin: 0px 5px 16px;vertical-align: top;height: 85px;border-radius: 14px;cursor: pointer;position: relative;border: 1px solid rgb(107, 107, 107);transition: all 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) 0s !important;}
.logotype-wrp .tabbing-links li img { display: inline-block; width: 40px; visibility: hidden; }
.logotype-wrp .tabbing-links li h6 { display: inline-block; font-size: 13px; color: rgb(255, 255, 255); padding: 0px 0px 0px 8px; }
.logotype-wrp .tabbing-links h4 { font-size: 32px; display: block; text-align: center; color: rgb(255, 255, 255); }
.logotype-wrp .tabbing-links h4 span { color: rgb(234, 83, 22); font-size: 32px; }
.logotype-wrp .tabbing-links p { display: block; text-align: center; color: rgb(255, 255, 255); font-size: 18px; }
.logotype-wrp .tabbing-links span { color: rgb(255, 255, 255); padding: 20px 0px 0px; display: block; font-size: 13px; }
.logotype-wrp .tabbing-links li.btnwrp { background-image: linear-gradient(rgb(243, 108, 18), rgb(173, 36, 62)); text-align: center; width: 32%; display: none; }
.logotype-wrp .tabbing-links li.btnwrp a { color: rgb(255, 255, 255); font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative; top: 5px; }
.logotype-wrp .tabbing-links li:hover {transform: scale(1.1);background: linear-gradient(to left,#02884d 0,#12cc91 100%);}
.logotype-wrp .tabbing-links li.current {transform: unset;background: linear-gradient(to left,#02884d 0,#12cc91 100%);}
.tabs { display: none; }
.tabs.current { display: block; }
.cta-grey-section { background-image: url("../images/cta-ne-w-bg.png.png"); background-size: cover; }
.inner-layer {padding: 40px 30px;background: #000000;}
.cgrey-text h6 { color: rgb(255, 255, 255); font-weight: 600; font-size: 30px; text-transform: capitalize; }
.cgrey-text p { color: rgb(247, 247, 247); font-size: 20px; }
.col-lg-9.cgrey-text { text-align: center; }
.cgrey-btns .btnwrp .btn-one { padding: 10px 15px; }
.cgrey-btns .btnwrp .btn-one:hover { background-color: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); }
.cgrey-btns .btnwrp { margin: 13px 0px; text-align: center; padding: 20px 0px 10px; }
.cgrey-btns .btnwrp a { margin: 0px 0px 0px 20px; }
.cgrey-btns .btnwrp .btn-secnd { color: rgb(255, 255, 255); padding: 10px 15px; }
.cgrey-btns .ul-flex { display: flex; justify-content: center; padding-left: 35px; padding-right: 35px; margin-top: 40px; }
.cgrey-btns .ul-flex li { color: rgb(255, 255, 255); margin-left: 45px; }
.cgrey-btns { text-align: right; }
.cgrey-btns .star { color: rgb(255, 178, 2); display: inline-block; }
.cta-red-section .btn-one { color: rgb(0, 0, 0); padding: 10px 15px; background-color: rgb(255, 255, 255) !important; border-color: rgb(255, 255, 255) !important; }
.cta-red-section .btn-secnd { color: rgb(255, 255, 255); padding: 10px 15px; margin-left: 15px; }
.cta-red-section .btn-three { background-color: rgb(244, 53, 53); font-size: 16px; border-radius: 7px; font-weight: 500; transition: all 0.5s ease 0s; border: 1px solid rgb(244, 53, 53); color: rgb(255, 255, 255); padding: 10px 15px; }
.cta-red-section { background-image: url("../images/cta-1.png"); padding: 20px 30px; background-size: cover; }
.ser-pg .testiwrp {background-repeat: no-repeat;background-size: cover;position: relative;z-index: 0;background-position: top;}
.ser-pg .testiwrp::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; z-index: -1; background: rgba(0, 0, 0, 0.38); }
.ser-pg .testiwrp .txtwrp { }
.ser-pg .testiwrp .txtwrp h4 { color: rgb(255, 255, 255); background-image: unset; background-clip: unset; -webkit-text-fill-color: unset; }
.ser-pg .testiwrp .txtwrp p { color: rgb(255, 255, 255); }
footer {background: #063313;padding: 60px 0px 40px;}
footer .logowrp { padding: 30px 0px 0px; }
footer .logowrp p { color: rgb(255, 255, 255); font-size: 16px; }
footer .logowrp img { }
footer .btmwrpr { }
footer .btmwrpr h4 { color: rgb(255, 255, 255); font-size: 22px; }
footer .btmwrpr ul { }
footer .btmwrpr ul li { padding: 0px 0px 13px; }
footer .btmwrpr ul li a { color: rgb(255, 255, 255); font-size: 15px; }
.btmftrwrp { background: rgb(16, 15, 15); padding: 25px 0px; box-shadow: rgba(255, 251, 251, 0.05) 0px -9px 23px 4px; }
.btmftrwrp .txtwrp { }
.btmftrwrp .txtwrp span { color: rgb(255, 255, 255); font-size: 13px; }
.btmftrwrp .txtwrp ul { margin: 0px; display: block; text-align: right; }
.btmftrwrp .txtwrp ul li { display: inline-block; margin: 0px 0px 0px 30px; }
.btmftrwrp .txtwrp ul li a {color: rgb(255, 255, 255);font-weight: 600;background: linear-gradient( 
43deg
 , #EAB543 0%, #c78535 99%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;}
.reasonwrp { background-color: rgb(255, 255, 255); padding: 90px 0px; position: relative; z-index: 1; left: 0px; }
.reasonwrp::after { content: ""; background-image: url("../images/reason-bg.png"); position: absolute; width: 70%; height: 100%; top: 0px; z-index: -1; background-repeat: no-repeat; background-size: cover; }
.reasonwrp .mainwrp { width: 80%; float: right; }
.reasonwrp .txtwrp h2 { font-size: 32px; color: rgb(255, 255, 255); font-weight: 700; padding: 0px 0px 30px; }
.reasonwrp .txtwrp h4 { color: rgb(255, 255, 255); font-size: 22px; position: relative; }
.reasonwrp .txtwrp p { font-size: 16px; color: rgb(255, 255, 255); font-weight: 200; padding: 0px 0px 30px; margin: 0px; }
.reasonwrp .txtwrp h4::after { position: absolute; content: ""; font-family: FontAwesome; left: -20px; border-radius: 50%; top: 0px; }
.reasonwrp .imgwrp { }
.reasonwrp .imgwrp img { width: 100%; height: 550px; object-fit: cover; border: 2px solid rgb(238, 109, 40); border-radius: 20px; }
.reasonwrp .btn-secnd { color: rgb(255, 255, 255); }
.reasonwrp .btn-one:hover { color: rgb(255, 255, 255); }
.reasonwrp .btnwrp {display: block;padding: 0px 0px 0px;}
.countewrp {padding: 50px 0px;background: #000000;}
.countewrp .mainwrp { display: block; text-align: center; }
.countewrp .mainwrp ul { margin: 0px auto; display: block; text-align: center; }
.countewrp .mainwrp ul li {display: inline-block;width: 29%;border-left: 3px solid #fff;margin: 30px 15px;}
.countewrp .mainwrp ul li span { color: rgb(255, 255, 255); font-size: 36px; font-weight: 600; }
.countewrp .mainwrp ul li p { color: rgb(255, 255, 255); font-size: 20px; padding: 0px; }
.pkgewrp { padding: 70px 0px; }
.pkgewrp .txtwrp { display: block; text-align: center; }
.pkgewrp .pkgebox { display: block; padding: 40px 0px 0px; }
.pkgewrp .pkgebox ul { margin: 0px auto; display: block; text-align: center; }
.pkgewrp .pkgebox ul li { display: inline-block; margin: 0px 10px; width: 34%; }
.pkgewrp .pkgebox ul li .mainpge { box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; padding: 50px 0px; border-radius: 7px; }
.pkgewrp .pkgebox ul li .mainpge .namwrp { }
.pkgewrp .pkgebox ul li .mainpge .namwrp h4 { font-size: 26px; }
.pkgewrp .pkgebox ul li .mainpge .namwrp span { color: rgb(0, 0, 0); font-size: 18px; }
.pkgewrp .pkgebox ul li .mainpge .maintionwrp {padding: 20px 0px;margin: 20px 0px;background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);background: linear-gradient(to left,#02884d 0,#12cc91 100%);}
.pkgewrp .pkgebox ul li .mainpge .maintionwrp p { padding: 0px; color: rgb(255, 255, 255); font-size: 17px; font-weight: 500; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp { padding: 20px 30px 0px; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp ul { text-align: left; display: block; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp ul li { display: block; width: 100%; padding: 0px 0px 15px 27px; font-size: 16px; position: relative; }
.pkgewrp .pkgebox ul li .mainpge .detailwrp ul li::after {content: "\f00c";position: absolute;font-family: FontAwesome;left: 0px;color: #11c58a;top: 0px;}
.pkgewrp .pkgebox ul li .mainpge .btnwrp { display: block; padding: 40px 0px 0px; }
.pkgewrp .pkgebox ul li .mainpge .btnwrp a {color: rgb(255, 255, 255);padding: 20px;border-radius: 7px;background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);background: linear-gradient(to left,#02884d 0,#12cc91 100%);}
.btmfrom { padding: 70px 0px; }
.btmfrom .txtwrp { }
.btmfrom .formwrp { }
.btmfrom .formwrp form { }
.btmfrom .formwrp form .lablerp { }
.btmfrom .formwrp form .lablerp textarea {width: 100%;border: 1px solid rgb(220, 220, 220);background: white;padding: 10px 15px;color: gray;font-size: 16px;border-radius: 5px;height: 160px;font-weight: 400;margin: 0px 0px 0px;outline: none !important;}
.btmfrom .formwrp form .lablerp input { width: 100%; border: 1px solid rgb(220, 220, 220); background: white; padding: 10px 15px; color: gray; font-size: 16px; border-radius: 5px; height: 60px; font-weight: 400; margin: 0px 0px 20px; outline: none !important; }
.btmfrom .formwrp form .lablerp input.brnwrp {color: rgb(255, 255, 255);font-weight: 600;font-size: 19px;background: linear-gradient(to left, #39a95b 0, #62e389 100%);}
.btmfrom .formwrp form .lablerp select { width: 100%; background: white; padding: 10px 15px; color: gray; font-size: 16px; border-radius: 5px; border: 1px solid rgb(220, 220, 220); height: 60px; font-weight: 400; margin: 0px 0px 30px; outline: none !important; }
.tabs { display: none; }
.tabs.current { display: block; }
.servicesec { width: 100%; padding: 50px 0px 60px; text-align: center; background: rgb(9, 21, 35); }
.servicesec h4 { font-size: 36px; text-align: center; margin-bottom: 15px; width: 100%; font-weight: 700; }
.servicesec p { text-align: center; font-size: 20px; width: 100%; }
.servicesec .boxwrap { display: inline-block; width: 100%; text-align: center; margin: 0px auto; }
.servicesec .boxwrap li { cursor: pointer; transition: all 0.5s ease 0s; margin: 0px 10px 20px; position: relative; border-radius: 10px; min-height: 215px; vertical-align: bottom; padding: 40px; background: rgb(255, 255, 255); width: 19%; box-shadow: rgba(0, 0, 0, 0.16) 3px -8px 43px 0px; display: inline-block; }
.servicesec .boxwrap li.current {background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);background: linear-gradient(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.servicesec .boxwrap li.current i.two { background-position: -70px -70px; }
.servicesec .boxwrap li.current h6 { color: rgb(255, 255, 255); }
.servicesec .boxwrap li i { background-image: url("../images/services-icons.png"); background-repeat: no-repeat; width: 75px; display: inline-block; height: 80px; margin: 0px auto 10px; transition: all 0.5s ease 0s; }
.servicesec .boxwrap li i.one { background-position: 13px 10px; }
.servicesec .boxwrap li i.two { background-position: -70px 10px; }
.servicesec .boxwrap li i.three { background-position: -160px 10px; }
.servicesec .boxwrap li i.four { background-position: -250px 10px; }
.servicesec .boxwrap li i.five { background-position: -320px 10px; }
.servicesec .boxwrap li h6 { transition: all 0.5s ease 0s; color: rgb(44, 44, 44); font-size: 14px; }
.servicesec .boxwrap li:hover {box-shadow: rgba(32, 203, 152, 0.09) 0px 0px 45px;transform: translateY(-0.625rem);background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);transition: all 0.4s ease 0s;background: linear-gradient(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.servicesec .boxwrap li:hover i.one { background-position: 13px -70px; }
.servicesec .boxwrap li:hover i.two { background-position: -70px -70px; }
.servicesec .boxwrap li:hover i.three { background-position: -160px -70px; }
.servicesec .boxwrap li:hover i.four { background-position: -250px -70px; }
.servicesec .boxwrap li:hover i.five { background-position: -320px -70px; }
.servicesec .boxwrap li:hover h6 { color: rgb(255, 255, 255); }
.services-navwrp .mainwrp-second .txtwrp { }
.services-navwrp .mainwrp-second .txtwrp h2 { color: rgb(255, 255, 255); font-size: 30px; font-weight: 700; padding: 0px 0px 30px; text-align: left; }
.services-navwrp .mainwrp-second .txtwrp p { font-size: 16px; color: rgb(255, 255, 255); font-weight: 200; padding: 0px; text-align: left; }
.services-navwrp .mainwrp-second .imgtabs {display: none;}
.services-navwrp .mainwrp-second .imgtabs ul { display: block; text-align: center; margin: 30px 0px 0px; }
.services-navwrp .mainwrp-second .imgtabs ul li { display: inline-block; width: 23%; }
.services-navwrp .mainwrp-second .imgtabs ul li img { width: 60%; }
.services-navwrp .mainwrp-second .imgtabs ul li p { color: rgb(255, 255, 255); font-size: 14px; margin: 10px 0px 0px; }
.services-navwrp .mainwrp-second .imgtabs .btn-secnd { color: rgb(255, 255, 255); }
.services-navwrp .btn-one:hover { color: rgb(255, 255, 255); }
.services-navwrp .imgdiv { height: auto; }
.services-navwrp .imgdiv img { width: 100%; height: 420px; object-fit: cover; }
.services-navwrp .mainwrp-second h2 span { color: rgb(255, 255, 255); font-weight: 200; }
.ghost-bnrwrp .overwrp {position: absolute;width: 100%;height: 100%;top: 0px;background: rgb(0 0 0 / 74%);z-index: -1;}
.ghost-bnrwrp.autdiobook {     height: auto; padding-top: 260px; }
.ghost-bnrwrp.autdiobook .txtwrp h2 span { color: rgb(255, 255, 255); }
.mainsec-logos { padding: 70px 0px; background-image: url("../images/Screen_Shot_2021-05-.webp"); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; margin: 0px 0px 130px; }
.mainsec-logos::after {content: "";position: absolute;width: 100%;height: 100%;top: 0px;z-index: -1;background: linear-gradient(
43deg
, rgb(131 79 9 / 57%) 0%, rgb(115, 63, 0) 99%);}
.mainsec-logos .txtwrp { display: block; text-align: center; padding: 0px 0px 40px; }
.mainsec-logos .txtwrp h2 { color: rgb(255, 255, 255); }
.mainsec-logos .txtwrp p { color: rgb(255, 255, 255); }
.mainsec-logos .txtwrp h2 span { color: rgb(0, 0, 0); }
.mainsec-logos .mainwrp { padding: 40px 50px; position: absolute; width: 100%; border-radius: 7px; background: rgb(0, 0, 0); }
.mainsec-logos .mainwrp ul { margin: 0px; display: block; text-align: center; }
.mainsec-logos .mainwrp ul li { display: inline-block; margin: 0px 10px; }
.mainsec-logos .mainwrp ul li img {width: 100px;height: 65px;}
section.service_we_offer { background: transparent; text-align: center; padding-top: 50px; padding-bottom: 50px; }
.primary_main i { background: white; width: 70px; height: 70px; text-align: center; padding-top: 23px; font-size: 26px; border-radius: 10px; color: rgb(245, 149, 21); }
.primary_main h2 { font-size: 38px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 50px; }
.primary_main p { color: rgb(76, 76, 76); font-size: 16px; width: 78%; margin: auto auto 30px; font-weight: 500; line-height: 27px; }
hr.process { height: 1px; background: rgb(14, 202, 125); width: 3%; margin: 0px auto 20px; }
.service_box img { width: 100%; border-radius: 15px; }
.icons img { width: 55%; padding-top: 12px; margin: auto; }
.service_box { background: white; padding: 0px 0px 25px; border-radius: 7px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px; margin-bottom: 30px; height: 500px; }
.multi_button { width: 100%; margin-top: 3%; }
a.blackish { background: black !important; color: white !important; }
hr.service { height: 2px; background: rgb(206, 206, 206); width: 7%; margin: auto auto 10px; }
.service_box h3 {font-size: 22px;color: rgb(0, 0, 0);padding-top: 15px;padding-bottom: 8px;width: 97%;margin: 0 auto;}
.service_box p { color: rgb(93, 97, 108); font-size: 14px; margin-bottom: 20px; font-weight: 300; line-height: 22px; padding: 0px 10px; }
.service_box a.btn.btn-primary.hk_serive_btn { background: transparent; border: 1px solid rgb(209, 209, 209); width: 85%; height: 48px; color: rgb(136, 136, 137); font-weight: 500; font-size: 17px; padding-top: 10px; }
.icons { background: rgb(255, 255, 255); padding: 0px; margin: -40px auto auto; border-radius: 13px; width: 75px; height: 75px; z-index: 111111; position: relative; box-shadow: rgb(193, 193, 193) -1px 4px 12px -1px; }
.overlayss { position: relative; margin: 0px 0px 20px; }
.centerss { margin-top: -15px; }
a.btn.btn-primary.hk_serive_btn:hover { background: rgb(245, 149, 21); color: white; }
section.portfolio .primary_main { text-align: center; }
section.portfolio .primary_main i { background: rgb(243, 243, 245); width: 70px; height: 70px; text-align: center; padding-top: 23px; font-size: 26px; border-radius: 10px; color: rgb(245, 149, 21); }
.ghost-bnrwrp.design-banner {background-image: linear-gradient(rgb(255, 255, 255), rgb(243, 242, 240));padding-bottom: 70px;}
.ghost-bnrwrp.design-banner .txtwrp { padding: 50px 0px 0px; }
.ghost-bnrwrp.design-banner .txtwrp h2 { color: rgb(23, 23, 23); font-weight: 700; }
.ghost-bnrwrp.design-banner .txtwrp p { color: rgb(0, 0, 0); font-size: 18px; }
.ghost-bnrwrp.design-banner .imgwrp { position: relative; }
.ghost-bnrwrp.design-banner .imgwrprr { position: relative; }
.ghost-bnrwrp.design-banner .imgwrprr img {
    z-index: 11; width: 108%; position: absolute; top: -60px; right: -110px; }
.ghost-bnrwrp.design-banner .imgwrp img { width: 80%; position: absolute; left: 0px; top: 0px; }
.design-pg header .navwrp ul li a { color: rgb(0, 0, 0); }
.design-pg header .navwrp ul li a.btn-1 {     background: linear-gradient(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); color: rgb(255, 255, 255); }
.design-pg header.showmenu .navwrp ul li a.btn-1 { background: unset; border: 2px solid; }
.design-pg header.showmenu .navwrp ul li a { color: rgb(255, 255, 255); }
.what-boxwrp { padding: 70px 0px; }
.what-boxwrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.what-boxwrp .mainwrp { width: 86%; z-index: 3; position: relative; }
.what-boxwrp .mainwrp h4 { color: rgb(153, 153, 153); font-weight: 600; font-size: 24px; padding: 0px 0px 20px; }
.what-boxwrp .mainwrp p { color: rgb(153, 153, 153); height: 183px; }
.what-boxwrp .mainwrp .txtdiv { padding: 30px 40px; background: rgb(255, 255, 255); min-height: 250px; transition: all 0.3s ease-in 0s; border: 7px solid rgb(153, 153, 153); width: 100%; }
.what-boxwrp .mainwrp.box-1 { }
.what-boxwrp .mainwrp.box-1:hover .bear-img { left: -130px; }
.what-boxwrp .mainwrp.box-1 .bear-img { position: absolute; bottom: 0px; z-index: -1; transform: scaleX(-1); left: 0px; width: 52%; transition: all 0.5s ease 0s; }
.what-boxwrp .mainwrp.box-2 .flr-img { top: 10px; left: 0px; animation-name: spin-animation; animation-duration: 360s; animation-timing-function: linear; animation-delay: initial; animation-iteration-count: infinite; animation-direction: initial; animation-fill-mode: forwards; animation-play-state: paused; position: absolute; transition: all 0.3s ease-in 0s; z-index: -1; }
.what-boxwrp .mainwrp.box-2 { margin: 30px 0px 0px; }
.what-boxwrp .mainwrp.box-2:hover .flr-img { top: 95px; left: -55px; }
.what-boxwrp .mainwrp.box-3 { margin: 60px 0px 0px; transition: all 0.3s ease-in 0s; }
.what-boxwrp .mainwrp.box-3:hover img { top: -180px; }
.what-boxwrp .mainwrp.box-3 img { position: absolute; top: 0px; right: 0px; transition: all 0.3s ease-in 0s; width: 165px; z-index: -1; }
.whowrp { padding: 50px 0px; background: rgba(248, 247, 246, 0.82); }
.whowrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.whowrp .mainwrp { display: block; text-align: center; margin: 0px auto; padding: 100px 0px; }
.whowrp .mainwrp img { width: 100%; position: relative; }
.whowrp .mainwrp ul { }
.whowrp .mainwrp ul li { }
.whowrp .mainwrp ul li img { width: auto; position: relative; margin: 0px auto; top: 0px; }
.cta-desginwrp { padding: 0px 0px 60px; }
.cta-desginwrp .mainwrp { background-image: url("../images/cta.png"); background-repeat: no-repeat; background-size: cover; border-radius: 20px; display: block; padding: 130px 0px 165px; text-align: center; }
.cta-desginwrp .mainwrp .btnwrp { display: block; padding: 30px 0px 0px; }
.howwewrok { padding: 70px 0px; }
.uswrp .txtwrp h2, p{    color: #000;}
.howwewrok .txtwrp { display: block; text-align: center; }
.howwewrok .mainwrp { padding: 30px 20px; border-radius: 20px; transition: all 0.5s ease 0s; height: auto; }
.howwewrok .mainwrp:hover { background-color: rgb(235, 235, 254); }
.howwewrok .mainwrp:hover ul { display: block; height: 200px; }
.howwewrok .mainwrp:hover .img-main { display: none; }
.howwewrok .mainwrp .img-hover { display: none; transform: unset; transition: all 0.5s ease 0s; }
.howwewrok .mainwrp:hover .img-hover { display: block; }
.howwewrok .mainwrp img { display: block; text-align: center; margin: 0px auto 30px; width: 190px; transform: scaleX(-1); transition: all 0.5s ease 0s; }
.howwewrok .mainwrp h4 { font-size: 32px; font-weight: 600; }
.howwewrok .mainwrp p { margin: 0px; }
.howwewrok .mainwrp ul { margin: 30px 0px 0px; display: none; transition: all 0.5s ease 0s; }
.howwewrok .mainwrp ul li { display: block; font-size: 16px; color: rgb(76, 76, 76); font-weight: 500; position: relative; padding: 0px 0px 4px 23px; }
.howwewrok .mainwrp ul li::after {top: 0px;content: "\f00c";position: absolute;font-family: FontAwesome;left: 0px;color: rgb(243, 132, 64);}
.ghost-pg .secnd-fld img { position: absolute; bottom: -280px; width: 100%; right: 0px; }
.ghost-bnrwrp.cominwrp .imgwrp img { width: 100%; position: unset; }
.ghost-bnrwrp .txtwrp img { width: 150px; margin: 0px 0px 20px; filter: invert(1); }
.therwrp { display: block; text-align: center; padding: 50px 0px; background: rgb(251, 251, 251); }
.foundwrp { padding: 70px 0px 30px; }
.foundwrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.foundwrp .mainwrp { overflow: hidden; transition: all 0.5s ease 0s; }
.foundwrp .mainwrp .imgwrp { position: relative; transition: all 0.5s ease 0s; text-align: center; height: 220px; }
.foundwrp .mainwrp .imgwrp img { width: 120px; height: auto; object-fit: cover; }
.foundwrp .mainwrp .imgwrp .txtwrp {position: absolute;top: 280px;left: 0px;right: 0px;margin: 0px;background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);padding: 30px;width: 100%;background: linear-gradient(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);height: 100%;transition: all 0.5s ease 0s;}
.foundwrp .mainwrp .imgwrp .txtwrp h4 { color: rgb(255, 255, 255); }
.foundwrp .mainwrp .imgwrp .txtwrp p { color: rgb(255, 255, 255); font-size: 16px; }
.foundwrp .mainwrp:hover .txtwrp { top: 0px; }
.morewrp { padding: 70px 0px; }
.morewrp .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.morewrp .mainwrp { }
.morewrp .mainwrp ul { }
.morewrp .mainwrp ul li { width: 90%; padding: 20px; cursor: pointer; border-radius: 7px; }
.morewrp .mainwrp ul li.current {border-right: 3px solid rgb(122 70 4);transition: all 200ms ease-in 0s;box-shadow: rgba(34, 47, 141, 0.1) 0px 15px 35px;}
.morewrp .mainwrp ul li h4 { font-size: 24px; font-weight: 500; }
.morewrp .mainwrp ul li p { margin: 0px; }
.morewrp .imgwrp img { width: 100%; }
.authrwrp { padding: 70px 0px; }
.authrwrp .txtwrp { }
.authrwrp .txtwrp img { width: 100%; margin: 50px 0px 0px; }
.authrwrp .txtwrp ul { }
.authrwrp .txtwrp ul li { padding: 0px 0px 10px 20px; position: relative; }
.authrwrp .txtwrp ul li::after { content: ""; position: absolute; font-family: FontAwesome; left: 0px; }
.ordersinclude { padding: 70px 0px; }
.ordersinclude .txtwrp { display: block; text-align: center; padding: 0px 0px 30px; }
.ordersinclude .mainwrp { display: block; text-align: center; padding: 50px 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; border-radius: 7px; }
.ordersinclude .mainwrp h4 { background-image: linear-gradient(rgb(243, 108, 18), rgb(173, 36, 62)); color: rgb(255, 255, 255); display: block; text-align: center; }
.ordersinclude .mainwrp h6 { font-size: 20px; padding: 20px 0px; }
.ordersinclude .mainwrp span { color: rgb(235, 113, 45); width: 70%; display: block; margin: 0px auto; }
.portalwrp { padding: 50px 0px; background-image: url("../images/step-bg.png"); }
.portalwrp .txtwrp { }
.portalwrp .txtwrp h2 { font-size: 30px; margin: 0px 0px 20px; }
.portalwrp .txtwrp h2 span { font-size: 50px; margin-right: 30px; color: rgb(217, 68, 39); }
.portalwrp .txtwrp .imgwrp { }
.portalwrp .imgwrp.stpone img { width: 210px; }
.portalwrp .imgwrp.stpone p { font-family: cormorantgaramond-light, cormorantgaramond, "cormorant garamond", serif; font-size: 20px; font-weight: 500; }
.imgwrp.stpone { text-align: center; }
.portalwrp .boxwrp {border: 1px solid rgb(163 111 27);border-radius: 6px;}
.boxwrp.portwrp .txtwrp h2 {background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);color: rgb(255, 255, 255);padding: 10px;text-align: left;background: linear-gradient(to left, #39a95b 0, #62e389 100%);}
.boxwrp.portwrp .portul { padding: 11px 20px; }
.boxwrp.portwrp .portu h6 { }
.boxwrp.portwrp .portul li span { margin: 0px 10px 0px 0px; font-weight: 700; }
.stpwrp { }
.stpwrp .stepsec { }
.stpwrp .stepsec .txtwrp {background: linear-gradient(to left, #39a95b 0, #62e389 100%);align-items: center;padding: 50px;}
.stpwrp .stepsec ul { }
.stpwrp .stepsec ul li { display: block; width: 100%; background: url(""); }
.stpwrp .stepsec .txtwrp { }
.stpwrp .stepsec .prntwrp { display: inline-block; }
.stpwrp .stepsec .discrip { display: block; padding: 0px; }
.stpwrp .stepsec .txtwrp span {font-size: 30px;font-weight: 500;color: #094b38;}
.stpwrp .stepsec .txtwrp h4 {display: block;color: rgb(255, 255, 255);font-size: 38px;}
.stpwrp .stepsec .txtwrp p { color: rgb(255, 255, 255); text-align: left; display: block; font-size: 18px; }
.stpwrp .stepsec .txtwrp.clr-non { background-color: unset; border: 1px solid; margin: 10px 0px; }
.stpwrp .stepsec .txtwrp.clr-non h4 { color: rgb(34, 34, 34); }
.stpwrp .stepsec .txtwrp.clr-non p { color: rgb(34, 34, 34); }
.thrdclass { padding: 70px 0px; }
.thrdclass .mainwrp { transition: all 0.5s ease 0s; margin: 30px 0px 0px; }
.thrdclass .mainwrp .imgwrp { width: 100%; height: 100%; position: relative; padding: 10px 20px; transition: all 0.5s ease 0s; overflow: hidden; }
.thrdclass .mainwrp .imgwrp:hover .txtwrp { left: 0px; }
.thrdclass .mainwrp .imgwrp img { display: block; margin: 0px auto 20px; width: 50%; }
.thrdclass .mainwrp .txtwrp {position: absolute;width: 100%;transition: all 0.5s ease 0s;height: 100%;top: 10px;display: block;right: 0px;margin: 0px auto;text-align: center;background: linear-gradient(to left, #39a95b 0, #62e389 100%);left: -520px;}
.thrdclass .mainwrp .txtwrp p { display: block; text-align: center; font-size: 15px; color: rgb(255, 255, 255); padding: 10px 10px 0px; }
.thrdclass .mainwrp h6 { font-size: 18px; display: block; text-align: center; padding: 0px 0px 5px; }
.thrdclass .mainwrp span { display: block; text-align: center; }
.hk_hide { display: none; }
ul.pkgs { height: 350px; }
.pkgewrp .pkgebox .packwrp li { width: 31%; }
.maainwrp.step { text-align: center; padding: 0px 0px 40px; border-bottom: 1px solid rgb(0, 0, 0); }
.maainwrp.step-heading { padding: 0px 0px 30px; border-bottom: 2px solid rgb(0, 0, 0); }
.row.step-spacing { padding: 50px 0px 0px; border-bottom: 1px solid; }
section.step-form { padding: 50px 0px; }
.extra-section { padding: 50px 0px; background: rgba(253, 249, 249, 0.71); }
.extra-section .mainwrp { }
.extra-section .mainwrp img {     width: 100px; padding: 20px 0px 20px 50px; }
.extra-section .mainwrp h4 { }
.extra-section .mainwrp p { }
.txtwrp { }
.servicesec .mainwrp.textwrp { width: 70%; margin: 0px auto 30px; }
.servicesec .mainwrp.textwrp h2 { color: rgb(255, 255, 255); }
.servicesec .mainwrp.textwrp p { color: rgb(255, 255, 255); }
.txtwrp.childrentext { width: 80%; margin: 0px auto; }
.txtwrp.childrentext h2 {color: rgb(0, 0, 0);background: #ffffff;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;text-transform: capitalize;}
.txtwrp.childrentext p { color: rgb(0, 0, 0); }
.inner-layer.children-cta { padding: 40px 30px; background: url("../images/children-cta-image.png") 0% 0% / cover no-repeat; }
.comics-slider { }
.comics-slider li { width: 19%; display: inline-block; }
.comic-img { }
.comic-img img { width: 60%; }
section.comics .txtwrp { padding: 0px !important; }
.editing-slider li { width: 16%; display: inline-block; margin: 0px 20px; }
.mainwrp.arrow { position: relative; }
.mainwrp.arrow::before {position: absolute;content: "\f061";font-family: FontAwesome;right: -30px;top: 170px;font-size: 21px;color: rgb(0, 0, 0);     margin-top: -50px;}
.txtwrp.publish {width: 80%;margin: 0px auto;padding: 30px 0;}
.mainwrp.publish { text-align: center; }
.btmfrom .ser-wrp ul li { color: rgb(90, 96, 111); font-size: 16px; font-weight: 500; display: inline-block; width: 100%; padding: 0px 0px 5px; position: relative; margin: 0px 30px; }
.btmfrom .ser-wrp ul li::after {content: "\f00c";font-size: 19px;margin-right: 0px;font-family: FontAwesome;position: absolute;color: #11c58a;background: rgb(255, 255, 255);padding: 0px 3px;border-radius: 50%;width: 20px;height: 20px;left: -30px;top: 0px;}
.imgwrp.banner img { width: 100%; }
.logotype-wrp {/* background-image: url("../images/tabbing-bgg.png"); */}
.audiowrp { height: 150px; }
.txtwrp.about img { filter: unset; }
.portwrp { padding: 0px 0px 50px; }
.portwrp .txtwrp { text-align: center; margin: 0px auto; }
.portwrp .txtwrp h2 { }
.portwrp .txtwrp p { }
.portwrp .imgwrp img { width: 100%; border-radius: 7px; }
.portwrp .imgwrp { padding: 30px 10px 0px; }
.portwrp ul { text-align: center; }
.portwrp ul li { display: inline-block; width: 100%; }
.countewrp.abt-counter { }
.countewrp.abt-counter .txtwrp { text-align: center; }
.countewrp.abt-counter .txtwrp h2 { color: rgb(255, 255, 255); }
.countewrp.abt-counter .txtwrp p { color: rgb(255, 255, 255); }
.countewrp.abt-counter .mainwrp span { }
.countewrp.abt-counter .mainwrp p { font-size: 14px; }
p.abtcntr { margin: 0px 0px 10px; font-weight: 600; font-size: 18px !important; }
button.accordian-item-header.aboutmore { margin: 0px auto; }
img.laptop { width: auto; left: 0px; top: 130px; z-index: 9; position: absolute !important; }
.ghost-bnrwrp.design-banner .btn-2 {margin: 0px 5px 0 5px;}
.cta-grey-section::after { content: ""; }
.big-bnr-img .ghost-bnrwrp .imgwrp { position: relative; }
.big-bnr-img .ghost-bnrwrp .imgwrp img { position: absolute; width: 90%; right: 0px; top: 0px; }
.about-pg .how-workwrp .mainwrp { display: block; margin-bottom: 70px; padding: 30px; border-radius: 7px; border: 1px solid rgb(216, 201, 201); height: 290px; background: rgb(255, 255, 255); width: 90%; }
.big-bnr-img.book-pg .ghost-bnrwrp .imgwrp img { position: absolute; width: 73%; right: 0px; top: -80px; }
.comic-pg .ghost-bnrwrp.design-banner .txtwrp h2 { color: rgb(255, 255, 255); }
.comic-pg .ghost-bnrwrp.design-banner .txtwrp p { color: rgb(255, 255, 255); }
.book-pg .how-workwrp .mainwrp { height: 270px; }
.book-pg .how-workwrp .mainwrp p { height: 70px; }
.services-navwrp .mainwrp-second .txtwrp ul { margin: 30px 0px 0px; }
.services-navwrp .mainwrp-second .txtwrp ul li { color: rgb(255, 255, 255); text-align: left; padding: 0px 0px 12px; }
.services-navwrp .mainwrp-second .txtwrp ul li::after { content: ""; }
.accordian-item-header {cursor: pointer;width: 116px;border: none;outline: none;transition: all 0.4s ease 0s;color: aliceblue;background: transparent;margin: 0px 0px 12px 1px;font-size: 18px;font-weight: 500;text-transform: capitalize;}
.accordian-item { background-color: white; color: rgb(17, 17, 17); margin: 1rem 0px; border-radius: 0.5rem; box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 5px 0px; }
.accordian-item-header {min-height: 2.5rem;line-height: 1.25rem;display: flex;align-items: center;position: relative;cursor: pointer;border: 1px solid;border-radius: 8px;padding: 8px 11px;font-size: 14px;justify-content: center;color: #021e16;}
.accordian-item-body { max-height: 0px; overflow: hidden; transition: max-height 0.2s ease-out 0s; }
.accordian-item-body-content { padding: 1rem; line-height: 1.5; border-top: 1px solid rgb(52, 73, 94); }
.read { display: flex; flex-direction: column-reverse; }
button.accordian-item-header::before { content: "Read More"; }
button.accordian-item-header.active::before { content: "Read Less"; }
.portwrp .imgwrp img { width: 100%; border-radius: 7px; }
.portwrp .imgwrp { padding: 30px 10px 0px; }
.portwrp ul li { display: inline-block; width: 19%; }
.portwrp { padding: 200px 0px 50px; }
.portwrp .txtwrp { text-align: center; width: 80%; margin: 0px auto; }
.team { padding: 60px 0px 20px; }
.team .txtwrp { text-align: center; padding: 0px 0px 20px; }
.team .meetwrp {margin: 0 0 60px; }
.team .meetwrp ul { text-align: center; }
.team .meetwrp ul li { display: inline-block; width: 21%; margin: 0px 20px; }
.team .meetwrp ul li .imgwrp {display: none;}
.team .meetwrp ul li .imgwrp img { width: 200px; border-radius: 50%; }
.team .meetwrp ul li .mainwrp {margin: 0 20px 0 0;}
.team .meetwrp ul li .mainwrp h6 { padding: 20px 0px 10px; }
.team .meetwrp ul li .mainwrp p span { font-size: 12px; }
.team .meetwrp ul li .mainwrp p { }
p.abtpera { height: 180px; text-align: initial; }
.about-work .txtwrp { }
.about-work .txtwrp h2 { padding: 0px 0px 20px; }
.about-work .txtwrp p { padding: 0px 0px 30px; }
.accordion, .accordion * { box-sizing: border-box; }
.accordion { overflow: hidden; background: none; margin-top: 30px; }
.quest-title { font-size: 16px; font-weight: 400; text-transform: uppercase; background: rgb(247, 249, 252); color: rgb(12, 39, 69); padding: 0px 15px; margin-bottom: 0px; position: relative; width: 100%; min-height: 60px; line-height: 60px; display: inline-block; transition: all 0.15s linear 0s; text-decoration: none; border-bottom: 1px solid rgb(219, 219, 219); }
.quest-title::before {position: absolute;content: "\f05d";width: 20px;height: 20px;right: 15px;top: 0px;color: rgb(30, 30, 30);font-size: 20px;font-family: 'FontAwesome';}
.quest-title.active, .quest-title:hover { color: rgb(0, 0, 0); content: ""; }
.quest-title::after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: rgb(219, 219, 219); position: absolute; content: ""; }
.quest-title.active::before {content: "\f05d";}
.quest-title:hover::before { }
.quest-content { padding: 15px 20px; display: none; background: rgb(255, 255, 255); margin-bottom: 0px; float: left; width: 100%; }
.quest-content p { line-height: 20px; font-size: 16px; font-weight: 500; margin: 0px; color: rgb(54, 54, 54); }
.faqwrp li { }
.faqwrp li span { font-weight: 700; margin: 0px 10px 0px 0px; }
.faqwrp li p { }
section.sec-padding.faqs { padding: 50px 0px 20px; }
.firstwrp { padding: 50px 0px 20px; }
.privacyPolicy { padding: 50px 0px; }
.padbot10 strong { font-size: 20px; }
.privacypolicy .privacy { padding: 200px 0px 0px; }
.story .secnd-fld p.main-pera { font-size: 18px; }
i.fa.fa-phone { font-size: 18px; margin: 0px 10px 0px 0px; }
i.fa.fa-envelope-o { font-size: 18px; margin: 0px 10px 0px 0px; }
.phone { margin: 0px 0px 10px; }
.mail { margin: 0px 0px 10px; }
.whowrp .boxwrp { padding: 30px 30px 0px; }
.whowrp .boxwrp .txtwrp.whotxt { text-align: start; padding: 20px 0px 0px; }
.whowrp .boxwrp .imgwrp img { width: 70px; }
.whowrp .mainwrp ul.slick-dots { position: relative; top: 140px; width: 100%; display: flex; justify-content: space-between; }
.whowrp .mainwrp ul.slick-dots li button { height: 220px; width: 350px; }
.whowrp .mainwrp ul.slick-dots li button::before { display: none; }
.whowrp .mainwrp ul.slick-dots li { text-align: center; width: 33% !important; }
.home-logos .logos { }
.home-logos .logos ul { background: rgba(0, 0, 0, 0.37); padding: 30px 0px; }
.home-logos .logos ul li { display: inline-block; }
.topfotr .row.brdr {}
.navwrp.nospace ul { padding: 0px; margin: 0px; }
.typewrite.ghoost .wrap { color: rgb(0, 0, 0); }
.boxwrp.portwrp.chldport { padding: 0px; }
.portwrp.chldport ul li { width: 100%; }
.portwrp.chldport .txtwrp { width: 100%; }
.portwrp.chldport ul { text-align: start; }
.inner-layer.children-cta .btn-1 {font-size: 16px;background: linear-gradient(to right, rgb(217, 68, 39) 0%, rgb(240, 112, 40) 100%);background: linear-gradient(to left,#02884d 0,#12cc91 100%);}
.inner-layer.children-cta .btn-1:hover{    transform: unset; display: initial;}
i.fa.fa-pencil-square-o { font-size: 70px; }
i.fa.fa-handshake-o { font-size: 70px; }
i.fa.fa-trophy { font-size: 70px; }
/*.contact { background-image: url("../images/homepage-background-2.jpg"); background-size: cover; background-repeat: no-repeat; overflow-x: hidden; height: auto; padding: 0px; padding: 200px 0 0;}*/
.uswrp .txtwrp h2, p { color:     color: #222; }
.uswrp .txtwrp a { color: rgb(255, 255, 255);font-size: 16px; display: block; margin: 0px 0px 10px 0; }
.contact .uswrp .txtwrp { padding: 50px 0px 0px; }
.txtwrp.whotxt p { color: rgb(0, 0, 0); }
.home-logos { position: relative; }
.home-logos .logos ul li img {width: 130px;height: 60px;}
.ghost-bnrwrp .overlaywrpr { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.52); top: 0px; }
.bnr-inpfild input, .bnr-inpfild textarea, .bnr-inpfild select { width: 100%; padding: 10px; margin: 0px 0px 18px; border-radius: 6px; border: 1px solid rgb(218, 212, 212); color: rgb(51, 51, 51); height: 47px; background: rgba(255, 255, 255, 0); font-size: 12px; appearance: auto; }
.form-wrap { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.35); padding: 40px 20px; border-radius: 5px; width: 75%; position: relative; z-index: 9; float: right; }
.bnr-inpfild [type="submit"] { color: rgb(255, 255, 255); border-radius: 8px; margin: 0px; font-size: 18px; font-weight: 500; text-transform: capitalize; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); border: 0px; outline: none; height: 50px; }
.form-wrap h1 { font-size: 22px; text-align: right; margin: 0px 0px 24px; font-weight: 400; text-transform: capitalize; color: rgb(255, 255, 255); line-height: 1.4; padding: 0px 0px 10px; }
.form-wrap h1 span { display: block; color: rgb(255, 255, 255); font-size: 32px; line-height: 0.5; padding: 10px 0px 0px; font-weight: 700; }
.bnr-inpfild .intl-tel-input { margin-bottom: 18px; }
.bnr-inpfild textarea { height: 100px; resize: none; color: rgb(0, 0, 0); }
.intl-tel-input { width: 100%; }
.mybanform {z-index: 10;position: relative;padding: 20px 0px 0px;}
.mybanform form { position: relative; display: inline-block; }
.mybanform form .wrap { font-size: 0px; width: 100%; border-radius: 10px; display: block; position: relative; height: 70px; }
.mybanform form .wrap .dtf { display: inline-block; vertical-align: top; width: 27%; }
.round { border-radius: 10px 0px 0px 10px; }
.mybanform form .wrap .dtf.posrelative { width: 17%; }
.mybanform form .wrap .dtf input[type="text"], .mybanform form .wrap .dtf input[type="email"], .mybanform form .wrap .dtf input[type="number"] { background: rgb(255, 255, 255); border-width: 0px 1px 0px 0px; border-top-style: initial; border-bottom-style: initial; border-left-style: initial; border-top-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; font-size: 14px; height: 70px; width: 100%; padding: 20px; border-right-style: solid; border-right-color: rgb(232, 233, 235); color: rgb(0, 0, 0); }
.mybanform form .wrap .dtf input[type="submit"] { font-size: 16px; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); border: 0px; color: rgb(255, 255, 255); padding: 20px 48px; cursor: pointer; border-radius: 0px 10px 10px 0px; height: 70px !important; }
.contact-us-cta__logo-container::after { content: "Confidential Engagements"; position: absolute; bottom: 80px; left: 0px; right: 0px; margin: 0px auto; text-align: center; }
footer .card-imageswrp { width: 33%; }
.mainfrm .mainwrp { display: block; padding: 30px 0px 0px; }
.mainfrm .mainwrp h4 { color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; }
.mainfrm .mainwrp span i { color: rgb(255, 202, 29); }
.mainfrm .mainwrp span { margin: 0px 10px; }
.careers-carousel__cta.chng { padding: 14px 56px; background-color: rgb(1, 51, 203); color: rgb(255, 255, 255); margin-left: 20px; }
.btnwrphdr { border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); border-radius: 3px; }
.btnwrphdr:hover { color: rgb(255, 255, 255); }
.form-box-main form label.field-txt { font-weight: 500; font-size: 18px; color: rgb(91, 107, 127); margin: 0px 0px 5px; width: 100%; display: block; padding: 10px 0px 0px; }
.form-box-main form label.field-txt span { color: rgb(230, 3, 3); }
.form-box-main form input[type="text"], .form-box-main form input[type="email"], .form-box-main form input[type="number"], .form-box-main form input[type="tel"], .form-box-main form textarea { width: 100%; margin: 0px; border: 1px solid rgb(178, 185, 193); background: white; padding: 18px 15px; color: rgb(0, 0, 0); font-size: 18px; font-weight: 400; height: 55px; border-radius: 8px; }
.form-box-main form select { width: 100%; margin: 0px; border: 1px solid rgb(178, 185, 193); background: white; padding: 12px 15px; color: rgb(91, 107, 127); font-size: 18px; font-weight: 400; border-radius: 8px; appearance: auto; }
.form-box-main form select:focus { border-radius: 8px 8px 0px 0px; }
.form-box-main form select[name="ddlMonth"], .form-box-main form select[name="ddlDay"], .form-box-main form select[name="ddlYear"] { float: left; width: 32.5%; margin: 0px 1% 0px 0px; }
.form-box-main form select[name="ddlYear"] { margin: 0px; }
.form-box-main form textarea { width: 100%; margin: 0px; padding: 8px 12px; height: 100px; }
.check-list { }
.form-box-main form input[type="checkbox"]:not(old), .form-box-main form input[type="radio"]:not(old) { width: 20px; margin: 0px; padding: 0px; cursor: pointer; position: relative; }
.form-box-main form input[type="checkbox"]:not(old) + label, input[type="radio"]:not(old) + label { display: inline-block; margin-left: -28px; padding-left: 28px; line-height: 24px; font-weight: 500; font-size: 14px; color: rgb(91, 107, 127); }
.form-box-main form input[type="checkbox"]:not(old):checked + label { background-position: 0px -24px; }
.form-box-main form input[type="radio"]:not(old):checked + label { background-position: 0px -48px; }
.form-box-main form input[type="submit"] { display: inline-block; transform: translateY(0rem); transition: all 0.4s ease 0s; color: rgb(255, 255, 255); margin-top: 20px; padding: 20px 60px; font-size: 16px;     background: linear-gradient(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); border-radius: 8px; border: 3px solid; cursor: pointer; }
.form-box-main form input[type="submit"]::after { content: ""; font-size: 13px; color: white; padding-left: 10px; font-family: icomoon !important; }
.form-box-main form input[type="submit"]:hover { display: inline-block; color: rgb(255, 255, 255); }
.form-box-main form input::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form textarea::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form input:focus, .form-box-main form textarea:focus, .form-box-main form select:focus, .form-box-main form option:focus, .selected-flag { outline: none; }
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0px; }
input[type="number"] { }
.form-box-main form .intl-tel-input { width: 100%; }
.form-box-main form .intl-tel-input .country-list { width: 380px; }
.form-box-main form .intl-tel-input .country-list .country { font-size: 13px; }
.form-box-main form label.error, label.error { color: red; font-style: italic; margin-bottom: 0px; display: none !important; }
div.error { display: none; }
input.checkbox { border: none; }
input.error { border: 1px solid red !important; }
form.cmxform .gray * { color: gray; }
.mybannerform form { margin-bottom: 0px; }
.orderpg header { display: none; }
.orederpg #main-content { overflow-x: inherit; }
.orderpg footer { display: none; }
.intl-tel-input.separate-dial-code .selected-dial-code { padding-left: 10px; color: rgb(0, 0, 0); }
.subscribe-fold { padding: 120px 60px 60px; }
.get-startwrp { padding: 110px 0px 90px; }
header .extrawrp { }
.dsgn-frm .mybanform{
    z-index: 10;
    position: relative;
    padding: 0px 20px 15px 30px;
    background: #00000045;
    width: 80%;
    margin: 40px 0 0;
    border-radius: 10px;
    }

.blink {
    animation: blinker 1s step-start infinite;
}
.blink {animation: blinker 1s step-start infinite;}



@keyframes blinker {
  50% {
    color:#12cc91;
  }
}    


.txtwrp.footerbotom h4 {color: #fff;font-size: 18px;}
.txtwrp.footerbotom p{color: #fff;font-size: 13px;    }
.imgwrp.footerbotom img{width: 35px;height: 35px;margin: 7px 13px 20px 0;}
.flex{display: flex;align-items: center;justify-content: center;}
h4.payment{color: #fff;font-size: 18px;}    
.imgwrp.footerbotom {    margin: 0 20px 0 0;}    
.row.padding-top{       padding: 40px 0 0;
    border-top: 1px solid;
    margin: 20px 0 0;}
.fa-phone:before {    content: "\f095";    margin: 0 5px 0;}
.copyryt{color:#fff;}
.copyryt:hover{color:#fff;}
ul.paymentwrp li{display: inline-block;    margin: 0 14px 0 0;}

/*
.form-sub .mybanform{        position: absolute;
    bottom: -630px;
    left: 0;}*/
.form-sub .marketbnner{    height: 640px;}
.extra-section .mainwrp p {
    color: #000;
}
.ghost-bnrwrp.desgin-bnrwrp .imgwrp img{width: 70%;}
.ghost-bnrwrp.desgin-bnrwrp{height: auto;}
.ghost-bnrwrp.design-banner{padding-top:70px !important;padding-bottom: 120px !important;}
header .navwrp ul li a.btn-1:hover{    transform: unset;
    display: unset;}
.btn-1:hover, .btn-2:hover{    transform: translateY(-7px);}
.btn-1:hover, .btn-2{display:inline-block;transition: 0.3s all;}
.thankyouwrp{display: block;
    text-align: center;
    padding: 210px 0 120px;}
.team .meetwrp ul li .mainwrp p{color: #222;}    




.floatbutton.active {
    right: 0;
    z-index: 99;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    top: 180px;
}
.floatbutton {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    right: -370px;
   top: 30%;
    font-size: 0;
    width: 420px; /* transform: translateY(-50%); */
    z-index: 999;
}
.floatbutton .clickbutton {
    width: 50px;
    z-index: 999;
    height: 230px;
    cursor: pointer;
    box-shadow: -20px 7px 18px -7px rgb(87 184 151 / 9%);
    border-radius: 10px 0px 0px 10px;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    margin-top: 40px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase;
    background: -moz-linear-gradient(-45deg, #2a3db6 0%, #1169cd 100%);
    background: linear-gradient(90deg, #47d8a2 0, #0081dc 91%);
    background: #000;
    background-color: #000;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 );
    font-family: "Poppins", sans-serif;
    box-shadow: 0px 0px 40px #00000026;
    -webkit-box-shadow: 0px 0px 40px #00000026;
    -ms-box-shadow: 0px 0px 40px #00000026;
    -o-box-shadow: 0px 0px 40px #00000026;
}
.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: absolute;
    display: block;
    transform: rotate(-90deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    left: -55px;
    font-size: 13px;
    white-space: pre;
    bottom: 107px;
}
.floatbutton .clickbutton .crossplus.rotate {
    transform: rotate(90deg);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.floatbutton .clickbutton .crossplus i {
    font-size: 18px;
    color: #ffffff;
    margin: 17px 0 0 15px;
}
.banner-form {
    background: #fff;
    padding: 10px 20px;
    position: relative;
    z-index: 99999 !important;
    height: 445px;
    border-radius: 5px;
    margin: 0;
    width: 370px;
    display: inline-block;
    box-shadow: 0px 0px 30px #0000001f;
}
.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 5px 0;
}
.banner-form .intl-tel-input {
    width: 100%;
    font-size: 14px;
}
.banner-form h3 {
    color: #141315;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 700;
}
.banner-form h3 strong {
    font: 24px/24px "Poppins", sans-serif;
    font-weight: 600;
}
.ban-form input[type="submit"] {
    color: #fff;
    font-weight: 600;
    border-radius: 3px;
    text-align: center;
    padding: 10px 15px;
    margin: 10px 0 0;
    border: transparent;
    cursor: pointer; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */
    background: #2a3db6; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #2a3db6 0%, #1169cd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fa6400 0%, #fa6400 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, #fa6400 0, #fa6400 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    background: linear-gradient(to left,#02884d 0,#12cc91 100%);
}
.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: 50px;
    outline: none !important;
    margin: 5px 0 0px 0;
    resize: none;
}
.ban-form select {
    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: 5px 0 0px 0;
}

.btns_wrap {
    position: fixed;
    right: -6px;
}
.btns_wrap a:hover {
    text-decoration: none !important;
    right: 0px;
}
.btns_wrap .call_wrap {
    width: 280px;
    position: absolute;
    right: -225px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */
    background: -moz-linear-gradient(-45deg, #2a3db6 0%, #1169cd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(135deg, #fcc12d 0%, #b3830c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, #fa6400 0, #fa6400 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    top: 63px;
    border-radius: 3px 0px 0px 3px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9999;
}
.btns_wrap .call_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle; /* background: #000; */
    padding: 15px 20px 15px 15px;
}
.btns_wrap .chat_wrap {
    display: block;
    position: absolute;
    right: -225px;
    width: 280px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* Old browsers */
    background: -moz-linear-gradient(-45deg, #2a3db6 0%, #1169cd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(135deg, #fcc12d 0%, #b3830c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(90deg, #fa6400 0, #fa6400 91%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    top: 0;
    border-radius: 0px;
    overflow: hidden;
    box-shadow: 0px 0px 40px #00000026 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 3px 0px 0px 3px;
    z-index: 9999;
}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo {
    color: #fff; /* background: #ce1b1b; */ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */ /* background: #2a3db6; */ /* Old browsers */
    background: -moz-linear-gradient(
        -45deg,
        #2a3db6 0%,
        #1169cd 100%
    ); /* FF3.6-15 */ /* background: -webkit-linear-gradient(-45deg,  #2a3db6 0%,#1169cd 100%); */ /* Chrome10-25,Safari5.1-6 */ /* background: linear-gradient(135deg,  #2a3db6 0%,#1169cd 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    font-size: 18px;
    padding: 15px 20px;
    border-right: 1px solid #ded9d9;
    vertical-align: middle;
    display: inline-block;
    border-radius: 10px 0px 0px 10px;
}
.btns_wrap .chat_wrap span {
    color: #fff;
    font-size: 20px;
    vertical-align: middle; /* background: #000; */
    padding: 15px 30px 15px 15px;
}
.ban-form .fldset.inpchecbx label {
    display: inline-block;
    margin: 0;
    line-height: 1.4;
    color: #676767;
    font-size: 13px;
}
.ban-form .fldset.inpchecbx input {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
}
.ban-form .fldset.inpchecbx select {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0;
}
.fldset.inpchecbx {
    margin: 10px 0 0 0;
}
.fldset p {
    font-size: 13px;
    color: #676767;
    padding: 0;
    margin: 10px 0 0 0;
}
.fldset p a {
    display: block;
    padding: 5px 0px 0 0;
    color: #141315;
    font-weight: 500;
    font-size: 14px;
}
.main-services-banner-sec .ban-form .fldset textarea {
    height: 60px;
}
.main-services-banner-sec .ban-form input {
    height: 40px;
}



.clickbutton:before {
    position: absolute;
    content: "";
    background-image: url(../images/chat-icons.svg);
    top: 214px;
    left: -10px;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}
.home-bnr-wrp .imgwrp .test-imgwrp{    position: absolute;
    right: 30px;
    top: -77px;}

.socialwrp{}
.socialwrp li{display:inline-block; margin:0 10px;}
.socialwrp li a i{font-size:23px;}

.footer-top{background: rgb(0, 0, 0); padding: 50px 0 10px; border-bottom: 1px solid #3c3f43;}
#footer-email-input{    width: 100%; padding: 20px 75px 20px 20px; border-radius: 0;}
#footer-submit{position: absolute;    width: 52px; height: 52px; right: 25px; top: 5px; color: #a89968; font-size: 1px; background-color: #292d31; border-radius: 0; border: none;}
.footer-top i.fa.fa-arrow-right{font-size: 22px; color: #EAB543;}
.footer-top .txtwrp h4{color: #fff;}
.footer-top .txtwrp p{color: #fff;}

.interiour-port .portwrp ul{width: 100%;padding: 0px 0 30px;}
.interiour-port .portwrp ul.clr-bg{background-color: #415264;}


header .navwrp .flgwrp{
    display: inline;
    margin: 0 0 0 20px;
    }
header .navwrp .flgwrp img{}
header .navwrp .flgwrp ul{
    display: block;
    margin: 6px 0 0;
    transition: all 200ms ease-in 0s;
}
header .navwrp .flgwrp i{color:#fff;}
header .navwrp .flgwrp:hover ul li img{opacity: 1;}
header .navwrp .flgwrp ul li{margin: 0;position: relative;left: -13px;}
header .navwrp .flgwrp ul li img{
    opacity: 0;
    transition: all 200ms ease-in 0s;
}
.about-pg .cta-desginwrp .mainwrp .btn-1:hover{    display: initial;}
.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 20px;}
.mybanform form .nm input{padding: 0 0 0 100px!important;}  
.logotype-wrp .ser-port li .mainwrp .txtwrp .btnwrp{display:none;}

.ghost-bnrwrp.comics  .btn-1{margin: 0 0px 0 0;}
.formwrp form .lablewrp.num input{padding-left: 92px;}
.btmfrom form .lablerp.num input{padding-left: 84px;}
.ofiicewrp{    padding: 50px 0 0px;}
.ofiicewrp .txtwrp h4{font-size: 22px;}
.ofiicewrp .txtwrp a{    display: block; margin: 0 0 10px 0; color: #000; text-decoration: revert; font-size: 16px;}
.ofiicewrp .btmwrpr.social a{color: #000;}

.sitemap-wrapper{}
.sec-padding-110{padding: 200px 0 60px;background: rgb(16, 15, 15);}
.sitemap-wrapper a{text-decoration: none;}
.sitemap-wrapper p { margin: 30px 0 15px; font-size: 20px; line-height: 24px; color: #fff; padding: 0px;  font-weight: 600; }
.sitemap-wrapper h2{margin: 0; font-size: 24px; border-bottom: 1px solid #ccc; padding: 0 0 30px;    color: #2c2c2c;}
.sitemap-wrapper a { text-decoration: none; color: #e7b241; font-size: 18px;  margin: 0 0 5px; display: block; }
.sitemap-wrapper a:hover{text-decoration: underline;}
.sitemap-wrapper a.mainhead:hover{text-decoration: none;}



.book-trailer .portwrp ul li img { width: 100%; border-radius: 7px; }
.book-trailer .portwrp ul li {display: inline-block; width: 21%;margin: 15px 20px; }
.sermain .mainwrp:hover {transform: scale(1); }
.sermain .mainwrp:hover .clr-div::after { left: 0px;}
.sermain .mainwrp:hover .txtdiv { left: 0px;}
/*.sermain .mainwrp:hover .clr-div::before{  position: absolute;*/
/*  content: "";*/
/*  top: 20px;*/
/*  right: 20px;*/
/*  bottom: 20px;*/
/*  left: 20px;*/
/*  border: 1px solid white;*/
/*  z-index: 1;*/
/*  animation: animate 0.8s ;*/
/*  transition: all 0.3s ease;}*/
/*@keyframes animate{ */
/* 0%{  transform: scalex(1.0);}*/
/*}*/






/*Portfolio Section*/
.portfolio-sec{padding: 30px 0;}
.portfolio-sec .port-btn{text-align: center;margin-bottom: 20px;}
.portfolio-sec .port-btn ul{padding: 0;margin-top: 20px;}
.portfolio-sec .txtwrp p{text-align: center;}
.portfolio-sec .txtwrp h2{text-align: center;}
.portfolio-sec .portswrp{padding: 0;font-size: 0;}
.portfolio-sec ul.port-imgwrp{font-size: 0;}
.portfolio-sec ul.port-imgwrp li{margin-right: 12px;margin-top: 20px}
.portfolio-sec ul.port-imgwrp li:hover{    transition: all 0.5s ease-in;
    transform: scale(1.1);}
.portfolio-sec ul.port-imgwrp li a img:
.portfolio-sec .slick-list {margin: 0 -70px; }
.portfolio-sec .slick-next{width: 50px; top: 50%; height: 50px; background: #d4d0d0; border-radius: 50%; box-shadow: 0 0 11px #eaf0f6;}
.portfolio-sec .slick-prev{width: 50px; top: 50%; height: 50px; background: #d4d0d0; border-radius: 50%; box-shadow: 0 0 11px #eaf0f6;}
.portfolio-sec .slick-next{right: -105px;}
.portfolio-sec .slick-prev{left: -96px;}
.portfolio-sec .port-btn ul li{list-style: none;display: inline-block;cursor: pointer;color: #253858;padding: 10px 13px;border: 1px solid transparent;font-size: 16px;background: #fff;box-shadow: 5px 6px 30px #00000012;border-radius: 4px;} 
.portfolio-sec .port-btn ul li.current{border-color: #02894e;color: #fff;background: linear-gradient(to left, #39a95b 0, #62e389 100%);border-radius: 4px;} 
.portfolio-sec .slick-next:before{content: "\e957"; font-family: icomoon!important;}
.portfolio-sec .slick-prev:before{content: "\e958"; font-family: icomoon!important;}
.portfolio-sec ul.portswrp li.tabs{display:none!important;}
.portfolio-sec ul.portswrp li.tabs.current{display:block!important;}



.bg-wht {
    background: #fff !important;
}

.testiwrp .txtwrp h4 img {
    width: 70px;
    animation-name: bounce-5;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
}