/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#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: 'Noto Sans', 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: 'Noto Sans', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;}

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

/* font colors */
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

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

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


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


.preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; }
.preloader .preloader-after,
.preloader .preloader-before {display: block; position: absolute; left: 0; width: 100%; height: 50%; background-image: linear-gradient(to right, #cb568a, #b10655); }
.preloader .preloader-before {top: 0; }
.preloader .preloader-after {bottom: 0; }
.preloader .preloader-block {position: absolute; top: 0; left: 0; right: auto; bottom: auto; width: 100%; height: 100%; }
.preloader .preloader-block .title {position: absolute; left: 0; bottom: calc(50% + 16px); width: 100%; text-align: center; z-index: 2; font-size: 25px; text-transform: uppercase; letter-spacing: 8px; color: #fff; }
.preloader .preloader-block .percent {position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-weight: 700; letter-spacing: 8px; font-size: 24vw; color: rgba(255, 255, 255, .14); z-index: 1; }
.preloader .preloader-block .loading {position: absolute; top: calc(50% + 16px); left: 0; width: 100%; text-align: center; z-index: 2; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 8px; color: #fff; -webkit-animation: blink-animation 2.2s linear infinite; }
.preloader .preloader-bar {position: absolute; z-index: 2; top: calc(50% - 1px); right: 0; width: 100%; height: 2px; background:rgba(255, 255, 255, .14); }
.preloader .preloader-bar .preloader-progress {position: absolute; top: 0; left: 0; right: auto; bottom: auto; height: 100%; width: 0; background:#fff; }

@-webkit-keyframes blink-animation {
    0% {
        opacity: 0
    }
}

@-moz-keyframes blink-animation {
    0% {
        opacity: 0
    }
}

@keyframes blink-animation {
    0% {
        opacity: 0
    }
}

.preloader.hidden-main {opacity: 0; visibility: hidden }
.preloader .preloader-after,
.preloader .preloader-before {transition: .6s ease-in-out }
.hidden .preloader-after {transform: translate(0, 100%) }
.hidden .preloader-before {transform: translate(0, -100%) }
.loader-width .preloader-progress {width: 100%!important }
.preloader .preloader-bar .preloader-progress {transition: width 3.2s; transition-timing-function: cubic-bezier(.1, .5, 1.3, .1) }
.bubbles_wrap {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; overflow: hidden; pointer-events: none }

@-webkit-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@-moz-keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@keyframes animateBubble {
    0% {
        margin-top: 20%
    }
    to {
        margin-top: -30%
    }
}

@-webkit-keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

@-moz-keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

@keyframes sideWays {
    0% {
        margin-left: 0
    }
    to {
        margin-left: 25px
    }
}

.x1 {-webkit-animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 15s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 6%; top: 45%; background: #ffb739 }
.x2 {-webkit-animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 10s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 5%; top: 80%; background: #fc4fdd }
.x3 {-webkit-animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 18s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 10%; top: 40%; background: #5ed5cb }
.x4 {-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; left: 20%; top: 0; background: #3de4a3 }
.x5 {-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 30%; top: 50%; background: #fc4fb1 }
.x6 {-webkit-animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 11s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 50%; top: 0; background: #2c4aff }
.x7 {-webkit-animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 10s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 65%; top: 70%; background: #ffb739 }
.x8 {-webkit-animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 12s linear infinite, sideWays 3s ease-in-out infinite alternate; left: 80%; top: 10%; background: #8f3de4 }
.x9 {-webkit-animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 19s linear infinite, sideWays 4s ease-in-out infinite alternate; left: 90%; top: 50%; background: #fff339 }
.x10 {-webkit-animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 16s linear infinite, sideWays 2s ease-in-out infinite alternate; left: 80%; top: 80%; background: #fc4f4f }
.bubble {border-radius: 50%; box-shadow: none; height: 5px; position: absolute; width: 5px }

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

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

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

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

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

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

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




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




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); }

/* header 
------------------------------------*/
header{padding: 20px 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);
}*/
.header-main.showmenu .logo-wight{display: none;}
header .upr-navwrp{position: relative; z-index: 111; }
header .upr-navwrp ul{margin: 0 0 -20px; 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: 100px;/* filter: invert(1); */margin: -10px 0 0;}
header .logowrp img.lgo-white{filter: invert(1);}
header .navwrp{}
header .navwrp ul{margin: 35px 0 0;display: block;text-align: right;}
header .navwrp ul li{display: inline-block;margin: 0 7px;transition: all 0.3s ease;margin: 0 0 0 35px;}
header .navwrp ul li i{position: relative; left: 5px; color: #b10655; top: 1px; }
header .navwrp ul li a:hover{color: #b10655;}
header .navwrp ul li a{color: #fff;font-size: 16px;font-weight: 600;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
header .navwrp ul li a.btnwrp{background: linear-gradient(to right, #1D5E90, #2D80C3);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: 20px;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: #b10655;}
header .navwrp ul li.ser a{padding: 0 0 35px;}
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;}


.btn-1{
    background: linear-gradient(to right, #1D5E90, #2D80C3);
    color: #fff;
    padding: 18px 30px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 10px;
}
.btn-2{
    background: #1e1c45;
    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:hover .dropwrp{height: auto;border-radius:0;top: 83px;display: block;}

.dropwrp-1.dropwrp.casedrop {
}
header .navwrp ul li .dropwrp{position: absolute;background: #fff;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 45%);left: 0;padding: 0;top: 97px;border-radius: 10px;display: none;}

header .navwrp ul li .dropwrp.casedrop{width: 100%;margin: 0 auto;text-align: center;}
header .navwrp ul li .dropwrp.casedrop ul.top-ul{    min-height: 130px;}
header .navwrp ul li .dropwrp ul li{display: block;text-align: left;line-height: 1.8;padding: 0 0 25px 20px;margin: 0;}
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 a{padding-left: 10px;text-transform: capitalize;font-size: 15px;position: relative;color: #000;}
header .navwrp ul li .dropwrp ul li a:hover{color: #24535f; }
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 .imgwrp{background: #f9f9f9; padding: 38px;}
header .navwrp ul li .dropwrp .imgwrp img{width: 100%; border-radius: 5px; }
header .navwrp ul li .dropwrp .imgwrp p{ text-align: left; padding-top: 24px; padding-bottom: 0; font-size: 14px; line-height: 1.6;}
header .navwrp ul li .dropwrp .row > div:nth-child(1) ul li a:after{ background: #ec874b; }
header .navwrp ul li .dropwrp .row > div:nth-child(2) ul li a:after{ background: #9c1d61; }
header .navwrp ul li .dropwrp .row > div:nth-child(3) ul li a:after{ background: #5751cd; }
header .navwrp ul li .dropwrp ul.top-ul{ padding: 38px 0; margin: 0; min-height: 250px;}
header .navwrp ul li .dropwrp ul.nav-botm li a:after{ display: none; }
header .navwrp ul li .dropwrp ul.nav-botm {text-align: left; border-top: 1px solid #e2d6d6; padding: 30px 0; display: flex; justify-content: space-between; margin-top: 0;}
header .navwrp ul li .dropwrp ul.nav-botm li{padding: 0; margin: auto 0;}
header .navwrp ul li .dropwrp ul.nav-botm li a{}
header .navwrp ul li .dropwrp ul.nav-botm p{color: #504d4d; font-weight: 700; margin-bottom: 0; padding-bottom: 0;}
header .navwrp ul li .dropwrp .imgwrp video{width: 100%; }




.home-bannerwrp{background-image: url(../images/data-visualization-Software-banner-bg.webp);background-repeat: no-repeat;background-size: cover;padding: 220px 0 170px;background-position: bottom center;}
.home-bannerwrp .txtwrp{}
.home-bannerwrp .txtwrp h4{color: #ff9f1c; font-size: 18px; letter-spacing: 7px; }
.home-bannerwrp .txtwrp h1{color: #fff;font-size: 47px;font-weight: 600;letter-spacing: -3px;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: 100%;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(to right, #1D5E90, #2D80C3);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: 58%;
    float: right;
    padding: 50px 40px;
    position: relative;
    border: 1px solid #de924a;
    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: #ca9531;
}
.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: linear-gradient( 43deg, #C29E33 0%, #FFDC73 99%);
    /* 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;
}



.upr-head{color: #20659b;font-size: 18px;letter-spacing: 4px;font-weight: 600;}
.main-heading{font-size: 39px;color: #22204F;}
.main-pera{font-size: 17px;font-weight: 600;}
.btn-1{}
.btn-2{}



.firstfldwrp{padding: 130px 0 70px; }
.firstfldwrp .imgwrp{}
.firstfldwrp .imgwrp img{width: 100%; }
.firstfldwrp .txtwrp{}
.firstfldwrp .btnwrp{display: block; padding: 40px 0 0; }
.firstfldwrp .bdr-top{border-top: 1px solid #b7adad4d; margin-top: 30px; padding-top: 40px; }
.firstfldwrp .bdr-top .btmtxt{}
.firstfldwrp .bdr-top .btmtxt h6{font-size: 49px; color: #22204F; }
.firstfldwrp .bdr-top .btmtxt span{color: #000; font-size: 22px; font-weight: 600; margin: 0 0 20px; display: block; }
.firstfldwrp .bdr-top .btmtxt p{font-size: 17px; }


.we-offerwrp{background-image: url(../images/arch-bg-shape.webp); background-position: 0 -55px; background-repeat: no-repeat; background-size: auto; padding: 70px 0; }
.we-offerwrp .txtwrp{display: block;text-align: center;width: 60%;margin: 0 auto 40px;}
.we-offerwrp .mainwrp{padding: 40px 30px 0;box-shadow: 0px 6px 34px 0px rgb(225 225 225 / 80%);background: #fff;transition: .35s cubic-bezier(.04,.11,.6,.97);height: 350px;position: relative;border-radius: 10px;}
.we-offerwrp .mainwrp.box-btm{margin: 40px 0 0; }
.we-offerwrp .mainwrp img{width: 52px;margin: 0 0 20px;}

.we-offerwrp .mainwrp h4{font-size: 22px;color: #000;padding: 0 0 20px;}
.we-offerwrp .mainwrp p{}
.we-offerwrp .mainwrp a{position: absolute;bottom: 20px;color: #1f6296;}
.mCustomScrollBox{padding-left: 0;}
.we-offerwrp .mainwrp:hover{background: #091523;}
.we-offerwrp .mainwrp:hover h4 {color:#fff;}
.we-offerwrp .mainwrp:hover p {color:#fff;}
.we-offerwrp .mainwrp:hover img{filter: invert(1);}


.portfoliowrp{padding: 70px 0;background: #091523;}
.portfoliowrp .txtwrp{display: block; text-align: center; }
.portfoliowrp .txtwrp h2{color: #fff;}
.portfoliowrp .txtwrp p{color: #fff;}
.portfoliowrp .port-box{display: block; text-align: center; }
.portfoliowrp .port-box ul{margin: 40px 0 0; }
.portfoliowrp .port-box ul li{display: inline-block; width: 16%; margin: 0 10px; }
.portfoliowrp .port-box ul li img{width: 100%; }
.portfoliowrp .btnwrp{display: block;text-align: center;padding: 80px 0 0;}




.ctawrp{/* background-position: top center; */background-repeat: no-repeat;background-size: cover;background-image: url(../images/sec3-bg-scaled.webp);padding: 100px 0;margin: 10px 0 70px;width: 90%;margin: 0 auto;border-radius: 26px;}
.ctawrp .txtwrp{display: block;text-align: center;width: 70%;margin: 0 auto;}
.ctawrp .txtwrp h2{color: #fff; } 
.ctawrp .txtwrp p{color: #fff; font-size: 19px; }
.ctawrp .btnwrp{display: block;text-align: center;padding: 40px 0 0;}
.ctawrp .btnwrp .btn-2{background: #fff; color: #000; font-weight: 600; }






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




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




.services-navwrp .mainwrp-second .txtwrp{}
.services-navwrp .mainwrp-second .txtwrp h2{color: #fff;font-size: 30px;font-weight: 700;padding: 0 0 30px;text-align: left;}
.services-navwrp .mainwrp-second .txtwrp p{/* font-size: 16px; */color: #fff;/* font-weight: 200; *//* padding: 0; */text-align: left;}
.services-navwrp .mainwrp-second .imgtabs{}
.services-navwrp .mainwrp-second .imgtabs ul{display: block; text-align: center; margin: 30px 0 0; }
.services-navwrp .mainwrp-second .imgtabs ul li{display: inline-block; width: 23%; }
.services-navwrp .mainwrp-second .imgtabs ul li img{width: 70px;}
.services-navwrp .mainwrp-second .imgtabs ul li p{color: #fff; font-size: 14px; margin: 10px 0 0; }
.services-navwrp .mainwrp-second .imgtabs .btn-secnd{color: #fff;}
.services-navwrp .btn-one:hover{color: #fff;}
.services-navwrp .imgdiv img {width: 100%; height: 420px; object-fit: cover; }
.services-navwrp .mainwrp-second .btnwrp{display: block; padding: 40px 0 0; text-align: left; }



.testimonial {padding: 100px 0;background: url(../images/Section-Six-Bg.webp) no-repeat;background-size: cover;background-position: bottom;}
.testimonial .row .tabs {all: unset; margin-right: 50px; display: flex; flex-direction: column; }
.testimonial .row .tabs li {all: unset; display: block; position: relative; }
.testimonial .row .tabs li.active::before {position: absolute; content: ""; width: 50px; height: 50px; background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%)!important; border-radius: 50%; }
.testimonial .row .tabs li.active::after {position: absolute;content: "";width: 30px;height: 30px;background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%)!important;border-radius: 50%;z-index: 1;}
.testimonial .row .tabs li:nth-child(1) {align-self: flex-end; }
.testimonial .row .tabs li:nth-child(1)::before {left: 64%; bottom: -50px; }
.testimonial .row .tabs li:nth-child(1)::after {left: 97%; bottom: -81px; }
.testimonial .row .tabs li:nth-child(1) figure img {  margin-left: auto;}
.testimonial .row .tabs li:nth-child(2) {  align-self: flex-start;}
.testimonial .row .tabs li:nth-child(2)::before {  right: -65px;  top: 50%;}
.testimonial .row .tabs li:nth-child(2)::after {  bottom: 101px;  border-radius: 50%;  right: -120px;}
.testimonial .row .tabs li:nth-child(2) figure img {margin-right: auto; max-width: 300px; width: 100%; margin-top: -50px; }
.testimonial .row .tabs li:nth-child(3) {  align-self: flex-end;}
.testimonial .row .tabs li:nth-child(3)::before {  right: -10px;  top: -66%;}
.testimonial .row .tabs li:nth-child(3)::after {top: -130px; border-radius: 50%; right: -46px; }
.testimonial .row .tabs li:nth-child(3) figure img {  margin-left: auto;  margin-top: -50px;}
.testimonial .row .tabs li:nth-child(3):focus {  border: 10px solid red;}
.testimonial .row .tabs li figure {  position: relative;}
.testimonial .row .tabs li figure img {  display: block;}
.testimonial .row .tabs li figure::after {content: "";position: absolute;top: 0;z-index: -1;width: 100%;height: 100%;border: 4px solid #b27e23;border-radius: 50%;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;z-index: 1;}
.testimonial .row .tabs li figure:hover::after {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.testimonial .row .tabs.carousel-indicators li.active figure::after {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.testimonial .row .carousel > h3 {font-size: 20px; line-height: 1.45; color: rgba(0, 0, 0, 0.5); font-weight: 600; margin-bottom: 0; }
.testimonial .row .carousel h1 {font-size: 40px; line-height: 1.225; margin-top: 23px; font-weight: 700; margin-bottom: 0; }
.testimonial .row .carousel .carousel-indicators {all: unset; padding-top: 43px; display: flex; list-style: none; }
.testimonial .row .carousel .carousel-indicators li {background: #ae7a21;background-clip: padding-box;height: 4px;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper {  margin-top: 42px;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper span{}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper span i{    color: #ead804;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper p {font-size: 18px;line-height: 1.72222;font-weight: 500;color: #fff;}
.testimonial .row .carousel .carousel-inner .carousel-item .quote-wrapper h3 {color: #fff;font-weight: 700;margin-top: 30px;font-size: 20px;line-height: 1.45;text-transform: uppercase;}
.testimonial  h4{color: #fff;}
.testimonial h2{color: #fff;}
@media only screen and (max-width: 1200px) {
   .testimonial .row .tabs {
    margin-right: 25px;
  }
}





.roleswrp .quest-title.active{color: #0c2745;}
.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{}
.roleswrp .boxwrp p{padding: 0 0 40px; }



.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; }







.bottomfrom{padding: 110px 0 50px;position: relative;}
.bottomfrom:after{content: "";}
.bottomfrom:before{content: "";}
.bottomfrom .txtwrp{display: block;text-align: center;width: 80%;margin: 0 auto;}
.bottomfrom .fromwrp{width: 67%;margin: 10px auto 0;}
.bottomfrom .fromwrp form{}
.bottomfrom .fromwrp form .lablewrp{}
.bottomfrom .fromwrp form .lablewrp i{position: absolute;top: 20px;left: 20px;color: #88530b;font-size: 16px;display: none;}
.bottomfrom .fromwrp form .lablewrp input{height: 57px;border: 1px solid #b47f24;border-radius: 0;border-top-right-radius: 10px;border-bottom-left-radius: 10px;outline: none;padding-left: 15px;width: 100%;}
.bottomfrom .fromwrp form .lablewrp input.btnmain{padding: 0;background: linear-gradient(to right, #1D5E90, #2D80C3);color: #fff;font-size: 18px;font-weight: 500;width: 20%;margin: 0 auto;text-align: center;display: block;cursor: pointer;}
.bottomfrom .fromwrp form .lablewrp textarea{height: 137px;border: 1px solid #b47f24;border-radius: 0;border-top-right-radius: 10px;border-bottom-left-radius: 10px;outline: none;padding: 10px 0 0 15px;width: 100%;resize: none;}
.bottomfrom .fromwrp form .lablewrp{/* position: relative; */margin: 0 0 20px;}


.bottomfrom:before {content: ''; background-image: url(../images/form-ri8.png); position: absolute; background-repeat: no-repeat; top: 0; right: 0; background-size: cover; width: 290px; height: 700px; }



footer{background-image: url(../images/Footer-bg-scaled.webp);background-position: top center;background-repeat: no-repeat;background-size: auto;transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;margin-top: 0;margin-bottom: 0;padding: 240px 15px 14px;position: relative;}
footer .logowrp{}
footer .logowrp img{width: 120px;margin: 0 0 30px;filter: invert(1);}
footer .logowrp p{color: #dbdada;font-size: 16px;}
footer .navwrp{}
footer .navwrp h4{color: #c8deef;font-size: 22px;letter-spacing: 3px;}
footer .navwrp ul{margin: 30px 0 0; }
footer .navwrp ul li{display: block; margin: 0 0 14px; }
footer .navwrp ul li a{color: #dbdada; }
footer .txtbtm{text-align: center; border-top: 1px solid #7a777794; margin-top: 50px; padding-bottom: 30px; }
footer .txtbtm p{padding: 30px 0 0; }
footer img.line-img{
    position: absolute;
    top: 0px;
    width: 76%;
    left: 0;
    right: 0;
    margin: 0 auto;
}



.floating-form{position: fixed;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;right: -47px;height: 100%;z-index: 999 !important;top: 0;width: 50px;}
.floating-form.open{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;z-index: 1000;right: 540px;}
.floating-form.open:before{position: fixed;content: "";width: 100%;height: 100vh;background: #000000d6;z-index: 1;left: 0;}
.floating-form.open .strip{/* -webkit-transition: 0.4s; */-moz-transition: 0.4s;-o-transition: 0.4s;right: unset;z-index: 100;}
.floating-form .strip p{color: #b1b1b1;font-size: 20px;transform: rotate(-88deg);display: inline-block;padding: 0;position: absolute;bottom: 41px;left: -57px;font-weight: 700;}
.floating-form .strip span.plane{color: #fff; position: absolute; left: 9px; font-size: 28px; transform: rotate(0); top: 35px; }
.floating-form.open .strip p{color: #fff; }
.floating-form.open .strip span.plane{opacity: 0;}
.floating-form .inner-float{position: absolute; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; top: 0; bottom: 0; }
.floating-form.open .inner-float{right: 83%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.floating-form .strip{position: absolute;width: 100px;height: 100px;background: linear-gradient(to right, #1D5E90, #2D80C3);z-index: 5;top: 0;border-radius: 50%;bottom: 0;margin: auto;box-shadow: -10px 0 60px #67563969;display: inline-block;left: -40px;cursor: pointer;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;z-index: 100;}
.floating-form:hover .strip {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
.floating-form .strip img{}
.floating-form .f-whole{position: absolute;width: 1200px;background: #fff;z-index: 99 !important;top: 0;height: 100vh;padding: 48px 60px 0 90px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floating-form.open .f-whole{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.f-whole{display: table;width: 100%;}
.f-whole .left-sec{display: table-cell;vertical-align: middle;width: 50%;}
.f-whole .left-sec .logowrp{}
.f-whole .left-sec .logowrp img{width: 90px;margin: 0 0 30px;}
.floating-form form{float: right;width: 100%;}
.floating-form form textarea,.floating-form form select,.form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: transparent; border-bottom: 1px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
.floating-form form input{margin: 0px 0 25px 0;}
.floating-form form select{margin: 0 0 25px 0;}
.floating-form form .intl-tel-input{margin: 0px 0 25px 0;width: 100%;}
.floating-form .intl-tel-input.separate-dial-code .selected-dial-code{font-size: 18px;color: #495057;}
.floating-form .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input{color: #495057;border-bottom: 1px solid #ced4da;font-size: 18px;}
.floating-form form textarea{height: 100px;resize: none;}
.floating-form form input[type="submit"]{width: 200px;margin: 20px 0 0;border: transparent;color: #fff;padding: 15px 0;/* border-radius: 10px; */cursor: pointer;background: -moz-linear-gradient(left, #FCB434 0%, #f67c02 90%);background: -webkit-linear-gradient(left, #FCB434 0%,#f67c02 90%);background: linear-gradient(43deg, rgb(234, 181, 67) 0%, rgb(115, 63, 0) 99%)!important;border-top-left-radius: 10px;border-bottom-right-radius: 10px;}
.floating-form form input:focus,
.floating-form form select:focus,
.floating-form form textarea:focus{outline: none;box-shadow: none;}


.floating-form .f-rght{padding: 0 60px; height: 100%; background: url(../images/bg-form.png)no-repeat right bottom; background-position: 0 160px; background-size: contain;}
.floating-form h3{font-size: 22px;max-width: 100%;}
.floating-form h6{    padding: 0;font-size: 14px;}
.floating-form p{font-size: 16px;max-width: 100%;font-family: 'Bai Jamjuree', sans-serif;font-weight: 500;color: #6472a5;padding: 0px 0 30px 0;}
.floating-form a.teli{color: var(--theme-dark);font-size: 14px;}



.floating-form.open .btn-close{z-index: 100;position: absolute;left: 26px;top: 7px;width: 80px;color: #fff;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;bottom: 0;margin: auto;height: 25px;transform: none;display: block;}
.btn-close{display: none;}
.btn-close .hamb{display: inline-block;vertical-align: middle;margin: 0 0 0 9px;z-index: 99999;}
.btn-close .hamb .bar{display: block;z-index: 99999;width: 30px;height: 3px;background: #fff;margin: 0 0 3px;z-index: 99999;border-radius: 10px;}
.btn-close .hamb .bar{-webkit-transition: opacity 250ms 0ms ease , transform 350ms 150ms ease , margin 250ms ease;-moz-transition: opacity 250ms 0ms ease , transform 350ms 150ms ease , margin 250ms ease;-ms-transition: opacity 250ms 0ms ease , transform 350ms 150ms ease , margin 250ms ease;-o-transition: opacity 250ms 0ms ease , transform 350ms 150ms ease , margin 250ms ease;transition: opacity 250ms 0ms ease , transform 350ms 150ms ease , margin 250ms ease;z-index: 99999;}
.btn-close .hamb .bar.second{display: none;}
.btn-close .hamb .bar.one{height: 1.5px;transform: rotate(-45deg);}
.btn-close .hamb .bar.two{transform: rotate(55deg);top: -5px;position: relative;height: 1.5px;}

.btmfrom .formwrp form select#countryCode{width: 20%;} 
.btmfrom .formwrp form input#free_cons_phone1{width: 78%;}
.floating-form form select#countryCode{width: 18%;display: inline-block;float: left;margin: 0 15px 0px 0;}

.floating-form form input#phone-country{width: 100%;padding: 8px 0px 8px 85px !important;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: transparent;border-bottom: 1px solid #ced4da;border-radius: 0;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;display: inline-block;}






.clients-logowrp{background: #f6f4f291;padding: 40px 0;}
.clients-logowrp .logowrp{}
.clients-logowrp .logowrp p{color: #000; font-size: 22px; text-align: center; padding: 0 0 60px; }
.clients-logowrp .logowrp span{color: #dfb10c; }
.clients-logowrp .logowrp span i{}
.clients-logowrp .logowrp h4{color: #8c9aaf;display: block;text-align: center;font-size: 22px;padding: 0 0 20px;}
.clients-logowrp .logowrp ul{margin: 0;text-align: center;display: block;} 
.clients-logowrp .logowrp ul li{display: inline; }
.clients-logowrp .logowrp ul li img{width: 150px;height: 50px;}



.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;width: 100%;}
.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: 500;color: #000;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; }






/*================================================*/

.we-offerwrp .mainwrp p {
    min-height: 150px;
    height: 100px;
}


.lgo-drk {
    display: none;
}

.showmenu .lgo-drk {
    display: block;
}

.showmenu .lgo-white {
    display: none;
}

.main-port-pg .port-box ul li {
    margin: 20px 10px;
}

.main-port-pg{
    background:transparent;
}

.main-port-pg .txtwrp h2 {
    color: #000;
}
.txtwrp ul li {
    line-height: 28px;
    font-size: 16px;
}
.txtwrp ul li i {
    color: #ebcc6c;
}


.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: #1d1e41;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;}
.tabs-light .clr-lighter{background: #efefef;}


.reasonwrp{background-color: #fff; padding: 90px 0; position: relative; z-index: 1; left: 0; }
.reasonwrp:after{content: "";background-color: #091523;position: absolute;width: 70%;height: 100%;top: 0;z-index: -1;}
.reasonwrp .mainwrp{width: 80%; float: right; }
.reasonwrp .txtwrp h2{font-size: 30px;color: #fff;font-weight: 700;padding: 0 0 30px;}
.reasonwrp .txtwrp h4{color: #fff;font-size: 22px;position: relative;padding: 0 0 10px 25px;}
.reasonwrp .txtwrp p{font-size: 16px;color: #fff;font-weight: 200;padding: 0 0 30px 25px;margin: 0;}
.reasonwrp .txtwrp h4:after{content: "";position: absolute;content: "\f101";font-family: FontAwesome;left: 0;border-radius: 50%;top: 0;color: #ff9f1c;}
.reasonwrp .imgwrp{}
.reasonwrp .imgwrp img{width: 100%;height: 550px;object-fit: cover;}
.reasonwrp .btnwrp{display: block;padding: 15px 0 0;}

.wwrp p{height: 70px; min-height: 100px; }










/*------------------------------------------------*/
.about-bnrwrp{background-image: url(../images//Mask-group-10.webp);padding: 210px 0 80px;background-position: center right;background-repeat: no-repeat;background-size: cover;background-color: #060a33;}
.about-bnrwrp .txtwrp{}
.about-bnrwrp .txtwrp h1{color: #fff; font-size: 62px; padding: 0 0 50px; }
.about-bnrwrp .txtwrp p{color: #fff; font-size: 23px; }
.about-bnrwrp .btmtxt{}
.about-bnrwrp .btmtxt ul{margin: 10px 0 0; }
.about-bnrwrp .btmtxt ul li{display: inline-block; margin: 0 30px 0 0; }
.about-bnrwrp .btmtxt ul li img{}
.about-bnrwrp .btnwrp{display: block; padding: 60px 0 0; }
.about-bnrwrp .btnwrp .btn-2{background: #fff; color: #000;}
.about-bnrwrp .btnwrp span{display: block; color: #fff; padding: 50px 0 0; font-size: 17px; }
.about-bnrwrp .imgwrp{}
.about-bnrwrp .imgwrp img{width: 100%; }





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




.belowform img {max-width: 100%;}

.belowform h2, .belowform p {text-align: left; } 
.belowform {
    padding: 200px 0 80px;
}
.form-box-main h2 {width: 100%; line-height: 1.2; color: #000; text-align: left; }
.form-box-main p {text-align: left; font-size: 18px; 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 {
    width: 100%; margin: 0 0 0 0; border: 0px; border-bottom: 1px solid #B2B9C1; background: white; padding: 18px 15px; color: #000; font-size: 18px; font-weight: 400; height: 55px; border-radius: 0; }
.form-box-main form textarea {width: 100%; margin: 0; padding: 8px 12px; height: 100px; resize: none; }
.form-box-main form select {width: 100%; margin: 0 0 0 0; border-bottom: 1px solid #B2B9C1; padding: 12px 15px; color: #5B6B7F; font-size: 18px; font-weight: 400; border-radius: 0; }
.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;}

.get-strt .navwrp ul li a {
    color: #000;
}
.get-strt .upr-navwrp ul li a:nth-child(1) {
    color: #000;
}

.get-strt .lgo-white {
    display: none;
}


.get-strt .lgo-drk {
    display: block;
}

.rwp ul li a {
    color: #fff !important;
}
.upr-navwrp ul li a i {
    padding-right: 7px;
}

.videowrp {
    margin-top: 36px;
}

.challengewrp .list-scroll {
    min-height: 100px;
    height: 50px;
}

.thnkyoywrp{    padding: 250px 0 70px;
    display: block;
    text-align: center;}
.thnkyoywrp .btnwrp{    padding: 30px 0 0px;}   
.thnkyou-pg header .logowrp img.lgo-lit{display:none;}
.thnkyou-pg footer{    padding: 70px 0 60px;}


.portfoliowrp{display:none;}