#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: linear-gradient( 
43deg
 , #EAB543 0%, #c78535 99%);-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: -webkit-linear-gradient(43deg, rgb(218, 135, 64) 0%, rgb(231, 174, 102) 99%); 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: 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: 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: rgb(16, 15, 15); 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 .logowrp img.logo-img{width: 130px;margin: -60px 0 30px;}
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); }
.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: 37px 0px 0px;width: 100%;z-index: 999;background: rgba(0, 0, 0, 0.57);}
header .logowrp { display: block; }
header .logowrp img {width: 125px;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: linear-gradient( 
43deg
 , #EAB543 0%, #c78535 99%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;}
.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(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); }
.btn-2:hover { background: -webkit-linear-gradient(43deg, rgb(218, 135, 64) 0%, rgb(231, 174, 102) 99%); 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(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); }
.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: linear-gradient( 
43deg
 , #EAB543 0%, #733F00 99%);-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: rgb(222, 146, 75);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: 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: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); 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(255, 184, 36); }
.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; }
.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(74, 27, 6); 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(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); }
.logotype-wrp .tabbing-links li.current { transform: unset; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); }
.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: #1C1203; }
.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: rgb(16, 15, 15); 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: 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%);}
.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 rgb(145 93 17);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(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.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: 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%);background: linear-gradient(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.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(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); }
.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(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.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: rgb(1, 155, 225); 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: 50px; font-weight: 500; color: rgb(255, 200, 61); }
.stpwrp .stepsec .txtwrp h4 { display: block; color: rgb(255, 255, 255); font-size: 42px; }
.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 right, rgba(249, 131, 175, 0.79) 0%, rgb(248, 40, 126) 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: linear-gradient( 
43deg
 , #7d4906 0%, #dda83c 99%);-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: rgb(222, 146, 75);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: #ca9531;}
.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(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.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:rgb(146 94 17);
  }
}    


.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(
43deg
, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);
}
.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);}*/
/*}*/









/*//////////////////bdr-1/////////////////*/


.clr-div:hover .bdr-1:nth-child(1){
    position: absolute;
    top: 20px;
    left: 20px;
    width: 93%;
    height: 1px;
    background-color: white;
    animation: anime1 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime1{
  0%{
    width: 0%;
    transform: scale(0,1);
    
  }
  100%{
    width: 93%;
  }
}
.clr-div:hover .bdr-1:nth-child(2){
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    width: 1px;
    height: 339px;
    background-color: white;
    animation: anime2 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime2{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 89%;
  }
}
.clr-div:hover .bdr-1:nth-child(3){
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 93%;
    height: 1px;
    background-color: white;
    animation: anime3 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime3{
  0%{
    width: 0%;
    transform: scale(0,1);
  }
  100%{
    width: 93%;
  }
}
.clr-div:hover .bdr-1:nth-child(4){
    position: absolute;
    top: 20px;
    right: 20px;
    width: 1px;
    height: 339px;
    background-color: white;
    animation: anime4 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime4{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 89%;
  }
}

/*//////////////////bdr-2/////////////////*/
.clr-div:hover .bdr-2:nth-child(1){
    position: absolute;
    top: 20px;
    left: 20px;
    width: 86%;
    height: 1px;
    background-color: white;
    animation: anime5 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime5{
  0%{
    width: 0%;
    transform: scale(0,1);
    
  }
  100%{
    width: 86%;
  }
}
.clr-div:hover .bdr-2:nth-child(2){
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    width: 1px;
    height: 84%;
    background-color: white;
    animation: anime6 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime6{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 84%;
  }
}
.clr-div:hover .bdr-2:nth-child(3){
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 86%;
    height: 1px;
    background-color: white;
    animation: anime7 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime7{
  0%{
    width: 0%;
    transform: scale(0,1);
  }
  100%{
    width: 86%;
  }
}
.clr-div:hover .bdr-2:nth-child(4){
    position: absolute;
    top: 20px;
    right: 20px;
    width: 1px;
    height: 84%;
    background-color: white;
    animation: anime8 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime8{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 84%;
  }
}


/*//////////////////bdr-3/////////////////*/
.clr-div:hover .bdr-3:nth-child(1){
    position: absolute;
    top: 20px;
    left: 20px;
    width: 86%;
    height: 1px;
    background-color: white;
    animation: anime9 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime9{
  0%{
    width: 0%;
    transform: scale(0,1);
    
  }
  100%{
    width: 86%;
  }
}
.clr-div:hover .bdr-3:nth-child(2){
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    width: 1px;
    height: 84%;
    background-color: white;
    animation: anime10 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime10{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 84%;
  }
}
.clr-div:hover .bdr-3:nth-child(3){
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 86%;
    height: 1px;
    background-color: white;
    animation: anime11 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime11{
  0%{
    width: 0%;
    transform: scale(0,1);
  }
  50%{
    width: 50%;
  }
  100%{
    width: 86%;
  }
}
.clr-div:hover .bdr-3:nth-child(4){
    position: absolute;
    top: 20px;
    right: 20px;
    width: 1px;
    height: 84%;
    background-color: white;
    animation: anime12 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime12{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 84%;
  }
}



/*//////////////////bdr-4/////////////////*/
.clr-div:hover .bdr-4:nth-child(1){
    position: absolute;
    top: 20px;
    left: 20px;
    width: 93%;
    height: 1px;
    background-color: white;
    animation: anime13 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime13{
  0%{
    width: 0%;
    transform: scale(0,1);
    
  }
  100%{
    width: 93%;
  }
}
.clr-div:hover .bdr-4:nth-child(2){
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    width: 1px;
    height: 319px;
    background-color: white;
    animation: anime14 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime14{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 89%;
  }
}
.clr-div:hover .bdr-4:nth-child(3){
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 93%;
    height: 1px;
    background-color: white;
    animation: anime15 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime15{
  0%{
    width: 0%;
    transform: scale(0,1);
  }
  50%{
    width: 50%;
  }
  100%{
    width: 93%;
  }
}
.clr-div:hover .bdr-4:nth-child(4){
    position: absolute;
    top: 20px;
    right: 20px;
    width: 1px;
    height: 319px;
    background-color: white;
    animation: anime16 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime16{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 89%;
  }
}


/*//////////////////bdr-5/////////////////*/
.clr-div:hover .bdr-5:nth-child(1){
    position: absolute;
    top: 20px;
    left: 20px;
    width: 93%;
    height: 1px;
    background-color: white;
    animation: anime17 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime17{
  0%{
    width: 0%;
    transform: scale(0,1);
    
  }
  100%{
    width: 93%;
  }
}
.clr-div:hover .bdr-5:nth-child(2){
    position: absolute;
    top: 20px;
    left: 20px;
    bottom: 20px;
    width: 1px;
    height: 441px;
    background-color: white;
    animation: anime18 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime18{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 89%;
  }
}
.clr-div:hover .bdr-5:nth-child(3){
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 93%;
    height: 1px;
    background-color: white;
    animation: anime19 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime19{
  0%{
    width: 0%;
    transform: scale(0,1);
  }
  50%{
    width: 50%;
  }
  100%{
    width: 93%;
  }
}
.clr-div:hover .bdr-5:nth-child(4){
    position: absolute;
    top: 20px;
    right: 20px;
    width: 1px;
    height: 441px;
    background-color: white;
    animation: anime20 0.4s ease;
    transition: all 0.4s;
    z-index: 99;
}
@keyframes anime20{
  0%{
    height: 0%;
    transform: scale(1,0);
  }
  100%{
    height: 89%;
  }
}





/*=========================================popup======================================================*/
.mypopup-wrap.active{position: fixed;top: 110px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.mypopup-wrap{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 800px;height: 600px;border-radius: 10px;position: absolute;left: 0;right: 0px;top: 10%;bottom: 0px;margin: auto;z-index: 99999;overflow: hidden;}
.mypopup-wrap .mypopup{border-radius: 10px;font-size: 0px;background: #fff;}
.mypopup-wrap .mypopup .left{width: 50%;vertical-align: top;display: inline-block;overflow: hidden;background: #386163;vertical-align: middle;}
.mypopup-wrap .mypopup .left figure{border-radius: 10px 0px 0px 10px; overflow: hidden; }
.mypopup-wrap .mypopup .left figure img{margin-left: 0;margin-top: 0;width: 100%;}
.mypopup-wrap .mypopup .right{width: 50%;padding: 19px 0;vertical-align: top;display: inline-block;vertical-align: middle;}
.mypopup-wrap .mypopup .right .closebutton{position: absolute; width: 20px; height: 20px; /*float: right;*/ cursor: pointer; transform: rotate(45deg); right: 20px; top: 20px; }
.mypopup-wrap .mypopup .right .closebutton:before{content: "";position: absolute;height: 20px;width: 1px;top: 0;background: #000;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after{content: "";position: absolute;height: 1px;width: 20px;top: 0;left: 0;background: #000;display: block;bottom: 0;margin: auto;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap{padding-top: 0px; padding-left: 30px; padding-right: 30px; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 26px;line-height: 1;text-align: left !important;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 38px;display: block;font-weight: 900;color: #e5b040;margin-top: 5px;margin-bottom: 10px;}
.mypopup-innerwrap .form_wrap{padding: 20px 15px; }
.mypopup-innerwrap .form_wrap .hero_form{}
.mypopup-innerwrap .form_wrap .hero_form form{}
.mypopup-innerwrap .form_wrap .hero_form .form-control{border-radius: 10px; border: 1px solid #b9b8b8; }
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus{border: 1px solid #5d03db;}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control{color: #000;}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control{min-height: 85px;}
.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit{border-radius: 10px; min-width: 100%; }
.mypopup-innerwrap .form_wrap .hero_form .col-md-6{width: 100%;}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6{width: 100%;}
.hero_form .field-mergedleft{padding-left: 15px;}
.hero_form .field-mergedright{padding-right: 15px;}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {margin-bottom: 10px;}
.submit:hover {
    background-color: #1f1f1f;
}

.form_wrap .analyzeform form input[type="submit"] {width: 100%; margin: 0px; text-align: center; margin-top: 10px; border-radius: 4px; }
.submit {
    border: 0; font-family: 'Poppins', sans-serif; font-size: 18px; color: #fff; line-height: 2; padding: 5px 51px; outline: none; cursor: pointer; transition: background-color .3s; border-radius: 5px; background: #000000; }
.overlay {
    background: #0000006b;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
}

/*=========================================egg-popup======================================================*/

/*.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
*/.eggoffer{-moz-transition: 0.4s;}
.eggoffer .top{position: relative; z-index: -1; }
.eggoffer .top figure{text-align: center; }
.eggoffer .top figure img{opacity: 1; }
.eggoffer .bottom{cursor: pointer; padding: 16px 5px; border-radius: 5px; background: #16a07d; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,.eggoffer .bottom h3:before{display: none;}
.eggoffer .bottom h3{font-size: 14px; margin: 0; color: #fff; }
.eggoffer .bottom span{color: #fff; font-size: 20px; font-weight: 900; width: 100%; padding-top: 6px; line-height: 1; display: inline-block; text-align: center; text-shadow: 0 2px 2px #666; }
.form_wrap .analyzeform form .dtf {width: 100%; }
.form_wrap .analyzeform form input[type="submit"] {width: 100%;margin: 0px;text-align: center;margin-top:10px;border-radius: 4px;background-image: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.form_wrap .analyzeform form .wrap{padding-left:0px;width: 100%;}
.form_wrap .analyzeform{margin:0px; }
.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}
.mypopup-wrap .easter{display: none!important;}
.overlay-bg.vis {display: block!important; }
.analyzeform form input[type="text"], .analyzeform form input[type="email"], .analyzeform form input[type="number"], .analyzeform form input[type="tel"], .analyzeform form textarea {width: 100%; margin: 0 0 0 0; border: 1px solid #e5e5e5; background: white; padding: 13px 15px; color: gray; font-size: 13px; /* border-radius: 5px; */ height: 50px; font-weight: 400; outline: none !important; margin-bottom: 10px; }
.mypopup-wrap{display:none;}
.mypopup-wrap.active{display:block;}
.eggoffer {
    position: fixed;
    z-index: 9999999;
    bottom: 0;
}
/*=========================================egg-popup======================================================*/
.error-log{
    padding: 300px 0 100px;
}
.error-log .txtwrp{
    text-align: center;
}
.error-log .txtwrp h1{
    font-size: 132px;
    font-weight: 600;
    padding-bottom: 30px;
    color: rgb(206 161 73);
    line-height: 40px;
    /* background: linear-gradient( 
43deg
 , #EAB543 0%, #c78535 99%); */
}
.error-log .txtwrp p{
    color: rgb(76, 76, 76);
    font-size: 26px;
    padding: 0px;
    font-weight: 500;
    margin: 10px 0 0;
    line-height: 27px;
    }
    
    .main-heading-error{    color: rgb(255, 255, 255);
    font-size: 46px;
    font-weight: 600;
    background: linear-gradient( 
43deg
 , #EAB543 0%, #733F00 99%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize; margin: 20px 0 0 0;}
    
    
    
    
.testiwrp{display:block;} 


.whatsapp {
   width: 250px;
   height: 0px;
   color: #fff;
   display: block;
   text-align: center;
   border-radius: 100%;
   font-size: 14px;
   position: fixed;
   bottom: 100px;
   left: 20px;
   z-index: 9999;
   box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);
   padding: 0px 0;
   animation: scrollDownAnimation .5s ease infinite alternate;
   -webkit-animation: scrollDownAnimation .7s ease infinite alternate;
   background: #00E676;
   background: -moz-linear-gradient(left, #EA018E 0%, #9B2C92 100%);
   /* background: -webkit-linear-gradient(left, #EA018E 0%,#9B2C92 100%); */
   /* background: linear-gradient(to right, #EA018E 0%,#9B2C92 100%); */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA018E', endColorstr='#9B2C92',GradientType=1 );
   /* top: 50%; */
   bottom: 40px;
   transform: translate(50%);
}
.whatsapp:hover {
    color: #ffffff;
}

@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0
rgba(1, 201, 226, 0.3), 0 0 0 10px
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
@keyframes ripple{0%{box-shadow:0 0 0 0
rgba(201, 205, 206, 0.3), 0 0 0 10px
rgba(232, 238, 239, 0.3), 0 0 0 20px
rgba(219, 224, 224, 0.3), 0 0 0 30px
rgba(197, 199, 199, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(207, 219, 220, 0.3), 0 0 0 20px
rgba(167, 174, 175, 0.3), 0 0 0 30px
rgba(187, 194, 195, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
/*Halloween css*/

.mbl-res{display:none;}


#countryCode{
    width: 25%;
    margin: 0 !important;
    height: 100% !important;
    height: 46px !important;
    position: relative;
    float: left;
    padding: 0 3px;
    -webkit-appearance: menulist !important;
}
input#free_cons_phone1 {
    padding: 15px !important;
    width: 75%;
    margin: 0 !important;
    float: left;
}

.home-bnr-wrp .formwrp #countryCode{width: 24%;    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: 0px 8px;    color: rgb(83, 89, 113);    font-size: 14px;    height: 55px !important;    line-height: normal;    font-weight: 400;    margin: 0px 2px 0px 0px !important; border-radius: 8px !important;    outline: none !important;}
.mybanform form .wrap .dtf #countryCode{    font-size: 13px;
    height: 70px !important;
    padding: 0 10px 0 17px;border: none;}
.btmfrom .formwrp form .lablerp #countryCode{height: 60px !important;    padding: 0 10px;}
.ban-form #countryCode{    padding: 0 16px 0;
    height: 50px !important;}
.form-box-main form #countryCode{    height: 55px !important;
    padding: 0 16px 0;} 
.g-recaptcha{overflow: hidden; padding: 5px 0 5px;}
.ban-form .g-recaptcha{}     

#confetti{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}


@media(min-width: 1000px) and (max-width: 1600px){
 .home-bnr-wrp .videowrp video{right: 98px;height: 40%;top: 211px;width: 58%;}
 .home-bnr-wrp .imgwrp img.iphnimg{    top: 130px;}
 .home-bnr-wrp{    padding: 180px 0px 40px;} 
 .home-bnr-wrp .formwrp{padding: 0px 0px 0px;}
 .home-bnr-wrp .formwrp form .lablewrp input{height: 45px;}
 .home-bnr-wrp .formwrp #countryCode{    height: 45px !important;}
 .home-bnr-wrp .formwrp form .lablewrp textarea{ padding: 15px 20px 0px;   height: 45px;}
 .home-bnr-wrp .formwrp form .lablewrp input{    margin: 0px 0px 10px;}
 .home-bnr-wrp .formwrp form .lablewrp input.btntwrp{    margin: 0px 0 20px;}
 .home-bnr-wrp .txtwrp p.main-pera{font-size: 16px;}
}







.eggoffer {width: 150px;cursor: pointer;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;bottom: 60px;left: 18px;z-index: 999;}
.eggoffer .top {position: relative; z-index: -1; }
.eggoffer .top figure {text-align: center; }
.eggoffer .top figure img {opacity: 1;animation: scrollDownAnimation .5s ease infinite alternate;-webkit-animation: scrollDownAnimation .5s ease infinite alternate;width: 337px;}
.entry-right input {border-radius: 5px; height: 51px; padding-left: 20px; border: 2px solid #E3E3E3; box-shadow: none; background: #FAFAFA; margin: 5px 0 }
.entry-right {background-color: #EFF1FF; background-size: cover; background-position: 100% 0; padding: 0 4%; border-radius: 10px; box-shadow: inset 0 0 250px 0 rgba(0, 0, 0, .11); height: 535px; }
.left figure img {border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
form.offr-frm.signupForm {height: 100% }
.modal-dialog.modal-dialog-centered {max-width: 100%!important }
.offr-frm .close {background-color: transparent;color: #e6b141;border-radius: 23px;width: 47px;height: 44px;position: absolute;right: -35px;font-size: 40px;z-index: 1;top: -70px;cursor: pointer;opacity: 1;}
#entry-popup {position: fixed; width: 100%; height: 100%; z-index: 99999990; align-items: center; background-color: rgba(0, 0, 0, .6); display: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.entry-box {background: #fff; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 50px 0 #000; position: relative; pointer-events: auto; width: 837px!important; height: 535px; /*background: url(../images/popup_bgset.jpg);*/ background-size: cover }
.box-entery {background: #fff; margin: 0 auto; border-radius: 10px; box-shadow: 0 0 50px 0 #000; position: relative; pointer-events: auto; width: 837px!important; height: 535px; background: url(../images/popup_bgset.jpg); background-size: cover }
.left img {height: 535px; }
.entry-box h1 {text-shadow: 0 5px 10px rgba(0, 0, 0, .35); color: #fff; font-size: 28px; font-weight: 700; margin-top: 0; margin-bottom: 0; text-transform: uppercase; line-height: 60px }
.entry-box h1 span {color: #FFD800 }
.entry-box h1 {text-shadow: 0 5px 10px rgba(0, 0, 0, .35); color: #fff; font-size: 70px; font-weight: 300; margin-top: 0; margin-bottom: 0; text-transform: capitalize; line-height: 79px; }
.popup_top .text {position: relative; padding: 93px 0 0 46px }
.popup_top .text h2 {font-size: 30px; color: #fff; text-transform: capitalize; font-weight: 700; margin-bottom: 0; font-weight: 300; line-height: 65px; }
.entry-right .text h2 span {color: #EB0000 }
.text_topfr h2{    font-size: 25px; margin: 0; color: #DB1E5A; font-weight: 400; text-align: center; padding-bottom: 14px;}
.entry-right input {border-radius: 5px;height: 54px;padding-left: 0;border: 1px solid #DEDEDE;box-shadow: none;background: #F5F5F5;border: 1px solid #959595;/* border-radius: 40px; */border-left: 0;margin: 0!important;}
span.input-group-text.set_inp_gr {background-color: #F5F5F5;border: 1px solid #959595;/* border-radius: 40px; */color: #e5b040;padding: 0 23px;}
.entry-right input[type=email],
.leaving-box input[type=email] {background-color: #fff!important; color: #555!important }
.entry-right .intl-tel-input {width: 100% }
.entry-right .intl-tel-input.separate-dial-code .selected-dial-code {padding-left: 23px; }
.entery-submit {width: 100%;background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);box-shadow: 0 9px 27px 0 rgba(0, 0, 0, .22);color: #fff;text-transform: uppercase;font-size: 16px;font-weight: 600;border: none!important;border: 1px solid #05062B;height: 61px;cursor: pointer;margin-top: 6px;border-radius: 6px;}
.text_topfr h2 {font-size: 25px;margin: 0;color: #e6b141;font-weight: 400;text-align: center;padding-bottom: 14px;}
.text_topfr h4 {font-size: 26px; margin: 0; color: #2B1252; font-weight: 700; text-align: center; padding-bottom: 30px; }
.entry-right a {height: 60px; line-height: 60px; display: block; width: 100%; background-color: #FFD800; border-radius: 50px; text-transform: uppercase; color: #000; font-size: 16px; font-weight: 600; }
.entry-right a i {margin-left: 6px }
.popup_top p {color: #fff; font-size: 30px; margin: 0; padding-top: 4px }
.entry-right label {margin: 0 }
.entry-right .form-group {margin-bottom: 10px }
a#entry-box_close {position: absolute; right: 5px; background-color: #69C626; width: 40px; height: 40px; border-radius: 50pc; color: #fff; font-size: 29px; top: 10px; z-index: 9; }
.text_topfr {margin-top: 60px; }
.entry-right #countryCode{border-radius: 5px;height: 54px !important;padding-left: 0;box-shadow: none;background: #F5F5F5;border: 1px solid #959595;margin: 0!important;}
.entry-right input#free_cons_phone1{width: 73%; margin: 0 0px 0 4px !important; border: 1px solid #959595; }
.entry-right select{    border-radius: 5px;    height: 54px;    padding-left: 0;    border: 1px solid #DEDEDE;    box-shadow: none;    background: #F5F5F5;    border: 1px solid #959595;    /* border-radius: 40px; */    border-left: 0;    margin: 0!important;}
.entry-right #packages{width: 68%; border-radius: 0px 5px 6px 0px; }


.home-bnr-wrp .img-ofrr{right: 0;position: absolute;width: 60%;top: 0;}


.ghost-pg .videotesti{background: #000; }
.ser-pg .videotesti{background: #000; }
.videotesti{
    padding: 50px 0 40px;
    display: none;
}
.videotesti .mainwrp{
    background: #292419a8;
    padding: 40px 40px 30px;
}
.videotesti .mainwrp .imgwrp{
    border-radius: 50%;
    height: 150px;
    width: 150px;
    overflow: hidden;
    display: block;
    float: unset;
    margin: 0 auto;
}
.videotesti .mainwrp .imgwrp img{
    width: 100%;
}
.videotesti .mainwrp .txtdiv{}
.videotesti .mainwrp .txtdiv i{
    color: #cc9832;
    font-size: 20px;
    margin: 0 0 20px;
}
.videotesti .mainwrp .txtdiv p{
    color: #fff;
    font-size: 15px;
}
.videotesti .mainwrp .txtdiv h4{
    font-size: 20px;
    color: #fff;
    padding: 0 0 5px;
}
.videotesti .mainwrp .txtdiv span{
    color: #969696;
    font-size: 12px;
}
.videotesti .mainwrp .btnwrp{
    margin: -30px 0 0 0;
}
.videotesti .mainwrp .btnwrp a{
    background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);
    font-size: 13px;
}


.fancybox-slide--iframe .fancybox-content{    height: 100% !important;}

.whatsapp.ht-ctc-chat.whtsap-ico.style-4.rom-widget {bottom: 130px !important; }
.childer-pg .secnd-fld .btnwrp{padding: 0}

.audio-pg .secnd-fld .btnwrp{padding: 20px 0 0;}

.start-pg .get-startwrp {    padding: 80px 0px 90px;}
.start-pg .form-box-main h2{    font-size: 39px;}
.start-pg .ser-pg .main-pera{margin: auto auto 10px; }
.start-pg .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"]{height: 45px;}
.start-pg .form-box-main form select{    padding: 7px 15px;}
.start-pg .form-box-main form textarea{    height: 50px;}


.book-lp .ghost-bnrwrp .txtwrp{text-align: center;}
.book-lp .ghost-bnrwrp .txtwrp p{    color: #c9bebe;}
.book-lp .upr-head{font-weight: 800;display: inline-block;padding: 3px 10px;border-radius: 36px;background: #b8842799;-webkit-background-clip: unset;background-clip: unset;-webkit-text-fill-color: unset;text-transform: capitalize;color: #fff;margin: 0 auto;}
.book-lp .secnd-fld .txtwrp h2{font-size: 27px;padding: 0 0 10px;}
.book-lp .mybanform{text-align: center;}
.book-lp .ghost-bnrwrp{padding: 180px 0px 80px;background: #4C3108;background-size:cover;}
.book-lp .logotype-wrp .ser-port li .mainwrp .txtwrp h4{color: #000; font-size: 34px; font-weight: 600; }
.book-lp .logotype-wrp .ser-port li .mainwrp .txtwrp p{display: block;width: 100%;}
.book-lp .logotype-wrp .ser-port li .mainwrp .txtwrp p ul{display: none}
.book-lp .logotype-wrp .txtwrp.pdwrp{text-align: center;width: 80%;margin: 0 auto 40px;}
.book-lp .logotype-wrp .txtwrp h2{color: #000;}
.book-lp .logotype-wrp .txtwrp p{color: #000;font-size: 16px;padding: 0px;font-weight: 500;margin: auto auto 20px;line-height: 27px;}
.book-lp .logotype-wrp:after{content: ''; background-image: url(../images/element-1.png); position: absolute; width: 200px; height: 280px; background-size: 100%; background-repeat: no-repeat; top: 270px; left: -70px; transform: rotate(105deg); }




.book-lp .shapingwrp{}
/*.book-lp .shapingwrp:after{content: ''; background-image: url(../images/element-1.png); position: absolute; width: 220px; height: 300px; background-size: 100%; background-repeat: no-repeat; bottom: -60px; right: -31px; }*/
.book-lp .shapingwrp:before{content: '';background-image: url(../images/element-3.png);position: absolute;width: 200px;height: 280px;background-size: 100%;background-repeat: no-repeat;bottom: -126px;right: -30px;} 
section.shapingwrp.stickboxwrp.back-white {background: #fff;position: relative;}
section.shapingwrp.stickboxwrp.back-white .sticky .txtwrp img{width: 90px;padding: 0 0 0px;}
section.shapingwrp.stickboxwrp.back-white .sticky{}
section.shapingwrp.stickboxwrp.back-white .sticky .txtwrp{}
section.shapingwrp.stickboxwrp.back-white .sticky .txtwrp h2{color: #000;padding: 10px 0;}
section.shapingwrp.stickboxwrp.back-white .sticky .txtwrp p{    color: #000;}
section.assurances-section.back-white{background: #fff;}
section.assurances-section.back-white .txtwrp h4, section.assurances-section.back-white .txtwrp h2, section.assurances-section.back-white .txtwrp p{color: #000;}
section.assurances-section.back-white .mainwrp h5, section.assurances-section.back-white .mainwrp li{color: #000;}
.shapingwrp{padding: 70px 0;background: #23233c;}
.shapingwrp .txtwrp{}
.shapingwrp .txtwrp h2{color: #fff; font-size: 38px; }
.shapingwrp .txtwrp p{color: #ffffffa6;}
.shapingwrp .btnwrp{display: block;padding: 0px 0 0;}
.shapingwrp .mainwrp{
    position: relative;
}
.shapingwrp .mainwrp ul{}
.shapingwrp .mainwrp ul li{margin: 0 0 40px;position: relative;}
.shapingwrp .mainwrp ul li .maindiv{padding: 50px 20px;transition: opacity .3s;box-shadow: 0 25px 70px rgb(0 0 0 / 7%);background: #fff;border-radius: 7px;height: 300px;}
.shapingwrp .mainwrp ul li .maindiv:hover{background:background: #07f !important;}
.shapingwrp .mainwrp ul li .maindiv .nmbrwrp{display: inline-block; vertical-align: top; }
.shapingwrp .mainwrp ul li .maindiv .nmbrwrp h2{color: #e7b241;font-size: 42px;}
.shapingwrp .mainwrp ul li .txtdiv{display: inline-block;width: 80%;margin: 0 0 0 20px;}
.shapingwrp .mainwrp ul li .txtdiv h4{font-size: 22px;padding: 10px 0 20px;}
.shapingwrp .mainwrp ul li .txtdiv p{    height: 130px;}
.shapingwrp .mainwrp ul li .maindiv:hover .txtdiv h4{}
.shapingwrp .mainwrp ul li .maindiv:hover .txtdiv p{}
.shapingwrp .mainwrp ul li:after{position: absolute;top: 60px;display: inline-block;content: '';left: -38px;width: 0;height: 0;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 12px solid #e7b241;transform: rotate(-180deg);}
.shapingwrp .mainwrp:after{
    position: absolute;
    left: -40px;
    top: 0;
    height: 100%;
    width: 2px;
    display: block;
    content: '';
    background: -webkit-linear-gradient(top,#e7b241 50%,transparent 50%);
    background: linear-gradient(top,orange 50%,transparent 50%);
    background-size: 100% 6px;
    }

.shapingwrp .sticky {position: sticky;top: 180px;}

.book-lp  header .sernev{display: none;}
.book-lp .lp-none{display: none !important;}




.book-lp  footer {background: #06051d; padding: 60px 0 30px; border-top: 1px solid #36363685; position: relative; }
.book-lp  footer .navwrp h4 {color: #fff;font-size: 18px;padding: 0 0 20px;background: linear-gradient( 43deg , #EAB543 0%, #c78535 99%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-family: 'Poppins', sans-serif !important;font-weight: 700;}
.book-lp  footer .navwrp ul li {padding: 0 0 8px; font-size: 14px; font-family: poppins,sans-serif!important; line-height: 21px; }
.book-lp  footer .navwrp ul li a {color: #f8f8f8; font-size: 14px; font-family: poppins,sans-serif!important; }
.book-lp  footer .bdrwrp {border-top: 1px solid #363636; padding: 30px 0 0; margin: 20px 0 0; }
.book-lp  footer .bdrwrp .txtdiv p {padding: 0; color: #fff!important; font-size: 14px; line-height: normal; font-family: poppins,sans-serif!important; }
.book-lp  footer .navwrp ul.btnwrp {    text-align: right;}
.book-lp  footer .navwrp ul.btnwrp .btn-secondary-outline{color:#000;    }
.book-lp  footer .navwrp{}
.book-lp  footer .navwrp img{width: 100%}
.book-lp  footer .bdgemainwrp img{width: 100%}
.book-lp  footer .btn-3{border: 1px solid;padding: 20px 30px;border-radius: 7px;color: rgb(200, 147, 48);}
.book-lp  footer .btn-3:hover{    transform: translateY(-7px);}
.book-lp header{     padding: 10px 0;}
.book-lp header .logowrp img{margin: 0;filter: brightness(0) invert(1);}
.book-lp .ghost-bnrwrp .txtwrp h2{color: #fff;background: unset; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: unset;}
.book-lp .ghost-bnrwrp .txtwrp h2 span{    background: linear-gradient( 43deg , #EAB543 0%, #c78535 99%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }



.mypopup-wrap.active {position: fixed; top: 0; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; background: #000000ad; width: 100%; height: 100%; border-radius:  0; }
.mypopup-wrap {-webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; transition: .4s; width: 800px; height: 600px; border-radius: 10px; position: absolute; left: 0; right: 0; top: -20000px; bottom: 0; margin: auto; z-index: 99999; background-repeat: no-repeat; background-size: cover; }
.mypopup-wrap .mypopup {border-radius: 10px;font-size: 0;background-image: url(../images/popup-bg.png)!important;background-repeat: no-repeat!important;background-size: cover!important;height: auto;border: 1px solid #c7a339;width: 30%;margin: 70px auto 0;position: relative;background-repeat: n;}
.mypopup-wrap .mypopup {border-radius: 10px; font-size: 0; background: #fff; position:  relative; }
.mypopup-wrap .mypopup .left {width: 50%;vertical-align: top;display: inline-block;overflow: hidden;vertical-align: middle;display: none;}
.mypopup-wrap .mypopup .right {width: 100%;padding: 30px 20px 20px;vertical-align: top;display: inline-block;vertical-align: middle;background: #000000f5;border-radius: 10px;}
.mypopup-wrap .mypopup .right .closebutton {position: absolute;width: 20px;height: 20px;cursor: pointer;transform: rotate( 45deg);right: 20px;top: 20px;color: #dfbb51 !important;/* background: #000; */}
.mypopup-wrap .mypopup .right .closebutton:before {content: "";position: absolute;height: 20px;width: 2px;top: 0;background: #ceaa40;left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after {content: "";position: absolute;height: 2px;width: 20px;top: 0;left: 0;background: #ceaa40;display: block;bottom: 0;margin: auto;font-weight: 900;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap {padding-top: 0; padding-left: 30px; padding-right: 30px; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {font-size: 22px;line-height: 1;color: #fff;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h4{    font-size: 22px;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 {font-size: 21px;line-height: 30px!important;padding: 0 0 5px;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span {font-size: 26px;display: block;font-weight: 900;color: #f1ce65;margin: 0 0 2px;text-transform: uppercase;}
.mypopup-innerwrap .form_wrap {padding: 10px 15px; }
.form_wrap .analyzeform {    margin: 0;}
.form_wrap .analyzeform form .wrap {padding-left: 0; }
.form_wrap .analyzeform form .dtf {width: 100%} 
.analyzeform form input[type=email], .analyzeform form input[type=number], .analyzeform form input[type=tel], .analyzeform form input[type=text], .analyzeform form textarea {width: 100%;margin: 0;border: 1px solid #e5e5e5;background: #fff;padding: 13px 15px;color: gray;font-size: 13px;height: 50px;font-weight: 400;outline: 0!important;margin-bottom: 0;border-radius: 4px;}
.analyzeform #countryCode {font-size: 14px;height: 50px;border-radius: 4px;width: 24%;border: 1px solid #e5e5e5;padding: 0 7px;}
.mypopup-wrap .mypopup .imgwpr img {width:  60%; bottom: 0px; left:  -85px; position:  absolute; }
.analyzeform form .dtf {float: left; width: 25%; margin-bottom: 10px; }
.analyzeform form input[type=submit] {border: none;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;color: #fff;font-weight: 700;cursor: pointer;font-size: 12px;text-transform: uppercase;padding: 18px 60px 19px;margin-left: -10px;text-align: left;letter-spacing: 1px;border-radius: 5px;font-family: var(--primary-font-family);background: linear-gradient( 43deg, #C29E33 0%, #FFDC73 99%);width: 100%;text-align: center;margin: 0;}
.analyzeform input#free_cons_phone1{margin: 0 0 0 7px;width: 73%;} 

.book-lp .extra-section .mainwrp{/* border: 1px solid #cb9632; */background: #fff;height: 300px;box-shadow: 1px 4px 16px 0px rgb(126 126 126 / 15%);border-radius: 8px;margin: 0px 0 0px;}
.book-lp .extra-section .mainwrp h4{font-weight: 600;font-size: 19px;width: 78%;display: inline-block;}
.book-lp .extra-section .mainwrp img{width: 40px;padding: 0;vertical-align: top;}
.book-lp .extra-section .txt-wrp{text-align: center;width: 80%;margin: 0 auto 20px;}

.book-lp .logotype-wrp{background: #fff;position: relative;}
.book-lp .logotype-wrp .tabbing-links li{    width: 21%;}
.book-lp .logotype-wrp .tabbing-links{text-align: center;}
.book-lp .logotype-wrp .ser-port li .mainwrp .txtwrp{display: block;text-align: left;}
.book-lp .logotype-wrp .ser-port li .mainwrp .imgwrp img{width: 100%;}
.book-lp .logotype-wrp .ser-port li .mainwrp .txtwrp .btnwrp{display: block;}
.book-lp .logotype-wrp .tabbing-links li i{display: none;}
.book-lp .logotype-wrp .tabbing-links li img{display: none;}
.book-lp .logotype-wrp .tabbing-links li{height: auto;padding: 12px 0;}



/*Portfolio Section*/
.portfolio-sec{padding: 30px 0;}
.portfolio-sec .port-btn{text-align: center;margin-bottom: 40px;}
.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;}
.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: 8px;} 
.portfolio-sec .port-btn ul li.current{ border-color: #0db87d; color: #fff; background: linear-gradient(to left,#02884d 0,#12cc91 100%); border-radius: 8px;} 
.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;}
.book-lp .portfolio-sec .txtwrp{text-align: center;}
.book-lp .pkgewrp{background: #fefbfb;position: relative;}



/*Testimonial*/
.testimonial{padding: 50px 0;background: #f8f8f863;}
.testimonial .txtwrp-top{text-align: center;width: 65%;margin: 0 auto;}
.testimonial ul{list-style: none;font-size: 0;margin: 0;margin-top: 40px;}
.testimonial ul li{width: 30%;display: inline-block;margin-right: 35px;background: #fff;padding: 30px;box-shadow: 5px 6px 30px #00000012;border-radius: 6px;min-height: 350px;position: relative;max-width: 465px;margin-top: 45px;margin-bottom: 50px;margin-left: 20px;z-index: 1;}
.testimonial .profile-card{}
.testimonial .profile-card .txtwrp{text-align: left; }
.testimonial .profile-card .profile-dp{position: absolute;top: -35px;left: 25px;text-align: center;padding: 20px 0;height: 70px;width: 70px;border-radius: 50%;background: linear-gradient( 43deg , #EAB543 0%, #c78535 99%);font-weight: 700;box-shadow: 8px 9px 30px #00000029;} 
.testimonial .profile-card .profile-dp span{}
.testimonial .profile-card .profile-dp span{    font-size: 22px; color: #fff; display: inline-block; font-weight: 700;} 
.testimonial .profile-card .txtwrp h1{font-size: 20px;margin-top: 18px;color: #000;}
.testimonial .profile-card .txtwrp p{ margin:0;font-size: 16px;height: 150px;padding: 10px 0;margin-bottom: 30px;}
.testimonial .profile-card .txtwrp h2{font-size: 17px;}
.testimonial .profile-card .ratings{padding: 8px 0;display: inline-block; }
.testimonial .profile-card .trus-sec{display: inline-block;}
.testimonial .profile-card .ratings span{font-size: 15px; color: #f5a623; }
.testimonial .profile-card .trus-sec img{width: 95px;margin-left: 96%;}
.testimonial .mCustomScrollBox{padding: 0 15px 0 0;}
.testimonial .slick-next:before{content: "\e957"!important; font-family: icomoon!important;}
.testimonial .slick-prev:before{content: "\e958"!important; font-family: icomoon!important;}
.testimonial .slick-next{width: 50px; top: 50%; height: 50px; background: #d4d0d0; border-radius: 50%; box-shadow: 0 0 11px #eaf0f6;right: -40px;}
.testimonial .slick-prev{width: 50px; top: 50%; height: 50px; background: #d4d0d0; border-radius: 50%; box-shadow: 0 0 11px #eaf0f6;left:-60px;}
.testimonial.wiki .img-wrp img{width: 30%;}
.testimonial .main-heading img{width: 80px;}
.testimonial .video-review .btnwrp{margin-bottom: 50px;}
.testimonial .video-review .btnwrp a img{border-radius: 4px;}
.testimonial .video-review .btnwrp{margin-bottom: 50px;}
.testimonial .video-review .btnwrp a img{border-radius: 4px;width: 100%;}
.testimonial .video-secs-wrp{margin-top:40px; overflow: hidden; position:relative;padding: 45px 20px 0 20px;/*height:230px;*/background: #fff;box-shadow: 5px 6px 30px #00000012;margin-bottom: 50px;width: 95%;border-radius: 6px;margin-left: 2%;}
.testimonial .video-secs-wrp .txtwrp{margin-top: -4px;margin-left: 10px;}
.testimonial .video-secs-wrp  .trus-sec{display: inline-block; position: relative;}
.testimonial .video-secs-wrp .trus-sec img{position: absolute;    top: -60px;left: 500px; }
.testimonial .proof-sec .btnwrp{text-align: center;}

.clientswrp{padding: 30px 0; background: #fdfafa; }
.clientswrp h4{    display: block; text-align: center; padding: 0 0 20px; color: #8c9aaf; font-size: 20px; font-weight: 700;} 
.clientswrp ul{margin: 0; }
.clientswrp ul li{}
.clientswrp ul li img{display: none;}
.clientswrp ul.slick-initialized li img{display: block;}


.book-lp .secnd-fld{position: relative;}
.book-lp .secnd-fld:after{    content: '';
    background-image: url(../images/element-4.png);
    position: absolute;
    width: 220px;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 170px;
    right: -110px;}

.book-lp .extra-section{position: relative;}    
.book-lp .extra-section:before{    content: ''; background-image: url(../images/element-5.png); position: absolute; width: 220px; height: 300px; background-size: 100%; background-repeat: no-repeat; bottom: -100px; left: -100px;}
.book-lp .extra-section:after{
    content: '';
    background-image: url(../images/element-6.png);
    position: absolute;
    width: 220px;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: 160px;
    right: -130px;
    }

.book-lp .pkgewrp:after{
    content: '';
    background-image: url(../images/element-7.png);
    position: absolute;
    width: 220px;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    bottom: 500px;
    left: -120px;
    }    
.book-lp .pkgewrp:before{
    content: '';
    background-image: url(../images/element-4.png);
    position: absolute;
    width: 220px;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 720px;
    right: -110px;
    }    

.book-lp .btmfrom{position: relative;}
.book-lp .btmfrom:after{
    content: '';
    background-image: url(../images/element-4.png);
    position: absolute;
    width: 220px;
    height: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    top: 170px;
    left: -110px;
    transform: rotate(205deg);
    }


.book-lp .logotype-wrp .tabbing-links li{background: #fff;}    
.book-lp .logotype-wrp .tabbing-links li h6{color: #000;}

.book-lp .logotype-wrp .tabbing-links li.current{    background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}    
.book-lp .logotype-wrp .tabbing-links li.current h6{color: #fff;}    


/*Landing page CSS*/
.book-lp .services-navwrp .mainwrp-second .txtwrp{}
.book-lp .services-navwrp .mainwrp-second .txtwrp h2{color: #fff;font-size: 30px;font-weight: 700;padding: 0 0 30px;text-align: left;}
.book-lp .services-navwrp .mainwrp-second .txtwrp p{/* font-size: 16px; */color: #fff;/* font-weight: 200; *//* padding: 0; */text-align: left;}
.book-lp .services-navwrp .mainwrp-second .imgtabs{    display: block;}
.book-lp .services-navwrp .mainwrp-second .imgtabs ul{display: block; text-align: center; margin: 30px 0 0; }
.book-lp .services-navwrp .mainwrp-second .imgtabs ul li{display: inline-block; width: 23%; }
.book-lp .services-navwrp .mainwrp-second .imgtabs ul li img{width: 70px;}
.book-lp .services-navwrp .mainwrp-second .imgtabs ul li p{color: #fff; font-size: 14px; margin: 10px 0 0; }
.book-lp .services-navwrp .mainwrp-second .imgtabs .btn-secnd{color: #fff;}
.book-lp .services-navwrp .btn-one:hover{color: #fff;}


.book-lp .services-navwrp{/* background-color: #4b5eaf; *//* padding: 90px 0; */}
.book-lp .services-navwrp .navwrp{display: block; }
.book-lp .services-navwrp .navwrp ul{margin: -130px 0 40px;display: block;text-align: center;}
.book-lp .services-navwrp .navwrp ul li{transition: 0.5s all;display: inline-block;margin: 0 10px;background-color: #fff;padding: 40px 32px 40px;box-shadow: -2px 1px 20px 6px rgba(0, 0, 0, 0.11);border-radius: 5px;cursor: pointer;vertical-align: top;}
.book-lp .services-navwrp .navwrp ul li:hover{background-color: #f33535;}
.book-lp .services-navwrp .navwrp ul li:hover .mainwrp h4{color: #fff !important;}
.book-lp .services-navwrp .navwrp ul li .mainwrp{}
.book-lp .services-navwrp .navwrp ul li .mainwrp img{margin-bottom: 12px;width: 60%;}
.book-lp .services-navwrp .navwrp ul li .mainwrp h4{font-size: 14px; color: #222;}
.book-lp .services-navwrp .imgdiv{height: auto; }
.book-lp .services-navwrp .imgdiv img{width: 100%;height: 420px;object-fit: cover;}
.book-lp .services-navwrp .mainwrp-second h2 span{    color: #fff;    font-weight: 200;}
.book-lp .services-navwrp .mainwrp-second .btnwrp{text-align: left;}


.book-lp .writing-serviceswrp{padding: 70px 0 130px;background: #e8e8e829;}

.book-lp .servicesec{width: 100%;background-size: cover;background-position: top center;padding: 0px 0 60px;text-align: center;background: #1C1203;}
.book-lp .servicesec h4{font-size: 36px; text-align:  center; margin-bottom: 15px; width: 100%; font-weight: 700; }
.book-lp .servicesec p{/* text-align: center; *//* font-size: 20px; *//* width: 100%; */}
.book-lp .servicesec .boxwrap{display: inline-block;width: 100%;margin-top: -90px;text-align: center;}
.book-lp .servicesec .boxwrap li{cursor: pointer;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin: 0 10px 20px;position: relative;border-radius: 10px;min-height: 180px;padding: 20px;float: left;background: #fff;width: 18.1%;-moz-box-shadow: 3px -8px 43px 0px rgba(0,0,0,0.75);box-shadow: 3px -8px 43px 0px rgb(0 0 0 / 16%);}
.book-lp .servicesec .boxwrap li.current{background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);}
.book-lp .servicesec .boxwrap li.current i.two{background-position: -70px -70px;}
.book-lp .servicesec .boxwrap li.current h6{color: #fff;}
.book-lp .servicesec .boxwrap li i{background-image: url(../images/services-icons.png);background-repeat: no-repeat;width: 75px;display: inline-block;height: 80px;margin: 0 auto 10px;/* background-position: top center; */-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.book-lp .servicesec .boxwrap li i.one{background-position: 13px 10px;}
.book-lp .servicesec .boxwrap li i.two{background-position: -70px 10px;}
.book-lp .servicesec .boxwrap li i.three{background-position: -150px 10px;}
.book-lp .servicesec .boxwrap li i.four{background-position: -230px 10px;}
.book-lp .servicesec .boxwrap li i.five{background-position: -320px 10px;}
.book-lp .servicesec .boxwrap li h6{-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;color: #2c2c2c;font-size: 14px;}
.book-lp .servicesec .boxwrap li:hover{box-shadow: 0px 0px 45px #20CB9817;transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2a3db6+0,1169cd+100 */background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%); /* Old browsers */background: -moz-linear-gradient(-45deg,  #2a3db6 0%, #1169cd 100%); /* FF3.6-15 */  /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.book-lp .servicesec .boxwrap li:hover i.one{background-position: 13px -70px;}
.book-lp .servicesec .boxwrap li:hover i.two{background-position: -70px -70px;}
.book-lp .servicesec .boxwrap li:hover i.three{background-position: -150px -70px;}
.book-lp .servicesec .boxwrap li:hover i.four{background-position: -230px -70px;}
.book-lp .servicesec .boxwrap li:hover i.five{background-position: -320px -70px;}
.book-lp .servicesec .boxwrap li:hover h6{color: #fff;}

.book-lp .writing-serviceswrp{/* padding: 70px 0; */background: #e8e8e829;}
.book-lp .writing-serviceswrp .txtwrp{display: block; text-align: center; }
.book-lp .writing-serviceswrp .txtwrp ul{margin: 30px 0 0; }
.book-lp .writing-serviceswrp .txtwrp ul li{display: inline-block;margin: 0 10px 40px;box-shadow: 0px 0px 20px 1px #e0d6d673;border-radius: 5px;height: 170px;text-align: center;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;width: 135px;padding: 40px 0 0;background: #fff;}
.book-lp .writing-serviceswrp .txtwrp ul li img{width: 46px;} 
.book-lp .writing-serviceswrp .txtwrp ul li span{display: block; color: #222; font-size: 16px; padding: 12px 0 0; }


.book-lp .portfoliowrp{padding: 70px 0;overflow: hidden;}
.book-lp .portfoliowrp .txtwrp{display: block;text-align: center;width: 50%;margin: 0 auto;}
.book-lp .portfoliowrp .mainwrp{}
.book-lp .portfoliowrp .mainwrp ul{margin: 20px 0 0; display: block; text-align: center; }
.book-lp .portfoliowrp .mainwrp ul li{display: inline-block; }
.book-lp .portfoliowrp .mainwrp ul li img{width: 96%;border-radius: 20px;height: auto;object-fit: cover;}


.book-lp header{background: #000;}

.book-lp .sub-header{padding: 10px 0;background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);position: sticky;top:90px;z-index: 9;}
.book-lp .sub-header ul{text-align: center; margin: 0; }
.book-lp .sub-header ul li{display: inline-block;padding:10px 18px; }
.book-lp .sub-header ul li a{color: #fff; }


.header-main .navwrp .dropwrp{position: relative;}
.header-main .navwrp .dropwrp .hid-dropwrp{position: absolute;padding: 10px 20px;background: #fff;top: 38px;}
.header-main .navwrp .dropwrp .hid-dropwrp li{display: block;padding: 10px 50px 10px 0px;border-bottom: 1px solid;position: relative;}
.header-main .navwrp .dropwrp .hid-dropwrp li:after{
    content: "\f054";
    position: absolute;
    top: 10px;
    left: -20px;
    font-family: FontAwesome;
    color: rgb(189, 152, 56);
}
.header-main .navwrp .dropwrp:after{}


@media (min-width:1231px ) and (max-width:1200px ){
  .ghost-bnrwrp .txtwrp h2{font-size: 38px;}
  .secnd-fld .txtwrp h2{font-size: 28px;}
  .logotype-wrp .ser-port li .mainwrp .txtwrp h4{font-size: 28px;}
  .logotype-wrp .ser-port li .mainwrp .txtwrp p{font-size: 15px;}
  .countewrp{padding: 25px 0;}
  h2.main-heading{font-size: 34px;}
  footer .btmwrpr ul li a{font-size: 13px;}
  .btmftrwrp{padding: 20px 0;}
  .topfotr .navwrp ul li a{font-size: 13px;}
  .secnd-fld .txtwrp p{font-size: 15px;}
  .secnd-fld .ser-wrp ul li{font-size: 15px;}
  .btn-2{padding: 20px 16px;}
  .foundwrp .mainwrp .imgwrp img{width: 100px;}
  .cgrey-text p{font-size: 18px;}
  .ghost-bnrwrp.design-banner .txtwrp p{font-size: 16px;}
  header .logowrp img{width: 80px;}
  .book-lp .sub-header{top:84px;}
}

.header-main .navwrp .dropwrp{position: relative;}
.header-main .navwrp .dropwrp:hover .hid-dropwrp{z-index: 2222;display: block;margin-top:-1px;}
.header-main .navwrp .dropwrp .hid-dropwrp{position: absolute;padding: 10px 20px;background: #fff;top: 23px;display: none;text-align: left;width: 210px;z-index: 2222;}
.header-main .navwrp .dropwrp .hid-dropwrp li{display: block;padding: 10px 50px 10px 18px;border-bottom: 1px solid;position: relative;margin: 0}
.header-main .navwrp .dropwrp .hid-dropwrp li:after{content: "\f054";position: absolute;top: 12px;left: 0;font-family: FontAwesome;color: rgb(189, 152, 56);}
.header-main .navwrp .dropwrp i{color: #fff;margin-left: 5px;}
.header-main .navwrp .dropwrp .hid-dropwrp a{color: #000;}




#Modal_button {
     margin-top: 200px;
     position: relative;
     width: 20%;
     border: none
 }

 /*.holder {
     padding: 0 0 30px;
     margin: 0 0 30px
 }*/

/* .row {
     margin: 0 0 10px
 }*/

 h2 {
     /*font-weight: 500;*/
     /*font-size: 30px;*/
     /*margin: 0 0 20px*/
 }

 .customRadio input[type="radio"] {
     position: absolute;
     left: -9999px
 }

 .customRadio input[type="radio"]+label {
     position: relative;
     padding: 0px 0 0 40px;
     cursor: pointer;
     margin: 0;
     margin-left: 44px;
     border: 1px solid #e6e7ec;
     width: 86%;
     margin: 0 auto;
     padding: 5px 0 5px 60px;
 }

 .customRadio input[type="radio"]+label:before {
     content: '';
     background: #fff;
     border: 2px solid #311B92;
     height: 20px;
     width: 20px;
     border-radius: 50%;
     position: absolute;
     top: 10px;
     left: 12px;
 }

 .customRadio input[type="radio"]+label:after {
     content: '';
     background: #311B92;
     width: 10px;
     height: 10px;
     border-radius: 50%;
     position: absolute;
     top: 15px;
     left: 17px;
     opacity: 0;
     transform: scale(2);
     transition: transform 0.3s linear, opacity 0.3s linear
 }

 .customRadio input[type="radio"]:checked+label:after {
     opacity: 1;
     transform: scale(1)
 }

 .customCheckbox input[type="checkbox"] {
     position: absolute;
     left: -9999px
 }

 .customCheckbox input[type="checkbox"]+label {
     position: relative;
     padding: 3px 0 0 40px;
     cursor: pointer;
     color: rgb(120, 119, 121)
 }

 .customCheckbox input[type="checkbox"]+label:before {
     content: '';
     background: #fff;
     border: 2px solid #ccc;
     border-radius: 3px;
     height: 25px;
     width: 25px;
     position: absolute;
     top: 0;
     left: 0
 }

 .customCheckbox input[type="checkbox"]+label:after {
     content: '';
     border-style: solid;
     border-width: 0 0 2px 2px;
     border-color: transparent transparent #311B92 #311B92;
     width: 15px;
     height: 8px;
     position: absolute;
     top: 6px;
     left: 5px;
     opacity: 0;
     transform: scale(2) rotate(-45deg);
     transition: transform 0.3s linear, opacity 0.3s linear
 }

 .customCheckbox input[type="checkbox"]:checked+label:after {
     opacity: 1;
     transform: scale(1) rotate(-45deg);
     color: #311B92
 }
.backbtn-wrp:hover{    border:1px solid;}
 .modal-body .btnwrp a {
    z-index: 1;
    position: absolute;
    bottom: -50px;
    right: 0;
    left: -70px;
    margin: 0 auto;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    width: 20%;
    opacity: 1;
    display: none;
}

 .modal-title {
     font-weight: bold !important
 }

 .modal-header,
 .modal-footer {
     border-bottom: 0;
     border-top: 0;
     max-width: 600px !important;
     position: relative
 }
 .modal-header .coated-text h2{position: absolute;
    color: #fff;
    left: 150px;
    top: 30px;}

 .my_checkbox {
     margin-left: 3%
 }

 .model-content {
     width: 840px;
     width: 100% !important
 }

 .modal-footer {
     max-width: 550px !important;
     position: relative
 }

 .modal-footer>:not(:last-child) {
     margin-right: 2rem
 }

 .modal-footer>:not(:first-child) {
     margin-left: 0.5rem
 }

 .modal-dialog {
     position: relative;
     width: auto;
     margin: 0 auto;
     max-width: 600px
 }

 .box-shadow--16dp {
     box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
 }

 @media only screen and (max-width: 780px) {
     .my_checkbox {
         margin-left: 7%
     }

     .modal-dialog {
         position: relative
     }
 }

 .container button focus {
     -moz-box-shadow: none !important;
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
     border: none;
     outline-width: 0
 }

 @media only screen and (max-width: 580px) {
     .modal-dialog {
         position: relative
     }

     .my_checkbox {
         margin-left: 6%
     }
 }

 .btn-outline-light {
     color: #100303;
     border-color:#05213e;
 }

 #modal_footer {
     color: #BDBDBD;
     cursor: pointer;
     background: #fff
 }

 .btn-success {
     background-color: #311B92 !important;
     border-radius: 8px;
     padding-right: 35px;
     padding-left: 35px
 }

.modal-content {
    margin: 70px 0px 0px 0px;
    background-color: #fff;
}

.formtext {
    margin: 0px 0px 11px 0;
    height: 50px;
    width: 80%;
    margin: 0 auto 13px;
}
.head-top{color: #fff;padding: 5px !important;}
.head-top:hover{color: #eee;}
.other-f{width:75%;}

h2#changetopic {
    font-size: 28px;
    text-align: center;
}
.modal-header .close{    position: absolute; left: 90%; font-size: 30px; top: 35%;font-weight: 400;border:2px solid;background: #000;} 
.backbtnwrp-l{margin-left: -35px;}
.modal-content #nextbtn{margin-left: -10px;}
.phone-inp{width:100%;}
.phone-inp .intl-tel-input{margin-left: 10%;}


.wht-we-dev{padding: 70px 0; }
.wht-we-dev .txtwrp{display: block;text-align: center;padding: 0 0 40px;width: 80%;margin: 0 auto;}
.wht-we-dev .txtwrp h2{}
.wht-we-dev .mainwrp{}
.wht-we-dev .mainwrp ul{text-align: center; }
.wht-we-dev .mainwrp ul li{display: inline-block;width: 23%;margin: 0 9px 25px;text-align: left;transition: all .5s ease;}
.wht-we-dev .mainwrp ul li .maindiv{background-color: #f6f6f6;padding: 50px 20px;transition: all .5s ease;height: 435px;}
.wht-we-dev .mainwrp ul li .maindiv .imgwrp{    margin: 0 0 10px;}
.wht-we-dev .mainwrp ul li .maindiv .imgwrp img{    width: 40px;}
.wht-we-dev .mainwrp ul li .maindiv.dark{background-color: #1c1203;}
.wht-we-dev .mainwrp ul li .maindiv.dark h4{color: #fff; }
.wht-we-dev .mainwrp ul li .maindiv.dark .btn-1{color:#000;background: #fff;}
.wht-we-dev .mainwrp ul li .maindiv .btn-1{background: #1c1203;}
.wht-we-dev .mainwrp ul li .maindiv.dark .btn-1:hover{ transform: none; display: inline;background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);color: rgb(255, 255, 255);}
.wht-we-dev .mainwrp ul li .maindiv .btn-1:hover{background:linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%);transform: none; display: inline;}
.wht-we-dev .mainwrp ul li .maindiv.dark p{color: #fff; }
.wht-we-dev .mainwrp ul li .maindiv.dark img{filter: invert(1); }
.wht-we-dev .mainwrp ul li .maindiv .txtdiv{height: 190px;}
.wht-we-dev .mainwrp ul li .maindiv .txtdiv h4{font-size: 22px; padding: 0 0 20px; } 
.wht-we-dev .mainwrp ul li .maindiv .txtdiv p{font-size: 14px;height: 160px;} .wht-we-dev .mainwrp ul li .maindiv .txtdiv .imgwrp{}
.wht-we-dev .mainwrp ul li .maindiv .txtdiv .imgwrp img{}
.wht-we-dev .mainwrp ul li .maindiv .btnwrp{display: block; padding: 50px 0 0; }


.third-sec{padding: 50px 0;background-color: #fdfdfd;}
.third-sec .imgwrp img{width: 110%;    position: absolute;    left: -120px;}
.third-sec .imgwrp.extra-cs img{width: 140%;    left: -260px;    top: -30px;}
.third-sec .imgwrp{position: relative; }
.third-sec ul li{    font-size: 16px; padding: 0 0 9px 24px; font-weight: 600; position: relative; width: 49%;    display: inline-block;} 
.third-sec ul li:after{    content: "\f058"; font-family: FontAwesome; position: absolute; left: 0; color: #e0ab3d; top: 0;}
.mybanform {
    display: none !important;
}
section.contact {
    background-color: #000;
}

.privacypolicy .navwrp a {
    color: #fff !important;
}








.popup-sec-overlay {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-color: rgba(0, 0, 0, 0.500);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.popup-sec {
    max-width: 970px;
    margin: auto auto;
    border-radius: 20px;
    position: absolute;
    top: -80%;
    left: 50%;
    transform: translate(-50% , -0%);
    width: 100%;
  transition: all 0.5s;

}
.popup-sec-overlay.active {
    width: 100%;
    z-index: 999999;
  opacity: 1;
  visibility: visible;
}
.popup-sec-overlay.active .popup-sec {
  top: 50%;
  transform: translate(-50% , -50%);
}
.popup-sec-overlay.hide {
  opacity: 0;
  visibility: hidden;
}
.popup-form-sec {
  padding: 60px 49px;
  background-color: #F5F5F5;
  position: relative;
  border-radius: 0 10px 10px 0;
}
.popup-form-img img {
    width: auto;
    height: 678px;
    margin-left: auto;
}
.popup-form-img img {
    border-radius: 13px 0 0 13px;
}
.cross-mark {
  position: absolute;
  top: 20px;
  right: 20px;
}
.cross-mark a i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #707070;
  border-radius: 5px;
  color: #707070;
  text-align: center;
}
.popup-form-sec-title h2 {
  font-size: 34px;
  color: rgb(234, 181, 67);
  margin-bottom: 10px;
}
.popup-form-sec-title p {
  font-size: 18px;
  color: #3B3B3B;
  margin-bottom: 10px;
}
.popup-form input {
  padding: 10px 25px;
  background-color: #FFFFFF;
  color: #757575;
  border: 1px solid #D4D4D4;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.popup-form input::placeholder {
  color: #757575;
}
.popup-form textarea {
  padding: 10px 25px;
  background-color: #FFFFFF;
  color: #757575;
  border: 1px solid #D4D4D4;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.popup-form textarea::placeholder {
  color: #757575;
}
.popup-form-btn {
    background-image: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%) !important;
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 0px !important;
}
.popup-form-img {
    text-align: right;
}
.show-mob {
  display: none;
}

/* POPUP FORM */
  
  
  .popup-img {
    position: fixed;
    bottom: 1%;
    left: 1%;
    z-index: 999;
}

.popup-img img {
    animation-name: bounce-5;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    width: auto;
    height: 230px;
}

body {
    position: relative;
}

@keyframes bounce-5 {
    0%   { transform: scale(1,1)    translateY(0); }
    10%  { transform: scale(1.1,.9) translateY(0); }
    30%  { transform: scale(.9,1.1) translateY(-50px); }
    50%  { transform: scale(1,1)    translateY(0); }
    57%  { transform: scale(1,1)    translateY(-7px); }
    64%  { transform: scale(1,1)    translateY(0); }
    100% { transform: scale(1,1)    translateY(0); }
}
@media (max-width: 1024px) {
    .popup-form-img img {
        height: 642px;
    }
}
@media (max-width: 1023px) {
    .popup-form-sec {
        padding: 40px 30px;
    }
    .cross-mark {
        top: 10px;
        right: 10px;
    }
    .popup-form-sec-title h2 {
        font-size: 30px;
    }
    .popup-form-img img {
        width: auto;
        height: 600px;
        margin-top: -2px;
    }

}
@media ( max-width: 767px) {
    .popup-form-img img {
        display: none;
    }
    .pl-0 {
        padding-left: 15px !important;
    }
    .popup-form-sec-title h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .popup-form-sec-title p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popup-form input {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popup-form textarea {
        padding: 5px 10px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popup-form-sec {
        padding: 30px 20px;
        border-radius: 10px;
    }
    .popup-img img {
        height: 180px;
    }
    
}
  
  
  @media (max-height: 651px) {
    .popup-form-img img {
        height: 562px;
    }
       .popup-form-sec {
        padding: 20px 49px;
    }
}
  
  
  
  


  header .navwrp .flgwrp img {
    width: 45px;
}