html {
  scroll-behavior: smooth;
}
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */
@font-face {
  font-family: Circular Std Medium;
  src: url(../fonts/CircularStd-Medium.ttf);
}
@font-face {
  font-family: Circular Std Bold;
  src: url(../fonts/CircularStd-Bold.ttf);
}
@font-face {
  font-family: Circular Std Bold;
  src: url(../fonts/CircularStd-Book.ttf);
}
@font-face {
  font-family: Circular Std Bold;
  src: url(../fonts/CircularStd-Medium.ttf);
}

#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: 'Bai Jamjuree', sans-serif;}
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:var(--primary-color); }


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {        font-family: 'Bai Jamjuree', sans-serif !important;color: var(--default-color);font-size:var(--base-font-size);position: relative;}

/* font family */

.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
f {        font-family: 'Bai Jamjuree', sans-serif !important;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{        font-family: 'Bai Jamjuree', sans-serif !important;padding-bottom: 10px;
color: var(--theme-dark); }

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }
a{font-family: 'Bai Jamjuree', sans-serif !important;}
p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;    font-family: 'Bai Jamjuree', sans-serif !important; }
p, span{ font-family: 'Bai Jamjuree', sans-serif !important }
/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }


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; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {color: #171717; line-height: 1.2; font-weight: 700; padding: 0 0 15px 0; position: relative; letter-spacing: -1px; }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; color:var(--secondary-color); content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

#menu ul li a i{position:absolute;right:10px;top:15px}#menu ul ul li a{font-size:15px!important}ul#menu{position:relative;top:7px}div#accordion{width:300px;margin-left:35px}div#accordion .card{background:0 0;border:none;padding:0;margin:0}.card-header{padding:0;margin-bottom:0;background-color:transparent;border-bottom:transparent}div#accordion h5{color:#fff;text-transform:uppercase}.menu-btn__burger,.menu-btn__burger::after,.menu-btn__burger::before{width:40px;height:4px;border-radius:5px;background-color:#000;box-shadow:0 2px 5px var(--box-shadow-color);transition:all .5s ease-in-out;left:0}a.humberg{border:none!important;top:-4px}.menu-btn__burger::before{transform: translateY(-8px);}.menu-btn__burger::after,.menu-btn__burger::before{content:"";position:absolute}.menu-btn__burger,.menu-btn__burger::after,.menu-btn__burger::before{width:40px;height:4px;border-radius:5px;background-color:#000;box-shadow:0 2px 5px var(--box-shadow-color);transition:all .5s ease-in-out;left:0}.menu-btn__burger::after{transform: translateY(9px);}.menu-btn__burger::after,.menu-btn__burger::before{content:"";position:absolute;}.menu-btn__burger,.menu-btn__burger::after,.menu-btn__burger::before{width: 30px;height: 3px;border-radius:5px;background-color:#fff;box-shadow:0 2px 5pxvar(--box-shadow-color);transition:all .5s ease-in-out;left:0}.lastt_qouts h2 a{border:none}li.navigation__item a{border:none;font-weight:500!important;}#menu ul.head-menu-custom2{left:215px;top:2px}ul.head-menu-custom2.be1{left:188px!important}span.humberg{right: 0px;position:relative;top:-18px}.menu-btn.open .menu-btn__burger{transform:translateX(-50px);background-color:transparent;box-shadow:none}.menu-btn.open .menu-btn__burger::before{transform:rotate(45deg) translate(35px,-35px);background: #000;}.menu-btn.open .menu-btn__burger::after{transform:rotate(-45deg) translate(35px,35px);background: #000;}.menu-btn{padding:20px 0;}.btn--animated{animation:moveInBottom .5s ease-out .75s backwards}@keyframes moveInLeft{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;transform:translateX(10rem)}80%{transform:translateX(-1rem)}100%{opacity:1;transform:translateX(0)}}@keyframes moveInBottom{from{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}.navigation__checkbox{display:none}.navigation__checkbox:checked~.navigation__background{transform:scale(100);}.navigation__checkbox:checked~.navigation__nav{transform: translateY(0);visibility:initial;opacity:1;background:linear-gradient(90deg ,#47d8a2 0,#156f9a 91%);background: #fff;}.navigation__button{position:relative;top:9px;left:0;width:40px;height:10px;border-radius:50%;cursor:pointer;z-index:12;text-align:center}.navigation__background{position:fixed;top:20px;right: 0;width:58px;height:50px;border-radius:0;background-image:none;z-index:10;transition:transform .8s cubic-bezier(.86, 0, .07, 1)}.navigation__nav{    overflow-x: hidden;overflow-y: scroll;position:fixed;top:0;right: 0;height:100vh;width: 50%;z-index:11;transform: translateX(50%);visibility:hidden;opacity:0;transition:opacity .8s ease-in,transform .8s cubic-bezier(.68, -.55, .265, 1.55);vertical-align: middle;transition: 0.7s all;}.navigation__list{position:absolute;top:145px;left:-1px;transform:0;text-align:center;list-style:none}.navigation__item{margin:1rem;counter-increment:list}.navigation__link::before{content:"0" counters(list, "");padding-right:1.2rem}.navigation__link:link,.navigation__link:visited{display:inline-block;color: #000;text-decoration:none;text-transform:uppercase;transition:all .4s;font-size: 32px !important;}.navigation__link:active,.navigation__link:hover{color:#d39f00;background-position:100%;transform:translateX(1rem)}.navigation__icon{display:inline-block;position:relative;width:3rem;height:.5rem;top:37%;transition:transform .25s ease-in-out}.navigation__icon-span{position:absolute;height:6px;width:50%;background:#000;transition:all .5s ease-in}.navigation__icon-span:nth-child(even){left:50%;border-radius:0 .9rem .9rem 0}.navigation__icon-span:nth-child(odd){left:0;border-radius:.9rem 0 0 .9rem}.navigation__icon-span:nth-child(1),.navigation__icon-span:nth-child(2){transform:translateY(-1rem)}.navigation__icon-span:nth-child(5),.navigation__icon-span:nth-child(6){transform:translateY(1rem)}.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(1),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(6){transform:rotate(45deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(2),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(5){transform:rotate(-45deg)}.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(2),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(6){transform-origin:left}.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(1),.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(5){transform-origin:right}.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(3){left:-50%;opacity:0}.navigation__checkbox:checked+.navigation__button .navigation__icon-span:nth-child(4){left:100%;opacity:0}.header__text-box{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);text-align:center}nav.navigation__nav ul{display:block;text-align:left}.main_top ul li:last-child{margin-right:0}span.addition{width:100%;text-align:right;display:inline-block;position:relative;top:-29px}.navigation ul li a{font-size:25px!important}.navigation__list{position:relative;top:75px;left: 0;padding: 0 0 0 50px;}.side_right .info_part a{display:block;font-size:35px;color:#fff;line-height:80px;border:none;font-weight:600;margin-bottom:0;padding-bottom:0;padding-top:0;padding-left:15px}.side_right{margin-top:25%}.socialss{margin-top:8%}.socialss ul li{display:inline-block;border-radius:100px;text-align:center;width:60px;height:60px;padding-top:6px;margin-right:25px}.socialss ul li:hover{background:#000;transition:.5s}.socialss ul li a{color:#fff;font-size:33px!important;text-align:center;border:none;padding:0}.lastt_qouts{position:fixed;bottom:0;width:100%;background:rgba(0,0,0,.25);padding:6em 0 9.25em 8em}.lastt_qouts h2{color:#fff;font-size:35px;z-index:111111;position:inherit;font-weight:600;padding-top:10px}.navigation ul li.hk_customs a{font-size:18px!important;line-height:0}.navigation li.navigation__item.hk_customs{padding:0!important;margin:0!important;padding-left:19px!important}span.copy_side{color:#fff;display:block;margin-top:40px;margin-left:32px;font-size:17px}#menu:after,#menu:before{content:"";display:table}#menu:after{clear:both}#menu{zoom:1}#menu li{float:left;position:relative}*html #menu li a:hover{color:#fafafa}#menu ul{margin:20px 0 0 0;opacity:0;visibility:hidden;position:absolute;top:35px;left:-5px;z-index:1;background:#fff;background-color:transparent;box-shadow:none;border-radius:3px;transition:all .2s ease-in-out;width:305px}#menu li:hover>ul{opacity:1;visibility:visible;margin:0}#menu ul ul{top:35px;left:188px;margin:0 0 0 20px;box-shadow:none}#menu ul li{float:none;display:block;border:0;box-shadow:none;text-align:left;margin-bottom:0!important;padding-bottom:0}#menu ul li:last-child{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}#menu ul a{padding:10px;width:auto;display:block;white-space:nowrap;float:none;text-transform:none;padding:11px 0!important}#menu ul li:first-child>a{border-radius:3px 3px 0 0}#menu ul li:first-child>a:after{content:'';position:absolute;left:40px;top:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #444;display:none}#menu ul ul li:first-child a:after{left:-6px;top:50%;margin-top:-6px;border-left:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-right:6px solid #3b3b3b}#menu ul ul li:first-child a:hover:after{border-right-color:#0299d3;border-bottom-color:transparent}#menu ul li:last-child>a{-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}#menu-trigger{display:none}#menu-wrap *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#menu-trigger{display:block;height:40px;line-height:40px;border:1px solid #222;color:#fafafa;font-weight:700;background-color:#111;border-radius:6px;box-shadow:0 1px 1px #777,0 1px 0 #666 inset}#menu{margin:0;padding:10px;position:absolute;top:40px;width:100%;z-index:1;background-color:#444;display:none;box-shadow:none}#menu:after{content:'';position:absolute;left:25px;top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #444}#menu ul{opacity:1;margin:0;background:0 0;box-shadow:none}#menu ul ul{margin:0 0 0 20px!important;box-shadow:none}#menu li{float:none;border:0;margin:5px;box-shadow:none}#menu ul li{margin-left:20px;box-shadow:none}#menu a{display:block;float:none;padding:0;color:#999}#menu a:hover{color:#fafafa}#menu ul a{padding:0;width:auto}#menu ul a:hover{background:0 0}#menu ul li:first-child a:after,#menu ul ul li:first-child a:after{border:0}.navigation__item{margin:1px;padding: 0 0 10px;}ul#menu{top:0}#menu ul.head-menu-custom{left:225px;top:-30px}.navigation li.navigation__item.hk_customs{padding-left:5px!important}ul.be1{left:170px!important}ul.head-menu-custom2.be2{left:145px!important}ul.head-menu-custom2.be3{left:85px!important}#menu li:hover>.no-transition{display:block}#menu ul li a{font-size:16px!important;color:#fff;position:relative}.navigation__link::before{display:none}a.navigation__link.hk_united{padding:0;margin:0}
.black_them{background: #02003d;}
.upr-head{color: #ff4a17;font-size: 16px;text-transform: uppercase;font-weight: 600;}
/* header 
------------------------------------*/


/*========================================*/

.ex-services{padding: 0 0 20px;}
.ex-services .top-ul{
    min-height: 0px !important;
    padding: 0 !important;
}
.ex-services .top-ul li{}
.ex-services .top-ul li h4{}
.ex-services .top-ul li h4 a{}

/*========================================*/

header{padding: 10px 0 0px;position: fixed;width: 100%;z-index: 99;}
header .logo-clr{display: none;}
.header-main.showmenu .logo-clr{display: block;}
.header-main.showmenu .logowrp img{
    /*filter: invert(1);*/
    position: relative;
    top: -16px;
    transition: 1s all;
}
.header-main.showmenu .logo-wight{display: none;}
header .upr-navwrp{position: relative; z-index: 111; }
header .upr-navwrp ul{margin: 0 0 10px;display: block;text-align: right;}
header .upr-navwrp ul li{display: inline-block; margin: 0 12px 0; }
header .upr-navwrp ul li a{color: #fff;font-size: 14px;font-weight: 600;}
header .upr-navwrp ul li a.blink{}
header .logowrp{}
header .logowrp img{width: 170px;margin: 0 0 0 50px;/* filter: invert(1); */position: relative;top: -16px;}
header .navwrp{}
header .navwrp ul{margin: 15px 0 20px;display: block;text-align: right;}
header .navwrp ul li{display: inline-block;margin: 0 7px;transition: all 0.3s ease;margin: 0 0 0px 24px;}
header .navwrp ul li.extrastyle a{
    border: 1px solid #c47c7c91;
    padding: 13px 15px;
    border-radius: 7px;
    font-size: 15px;
}
header .navwrp ul li i{position: relative;left: 5px;color: #fb4b1a;top: 1px;}
header .navwrp ul li a:hover{color: #ff4a17;}
header .navwrp ul li a{color: #fff;font-size: 16px;font-weight: 500;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
header .navwrp ul li a.btnwrp{background: #ff4a17;padding: 13px 15px;color: #fff;font-size: 15px;border-radius: 7px;line-height: unset;}
.header-main.showmenu .navwrp ul li a.btnwrp:hover{color:#fff;}
.header-main.showmenu{background: #fff;padding-bottom: 0px;box-shadow: 0px 20px 40px 0 #00000030;}
.header-main.showmenu .upr-navwrp ul li a{color: #000; }
.header-main.showmenu .navwrp ul li a{color: #000; }
.header-main.showmenu .navwrp ul li a.btnwrp{color: #fff;}
.header-main.showmenu .navwrp ul li a:hover{color: #ff4a17;}
header .navwrp ul li.ser a{padding: 0 0 30px;}
header .navwrp ul li.ser:hover .dropwrep{display: block;}
header .dropwrep{position: absolute;width: 798px;padding: 20px 0 20px;transition: all 0.3s ease;top: 40px;border-radius: 10px;background: #fff;display: none;border: 1px solid #ae0653;left: -220px;background-image: url(../images/DDbanner.jpg);background-size: cover;background-repeat: repeat;}
header .dropwrep img{width: 25px;margin: 11px 10px 0px 12px;}
header .dropwrep span{height: 50px; width: 50px; display: inherit; border-radius: 50%; box-shadow: 2px 4px 15px -3px rgb(0 0 0 / 41%); margin: 0px 13px 0px 10px; padding: 0 0 0 0px; box-sizing: border-box; }
header .dropwrep .manuwrp{}
header .dropwrep .manuwrp ul{margin: 25px 0 0 10px;display: block;text-align: left;}
header .dropwrep .manuwrp ul li{width: 87%;display: inline-block;margin: 0 0 20px;}
header .dropwrep .manuwrp ul li a{color: #000 !important;font-size: 16px;position: relative;top: 5px;border-bottom: 1px solid #ca5287;padding: 0 0 9px 0;} header .dropwrep .manuwrp ul li a:after{content: "";content: "\f00c";display: none;position: absolute;font-family: 'FontAwesome';left: -21px;color: #b10655;top: 0;}
.started header .logowrp img{    filter: invert(1);}

.btn-1{
    background-color: #220632;
    color: #fff;
    padding: 18px 30px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 10px;
}
.btn-2{
    background-color: #fa130d;
    color: #fff;
    padding: 18px 30px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 10px;
    margin: 0 0 0 20px;
}


@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.blink {
    animation: blinker 1s step-start infinite;
}
.blink {animation: blinker 1s step-start infinite;}



@keyframes blinker {
  50% {
    color: #fa130d; 
  }
}



header .navwrp ul li .dropwrp {position: absolute;width: 100%;max-height: 0px;background: #fff;box-shadow: 0 12px 60px 0 rgb(126 126 126 / 18%);left: 0;padding: 0;top: 80px;transition: max-height 0.15s ease-out;top: 85px;border-radius: 0;height: 670px;overflow: hidden;display: none;}
header .navwrp ul li:hover .dropwrp{background: #fff;max-height: fit-content;}
header .navwrp ul li .dropwrp ul.top-ul {padding: 35px 0 20px;margin: 0;min-height: 250px;display: block;text-align: left;}
header .navwrp ul li .dropwrp li a{    text-transform: unset !important;}

header .navwrp ul li .dropwrp ul li h4 {font-size: 18px; font-weight: 600; margin: 0 0 0 -15px; padding: 0 0 16px; color: #000; }
header .navwrp ul li .dropwrp ul li h4 a{font-weight: bold;}
header .navwrp ul li .dropwrp ul li a {padding-left: 10px;text-transform: capitalize;font-size: 14px;position: relative;/* transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important; */color: #211F31;font-weight: 500;}
header .navwrp ul li .dropwrp .row > div:nth-child(1) ul li a:after {background: #ff4a17;}
header .navwrp ul li .dropwrp ul li{display: block; padding: 0 0 17px; }
header .navwrp ul li .dropwrp ul li > a:after {content: ""; position: absolute; width: 6px; height: 6px; background: #ec874b; border-radius: 50%; left: -10px; top: 5px; }
header .navwrp ul li .dropwrp .row > div:nth-child(2) ul li a:after {background: #ff4a17;}
header .navwrp ul li .dropwrp .row > div:nth-child(3) ul li a:after {background: #fe4a17;}
header .navwrp ul li .dropwrp .imgwrp {background: #f9f9f9;padding: 38px;text-align: center;display: block;height: 100%;display: flex;flex-wrap: wrap;align-content: space-between;}
header .navwrp ul li .dropwrp .imgwrp h4{font-size: 20px;padding: 0 0 10px;}
header .navwrp ul li .dropwrp .imgwrp p{text-align: c;font-size: 14px;text-transform: initial;line-height: 14px;}
header .navwrp ul li .dropwrp .imgwrp .manu-img img{height: auto; }
header .navwrp ul li .dropwrp .imgwrp .manu-img{border: 1px solid #000;width: 160px;border-radius: 42px;background: #000;height: 290px;margin: 0 auto;}
header .navwrp ul li .dropwrp .imgwrp .manu-img .manu-videeo{width: 140px; border-radius: 32px; background: #777; height: 270px; display: block; text-align: center; margin: 8px auto 0; overflow: hidden; }
header .navwrp ul li .dropwrp .imgwrp .manu-img .manu-videeo video{width: 131%; margin: -55px 0 0 -14px; }

/*=============================================*/
header .navwrp ul li .dropwrp .imgwrp .videowrp{position: relative;    width: 90%;    border-radius: 30px;    margin: 0 auto;}
header .navwrp ul li .dropwrp .imgwrp .videowrp video{width: 100%;    border-radius: 50px;    padding: 15px;    background: #000;}
header .navwrp ul li .dropwrp.drp-vdo-1 .imgwrp .videowrp video{}
header .navwrp ul li .dropwrp.drp-vdo-2 .imgwrp .videowrp video{    width: 75%;}
header .navwrp ul li .dropwrp.drp-vdo-3 .imgwrp .videowrp video{}
header .navwrp ul li .dropwrp .imgwrp .videowrp img{width: 100%; position: absolute; top: -340px !important; left: 0; }
/*=============================================*/


header .navwrp ul li .dropwrp .dropbtn{text-align: left;margin: 0 0 20px;}
header .navwrp ul li .dropwrp .dropbtn a{padding: 13px 20px; margin: 0; color: #fff; }
header .navwrp ul li .dropwrp .btm-navbr{border-top: 1px solid #dcdcdc;/* margin: 10px 0 0 0; */text-align: left;padding: 28px 0 30px 0;}
header .navwrp ul li .dropwrp .btm-navbr .circlewrp{/* background: #000; */width: 80px;height: 80px;border-radius: 50%;bottom: -77px;left: 0;display: inline-block;margin: 0 30px 0 0;border: 10px;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 48%);}
header .navwrp ul li .dropwrp .btm-navbr .circlewrp img{width: 90px; height: 90px; border-radius: 50%; object-fit: cover; border: 1x solid #000; }
header .navwrp ul li .dropwrp .btm-navbr .btm-nav-txt{display: inline-block; vertical-align: top; width: 75%; }
header .navwrp ul li .dropwrp .btm-navbr .btm-nav-txt p{padding: 5px 0 0; font-size: 18px; display: inline-block; }
header .navwrp ul li .dropwrp .btm-navbr .btm-nav-txt span{    color: #d39f00;}
header .navwrp ul li.sub-ser{position: relative; }
header .navwrp ul li.sub-ser:hover .tech-dropwrp{display: block;}
header .navwrp ul li.sub-ser .tech-dropwrp{width: 181px;background: #fff;height: auto;border-radius: 14px;box-shadow: 1px 13px 60px 0 #8994ac66;position: absolute;top: 65px;z-index: 99;right: -50px;display: none;}
header .navwrp ul li.sub-ser .tech-dropwrp ul{}
header .navwrp ul li.sub-ser .tech-dropwrp ul li{display: flex;align-items: center;padding: 0 20px;justify-content: center;}
header .navwrp ul li.sub-ser .tech-dropwrp ul li img{height: 35px;border-bottom: 1px solid #82849038;padding: 0 0 9px;margin: -10px 0 -24px;}
header .navwrp ul li.sub-ser .tech-dropwrp ul li a{color: #211F31;text-align: start;font-weight: 500;text-decoration: none;display: block;padding: 17px 0px 13px 10px!important;border-bottom: 1px solid #82849038;font-size: 12px;width: 100%;}
header .navwrp ul li.sub-ser:hover .en-dropwrp{display: block;}
header .navwrp ul li.sub-ser .en-dropwrp{width: 96px;background: #fff;height: auto;border-radius: 14px;box-shadow: 1px 13px 60px 0 #8994ac66;position: absolute;top: 65px;z-index: 99;right: -50px;display: none;}
header .navwrp ul li.sub-ser .en-dropwrp ul{}
header .navwrp ul li.sub-ser .en-dropwrp ul li{display: flex;align-items: center;border-bottom: 1px solid #82849038;justify-content: center;}
header .navwrp ul li.sub-ser .en-dropwrp ul li a{color: #211F31;text-align: start;font-weight: 500;text-decoration: none;display: block;padding: 17px 0px 13px 10px!important;/* border-bottom: 1px solid #82849038; */font-size: 12px;text-align: center;}
header .navwrp ul li.sub-ser .en-dropwrp ul li img{height: 14px;}


.btn-1{/* padding: 13px 50px; */color: #fff;border-radius: 10px;display: inline-block;margin: 0 0 0 15px;transition: all 250ms ease;background: #ff4a17;position: relative;font-size: 15px;font-weight: 500;border: none !important;width: 240px;height: 56px;}
.btn-1:after{content: '';width: 97.3%;background: #fff;position: absolute;height: 89%;left: 3.5px;top: 3px;border-radius: 9px;z-index: 0;} 
.btn-1:before{content: 'BOOK AND APPOINTMENT';color: #fff;z-index: 9;position: absolute;top: 17px;font-size: 15px;left: 25px;font-weight: 500;} 
.home_pg .home-banr-wrp .btn-1{/* width: 200px; */border: 3px solid #fff;text-align: center;margin: 0;vertical-align: top;margin: 0 0 0 15px;}
.home_pg .home-banr-wrp .btn-2{width: 170px;text-align: center;}
.btn-1:hover{transition: all 250ms ease;transform: translateY(-0.625rem);color: #fff;}
.btn-2:hover{   transition: all 250ms ease; transform: translateY(-0.625rem);}
.btn-2{background: #060f78;padding: 17px 20px;color: #fff !important;border-radius: 10px;transition: all 250ms ease;display: inline-block;text-transform: uppercase;font-size: 15px;font-weight: 500;}
.btn-banner{padding: 13px 20px;color: #fff;border-radius: 10px;display: inline-block;border: 2px solid #ff4a17;text-align: center;font-size: 15px;font-weight: 500;text-transform: uppercase; background-color: #ff4a17;margin:0 0 0 10px;}
.btn-banner:hover{color: #fff;   transition: all 250ms ease; transform: translateY(-0.625rem);}
.home-banr-wrp{height: 100vh;/* padding: 270px 0 0; */position: relative;overflow: hidden;background: #000;z-index: 1;}
.home-banr-wrp:after{content: "";position: absolute;width: 100%;height: 100%;top: 0;z-index: 0;}
.home-banr-wrp .extrawrp{    position: relative;    top: 30px;}
.home-banr-wrp .videowrp{top: 0;right: 0;z-index: -1;}
.home-banr-wrp .videowrp video{position: absolute;/* transform: scaleX(-1); */width: 100%;/* float: right; */top: 0;}
.home-banr-wrp .imgtop{position: relative; z-index: 10; display: inline-block; background: #ececec21; padding: 5px 10px; border-radius: 9px; border: 1px solid #ffffff26; margin: 20px 0 10px; }
.home-banr-wrp .imgtop img{width: 38px;vertical-align: sub;margin: 0;display: inline-block;}
.home-banr-wrp .imgtop span{font-size: 14px;color: #ff4a17;display: inline;margin: 0 0 0 10px;vertical-align: text-bottom;text-transform: uppercase;}
.home-banr-wrp .imgtop span strong{}
.home-banr-wrp .txtwrp{position: relative;z-index: 11;width: 90%;}
.home-banr-wrp .txtwrp h1{color: #fff;font-size: 40px;padding: 0 0 20px;font-weight: 600;}
.home-banr-wrp .txtwrp p{color:  #C5C9EA;font-size: 18px;}
.home-banr-wrp .btnwrp{display: block;padding: 10px 0 0;position: relative;z-index: 11;vertical-align: top;}
.home-banr-wrp .btnwrp .btn-2{margin: 0;}
.home-banr-wrp .btm-bnr-box{position: absolute; bottom: 0; width: 100%; }
.home-banr-wrp .btm-bnr-box .mainwrp{width: 100%;background: #ffffff17;padding: 30px 20px 30px;border: 2px solid #ffffff3d;position: relative;z-index: 11;height: 250px;transition: all 250ms ease;border-bottom: unset;}
.home-banr-wrp .btm-bnr-box .mainwrp i{color: #fff;display: block;margin: 0 0 20px;font-size: 16px;}
.home-banr-wrp .btm-bnr-box .mainwrp h4{color: #fff;font-size: 18px;width: 84%;font-weight: 300;margin: 50px 0 0;}
.home-banr-wrp .btm-bnr-box .mainwrp p{font-size: 14px;color: #ffffff75;}
.home-banr-wrp .btm-bnr-box .mainwrp a{position: absolute; bottom: 20px; color: #fff; font-size: 12px; }
.home-banr-wrp .btm-bnr-box .mainwrp a i{display: inline-block; margin: 0 0 0 3px; font-size: 14px; font-weight: 300; transition: all 250ms ease; }
.home-banr-wrp .btm-bnr-box .mainwrp:hover{transition: all 250ms ease;border-radius: 40px 0 0 0;background: #d39f0030;border: 2px solid #d39f00;border-bottom: unset;}
.home-banr-wrp .btm-bnr-box .mainwrp:hover a i.fa-long-arrow-right{transition: all 250ms ease;    margin: 0 0 0px 16px;}
.home-banr-wrp .iconwrp{position: absolute;z-index: 1;bottom: 30px;} 
.home-banr-wrp .btm-bnr-box .mainwrp span{position: absolute;top: 30px;color: #fff;transition: all 250ms ease;width: 80%;display: flex;justify-content: space-between;}
.home-banr-wrp .btm-bnr-box .mainwrp span i{display: inline-block; transition: all 250ms ease; position: relative; font-size: 15px; top: 2px; }
.home-banr-wrp .btm-bnr-box .mainwrp:hover span i.fa-long-arrow-right{    transition: all 250ms ease;    left: 5px;}
.home-banr-wrp .iconwrp ul{margin: 0; }
.home-banr-wrp .iconwrp ul li{display: inline-block;margin: 0 30px 0 0;vertical-align: middle;}
.home-banr-wrp .iconwrp ul li img{width: 80px; }
/*.home-banr-wrp .ovlrwywrp{z-index: 1;position: absolute;background: url(../images/video-overlay.png) rgb(0 0 0 / 30%);width: 100%;height: 100%;top: 0;}*/

.main-heading{color: #fff;font-size: 42px;font-weight: 700;}
.main-pera{font-size: 18px;color:  #C5C9EA;}
.sub-head{color: #fff; font-size: 24px; padding: 0 0 20px; }

.fitst-fld-wrp{padding: 70px 0;background: #f7f7f7;overflow: hidden;position: relative;z-index: 1;}
.fitst-fld-wrp:after{content: "";}
.fitst-fld-wrp .videowrp .border-video{overflow: hidden;border: 0px solid #a2273b;background: #1c4d8d;height: auto;border-radius: 22px;}
.fitst-fld-wrp .videowrp .border-video p{color: #C5C9EA; position: absolute; z-index: 2; bottom: 20px; left: 100px; width: 43%; font-size: 22px; }
.fitst-fld-wrp .videowrp{padding: 5px;border: 0px solid #111011;border-radius: 29px;background: #121113;width: 98%;background: linear-gradient(331deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 330% 170%;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;-o-transition: all 1s ease-in;transition: all 1s ease-in;animation: gradient 3s ease infinite;position: relative;}
.fitst-fld-wrp .txtwrp{    width: 85%;}
.fitst-fld-wrp .videowrp .border-video .playwrp{position: absolute; bottom: 50px; right: 90px; z-index: 1; }
.fitst-fld-wrp .videowrp .border-video .playwrp span{border: 1px solid #fff; height: 60px; display: block; width: 60px; border-radius: 50%; }
.fitst-fld-wrp .videowrp .border-video .playwrp span i{color: #fff; display: block; text-align: center; padding: 20px 0 0; }
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.fitst-fld-wrp .videowrp video{width: 100%;margin: 0px 0 0 0;position: relative;}
/*.fitst-fld-wrp:after{content: "";background-image: url(../images/circle-shade.png);position: absolute;width: 40%;height: 100%;background-repeat: no-repeat;background-size: cover;top: -260px;right: 0px;z-index: -1;filter: hue-rotate(20deg);}
*/
.fitst-fld-wrp .txtwrp{}
.fitst-fld-wrp .txtwrp ul{margin: 0; } 
.fitst-fld-wrp .txtwrp ul li{color: #000; padding: 0 0px 20px 30px; position: relative; }
.fitst-fld-wrp .txtwrp ul li:after{content: "";content: "\f101";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #e647d3;}
.fitst-fld-wrp .txtwrp h2{color: #060f78;}
.fitst-fld-wrp .txtwrp h4{color: #ff4a17;}
.fitst-fld-wrp .txtwrp p{color: #3C3863;}
.fitst-fld-wrp .txtwrp p span{display: block; padding: 20px 0 0; font-size: 16px; color: #3C3863; }
.fitst-fld-wrp .imgwrp img{width: 100%;}
.fitst-fld-wrp .btnwrp{display: block;padding: 10px 0 0;}
.fitst-fld-wrp .btnwrp .btn-1{color: #5255a8;}
.fitst-fld-wrp.color_drk{background: unset; }
.fitst-fld-wrp.color_drk .txtwrp{}
.fitst-fld-wrp.color_drk .txtwrp h2{color: #fff; }
.fitst-fld-wrp.color_drk .txtwrp p{color: #C5C9EA;} 
.fitst-fld-wrp.color_drk .txtwrp ul li{color: #C5C9EA;font-size: 20px;}
.fitst-fld-wrp.color_drk .btnwrp .btn-1{color: #fff;}

.what_workwrp{padding: 70px 0 70px;background: #02003d;}
.what_workwrp .txtwrp{display: block;padding: 0 0 70px;text-align: center;width: 80%;margin: 0 auto;}
.what_workwrp .mainwrp{position: relative;height: 400px;border: 1px solid #ffffff26;border-radius: 8px;z-index: 1;transition: opacity .2s cubic-bezier(.16,1.08,.38,.98);overflow: hidden;margin: 0 0 20px;}
.what_workwrp .mainwrp.long-box{background-image: url(../images/gangSmall.png);background-repeat: no-repeat;background-size: cover;height: 98%;background-position: 18px 220px;background-size: 126%;position: relative;}
.what_workwrp .mainwrp.long-box .img-cercle{width: 80px;height: 80px;border-radius: 50%;position: absolute;bottom: 20px;right: 30px;background: #fff;z-index: 1;overflow: hidden;}
.what_workwrp .mainwrp.long-box .img-cercle img{
    width: 100%;
}
.what_workwrp .mainwrp .txtdiv .videowrp:after{content: "";position: absolute;width: 130%;height: 100%;background: #00000057;top: 0;left: 0;}
.what_workwrp .mainwrp .txtdiv .videowrp{opacity: 0;position: absolute;top: 0;z-index: -1;left: 0;height: auto;transition: all 250ms ease;}
.what_workwrp .mainwrp .txtdiv .videowrp video{width: 130%;height: 100%;transition: opacity .2s cubic-bezier(.16,1.08,.38,.98);filter: hue-rotate(290deg);}
.what_workwrp .mainwrp .txtdiv{position: relative;width: 100%;height: 100%;padding: 30px 30px 0;z-index: 1;}
.what_workwrp .mainwrp .txtdiv h4{color: #fff;font-size: 24px;padding: 0 0 20px;}
.what_workwrp .mainwrp .txtdiv p{color: #C5C9EA;font-size: 16px;font-weight: 300;line-height: 24px; height: 170px; }
.what_workwrp .mainwrp .txtdiv p .mCSB_container{    width: 95%;}
.what_workwrp .mainwrp .txtdiv img{width: 60px;margin: 0 0 30px;}
.what_workwrp .mainwrp .txtdiv a{color: #fff;position: absolute;bottom: 30px;}
.what_workwrp .mainwrp .txtdiv a.btn-cta{left: 190px;color: #fff;font-size: 16px;font-weight: 400;padding: 4px 20px;border-radius: 7px;background: #d39f00;margin: 0 0 -4px 0;}
.what_workwrp .mainwrp .txtdiv a i{margin: 0px 0 0 10px; position: relative; bottom: -2px; }
.what_workwrp .mainwrp .imgbox img{position: absolute;width: 95%;/* top: 0; */right: -20px;z-index: -1;bottom: -2px;}
.what_workwrp .mainwrp.img-box-main{overflow: unset;background: #ff4a17;border: 1px solid #ff4a17;position: relative;}
.what_workwrp .mainwrp.img-box-main  p{color: #fff;width: 100%;}
.what_workwrp .mainwrp:hover .txtdiv .videowrp{opacity: 1;    transition: all 250ms ease;}
.mCustomScrollBox{padding-left: 0;}
.what_workwrp .mainwrp.img-box-main .txtdiv{/* padding-top: 47px; */}
.what_workwrp .mainwrp.img-box-main .txtdiv:after{
    content: '';
    background-image: url(https://dev.Domain.com/Domain_new/assets/images/img-box.png);
    ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;width: 50vmin;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
    ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;height: 50vmin;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
    position: absolute;
    z-index: -1;
    ;/* top: -40px; */;
    left: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;bottom: -2.5vmin;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
    }

.countersection{padding: 70px 0;background: #f8f5ff;display: none;}
.countersection .txtwrp{width: 39%; padding: 0 0 50px; display: block; }
.countersection .txtwrp h2{color: #1b122f;}
.countersection .mainbox{background: #fff; width: 225px; height: 225px; border-radius: 50%; padding: 70px 0 0; display: block; text-align: center; }
.countersection .mainbox h4{color: #1b122f; font-size: 32px; font-weight: bold; padding: 0 0 0; }
.countersection .mainbox p{color: #1b122f;font-size: 15px;width: 50%;margin: 0 auto;}
.countersection .mainbox.box-1{margin: 30px 0 0 80px;}
.countersection .mainbox.box-2{background: #1b122f;width: 350px;height: 350px;padding-top: 120px;margin: 0 0 0 70px;}
.countersection .mainbox.box-2 h4{color: #fff; font-size: 47px; }
.countersection .mainbox.box-2 p{color: #fff; font-size: 18px; }
.countersection .mainbox.box-3{background: #e2dfe8;width: 470px;height: 470px;padding-top: 120px;margin: -130px 0 0 50px;padding-top: 33%;}
.countersection .mainbox.box-3 h4{font-size: 56px; }
.countersection .mainbox.box-3 p{font-size: 20px; }
.countersection .mainbox.box-4{background: #6231ed;width: 330px;height: 330px;padding-top: 30%;margin: -170px 0 0;}
.countersection .mainbox.box-4 h4{color: #fff; font-size: 38px; } 
.countersection .mainbox.box-4 p{color: #fff; font-size: 18px; }
.countersection .txtdiv{display: block;padding: 50px 0 0;}
.countersection .txtdiv h4{font-size: 21px;margin: 0 22px 0 50px;color: #000;}


.home-thrd{}
.home-thrd .imgwrp{position: relative; width: 100%; height: 100%; }
.home-thrd .imgwrp img{width: 110%;position: absolute;left: -40px;}
.home-thrd .imgwrp img.img-1{width: 100%;opacity: 0.5;margin: 0 0 0 -170px;}
.home-thrd .imgwrp img.img-2{z-index: -1;width: 370px;opacity: 0.5;position: absolute;top: 0;left: 40%;}
.home-thrd .imgwrp img.img-3{width: 55%; -webkit-animation: scrollDownAnimation .9s ease infinite alternate; position: absolute; top: 80px; left: 240px; }
.home-thrd .videomain{}
.home-thrd .videowrp-home-bg video{position: absolute !important;}
.home-thrd .btnwrp{display: block;padding: 45px 0 0;}
.home-thrd{/* height: 100vh; */padding: 70px 0 70px;position: relative;background: #243366;}
.home-thrd .txtwrp h2{}
.home-thrd .txtwrp{display: block;padding: 0 0 60px;}
.home-thrd .txtwrp p{}
.home-thrd .stylewrp{position: relative; }
.home-thrd .stylewrp img{width: 120%;position: absolute;left: -160px;top: 230px;}
.home-thrd .sticky{position: sticky; top: 140px; padding: 0 0px 0 10px; }
.home-thrd .sticky .txtdiv{display: block; padding: 0 0 25px; }
.home-thrd .sticky .txtdiv h4{color: #fff; font-size: 22px; }
.home-thrd .sticky .txtdiv p{font-size: 16px; color: #c4c6cc; }
.home-thrd .brdr{position: relative; }
.home-thrd .brdr:after{content: "";position: absolute;width: 1px;height: 100%;background: #292929;left: -60px;top: 0;z-index: 1;visibility: hidden;}

.portfolio_wrp{/* background-image: url(../images/cta-img.png); */padding: 100px 0 90px;background: #02003d;}
.portfolio_wrp .txtwrp{display: block;text-align: left;}
.portfolio_wrp .txtwrp a{color: #fff; }
.portfolio_wrp .txtwrp a i{}
.portfolio_wrp .main-port{}
.portfolio_wrp .main-port ul{display: block; text-align: center; } 
.portfolio_wrp .main-port ul li{display: inline-block;width: 34%;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 16%);border-radius: 8px;margin: 0 4px 0;height: 500px;overflow: hidden;background-size: cover;transform: rotate(-18deg);margin: 0 16px 0;}
.portfolio_wrp .main-port ul li:hover{    background-position: 100% 100%;    transition: 6s !important;}

.secendwrp{padding: 70px 0;background: #060f78;position: relative;overflow: hidden;z-index: 1;}
.secendwrp:after{content: "";position: absolute;width: 100%;height: 100%;background: #00000078;top: 0;z-index: -1;}
.secendwrp .txtwrp{}
.secendwrp .txtdiv{display: block; text-align: center; width: 50%; margin: 0 auto 20px; }
.secendwrp .txtwrp ul{margin: 20px 0 0; }
.secendwrp .txtwrp ul li{color:  #C5C9EA;padding: 0 0px 20px 30px;position: relative;width: 70%;font-size: 18px;}
.secendwrp .txtwrp ul li:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #f6d05a;}
.secendwrp .imgwrp{}
.secendwrp .imgwrp img{width: 96%;display: block;text-align: center;margin: 0 auto;border-radius: 16px;}
.secendwrp .imgwrp video{width: 70%;display: block;text-align: center;margin: 0 auto;border-radius: 16px;}
.secendwrp .videowrp{}
.secendwrp .videowrp video{width: 100%;height: auto;position: absolute;/* transform: rotate(3deg); */-webkit-transform: scaleX(-1);transform: scaleX(-1);top: 0;z-index: -1;}

.client-logowrp{padding: 70px 0;background: #060f78;} 
.client-logowrp .txtwrp{width: 60%;margin: 0 auto 50px;display: block;text-align: center;}
.client-logowrp .mainwrp{}
.client-logowrp .mainwrp ul{margin: 0; display: block; text-align: center; }
.client-logowrp .mainwrp ul li{display: inline-block;margin: 0 50px 50px;}
.client-logowrp .mainwrp ul li img{height: 70px;}





.roleswrp .quest-title.active{color: #0c2745;}
.roleswrp h2.main-heading{color: #060f78;font-weight: 700;}
.quest-title.active:before{    color: #4d89dc;}
.roleswrp{padding: 110px 0;background-repeat: no-repeat;background-size: cover;background-position: -460px -230px;background: #d2d4d614;background: url(../images/call-box-bg.png) no-repeat;background-size: cover;}
.product-slider-gallery { position: relative; padding: 0px 0px 7px 0;  }
.product-slider-gallery .slick-slide {  }
.product-slider-gallery .slick-slide img { width: 100%; height: 370px; }
.product-gallery-nav-wrapper {  margin: 0 0 7px 0; position: relative; }
.product-gallery-nav { position: relative;  }
.product-gallery-nav .slick-slide { padding: 2px 0; border:0px;  height: 93px; overflow: hidden;  }
.product-gallery-nav .slick-slide img { width: 100%; height: 93px; cursor: pointer;   }
.roleswrp .row.bodrbtm{border-bottom: 1px solid #dbdbdb;padding: 0 0 30px;}
.roleswrp .row.bodrbtm span{color: #23233c; font-size: 14px; }
.roleswrp .row.bodrbtm h4{color: #4D5768;font-size: 18px;font-weight: 400;padding: 0;}
.roleswrp .row.bodrbtm .btnwrp{display: block; text-align: right; }
.roleswrp .row.bodrbtm .btnwrp a{color: #7189ff; }
.roleswrp .boxwrp{border: 1px solid #e4eaf0;padding: 30px 30px 40px;background: #fff;display: block;text-align: left;border-radius: 6px;box-shadow: -18px 20px 60px 0px #3a48501f;margin: 30px 0 0;}
.roleswrp .boxwrp h4{font-size: 24px;}
.roleswrp .boxwrp p{padding: 0 0 40px; color: #000;}



.hk_hide {display: none; }
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion {overflow: hidden;background: none;margin-top: 0px;}
.quest-title {font-size: 18px;font-weight: 700;text-transform: capitalize;color: #0c2745;padding: 0px 15px 0px 15px;margin-bottom: 0px;position: relative;width: 100%;min-height: 60px;line-height: 60px;display: inline-block;transition: all linear 0.15s;text-decoration: none;border-bottom: 1px solid #dbdbdb;}
.quest-title:before { position: absolute; content: "\e91e"; width: 20px; height: 20px; right: 15px; top: 0px; font-family: 'icomoon' !important; color: #1e1e1e; font-size: 20px; }
.quest-title.active, .quest-title:hover {content: "\e91c";color: #0c2745;}
.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }
.quest-title.active:before { content: "\e91c"; }
.quest-title:hover:before { /*content: "\f056";*/ }
.quest-content {padding: 15px 20px;display: none;margin-bottom: 0px;float: left;width: 100%;}
.quest-content p { line-height: 20px; font-size: 14px; font-weight: 500; margin: 0px; color: #363636; }




.footer-section:after{
    content: "";
    transform: skew( 311deg ) rotate( 31deg );
    position: absolute;
    background: #0e163f;
    width: 156%;
    height: 240%;
    right: 310px;
    right: -470px;
    top: 0;
    z-index: -1;
    border-radius: 50%;
 }
footer{background: #170827;padding: 70px 0 0px;position: relative;overflow: hidden;z-index: 0;}
/*footer:after{*/
/* content: "";*/
/* transform: skew( 311deg ) rotate( 31deg );*/
/* position: absolute;*/
/* background: #0e163f;*/
/* width: 156%;*/
/* height: 180%;*/
/* right: 310px;*/
/* right: 0;*/
/* top: 0;*/
/* z-index: -1;*/
/* border-radius: 50%;*/
/* }*/
footer .logowrp{}
footer .logowrp img{height: 35px;filter: brightness(8.5);}
footer .tophead-txt{display: block; padding: 0 0 30px; }
footer .tophead-txt h4{color: #ff96b4;font-size: 34px;}
footer .ftr-nav{
    margin: 0 0 50px;
}
footer .ftr-nav ul{margin: 5px 0 0;}
footer .ftr-nav ul li{margin: 0 0 0.6rem;}
footer .ftr-nav ul li a{color: #d1cdcd52;font-size: 14px;}
footer .ftr-nav h6{color: #ff4a17;font-size: 12px;padding: 0 0 20px;/* text-transform: uppercase; */}
footer .ftr-nav ul li h3{color: #d39f00;font-size: 14px;font-weight: 300;}
footer .ftr-nav ul li a i{margin: 0 6px 0 0;}
footer .badgewrp{position: absolute;bottom: -70px;left: 0;}
footer .badgewrp img{width: 170%;margin: 100px 0 0;}
.ftr-btm{background: #11061e;padding: 20px 0 10px;}
.ftr-btm .btmnav{display: inline-block; }
.ftr-btm .visawrp{display: block; text-align: right; }
.ftr-btm .visawrp img{height: 25px;}
.ftr-btm .btmnav p{padding: 0;color: #ffffff57;display: inline-block;font-size: 12px;}
.ftr-btm .btmnav ul{}
.ftr-btm .btmnav ul li{display: inline-block;margin: 0 0 0 20px;}
.ftr-btm .btmnav ul li a{color: #abb6c5;font-size: 12px;}


.service-bnr .imgwrp{position: absolute; z-index: 1; right: 0; top: 150px; }
.service-bnr .imgwrp img{width: 96%; }


.overviewwrp{background-repeat: no-repeat;background-size: cover;padding: 60px 0 50px;overflow: hidden;}
.overviewwrp .txtwrp{display: block;text-align: left;margin: 0 auto 40px;position: relative;z-index: 1;}
.overviewwrp .txtwrp:after{content: "";position: absolute;background-image: url(../images/lines.png);width: 180%;height: 320px;top: -120px;margin: 0 auto;left: 60px;right: 0;z-index: -1;background-size: 50%;background-repeat: no-repeat; filter: brightness(0.6);}
.overviewwrp .mainwrp{background: #ffffff17;padding: 10px 10px 50px;transition: all 250ms ease;margin: 0 0 30px;height: 390px;border: 1px solid #282C64;border-radius: 22px;}
.overviewwrp .mainwrp .imgwrp{}
.overviewwrp .mainwrp .imgwrp img{width: 100%;border-radius: 16px;}
.overviewwrp .mainwrp .txtdiv{    text-align: left;;display: block;width: 95%;margin: 0 auto;}
.overviewwrp .mainwrp .txtdiv img{display: none;background: #fff;width: 70px;border-radius: 50%;padding: 10px;margin: -30px 0 20px;}
.overviewwrp .mainwrp .txtdiv h4{color: #fff;font-size: 22px; padding: 20px 0 10px;}
.overviewwrp .mainwrp .txtdiv p{padding: 0 0 40px;height: 120px;font-size: 16px;}
.overviewwrp .mainwrp .txtdiv a{background: unset; font-size: 16px; transition: 0.4s; color: #c63faf; margin: -20px 0 0 0; display: block;padding: 17px 0px; }
.overviewwrp .mainwrp:hover{transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }


.cta_2{background-image: url(../images/cta-img.jpg); background-repeat: no-repeat; background-size: cover; display: block; text-align: center; padding: 140px 0; background-position: center; }
.cta_2 .txtwrp{}
.cta_2 .btnwrp{display: block; padding: 20px 0 0; }

.widewrp{padding: 70px 0; background-repeat: no-repeat; background-size: cover; background-image: url(../images/banner-bg-22.jpg); position: relative; overflow: hidden; }
.widewrp .txtwrp{display: block;text-align: left;}
.widewrp .mainwrp{width: 100%; margin: 0 auto; }
.widewrp .mainwrp ul li:hover{background: #fff;}
.widewrp .mainwrp ul li:hover h4{color: #000;}
.widewrp .mainwrp ul li:hover img{filter: invert(1);}
.widewrp .mainwrp ul{margin: 40px auto 0;text-align: center;}
.widewrp .mainwrp ul li{display: inline-block;padding: 30px 0px;text-align: center;border: 1px solid #282C64;margin: 0 9px 20px;width: 18%;vertical-align: bottom;border-radius: 7px;}
.widewrp .mainwrp ul li h4{color: #ffffff; font-size: 16px; padding: 11px 4px 0;}
.widewrp .mainwrp ul li img{width: 50px;padding-top: 15px;height: 60px;}
.widewrp .txtdiv{display: block; text-align: center; }
.widewrp .txtdiv span{color: #000000;font-size: 15px;font-weight: 600;display: block;padding: 0 0 10px;}
.widewrp .txtdiv p{display: inline-block; font-size: 14px; margin: 0 10px; }
.widewrp .txtdiv p a{color: #357782; }


.joinwrp{background: #15163a;position: relative;padding: 70px 0 0px;overflow: hidden;} 
.joinwrp .txtwrp{display: block;width: 100%;margin: 0 0 0 47px;}
.joinwrp .imgwrp{position: relative; }
.joinwrp .imgwrp img{width: 142%; position: absolute; left: 140px; margin: 30px 0 0; }
.joinwrp .mainwrp{height: 230px;padding: 20px 0 0 30px;position: relative;border-right: 1px solid #5a52a7;border-top: 1px solid #863f9d;border-left: 1px solid #af2e95;border-bottom: 1px solid #7446a1;}
.joinwrp .mainwrp h2{display: inline-block;color: #fff;font-size: 36px;font-weight: 400;}
.joinwrp .mainwrp p{display: inline-block;font-size: 11px;width: 66%;margin: 0 0 0 10px;color: #fff;font-weight: 300;font-size: 12px;}
.joinwrp .mainwrp img{width: 40px;position: absolute;bottom: 50px;right: 60px;filter: invert(0);opacity: 0.4;}


.our-approach{padding: 70px 0;    background-image: url(../images/banner-bg.jpg); background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;} 
.our-approach .txtwrp{}
.our-approach .txtwrp ul{margin: 10px 0 10px;display: none;}
.our-approach .txtwrp ul li{display: inline-block;margin: 0 25px 0 0;color: #03192B;font-size: 16px;font-weight: 600;padding: 0 0 5px 0px;/* width: 25%; */}
.our-approach .txtwrp ul li img{width: 150px;}
.our-approach .btnwrp{text-align: start;padding: 20px 0 0px;}
.our-approach .btnwrp a {}
.our-approach .btnwrp a span{color: #357782; }
.our-approach .mainwrp{box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 18%);padding: 40px 20px;display: block;text-align: center;border-radius: 10px;margin: 0 0 20px;border-right: 1px solid #5a52a7;border-top: 1px solid #863f9d;border-left: 1px solid #af2e95;border-bottom: 1px solid #7446a1;background: #ffffff17;text-align: left;height: 280px;}
.our-approach .mainwrp i{color: #33727d; font-size: 36px; margin: 0 0 20px; }
.our-approach .mainwrp h4{padding: 0 0 10px; font-size: 18px; color: #fff;}
.our-approach .mainwrp img{width: 55px;margin: 0 0 25px;}
.tabs-light .our-approach .mainwrp img{    filter: invert(1);}
.our-approach .mainwrp p{height: 88px;font-size: 16px;font-weight: 400;color: #DADBFF;}
.our-approach .main-1{margin: 30px 0 0;}
.our-approach .main-2{margin: 0px 0 30px; }
.our-approach .main-3{margin: 30px 0 0;}
.our-approach .main-4{margin: 0px 0 0px; }
.our-approach:after{content: "";content: "";background-image: url(../images/buildwrp-after.svg);width: 130px;height: 190px;position: absolute;background-repeat: no-repeat;background-size: 70%;left: 0;top: 90px;}
.our-approach .imgwrp{}
.our-approach .imgwrp img{}
.our-approach.dd-main h2{color: #fff;}
.our-approach.dd-main p{color: #fff;}
.our-approach.dd-main h4{color: #2ACB91;}
.our-approach.dd-main ul li{color: #fff;}
.our-approach.dd-main span{color: #2ACB91;}


.overyearwrp{padding: 70px 0; background-image: url(../images/banner-bg.jpg); background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden;} 
.overyearwrp .imgwrp{}
.overyearwrp .imgwrp img{width: 100%; }
.overyearwrp .txtwrp{padding: 140px 0 0;width: 80%;}
.overyearwrp .txtwrp h2{}
.overyearwrp .txtwrp p{}
.overyearwrp .txtwrp span{color: #aaacad; font-weight: 600; }
.overyearwrp .navwrp{margin: 0 0 20px; }
.overyearwrp .navwrp ul{font-size: 0;margin: 20px 0px 0;}
.overyearwrp .navwrp ul li{display: inline-block;padding: 10px 60px;border: 1px solid #BAC8CA;font-size: 15px;color: #ffffff;font-weight: 500;cursor: pointer;}
.overyearwrp .navwrp ul li.current{border: 2px solid #d39f00;color: #d39f00;}
.overyearwrp .ser-port{}
.overyearwrp .ser-port h4{color: #ffffff;font-size: 19px;font-weight: 600;padding: 0 0 20px 30px;position: relative;width: 100%;}
.tabs-light .overyearwrp .ser-port h4{color:#000;}
.overyearwrp .ser-port h4:after{content: "";background: #d39f00;width: 10px;height: 10px;position: absolute;border-radius: 50%;left: 0;top: 10px;}
.peoplewrp .tabs{display:none;}
.peoplewrp .tabs.current{display:block;}
.overyearwrp .ser-port img {/* padding-top: 80px; */ width: 90%; margin-top: 110px; height: 770px; }
.overyearwrp .mainwrp h5 {color: #efefef; font-size: 27px; padding: 0 0 30px; }
.overyearwrp .ser-port a {display: block; font-size: 14px; padding: 10px 0 0; text-decoration: underline; color: #d39f00;}


.our-testi{padding: 60px 0; background-color: #f0f0f0; }
.our-testi .txtwrp{text-align: left;display: block;padding: 0 0 40px;}
.our-testi .txtwrp h2{color: #000;}
.our-testi .mainwrp{background: #fff;border-radius: 10px;padding: 30px 40px 30px;box-shadow: 0 2px 2px rgb(0 0 0 / 10%);-webkit-transition: 0.2s ease-out;-moz-transition: 0.2s ease-out;-o-transition: 0.2s ease-out;transition: 0.2s ease-out;margin: 0 0 40px;height: 260px;}
.our-testi .mainwrp p{color: #3C3863;font-size: 14px;font-weight: 400;border-bottom: 1px solid #ada2a261;padding: 0 0 10px;margin: 0 0 20px;}
.our-testi .mainwrp .namwrp{display: inline-block; }
.our-testi .mainwrp .namwrp h4{font-size: 17px;color: #22204F;padding: 0 0 0;}
.our-testi .mainwrp .namwrp h6{color: #6c7b86;font-size: 14px;padding: 6px 0 0;}
.our-testi .mainwrp .namwrp span{color: #ffdd65; font-size: 16px; }
.our-testi .mainwrp .imawrp{display: inline-block;float: right;background: linear-gradient(43deg, rgb(194, 158, 51) 0%, rgb(255, 220, 115) 99%);width: 60px;height: 60px;border-radius: 50%;box-sizing: border-box;}
.our-testi .mainwrp .imawrp span{color: #fff; font-size: 26px; font-weight: 500; margin: 9px 0 0 10px; display: block; }
.our-testi .mainwrp:hover{box-shadow: 0px 0px 20px 1px #d2d2d2bf; z-index: 2; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.05); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.05); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.05); transition: all 200ms ease-in; transform: scale(1.05);}


.privacy-text-wrapper{padding: 70px 0 50px;background-image: url(../images/banner-bg.jpg);background-repeat: no-repeat;background-size: cover;position: relative;overflow: hidden;background: #fff;}
.privacy-text-wrapper h2{color: #000;}
.privacy-text-wrapper p{color: #000;font-size: 15px;}
.privacy-text-wrapper p strong{color: #000;font-size: 20px;}
.privacy-text-wrapper ul{}
.privacy-text-wrapper ul li{font-size: 14px;padding: 0px 0 10px 20px;color: #000;position: relative;}
.privacy-text-wrapper ul li:before{content: "";background: #ff4a17;width: 10px;height: 10px;position: absolute;border-radius: 50%;left: 0;top: 6px;}
.privacy-text-wrapper a{color: #000;font-size: 14px;}
.privacy-text-wrapper a i{padding: 0 7px 0 0;}


.terms_pg header{    box-shadow: 0px 20px 40px 0 #00000030;}
.terms_pg header .logowrp img{    filter: unset;}
.terms_pg header .logowrp{    border-color: #dcdcdc;}
.terms_pg header .navwrp{    border-color: #dcdcdc;}
.terms_pg header .navwrp ul li a{color: #000;    text-transform: uppercase;}
.terms_pg header .menu-btn__burger:before{    background: #000;}
.terms_pg header .menu-btn__burger:after{    background: #000;}
.terms_pg header .menu-btn__burger{    background: #000;}


.form-wrap {background: #fff;color: #fff;padding: 30px 20px 30px;border-radius: 15px;position: relative;width: 75%;z-index: 9;border: 1px solid #c7a339;/* float: right; *//* position: absolute; */right: 0;bottom: 0;top: 0;height: auto;}
.bnr-inpfild [type=submit] {margin: 0;text-transform: capitalize;outline: none;background: #d39f00;height: 47px;font-weight: 600;font-size: 16px !important;color: #ffffff;border-radius: 5px;border: unset;}
.form-wrap h1 {font-size: 22px;text-align: right;margin: 0px 0 12px 0;font-weight: 600;text-transform: capitalize;color: #223235;line-height: 1.4;padding: 0 0 10px;position: relative;left: -19px;bottom: 10px;}
.form-wrap h1 span{display: block;font-size: 32px;line-height: 1;padding: 0px 0 0;font-weight: 700;background: linear-gradient(to left,#0DA1EC 0,#078BCE 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: capitalize;}
.bnr-inpfild .intl-tel-input {margin-bottom: 18px; }
.bnr-inpfild textarea {height: 100px; resize: none; color: #000; }
.bnr-inpfild input, .bnr-inpfild textarea, .bnr-inpfild select {width: 100%;padding: 10px;margin: 0px 0 15px 0;border-radius: 5px;border: 1px solid #acb0b8;height: 43px;font-size: 13px !important;appearance: auto;color: #000;outline: none;font-family: 'Bai Jamjuree', sans-serif !important;}
.bnr-inpfild .intl-tel-input{width: 100%;}
.home-banr-wrp .bnr-inpfild [type=submit]{display: block; transition: all 250ms ease;}
.home-banr-wrp .bnr-inpfild [type=submit]:hover{    transition: all 250ms ease;
    transform: translateY(-0.625rem);}
.form-wrap .boxdiv{background: #d39f0021;padding: 20px 20px 0;border-radius: 5px;width: 92%;margin: 0 auto 15px;}
.form-wrap .boxdiv .imgbox{display: inline-block;margin: 0 5px 0 0;vertical-align: top;}
.form-wrap .boxdiv .imgbox i{background: #d39f00;height: 70px;width: 70px;border-radius: 50%;padding: 21px 0 0 18px;font-size: 29px;}
.form-wrap .boxdiv .txtdivwrp{display: inline-block;width: 64%;margin: 0 0 0 10px;}
.form-wrap .boxdiv .txtdivwrp h4{font-size: 16px;text-transform: uppercase;font-weight: 600;padding: 0 0 5px;}
.form-wrap .boxdiv .txtdivwrp p{font-size: 13px;}
.form-wrap .chakboxwrp{}
.form-wrap .chakboxwrp span{font-size: 15px;color: #474e47;font-weight: 600;}
.form-wrap .chakboxwrp ul{margin: 0;height: 87px;text-align: center;}
.form-wrap .chakboxwrp ul li{display: inline-block;width: 46.5%;margin: 0 4px 0;vertical-align: bottom;}
.form-wrap .chakboxwrp ul li input#nextbtn{width: 100%;position: relative;z-index: 10;opacity: 0;height: 70px;bottom: 0;top: 0;margin-bottom: 0;margin-top: 15px;}
.form-wrap .chakboxwrp ul li label.chklbl{background: unset;width: 100%;padding: 10px;text-align: center;margin: 0px 0 0 0;border-radius: 5px;border: 1px solid #acb0b8;height: 64px;font-size: 16px !important;appearance: auto;color: #000;outline: none;position: relative;top: -80px;padding: 11px 8px 0 10px;}
.form-wrap .chakboxwrp ul li label.chklbl span{width: 56%;display: inline-block;vertical-align: middle;text-align: left;font-size: 12px;line-height: 18px;}
.form-wrap .chakboxwrp ul li label.chklbl img{height: 34px;margin: -4px 9px 0 0;}
.form-wrap .chakboxwrp ul li.current label.chklbl{    background: #eef0fa;    border: 2px solid #088dd1;}


.service-bnr{height: auto;padding-bottom: 0;padding-top: 190px;overflow: visible;padding-bottom: 100px;}
.home-banr-wrp.service-bnr .ovlrwywrp{background: url(../images/video-overlay.png) rgb(0 0 0 / 0%);}
.home-banr-wrp.service-bnr:after{background: linear-gradient(262deg, #3e0b8e99 0%, #00000096 100%);}
.home-banr-wrp.service-bnr .txtwrp{margin: 70px 0 0;}



.processwrp{padding: 70px 0;background-repeat: no-repeat;background-size: cover;background-image: url(../images/banner-bg-22.jpg);position: relative;overflow: hidden;background: #fff;z-index: 1;}
.processwrp:before{content: ""; }
.processwrp .txtwrp{display: block;text-align: left;padding: 0 0 40px;width: 100%;margin: 0 auto;}
.processwrp .txtwrp h2{color: #22204F; }
.processwrp .mainwrp{overflow: hidden;border: 1px solid #C1C1C1;width: 250px;height: 250px;border-radius: 10px;margin: 0 auto 20px;display: block;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;text-align: center;background: #d39f0003;border: 1px solid #d2d0c88c;}
.processwrp .mainwrp img{text-align: center;width: 60px;margin: 60px 0 0;display: block;margin: 70px auto 5px;}
.processwrp .mainwrp h4{color: #22204F;font-size: 16px;padding: 15px 30px 0;}
.processwrp .mainwrp:hover{ /* background: #7746a1; */}
.processwrp .mainwrp:hover h4{/* color: #fff; */ }
.processwrp .btnwrp{padding: 40px 0 0; display: block; text-align: center; }
.processwrp .btnwrp .btn-2{padding: 15px 25px;border-radius: 6px;color: #000;font-size: 15px;background-image: linear-gradient(to right, #fff, #F5F5F5);border: 1px solid #C1C1C1;margin: 0 15px 0 0;border: 1px solid #c7b4b4;padding: 18px 20px;border-radius: 9px;background-image: unset;    font-size: 14px; font-weight: 600;}
.processwrp .txtdiv{padding: 30px 0 0 31px; }
.processwrp .txtdiv p{color: #5D5D5DD8; font-size: 16px; }
.processwrp:after{content: "";}
.processwrp .mainwrp:hover img{/* filter: brightness(10.5); */}


.belowform img {max-width: 100%;}
.belowform h2, .belowform p {text-align: left; } 
.belowform {padding: 210px 0 100px;background-image: url(../images/banner-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.form-box-main h2 {    }
.form-box-main p {text-align: left;width: 100%;padding-bottom: 30px;font-weight: 500;line-height: 1.4;}
.form-box-main form input[type="text"], .form-box-main form select, .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, .form-box-main select {border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #fff;border-radius: 0;padding-left: 0;height: 78px;}
.form-box-main form textarea {width: 100%;margin: 0;padding: 15px 25px;height: 100px;resize: none;border: 1px solid #dddddd;border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #fff;border-radius: 0;padding-left: 0;height: 78px;}
.form-box-main form select {width: 100%;margin: 0 0 0 0;border: 1px solid #dddddd;padding: 12px 25px;color: #5B6B7F;font-size: 18px;font-weight: 400;border-radius: 30px;background: #fff;border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #757575;border-radius: 0;padding-left: 0;height: 78px;}
.form-box-main form input[type="submit"] {display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff; border: 1px solid #ffffff; padding: 15px 60px; font-size: 18px; border-radius: 5px; cursor: pointer; }
.form-box-main form {width: 100%; margin: 0 auto; }
.form-box-main form .col-md-6, .form-box-main form .col-md-12 {    padding-bottom: 20px;}
.form-box-main .btn-1 {border: 3px solid #d39f00;    background: #d39f00;    margin: 0;}

.belowform .intl-tel-input{width: 100%;}
.belowform label.field-txt{color: #fff;font-size: 18px;padding: 20px 0 0;display: block;}
.belowform label.lbl{color: #C5C9EA;}
.belowform input[type=radio]{    height: 27px;    width: 27px;    margin: 0 8px 20px 0;    vertical-align: top;    }
.belowform input.dte{width: 100%;height: 55px;padding: 18px 25px;border: 1px solid #dddddd;border-radius: 30px;border: 0;background-color: transparent;border-bottom: 1px solid #d8d8d8;width: 100%;padding-bottom: 5px;padding-top: 35px;font-size: 18px;line-height: 20px;outline: 0;color: #fff;border-radius: 0;padding-left: 0;height: 78px;}
.belowform input#fileToUpload{}


.portfoliowrp-hmpg{overflow: hidden;padding: 70px 0;background: #060f78;}
.portfoliowrp-hmpg .txtwrp{margin: 0px 0 50px;}
.portfoliowrp-hmpg .btnpaort{display: block; text-align: center; border: 1px solid #5c3793; height: 50px; }
.portfoliowrp-hmpg .btnpaort a{}
.portfoliowrp-hmpg .portwrp{}
.portfoliowrp-hmpg .portwrp ul{}
.portfoliowrp-hmpg .portwrp ul li{display: inline-block; width: 32%; margin: 0 10px; }
.portfoliowrp-hmpg .portwrp ul li .portbox{position: relative; }
.portfoliowrp-hmpg .portwrp ul li .portbox .imgwrp{}
.portfoliowrp-hmpg .portwrp ul li .portbox .imgwrp img{transition: all 250ms ease;width: 100%;height: 590px;border-radius: 20px;filter: brightness(0.5);}
.portfoliowrp-hmpg .portwrp ul li .portbox .txtdiv{position: absolute;bottom: 30px;padding: 0 30px;}
.portfoliowrp-hmpg .portwrp ul li .portbox .txtdiv span{border: 1px solid #fff; height: 60px; display: block; width: 60px; border-radius: 50%; }
.portfoliowrp-hmpg .portwrp ul li .portbox .txtdiv span i{color: #fff;padding: 22px 0 0 0px;text-align: center;display: block;}
.portfoliowrp-hmpg .portwrp ul li .portbox .txtdiv .playwrp{display: inline-block;}
.portfoliowrp-hmpg .portwrp ul li .portbox .txtdiv .smaltxt{display: inline-block;vertical-align: -webkit-baseline-middle;margin: 0 0 0 11px;}
.portfoliowrp-hmpg .portwrp ul li .portbox .txtdiv .smaltxt h4{color: #fff;font-size: 16px;padding: 0;}
.portfoliowrp-hmpg .portwrp ul li .portbox .txtdiv .smaltxt h6{color: #fff;font-size: 18px;font-weight: 300;}
.portfoliowrp-hmpg .portwrp ul li:hover .portbox .imgwrp img{filter: unset;    transition: all 250ms ease;}
.portfoliowrp-hmpg .slick-next:before{content: "\f178";position: absolute;top: 205px;right: 1435px;font-family: 'FontAwesome';color: #fff;background: #ffffff45;height: 60px;width: 60px;border-radius: 50%;padding: 20px 0 0 0;}
.portfoliowrp-hmpg .slick-prev:before{content: "\f177"; position: absolute; top: 205px; right: 500px; font-family: 'FontAwesome'; color: #fff; background: #ffffff45; height: 60px; width: 60px; border-radius: 50%; padding: 20px 0 0 0; }





.testimnl{background-size:cover;background-position:center;padding: 40px 0;position:relative;background-color: #060f78;overflow:hidden;}
.vew-dtls-btn{text-align:center;padding:20px 0;}
.vew-dtls-btn a.view-btn{display:inline-block;color:#e67a3f;font-size:14px;position:relative;}
.vew-dtls-btn a.view-btn:before{content:"";position:absolute;width:100%;height:2px;background-color:#e67a3f;bottom:0px;}
.testimnl img{width:100%;}
.testimnl .list-scroll{height:128px;}
.testimnl .txt-wrp h3{font-size:17px;text-transform:capitalize;color: #b4285f;padding:0;display: none;font-weight:400;}
.testimnl .txt-wrp h2{color:#455963;font-weight:700;font-size:59px;padding:0;}
.testimnl .txt-wrp b{margin:0 0 10px 0;color:#2a2306;font-weight:bold;font-size: 30px;line-height:1;}
.testimnl .txt-wrp span{font-size:200px;color:#e67a3f;font-weight:300;line-height:1;position:absolute;right:30px;top:-30px;font-style:italic;}
.testimnl .txt-wrp h6{color:#393939;font-size:13px;}
.testimnl .slick-next:before{content:"\f105";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;right: -40px !important;position: absolute;}
.testimnl .slick-prev:before{content:"\f104";font-family:FontAwesome;color:#b5b5b5;font-size:41px;font-weight:300;position: absolute;right: -30px;}
.testimnl .slick-prev:hover:before{color:#e67a3f;}
.testimnl .slick-next:hover:before{color:#e67a3f;}
.testimnl .slick-prev{left:-60px;}
.testimnl .slick-next{right:0px;}
.testimnl .txt-wrp{/* padding-right:120px; */}
.testimnl .txt-wrp h4{padding:11px 0;position:relative;font-size: 37px;line-height:1;text-transform:capitalize;color: #fff;font-weight: 500;}
.testimnl .txt-wrp h3:after{content:"";display:none;position:absolute;background-color:#e67a3f;width:40px;height:3px;left:0;bottom:-40px;}
.testimnl .txt-wrp p{margin:0 0 0 0;text-transform:capitalize;color:#5a5c5d;font-size: 16px;color: #fff;font-size: 17px;font-weight: 400;}
.testimnl .txt-wrp a:hover{}
.testimnl .txt-wrp a{text-transform:uppercase;margin:0px;display:inline-block;color: #000;background: #ddd;}
.testimnl .testim-wrp{padding:30px;/* background:#fff; */border-radius:15px;margin: 0 40px 0 10px;width: 100%;}
.testimnl .testim-wrp i{font-size:40px;color: #ff4a17;}
.testimnl .testim-wrp h4{font-size:18px;line-height: 25px;font-weight:400;color: #fff;padding-top: 20px;height: 260px;margin-bottom: 10px;}
.testimnl .slick-center .testim-wrp{opacity:1;}
.testimnl .testim-wrp{}
.testimnl .testim-wrp .img-wrp{width:100px;display:inline-block;}
.testimnl .testim-wrp .img-wrp span{background: #ff4a17;color: #fff;border-radius: 50%;font-size: 20px;position: relative;top: -18px;height: 70px;width: 70px;display: block;padding: 20px 0 0 20px;}
.testimnl .testim-wrp .img-wrp img{border-radius:50%;width: 70px;}
.testimnl .testim-wrp .desgnt-sec{display:inline-block;top: -15px;position:relative;left: -10px;}
.testimnl .testim-wrp .desgnt-sec b{color: #ff4a17;font-size: 18px;text-transform:capitalize;}
.testimnl .testim-wrp .desgnt-sec h6{font-size: 12px;padding:0;color: #fff;}





.contactfrom{background: #f5f5f7;padding: 90px 0;}
.contactfrom .formwrp{}
.contactfrom .formwrp .formwrap{border-radius: 10px;margin: 0 auto 0 0;}
.contactfrom .formwrp form{}
.contactfrom .formwrp form .txtwrp{display: block; text-align: left; }
.contactfrom .formwrp form .txtwrp h2{color: #22204F;padding: 0 0 20px;width: 120%;}
.contactfrom .formwrp form .txtwrp h4{}
.contactfrom .formwrp form .txtwrp span{color: #ff647a;font-size: 15px;font-weight: 600;position: absolute;right: 9px;top: 3px;z-index: 10;}
.contactfrom .formwrp .lablewrp{position: relative; }
.contactfrom .formwrp .lablewrp input{width: 100%;height: 57px;margin: 0 0 14px;padding: 0 0 0 20px;border: 2px solid #dedede8f;border-radius: 10px;outline: none;}
.contactfrom .formwrp .lablewrp select{width: 100%;height: 54px;color: #777;margin: 0 0 10px;position: relative;padding: 0 0 0 20px;border: 2px solid #dedede8f;border-radius: 10px;outline: navajowhite;}
.contactfrom .formwrp .lablewrp input.btnm{ transition: all 250ms ease; cursor: pointer; background: #d39f00;color: #fff;width: 100%;padding: 0;border: none;display: block;}
.contactfrom .formwrp .lablewrp input.btnm:hover{    transition: all 250ms ease;
    transform: translateY(-0.625rem);}
.contactfrom .img-pp{background-size: cover; background-repeat: no-repeat; }
.contactfrom .formwrp .lablewrp input#file{border: none;height: auto;margin: 0 0 20px 0px;padding: 10px 0 10px;color: #c5c9ead9;position: relative;}
.contactfrom .mmaindiv{width: 100%;background: #F0FCF888;} 
.contactfrom .mmaindiv a{font-size: 12px;font-weight: 600;color: #000;}
.contactfrom .formwrp .lablewrp textarea{color: #757a7e;width: 100%;height: 115px;margin: 10px 0 10px;position: relative;padding: 0 0 0 10px;border: 2px solid #dedede8f;border-radius: 10px;resize: none;padding: 10px 0 0 20px;outline: navajowhite;}
.contactfrom .formwrp .lablewrp textarea::placeholder{color: #757a7e;}
.contactfrom .mmaindiv a span{color: #357782; }
.contactfrom .formwrp .lablewrp i{position: absolute; top: 15px; z-index: 11; color: #777780; right: 20px; }
.rangeslider,
.rangeslider__fill {display:block; border-radius:10px; }
.rangeslider {position:relative; }
.rangeslider:after{top:50%; left:0; right:0; content:''; width:100%;height: 11px; margin-top:-2.5px; border-radius:5px; position:absolute;border: 4px solid #FFF;background: #FFF;}
.rangeslider--horizontal{width:100%; height:28px;margin: 0 0 17px;}
.rangeslider--vertical{width:5px; min-height:150px; max-height:100%; }
.rangeslider--disabled{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity:0.4; }
.rangeslider__fill{position:absolute;background: #d39f00;}
.rangeslider--horizontal .rangeslider__fill{top:0; height:100%; }
.rangeslider--vertical .rangeslider__fill{bottom:0; width:100%; }
.rangeslider__handle{top:50%; width:28px; height:28px; cursor:pointer; margin-top:-14px; background:white; position:absolute; background:#ff637b; border-radius: 10px; display:inline-block; background: #087984; }
.rangeslider__handle:active{}
.rangeslider__handle:after{content: "$";position: absolute;color: #0b0b1c;left: 8px;top: 4px;}
.rangeslider__fill,
.rangeslider__handle{z-index:1; }
.rangeslider--horizontal .rangeslider__fill{top:50%;height: 11px; margin-top:-2.5px;}
/* Budget */
.budget-wrap{} .budget-wrap .header .title{color: #777; font-size: 15px; margin-bottom: 10px; }
.budget-wrap .header .title .pull-right{color: #d39f00;font-size: 16px; font-weight:400;border: 2px solid #d39f00;padding: 2px 20px;border-radius: 7px;margin: -5px 8px 0 0;}
.budget-wrap .footer{margin-top:30px; }
.budget-wrap .footer .btn{color:inherit; padding:12px 24px; border-radius:50px; display:inline-block; text-decoration:none; }
.budget-wrap .footer .btn.btn-def{color:#525263; display: none; }
.budget-wrap .footer .btn.btn-pri{color:#eee; background:#ff5a84; display: none; }
.rangeslider__handle {top: 50%;width: 28px;height: 28px;cursor: pointer;margin-top: -14px;background: white;position: absolute;background: #ff637b;position: relative;border-radius: 10px;display: inline-block;background: #fcfcfc;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 72%);border: 1px solid #efdcdc;}
.contactfrom .mainboxwrp{/* background-image: url(../images/NPTC_Group_of_Colleges.jpg); */background-repeat: no-repeat;background-size: cover;padding: 350px 0 0px 70px;background-position: center;border-radius: 70px;width: 83%;float: right;position: relative;z-index: 3;overflow: hidden;height: 710px;margin: 54px 0 0;}
.contactfrom .mainboxwrp:after{content: "";position: absolute;background-image: url(../images/lines-01.svg);background-repeat: no-repeat;background-size: 98%;width: 100%;height: 520px;z-index: 1;left: 328px;right: 0;margin: auto;top: 250px;}
.contactfrom .main-curclewrp{position: absolute; border: 1px solid #dcdcdc; height: 250px; width: 250px; border-radius: 50%; right: -110px; border-left: 0; z-index: 1; border-top: 0; /* border-bottom: 0; */ transform: rotate(279deg); bottom: 70px; }
.contactfrom .mainboxwrp .videowrp{}
.contactfrom .mainboxwrp .videowrp video{height: 100%; top: 0; position: absolute; left: 0; z-index: -4; }
.contactfrom .mainboxwrp .side-from-txt{width: 60%;position: relative;z-index: 10;}
.contactfrom .mainboxwrp .side-from-txt p{color: #fff;}
.contactfrom .mainboxwrp .side-from-txt h6{color: #fff; }
.contactfrom .mainboxwrp .side-from-txt span{color: #d39f00; }
.contactfrom .mainboxwrp .playwrp{}
.contactfrom .box-1{position: absolute;right: -150px;background: #fff;padding: 0;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 29%);border-radius: 15px;top: 120px;z-index: 11;}
.contactfrom .box-1 .box-img{display: inline-block;position: relative;left: -30px;}
.contactfrom .box-1 .box-img i{color: #d9d9d9;font-size: 30px;}
.contactfrom .box-1 .box-txt{display: inline-block;vertical-align: top;margin: 0 0 0 20px;position: relative;left: -30px;padding: 10px 0;}
.contactfrom .box-1 .box-txt span{color: #bfbaba; }
.contactfrom .box-1 .box-txt h4{color: #22204F; font-size: 18px; padding: 1px 0 2px; }
.contactfrom .box-1 .box-txt p{color: #d39f00;padding: 0;font-size: 12px;text-transform: uppercase;}
.contactfrom .box-2{position: absolute;right: -200px;background: #fff;padding: 15px 30px 15px 20px;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 29%);border-radius: 10px;z-index: 11;bottom: 280px;}
.contactfrom .box-2 .box-img{display: inline-block; }
.contactfrom .box-2 .box-img i{color: #48e116; font-size: 22px; }
.contactfrom .box-1 .box-img img{
    width: 83px;
    border-radius: 15px 0 0 15px;
}
.contactfrom .box-2 .box-txt{display: inline-block; color: #bfbaba; margin: 0 0 0 10px; }
.contactfrom .box-2 .box-txt span{}
.contactfrom .box-2 .box-txt h4{}
.contactfrom .box-2 .box-txt p{}

.contactfrom .playwrp span{position: absolute;left: 70px;background: #e75a5b;height: 110px;width: 110px;border-radius: 50%;top: 250px;z-index: 110;}
.contactfrom .playwrp span i{color: #fff;display: block;text-align: center;padding: 38% 0 0 7px;font-size: 24px;}
.contactfrom .formwrap .txtwrp p{color: #3C3863;}
.contactfrom .formwrp .lablewrp input.emilwrp{margin: 0 0 0 15px; border-right: 0; width: 99%; border-radius: 10px 0px 0px 10px; }
.contactfrom .formwrp .lablewrp input.nmbrwrp{border-radius: 0px 10px 10px 0px; width: 95%; }
.contactfrom .mainboxwrp .img-box-wrp{}
.contactfrom .mainboxwrp .img-box-wrp img{position: absolute; box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 29%); }
.contactfrom .mainboxwrp .img-box-wrp img.img-1{top: 120px; right: -130px; }
.contactfrom .mainboxwrp .img-box-wrp img.img-2{right: -200px; }
.contactfrom .chat-box{float: right;display: block;padding: 30px 0 0;margin: 20px 30px 0 0;position: relative;z-index: 10;}
.contactfrom .chat-box .txtdiv{width: 83%;margin: 0 -110px 0 0;}
.contactfrom .chat-box .txtdiv p{color: #22204F; font-size: 16px; }
.contactfrom .chat-box .chatmain{float: right;margin: -80px -30px 0 0;position: relative;z-index: 1;}
.contactfrom .chat-box .chatmain span{height: 70px;width: 70px;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 48%);border-radius: 50%;padding: 24px 6px 0 0;display: block;text-align: center;}
.contactfrom .chat-box .chatmain span i{color: #d39f00; font-size: 21px; }



.slider-wrapper {display: inline-block;width: auto;text-align: left;}
.slider{height: 53px;overflow: hidden;position: relative;top: 2px;}
.slider div {color: #22204F; margin-bottom: 50px; text-align: center; box-sizing: border-box; }
.slider-text1 {animation: slide 5s linear infinite;margin: 10px 0 0;margin: 0 0 0 10px px;position: relative;top: 13px;/* left: -49px; */}
.slider-text2 {margin: 0 0 0 -35px;position: relative;top: 13px;/* left: -40px; */}
.slider-text3 {margin: 0 0 0 0px;position: relative;top: 11px;left: -18px;width: 100%;}
.slider-text4 {margin: 0 0 0 0px;position: relative;top: 13px;left: -12px;}
.slider-text5 {margin: 0 0 0 0px;position: relative;top: 13px;left: -12px;}
@keyframes slide {
  0% {margin-top:-300px;}
  5% {margin-top:-200px;}
  33% {margin-top:-200px;}
  38% {margin-top:-100px;}
  66% {margin-top:-100px;}
  71% {margin-top:0px;}
  100% {margin-top:0px;}
}

.contactfrom #file::-webkit-file-upload-button{background: #fff;  border: 2px solid #dedede8f;padding: 5px 15px;font-size: 12px; border-radius: 10px;}




.awordwrp{padding: 70px 0;overflow: hidden;background: #e8e6f1;position: relative;z-index: 1;}
.awordwrp:after{content: "";background-image: url(../images/circle-shade.png);position: absolute;width: 40%;height: 100%;background-repeat: no-repeat;background-size: cover;top: -260px;right: 0px;z-index: -1;filter: hue-rotate(20deg);}
.awordwrp .txtwrp{display: block;text-align: center;padding: 0 0 40px;}
.awordwrp .txtwrp h2{color: #060f78;}
.awordwrp .maindiv{}
.awordwrp .maindiv ul{}
.awordwrp .maindiv ul li{display: inline-block; }
.awordwrp .maindiv ul li .mainwrp{height: 350px; padding: 40px 20px;width: 92%;display: block;background: #fff;text-align: center;box-shadow: -7px -20px 70px rgb(0 0 0 / 7%);margin: 0 auto;border-radius: 10px;}
.awordwrp .maindiv ul li .mainwrp img{text-align: center;display: block;margin: 0 auto;width: 180px;}
.awordwrp .maindiv ul li .mainwrp h4{font-size: 18px;font-weight: 700;padding: 10px 0 10px;color: #22204F;}
.awordwrp .maindiv ul li .mainwrp p{font-size:16px;color: #3C3863;}
li.box-two {margin: 90px 0 0; }


.nft-pg .what_workwrp{   background: unset;}
.nft-pg .contactfrom{background: unset;}
.nft-pg .contactfrom .formwrp form .txtwrp h2{color: #fff;}
.nft-pg .contactfrom .formwrp form .txtwrp p{color: #C5C9EA;}
.nft-pg .contactfrom .formwrp .lablewrp .field-txt{color: #C5C9EA;}
.nft-pg .budget-wrap .header .title{color: #c5c9ead9;}
.nft-pg .rangeslider--horizontal .rangeslider__fill{}
.nft-pg .slider div{color: #fff;}
.nft-pg .slider-text2{    top: 24px;   }
.nft-pg .slider-text3{    top: 33px;}


.follow_onwrp{position: fixed;width: 235px;height: 50px;top: calc(45% - 75px);left: -92px;transform: rotate(90deg);transform-origin: 50% 48%;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;background: #d39f00;z-index: 9999;box-shadow: 0px 11px 60px 0px rgb(126 126 126 / 48%);}
.follow_onwrp p{padding: 0; color: #fff; }
.follow_onwrp ul{margin: 0px 0px 0 10px; }
.follow_onwrp ul li{display: inline-block; margin: 0 0 0 7px; }
.follow_onwrp ul li a{color: #fff; }

.ser_header header{background: #fff;}
.ser_header header .logowrp img{    filter: unset;}
.ser_header header .logowrp{    border-color: #dcdcdc;}
.ser_header header .navwrp{border-color: #dcdcdc;}
.ser_header header .navwrp ul li a{color: #211F31;}
.ser_header header .menu-btn__burger, .menu-btn__burger::after, .menu-btn__burger::before{    background: #000;}
.ser_header header .navwrp ul.btn-head-1 li a{color: #fff;}


.ser-main-videowrp{margin: 0 auto;text-align: center;display: block;background: #fff;z-index: -1 !important;position: relative !important;}
.ser-main-videowrp.ser-video-rds.rds{margin: 0 auto;text-align: center;display: block;position: relative;z-index: 1;overflow: hidden;padding-bottom: 60px;}
.ser-main-videowrp.ser-video-rds.rds .videowrp{transition: all 250ms ease;margin: 0 auto;text-align: center;display: block;z-index: -1;position: relative;}
.ser-main-videowrp.ser-video-rds.rds .videowrp video{transition: 1s all;border-radius: 50%;width: 760px;height: 760px;margin: 90px auto 0;text-align: center;display: block;object-fit: cover;}
.ser-main-videowrp.ser-video-rds.rds .videowrp img{transition: 1s all;border-radius: 50%;width: 760px;height: 760px;margin: 90px auto 0;text-align: center;display: block;object-fit: cover;}

.ser-main-videowrp .videowrp{}
.ser-main-videowrp .videowrp img{transition: 1s all; width: 100%; }
.ser-main-videowrp .videowrp video{transition: 1s all; width: 100%; }
.ser-main-videowrp:after{content: "";background-image: url(../images/circle-shade.png);position: absolute;width: 58%;height: 140%;background-repeat: no-repeat;background-size: 100%;bottom: -240px;left: -170px;z-index: -1;transform: scaleX(-1);}

.home-banr-wrp.all_ser{    background: #fff;}
.home-banr-wrp.all_ser:after{display: none;}
.home-banr-wrp.all_ser:before{content: "";background-image: url(../images/circle-shade.png);position: absolute;width: 40%;height: 100%;background-repeat: no-repeat;background-size: cover;top: -260px;right: 0px;z-index: -1;filter: hue-rotate(20deg);}
.home-banr-wrp.all_ser .txtwrp{}
.home-banr-wrp.all_ser .txtwrp:after{content: "";}
.home-banr-wrp.all_ser .txtwrp h1{color: #22204F;font-weight: 700;}
.home-banr-wrp.all_ser .txtwrp p{color: #3C3863;}

.home_pg .menu-btn__burger{background: #fff;}
.home_pg .menu-btn__burger::before{background: #fff;}
.home_pg .menu-btn__burger::after{background: #fff;}


.service-bnr.service-bnr.all_ser{overflow: hidden;}
.service-bnr.service-bnr.all_ser .boximg{}
.service-bnr.service-bnr.all_ser .boximg img{position: absolute;} 
.service-bnr.service-bnr.all_ser img.img-1{width: 800px;right: 0px;bottom: 0px;position: absolute;transition: 1s all;}
.service-bnr.service-bnr.all_ser .boximg img.img-2{right: 0px;z-index: -1;bottom: -100px;width: 54%;}





.protectwrp{background-image: url(../images/digtal_head_roi.png);height: 600px;background-repeat: no-repeat;background-size: cover;position: relative;padding-top: 90px;}
.protectwrp .txtwrp{background: #fff;padding: 90px 0 210px 150px;margin: 96px 0 0;}
.protectwrp .txtwrp h2{color: #22204F;}
.protectwrp .videowrp{}
.protectwrp .videowrp video{}

.diff_pg .what_workwrp {background: #ffffff;padding-top: 0;margin: -130px 0 0;}
.diff_pg .what_workwrp .mainwrp{background: #f5f5f7;
    padding: 40px 40px 0;height: 330px;margin: 0 0 30px;}
.diff_pg .what_workwrp .mainwrp h4{    color: #22204F;}
.diff_pg .what_workwrp .mainwrp p{color: #3C3863;padding: 0 0 10px;}
.diff_pg .what_workwrp .mainwrp img{}
.diff_pg .what_workwrp .mainwrp .txtdiv{padding: 0;}
.diff_pg .what_workwrp .mainwrp .txtdiv span{    color: #3C3863;    font-size: 16px;}
.diff_pg .what_workwrp .mainwrp .txtdiv span a{position: unset; color: #d39f00; font-weight: 500; }
.diff_pg .what_workwrp .extratxt{width: 80%;display: block;padding: 10px 0 0;margin: 0 auto;text-align: center;}
.diff_pg .what_workwrp .extratxt h2{color: #22204F; }
.diff_pg .what_workwrp .extratxt p{
    color: #3C3863;
    width: 80%;
    margin: 0 auto;
}
.diff_pg .what_workwrp .extratxt p a{
    color: #d39f00;
}

.implewrp{overflow: hidden; }
.implewrp .mainblack{}
.implewrp .txtwrp{}
.implewrp ul{margin: 0; font-size: 0; }
.implewrp ul li{display: inline-block; width: 40%; }
.implewrp ul .mainlargebox{}
.implewrp ul li .mainlargebox{background: #fff;padding: 95px 80px 0;height: 600px;}
.implewrp ul li .mainlargebox .imgbox{}
.implewrp ul li .mainlargebox .imgbox span{display: block; font-size: 32px; color: #22204F; padding: 0 0 30px; }
.implewrp ul li .mainlargebox .imgbox img{width: 110px;margin: 0 0 40px;}
.implewrp ul li .mainlargebox .boxtxt{}
.implewrp ul li .mainlargebox .boxtxt h4{color: #22204F; font-size: 26px; }
.implewrp ul li .mainlargebox .boxtxt p{color: #3C3863; font-size: 16px; }
.implewrp .slick-prev::before{content: "\f177";position: absolute;top: 165px;right: 500px;font-family: 'FontAwesome';color: #fff;background: #ffffff45;height: 60px;width: 60px;border-radius: 50%;padding: 20px 0 0 0;}
.implewrp .slick-next::before{content: "\f178";position: absolute;top: 165px;right: 1435px;font-family: 'FontAwesome';color: #fff;background: #ffffff45;height: 60px;width: 60px;border-radius: 50%;padding: 20px 0 0 0;}


.benefitswrp{padding: 70px 0;/* overflow: hidden; */background: #060f78;}
.benefitswrp .mainwrp{width: 82%;margin: 50px auto 0;background: #170a2b;padding: 0px 0 0 60px;border: 3px solid rgb(104 72 154 / 47%);overflow: hidden;border-radius: 40px;}
.benefitswrp .mainwrp.abt-extra{background-image: url(../images/cx-feedback-00.jpg);    padding-top: 70px; background-repeat: no-repeat; background-position: right center; background-size: auto 100%; background-color: #232327; padding-bottom: 40px; }
.benefitswrp .mainwrp h4{color: #fff;font-size: 34px;font-weight: 700;}
.benefitswrp .mainwrp p{font-size: 16px;}
.benefitswrp .mainwrp .imgwrp{display: block;text-align: right;}
.benefitswrp .mainwrp .imgwrp img{text-align: right;width: 100%;}
.benefitswrp .mainwrp .imgwrp .btmtxt{display: block;text-align: left;padding: 40px 0 50px 70px;width: 80%;position: absolute;bottom: -60px;}
.benefitswrp .mainwrp .imgwrp .btmtxt h4{font-size: 16px; }
.benefitswrp .mainwrp .imgwrp .btmtxt p{}
.benefitswrp .mainwrp .txtmainwrp{display: block;padding: 50px 0 0;width: 71%;border-top: 1px solid #444444b0;margin: 30px 0 0;}
.benefitswrp .mainwrp .txtmainwrp h4{font-size: 16px; }
.benefitswrp .mainwrp .txtmainwrp p{}
.benefitswrp .mainwrp .maintxt{width: 80%;padding: 60px 0;}
.benefitswrp .mainwrp .maintxt h2{font-size: 36px;}
.benefitswrp .mainwrp .maintxt p{font-size: 16px;}
.benefitswrp .mainwrp ul{}
.benefitswrp .mainwrp ul li{color: #C5C9EA;font-size: 16px;position: relative;padding: 0 0px 6px 26px;}
.benefitswrp .mainwrp ul li:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #d39f00;}
.benefitswrp .col-md-7{position: unset;}
.benefitswrp .btn-2{position: unset;bottom: 60px;}
.benefitswrp .maintxt1{    background-image: url(../images/royal-york-management-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .maintxt2{    background-image: url(../images/comma-store-eu-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .maintxt3{    background-image: url(../images/lemuria-style-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .maintxt4{    background-image: url(../images/gospark-services-case.png);
background-repeat: no-repeat;
background-position: right;}
.benefitswrp .txtwrp{width: 80%;}


.ser-client-logowrp{background: #f7f7f7;padding: 70px 0;}
.ser-client-logowrp .mainlogowrp{}
.ser-client-logowrp .mainlogowrp ul{margin: 0; display: block; text-align: center; }
.ser-client-logowrp .mainlogowrp ul li{display: inline-block;margin: 0 53px 10px;}
.ser-client-logowrp .mainlogowrp ul li img{filter: invert(1);height: 73px;}
.ser-client-logowrp .maincountr{display: block; text-align: center; padding: 60px 0 0; }
.ser-client-logowrp .maincountr ul{margin: 0;font-size: 0;}
.ser-client-logowrp .maincountr ul li{display: inline-block;border: 1px solid rgb(224, 224, 224);padding: 72px 50px;display: inline-block;text-align: center;width: 30%;background: #fff;}
.ser-client-logowrp .maincountr ul li h4{color: #22204F; font-size: 42px; }
.ser-client-logowrp .maincountr ul li p{color: #3C3863; font-size: 16px; padding: 0; }
.ser-client-logowrp .maincountr ul li.border-right{border-radius: 20px 0px 0px 20px; border-right: unset !important; }
.ser-client-logowrp .maincountr ul li.border-left{border-radius: 0px 20px 20px 0px; border-left: unset !important; }



.builtwrp{padding: 110px 0;background: #fff;}
.builtwrp .txtwrp{display: block;padding: 0 0 50px;width: 90%;}
.builtwrp .txtwrp h2{color: #22204F; }
.builtwrp .txtwrp p{color: #3C3863; }
.builtwrp .mainbox{}
.builtwrp .mainbox ul{margin: 0; }
.builtwrp .mainbox ul li{display: inline-block; text-align: center; width: 19%; }
.builtwrp .mainbox ul li img{width: 130px; margin: 0 0 20px; }
.builtwrp .mainbox ul li span{display: block; color: #22204F; font-size: 22px; }


.globalmap-wrp{background: #f7f7f7; padding: 70px 0; }
.globalmap-wrp .txtwrp{display: block; padding: 0 0 70px; }
.globalmap-wrp .txtwrp h2{color: #22204F; }
.globalmap-wrp .txtwrp p{color: #3C3863; }
.globalmap-wrp .imgwrp{}
.globalmap-wrp .imgwrp img{width: 80%; margin: 0 auto; display: block; }


.tech-banner-wrp{background: #fafafa;padding: 210px 0 480px;background-position: 124% 80%,0 0;background-size: 920px,auto;background-repeat: no-repeat,repeat;-webkit-box-align: stretch;background-image: url(../images/highTech-intro-bg.png);position: relative;/* overflow: hidden; */}
.tech-banner-wrp .txtwrp{display: block;}
.tech-banner-wrp .txtwrp h1{font-size: 64px; padding: 0 0 20px; color: #22204F; }
.tech-banner-wrp .txtwrp p{color: #3C3863; font-size: 22px; }
.tech-banner-wrp img.img-cer{position: absolute;right: 390px;width: 50%;bottom: -100px;}
.tech-banner-wrp .txtbtm{position: relative;top: 210px;}
.tech-banner-wrp .txtbtm p{
    display: inline-block;
    color: #3C3863;
}
.tech-banner-wrp .txtbtm ul{
    display: inline-block;
    margin: 0 0 0 50px;
}
.tech-banner-wrp .txtbtm ul li{
    display: inline-block;
    margin: 0 30px 0;
}
.tech-banner-wrp .txtbtm ul li img{
    filter: invert(1);
    height: 73px;
}

.tech-secendwrp{background: #fafafa;margin: -150px 0 0 0;padding: 70px 0;}
.tech-secendwrp:after{content: "";}
.tech-secendwrp .txtwrp{width: 60%;display: block;text-align: center;margin: 0 auto 60px;}
.tech-secendwrp .txtwrp h2{color: #22204F; }
.tech-secendwrp .imgwrp{}
.tech-secendwrp .imgwrp img{width: 90%;border-radius: 15px;}
.tech-secendwrp .txtdiv{}
.tech-secendwrp .txtdiv p{color: #3C3863; }


.moveswrp{background: #f5f5f5; padding: 70px 0; }
.moveswrp .txtwrp{display: block;text-align: center;width: 60%;margin: 0 auto 50px;}
.moveswrp .txtwrp h2{color: #22204F; }
.moveswrp .txtwrp p{color: #3C3863; }
.moveswrp .mainbox{transition: all 250ms ease;box-shadow: rgb(0 0 0 / 10%) 0px 3px 66px;background: #fff;padding: 30px 30px;border-radius: 15px;overflow: hidden;transition: all 250ms ease;}
.moveswrp .mainbox .imgbox{overflow: hidden;width: 100%;height: 200px;margin: 0 0 20px;border-radius: 10px;transition: all 0.3s ease 0s;}
.moveswrp .mainbox:hover .imgbox img{transition: all 0.3s ease 0s;transform: scale(1.2);}
.moveswrp .mainbox .imgbox img{width: 100%;transition: all 250ms ease;}
.moveswrp .mainbox .txtbox{}
.moveswrp .mainbox .txtbox h4{color: #22204F;font-size: 22px;padding: 20px 0 30px;}
.moveswrp .mainbox .txtbox p{color: #3C3863; font-size: 16px; } 
.moveswrp .mainbox:hover{transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }


.poweredwrp{background: #fff; padding: 70px 0; }
.poweredwrp .txtwrp{display: block;text-align: center;width: 60%;margin: 0 auto 60px;}
.poweredwrp .txtwrp h2{color: #22204F; }
.poweredwrp .txtwrp p{color: #3C3863; }
.poweredwrp .mainwrp{display: block; text-align: center; padding: 20px 50px 50px; }
.poweredwrp .mainwrp span{display: block; color: #22204F; font-size: 32px; }
.poweredwrp .mainwrp img{margin: 30px 0 40px;width: 120px;}
.poweredwrp .mainwrp h4{color: #22204F; font-size: 24px; }
.poweredwrp .mainwrp p{color: #3C3863; font-size: 16px; }


.tech_ctawrp{display: block; text-align: center; padding: 90px 0; overflow: hidden; }
.tech_ctawrp .txtwrp{width: 80%; margin: 0 auto; }
.tech_ctawrp .txtwrp p{width: 70%;margin: 0 auto;}


.contact-banner{padding: 200px 0 50px;position: relative;background: #fff;}
.contact-banner .mightwrp{z-index: 9999; position: relative; }
.contact-banner .mightwrp h4{}
.contact-banner .mightwrp .main-box-wrp{padding: 30px 30px;width: 90%;background: #FFFFFF;border-radius: 9px;margin: 30px 0 0;cursor: pointer;}
.contact-banner .mightwrp .main-box-wrp iframe{width: 100%;}
.contact-banner .mightwrp .main-box-wrp .imgwrp{}
.contact-banner .mightwrp .main-box-wrp .imgwrp img{    width: 70px;    border-radius: 9px;}
.contact-banner .mightwrp .main-box-wrp .txtwrp{}
.contact-banner .mightwrp .main-box-wrp .txtwrp h6{font-size: 18px;padding: 30px 0 10px;color: #22204F;}
.contact-banner .mightwrp .main-box-wrp .txtwrp p{color: #3C3863;font-size: 16px;padding: 0 0 10px;}
.contact-banner .mightwrp .main-box-wrp .btnwrp{}
.contact-banner .mightwrp .main-box-wrp .btnwrp a{color: #000;text-decoration: underline;font-size: 16px;}
.contact-banner .mightwrp .main-box-wrp .btnwrp a i{padding: 0 0 0 10px;font-size: 12px;font-weight: 300;color: #d39f00;}
.contact-banner .formwrp{    position: sticky;    top: 180px;}
.contact-banner:after{content: '';width: 42%;height: 100%;background: rgb(244, 244, 247);position: absolute;top: 0;right: 0;}
.about-pg{}
.about-pg .home-banr-wrp{height: auto; padding: 300px 0 50px; }
.about-pg .home-banr-wrp.all_ser:before{display: none;}
.needwrp{padding: 70px 0;}
.needwrp .stickywrp{position: sticky; top: 180px; }
.needwrp .stickywrp .txtwrp{}
.needwrp .stickywrp .txtwrp p{color: #3C3863;}
.needwrp .stickywrp .txtwrp h2.main-heading{color: #000 !important;}
.needwrp .main-boxwrp{}
.needwrp .main-boxwrp ul{display: inline-block;width: 40%;vertical-align: top;margin: 0 89px 0 0px;}
.needwrp .main-boxwrp ul li{margin: 0 0 50px; }
.needwrp .main-boxwrp ul li .main-parent{}
.needwrp .main-boxwrp ul li .main-parent .imgwrp{text-align: center; }
.needwrp .main-boxwrp ul li .main-parent .imgwrp img{width: 100%;}
.needwrp .main-boxwrp ul li .main-parent .txtwrp{width: 80%; text-align: center; margin: 0 auto; }
.needwrp .main-boxwrp ul li .main-parent .txtwrp h4{font-size: 24px; padding: 20px 0; }
.needwrp .main-boxwrp ul li .main-parent .txtwrp p{font-size: 16px;color: #3C3863;}
.main-boxwrp ul.second-ul{    margin: 230px 0 0 0;}
.mobilehoverwrp{background-image: url(../images/iphone-img.png);height: 100vh;display: flex;align-items: center;background-position: center 86%;background-size: 120%;background-repeat: no-repeat;transition: all 250ms ease;transition: 0.8s all;}
.mobilehoverwrp .txtwrp{text-align: center;width: 30%;margin: -120px auto 0;}
.mobilehoverwrp .txtwrp span{}
.mobilehoverwrp .txtwrp span i{color: #D39F00; font-size: 26px; padding: 0 10px; }
section.mobilehoverwrp.mob-small{background-position: center 110%;background-size: 56.8446%;transition: all 250ms ease;height: 70vh;transition: 0.8s all;}
.journeywrp{padding: px 0 0;overflow: hidden;}
.journeywrp .imgwrp{}
.journeywrp .imgwrp img{width: 100%; }
.journeywrp .txtwrp{}
.journeywrp .txtwrp h2{color: #22204F;}
.journeywrp .txtwrp ul{margin: 30px 0px 0;}
.journeywrp .txtwrp ul li{display: inline-block;width: 43%;font-size: 16px;padding: 0 0px 20px 30px;border-bottom: 1px solid #DCDCDC;margin: 0 30px 15px 0;position: relative;color: #000;}
.journeywrp .txtwrp ul li:after{content: '';content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #D39F00;}
.journeywrp .txtwrp p{color: #3C3863;font-size: 16px;width: 80%;}
.challengewrp{padding: 50px 0;background: #FAFAFA;}
.challengewrp .stickywrp{position: sticky; top: 220px; }
.challengewrp .stickywrp .txtwrp{width: 80%; }
.challengewrp .stickywrp .txtwrp h2{color: #22204F;}
.challengewrp .stickywrp .txtwrp p{color: #3C3863; }
.challengewrp .stickywrp .imgwrp{}
.challengewrp .stickywrp .imgwrp img{margin: 40px 0 0;border-radius: 12px;}
.challengewrp .customertxt{padding: 310px 0 0;}
.challengewrp .customertxt ul{}
.challengewrp .customertxt ul li{padding: 0px 0 0px;border-bottom: 1px solid #dcdcdc73;margin: 0 0 40px;}
.challengewrp .customertxt ul li .mainwrp{margin: 0px 0 50px; }
.challengewrp .customertxt ul li .mainwrp .txtwrp{}
.challengewrp .customertxt ul li .mainwrp .txtwrp p{font-size: 26px;color: #3C3863;}
.challengewrp .customertxt ul li .mainwrp .boxwrp{padding: 50px 80px;background: rgb(255, 255, 255);box-shadow: rgb(0 0 0 / 5%) 0px 3px 36px;border-radius: 12px;margin: 40px 0 0;height: 250px;display: flex;flex-wrap: wrap;align-items: center;}
.challengewrp .customertxt ul li .mainwrp .boxwrp h6{font-size: 20px;padding: 0 0 20px;position: relative;}
.challengewrp .customertxt ul li .mainwrp .boxwrp h6 img{position: absolute; left: -30px; }
.challengewrp .customertxt ul li .mainwrp .boxwrp p{font-size: 18px;font-weight: 100;color: #3C3863;padding: 0;}
.challengewrp .customertxt ul li .mainwrp .btnwrp{text-align: right; }
.challengewrp .customertxt ul li .mainwrp .btnwrp a{}
.challengewrp .customertxt ul li .mainwrp .boxwrp span{
    color: #3C3863;
    font-size: 15px;
    margin: 10px 0 0 0;
    display: block;
}



.peoplewrp{padding: 210px 0 70px;background: #fafafa;}
.peoplewrp .txtwrp{}
.peoplewrp .txtwrp h2{color: #22204F;font-size: 64px;}
.peoplewrp .txtwrp h6{color: #22204F; font-size: 36px; padding: 0 0 20px; }
.peoplewrp .txtwrp p{color: #3C3863; }
.peoplewrp .txtwrp ul{display: block; padding: 30px 0 0; }
.peoplewrp .txtwrp ul li{display: inline-block;width: 18%;text-align: center;background: #fff;margin: 0 50px 20px 0px;border-radius: 12px;cursor: pointer;padding: 23px 0;}
.peoplewrp .txtwrp ul li.current{border: 1px solid #d39f00;}
.peoplewrp .txtwrp ul li img{display: block; margin: 0 auto 10px; width: 50px; }
.peoplewrp .txtwrp ul li span{color: #d39f00; font-size: 12px; }
.peoplewrp .imgwrp{}
.peoplewrp .imgwrp img{width: 100%; }
.peoplewrp .btmtxt{width: 80%;display: block;padding: 30px 0 0;border-top: 1px solid #dfdfdf;margin: 60px 0 0;}
.peoplewrp .btmtxt h4{color: #22204F; font-size: 24px; }
.peoplewrp .btmtxt p{color: #3C3863; font-size: 18px; }
.peoplewrp .mainimg-wrp{}
.peoplewrp .mainimg-wrp .immbox{}
.peoplewrp .mainimg-wrp .immbox img{
    width: 100%;
    border-radius: 30px;
}
.peoplewrp .mainimg-wrp .immbox img.img-1{}
.peoplewrp .mainimg-wrp .immbox img.img-2{
    margin: 170px 0 0;
}
.peoplewrp .mainimg-wrp .immbox img.img-3{}
.peoplewrp .mainimg-wrp .immbox img.img-4{
    margin: -40px 0 0;
}
.peoplewrp .mainimg-wrp .immbox img.img-5{margin: 30px 0 -10px;}
.peoplewrp .mainimg-wrp .immbox img.img-6{
    margin: -180px 0 0 0;
}
.peoplewrp .mainimg-wrp .immbox img.img-7{
    margin: -60px 0 0;
}




.portfoliowrp.ser-main{padding: 170px 0 70px; }
.portfoliowrp.ser-main .maindivtxt{position: absolute; z-index: 1; top: -120px; }
.portfoliowrp.ser-main .maindivtxt h2{font-size: 150px; }
.portfoliowrp.ser-main .slick-prev:before{left: -250px;top: 205px;}


.contactfrom .intl-tel-input{width: 99%;    margin: 0 0 15px;}


.home-banr-wrp.about_bnr{    overflow: unset !important;}
.home-banr-wrp.about_bnr img.img-cer{position: absolute;right: 230px;width: 37%;top: 230px;}
.intl-tel-input .country-list .country {padding: 5px 10px; color: #3C3863; }


.portfoliowrp .btnsliderwrp{    position: absolute;    bottom: 30px;}
.portfoliowrp .btnsliderwrp a{    display: inline-block;}
.portfoliowrp .btnsliderwrp a i{    color: #fff; background: #ffffff45; height: 60px; width: 60px; border-radius: 50%; padding: 22px 0 0 0; display: block; text-align: center; }
.portfoliowrp .btnsliderwrp a.nextanchor{margin: 0 0 0 10px;}



.testimonialwrp .btnsliderwrp{display: block; text-align: right; position: absolute; right: 0; top: 90px; }
.testimonialwrp .btnsliderwrp a{    display: inline-block;}
.testimonialwrp .btnsliderwrp a i{color: #fff;background: #ffffff45;height: 60px;width: 60px;border-radius: 50%;padding: 22px 0 0 0;color: #777;background: #fff;display: block;text-align: center;font-size: 17px;}
.testimonialwrp .btnsliderwrp a.nxt-testi{margin: 0 0 0 10px;}

.tech-banner-wrp.about_bnr{    background-color: #fff;}
.tech-banner-wrp.about_bnr .img-cer{width: 60%; top: 310px; }


.about-pg .needwrp{padding-top: 0; margin: -200px 0 0; }
.about-pg .benefitswrp{background: #212326;}
.about-pg .benefitswrp .mainwrp{    border: 3px solid rgb(46 47 50);}






.sub-testi-ser{padding: 30px 0 55px;background: #f5f5f5;position: relative;}
.sub-testi-ser .txtwrp{display: block; text-align: center; padding: 0 0 50px; width: 86%; margin: 0 auto; }
.sub-testi-ser .txtwrp h2{background-image: linear-gradient(43deg,#DA8740 0%,#F7DF96 99%)!important; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub-testi-ser .tabwrp{}
.sub-testi-ser .tabwrp ul{margin: 0; display: block; text-align: center; }
.sub-testi-ser .tabwrp ul li{display: inline-block; border-radius: 50%; margin: 0 7px 0; cursor: pointer; }
.sub-testi-ser .tabwrp ul li.current{}
.sub-testi-ser .tabwrp ul li.current span{background: #d39f00;}
.sub-testi-ser .tabwrp ul li img{border-radius: 50%; width: 60px; }
.sub-testi-ser .testiwrp{width: 70%; margin: 30px auto; text-align: center; }
.sub-testi-ser .testiwrp p{font-style: italic;color: #3C3863;font-size: 23px;line-height: 30px;letter-spacing: -0.03062rem;}
.sub-testi-ser .testiwrp span{color: #3C3863;}
.sub-testi-ser .testiwrp h6{padding: 0 0 5px;color: #3C3863;font-size: 16px;}
.sub-testi-ser .tabwrp ul li span{border-radius: 50%;background: #02003d;color: #fff;font-weight: 500;height: 46px;width: 46px;display: inline-block;padding: 12px 0 0 0;} 
.tabs{display: none;}
.tabs.current{display: block;}



.offerwrp{background: #fff; padding: 70px 0; }
.offerwrp .txtwrp{}
.offerwrp .txtwrp h2{color: #22204F; }
.offerwrp .txtwrp p{color: #3C3863; }
.offerwrp .imgwrp{}
.offerwrp .imgwrp img{width: 70%; border-radius: 15px; margin: 15px 0 0; }
.offerwrp .mainwrp{}
.offerwrp .mainwrp p{color: #3C3863; }
.offerwrp .mainbox{padding: 50px 80px; background: rgb(255, 255, 255); box-shadow: rgb(0 0 0 / 5%) 0px 3px 36px; border-radius: 12px; margin: 40px 0 0; position: relative; }
.offerwrp .mainbox img{margin: 0 10px 0 -32px;}
.offerwrp .mainbox h4{font-size: 20px; padding: 0 0 20px; position: relative; display: inline-block; vertical-align: sub; }
.offerwrp .mainbox p{color: #3C3863; font-size: 18px; padding: 0 0 50px; }
.offerwrp .mainbox span{color: #687087; font-size: 16px; }
.offerwrp .mainbox a{float: right;margin: -30px 0 0;}


.apply-bannerwrp{background: #02003d;padding: 170px 0 130px;}
.apply-bannerwrp .txtwrp{}
.apply-bannerwrp .txtwrp h1{color: #fff;font-size: 64px;padding: 0 0 20px;}
.apply-bannerwrp .txtwrp p{color: #C5C9EA; font-size: 22px; }
.apply-bannerwrp .txtwrp ul{margin: 30px 0 0; display: block; }
.apply-bannerwrp .txtwrp ul li{color: #C5C9EA; display: inline-block; margin: 0 30px 0 0; }
.apply-bannerwrp .txtwrp ul li span{}
.apply-bannerwrp .txtwrp ul li i{font-size: 20px;margin: 0 10px 0 0;}


.applay-secend-wrp{padding: 70px 0 40px;background: #f5f5f5;}
.applay-secend-wrp .txtwrp{background: #fff;margin: -130px 0 0;padding: 40px 60px 20px 40px;}
.applay-secend-wrp .txtwrp h2{color: #22204F; }
.applay-secend-wrp .txtwrp p{color: #3C3863;font-size: 18px;}
.applay-secend-wrp .txtwrp ul{margin: 0 0 60px;}
.applay-secend-wrp .txtwrp ul li{color: #3C3863; font-size: 18px; position: relative; margin: 0 0 20px; padding: 0 0 0 30px; }
.applay-secend-wrp .txtwrp ul li:after{content: "\f00c";font-family: 'FontAwesome';position: absolute;left: 0;top: 0;color: #d39f00;}
.applay-secend-wrp .stickywrp{position: sticky; top: 230px; }
.applay-secend-wrp .stickywrp .boxmain{background: #fff;margin: -130px 0 0;padding: 40px 40px 20px 40px;}
.applay-secend-wrp .stickywrp .boxmain .txtdivmain h4{color: #22204F; font-size: 23px; }
.applay-secend-wrp .stickywrp .boxmain .txtdivmain p{color: #3C3863; font-size: 18px; }
.applay-secend-wrp .stickywrp .boxmain .btnbox{}
.applay-secend-wrp .stickywrp .boxmain .btnbox ul{text-align: center; display: block; font-size: 0; }
.applay-secend-wrp .stickywrp .boxmain .btnbox ul li{display: inline-block; width: 49%; border: 1px solid #d39f00; padding: 17px 0; font-size: 14px; cursor: pointer; }




/*==================================new==========================================*/
.fancybox-content {height: 600px !important; position: relative; top: 50px; }
.testimo-bx {margin-bottom: 30px; width: 100% !important; }
.mib .home-banr-wrp.service-bnr img.img-1{    right: -30px; transition: 2s all;} 
.mib .boximg img.img-2{    transition: 2s all;}
.addons .home-banr-wrp.service-bnr img.img-1{right: -400px !important;transition: 1s all;}
.addons .boximg img.img-2{right: -450px !important;;}

.implewrp .btnsliderwrp{position: unset;bottom: -70px;}
.implewrp .btnsliderwrp a{    display: inline-block;}
.implewrp .btnsliderwrp a i{    color: #fff; background: #ffffff45; height: 60px; width: 60px; border-radius: 50%; padding: 22px 0 0 0; display: block; text-align: center; }
.implewrp .btnsliderwrp a.nxt-testi{margin: 0 0 0 10px;}


.testimonialwrp-2{padding: 140px 0 0;   text-align: center;    display: block;}
.testimonialwrp-2{padding: 30px 0 30px;position: relative;background: #f1f1f1;}
.testimonialwrp-2 .txtwrp{display: block;text-align: center;padding: 0 0 40px;width: 76%;margin: 0 auto;}
.testimonialwrp-2 .txtwrp h2{}
.testimonialwrp-2 .tabwrp{}
.testimonialwrp-2 .tabwrp ul{margin: 0; display: block; text-align: center; }
.testimonialwrp-2 .tabwrp ul li{display: inline-block; border-radius: 50%; margin: 0 7px 0; cursor: pointer; }
.testimonialwrp-2 .tabwrp ul li.current{border: 3px solid #ff4036;}
.testimonialwrp-2 .tabwrp ul li img{border-radius: 50%; width: 60px; }
.testimonialwrp-2 .testiwrp{width: 70%; margin: 30px auto 0; text-align: center; }
.testimonialwrp-2 .testiwrp p{font-style: italic;color: #000;font-size: 18px;line-height: 24px;letter-spacing: -0.03062rem;font-size: 22px;}
.testimonialwrp-2 .testiwrp span{color: #000;font-weight: 600;}
.testimonialwrp-2 .testiwrp h6{padding: 0 0 5px;color: #000;font-size: 16px;font-weight: 700;}
.testimonialwrp-2 .tabwrp ul li span{border: 1px solid #e87f7f;border-radius: 50%;background: #F36D36;color: #fff;font-weight: 700;height: 46px;width: 46px;display: inline-block;padding: 12px 0 0 0;}
.testimonialwrp-2 .slick-dots li#slick-slide00 button:before,
.testimonialwrp-2 .slick-dots li#slick-slide01 button:before,
.testimonialwrp-2 .slick-dots li#slick-slide02 button:before,
.testimonialwrp-2 .slick-dots li#slick-slide03 button:before{position: absolute;top: -250px;left: 0;color:#fff;background: #02003d;width: 46px;border-radius: 50%;height: 46px;font-family: "slick";padding-top: 12px;font-size: 12px;line-height: 20px;text-align: center;border:1px solid #E87F7F;font-family: 'Bai Jamjuree', sans-serif;opacity: 1;}
.testimonialwrp-2 .slick-dots li#slick-slide00 button:before{margin: 10px 0 0 -80px; content: "ND"; }
.testimonialwrp-2 .slick-dots li#slick-slide01 button:before{margin: 10px 0 0 -30px; content: "ED"; }
.testimonialwrp-2 .slick-dots li#slick-slide02 button:before{margin: 10px 0 0 20px; content: "DP"; }
.testimonialwrp-2 .slick-dots li#slick-slide03 button:before{margin: 10px 0 0 70px; content: "MT"; }
.testimonialwrp-2 .slick-dots li.slick-active button:before{/* border: 3px solid #d39f00 !important; */padding: 10px;padding: 10px;background: #d39f00 !important;}
.testimonialwrp-2 .our-testi-slider button.slick-prev.slick-arrow{}
.testimonialwrp-2 .our-testi-slider button.slick-prev.slick-arrow:after{content: '/f105'; position: absolute;}
.testimonialwrp-2 .our-testi-slider button.slick-prev.slick-arrow:before{content: '\f104';font-family: 'FontAwesome';font-size: 46px;color: #d39f00;}
.testimonialwrp-2 .our-testi-slider button.slick-next:before{content: '\f105';font-family: 'FontAwesome';font-size: 46px;color: #d39f00;}

.navigation__item .quest-title{display: inline-block;color: #000;text-decoration: none;text-transform: uppercase;transition: all .4s;font-size: 32px !important;margin: 0;padding: 0px 40px 0 0;width: auto;}
.navigation__item .quest-title:hover{    color: #d39f00;    background-position: 100%;    transform: translateX(1rem);}
.navigation__item .unstyled li{}
.navigation__item .unstyled li a{    color: #000;}
.navigation__item div#accordion-nav{padding: 0;}
.navigation__item .unstyled li a:hover{    color: #d39f00;}
.navigation__item .quest-content.open{padding: 0;}



.projects-pg{}
.projects-pg .help-wrap .box-wrap{}
.projects-pg .help-wrap .box-wrap ul{}
.projects-pg .help-wrap .box-wrap ul li{width: 23%;}
.projects-pg .help-wrap .box-wrap ul li .divtxt{padding: 0 30px 0;bottom: -96px;}
.projects-pg .help-wrap .box-wrap ul li:hover .divtxt{bottom: 0;}
.projects-pg .help-wrap .box-wrap ul li .divtxt h6{color: #d39f00;font-weight: 600;padding: 20px 0 10px;}
.projects-pg .help-wrap .box-wrap ul li .divtxt h4{ }
.projects-pg .help-wrap .box-wrap ul li .divtxt p{font-size: 16px;padding-bottom: 50px;color: #3C3863;}
.projects-pg .help-wrap .box-wrap ul li .divtxt a{ }
.projects-pg .help-wrap .maintxt{width: 70%; }
.projects-pg .help-wrap .maintxt h2{text-align: left; }

.help-wrap{background: #02003d;padding: 50px 0 30px;overflow: hidden;}
.help-wrap .txtwrp{}
.help-wrap .txtwrp h2{text-align:center;}
.help-wrap .box-wrap:after{content: "";}
.help-wrap .box-wrap:before{content: "";}
.help-wrap .box-wrap ul{margin: -20px 0 0 0; }
.help-wrap .box-wrap ul li{display: inline-block;width: 25%;background: #fff;padding: 0 0px;border-radius: 8px;overflow: hidden;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;padding-bottom: 30px;margin: 40px 10px 50px;}
.help-wrap .box-wrap ul li .imgwrp img{width: 100%;position: relative;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.help-wrap .box-wrap ul li .imgwrp{position: relative;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.help-wrap .box-wrap ul li .imgwrp:after{}
.help-wrap .box-wrap ul li .txtwrp{padding: 30px 50px 0;position: relative;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.help-wrap .box-wrap ul li .txtwrp h4{font-size: 22px;line-height: 24px;letter-spacing: 0px;color: #22204f;}
.help-wrap .box-wrap ul li .txtwrp.divtxt{position: relative;bottom: -90px;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;margin: -120px 0 0;background: #fff;position: relative;z-index: 10;}
.help-wrap .box-wrap ul li .txtwrp span.datewrap{    display: block; padding-bottom:10px;}
.help-wrap .box-wrap ul li .txtwrp p{font-size: 16px;font-weight: 400;padding-bottom: 80px;}
/*.help-wrap .box-wrap ul li:hover .imgwrp img{transform: scale(0.9);}*/
.help-wrap .box-wrap ul li:hover .divtxt{bottom: -75px;}
.help-wrap .box-wrap ul li:hover p{}
.help-wrap .box-wrap ul li:hover .imgwrp:after{content: '';transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;background: #000;width: 100%;height: 100%;top: 0;z-index: 9;opacity: 0.15;position: absolute;bottom: 0;left: 0;transition: 0.5s;}
.help-wrap .box-wrap ul li{box-shadow: #121a4714 1px 11px 60px 0 !important;height: auto;}
.help-wrap .txtdiv{}
.help-wrap .txtdiv p{font-size: 16px;font-weight: 600;margin: -30px 0 0;padding: 20px 0 0px;text-align: RIGHT;}
.help-wrap .box-wrap ul li a{color: #000;margin: 0 10px 0 0;padding: 10px 10px;border-radius: 6px;font-size: 15px;font-weight: 600;border: 1px solid #f0f1f7;}
.help-wrap .txtdiv p a{    color: #d1ad42;}

.bottomcta{background-image: url(../images/bottom-cta.webp);background-repeat: no-repeat;background-size: cover;background-position: center, center;padding: 180px 0;position: relative;} 
.bottomcta:after{content: '';position: absolute;background: linear-gradient(146deg, rgba(190,223,250,1) 0%, rgb(155 50 136 / 58%) 25%, rgb(182 2 41 / 62%) 50%, rgb(246 127 180 / 74%) 75%, rgb(254 255 245 / 59%) 100%);width: 100%;height: 100%;top: 0;}
.bottomcta .txtwrp{position: relative;z-index: 9;width: 70%;margin: 0 auto;}
.bottomcta .btnwrp{position: relative; z-index: 9; }
.bottomcta .btnwrp a{}
.bottomcta .txtwrp p{color: #fff;}


.fitst-fld-wrp .mainwrp{/* box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 18%); */padding: 40px 20px;display: block;text-align: center;border-radius: 10px;margin: 40px 0 0px;/* border-right: 1px solid #5a52a7; *//* border-top: 1px solid #863f9d; *//* border-left: 1px solid #af2e95; *//* border-bottom: 1px solid #7446a1; *//* background: #170a2b; */text-align: left;height: 280px;/* border: 3px solid rgb(104 72 154); */text-align: center;}
.fitst-fld-wrp .mainwrp i{color: #33727d; font-size: 36px; margin: 0 0 20px; }
.fitst-fld-wrp .mainwrp h4{padding: 0 0 10px;font-size: 18px;color: #22204f;}
.fitst-fld-wrp .mainwrp img{width: 55px;margin: 0 0 25px;}
.fitst-fld-wrp .mainwrp img{/* filter: invert(1); */display: none;}
.fitst-fld-wrp .mainwrp p{height: 88px;font-size: 16px;font-weight: 400;color: #3c3863;}
.fitst-fld-wrp .main-1{}
.fitst-fld-wrp .main-2{}
.fitst-fld-wrp .main-3{}
.fitst-fld-wrp .main-4{}

.fitst-fld-wrp .processwrp{background: unset;padding: 210px 0 0 0;}
.fitst-fld-wrp .processwrp ul{}
.fitst-fld-wrp .processwrp ul:after{content: '';}
.fitst-fld-wrp .processwrp ul:before{content: '';width: 90%;height: 2px;background: #e5c8c8;position: absolute;margin: auto;top: -50px;bottom: 0;right: 0;left: 0;}
.fitst-fld-wrp .processwrp ul li{width: 24%;display: inline-block;text-align: center;position: relative;vertical-align: top;}
.fitst-fld-wrp .processwrp ul li:after{content: '';}
.fitst-fld-wrp .processwrp ul li.process-1:before{content: '01';position: absolute;top: -125px;font-size: 130px;font-weight: bold;line-height: 1;color: #d39f0021;left: 130px;}
.fitst-fld-wrp .processwrp ul li.process-2:before{content: '02';position: absolute;top: -125px;font-size: 130px;font-weight: bold;line-height: 1;color: #d39f0021;left: 130px;}
.fitst-fld-wrp .processwrp ul li.process-3:before{content: '03';position: absolute;top: -125px;font-size: 130px;font-weight: bold;line-height: 1;color: #d39f0021;left: 130px;}
.fitst-fld-wrp .processwrp ul li.process-4:before{content: '04';position: absolute;top: -125px;font-size: 130px;font-weight: bold;line-height: 1;color: #d39f0021;left: 130px;}

.fitst-fld-wrp .processwrp ul li.process-1:after{content: '';width: 30px;background:#d39f00;position: absolute;height: 30px;border-radius: 50%;top: -69px;}
.fitst-fld-wrp .processwrp ul li.process-2:after{content: '';width: 30px;background:#d39f00;position: absolute;height: 30px;border-radius: 50%;top: -69px;}
.fitst-fld-wrp .processwrp ul li.process-3:after{content: '';width: 30px;background:#d39f00;position: absolute;height: 30px;border-radius: 50%;top: -69px;}
.fitst-fld-wrp .processwrp ul li.process-4:after{content: '';width: 30px;background:#d39f00;position: absolute;height: 30px;border-radius: 50%;top: -69px;}

.fitst-fld-wrp .processwrp ul li .main-box{width: 90%;margin: 0 auto;}
.fitst-fld-wrp .processwrp ul li .main-box h4{color: #22204f; }
.fitst-fld-wrp .processwrp ul li .main-box p{color: #3c3863; }


/*=======================*/
.fitst-fld-wrp .main-box{padding: 0 0 0 0;height: 250px;}
.fitst-fld-wrp .main-box h4{    color: #22204f;}
.fitst-fld-wrp .main-box p{    color: #3c3863;}
.fitst-fld-wrp .main-box h1{    font-size: 130px;    font-weight: bold;    line-height: 1;    color: #060f782e;}
.fitst-fld-wrp .main-box h1:after{content: '';width: 30px;background: #ff4a17;position: absolute;height: 30px;border-radius: 50%;bottom: 0;left: 0;right: 0;top: 50px;margin: 0 auto;z-index: 9;}
.fitst-fld-wrp .main-box:after{content: '';width: 100%;height: 2px;background: #e5c8c8;position: absolute;margin: auto;top: -120px;bottom: 0;right: 0;left: 0;}

.footer-bottom{padding: 50px 0;background: #140722;}
.footer-bottom .footer-logo{margin: 0 0 30px; }
.footer-bottom .footer-logo img{height: 55px; }
.footer-bottom .ftr-nav{margin: 0 0 50px; }
.footer-bottom .ftr-nav ul{margin: 5px 0 0;}
.footer-bottom .ftr-nav ul li{margin: 0 0 25px;}
.footer-bottom .ftr-nav ul li a{color: #fff;font-size: 14px;}
.footer-bottom .ftr-nav h6{color: #ffffff80;font-size: 16px;padding: 0 0 20px;text-transform: uppercase;}
.footer-bottom .ftr-nav ul li h3{color: #d39f00;font-size: 14px;font-weight: 300;}
.footer-bottom .ftr-nav ul li a i{margin: 0 6px 0 0;}
.footer-bottom .badgewrp{}
.footer-bottom .badgewrp img{width: 80%;}
.ftr-nav.socialwrp ul {width: 49%;display: inline-block;vertical-align: top;}

.new-services .what_workwrp{margin: 0;}
.new-services .what_workwrp .btnwrp{display: flex;justify-content: center;align-items: center;}
.new-services .what_workwrp .cta-txt{    color: #d39f00;    font-size: 18px;    margin: 0 0 0 16px;}
.new-services .builtwrp{    padding: 110px 0 50px;}
.new-services .builtwrp .mainbox ul{border-bottom: 2px solid #dcdcdc3b;padding: 0 0 100px;}
.new-services .what_workwrp h1{font-size: 44px;color: #22204F;padding: 0 0 10px;font-weight: 500;}

.play-btn {width: 100px;height: 100px;background: radial-gradient( rgb(255 255 255) 60%, rgb(0 0 0) 62%);border-radius: 50%;position: relative;display: block;box-shadow: 0px 0px 25px 3px rgb(163 163 163 / 80%);}
/* triangle */
.play-btn::after {content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); transform-origin: center center; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid #000; z-index: 100; -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
/* pulse wave */
.play-btn:before {content: ""; position: absolute; width: 150%; height: 150%; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate1 2s; animation: pulsate1 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgb(211 159 0); top: -25%; left: -25%; background: rgb(211 159 0); }
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}

@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;

  }
}


.product-management-pag .boximg img.img-1{    width: 100% !important;    left: -30px;    bottom: -100px !important;}
.home-banr-wrp .btm-bnr-box .mainwrp span img {    width: 30px;}

.port-pg .portfoliowrp .portwrp ul li{    margin: 0 10px 20px;width: 31%;}
.port-pg .portfoliowrp .portwrp ul li img{height: auto;}


.ser_header header .logowrp .img_light{display: none;}
.ser_header header .logowrp .img_dark{display: block ;margin: 0 auto;}

.addons .service-bnr img.img-1{right: 100px;}
section.fitst-fld-wrp.home-video-sec .btn-1:after{background: #ff4a17;height: 90%;width: 97.5%;}


/* Rectangle Out */
.hvr-rectangle-out {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgb(0 0 0 / 0%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #ffffff; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-radius: 50%; }
.hvr-rectangle-out:before {content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #000000; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 50%; }
.hvr-rectangle-out:hover{color: white; border-radius: 50%; }
.hvr-rectangle-out:hover:before{-webkit-transform: scale(1); transform: scale(1); border-radius: 50%; }
.hvr-rectangle-out span{border: 1px solid #000;display: flex;align-items: center;justify-content: center;border-radius: 50%;overflow: hidden;width: 60px;height: 60px;margin: 0 0 0 0px;}
.hvr-rectangle-out span i{font-size: 20px;color: #000;left: 3px;position: relative;}
.hvr-rectangle-out:hover span i{color: #fff;}

.careers-pg .challengewrp .customertxt ul li .mainwrp .boxwrp{    display: block;height: auto;}


.book-apoint h2{color: #22204F;}
.book-apoint p{color: #3C3863;}
.book-apoint .belowform input.dte{color: #000;}
.book-apoint .btn-banner{    border: 3px solid #d39f00;
    color: #000;margin: 0;background:unset;}



/*.map-cntc{}    
.map-cntc .contact-banner .mightwrp .main-box-wrp .btnwrp a{    position: relative;}    
.map-cntc .contact-banner .mightwrp .main-box-wrp .btnwrp a:hover iframe{opacity: 1;}    
.map-cntc .contact-banner .mightwrp .main-box-wrp iframe{opacity: 0;    width: 240%; position: absolute; top: -180px; left: -20px; height: 225px;transition: 1s all;} */


li.tabs.ser-port.tabs-map-1, li.tabs.ser-port.tabs-map-2 {    width: auto; height: auto; position: absolute; top: 80px; z-index: 9; right: -112px; overflow: hidden; bottom: 0;} 
/*li.tabs.ser-port.tabs-map-2.wbport.current {width: 100vh; height: 100vh; position: absolute; top: -120px; z-index: -1; left: -66px; overflow: hidden; }*/
li.tabs iframe{    width: 100%;    height: 100%;}

.iframe-main{    width: 100vh;    height: 100%;}
section.contactfrom.img-pp.contact-banner .col-md-5{position: unset;} 
section.contactfrom.img-pp.contact-banner .col-md-4{position: unset;} 






.ctawrp{background: #fff;padding: 70px 0;position: relative;margin: -10px 0 0 0;}
.ctawrp .mainimgwrp{position: relative; }
.ctawrp .mainimgwrp img{animation: rotate 7s normal linear infinite;width: 390px;position: absolute;z-index: 0;right: 280px;top: 0px;}
.ctawrp .mainwrp{display: block;text-align: center;padding: 80px 0 60px;border-radius: 55px;position: relative;overflow: hidden;margin: 0 auto;width: 55%;} .ctawrp .mainwrp .txtwrp{
    margin: 0 auto;
}
.ctawrp .mainwrp:after{content: "";position: absolute;background: #f5f8fa;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.ctawrp .mainwrp .txtwrp h2{color: #000;padding: 0 20px 11px;z-index: 1;position: relative;font-size: 34px;font-weight: 600;}
.ctawrp .mainwrp .btnwrp {padding: 30px 0 40px;}
.ctawrp .mainwrp .btnwrp a{color: #fff;border: 2px solid;position: relative;z-index: 11;}
.ctawrp .mainwrp p{color: #1967d2;font-size: 16px;}
.ctawrp .mainwrp p a{color: #fbbc04;}
.ctawrp .imgwrp{    position: relative;}
.ctawrp .imgwrp img{position: absolute;bottom: 0;z-index: 1;left: 40px;}

.ctawrp h4.btn-infor {
    font-size: 18px;
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
  25% {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
  }
  50% {
    -webkit-transform: rotate3d(0, 0, 1, 180deg);
    transform: rotate3d(0, 0, 1, 180deg);
  }
  75% {
    -webkit-transform: rotate3d(0, 0, 1, 270deg);
    transform: rotate3d(0, 0, 1, 270deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 360deg);
    transform: rotate3d(0, 0, 1, 360deg);
  }
}



.footer-section {background: #140722; position: relative;overflow:hidden;z-index:0; }
.footer-cta {border-bottom: 1px solid #8b8a8638;}
.single-cta i {color: #ff4a17;font-size: 30px;float: left;margin-top: 8px;}
.cta-text {padding-left: 15px; display: inline-block; }
.cta-text h4 {color: #fff;font-size: 20px;font-weight: 600;margin-bottom: 2px;margin: 0;padding: 0;}
.cta-text span a {color: #757575; font-size: 15px; }
.footer-content {position: relative; z-index: 2; }
.footer-pattern img {position: absolute; top: 0; left: 0; height: 330px; background-size: cover; background-position: 100% 100%; }
.footer-logo {margin-bottom: 30px; }
.footer-logo img {max-width: 200px; }
.footer-text p {margin-bottom: 14px; font-size: 14px; color: #7e7e7e; line-height: 28px; }
.footer-social-icon span {color: #fff; display: block; font-size: 20px; font-weight: 700; font-family: 'Bai Jamjuree', sans-serif; margin-bottom: 20px; }
.footer-social-icon a {color: #7e7e7b;font-size: 14px;margin-right: 0;}
.footer-social-icon i {height: 40px;width: auto;text-align: center;line-height: 38px;border-radius: 50%;margin: 0 10px 0 0;}
.footer-social-icon ul{    margin: 0;    display: inline-block;    width: 39%;}
.footer-social-icon ul li{}
.footer-social-icon h3{    color: #fff;    font-size: 20px;    font-weight: 600;    margin-bottom: 40px;    position: relative;}  
.footer-social-icon h3::before{content: "";position: absolute;left: 0;bottom: -15px;height: 2px;width: 50px;background: #ff4a17;} 
.facebook-bg{background: #3B5998; }
.twitter-bg{background: #55ACEE; }
.google-bg{background: #DD4B39; }
.footer-widget-heading h3 {color: #fff; font-size: 20px; font-weight: 600; margin-bottom: 40px; position: relative; }
.footer-widget-heading h3::before {content: "";position: absolute;left: 0;bottom: -15px;height: 2px;width: 50px;background: #ff4a17;}
.footer-widget ul li {display: inline-block; float: left; width: 50%; margin-bottom: 12px; }
.footer-widget ul li a:hover{color: #ff5e14; }
.footer-widget ul li a {color: #878787; text-transform: capitalize; }
.subscribe-form {position: relative; overflow: hidden; }
.subscribe-form input {width: 100%;padding: 14px 28px;background: #ffffff;border: 1px solid #ffffff;color: #000;outline: none;}
.subscribe-form button {position: absolute;right: 0;background: #ff4a17;padding: 13px 20px;border: 1px solid #ff4a17;top: 0;cursor: pointer;}
.subscribe-form button i {color: #fff; font-size: 22px; transform: rotate(-6deg); }












.home-banr-wrp .faxulbox .imgwrp img{width: 100%;position: absolute;bottom: 0;top: 100; z-index: 1;}
.home-banr-wrp canvas{position: absolute;width: 100%;height: 100%;z-index: 1;top: 0;}


.what_workwrp .mainwrp:hover{background-color: #ff4a17;}


.bottomcta .btnwrp .btn-1:before{color: #fff !important;}
.bottomcta .btnwrp .btn-1:after{background: #ff4a17; height: 90%; width: 97.5%; }





.btmformwrp{ background-repeat: no-repeat; background-size: cover; padding: 110px 0 50px; position: relative; overflow: hidden;background-color: #030840; }
.btmformwrp .imgwrp:after{content: "";position: absolute;background-image: url(../images/banner-lines.png);width: 1410px;height: 1030px;background-repeat: no-repeat;z-index: -1;top: -630px;left: -530px;background-size: 100%;}
.btmformwrp .txtwrp{position: relative;z-index: 10;}
.btmformwrp .txtwrp h2{font-size: 40px;}
.btmformwrp .txtwrp h4{background-image: radial-gradient(circle farthest-corner at 100% 0,#ffaccf 28%,#5cb6f8 51%,#ba75e0 87%,#dd5183 96%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;font-size: 24px;padding: 0 0 20px;}
.btmformwrp .imgwrp{position: relative; }
.btmformwrp .col-md-4.img-line{position: relative;z-index: 1;}
.btmformwrp .col-md-4.img-line:after{content: "";position: absolute; background-image: url(../images/banner-lines.png); width: 1310px; height: 1030px; background-repeat: no-repeat; z-index: -1; top: -230px; left: -450px; background-size: 63%; }
.btmformwrp .imgwrp img{width: 100%;margin: 0px 0 0 0px;/* height: 450px; */position: absolute;right: -10px;top: -377px;}
.btmformwrp .formwrp{display: block;padding: 0 0 0 60px;position: relative;z-index: 10;}
.btmformwrp .formwrp form{}
.btmformwrp .formwrp form .lablewrp{display: block;text-align: left;}
.btmformwrp .formwrp form .lablewrp input{width: 100%;height: 50px;padding: 0 0 0 20px;margin: 0 0 15px;outline: none;border: none;background: #fff;border-radius: 10px;/* font-family: 'Nunito', sans-serif !important; */border: 1px solid #c8c8ce;color: #000;}
.btmformwrp .formwrp form .lablewrp select{width: 100%;height: 50px;padding: 0 0 0 20px;margin: 0 0 15px;outline: none;border: none;background: #fff;border-radius: 4px;border-radius: 11px;color: #000;/* font-family: 'Nunito', sans-serif !important; */border: 1px solid #c8c8ce;}
.btmformwrp .formwrp form .lablewrp textarea{width: 100%;height: 120px;padding: 25px 0 0 20px;margin: 0 0 10px;outline: none;border: none;background: #fff;resize: none;border-radius: 4px;background: #ffffff;border-radius: 10px;color: #000;/* font-family: 'Nunito', sans-serif !important; */border: 1px solid #c8c8ce;}
.btmformwrp .formwrp form .lablewrp input.btnmain{padding: 0;background: #ff4a17;color: #fff !important;font-size: 16px;font-weight: 600;width: 50%;border-radius: 7px;border: none;}
.btmformwrp .formwrp form .lablewrp span{color: #000;display: block;padding: 10px 0 15px;font-family: 'Bai Jamjuree', sans-serif;}
.btmformwrp .formwrp form .lablewrp input::placeholder{color: #000 !important;}
.btmformwrp .formwrp form .lablewrp textarea::placeholder{color: #000 !important;}
.btmformwrp .formwrp form .lablewrp textarea::placeholder{color: #000 !important;}
.btmformwrp .formwrp form .lablewrp select::placeholder{color: #000 !important;}
.btmformwrp .formwrp form .lablewrp select{color: #000;border: 1px solid #c8c8ce;}
.btmformwrp .trustwrp{display: none;padding: 50px 0 0 0;}
.btmformwrp .trustwrp h4{color: #fff;font-size: 22px;background-image: radial-gradient(circle farthest-corner at 100% 0,#ffaccf 28%,#5cb6f8 51%,#ba75e0 87%,#dd5183 96%);    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.btmformwrp .trustwrp ul{margin: 20px 0 0;}
.btmformwrp .trustwrp ul li{display: inline-block;}
.btmformwrp .trustwrp ul li img{width: 90px; height: 50px;object-fit: contain;}
.btmformwrp form h2{text-align: left;color: #fff;}







.ways{padding: 60px 0;background: #e9ebed2b;}
.ways .main-heading{display: block;padding: 0 0 60px;max-width: 100%;margin: 0 auto;}
.ways h2{display: block;text-align: center;letter-spacing: 2px;max-width: 60%;margin: 0 auto;font-size: 44px;color: #160c28;line-height: 1.1em;margin-bottom: 30px;padding: 0px;}
.ways .ways-box{text-align: center;padding: 30px 30px;border: 1px solid rgb(241, 244, 246);box-shadow: rgb(50 50 93 / 7%) 0px 1px 50px;height: 460px;}
.ways .ways-box figure{padding: 0 30px;}
.ways .ways-box figure img{width: 60%;}
.ways .ways-box h5{color: #160c28;font-size: 19px;font-weight: 700;margin: 0 0 1rem;padding: 0;}
.ways .ways-box p{color: #160c28;font-size: 15px;padding: 0;line-height: 1.7;}




section.services-content {padding: 50px 0 0; }
.sec-heading h2 {font-size: 30px; color: #060f78; font-weight: 600; width: 75%; margin: 30px auto 0px; text-align: center; }
section.services-content .sec-heading p {color: #2a2a2a; font-size: 18px; line-height: 32px; padding-bottom: 20px; font-weight: 400; margin-top: 30px; width: 85%; margin: 10px auto; text-align: center; }
.sec-heading p {color: #3f596b; font-size: 15px; font-weight: 500; }
section.services-content ul {display: flex; padding: 25px 0 50px 0px; text-align: left; margin-bottom: 0px; margin-left: auto; margin-right: auto; width: 100%; margin-top: 1px; /* flex-flow: wrap; */ align-items: center; justify-content: center;}
section.services-content ul li {display: inline-block; padding: 50px 15px 15px 15px; text-align: center; font-size: 16px; color: #000; font-weight: 500; position: relative; width: 19%; }
section.services-content ul li h4{font-size: 15px;padding-top: 10px;font-weight: 600;}
section.services-content ul li i {font-size: 50px; color: #ff5a06; position: absolute; top: -10px; margin: 0 auto; width: 45px; left: 0; margin: -10px auto; right: 0; }
ul.branding-info li{width: 19%; padding: 0px 10px !important; border-right: 2px solid #e73f4b;}
.brd-full {border: 1px solid #e6e6e6; margin-top: 20px; padding: 10px 20px; background: #fff;margin:30px 0; }
.brd-full {border: 1px solid #e6e6e6; margin-top: 20px; padding: 10px 20px; background: #fff; }
.brd-full .fst-bx h2{font-size: 22px;font-weight: 600;}
.pet{color: #ff4a17 !important; }
.phone-div .fa-mobile-phone {font-size: 50px; margin-top: 8px; margin-right: 20px; }
.flx-phn {display: flex; justify-content: center; }
.flx-phn .text-left {font-size: 23px; margin-top: 10px; color: #222; }
.flx-phn .text-left span {color: #ff4a17; }
.flx-phn i {font-size: 50px; margin-top: 8px; margin-right: 20px; color: #ff4a17; }









.home-bannerwrp{background-image: url(../images/data-visualization-Software-banner-bg.webp);background-repeat: no-repeat;background-size: cover;padding: 150px 0 60px;background-position: bottom center;}
.home-bannerwrp .txtwrp{}
.home-bannerwrp .txtwrp h4{color: #ff4a17; font-size: 16px;text-transform: capitalize;}
.home-bannerwrp .txtwrp h1{color: #fff;font-size: 46px;font-weight: 600;padding: 0 0 30px;}
.home-bannerwrp .txtwrp p{color: #fff; font-size: 18px; line-height: 30px; }
.home-bannerwrp .imgwrp{position: relative; z-index: 1; }
.home-bannerwrp .imgwrp img{width: 70%; float: right; margin: -100px 0 0; }
.home-bannerwrp .imgwrp img.img-1{position: absolute; bottom: -42rem; width: 80%; left: -10rem; z-index: -1; }

.home-bannerwrp .formwrp{margin: 30px 0 0px;background: #fff;width: 100%;margin: 20px auto 10px;border-radius: 9px;position: relative;z-index: 5;}
.home-bannerwrp .formwrp form{display: block; text-align: center; }
.home-bannerwrp .formwrp form .lable{display: inline-block;width: 25%;margin: 0px -3px -10px;vertical-align: top;}
.home-bannerwrp .formwrp form .lable input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 13px 15px;color: gray;font-size: 13px;height: 55px;font-weight: 400;outline: none !important;margin-bottom: 10px;}
.home-bannerwrp .formwrp form .lable input.nmbr{    border-right: 0;}
.home-bannerwrp .formwrp form .lable input.fxtwrp{border-radius: 9px 0 0px 9px; }
.home-bannerwrp .formwrp form .lable input.btn{background: linear-gradient( 43deg, #C29E33 0%, #FFDC73 99%);color: #0b1442;font-weight: 600;font-size: 18px;height: 45px;margin: 0px 0 0 1px;border-radius: 9px;width: 98%;margin: 5px 0 0 2px;padding: 0;}
.home-bannerwrp .imgmain{position: absolute; bottom: 0px; right: 0; left: 0; margin: 0 auto; display: block; text-align: center; z-index: 1; }
.home-bannerwrp .imgmain img{width: 80%;padding: 0 0 0;}
.home-bannerwrp .formwrp form .lable #countryCode {width: 33%; height: 55px; float: left; outline: none; border: none; border-left: 1px solid #efefef; padding: 0 0 0 2px; }
.home-bannerwrp .formwrp input#free_cons_phone1 {width: 67%; }
.home-bannerwrp .btmtxt{display: block; margin: 20px 0 0; }
.home-bannerwrp .btmtxt span{color: #fff; font-size: 16px; }
.home-bannerwrp .btmtxt span a{color: #ff9f1c;}
.home-bannerwrp .btmtxt ul{margin: 30px 0 0; }
.home-bannerwrp .btmtxt ul li{margin: 0 24px 0 0px; display: inline-block; }
.home-bannerwrp .btmtxt ul li img{}
.home-bannerwrp .btnwrp{    display: block; padding: 70px 0 0;}
.home-bannerwrp .btnwrp a.btn-2{background: #fff; color: #000; }
.home-bannerwrp .baner-formwrp{background: #64627c14;width: 60%;float: right;padding: 50px 40px;position: relative;border: 1px solid #ff4a17;border-radius: 8px;}
.home-bannerwrp .baner-formwrp:after{content: "";background: url(../images/suitable-package-vector.png) no-repeat center top;width: 198px;height: 398px;position: absolute;left: -243px;bottom: -58px;}
.home-bannerwrp .baner-formwrp h4{font-size: 24px; margin: 0 0 20px; color: #fff; font-weight: 700; }
.home-bannerwrp .baner-formwrp h4 span{color: #ff4a17;}
.home-bannerwrp .baner-formwrp input{width: 100%; background: #f3f5fe; font-size: 15px; color: #767676; font-weight: 600; border: 0px; padding: 13px 24px; border: 1px solid transparent; margin: 0 0 15px; outline: none; }
.home-bannerwrp .baner-formwrp input.btnmain{background: #ff4a17; /* width: 50%; */ margin: 20px 0 0; color: #fff; }
.home-bannerwrp .baner-formwrp textarea{width: 100%; background: #f3f5fe; font-size: 15px; color: #767676; font-weight: 600; border: 0px; padding: 13px 24px; border: 1px solid transparent; height: 120px; resize: none; }





.home-bannerwrp .btnwrp{padding: 0;}
.home-bannerwrp .btnwrp .btn-2 {
    background: #060f78 !important;
    padding: 17px 20px;
    color: #fff !important;
    border-radius: 10px;
    transition: all 250ms ease;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}
.home-bannerwrp .iconwrp{padding-top: 50px;}
.home-bannerwrp .iconwrp ul{margin: 0; }
.home-bannerwrp .iconwrp ul li{display: inline-block;margin: 0 30px 0 0;vertical-align: middle;}
.home-bannerwrp .iconwrp ul li img{width: 80px; }


.fitst-fld-wrp-2{padding: 0;}




.portfolio-pagewrp .portfoliowrp{position:relative;padding-top:70px;z-index:1}
.portfolio-pagewrp .portfoliowrp .txtwrp h2{color:#060f78}

.portfoliowrp{padding:70px 0;background:#fff}
.portfoliowrp .txtwrp{display:block;text-align:center;width:80%;margin:0 auto 30px}

.portfoliowrp{padding:70px 0;background:#fff}
.portfoliowrp .txtwrp{display:block;text-align:center;width:80%;margin:0 auto 30px}
.portfoliowrp .navwrp{display:block;text-align:center;padding:0 0 50px}
.portfoliowrp .navwrp ul{margin:0;display:block;text-align:center}
.portfoliowrp .navwrp ul li{display:inline-block;margin:0 5px;padding:10px 15px;color: #ff4a17;font-size:15px;border-radius:7px;font-weight:500;border:1px solid;cursor:pointer;transition:1s cubic-bezier(.51,.92,.27,.96)!important}
.portfoliowrp .navwrp ul li.current{background: #ff4a17;color:#fff;border:unset}
.portfoliowrp .port-box{}
.portfoliowrp .port-box ul{margin:0;display:block;text-align:center}
.portfoliowrp .port-box ul li{display:inline-block;width:24%;transition:1s cubic-bezier(.51,.92,.27,.96)!important;box-shadow:-1px -2px 15px -3px rgb(0 0 0/16%);border-radius:20px;margin:0 4px;height:400px;height:400px;overflow:hidden;background-size:cover}
.portfoliowrp .port-box ul li:hover{transform:scale(1.1)}
.portfoliowrp .port-box ul li img{width:340px;height:310px;object-fit:cover;border-radius:15px}
.portfoliowrp .btnwrp{display:block;text-align:center;padding:50px 0 0}
.portfoliowrp .main-pera.prtwrp{color:#000}
.portfoliowrp{padding:60px 0 90px}
.portfoliowrp h2{color:#000}
.portfoliowrp .main-tbs{}
.portfoliowrp .main-tbs ul li.current{background:linear-gradient(to right,rgb(17 94 234) 0%,#9E1B62 100%);padding:12px 15px}
.portfoliowrp .main-tbs ul li{padding:10px 15px}
.price-pg-main .pkagwerp{padding-top:210px}
.price-pg-main .pkagwerp:after{height:580px}
.portfoliowrp .txtwrp h2{color:#060f78}
.portfoliowrp .txtwrp p{color:#000}
li.hk_web_height.lazy.tabs-web-dsgn:hover{background-position:100%;transition:3s!important;transform:none}








.companywrp{border:2px solid #0f2252;padding:30px 40px 0;margin:50px 10px 0;border-radius:10px;transition:.3s all;background-color: #060f78;}
.companywrp .txtwrp{}
.companywrp .txtwrp h3{color:#fff;font-size:34px;text-transform:capitalize}
.companywrp .txtwrp p{margin:0;width:100%;color: #fff;}
.companywrp:hover{background:#fff}
.companywrp:hover .txtwrp h3{color:#000}
.companywrp:hover .txtwrp p{color:#000}
.companywrp.hyt{}




.about-pge .home-bannerwrp{padding-top: 200px;}
.about-pge .fitst-fld-wrp{padding-top: 0;}


.conct-pagewrp .home-bannerwrp{padding:200px 0 100px;}
.portfolio-pagewrp .home-bannerwrp{padding:200px 0 100px;}
.conct-pagewrp .btmformwrp{
  background-color: unset;
}



.conct-pagewrp .btmformwrp form h2{color: #000;}









.appi-sec-wrp{padding: 70px 0;position: relative;overflow: hidden;}
.appi-sec-wrp .formwrp{display: block;padding: 0 0 0 0px;}
.appi-sec-wrp .formwrp h2{color: #060f78;padding: 0 0 15px;}
.appi-sec-wrp .formwrp h2 span{color: #000;}
.appi-sec-wrp .formwrp p{color: #000;}
.appi-sec-wrp .formwrp form{}
.appi-sec-wrp .formwrp form .lablewrp{padding: 0 0 15px;}
.appi-sec-wrp .formwrp form .lablewrp span{color: #828282;font-size: 13px;padding: 0 0 7px;display: none;}
.appi-sec-wrp .formwrp form .intl-tel-input.separate-dial-code .selected-dial-code{    color: #fff;}
.appi-sec-wrp .formwrp form .lablewrp input::placeholder{color: #000 !important;}
.appi-sec-wrp .formwrp form .lablewrp input{width: 100%;height: 45px;padding: 0 0 0 20px;border-radius: 7px;background: #fff0;border: 3px solid #616161;color: #fff;}
.appi-sec-wrp .formwrp form .lablewrp input.btnmain{color: #fff;background-color: #ff4a17;border: unset;}
.appi-sec-wrp .formwrp form .lablewrp select:placeholder{color: #fff !important;}
.appi-sec-wrp .formwrp form .lablewrp select{width: 100%;height: 40px;padding: 0 0 0 20px;border-radius: 7px;background: #fff0;color: #fff;border: 3px solid #616161;}
.appi-sec-wrp .formwrp form .lablewrp textarea{width: 100%;height: 110px;padding: 10px 0 0 20px;border-radius: 7px;background: #fff0;color: #fff;border: 3px solid #616161;}
.appi-sec-wrp .formwrp form .lablewrp textarea:placeholder{color: #fff !important;}
.cntc .appi-sec-wrp{height: auto;padding-top: 40px;}
.cntc .appi-sec-wrp .formwrp{    padding: 120px 0 0;}
.book-amp-pg{}
.cntc .mainvideowrp{    padding: 120px 0 0;}
.appi-sec-wrp .formwrp form .lablewrp input.btnmain {padding: 13px 20px;color: #fff;border-radius: 10px;}
/*.appi-sec-wrp .formwrp form .lablewrp input.btnmain:hover {background-position: 0%;color: #000000;background-image: radial-gradient(circle farthest-corner at 100% 0,#FFACCF 28%,#5CB6F8 51%,#BA75E0 87%,#DD5183 96%);background-size: 603px;}
*/


.cntc .jobwrp .txtwrp{padding: 0px 0 0;}
.cntc .formwrp h2{    font-size: 58px;    line-height: 72px;
    letter-spacing: -1px;}


.jobwrp{background: #eee;padding: 50px 0;overflow: hidden;}
.jobwrp .txtwrp{}
.jobwrp .txtwrp img{width: 135px;}
.jobwrp .txtwrp h4{display: inline-block;font-size: 42px;padding: 0 0 0 10px;color: #000;}
.jobwrp .txtwrp h2{}
.jobwrp .container-fluid{width: 100%;    padding-left: 110px;}


.mailwrp{color: #fafafa;padding: 70px 0; background-color: #060f78;}
.mailwrp .txtwrp{height: 60px;overflow: hidden;position: relative;}
.mailwrp .txtwrp h1{font-size: 42px;position: absolute;display: block;width: 100%;}
.mailwrp .txtwrp:hover h1{}
.mailwrp:hover h1{    top: 0px;transition: all 250ms ease;}





.about-pge .journeywrp .txtwrp ul li{width: 42%; font-size: 15px;margin: 0;}
.about-pge .journeywrp .txtwrp{padding-top: 20px;}
.about-pge header .navwrp ul li a{color: #000 !important;}
.about-pge header .navwrp ul li a.btnwrp{color: #fff !important;}
.about-pge header .upr-navwrp ul li a{color: #000 !important;}
.about-pge header{background-color: #fff;}





.countrwrp{background-color: #060f78;padding: 70px 0;position: relative;}
.countrwrp .mainwrp h4{color: #fff;border-bottom: 2px solid #e4e0e0a6;font-size: 27px;padding: 0 0 15px;}
.countrwrp .mainwrp h2{color: #fff; font-size: 42px; font-weight: 500; padding: 25px 0 0;     color: #ff4a17;}
.countrwrp .mainwrp p{color: #fff; font-size: 16px; }
.countrwrp .mainwrp .topwrp{padding: 97px 0 0;}
.countrwrp .btmtxt{position: relative; z-index: 11; }
.countrwrp .btmtxt a{color: #fff;font-size: 16px;margin: 40px 0 0;display: block;}
.countrwrp .btmtxt a img{display: inline-block;width: 30px;margin: 0 10px 0 0;}
.countrwrp .btmtxt p{color: #fff;padding: 30px 0 0px;}
.countrwrp .btmtxt h2{color: #fff;font-size: 36px;padding: 0 0 60px;}
.countrwrp .imgwrp{}
.countrwrp .imgwrp img{width: 100%;margin: 30px 0 0;}
.countrwrp img.road-img{width: 100%;position: absolute;bottom: 80px;}
.countrwrp .txtdivwrp img.txt-img{width: 42%;position: absolute;right: 50px;top: -125px;}
.countrwrp .txtdivwrp{position: relative;padding: 0 0 0;top: 580px;}
.countrwrp .txtdivwrp h2{color: #fff;width: 49%;padding: 0 0 20px;position: relative;}
.countrwrp .txtdivwrp p{color: #fff;}
.countrwrp .video-box{position: absolute;height: 100%;display: block;width: 100%;top: -40px;}
.countrwrp .video-box video{    border-radius: 50%;    width: 96%;    height: 140%;    object-fit: cover;}





.lgo-drk.terms {
    display: none;
}


.bbn .lgo-clr {
    display: none;
}

.bbn .lgo-drk {
    display: block;
}

.bbn .showmenu .lgo-drk {
    display: none;
}
.bbn .showmenu .lgo-clr {
    display: block;
}





.get-strtpage .orderformwrp{padding:70px 0;}







.mad .fitst-fld-wrp .imgwrp{}
.mad .fitst-fld-wrp .imgwrp img{width: 550px; height: 600px;}





.simple-section{padding: 70px 0; }
.simple-section .imgwrp{}
.simple-section .imgwrp img{width: 100%; }
.simple-section .txtwrp{}
.simple-section .btnwrp{display: block; padding: 20px 0 0px; }


.about-snd .txtwrp h2{color: #060f78;}
.about-snd .txtwrp p{color: #000;}

.contact-pg .home-bnerwrp{    padding: 40px 0 60px;}

section.two_part {padding: 65px 0px; }
.info_two_inner {background: white;text-align: center;padding-top: 50px;padding-bottom: 40px;padding-left: 30px;padding-right: 30px;width: 430px;margin: auto;-webkit-box-shadow: -1px 6px 24px -9px rgba(0,0,0,0.75);-moz-box-shadow: -1px 6px 24px -9px rgba(0,0,0,0.75);box-shadow: -1px 6px 24px -9px rgba(0, 0, 0, 0.3);border-radius: 7px;min-height: 420px;}
.info_two_inner i {color: #ff4a17;font-size: 50px;margin-bottom: 23px;}
.info_two_inner h3 {color: black; font-size: 22px; }
.info_two_inner p {color: black;font-size: 18px;line-height: 30px;padding-bottom: 0;}
.info_two_inner button {width: 70%;margin: auto;background: #6c38ef !important;border: 1px solid;margin: 13px 0 0;padding: 15px 0;}
ul.custom_drop li {margin-bottom: 13px; } 
ul.custom_drop li a {color: white; font-size: 16px !important; padding: 0px 35px; }





.btmform{padding: 60px 0 0;background-repeat: no-repeat;background-size: cover;}
.btmform .txtwrp{}
.btmform .txtwrp h2{color: #060f78;}
.btmform .txtwrp p{color: #000;}

.btmform .wrapper{box-shadow: 1px 1px 18px 0px rgb(0 0 0 / 20%), 0 2px 25px -5px rgb(0 0 0 / 10%), 1px 5px 1px rgb(0 0 0 / 5%);height: 95%;width: 100%;padding: 60px 0 0 30px;background: #fff;margin: 30px 0 80px 0;position: relative;}
.form-sec{height: 500px;}
.ver-cta{height: 100%;background-image: linear-gradient(to right, #6e14585e, #551e5a);}
.ver-cta .box{width: 500px; position: absolute; display: flex; transform: rotate(90deg); right: -120px; top: 245px; display: none; }
.ver-cta p{color: #fff; display: inline; margin: auto; font-size: 17px; padding: 0; }
.ver-cta .icon-call{width: 60px; height: 60px; background: #fff; border-radius: 50%; text-align: center; padding-top: 11px; margin: 0 25px; }
.ver-cta .icon-call img{ margin: auto; transform: rotate(-90deg);}
.ver-cta span{color: #ffc800; font-size: 21px; display: inline; margin: auto; font-weight: 500; }
.sec-left{ width: 80%; }
.sec-right{width: 20%;position: absolute;top: 30px;width: 20%;height: 95%;right: 9px;background-image: url(../images/form.webp);}
.contact-pg ul li a.highlight {color: #6325f6; text-decoration: underline; }
.main-privacy-sec{padding: 60px;}
.main-privacy-sec ul{ padding: 0px; }
.srvces-slides .slick-dots{text-align: center;bottom: -50px; right:4.2%;}
.srvces-slides .slick-dots li button{background-color: #e1e3e4; border-radius: 0%; height: 10px; width: 10px; }
.margin-bottom-20{ margin-bottom: 20px; }
.srvces-slides .slick-dots li.slick-active button{background-color: #5a7797;}
.srvces-slides .li img{display: inline-block;border-radius: 0%;outline: none; width: 100%;}
.banner-cont {margin-top: 150px; position: relative; z-index: 9; }
.second-sec-cont{position: relative;/* z-index: 10; *//* margin-bottom:50px; *//* padding: 15px; */}
.main-second-sec{padding: 60px 0;}
.field{padding: 5px 0px 10px 5px;}
.field input, .field select{background-color: #f0f0f0;width: 100%;padding: 15px 15px;border: 0;border-radius: 7px;color: #9b9fa6;border: 1px solid #9b9fa673;border: 1px solid #9b9fa640;outline: none;}
.whyus{background: #4362ff; color: #fff; padding: 80px 0; background-size: cover !important; text-align: center; }
.field-msg{padding: 5px 5px 5px 0px; }
.field-msg textarea{background-color: #f0f0f0;width: 90%;padding: 15px 15px;border: 0;color: #9b9fa6;overflow: hidden;border-radius: 7px;height: 193px;margin: 0;border: 1px solid #9b9fa640;resize: none;outline: none;}
.field-msg textarea:focus{ border: 0; }
.field-btn input[type=submit]{color: #fff !important;font-size: 16px;background-color: #ff4a17;border-radius: 7px !important;padding: 15px 50px;font-weight: 500;display: inline-block;border-radius: 22px;border: none;margin: 10px 0 0;width: 90%;height: auto;padding: 15px 50px;}
.btmform .imgwrp i{color: #075ac6; font-size: 30px; padding: 8px 0 0 11px; }
.btmform .imgwrp{background-color: #fff;border-radius: 50%;height: 45px;width: 45px;}
.btmform .second-sec-cont h2{font-size: 32px;margin: -15px 0 0;}
.intl-tel-input{width: 100%;}







.orderformwrp{padding: 0px 0 210px;}
.ordrtop{padding: 30px 0; }
.ordrtop .logowrp{}
.ordrtop .logowrp img{width: 30%; }
.ordrtop .croxwrp{display: block; text-align: right; }
.ordrtop .croxwrp a i{font-size: 32px;color: #000;}




.form-box-main form label.field-txt {font-weight: 500;font-size: 18px;color: #5B6B7F;margin: 0 0 5px;width: 100%;display: block;padding: 10px 0px 0;}
.form-box-main form label.field-txt span {color: #e60303;}
.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: 0 0 0 0;border: 1px solid #B2B9C1;background: white;padding: 18px 15px;color: #000;font-size: 18px;font-weight: 400;height: 55px;border-radius: 8px;}
.form-box-main form select {width: 100%;margin: 0 0 0 0;border: 1px solid #B2B9C1;background: white;padding: 12px 15px;color: #5B6B7F;font-size: 18px;font-weight: 400;border-radius: 8px;-webkit-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: 0 1% 0 0; }
.form-box-main form select[name="ddlYear"] { margin: 0; }
.form-box-main form textarea { width: 100%; margin: 0; padding: 8px 12px; height: 100px; }
.check-list {/* float:left; *//* margin:0 15px 0 0; */}
.form-box-main form input[type=checkbox]:not(old),
.form-box-main form input[type=radio   ]:not(old){width: 20px;margin:0;padding:0;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: #5B6B7F; }
.form-box-main form input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; }
.form-box-main form input[type=radio]:not(old):checked + label{ background-position : 0 -48px; }
.form-box-main form input[type="submit"] {display: inline-block;transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;background: #ff4a17;margin-top: 20px;border:none;padding: 20px 60px;font-size: 16px;border-radius: 8px;border: 3px solid;cursor:  pointer;}
.form-box-main form input[type="submit"]:after { content: "\e93a"; 
 font-family: 'icomoon' !important;  font-size: 13px; color: white; padding-left: 10px; }
.form-box-main form input[type="submit"]:hover {display: inline-block; color: #fff;}
.form-box-main form input::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form input:-moz-placeholder { color: gray; }
.form-box-main form input::-moz-placeholder { color: gray; }
.form-box-main form input:-ms-input-placeholder { color: gray; }
.form-box-main form textarea::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.form-box-main form textarea:-moz-placeholder { color: gray; }
.form-box-main form textarea::-moz-placeholder { color: gray; }
.form-box-main form textarea:-ms-input-placeholder { color: gray; }
.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 { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }
.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; }







.pkagwerp {
    padding: 70px 0 50px;
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1
}

.pkagwerp .txtwrp {
    display: block;
    text-align: center
}

.pkagwerp .navwrp {
}

.pkagwerp .navwrp ul {
    margin: 20px 0 50px;
    display: block;
    text-align: center
}

.pkagwerp .navwrp ul li {
    display: inline-block;
    margin: 0 5px;
    padding: 10px 15px;
    color: #ff4a17;
    font-size: 15px;
    border-radius: 7px;
    font-weight: 500;
    border: 1px solid;
    cursor: pointer;
    transition: 1s cubic-bezier(.51,.92,.27,.96)!important
}

.pkagwerp .navwrp ul li.current {
    background: #ff4a17;
    color: #fff;
    border: unset
}

.pkagwerp .pakge-box {
    transition: all 200ms ease-in;
    padding: 30px 20px 10px;
    border: 2px solid #ff4a17;
    border-radius: 12px;
    background: #190823;
    margin: 0 0 30px
}

.pkagwerp .pakge-box:hover {
    box-shadow: 0 0 20px 1px #f6f6f626;
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.05);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.05);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.05);
    transition: all .4s ease-in;
    transform: scale(1.05);
    border: 2px solid #ff4a17;
}

.pkagwerp .pakge-box .pkge-name {
}

.pkagwerp .pakge-box .pkge-name h4 {
    color: #fff;
    font-size: 24px;
    font-weight: 500
}

.pkagwerp .pakge-box .pkge-name h2 {
    font-size: 28px;
    background-clip: text;
    color: #fff
}

.pkagwerp .pakge-box .pkge-name h2 span {
    color: #ff4a17 !important;
    font-size: 18px;
    text-decoration: line-through;
    display: inline-block
}

.pkagwerp .pakge-box .pkge-name p {
    font-size: 13px;
    display: none
}

.pkagwerp .pakge-box .detailwrp {
}

.pkagwerp .pakge-box .detailwrp ul {
    height: 230px;
    margin: 0 0 0 -8px
}

.pkagwerp .pakge-box .detailwrp ul li {
    position: relative;
    padding: 0 0 2px 15px;
    font-size: 16px;
    color: #fff
}

.pkagwerp .pakge-box .detailwrp ul li.heading {
    font-size: 18px;
    color: #ff4a17;
    padding: 7px 0 10px;
    font-weight: 500
}

.pkagwerp .pakge-box .detailwrp ul li.heading:after {
    display: none
}

.pkagwerp .pakge-box .detailwrp ul li:after {
    content: "\f0da";
    position: absolute;
    font-family: fontawesome;
    left: 0;
    color: #ff4a17;
    top: 0
}

.pkagwerp .pakge-box .btnwrp {
    display: block;
    text-align: center;
    margin: 0 0 10px
}

.pkagwerp .pakge-box .btnwrp .btn-1 {
    padding: 12px 70px;
    font-size: 15px;
    border: unset;
    border-radius: 12px
}

.pkagwerp .pakge-box .btnwrp .btn-2 {
    padding: 12px 13px;
    font-size: 15px;
    display: none
}

.pkagwerp .pakge-box .pakgedetail {
    display: block;
    text-align: center;
    padding: 10px 0 20px
}

.pkagwerp .pakge-box .pakgedetail a {
    color: #ff4a17;
    font-size: 14px;
    text-decoration: underline;
    display: block
}

.pkagwerp .btndiv {
    display: block;
    text-align: center;
    padding: 55px 0 0
}
.pkagwerp:after {
    content: "";
    background: #060f78;
    position: absolute;
    width: 100%;
    height: 450px;
    top: 0;
    z-index: -1
}
.pakge-box .btnwrp{}
.pakge-box .btnwrp .btn-1{padding: 10px 30px !important;
    height: unset;
    width: unset;}
.pakge-box .btnwrp .btn-2{padding: 10px 30px !important;
    height: unset;
    width: unset;}
.pakge-box .btnwrp .btn-1:before{display: none;}
.pakge-box .btnwrp .btn-2:before{display: none}
.pakge-box .btnwrp .btn-1:after{display: none;}
.pakge-box .btnwrp .btn-2:after{display: none}
.pkagwerp .pakge-box .pkge-name h4 br {
    display: none
}
h3.add_on small {
    font-size: 14px;
    color: #ff4a17 !important;
}

h3.add_on {
    font-size: 12px;
    padding: 0 0 20px;
    color: #fff;
    display: block;
    text-align: center;
    display: none;
}
.actions {
    border-radius: 0 0 24px 23px;
    width: 100%;
    margin: 0;
    padding: 15px 10px;
    display: flex;
    justify-content: space-between
}
.actions a {
    color: #ff4a17 !important;
}
.actions span small {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 500
}



.game-imgwrp{width:80%;}





.thnkyouwrp{padding: 200px 0 90px; display: block; text-align: center; width: 40%; margin: 0 auto; }
.thnkyouwrp h2{color:#000}
.thnkyouwrp p{color:#000;}
.thnkyouwrp .btnwrp{}
.thnkyouwrp .btnwrp a{}

.thnk-pg header{background: #fff;}
.thnk-pg .header-main .logowrp .wt-logo{display: none;}
.thnk-pg header .navwrp ul li a{color:#000;}
.thnk-pg header .navwrp ul li a.btnwrp{color:#fff;}
.thnk-pg header .upr-navwrp ul li a{color:#000;}
