* {margin: 0;padding: 0;text-decoration: none;list-style: none;font-family: 'Poppins', sans-serif;}



/*Home*/

#header:after{content:"";clear:both;display:block}


nav .mega-dropdown{width:100%;position:absolute;top:100%;left:0;background:#fff;overflow:hidden;padding:20px 35px;border-bottom:3px solid #34495e}


@media only screen and (max-width: 1170px) {
  nav >ul>li >a{padding:35px 15px}
}
@media only screen and (min-width: 960px) {
  nav{display:block!important}
}
@media only screen and (max-width: 959px) {
  nav{display:none;width:100%;clear:both;float:none;max-height:400px;overflow-y:scroll}
  nav{padding:10px}
 
}

.dropdown-mega .dropdown-menu {width: 80% !important;margin: 0 auto !important;left: 50% !important;transform: translate(-50% , 0);transition: .9s;border: 0px !important;}

.dropdown:hover>.dropdown-menu {
    display: block;opacity: 1;top: 60px;
}

.mega-content h1 {color: #0e1c71;}

.mega-content header {border-left: 5px  solid #0080ff !important;padding-left: 10px !important;font-weight: 600;font-size: 16px;color: #0e1c71 !important;}
.megatag ul li a.nav-link {font-size: 13px !important;color: #6e77aa !important;}
.megatag ul li a.nav-link:hover {color: #2d72e8 !important;}


.nav-link {padding: 0.5rem 0.5rem !important;}

.dropbtncon {background-color: transparent;color: white;padding: 10px;border: none;cursor: pointer;}    
.dropcon { position: relative; display: inline-block;}
.dropcon-content {display: none;position: absolute;background-color: #fff; width: 300px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;right: 0;}
.dropcon-content a {color: black;padding: 12px 16px;text-decoration: none;display: block;}
.dropcon a:hover {background-color: #ddd;}
.show {display: block;}

.dropcon-content h6 {padding-bottom: 5px;line-height: 30px;text-align: center;font-weight: 400;
font-size: 20px;border-bottom: 1px solid #ccc;}
.dropcon-content .col1 {width: 100%;display: flex;align-items: center; padding-top: 10px;border-bottom: 1px solid #ccc; }
.dropcon-content .col1 .col_inner_right h5 {color: #afafaf;font-size: 13px;font-weight: 400;padding: 5px 5px 8px 0px;align-items: center;justify-content: flex-start;}
.dropcon-content .col1 .colhr {border-bottom: 0px;}
.dropcon-content .col1 .col_inner_right ul {width: 100%;flex-wrap: wrap;}
.dropcon-content .col1 .col_inner_right ul li {width: 100%;padding: 0;line-height: normal;font-size: 13px;color: #666666;text-transform: none;margin: 6px 0;font-weight: 400;}
.dropcon-content .col1 .col_inner_right ul li a { width: 100%;display: inline-flex;align-items: center;justify-content: flex-start;line-height: normal;font-size: 13px;color: #333;text-transform: none;font-weight: 400;padding: 0 0 !important;}
.dropcon-content .col1 .col_inner_right ul li p{line-height: normal;font-size: 13px;color: #8b8b8b;text-transform: none;margin: 6px 0;font-weight: 400;}
.dropcon-content .col1 ul li a:hover {color: #2d72e8}
.dropcon-content .col1 ul li a img {margin-right: 9px;}

.cntbtn {height: 40px;width: 150px;background-color: #2d72e8;color: #FFF;border: none;border-radius: 30px;margin-top: 3px;}


.padding-leftright {padding-left: 1.35rem;padding-right: 1.35rem;}
.text-color-blue {color: #2d72e8;}
.text-color-dark-blue {color: #0e1c71;}
.portbtn {height: 40px;padding-left: 30px;padding-right: 30px;background-color: #2d72e8;color: #FFF;border: none;border-radius: 30px;}

.section-main {width: 90%;margin: 70px auto 20px;display: block;}

.contentebay li {margin-bottom: 25px;}
.contentebay li p{font-size: 14px;color: #6e77aa;}
.arrowimg {background-image: url('../Images/arrowimg.png');
    background-position: 0 5%;
    background-repeat: no-repeat;
    background-size: 1rem;
    background-attachment: scroll;
    margin-bottom: 1rem;
    padding-left: 1.8rem;
}
.flagcountry h1{color: #2d72e8;font-size: 12px;padding-left: 5px;}

.sticky-block {
    text-align: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 20vh;
    z-index: -1;
}

.player-about { padding-top: 26px;padding-bottom: 96px;}
.player-about-content {/*position: relative;*/ z-index: -1;}
.getbtn {height: 40px;padding-left: 30px;padding-right: 30px;background-color: #2d72e8;color: #FFF;border: none;border-radius: 30px;}

.rounddiv {height: 100px;width: 100px;background-color: #2d72e8;display: flex;align-items: center;justify-content: center;border-radius: 100%;margin: 0 auto;}

.getimg {background-image: url('../Images/bg.png');width: 100%;background-position: center;background-repeat: none;background-size: cover;margin-bottom: 50px;border-radius: 25px;padding: 2% 0%;}
.getbtnwhite {height: 40px;padding-left: 30px;padding-right: 30px;background-color: #FFF;color: #2d72e8;border: none;border-radius: 30px;}

.rounddivborder {height: 100px;width: 100px;background-color: #FFF;display: flex;align-items: center;justify-content: center;border-radius: 100%;margin: 0 auto;border: 2px solid #2d72e8}
.pricechart:hover {background-color: #2d72e8 !important;cursor: pointer;}
.pricechart:hover .rounddivborder {background-color: transparent !important;border: 2px solid #FFF;}
.pricechart:hover h1 {color: #FFF !important;}
.pricechart:hover p {color: #FFF !important;}
.pricechart:hover button {border: 1px solid #FFF !important;color: #FFF !important;background-color: transparent !important;}

.blockbox span {
    width: 96px;
    height: 95px;
    color: #fff;
    margin: auto;
    display: flex;
    font-size: 19px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    background: url("../Images/Box.png") center center no-repeat;
}


.footerbox .nav-link {font-size: 13px !important;}

.quote {height: 40px;width: 100%;background-color: #FFF;color: #2d72e8;border-radius: 5px;border: none;font-size: 13px;}

.location {display: flex; margin-top: 20px;}
.location img {height: 30px; padding-top: 5px;}
.location h1 {color: white; font-weight: normal; font-size: 14px;padding-left: 20px; line-height: 1.5em;}

.intl-tel-input,
.iti{
  width: 100%;
}



/*OUR WORK */

/* .title-row {margin: 00px auto;width: 80%;padding: 2% 0%;} */
.markingh1 {text-align: center;font-size: 40px;font-weight: 700;line-height: 50px;color: #0e1c71;}
.markingh1 mark {font-size: 40px;}
mark {position: relative;z-index: 1;color: #0e1c71;display: inline-block;background-color: transparent !important;}
mark:before {content: " ";display: block;height: 40%;width: 100%;margin-left: 0px;margin-right: -3px;position: absolute;background: #e9ebf2;transform: rotate(0deg);top: 32px;left: -1px;padding: 10px 3px 3px 10px;z-index: -1;margin-left: 4px;}
.main-title-row p {text-align: center;padding: 20px 15%;font-size: 15px;color: #6e77aa;margin: auto;line-height: 30px;letter-spacing: 1px;}


.ourwork .row {margin-left: 0 !important;margin-right: 0 !important;--bs-gutter-x: 0rem;padding-left: 0 !important;padding-right: 0 !important;}
.ourworkboxnew-inner {display: flex;margin: 0px auto;padding: 2% 0%;min-height: 745px;}
.newleftinner {width: 80%;margin: 0px auto;}
.newleftinner h1 {font-size: 30px;padding: 10px 0 10px 0px;font-weight: 600;}
.newleftinner p {font-size: 15px;color: #6e77aa ;padding: 10px 0 10px 0px;font-weight: 400;line-height: 20px;}
.newleftinner a {font-size: 15px;color: #0e1c71 !important;padding: 10px 0 10px 0px;font-weight: 400;line-height: 20px;text-decoration: none;font-weight: 600;}

.newright-inner {position: relative;}
.newright-inner img {width: 100%;float: right;}
.top-leftphone{position: absolute;top: 70px;left: -70px;}
.top-leftphone img , .top-rightphone img {width: 90%;}

.secondbox {margin-top:250px !important;min-height: 640px;}
.newright-inner1 {position: relative;}
.newright-inner1 img {width: 100%;}
.top-rightphone{position: absolute;bottom: 50px;right: -30px;}

.ourdetailbox {width: 100%;background: #f3f3f3;}
.ourdetailbox .col-1 {width: 80%;margin: 50px auto 20px;padding: 20px;display: flex;align-items: center;border-radius: 10px;justify-content: space-between;flex-wrap: wrap;}
.ourdetailbox .col-1 p {font-size: 30px;color: #2d72e8 !important;font-weight: 600;margin-bottom: 0;}

.boxintro {box-shadow: 4px 4px 8px #ececec;width: 90%;height: 100%;margin: 0 auto;}

.boxintro .block:hover {transform: translatey(-10px);transition: ease-in-out all .5s;}

.boxintro .block figure {width: 100%;background-color: #ffdede;padding: 15px 8px;overflow: hidden; max-height: 308px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.boxintro .block figure img {margin: 0 auto;display: block; max-width: 333px;max-height: 278px;width: 100%;
z-index: 9;position: relative;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;
-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.boxintro .block article {width: 100%;background: #fff;padding: 20px 30px 10px 20px;}
.boxintro .block article h5 a{color: #2a347c;font-weight: 600;padding-bottom: 5px;font-size: 16px;text-decoration: none;}
.boxintro .block article p {font-size: 14px;color: #6e77aa;font-weight: 400;line-height: 1.8;}

.show-more-btn {height: 40px;background-color: #2d72e8;color: #FFF;border: none;border-radius: 30px;font-size: 14px;position: relative;z-index: 9999;margin: 00px auto;cursor: pointer;width: 150px;display: block;}



/*Insight*/
.title-insight {background-image: url('../Images/bg-insight.jpg');width: 100%;padding: 2% 0%;background-position: center;background-size: cover;}
.insightdiv .block figure {width: 100%;padding: 15px 8px;overflow: hidden; max-height: 308px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.insightdiv .block figure img {height: 150px;}

.insightdiv .block article {width: 100%;background: #fff;padding: 20px 30px 10px 20px;}
.insightdiv .block article h5 a{color: #0e1c71;font-weight: 600;padding-bottom: 5px;font-size: 16px;text-decoration: none;}
.insightdiv .block article p {font-size: 14px;color: #6e77aa;font-weight: 400;line-height: 1.8;}
.readmore {height: 40px;background-color: #FFF;color: #2d72e8;border: 1px solid #2d72e8;border-radius: 30px;font-size: 14px;position: relative;z-index: 9999;margin: 20px auto;cursor: pointer;width: 150px}

.readmore:hover {background-color: #2d72e8;color: #FFF;}

/*INsight Detail*/
.bolgimg img {margin: 30px auto;display: block;width: 80%;}


/*Contact US*/
.contact-bg {background-image: url('../Images/contact-bg.png');background-repeat: no-repeat;background-position: center;padding: 5% 0% 8%;}
.cnt-details {border-left: 2px solid #0e1c71;}


.cntbox {width: 100%;height:500px;background-image: url('../Images/deisgn.png');background-repeat: no-repeat;background-size: 100% 100%;margin: -80px auto 30px;}


.cntbox h1 {color: #0e1c71;font-weight: 600;font-size: 30px;text-align: center;padding-top: 50px;}
.cntbox p {color: #6e77aa;font-size: 14px;text-align: center;padding: 10px 10%;}
.cntbtnsupport {height: 40px;padding-left: 30px;padding-right: 30px;background-color: #2d72e8;color: #FFF;border-radius: 5px;border: none;margin: 10px auto;display: block;}

/*Graphic Design */
.graphic-bg {position: relative;padding: 2% 0% ;}
.graphic-bg img {width: 100%;}
.top-left {position: absolute;top: 50px;left: 80px;}

.hireusbtn {height: 40px;padding-left: 30px;padding-right: 30px;background-color: #2d72e8;color: #FFF;border-radius: 30px;border: none;}

.photoframe {width: 100%;background-color: #2e72e8;margin: 70px 0 50px; display: flex;height: 500px;}
.gdimg {margin-top: -30px;width: 25%;}
.gdimg img {width: 100%; height: 600px; margin: 0 auto;}
.gdimg2 ,.gdimg3{width: 25%;}
.gdimg2 img {width: 100%;height: 500px; margin: 0 auto;}
.gdimg3 img {width: 100%;height: 480px;padding-top: 20px; margin: 0 auto;}
.gdimg5 {width: 90% !important;height: 460px !important;padding-top: 40px !important; margin: 0 auto;}


/*Wireframe*/

.wireframe-bg {background-image: url('../Images/website-bg.png');background-repeat: no-repeat;background-position: center;padding: 8% 0% 8%;}

.websitebox span {
    width: 96px;
    height: 95px;
    color: #fff;
    margin: auto;
    display: flex;
    font-size: 19px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    background: url("../Images/websitecustom.png") center center no-repeat;
}

/*Mobile UI*/
.mobileuidiv {margin-top: 100px;}
.mobileuidivinner {height: 130px; background-color: #e5e4f5;border-radius: 100px;width: 90%;margin: 50px auto 50px -100px;display: block;z-index: -1;}
.mobileuidiv img {margin-top: -100px;margin-left: 80px}

.whyfoxydiv {width: 80%;margin: 50px auto 30px;border-top: 20px solid #2d72e8;background-color: white;border-radius: 22px 22px;box-shadow: 0 0 15px 8px #347af241;padding: 2% 0%;}


/*UIUS Design*/
.uiux-bg {background-image: url('../Images/uiux-bg.png');background-repeat: no-repeat;background-position: center;padding: 50px;}

.uiuxdiv {background-color: #f1f3ff;}

.reasearchdiv {width: 80%;margin: 20px auto;border-top: 20px solid #2d72e8;background-color: white;border-radius: 20px 20px;box-shadow: 3px 3px 8px#347af241;padding: 2% 0%;}

/*Wireframe Design*/
.wireframe-bg {background-image: url('../Images/wireframe-bg.png');background-repeat: no-repeat;background-position: center;padding: 50px;}


/*Acquisition */
.acqui-bg {background-image: url('../Images/acquisition-bg.png');background-repeat: no-repeat;background-position: center;padding: 50px;}

.acuqiblue {padding: 1% 1%;background-color: #2d72e8;border-radius: 5px;box-shadow: 3px 5px 10px#deeafd;width: 100%;margin: 0px auto;height: 70px;}

.acquilastdiv {background-color: #f6f9ff !important; border: none !important; box-shadow: 3px 5px 8px #dde9fd;}

/*Marketing Strategy */
.marketing-bg {background-image: url('../Images/marketing-bg.png');background-repeat: no-repeat;background-position: center;padding: 50px;}

.markborder {height: 90px;width: 100%;background-color: #2d72e8;border-radius: 15px 15px 0px 0px;margin: 0 auto;display: block;}
.markinnerdiv {width: 100%;margin: -20px auto;background-color: white;border-radius: 15px 15px;box-shadow: 3px 3px 8px#347af241;padding: 2% 0%;}

.mark2div {box-shadow: 5px 5px 10px 3px #dde9fd;border: none !important;}

/*Mobile App */
.mobileapp-bg {background-image: url('../Images/mobileapp-bg.png');background-repeat: no-repeat;background-position: center;padding: 50px;}

.mobileappdiv {width: 70%;margin: 10px auto;display: block;}
.mobileinner {background-color: white;border-radius: 5px;box-shadow: 3px 3px 8px#347af241;padding: 2% 0%;border: none !important;}
.consultbtn {height: 40px;padding-left: 30px;padding-right: 30px;border-radius: 5px;border: none;background-color: #2d72e8;color: #FFF;margin: 20px auto;display: block;font-size: 14px;}

.androidappdiv {background-color: #f6f9ff !important; border: none !important; box-shadow: 3px 5px 8px #dde9fd;width: 90%;margin: 10px auto;display: block;padding: 2%;}

.android-bg2 {background-image: url('../Images/androidapp5.png');background-repeat: no-repeat;background-position: center;background-size: cover;}

.consultbtn2 {height: 40px;padding-left: 30px;padding-right: 30px;border-radius: 5px;border: none;background-color: #2d72e8;color: #FFF;font-size: 14px;margin-bottom: 70px;margin-top: 20px;}

/*Product Strategy*/
.prodcut-bg {background-image: url('../Images/product-bg.png');background-repeat: no-repeat;background-position: center;padding: 50px;}

/*Flutter App Development*/
.flutterdiv {background-color: #fff !important; border: none !important; box-shadow: 3px 5px 8px #dde9fd;}


/*Service*/
.mobileinner figure {width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;margin: 20px auto 20px;}
.mobileinner figure img {width: 80px;height: 80px;margin: 0 auto;}
.mobileinner figure img.serviceimghover {width: 80px;height: 80px;margin: 0 auto;}
.mobileinner figure .serviceimghover{display: none;}
.mobileinner figure:hover .serviceimghover{display: block;cursor: pointer;}
.mobileinner figure:hover .serviceimg{display: none;}

/*Company*/
.contentcom {padding: 2% 2% 1% 5%;background-color: #FFF;box-shadow: 3px 5px 8px #dde9fd; margin-left: -50px;margin-top: -45px;}
.contentcom1 {padding: 2% 2% 1% 5%;background-color: #FFF;box-shadow: 3px 5px 8px #dde9fd; margin-top: -45px;}
.comphoto {margin-left: -50px;z-index: -1;}
.contentcom2 {padding: 2% 2% 1% 5%;background-color: #FFF;box-shadow: 3px 5px 8px #dde9fd;margin-right: -100px;}

.contentcom3 {padding: 3% 5% 1% 5%;background-color: #FFF;box-shadow: 3px 5px 8px #dde9fd; margin-left: -50px;}

.contentcom4 {padding: 3% 5% 1% 5%;background-color: #FFF;box-shadow: 3px 5px 8px #dde9fd; margin-right: -70px;}



/*Our work Detail Page*/

.workDetailBox {width: 100%;background: #FFF;padding: 50px 20px 50px;}
.workDetailBox img {width: 100%;margin: 15px auto !important;max-width: 560px !important;display: block;}

.goalBox .head ul li {margin: 0 10px;}

.goalBox .intro article { width: 100%; padding-left: 30px;}
.goalBox .intro article h3 {font-size: 20px;color: #0e1c71;padding-bottom: 10px;font-weight: 700;}
.goalBox .intro article p {font-size: 15px;color: #6e77aa;padding-bottom: 10px;margin-bottom: 0px;}
.goalBox .intro article p strong {font-size: 15px;color: #6e77aa;padding-bottom: 5px;}

.appbtn {height: 40px;padding-left: 30px;padding-right: 30px;border-radius: 30px;border: none;background-color: #2d72e8;color: #FFF;margin: 20px auto;display: block;font-size: 15px;}
.appfeatureclass li {color: #6e77aa;font-size: 14px;padding-left: 50px;padding-bottom: 6px;}
.appfeatureclass li:hover {color: #0e1c71;}


.processbox span {
    width: 120px;
    height: 120px;
    color: #fff;
    margin: auto;
    display: flex;
    font-size: 19px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    background: url("../Images/processbox.png") center center no-repeat;
}
.processbox span img {margin: 0 auto;display: block;}
    

/*Our work know More */
.middlekonwmore  {background-color: #f3f7ff !important; border: none !important; box-shadow: 3px 5px 8px #dde9fd;padding: 0% 0%;margin-top: 90px;}

.knowmain {margin-bottom: -70px;}
.knowmorebtn {height: 30px;padding-left: 30px;padding-right: 30px;border-radius: 30px;border: none;background-color: #0e1c71;color: #FFF;margin: 20px auto;display: block;font-size: 14px;width: 85%;}

.knowmorediv {padding: 0% 0%;background-color: #2d72e8;border-radius: 5px;width: 85%;margin: 0px auto;}
.knowmorediv ul li {font-size: 14px;color: #FFF;padding-bottom: 5px;padding-top: 5px;}
input#captcha {
    margin: 0 20px;
}

button.getbtn a {
    color: #fff;
    text-decoration: none;
}
.author-name {
  display:none;
  }