/* @import url('//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: Arial, Helvetica, 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: var(--primary-font-family);color: var(--default-color);font-size:var(--base-font-size);position: relative;}

/* font family */
.ff-primary { font-family: var(--primary-font-family); }
.ff-secondary { font-family: var(--secondary-font-family); }

/* 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;}


.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: var(--heading-font-family);}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: var(--heading-font-family); 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: 500;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;font-size: 18px;}

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




/*** 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); }
.btn-main {
  background: rgb(255,151,0);
  border: none;
  background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
  z-index: 1;
  border-radius: 4px;
  color: #fff;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 11px 21px;
}
.btn-main span{
    z-index: 2;
    position: relative;
    color: #fff;
    font-weight: 600;
        font-size: 16px;
}
.btn-main:hover span{}
.btn-main:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  border-radius: 4px;
  box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5);
  transition: all 0.3s ease;
  color: #fff;
  z-index: 1;
  background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
}
.btn-main:hover {
  color: #fff;
}
.btn-main:hover:after {
  top: auto;
  bottom: 0;
  height: 100%;
}
.btn-main:active {
  top: 2px;
}

h2.main-heading{font-size: 40px;color: #000;font-weight: 600;}
.lead-heading{    font-weight: 400;
    font-size: 12px;
    line-height: 1.75;
    letter-spacing: 1.1px;
    margin-bottom: 10px;
    padding-bottom: 0px;
    color: #000;
    text-transform: uppercase;}
p.main-pera{color: #010101; font-size: 16px; }
/*.btn-main{
    padding: 12px 20px;
    color: #fff !important;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    background: linear-gradient(
90deg
, rgba(255,113,248,1) 0%, rgba(46,2,127,1) 87%);
    transition: all 0.4s ease;
}
.btn-main:hover{
    background: linear-gradient( 
90deg
 , rgb(46 2 127) 0%, rgb(249 110 245) 87%);
    transition: all 0.4s ease;
}*/
.btn-secnd{
    padding: 10px 20px;
    color: #000;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid;
    margin: 0 0 0 20px;
    transition: all 0.3s ease;
}
.btn-secnd:hover{
    color: #e62e3f;
}


/* header 
------------------------------------*/
header .logo-blk{display: none;}
.header-main.showmenu .logo-blk{display: block;}
.header-main.showmenu .btm-headr{background-color: #000;}
.header-main.showmenu .logo-clr{display: none;}
.header-main.showmenu{background-color: #fff;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 75%);}
.header-main.showmenu .navwrp ul li a{color: #000;}
header{position: fixed;width: 100%;z-index: 99;}
.header-main.showmenu .upr-head {
    padding: 7px 0;
}

a.btn-responsive{background: rgb(255,151,0);
    border: none;
    background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
    z-index: 1;
    padding: 13px 21px;
    border-radius: 4px;
    color: #fff;
    position: relative;
    cursor: pointer;}
a.btn-responsive {    display: none;}
a.btn-responsive span{z-index: 2;
    position: relative;
    color: #fff;
    font-weight: 600;
    font-size: 16px;}


header .flgwrp{display:inline;margin:0}
header .navwrp .flgwrp ul{display:block;margin:6px 0 0;transition:all .2s ease-in 0s}
header .flgwrp i{color:#fff;}
header .flgwrp:hover ul li img{opacity:1}
header .flgwrp ul li{margin:0;position:relative;left:3px;top:3px}
header .flgwrp ul li img{opacity:0;transition:all .2s ease-in 0s}
.header-main.showmenu .flgwrp i{color:#000;}
header .flgwrp img{    width: 40px;}


.upr-head{padding: 7px 0;}
.upr-head .logowrp{}
.upr-head .logowrp img{height: 55px;}
.upr-head .navwrp{margin: 30px 0 0;}
.upr-head .navwrp ul{text-align: right;margin: 0px 0 20px;}
.upr-head .navwrp ul li{display: inline-block; text-align: right; margin: 0 15px; }
.upr-head .navwrp ul li a{color: #fff;transition: all 0.3s ease;font-size: 15px;font-weight: 600;}
.upr-head .navwrp ul li a:hover{color: #ec8b1f;}
.upr-head .navwrp ul li a.btnwrp{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);color: #fff;padding: 10px 20px;border-radius: 3px;transition: all 0.3s ease;}
.btm-headr{background-color: #06042075;}
.btm-headr .ser-headr{}
.btm-headr .ser-headr ul{margin: 0;/* text-align: center; */}
.btm-headr .ser-headr ul li{display: inline-block;margin: 0 58px 0 0;}
.btm-headr .ser-headr ul li a{color: #fff;transition: all 0.3s ease;font-size: 14px;font-weight: 400;padding: 15px 0;display: block;}
.btm-headr .ser-headr ul li a:hover{color: #ec8b1f;}

.btm-headr .ser-headr ul li.has-dropdown {position: relative;margin-right: 0 !important;margin: 0 0px 0 0px;}
.btm-headr .ser-headr ul li.has-dropdown ul.submenu {width: 194px;position: absolute;background: #fff;right: 0;top: 52px;text-align: right;padding: 0px 0;display: none;}
.btm-headr .ser-headr ul li.has-dropdown ul.submenu li {
    margin: 0;
    border-bottom: solid 1px;
    display: block;
    padding: 10px 15px;
    text-align: left;
}
.btm-headr .ser-headr ul li.has-dropdown ul.submenu li a {
    color: #000;
    font-size: 15px;
    padding: 0;
    font-weight: 600;
}
.btm-headr .ser-headr ul li.has-dropdown:hover ul.submenu {display: block;border: 1px solid;}

.main-banner:before{content: "";}
.main-banner .txtwrp{
    padding: 270px 0 0;
}
.main-banner .txtwrp h1{color: #fff;font-size: 40px;padding: 0 0 15px;font-weight: 600;}
.main-banner .txtwrp p{color: #fff; font-size: 18px;    width: 480px; }
.main-banner .txtwrp ul{margin: 0 0 0 0px; }
.main-banner .txtwrp ul li{color: #fff;display: inline-block;width: 100%;font-size: 13px;position: relative;padding: 0 3px 5px;}
/*.main-banner .txtwrp ul li:after{content: "\f00c";font-family: FontAwesome;position: absolute;left: -20px;}*/
.main-banner .imgwrp{}
section.main-banner.slide-form {
        background-image: linear-gradient(45deg, #e6314a 0%,#2c0776 42%,#91298b 100%);}
.imgwrp.hk_set {position: relative;}
.imgwrp.hk_set img{    position: absolute;    top: 270px;}
.main-banner .formwrp{margin: 0px 0 0; }
.main-banner .formwrp form{}
.main-banner .formwrp form .lable{display: inline-block;width: 16%;margin: 0 -3px;vertical-align: top;}
.main-banner .formwrp form .lable input{width: 100%; padding: 0px 0 0 10px; height: 46px; border-radius: -5px;     outline: none;}
.main-banner .formwrp form .lable input.btn{background: linear-gradient(to right, #e99019 0%, #e6304a 100%); color: #fff; font-weight: 600; margin: 0px 0 0 1px; border-radius: 0px 6px 6px 0px; }
.hero-content ul li i {
    color: #4cb821;
    font-size: 17px;
    margin-right: 6px;
}


.ser-offerwrp{padding: 0px 0 70px;position: relative;overflow: hidden;}
.ser-offerwrp:after{content: "";background-image: url(https://oktalogodesigns.com/assets/images/pkge-b2.png);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: -50px;background-size: cover;right: -60px;z-index: 1;}
.ser-offerwrp:before{content: "";content: "";background-image: url(https://oktalogodesigns.com/assets/images/pkge-b1.png);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: -50px;background-size: cover;left: -60px;z-index: 1;}
.ser-offerwrp .txtwrp{display: block;text-align: center;width: 85%;margin: 0 auto 40px;}
.ser-offerwrp .txtwrp img{width: 30px; margin: 0 0 15px; }


/*==============================================================
    banner Style start
==============================================================*/
.banner-wrap{height: auto;position: relative;overflow: hidden;padding: 0 0 170px;}
.shape{position: absolute; bottom: -34px; left: 0; width: 100%; }
.shape svg{width: 100%; }
.banner-slider{height: 100%; }
.banner-slider > .banner-slide{display: none; }
.banner-slider > .banner-slide:first-child{display: block; }
.slick-initialized .banner-slide{position: relative; height: 900px; padding-bottom: 0px; display:-webkit-flex !important; display:flex !important; -webkit-align-items:center; align-items:center; }

.banner-slider .slick-arrow{z-index: 12;}
.banner-slider .slick-arrow:before{font-family: "boxicons"; font-size: 30px; text-align: center; line-height: 50px; color: rgba(0,33,71,1); }
.banner-slider .slick-arrow.slick-prev{right: 95px; }
.banner-slider .slick-arrow.slick-prev:before {
    content: "\f060";
    position: absolute;
  left: 50px;
    top: 50%;
    font-size: 25px;
    font-family: fontAwesome;
    cursor: pointer;
    z-index: 9;
    background: linear-gradient( 
90deg
 ,#47D8A2 0,#156F9A 91%);
    background: linear-gradient( 
110deg
 ,#e99019 0,#e62f4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 );
    width: 40px;
    height: 40px;
    color: white;
    width: 45px;
    height: 45px;
    color: white;
    padding-top: 0px;
    border-radius: 5px;
        z-index: 12;
}
.banner-slider .slick-arrow.slick-next{right: 25px; }
.banner-slider .slick-arrow.slick-next:before {
    content: "\f061";
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 25px;
    font-family: fontAwesome;
    cursor: pointer;
    z-index: 9;
    width: 45px;
    height: 45px;
    color: white;
    padding-top: -1px;
    border-radius: 5px;
    background: linear-gradient( 
90deg
 ,#47D8A2 0,#156F9A 91%);
    background: linear-gradient( 
110deg
 ,#e99019 0,#e62f4a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3db6', endColorstr='#1169cd',GradientType=1 );
}
.hero-image{position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-size: cover;background-position: center center;border-radius: 0px 0px 0px 0px;}
.hero-image .overlay{height: 100%;width: 100%;/* background: #0000004f; */border-radius: 0;}

.trust ul.clntlgs li {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: middle;
    width: 20%;
}
.trust ul.clntlgs li img {
    width: 110px;
}
.trust ul.clntlgs {
    padding: 20px 0 30px 0;
    margin: 0;
}
.fancybox-content {
    width: 100% !important;
    height: 100% !important;
}
section.main-banner.service-bnner ul li i {
    margin-right: 10px;
}

.hero-content ul li i {
    color: #4cb821;
    font-size: 17px;
    margin-right: 6px;
}





.mlogotypes{background:#f3f3f3;overflow:hidden;padding:60px 0 120px;}
.mlogotypes .mheading{}
.testisec .mheading{}
.mlogotypes .typesslider{padding:50px 0 50px;}
.mlogotypes .typesslider .item{display:inline-block;width:100%;font-size:0;}
.mlogotypes .typesslider .item .left{width:50%;vertical-align:middle;display:inline-block;padding:0 15px;padding-right:40px;}
.mlogotypes .typesslider .item .left .subheading{color:#2c2c2c;text-align:left;font-size:28px;font-weight:700;padding-bottom:20px;text-transform:capitalize;}
.mlogotypes .typesslider .item .left .mparagraph{text-align:left;font-size:18px;}
.mlogotypes .typesslider .item .left a{margin-top:10px;}
.mlogotypes .typesslider .item .right{display:inline-block;width:50%;vertical-align:middle;padding:0 15px;}
.mlogotypes .typesslider .item .right figure{text-align:right;margin-bottom:0;}
.mlogotypes .typesslider .item .right figure img{margin:0 auto;}
.typesslider .slick-dots{bottom:-70px;}
.typesslider .slick-dots li{position:relative;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;width:auto !important;height:64px !important;padding:0px 50px 0 !important;text-align:center;}
.typesslider .slick-dots li:nth-child(1):before{content:"Illustrations Design";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li:nth-child(2):before{content:"Book And Magazine";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li:nth-child(3):before{content:"Video Animation";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li:nth-child(4):before{content:"Advertising";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li:nth-child(5):before{content:"Web App Design";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li:nth-child(6):before{content:"Design And Branding";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li:nth-child(7):before{content:"Merchandise";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li:nth-child(8):before{content:"Packaging And Label";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.typesslider .slick-dots li:nth-child(9):before{content:"Wordmark";position:absolute;left:0;color:#2c2c2c;font-size:14px;right:0;}
.typesslider .slick-dots li button{margin:34px auto 0;padding:0;background: #9c9c9c;opacity:0.8;border-radius:50%;width:31px;height:31px;border:10px solid #f3f3f3;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.typesslider .slick-dots li button:before{-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;opacity:0;position:absolute;background:transparent;top:32px;background:#59c82b;left:0px;right:0;width:35px;margin:0 auto;height:35px;z-index:-1;}
.typesslider .slick-dots li button:after{background:#b0b0b0;content:"";height:1px;width:80px;position:absolute;right:-45px;}
.typesslider .slick-dots li:nth-child(9) button:after{display:none;}
.typesslider .slick-dots li.slick-active{-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.typesslider .slick-dots li.slick-active:before{font-weight:600;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.typesslider .slick-dots li.slick-active button{background: #e6304a;width:31px;height:31px;opacity:1;border:10px solid #fff;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.typesslider .slick-dots li.slick-active button:before{position:absolute;background:transparent;top:32px;background: #e6304a;left:0px;right:0;width:35px;margin:0 auto;height:35px;z-index:-1;opacity:1;-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;transition:0.4s;}
.typesslider .slick-prev{left:60px;}
.typesslider .slick-next{right:60px;}
.typesslider .slick-prev,.typesslider .slick-next{z-index:9;top:48%;background: #e6304a;width:50px;height:50px;border-radius:50%;transition-duration:.15s;transition-timing-function:ease-out;transition-proprty:opacity,visibility;}
.typesslider .slick-prev:hover,.typesslider .slick-next:hover{opacity:0.8;transition-duration:.15s;transition-timing-function:ease-out;transition-proprty:opacity,visibility;}
.typesslider .slick-prev:before,.typesslider .slick-next:before{color:#fff;font-size:26px;}
.typesslider .slick-prev:before{content:"\e958";font-family:'icomoon' !important;}
.typesslider .slick-next:before{content:"\e957";font-family:'icomoon' !important;}
.mlogotypes .typesslider .item .left .btnswrap{margin-bottom:0;margin-top:20px;}
.mlogotypes .typesslider .item .left .btnswrap li{padding:10px 0;line-height:1;}
.mlogotypes .typesslider .item .left .btnswrap li a{color:#4f4f4f;font-size:16px;font-weight:500;}
.mlogotypes .typesslider .item .left .btnswrap li a i{color:#59c82b;margin-right:10px;}
.mlogotypes .typesslider .item .left .btnswrap li a i.right-arrow{font-size:16px;margin-left:10px;margin-right:0;display:inline-block;width:auto;}
.mobile-menu-hover ul li a:before{content:"\e907";position:absolute;display:inline-block;left:0;top:4px;color:#fff;font-size:10px;font-family:'icomoon' !important;}
.mobile-menu-hover ul li a{padding-left:20px;position:relative;}
.contactsec .btnswrap{margin-bottom:0;margin-top:50px;}
.contactsec .btnswrap li{padding:10px 0;line-height:1;}
.contactsec .btnswrap li a{color:#4c4c4c;font-size:18px;font-weight:600;}
.contactsec .btnswrap li a i{color:#59c82b;margin-right:10px;}
.contactsec .btnswrap li a i.right{}
.mpricingwrap tbody tr:hover{background:#f1f1f191;}
ul.partners{font-size:0;position:relative;text-align:center;margin-top:30px;overflow:hidden;}
ul.partners li{width:auto;display:inline-block;}
ul.partners li img{opacity:1;transition:all 0.5s ease-out;filter:grayscale(0);margin:auto;}
ul.partners li:hover img{filter:grayscale(200%);opacity:0.5;}
ul.partners li .particon.one{background-position: -13px -696px;}
ul.partners li .particon.two{background-position: -171px -696px;}
ul.partners li .particon.three{background-position: -329px -696px;}
ul.partners li .particon.four{background-position: -487px -696px;}
ul.partners li .particon.five{background-position: -645px -696px;}
ul.partners li .particon.six{background-position: -803px -696px;}
ul.partners li .particon.seven{background-position: -960px -696px;}
ul.partners li:hover .particon{filter:grayscale(200%);opacity:0.5;}
ul.partners li .particon {background: url(../images/sprite.png);width: 158px; height: 83px; display: inline-block;filter:grayscale(0);transition:all 0.5s ease-out;opacity:1;}
.portfolio select{transition:all 0.3s ease-in-out;display:inline-block;cursor:pointer;line-height:1;border-radius:30px;text-transform:capitalize;font-size:16px;padding:16px 30px;font-weight:600;color:#6c6c6c;outline:none;}
.portfolio .port-cat{margin:0 auto 20px;display:inline-block;position:relative;}
.portfolio .port-cat:after{content:"\e951";position:absolute;font-family:'icomoon' !important;top:25px;right:20px;bottom:0;font-size:10px;pointer-events:v}
.seeMoreBtn{height:100%;z-index:9999;margin-top:0;}
body.portolio .destination-sec .mheading,
body.portolio .destination-sec .mparagraph{text-align:center;}
.vbox-container{background:rgb(0 0 0/.6);}
.mlogotypes .mparagraph, .mlogotypes .mparagraph,.howitworksec .mparagraph,
.pricetablesec .mparagraph, .whychooseus .mparagraph,
.testimonialsec .mparagraph,.consultancysec .mparagraph,
.reviewsec .mparagraph, .faq .mparagraph, .keyFeatures-sec .mparagraph{max-width:700px;margin:0 auto;}
.tabs-abstract .mpricingwrap table{table-layout:fixed;}





.portsection{padding: 50px 0 170px;background-image: url(https://oktalogodesigns.com/assets/images/banner-bg-port.webp);background-repeat: no-repeat;background-size: cover;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);}
.portsection .txtwrp{width: 80%; margin: 0 auto; display: block; }
.portsection .txtwrp h2{color: #fff;}
.portsection .txtwrp p{color: #fff;}
.portfoliowrp{margin: -160px 0 0;padding: 0 0 70px;}
.portfoliowrp .navwrp{}
.portfoliowrp .navwrp .tabbing-links{text-align: center; margin: 0 0 30px; }
.portfoliowrp .navwrp .tabbing-links li{display: inline-block;color: #fff;margin: 0 20px;font-size: 16px;transition: all 0.3s ease;cursor: pointer;}
.portfoliowrp .navwrp .tabbing-links li.current{border-bottom: 1px solid; }
.portfoliowrp .imgport{width: 100%;margin: 0 auto;text-align: center;}
.portfoliowrp .imgport li{display: inline-block;width: 23%;margin: 0 5px 15px;transition: 1.5s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.portfoliowrp .imgport li:hover{    transform: scale(1.1);}
.portfoliowrp .imgport li img{width: 100%;border-radius: 10px;}
.portfoliowrp .imgport li figure{margin: 0px;}
.portfoliowrp .btnwrp{text-align: center; display: block; margin: 50px 0 0; }
.portfoliowrp .tabs{display: none;}
.portfoliowrp .tabs.current{display: block;width: 100%;}
.portfoliowrp .tabs.tabs-web-dsgn li{    transition: 7s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;border-radius: 10px;}
.portfoliowrp .tabs.tabs-web-dsgn li:hover{transform: unset;}
.hk_hide{        display: none;}
.hk_hide_2{display: none;}
a.hk_load {background: unset;color: #000;font-size: 18px;margin: auto;display: inline-block;padding: 10px 0 0;text-decoration: underline;font-weight: 500;width: 100%;}
a.hk_load:hover {  background: unset;    color: #000;  }



.ctawrp{background-color: #6913b0;padding: 110px 0;background-image: url(https://oktalogodesigns.com/assets/images/cta-bnner.webp);background-repeat: no-repeat;background-size: cover;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);position: relative;margin: 70px 0;}
.ctawrp .imgwrp{}
.ctawrp .imgwrp img{    width: 100%;    position: absolute;    top: -160px;    right: -70px;}
.ctawrp .txtwrp{}
.ctawrp .txtwrp h2{color: #fff; }
.ctawrp .txtwrp p{color: #fff;}
.ctawrp .btnwrp{margin: 20px 0 0; }
.ctawrp .btnwrp .btn-main{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);transition: all 0.3s ease;}
.ctawrp .btnwrp .btn-secnd{color: #fff;}


.pricingwrp{padding: 60px 0;position: relative;overflow: hidden;}
.pricingwrp:after{content: "";background-image: url(../images/pkge-b2.webp);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: -50px;background-size: cover;right: 0;z-index: -3;}
.pricingwrp:before{content: "";background-image: url(../images/pkge-b1.webp);position: absolute;width: 410px;height: 100%;background-repeat: no-repeat;top: 0;background-size: cover;left: -60px;}
.pricingwrp .txtwrp{display: block;text-align: center;width: 80%;margin: 0 auto;}
.pricingwrp .txtwrp h4{color: #000; font-size: 20px; }
.pricingwrp .tabbing-links{margin: 20px 0 30px;text-align: center;}
.pricingwrp .tabbing-links li{display: inline-block;color: #000;margin: 0 19px;font-size: 16px;cursor: pointer;font-weight: 500;}
.pricingwrp .tabbing-links li.current{border-bottom: 1px solid;}
.pricingwrp ul.pkge-tab{padding: 20px 0 0;text-align: center;}
.pricingwrp ul.pkge-tab li{transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;display: inline-block;width: 31%;margin: 0 10px;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 75%);border-radius: 7px;margin-bottom: 30px;}
.pricingwrp ul.pkge-tab li:hover{transform: scale(1.1);}
.pricingwrp ul.pkge-tab li .pkgwrp{text-align: center;border: 1px solid #000;padding: 0px 0px 30px;border-radius: 7px;background-color: #fff;}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);padding: 20px 0 0;border-radius: 7px 7px 0 0;}
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h4{color: #fff; font-size: 24px; }
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h2{color: #fff; font-size: 34px; }
.pricingwrp ul.pkge-tab li .pkgwrp .namwrp h2:after {    content: '/ USD';    font-size: 14px;    margin: 0 0 0px -5px;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail{padding: 11px 30px 10px; }
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail p{color: #000;text-align: left;font-size: 14px;font-weight: 500;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul{margin: 0 0 10px 0px;height: 205px;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li{display: block;text-align: left;margin: 0;width: 100%;padding: 0 0 7px;font-size: 16px;color: #777;position: relative;box-shadow: unset;margin: 0 0 0 20px;font-weight: 500;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li:hover{      transform: unset;}
.pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li:after{content: "\f058";font-family: 'FontAwesome';position: absolute;left: -20px;top: 0;color: #e63447;overflow: visible;}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp{padding: 10px 20px 0px; }
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp p{color: #000; font-size: 15px; font-weight: 600; padding: 0 0 27px; display:none;}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp p span{color: #e63646;}
.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp .btn-main{margin: 0 3px 11px;text-decoration: none;transition: all 0.3s ease;}
/*.pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp a{display: none;color: #777;text-decoration: revert;}*/
.pricingwrp .btnwrp{display: block;text-align: center;margin: 20px 0 0;}
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge{padding: 0 0 50px; }
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h4{font-size: 28px; }
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h2{font-size: 38px; }
.pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp{padding: 25px 0 0; }
section.pricingwrp.portfoliowrp {
    padding: 0;
    position: relative;
    overflow: visible;
    margin: 70px 0px;
}



section.continue {
    background-image: url(../images/white-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
    text-align: center;
}

.cont_inner h3 {font-size: 16px; font-weight: 800; color: #e84e30; margin-bottom: 15px; }

.cont_inner {text-align: right; margin-bottom: 45px; }

.cont_inner ul {list-style-type: none; }

.cont_inner ul li {font-size: 15px; font-weight: 600; margin-bottom: 6px; }

.cont_inner.rights {text-align: left; margin-left: 0px; }

.cont_inner.rights ul {padding: 0; }
.cont_inner img {width: 100%; }
.chats {width: 100%; margin-top: 27px; }
.chats h3 {font-weight: 500; font-size: 20px; }
.chats h3 a{color: #e63945;}
.hk_mediaa a {padding: 10px 30px; font-size: 18px; }
.continue .hk_mediaa{}
.continue .hk_mediaa a{color: #fff; font-weight: 700; display: inline-block; /* text-transform: uppercase; */ margin: 10px 0 0 0; border-radius: 5px; padding: 10px 20px; font-size: 15px; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; background: linear-gradient(110deg , #e99019 0, #e62f4a 100%); transition: 0.4s; filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#14aae7', endColorstr='#3945d7', GradientType=0); margin-right: 10px; border: none; }
.continue .hk_mediaa a:after{display: none;}    
.ctawrp .btnwrp .btn-main{border: 1px solid;background: #000;border: none;}


.title-effect {width: 50px;height: 50px;top: 0;position: absolute;left: 0;opacity: 0.5;animation: rotation 12.8s steps(1) 0s infinite;}
.text-center .title-effect{left: 50%; margin-left: -25px;}
.text-center .section-title h6{padding: 15px 0;}

.title-effect .bar {background: #e6304a;}
.title-effect .bar-top {width: 100%;height: 2px;position: absolute;top: 0;left: 0;transform-origin: left top;transform: scale(0, 1);animation: bar-top 3.2s linear 0s infinite;}
.title-effect .bar-right {width: 2px;height: 100%;position: absolute;top: 0;right: 0;transform-origin: left top;transform: scale(1, 0);animation: bar-right 3.2s linear 0s infinite;}
.title-effect .bar-bottom {width: 100%;height: 2px;position: absolute;right: 0;bottom: 0;transform-origin: right top;transform: scale(0, 1);animation: bar-bottom 3.2s linear 0s infinite;}
.title-effect .bar-left {width: 2px;height: 100%;position: absolute;left: 0;bottom: 0;transform-origin: left bottom;transform: scale(1, 0);animation: bar-left 3.2s linear 0s infinite;}

.title {position: relative; color: #1c1d3e; margin-bottom: 0;}
.process{background: #ffffffd1;padding: 70px 0px;border-radius: 6px;backdrop-filter: blur(7px );width: 100%;margin: 0 auto;}
.step-num-box .step-icon span i{color: #e6314a;}
/* ------------------------
    How It Work
------------------------*/
.work-process{position: relative;}
.step-num {background: #fff;border-radius: 50%;box-shadow: 0 12px 20px 0 rgba(117, 178, 240, 0.4);color: #e6304a;display: inline-block;font-size: 18px;font-weight: 600;height: 50px;right: 0;line-height: 55px;position: absolute;text-align: center;top: 0;width: 50px;}
.theme-bg .work-process h4, .theme-bg .work-process p{color: #ffffff;}
.step-icon {background: #ffffff; width:140px; height:140px; position: relative; border: 3px solid #fafaff; border-radius: 50%; line-height: 140px; font-size: 40px; text-align: center; color: #1c1d3e;}
.step-icon span {position: relative;}
.step-icon span::after, .step-icon span::before {border-radius: 50%; content: ""; height: 40px; position: absolute; width: 40px; z-index: -1;}
.step-icon span::after {background: #cdf3f6; height: 25px; left: -10px; top: 5px; width: 25px;}
.step-icon span::before {background: #d4f8e6; bottom: 0; right: -10px;}
.dark-bg .step-icon{color: rgba(255,255,255,0.9); background: none;}
.dark-bg .step-desc h4{color: #2575fc;}
.dark-bg .step-icon{border-color: rgba(255,255,255,0.1);}
.dark-bg .step-desc p{color: rgba(255,255,255,0.7);}
.step-num-box{position: relative; display: inline-block; margin-bottom: 20px;}
.work-process .box-loader{position: absolute; top: 30%; right: -15%; left: inherit;}
.work-process.style-2 {padding: 0; display: flex; align-items: center;}
.work-process.style-2:before{display: none;}
.work-process.style-2 .step-num-box {margin-bottom: 0; margin-right: 30px;}
.work-process.style-3 {padding: 70px 30px 0;}
.work-process.style-3 .step-num {background: none; box-shadow: none; color: rgba(255, 255, 255, 0.1); font-size: 120px; height: auto; left: 50%; line-height: 120px; margin-bottom: 0; position: absolute; top: 0; transform: translateX(-50%); width: auto;}
#svg-container {position: absolute; width: 100%; left: 52%;  z-index: -1; transform: translateX(-50%); width: 75%;}
#svgC {margin: 0 auto; width: 100%;}
    box-loader
------------------------*/
.box-loader {border-radius: 100%; margin: 0 auto; position: absolute; top: 15px; left: 15px;}
.box-loader span{display: inline-block;width: 10px;height: 10px;border-radius: 100%;background: #e6304a;margin: 0 5px;opacity: 0;}
.box-loader span:nth-child(1){animation: opacitychange 1s ease-in-out infinite;}
.box-loader span:nth-child(2){animation: opacitychange 1s ease-in-out 0.33s infinite;}
.box-loader span:nth-child(3){animation: opacitychange 1s ease-in-out 0.66s infinite;}

*--rotation--*/

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bar-top {
  0% {
    transform: scale(0, 1);
  }
  12.5% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-right {
  0% {
    transform: scale(1, 0);
  }
  12.5% {
    transform: scale(1, 0);
  }
  25% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(1, 1);
  }
  87.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}
@keyframes bar-bottom {
  0% {
    transform: scale(0, 1);
  }
  25% {
    transform: scale(0, 1);
  }
  37.5% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 1);
  }
  75% {
    transform: scale(0, 1);
  }
  100% {
    transform: scale(0, 1);
  }
}
@keyframes bar-left {
  0% {
    transform: scale(1, 0);
  }
  37.5% {
    transform: scale(1, 0);
  }
  50% {
    transform: scale(1, 1);
  }
  62.5% {
    transform: scale(1, 0);
  }
  100% {
    transform: scale(1, 0);
  }
}

/*--opacitychange--*/

@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}

.testisec{padding:60px 0;overflow:hidden;background-color:#ffffff;}
.testisec .testimonialswrap{display:inline-block;width:100%;}
.testisec .testimonialswrap .twoColumns{overflow:hidden;}
/*.testisec .testimonialswrap .twoColumns .twoColumnItem{padding-top:40px;}*/ 
.testisec .testimonialswrap .twoColumns .twoColumnImage{}
.testisec .testimonialswrap .twoColumns .twoColumnItem,.testisec .testimonialswrap .twoColumns .twoColumnImage{position:relative;width:50%;float:left;padding-left:30px;padding-right:30px;align-self:center;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote{position:relative;border:none;padding-left:60px;margin-bottom:35px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote:before{position:absolute;display:block;content:"\e910";font-family:'icomoon' !important;top:-11px;left:0;color:#2e2e2e;font-weight:400;font-size:40px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote h3{font-size:42px;padding-bottom:0;margin-top:0;color:#2e2e2e;margin-bottom:1.6rem;line-height:1.1;letter-spacing:-.025em;}
.testisec .testimonialswrap .twoColumns .twoColumnItem blockquote p{margin-left:30px;max-width:90%;letter-spacing:-.025em;padding-bottom:0;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo{display:inline-block;width:100%;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf{position:relative;width:50%;padding-top:15px;float:left;padding-left:60px;padding-right:30px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf h5{color: #e6304a;font-weight:400;font-size:20px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .infohalf h5 span{margin-top:3px;color:#999;display:block;font-size:15px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .signhalf{position:relative;width:50%;float:left;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .signhalf figure{margin-bottom:0px;}
.testisec .testimonialswrap .twoColumns .twoColumnItem .clientinfo .signhalf figure img{width:150px;margin:0 auto;display:table;}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure{margin-bottom:0;}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage{}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage img{max-height:450px;max-width:none;}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure .designImage{}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure figcaption{padding-left:10%;margin-top:5px;}
.testisec .testimonialswrap .twoColumns .twoColumnImage figure figcaption .attribution{font-family:Georgia,serif;color:#999;font-style:italic;font-size:14px;}
.testisec .testimonialswrap .slick-dots{text-align:left;max-width:1140px;margin:0 auto;width:1140px;display:table;left:0;right:0;padding-left:90px;bottom:-20px;}
.testisec .testimonialswrap .slick-dots li{}
.testisec .testimonialswrap .slick-dots li button{}
.testisec .testimonialswrap .slick-dots li button:before{background: #e6304a;}
.testisec .testimonialswrap .slick-prev{left:60px;}
.testisec .testimonialswrap .slick-next{right:60px;}
.testisec .testimonialswrap .slick-prev,.testisec .testimonialswrap .slick-next{z-index:9;top:48%;background: #e6304a;width:50px;height:50px;border-radius:50%;transition-duration:.15s;transition-timing-function:ease-out;transition-proprty:opacity,visibility;}
.testisec .testimonialswrap .slick-prev:hover,.testisec .testimonialswrap .slick-next:hover{opacity:0.8;transition-duration:.15s;transition-timing-function:ease-out;transition-proprty:opacity,visibility;}
.testisec .testimonialswrap .slick-prev:before,.testisec .testimonialswrap .slick-next:before{color:#fff;font-size:26px;}
.testisec .testimonialswrap .slick-prev:before{content:"\e958";font-family:'icomoon' !important;}
.testisec .testimonialswrap .slick-next:before{content:"\e957";font-family:'icomoon' !important;}

/* footer 
------------------------------------*/
.footer-main {background: #33475b;margin: 0px 0 0 0;}
.footer-top {padding: 260px 0 0;}
.footer-top h4 {color: white;font-size: 14px;font-weight: 700;text-transform: uppercase;margin: 10px 0;padding:0px;position: relative;}
.footer-main p{color: #fff;font-size: 14px;padding-bottom: 0px;text-align: left;}
.footerleft a{color: #fff;font-size: 16px;padding: 20px 30px 0 0px;display: inline-block;/* width: 100%; */margin-bottom: 10px;display: inline-block;}
.footerleft .clr-two{color: #ffba00;}
.address-main ul {width:100%;display: inline-block;margin: 10px 0;}
.address-main ul li{display: inline-block;line-height:28px;font-size:14px;padding: 0 0 8px 18px;position: relative;color:white;}
.address-main ul li a { color:white;}
.address-main ul li a:hover { color:#c2c2c2;}
.address-main ul li span {position: absolute;left: 0;top: 5px;color: var(--primary-color);font-size:15px;}
.ftr-social {text-align: left;display: table;margin: 0;}
.ftr-social li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social li a { display: block; padding: 0; text-align: center; }
.ftr-social li a span {color: #cbd6e2;font-size: 14px;margin: 0;}
.ftr-social li a:hover span {color: #fff !important;}
.ftr-social li a:hover span.icon-facebook {color:#3b5998;}
.ftr-social li a:hover span.icon-twitter {color:#1da1f2;}
.ftr-social li a:hover span.icon-google-plus {color:#dd5044;}
.ftr-social li a:hover span.icon-linkedin {color:#007bb6;}
.ftr-social li a:hover span.icon-youtube-play {color:#c4302b;}
.ftr-social li a:hover span.icon-pinterest-p{color: #C92228;}
.ftr-social li a:hover span.icon-instagram{color: #fb3958;}
.ftr-social li a:hover span.icon-vimeo{color: #4EBBFF;}
.ftr-social li a:hover span.icon-medium{color: #347235;}
.ftr-social2 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social2 li { float: left; margin: 0 10px 0 0; position: relative; text-align: center; }
.ftr-social2 li a { display: block; padding: 0; text-align: center; }
.ftr-social2 li a span { background:#3b5998; width:30px; height:30px; line-height:30px; border-radius: 50%; color: white; font-size: 15px; margin: 0; display: block; }
.ftr-social2 li a:hover span { color: white; }
.ftr-social2 li a span.icon-facebook {background:#3b5998;}
.ftr-social2 li a span.icon-twitter {background:#1da1f2;}
.ftr-social2 li a span.icon-google-plus {background:#dd5044;}
.ftr-social2 li a span.icon-linkedin {background:#007bb6;}
.ftr-social2 li a span.icon-youtube-play {background:#c4302b;}
.ftr-social3 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social3 li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social3 li a { display: block; padding: 0; text-align: center; }
.ftr-social3 li a span { color: white; font-size: 25px; margin: 0; }
.ftr-social3 li a:hover span { color: lightgray; }
.footer-nav {text-align:  right;list-style-type: none;margin: 12px 0 20px;width: 100%;display: inline-block;}
.footer-nav li {/* padding: 0 0 5px 15px; */margin-right: 20px;position: relative;display: inline-block;}
.footer-nav li:before {position: absolute;font-family: 'icomoon' !important;left: 0px;top: 3px;font-size: 13px;color: var(--primary-color);}
.footer-nav li a {font-size: 12px;font-weight: 400;color: white;}
.footer-nav li a:hover { color: #c2c2c2; }
.subscribe-main {margin: 30px 15px 10px;width: 100%;float: right;text-align:  right;display:inline-block;}
.subscribe-main input[type='text']{background: white;border: 0;border-radius: 5px 0 0 5px;color: #9d9d9d;padding:10px;font-size: 14px;font-weight: 300;float: left;height: 30px;line-height: 30px;width: 65%;}
.subscribe-main input[type='submit']{background: #20CB98;border:0px;color:white;border-radius: 0px 5px 5px 0;padding: 0;font-size: 14px;font-weight: bold;text-transform: capitalize;cursor:pointer;float: left;height: 30px;width: 35%;}
.subscribe-main input[type='submit']:hover{background: #23bb8f;}
.subscribe-main input::-webkit-input-placeholder {color: #9d9d9d; opacity: 1 !important; }
.subscribe-main input:-moz-placeholder {color: #9d9d9d; }
.subscribe-main input::-moz-placeholder {color: #9d9d9d; }
.subscribe-main input:-ms-input-placeholder {color: #9d9d9d;}
.footer-bottom {background: #000000;padding: 15px 0;text-align: center;color: #fff;}
.footer-bottom ul{display: block;text-align: right;font-size: 9px;color: #919bd3;margin: 0;}
.footer-bottom ul li{display: inline-block;padding: 0 7px;font-size: 9px;color: #919bd3;vertical-align: middle;}
.footer-bottom ul li a{display: block;font-size: 13px;color: #fff;text-transform: capitalize;}
.footer-nav2 { list-style-type: none;; margin: 10px 0 10px 0; float: right;  }
.footer-nav2 li { float: left; padding: 0 12px; position: relative; }
.footer-nav2 li:first-child { padding-left:0px;}
.footer-nav2 li:before { position: absolute; content: ""; width: 1px; height: 13px; background: white; left: 0px; top: 30%; }
.footer-nav2 li:first-child:before { display: none; }
.footer-nav2 li a {font-size: 13px;font-weight: 400;color: #cbd6e2;}
.footer-nav2 li a:hover {color: #fff;}
.copyright {padding: 10px 0 0px 0;margin: 0px;font-size: 12px;color: #cbd6e2;}
.copyright span {color: #cbd6e2;}
.disclaimer-area { background: black; padding: 10px 0; }
.disclaimer { font-size: 11px; font-weight: 400; color: white; line-height: 18px; margin: 0; padding: 10px 0; }
.disclaimer strong { color: var(--primary-color); font-weight: 500; }
#footer>.container>.row { padding: 60px 0 }
#footer>.container>.row~.row { padding: 0 }
footer .social-full { border-top: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,.06) }
footer .logo-card{position: relative; }
footer .logo-card img{margin: 95px 0 0;width: 500px;}
ul.footer-level-nav {}
ul.footer-level-nav li {display:inline-block;}
ul.footer-level-nav li a {    padding: 0 16px 0 0px;}
.footer-top{background-size: contain !important;padding: 60px 0;background-color: #170B28;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);}
.footer-top h3{padding-top: 22px;color: #FFBA00;padding-bottom: 17px;font-size: 14px;margin-bottom: 6px;}
.footer-top h3.nobrder{border-bottom:0px;}
.footer-top .linkinglist{display: inline-block; margin-bottom: 0; }
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{color: #fff; }
.footer-top .socialmid{}
.footer-bottom .fologo{}
.footer-bottom .fologo img{} 
.footerleft figure img{height: 47px;margin: 20px 0 20px;}
ul.socialwrp {    display: block;    text-align: left;    margin: 10px 0 0;}
ul.socialwrp li a i{font-size: 17px;display: block;color: #ffffff;}
ul.socialwrp li {    display: inline-block !important;padding: 0 10px 0px 0;}
footer .card-img{position: absolute; left: 560px; bottom: 10px; }
.intl-tel-input{width: 100%;}


.logo-d .ban-form.ban-form #pricingform{width: 90%;border: 1px solid #feca01;background: #c82e6d8c;}

.logo-d .ban-form.ban-form .txtwrap h2{    text-align: left;}
/*.logo-d .ban-form.ban-form .txtwrap{    margin: 0 0 -20px;}*/
.logo-d .ban-form.ban-form .txtwrap h2 img{width:100px;}
.logo-d .txtwrap.serv-form{position: relative;}
.logo-d.unset .inner-banner{position: relative;-webkit-animation: unset;animation: unset;overflow: hidden;}
.logo-d .overlay{position: absolute;width: 100%;height: 100%;background: #00000085;top: 0;}
.logo-d .txtwrap.serv-form img{width:140px;    position: absolute;    right: -70px;    top: -80px;}
.imgwrp.animate-image{}
.imgwrp.animate-image img{width: 100%;}
.imgwrp.animate-image ul li{    display: inline-block;    width: 32%;}
.imgwrp.animate-image ul li img{width: 200px;}
span.ban-txt {    font-size: 26px; color: #f5cb3a;}
.logo-d.unset .inner-banner video{    width: 100%;    position: absolute;    z-index: -1;    top: 0;}


.ban-form.ban-form{}
.ban-form.ban-form #pricingform{width: 85%;    float: right;   padding: 30px 30px 20px;   background: #00000059;    border-radius: 8px;}
.ban-form.ban-form #pricingform .field-group{    margin: 0 0 10px;}
.ban-form.ban-form #pricingform .field-group ::placeholder{color:#ffffffad;}
.ban-form.ban-form [type=reset], [type=submit], button, html [type=button]{width: 100%;     border: none;}
.ban-form.ban-form #pricingform textarea{    min-height: 70px;}
.inner-banner .btn-1{     padding: 10px 0;   color: #000; border: 1px solid #fff; padding: 14px 30px; font-size: 18px; border-radius: 6px; margin: 0px 10px 0 0; background: #fff;} 
.inner-banner .btn-2{    color: #fff; padding: 14px 30px; font-size: 18px; border-radius: 6px; background: #0076fe;}
.btn-wrap{padding: 20px 0 0;}
.ban-form.ban-form .txtwrap{padding: 0 15px;     width: 100%;}
.ban-form.ban-form .txtwrap h2{color: #fff; font-size: 32px;    text-align: center;}
.ban-form.ban-form .txtwrap p{color: #fff;}
.unset .inner-banner .hero__container {    width: unset; max-width: unset; margin: unset; padding-right: unset; padding-left: unset; position: unset;}
.bg{background: rgb(233 141 27 / 4%) !important; color:#fff !important;}


.ban-form.ban-form input#urlarea{border-radius: 6px;}
.ban-form form input, textarea, select{background: rgb(255 255 255 / 0%);     border: 1px solid #e5e5e58f; color:#000;}
.unset .inner-banner{padding: 200px 0 50px;height: unset;}
.unset .inner-banner p.main-pera{padding: 10px 0 15px;font-size: 20px;color: #fff;}


.inner-banner form input, .inner-banner textarea, .inner-banner select{width: 100%; margin: 0 0 0 0; border: 1px solid #e5e5e5; background: rgba(255, 255, 255, 0.5); padding: 14px 20px; color: #535971; font-size: 16px; border-radius: 6px; font-weight: 400; outline: none !important; }
.inner-banner form input[type=file]{border: none; padding: 14px 0px; } 
.inner-banner form button {width: 210px;color: #fff;font-weight: 700;cursor: pointer;text-align: center;font-family: var(--primary-font-family);font-size: 18px !important;display: inline-block;padding: 14px 0;border-radius: 6px;border: 1px solid;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);}
.inner-banner form textarea {resize: none; min-height: 140px; color: #000; }
.inner-banner form button i.icon-arrow-right{font-size: 16px;padding-left: 10px;}
.inner-banner button:focus{border: none;outline: none;}


/*.inner-banner{}
.inner-banner .hero__headline{color: #fff;}*/
.inner-banner .hero__container{width: 100%;max-width: 750px;margin: 0 auto;padding-right: 25px;padding-left: 25px;position: absolute;left: 0;right: 0;}
.inner-banner .hero__container .hero__header{margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
.inner-banner .hero__container .hero__header .hero__page{font-weight: 400;font-size: 12px;line-height: 1.75;letter-spacing: 1.1px;margin-bottom: 10px;padding-bottom: 0px;color: #fff;text-transform: uppercase;}
.inner-banner .hero__container .hero__header .hero__headline{ font-weight: 600; font-size: 44px; line-height: 1.2; margin-top: 0; margin-bottom: 0; color: #fff; }
.clntlgs{}
.clntlgs li{display: inline-block;    padding: 30px 20px 0 0;}
.clntlgs li img{
    height: auto;
}

section.form_lyfe {
    padding: 70px 0;
    overflow: hidden;
}

.tick-list{}
.tick-list li{
    position: relative;
    color: #616884;
    font-size: 16px;
    padding-left: 30px;
    font-weight: bold;
    width: 49%;
    display: inline-block;
}
.tick-list li:before{content: '\f00c';font-family: 'FontAwesome';position: absolute;left: 0;color: #e9881d;}


.wedeliver{padding: 90px 0;}

.features__items {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.features__item {text-align: center;width: 33%;padding: 0 25px;margin-top: 50px;position: relative;}
.features__dot--rotate {top: -10px;transform-origin: 50% 50px;animation: circleclock 30s linear infinite;}
.features__dot--float-vert, .features__dot--rotate {position: absolute;z-index: -1;left: 47%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 20px;height: 20px;border-radius: 50%;background: #e8851ea6;}
.features__dot--float-vert {top: -10px;transform-origin:50% 45px;animation: circleanticlock 9s linear infinite;}
@keyframes circleclock {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
@keyframes circleanticlock {
    from { transform:rotate(0deg); }
    to { transform:rotate(-360deg); }
}
.features__img {width: 62px;}
.features__title {color: #3a3e54;font-weight: 700;font-size: 24px;line-height: 1.4;margin-top: 20px;}
p.features__desc {font-family: var(--secondary-font-family);color: #616884;font-size: 18px;line-height: 1.4;}

img.attachment-thumbnail.size-thumbnail.lozad {
    height: 60px;
    width: 62px;
}





.awardswrp{padding: 70px 0;background: #d2d4d614;}
.awardswrp .txtwrp{display: block; text-align: center; }
.awardswrp .mainwrp{}
.awardswrp .mainwrp ul{margin: 20px 0 0; text-align: center; }
.awardswrp .mainwrp ul li{display: inline-block;margin: 0 0px;border-right: 1px solid #00000036;padding: 0 50px;}
.awardswrp .mainwrp ul li img{width: 100%;}
.awardswrp .mainwrp ul li.b-nonee{border-right: unset;}


.btm-form{    padding: 50px 0 90px;}
.btm-form .txtwrp{}
.btm-form .txtwrp img{width: 90%;text-align: center;margin: 0 0 0 -40px;}
.btm-form form{}
.btm-form form .lable{width: 100%;display: flex; height: 55px; border: 1px solid #e9e8ee; background-color: #f9f9f9; margin: 0 0 20px; border-radius: 4px; }
.btm-form form .lable span{font-size: 20px; border-right: 1px solid #e9e8ee; padding: 8px 10px 0 10px; margin: 0 0 0 0px; display: inline-block; height: 100%;    vertical-align: top; }
.btm-form form .lable input{width: 86%; height: 100%; float: right; border: none; background-color: #f9f9f9; padding: 0 0 1px 9px; outline: none; }
.btm-form form button.btn{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);color: #fff;width: 100%;margin: 20px 0 0;font-size: 17px;height: 55px;font-weight: 600;border: none;}
.btm-form form .lable textarea{width: 93%; height: 150px; border: none; background-color: #f9f9f9; padding: 20px 0 1px 47px; outline: none; resize: none; }
.btm-form form .lable select{width: 86%; height: 100%; float: right; border: none; background-color: #f9f9f9; padding: 0 0 1px 9px; outline: none;} 
.btm-form form .lable.msg{height: 100%; position: relative; border-radius: 4px; padding: 0 0 0 10px; }
.btm-form form .lable.msg .txtara{height: 100%; margin: 0; padding: 0; position: absolute; width: 5%; }
.btm-form form .lable.msg i{margin: 60px 0 0px 3px; }


.header__content {margin: 0px 0 30px; }


.about-pg .port-bnnerwrp{    padding: 210px 0 40px;}
.about-pg .port-bnnerwrp .txtwrp{}
.about-pg .port-bnnerwrp .txtwrp p{color: #fff; }
.about-pg .port-bnnerwrp .txtwrp ul{}
.about-pg .port-bnnerwrp .txtwrp ul li{color: #fff; display: inline-block; width: 33%; padding: 0 0 7px; }
.about-pg .port-bnnerwrp .txtwrp ul li i{color: #e98c1b; margin: 0 9px 0 0; }
.about-pg .port-bnnerwrp .clintslogo ul{margin: 30px 0 0; }
.about-pg .btm-form{padding-top: 50px;}


.company-about-section {background: linear-gradient(to right, #e99019 0%, #e6304a 100%); padding: 30px 0px 5px 0px; }
.company-about-list {display: flex; justify-content: space-between; }
.company-about-list li {background: url(https://oktalogodesigns.com/assets/images/2020-new/border-sap.png) no-repeat 78% center; width: 20%; }
.company-about-list li p {font-size: 20px; color: #FFFFFF; text-align: center; }
.company-about-list li h4 {font-size: 45px; color: #FFFFFF; font-family: 'Poppins', sans-serif; font-weight: 700; text-align: center; margin: 0; }

  .abouts p {color: white; font-size: 18px; }
.clintslogo {width: 100%; margin-left: 45px; }
.port-bnnerwrp {padding: 235px 0 80px; position: relative; }
section.port-bnnerwrp:before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.9); }

.port-bnnerwrp h1{color: #fff;padding-bottom: 15px; }
.port-pg.portsection{background-image: url(https://oktalogodesigns.com/assets/images/home-pricing-section.jpg);}
.port-pg.portsection .txtwrp h2{color: #000; }
.port-pg.portsection .txtwrp p{color: #000; }
.port-pg.portfoliowrp .navwrp .tabbing-links li{color: #000;font-weight: 600;}
.port-pg.btm-form{padding-top: 50px;}
.secndwrp .imgwrp img{width: 90%;}



.inner-banner{}
.inner-banner .hero__header{}
.inner-banner .hero__header ul{padding: 0 0 20px; }
.inner-banner .hero__header ul li{font-size: 16px;padding: 0 0px 10px 30px;position: relative;color: #f3e0e0;}
.inner-banner .hero__header ul li:after{content: '\f00c';font-family: 'FontAwesome';position: absolute;left: 0;color: #e9881d;top: 0;}
.inner-banner .btn-secnd{color: #fff;}


.termspage{padding: 100px 0 90px;}
.terms-privcy-pg{padding: 250px 0 90px; background-repeat: no-repeat; background-size: cover; }
.terms-privcy-pg h1{color: #fff; }




/*imran custom*/

.belowform .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;}
.belowform .form-box-main form label.field-txt span {color: #e60303;}
.belowform .form-box-main form input[type="text"],
.belowform .form-box-main form input[type="email"],
.belowform .form-box-main form input[type="number"],
.belowform .form-box-main form input[type="tel"],
.belowform .form-box-main form textarea {width: 100%;margin: 0 0 15px 0;border: 1px solid #B2B9C1;background: white;padding: 18px 15px;color: #000;font-size: 18px;font-weight: 400;height: 55px;border-radius: 8px;}
.belowform .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;}
.belowform .form-box-main form select:focus{border-radius: 8px 8px 0px 0px;}
.belowform .form-box-main form select[name="ddlMonth"], .belowform .form-box-main form select[name="ddlDay"], 
.belowform .form-box-main form select[name="ddlYear"] { float: left; width: 32.5%; margin: 0 1% 0 0; }
.belowform .form-box-main form select[name="ddlYear"] { margin: 0; }
.belowform .form-box-main form textarea { width: 100%; margin: 0; padding: 8px 12px; height: 100px; }
.check-list {/* float:left; *//* margin:0 15px 0 0; */}
.belowform .form-box-main form input[type=checkbox]:not(old),
.belowform .form-box-main form input[type=radio   ]:not(old){width: 20px;margin:0;padding:0;cursor:pointer;position: relative;}
.belowform .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; }
.belowform .form-box-main form input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; }
.belowform .form-box-main form input[type=radio]:not(old):checked + label{ background-position : 0 -48px; }

.belowform .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;margin-top: 20px;border:none;padding: 20px 60px;font-size: 16px;    background-color: #e98d1a;border-radius: 8px;border: 3px solid;cursor:  pointer;}
.belowform .form-box-main form input[type="submit"]:after { content: "\e93a"; 
 font-family: 'icomoon' !important;  font-size: 13px; color: white; padding-left: 10px; }
.belowform .form-box-main form input[type="submit"]:hover {display: inline-block; color: #fff;}


.belowform .form-box-main form input::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.belowform .form-box-main form input:-moz-placeholder { color: gray; }
.belowform .form-box-main form input::-moz-placeholder { color: gray; }
.belowform .form-box-main form input:-ms-input-placeholder { color: gray; }
.belowform .form-box-main form textarea::-webkit-input-placeholder { color: gray; opacity: 1 !important; }
.belowform .form-box-main form textarea:-moz-placeholder { color: gray; }
.belowform .form-box-main form textarea::-moz-placeholder { color: gray; }
.belowform .form-box-main form textarea:-ms-input-placeholder { color: gray; }
.belowform .form-box-main form input:focus, .belowform .form-box-main form textarea:focus,
.belowform .form-box-main form select:focus, .belowform .form-box-main form option:focus,
.selected-flag{ outline: none; }
 input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button a{ -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

.belowform .form-box-main form .intl-tel-input { width: 100%; }
.belowform .form-box-main form .intl-tel-input .country-list { width: 380px; }
.belowform .form-box-main form .intl-tel-input .country-list .country { font-size:13px; }
.belowform .form-box-main [type=submit]{
    background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
    margin: 15px 0 0;
    cursor: pointer;
    height: 55px;
}

.belowform .form-box-main [type=submit]:after{display: none;}

.belowform .form-box-main form label.error, label.error {color: red; font-style: italic; margin-bottom:0px; display: none !important; }
.get-a-pg{    padding: 180px 0 50px;}
.get-pg .header-main .upr-head .navwrp ul li a{color: #000;}
.get-a-pg h1{color: #000;padding-bottom: 15px;}

.logo-d .header-main .upr-head .navwrp ul li a{    color: #fff;}
.logo-d .header-main.showmenu .navwrp ul li a{    color: #000;}



.contact-pg .header-main{background: #fff;}
.contact-pg .header-main .upr-head .navwrp ul li a{color: #000;}
.contact-pg .header-main .logo-clr{display: none;}
.contact-pg .header-main .logo-blk{display: block;}


.get-pg textarea{    margin: 15px 0 0 !important;}



.stjr-review-button-widget {    background:linear-gradient(45deg, #e6314a 0%,#2c0776 42%,#91298b 100%) !important}
img.stjr-review-button-widget-footer__logo {    margin-top: 0 !important;}
.stjr-container a{padding:0;}
.stjr-review-button-widget-body__title {    color: #fff  !important;}
.stjr-review-button-widget .stjr-sj-button {    background: linear-gradient(to right, #e99019 0%, #e6304a 100%) !important;}
.stjr-review-button-widget {    border: 0px solid #e0e0e0 !important;}
#stjr-reviews-tab__button {    background: linear-gradient(45deg, #e6314a 0%,#2c0776 42%,#91298b 100%) !important;    color: #ffffff !important;}


/*industry*/

.industry {       padding: 50px 0;    background: linear-gradient(45deg, #e6314a 0%,#2c0776 42%,#91298b 100%);}
.allinline{
    display:inline-flex;
}
.ichange{
    width: 37%;
    margin-top: -10px;
}
.indus-box a h4:hover {
    color: #e98f19;
}
.industry .row {
    margin-bottom: 30px;
    padding: 0px 0px 0px 55px;
}

.industry .row:last-of-type {
    margin-bottom: 0px;
}

.industry h4 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
}
.industry h2{color:#fff;}

.indus-box h4 {
    /* font-family: 'Ubuntu', sans-serif; */
    color: #fff;
    font-size: 13px;
    line-height: 24px;
    float: left;
}

.indus-box {
    display: inline-flex;
    margin: 0 auto;
    width: 100%;
}

.no-padding {
    padding: 0;
}

.indus-box img {
    float: left;
    margin-right: 10px;
    height: 37px;
    width: 37px;
}

.industry h2 {
    margin-bottom: 60px;color:#fff;
}


/*industy end*/


/*floating strips css start */
.floatbutton.active{right: 0;z-index: 9;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 27%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 9;}
.floatbutton .clickbutton{border-radius: 30px 0px 0px 30px;background: #fff;width: 50px;z-index: 999;height: 270px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);display: inline-block;padding-top: 0;vertical-align: top;background-image: linear-gradient(to right, #e99019 0%, #e6304a 100%);margin-top: 134px;color: #fff;font-size: 14px;font-weight: 700;position: relative;text-transform: uppercase;font-family: 'Poppins', sans-serif !important;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026;/* border: 1px solid #07379a; */}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;font-size: 16px;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;left: -79px;white-space: pre;bottom: 122px;font-weight: bold;}
.floatbutton .clickbutton .crossplus.rotate{/* transform: rotate(45deg); */-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #f43535;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 9;border-radius: 5px 0 0 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}
.banform{}
.ban-form{}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #333;font-size: 24px;margin-bottom: 20px;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #f43535;border-radius: 9px;text-align: center;background-image: linear-gradient(to right, #e99019 0%, #e6304a 100%);padding: 10px 15px;margin: 20px 0 0;border: transparent;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;}



.btns_wrap{position:fixed;right: -6px;}
.btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;background: #fff;top: 100px;padding: 0;border-radius: 50px 0px 0px 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.btns_wrap .call_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 20px 15px 15px;}
.btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;padding: 0;background: #fff;top: 6px;border-radius: 0px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 50px 0px 0px 50px;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #fff;background-image: linear-gradient(to right, #e99019 0%, #e6304a 100%);font-size: 18px;padding: 18px 20px 16px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 50px 0px 0px 50px;}
.btns_wrap .chat_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 30px 15px 15px;}

.btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;background: #fff;top: 70px;padding: 0;border-radius: 50px 0px 0px 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
.btns_wrap .call_wrap-2{width: 280px;position: absolute;right: -225px;background: #fff;top: 134px;padding: 0;border-radius: 50px 0px 0px 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.btns_wrap .call_wrap-2 span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 20px 15px 15px;}
.btns_wrap .chat_wrap-2{display: block;position: absolute;right: -225px;width: 280px;padding: 0;background: #fff;top: 33px;border-radius: 0px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 50px 0px 0px 50px;}
.btns_wrap .chat_wrap-2 span.icoo,
.btns_wrap .call_wrap-2 span.icoo{color: #fff;background-image: linear-gradient(to right, #e99019 0%, #e6304a 100%);font-size: 18px;padding: 18px 20px 16px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 50px 0px 0px 50px;}
.btns_wrap .chat_wrap-2 span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 30px 15px 15px;}
/*floating strips css end */

#stjr-reviews-tab__button.stjr-reviews-tab__right{left: -88px;    right: unset !important;}

.footer-main p a{color: #e98f19;}
.paymentpage{}
.paymentpage .pricingwrp{margin: 0 !important;    padding: 200px 0 50px !important;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .namwrp{}
.paymentpage .pricingwrp ul.pkge-tab li{}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp{}
.paymentpage{}

.paymentpage .pricingwrp ul.pkge-tab{padding: 20px 0 0;text-align: center;}
.paymentpage .pricingwrp ul.pkge-tab li{transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;display: inline-block;width: 100%;margin: 0 10px;box-shadow: none;border-radius: 7px;margin-bottom: 30px;}
.paymentpage .pricingwrp ul.pkge-tab li:hover{transform: scale(1.1);}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp{text-align: center;border: none;padding: 0px 0px 0px;border-radius: 7px;background-color: #fff;position: relative;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .namwrp{background: linear-gradient(to right, #e99019 0%, #e6304a 100%);padding: 65px 0 115px;border-radius: 9px;display: inline-block;width: 40%;float: left;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .namwrp h4{color: #fff; font-size: 24px; }
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .namwrp h2{color: #fff; font-size: 34px; }
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .namwrp h2:after {    content: '/ USD';    font-size: 14px;    margin: 0 0 0px -5px;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail{padding: 11px 30px 10px;display: inline-block;width: 50%;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 75%);border-radius: 9px;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail p{color: #000;text-align: left;font-size: 14px;font-weight: 500;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul{margin: 0 0 10px 0px;height: 235px;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li{display: block;text-align: left;margin: 0;width: 100%;padding: 0 0 7px;font-size: 16px;color: #777;position: relative;box-shadow: unset;margin: 0 0 0 20px;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li:hover{      transform: unset;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail ul li:after{content: "\f058";font-family: 'FontAwesome';position: absolute;left: -20px;top: 0;color: #e63447;overflow: visible;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp{padding: 10px 20px 0px;display: inline-block;position: absolute;left: 120px;bottom: 70px;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp p{color: #000; font-size: 15px; font-weight: 600; padding: 0 0 27px; display:none;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp p span{color: #e63646;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .add-onwrp .btn-main{margin: 0 3px 11px;text-decoration: none;transition: all 0.3s ease;background: #fff;color: #000 !important;}
.paymentpage .pricingwrp .btnwrp{display: block;text-align: center;margin: 20px 0 0;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp.main-pkge{padding: 0 0 50px; }
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h4{font-size: 28px; }
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp h2{font-size: 38px; }
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp.main-pkge .namwrp{padding: 25px 0 0; }
.paymentpage section.pricingwrp.portfoliowrp {    padding: 0;    position: relative;    overflow: visible;    margin: 70px 0px;}
.paymentpage .btn-main span{color:#000;}
.paymentpage .pay{    background: linear-gradient(to right, #e99019 0%, #e6304a 100%);    padding: 35px 0 45px;    border-radius: 9px;    display: inline-block;    width: 43%;    float: left;}
.paymentpage .pricingwrp ul.pkge-tab li .pkgwrp .pkge-detail h4{text-align:left; color:#000;}





.logobrf {    padding: 14% 0 100px;    background: #080a23;    border-bottom: 1px solid #f6f6f61a;}
.logobrf .upr-heading{font-size: 18px;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-transform: uppercase;}
.logobrf .txtwrp {    display: block;    text-align: center;    padding: 0 0 50px;}
.logobrf .formwrp {}
.logobrf h2{color:#fff;}
.logobrf .formwrp form {}
.logobrf .formwrp form .lablwrp {    display: block;    margin: 0 0 19px;}
.logobrf .formwrp form .lablwrp span {    display: block;    color: #777;    font-size: 16px;    padding: 0 0 7px;text-align:left;}
.logobrf .formwrp form .lablwrp input {    width: 100%;    height: 50px;    border-radius: 9px;    padding: 0 0 0 10px;    font-size: 16px;    font-weight: 600;    outline: none;}
.logobrf .formwrp form .lablwrp textarea {width: 100%;height: 245px;border-radius: 7px;padding: 10px 0 0 10px;font-size: 16px;font-weight: 600;outline: none;background: #fff;}
.logobrf .formwrp form .check-list {    position: relative;    border: 2px solid #515151;    padding: 40px 30px 0;    border-radius: 20px;    margin: 0 15px 30px;    max-width: 47%;}
.logobrf .formwrp form .check-list img {    width: 90%;    position: relative;    margin: 0 auto;    text-align: center;    display: block;}
.logobrf .formwrp form h4 {    text-align: center;    color: #fff;    padding: 50px 0 30px;    text-decoration: underline;}
.logobrf .formwrp form label {    color: #777;    font-size: 17px;    padding: 11px 0 0;    display: block;    text-align: center;}
.logobrf .formwrp form input[type=checkbox], .logobrf .formwrp form input[type=radio] {position: absolute;width: 100%;height: 100%;z-index: 1;opacity: 0;top: 0;left: 0;}
.logobrf .formwrp form .fontwrp {}
.logobrf .formwrp form .fontwrp img {    height: 40px;    object-fit: contain;    margin: -20px 0 22px;}
.logobrf .formwrp form .clr-wrp img {    height: auto;}
.logobrf .formwrp form .clr-wrp label {    padding: 0 0 10px;}
.logobrf .formwrp form .maincolor {}
.logobrf .formwrp form .maincolor span {    display: block;    color: #777;    font-size: 17px;    padding: 10px 0 12px;}
.logobrf .formwrp form .maincolor input {    width: 100%;    height: 60px;    border-radius: 11px;    border: none;    background: rgb(0 46 93/0.22)!important;    border-image-source: none;    border: 1px solid #4539c1!important;}
.logobrf .formwrp form .fliewrp {    margin: 40px 0 0;    display: block;    text-align: center;    padding: 20px 30px;    border: 2px solid #515151;    border-radius: 14px;}
.logobrf .formwrp form .fliewrp img {    margin: 0 0 30px;}
.logobrf .formwrp form .fliewrp input {    background: #000;}
.logobrf .formwrp form .btnwrp {    padding: 30px 0 0;}
.logobrf .formwrp form .btnwrp input {width: 200px;height: 70px;border-radius: 6px;background: linear-gradient(to right, #e99019 0%, #e6304a 100%);font-size: 19px;font-weight: 600;color: #fff;}
.logobrf .formwrp form .check-list.current {    box-shadow: -1px 7px 15px -3px rgb(205 205 205/75%);    border: 2px solid #fff;}




/*===============Blog Styling=================*/
.blog-page{padding: 230px 0 50px;position: relative;background-position: right ,top;background: linear-gradient(45deg, #e6314a 0%,#2c0776 42%,#91298b 100%) !important;}
.blog-page .txtwrp{width: 80%;    margin: 0 auto;}
.blog-page h6 {    color: #FFBA00;    font-size: 16px;    text-transform: uppercase;}
.blog-page h1, .blog-page p {    color: #fff;}
.blog-pg{height: auto;padding: 0px 0 0px;}
.blog-pg .home-bnrwrp .txtwrp{width:100%;}
.blog-details{padding: 70px 0;}
.blog-details .txtwrp{}
.blog-details .txtwrp h2{}
.blog-details .txtwrp p{    color: #4D5768;}
.blog-details .txtwrp p a{color:#4D5768;}
.blog-details .txtwrp p span{font-size: 18px;font-weight: 600; color:#000;}
.blog-details .txtwrp p span a{color:#1967d2;}
.blog-details .txtwrp p span a:hover{text-decoration: underline;}
.blog-details .txtwrp ul{}
.blog-details .txtwrp ul li{font-size: 20px;color: #000;font-weight: 600;position: relative;padding: 0 0 10px 20px;}
.blog-details .txtwrp ul li:after{content:'';width: 10px;height: 10px;background: #1967d2;border-radius: 50%;position: absolute;left: 0;top: 7px;}
.blog-details .txtwrp ul li p{}
.blog-details img{width:100%;margin: 0 0 30px;}
.blog-box-wrp{padding: 70px 0;background: #fff;}
.blog-box-wrp .boxwrp{}
.blog-box-wrp .boxwrp ul{}
.blog-box-wrp .boxwrp ul li{width: 32%;display: inline-block;border-radius: 12px;border: 1px solid #e63149;overflow: hidden;margin: 0 12px 10px 0;}
.blog-box-wrp .boxwrp ul li .upper-box{}
.blog-box-wrp .boxwrp ul li .upper-box img{width: 100%;}
.blog-box-wrp .boxwrp ul li .detailwrp{padding: 15px 15px 30px;}
.blog-box-wrp .boxwrp ul li .detailwrp p{color: #4D5768;}
.blog-box-wrp .boxwrp ul li .detailwrp .txtwrp{}
.blog-box-wrp .boxwrp ul li .detailwrp .txtwrp h4{color: #000000;    font-size: 22px;}
.blog-box-wrp .boxwrp ul li .detailwrp .txtwrp p{height: 155px;font-size: 20px;}
.blog-box-wrp .boxwrp ul li .btnwrp{padding: 10px 0 0;}
.blog-box-wrp .boxwrp ul li .btnwrp a{color: #e63149;font-weight: 600;}

.clientwrp{background: #f5f8fa;padding: 50px 0 40px;}
.clientwrp .clintwrp h4{padding: 0 0 20px;font-size: 18px;}
.clientwrp .clintwrp h4 span{}
.clientwrp .clintwrp h4 span i{    color: #ffbb04;}

.blog-pg.servicewrp{}
.servicewrp .home-bnrwrp h6 {    color: #FFBA00;    font-size: 16px;    text-transform: uppercase;}
.servicewrp .home-bnrwrp h1, .servicewrp .home-bnrwrp p {    color: #fff;}
.blog-details h2{color:#000;}
.blog-pg.servicewrp .home-bnrwrp {    height: auto;    padding: 230px 0 100px;}


.our-combo {
    background: url("../images/bg-combo.png") no-repeat;
    background-color: #f8f7fd;
    max-width: 100%;
    background-size: cover;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: 50% bottom;
    padding-top: 100px;
    padding-bottom: 45px;
}

.our-combo p {
    margin-bottom: 40px;
}

.img-combo img {
    max-width: 120%;
    position: relative;
    left: -20px;
}

.our-combo * {
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.combo-detail {
    display: inline-block;
    width: 49%;
    vertical-align: text-top;
}

.combo-detail h4 {
    font-size: 17px;
    font-weight: 600;
}

.our-combo h2 {
    font-size: 61px;
    margin-bottom: 40px;
    letter-spacing: -2px;
}



.combo-detail ul li {
    list-style-type: disc;
    color: #c0c6d3;
}

.combo-detail ul {
    margin-left: 15px;
    margin-bottom: 30px;
}

.info-comb h4 {
    font-size: 42px;
    font-family: 'Zilla Slab', sans-serif;
    letter-spacing: -2px;
    line-height: 45px;
    margin-bottom: 0;
    font-weight: 600;
}

.info-comb h4>span {
    font-size: 31px;
    line-height: 26px;
}

.info-comb h4+p {
    color: #ff5b5b;
    font-size: 23px;
    letter-spacing: -1px;
    margin-bottom: 25px;
    position: relative;
}

.info-comb ul li {
    display: inline-block;
    padding: 0 2px;
    vertical-align: baseline;
}

.info-comb ul li h5,
.info-comb ul li h5+a {
    font-size: 16px;
    margin-bottom: 0;
    color: #c7c3d5;
    font-weight: 500;
}

.info-comb ul li span::before {
    width: 50px;
    height: 50px;
    position: absolute;
    content: "";
    background: #2b1683;
    border-radius: 50%;
    z-index: -1;
    left: -14px;
    top: -12px;
}

.info-comb ul li span {
    position: relative;
}

.info-comb ul li:first-child h5,
.info-comb ul li:first-child a {
    text-align: right;
}

.btn-purp {
    background: rgb(102, 24, 218);
    background: linear-gradient(to right, #e99019 0%, #e6304a 100%);
    color: #fff !important;
}

.combo-price .btn {
    padding: 12px 25px;
    font-size: 15px;
    margin: auto;
    display: table;
    position: relative;
    left: 20px;
}

.combo-price h5 {
    font-size: 22px;
    text-align: right;
    margin-bottom: 0;
    text-decoration: line-through;
    font-weight: 400;
}

.combo-price h3 {
    font-size: 94px;
    font-weight: 700;
    color: #ffda2f;
    margin-bottom: 5px;
    text-align: right;
    letter-spacing: -7px;
}

.combo-price {
    position: relative;
    margin-right: -20px;
    margin-top: -30px;
}

.img-all {
    position: absolute;
    top: 30px;
    left: -10px;
}

.combo-price h3>span {
    color: #fff;
    font-size: 37px;
    font-weight: 500;
}


.info-combo::before {
    position: absolute;
    content: "";
    left: -80px;
    bottom: -15.1px;
    background: url("../images/bg6.png") no-repeat;
    transform: skew(10deg, -2deg);
    max-width: 957px;
    height: 295px;
    width: 130%;
    background-size: cover;
}

.info-combo {
    margin-top: 30px;
}

.info-comb h4+p::before {
    content: "";
    background: url("../images/bg11.png") no-repeat;
    max-width: 290px;
    height: 51px;
    position: absolute;
    left: -52px;
    top: -7px;
    width: 100%;
    background-size: 100%;
    z-index: -1;
}