@import "pages-css/navbar.css";
@import "pages-css/home-one.css";
@import "pages-css/home-two.css";
@import "pages-css/home-three.css";
@import "pages-css/home-four.css";
@import "pages-css/home-five.css";
@import "pages-css/home-six.css";
@import "pages-css/team.css";
@import "pages-css/privacy-policy.css";
@import "pages-css/terms-conditions.css";
@import "pages-css/gallery.css";
@import "pages-css/how-it-works.css";
@import "pages-css/profile-authentication.css";
@import "pages-css/coming-soon.css";
@import "pages-css/error.css";
@import "pages-css/faq.css";
@import "pages-css/products.css";
@import "pages-css/products-details.css";
@import "pages-css/cart.css";
@import "pages-css/checkout.css";
@import "pages-css/blog-details.css";
@import "pages-css/contact.css";
@import "pages-css/footer.css";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";
:root {
 --fontSize: 16px;
 --transition: .5s;
 --mainColor: #4982c3;
 --whiteColor: #ffffff;
 --blackColor: #262A37;
 --gradientColor: linear-gradient(to right top, #71cde1, #71cde1, #71cde1, #4982c3, #4982c3);
 --paragraphColor: #716c80;
 --fontFamily: Roboto, sans-serif;
}
body {
    margin: 0;
    padding: 0;
    color: var(--blackColor);
    font-size: var(--fontSize);
    font-family: var(--fontFamily)
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--blackColor);
    font-weight: 700
}
a {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    color: var(--blackColor);
    text-decoration: none;
    outline: 0!important
}
a:hover {
    color: var(--mainColor);
    text-decoration: none
}
:focus {
    outline: 0!important
}
.d-table {
    width: 100%;
    height: 100%
}
.d-table-cell {
    vertical-align: middle
}
img {
    max-width: 100%;
    height: auto
}
p {
    color: var(--paragraphColor);
    font-size: var(--fontSize);
    margin-bottom: 15px;
    line-height: 1.8
}
p:last-child {
    margin-bottom: 0
}
.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px
}
.pt-100 {
    padding-top: 100px
}
.pb-100 {
    padding-bottom: 100px
}
.ptb-75 {
    padding-top: 60px;
    padding-bottom: 60px
}
.pt-75 {
    padding-top: 75px
}
.pb-75 {
    padding-bottom: 75px
}
#whatsapp {
    position: fixed;
    left: 20px;
    text-align: center;
    height: 50px;
    width: 50px;
    font-size: 35px;
    background-color: #13a4e1;
    border-radius: 100%;
    bottom: 30px;
    z-index: 100000000000;
    -webkit-animation: mymove 3s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 3s;
    animation-iteration-count: infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
 from {
bottom: 30px;
}
to {
    bottom: 20px;
    background-color: #01e675;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
}
}
 @keyframes mymove {
 from {
bottom: 30px;
}
to {
    bottom: 20px;
    background-color: #01e675;
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
}
}


/*-----------------------------career---------------------------------*/
 .clear{ clear: both; }


.job-list-inner-box {
    background-color: var(--white-color);
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    padding: 30px;
    -webkit-transition: var(--transition);
    transition: var(--transition); margin-bottom: 25px;
}

.job-list-inner-box .job-list-box .job-information {
    position: relative;
   
}
.job-list-inner-box .job-list-box .job-information .title-box {
    /*position: absolute;*/
    left: 0;
    top: 0;
}
.job-list-inner-box .job-list-box .job-information .title-box h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px; color: #091e42!important;
}
.job-list-inner-box .job-list-box .job-information .title-box h4 {
    font-size: 14px;
    color:#4982c3;
    font-weight: 500;
  
}
.job-information p {
    font-size: 14px;
    color:#626262; 
    margin-bottom: 20px; 
    line-height: 24px;
    text-align: justify; display: flex; 
}

.job-information p i{ margin-right: 6px; margin-top: 3px;}





.job-list-inner-box .job-list-box .job-information .job-tag-list {
    padding: 0;
    margin-bottom: 0;
}
.job-list-inner-box .job-list-box .job-information .job-tag-list li {
    list-style-type: none;
    display: inline-block;
    background-color: #FFF4F3;
    color: #F81815;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.job-list-inner-box .job-list-box .job-information .job-tag-list li.urgent {
    background-color: #E8FFF0;
    color: #00B441;
}
.job-list-inner-box .job-list-box .job-information .job-tag-list li.private {
    background-color: #EBF9FF;
    color: #00A6E5;
}
.job-list-inner-box .job-list-box .location-information {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
}
.job-list-inner-box .job-list-box .location-information li {
    display: inline-block;
    list-style-type: none;
    margin-right: 20px;
    color:#646464;
    font-size:14px;
    font-weight: 400;
    font-family: var(--heading-font-family);
    position: relative;
    padding-left: 20px;
}
.job-list-inner-box .job-list-box .location-information li i {
    position: absolute;
    left: 0;
    top: 0; margin-top: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--font-size);
    color:#1657cb;
}
.job-list-inner-box .job-list-optional {
    text-align: end;
}
.job-list-inner-box .job-list-optional .default-btn2 {
   background-color: transparent;
    border: 1px solid #4982c3;
    color: #4982c3;
}
.job-list-inner-box .job-list-optional .default-btn2::before {
    background:#1657cb;
}


.default-btn2 {
    padding: 6px 18px 6px 18px;
    text-align: center;
     
    font-weight: 600;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    border-radius: 8px !important;
    z-index: 0;
    background: var(--main-color);
    overflow: hidden;
    white-space: nowrap;
    font-family: var(--heading-font-family); 
}

.default-btn2:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 550px;
    height: 550px;
    margin: auto;
    background:#1657cb !important;
    border-radius: 8px;
    z-index: -1;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: translateX(-50%) translateY(-5%) scale(0.4);
    transform: translateX(-50%) translateY(-5%) scale(0.4);
    -webkit-transition: -webkit-transform .9s;
    transition: -webkit-transform .9s;
    transition: transform .9s;
    transition: transform .9s, -webkit-transform .9s;
}
 .default-btn2:hover { 
    background:#4982c3 !important; color: #fff!important;
    
} 
.job-list-inner-box .job-list-box .job-information .job-tag-list li:hover {
    background-color:#4982c3 !important;
    color: #fff !important;
}


 
.default-btn2 i {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    color: #fff;
    border-radius: 4px;
    background:#71cde1;
    -webkit-transition: var(--transition);
    transition: var(--transition);
}
.job-list-inner-box .job-list-optional .save-text {
    margin-top: 20px;
    text-align: center;
    margin-left: 70px;
}
.job-list-inner-box .job-list-optional .save-text span {
    font-size: var(--font-size);
    font-weight: 600;
    font-family: var(--heading-font-family);
    color: var(--main-color);
}
.job-list-inner-box .job-list-optional .save-text span {
    font-size: var(--font-size);
    font-weight: 600;
    font-family: var(--heading-font-family);
    color: #1657cb;
}
.job-list-inner-box .job-list-optional {
    text-align: end;
}

.company-box-logo {
    display: inline-block;
   
    width: 100%; min-height: 200px;
    /*line-height: 165px;*/
    background-color: var(--white-color);
    text-align: center;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 9%); align-items: center; display: flex; 
    text-align: center !important; margin-bottom: 20px;  
}

.company-box-logo a { margin: auto; }
.company-box-logo img { margin: auto; }

.has-description {margin:0px 0px 30px 0px !important; padding: 0px;}


.has-description li{font-size: 14px; float: left; margin: 0px 10px 0px 16px; padding: 0px; 
    list-style: disc; position: relative; color: #536777;
}
 .job-description{ width: 100%; margin-top: 30px; position: relative; }
 .job-description li{ display:flex; line-height: 24px; margin-bottom: 10px;
    font-size: 14px;
    color: #626262;
}
 .job-description li:before {
    color: #3BB2D6;
    content: "\f105";
    font-family: "FontAwesome";
    left: 0;
    top: 0; padding-right: 10px;
}
 


@media only screen and (max-width: 767px){
.job-list-inner-box .job-list-optional {
    text-align: left;
    margin-top: 25px;
}
.job-list-inner-box .job-list-optional .save-text {
    margin-left: 0;
    margin-top: 10px;
    text-align: left;
}
.job-list-inner-box .job-list-box .job-information .job-tag-list {
    margin-top: 15px;
}
.job-list-inner-box .job-list-box .job-information {
    padding-left: 0;
}
.job-list-inner-box .job-list-box .job-information .title-box {
    position: relative;
}
.job-list-inner-box .job-list-box .job-information .job-tag-list li {
    font-size: 12px;
    padding: 5px 5px;
}
.job-list-inner-box .job-list-box .location-information {
    margin-top: 20px;
}
.job-list-inner-box .job-list-box .location-information li {
    margin-bottom: 10px;
}

}

/*  services start   */
.clear {
    clear: both;
}
.pb-70 {
    padding-bottom: 70px;
}
*, :after, :before {
    box-sizing: border-box;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.single-features {
    background-color: #fff;
    box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
    padding: 35px 20px;
    position: relative;
    z-index: 1;
    transition: .5s;
    border-radius: 5px;
    margin-bottom: 30px;
}
.single-features:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to right top, #fdb084, #ff9870, #ff7e62, #ff5f59, #ff3656);
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
}
.single-features .icon {
    margin-bottom: 16px;
    float: right;
}
.single-features .icon i {
    font-size: 50px;
    color: #4982c3;
    transition: .5s;
    line-height: 1;
}
.flaticon-promotion:before {
    content: "";
}
.flaticon-speed:before {
    content: "";
}
.flaticon-email:before {
    content: "";
}
.flaticon-network:before {
    content: "";
}
[class*=" flaticon-"]:after, [class*=" flaticon-"]:before, [class^=flaticon-]:after, [class^=flaticon-]:before {
    font-family: Flaticon;
    font-style: normal;
}
.single-features h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
    transition: .5s;
}
.single-features p {
    transition: .5s;
    margin-bottom: 0;
}
.single-features .number {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.single-features .number span {
    font-size: 25px;
    font-weight: 500;
    color: #cbcac9;
    transition: .5s;
}
.single-features .shape {
    position: absolute;
    bottom: 25px;
    left: 18px;
    z-index: -1;
    transition: .5s;
    opacity: 1%;
}
.single-features:hover {
    background: /*linear-gradient(to right top,#4982c3,#4982c3,#4982c3,#71cde1,#71cde1)*/ #4982c3;
    box-shadow: 0 0 1.25rem rgb(108 118 134 / 10%);
    padding: 35px 20px;
    position: relative;
    z-index: 1;
    transition: .5s;
    border-radius: 5px;
    margin-bottom: 30px;
}
.single-features:hover .icon i, .single-features:hover .number span, .single-features:hover h3 a, .single-features:hover p {
    color: #fff;
}
/*  services end   */


.bg-F7F7FF {
    background-color: #f7f7ff
}
.bg-F4F8FC {
    background-color: #f4f8fc
}
.bg-f9f9f9 {
    background-color: #f9f9f9
}
.default-btn {
    z-index: 1;
    border: none;
    position: relative;
    padding: 12px 35px;
    border-radius: 30px;
    display: inline-block;
    color: var(--whiteColor);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    /*-webkit-box-shadow:0 12px 35px rgba(237,39,117,.25);
    box-shadow:0 12px 35px rgba(237,39,117,.25);*/
    font-size: var(--fontSize);
    font-weight: 600
}
.default-btn::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 30px;
    background: var(--gradientColor)
}
.default-btn:hover {
    background-color: var(--mainColor);
    color: var(--whiteColor)
}
.default-btn:hover::before {
    opacity: 0;
    visibility: hidden
}
.section-title {
    text-align: center;
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px
}
.section-title .sub-title {
    display: block;
    margin-bottom: 10px;
    background: var(--gradientColor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .1em;
    font-weight: 600
}
.section-title h2 {
    line-height: 1.4;
    margin-bottom: 0;
    font-size: 36px
}
.section-title p {
    font-size: 16px;
    margin-top: 10px
}
.section-title.color-white .sub-title {
    color: var(--whiteColor)
}
.section-title.color-white h2 {
    color: var(--whiteColor)
}
.form-control {
    background-color: #f5f5f5!important;
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important;
    -webkit-transition: var(--transition);
    transition: var(--transition);
    font-size: var(--fontSize);
    color: var(--blackColor);
    border: none!important;
    padding-left: 15px;
    border-radius: 0;
    height: 50px
}
.form-control::-webkit-input-placeholder {
color:var(--paragraphColor);
-webkit-transition:var(--transition);
transition:var(--transition)
}
.form-control:-ms-input-placeholder {
color:var(--paragraphColor);
-webkit-transition:var(--transition);
transition:var(--transition)
}
.form-control::-ms-input-placeholder {
color:var(--paragraphColor);
-webkit-transition:var(--transition);
transition:var(--transition)
}
.form-control::placeholder {
color:var(--paragraphColor);
-webkit-transition:var(--transition);
transition:var(--transition)
}
.form-control:focus::-webkit-input-placeholder {
color:transparent
}
.form-control:focus:-ms-input-placeholder {
color:transparent
}
.form-control:focus::-ms-input-placeholder {
color:transparent
}
.form-control:focus::placeholder {
color:transparent
}
textarea.form-control {
    padding-top: 15px;
    height: auto
}
.shape1 {
    bottom: 50px;
    z-index: -1;
    left: -50px;
    position: absolute;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}
.shape2 {
    bottom: 18%;
    z-index: -1;
    right: -70px;
    position: absolute;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}
.bg-shape1 {
    left: 0;
    right: 0;
    top: 50%;
    z-index: -1;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.shape3 {
    right: 40px;
    bottom: 50px;
    z-index: -1;
    position: absolute;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}
.shape4 {
    top: 90px;
    left: 70px;
    z-index: -1;
    position: absolute;
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}
.shape5 {
    left: 0;
    bottom: 0;
    z-index: -1;
    position: absolute
}
.shape6 {
    position: absolute;
    z-index: -1;
    right: 10%;
    bottom: 8%
}
.shape6 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite
}
.shape7 {
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 4%
}
.shape7 img {
    -webkit-animation: opacitychange 4s linear 1s infinite;
    animation: opacitychange 4s linear 1s infinite
}
.shape8 {
    position: absolute;
    z-index: -1;
    bottom: 28%;
    left: 30%
}
.shape8 img {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
.shape9 {
    position: absolute;
    z-index: -1;
    bottom: 5px;
    left: 5px
}
.shape9 img {
    -webkit-animation: opacitychange 4s linear 1s infinite;
    animation: opacitychange 4s linear 1s infinite
}
.shape10 {
    position: absolute;
    bottom: 40px;
    left: -40px;
    z-index: -1
}
.shape11 {
    position: absolute;
    right: -30px;
    z-index: -1;
    top: 80px
}
.shape12 {
    position: absolute;
    z-index: -1;
    bottom: 12%;
    left: 30%
}
.shape12 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite
}
.shape13 {
    position: absolute;
    z-index: -1;
    right: 18%;
    top: 18%
}
.shape13 img {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
.lines {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    margin: auto;
    position: absolute
}
.lines .line {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    overflow: hidden;
    position: absolute;
    background: rgba(255,255,255,.1)
}
.lines .line::after {
    left: 0;
    top: -50%;
    width: 100%;
    content: "";
    height: 15vh;
    display: block;
    position: absolute;
    -webkit-animation: run 7s 0s infinite;
    animation: run 7s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.4, .26, 0, .97);
    animation-timing-function: cubic-bezier(.4, .26, 0, .97);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(75%, var(--whiteColor)), to(var(--whiteColor)));
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, var(--whiteColor) 75%, var(--whiteColor) 100%)
}
.lines .line:nth-child(1) {
    margin-left: -35%
}
.lines .line:nth-child(1)::after {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}
.lines .line:nth-child(3) {
    margin-left: -17.5%
}
.lines .line:nth-child(3)::after {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}
.lines .line:nth-child(4) {
    margin-left: 17.5%
}
.lines .line:nth-child(4)::after {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}
.lines .line:nth-child(5) {
    margin-left: 35%
}
.lines .line:nth-child(5)::after {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}
.shape14 {
    position: absolute;
    z-index: -1;
    right: 15%;
    top: 30%
}
.shape14 img {
    -webkit-animation: movebounce 5s linear infinite;
    animation: movebounce 5s linear infinite
}
.shape15 {
    position: absolute;
    bottom: 10px;
    z-index: -2;
    right: 50%
}
.shape15 img {
    -webkit-animation: moveleftbounce 5s linear infinite;
    animation: moveleftbounce 5s linear infinite
}
.divider {
    width: 100%;
    height: 100px;
    position: absolute;
    pointer-events: none;
    -webkit-mask-image: url(data:image/svg+xml;utf8;base64,JTNjc3ZnIHZpZXdCb3g9JzAgMCAxMDAgMTAwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J25vbmUnJTNlJTNjcGF0aCBkPSdNMCwwIEMxNi42NjY2NjY3LDY2IDMzLjMzMzMzMzMsOTggNTAsOTggQzY2LjY2NjY2NjcsOTggODMuMzMzMzMzMyw2NiAxMDAsMCBMMTAwLDEwMCBMMCwxMDAgTDAsMCBaJyBmaWxsPSclMjNmZmYnLyUzZSUzYy9zdmclM2U=);
    mask-image: url(data:image/svg+xml;utf8;base64,JTNjc3ZnIHZpZXdCb3g9JzAgMCAxMDAgMTAwJyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHByZXNlcnZlQXNwZWN0UmF0aW89J25vbmUnJTNlJTNjcGF0aCBkPSdNMCwwIEMxNi42NjY2NjY3LDY2IDMzLjMzMzMzMzMsOTggNTAsOTggQzY2LjY2NjY2NjcsOTggODMuMzMzMzMzMyw2NiAxMDAsMCBMMTAwLDEwMCBMMCwxMDAgTDAsMCBaJyBmaWxsPSclMjNmZmYnLyUzZSUzYy9zdmclM2U=);
    background: var(--whiteColor);
    -webkit-mask-size: 100% 101%;
    mask-size: 100% 101%;
    z-index: -1;
    bottom: 0;
    left: 0
}
.page-title-area {
    z-index: 1;
    position: relative;
    background: linear-gradient(50.48deg, #ED2775 -2.06%, #FF7448 93.55%);
    padding-bottom: 60px;
    padding-top: 140px;
}
.page-title-area::before {
    left: 0;
    right: 0;
    top: 82px;
    height: 1px;
    content: '';
    z-index: -1;
    opacity: .2;
    position: absolute;
    background-color: var(--whiteColor);
}
.page-title-area.page-title-style-two {
    background: #deedff
}
.page-title-area.page-title-style-two::before {
    background-color: var(--blackColor);
    opacity: .04
}
.page-title-area.page-title-style-two .page-title-content h2 {
    color: var(--blackColor)
}
.page-title-area.page-title-style-two .page-title-content ul li {
    color: var(--blackColor)
}
.page-title-area.page-title-style-two .page-title-content ul li a {
    color: var(--mainColor)
}
.page-title-area.page-title-style-two .page-title-content ul li a:hover {
    color: var(--blackColor)
}
.page-title-area.page-title-style-two .page-title-content ul li::before {
    background-color: var(--blackColor);
    opacity: .3
}
.page-title-area.bg-color {
    padding-bottom: 90px;
    background: linear-gradient(76.8deg, #2BA6AC 0%, #36CE83 53.03%, #42E695 100%)
}
.page-title-area.bg-color::before {
    display: none
}
.page-title-area.bg-color .divider {
    display: none
}
.page-title-content {
    text-align: center
}
.page-title-content h2 {
    color: var(--whiteColor);
    margin-bottom: 0;
    font-size: 40px
}
.page-title-content ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    margin-top: 15px
}
.page-title-content ul li {
    color: var(--whiteColor);
    display: inline-block;
    position: relative;
    font-size: 16px;
    opacity: .9;
    margin-left: 15px;
    margin-right: 15px
}
.page-title-content ul li:last-child {
    margin-right: 0
}
.page-title-content ul li:last-child::before {
    display: none
}
.page-title-content ul li:first-child {
    margin-left: 0
}
.page-title-content ul li a {
    color: var(--whiteColor)
}
.page-title-content ul li::before {
    margin-top: 1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -20px;
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: var(--whiteColor);
    border-radius: 50%
}
.pagination-area {
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #eee
}
.pagination-area .nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.pagination-area .page-numbers {
    width: 45px;
    height: 45px;
    border: none;
    display: block;
    line-height: 43px;
    position: relative;
    text-align: center;
    border-radius: 50%;
    color: var(--paragraphColor);
    -webkit-transition: var(--transition);
    transition: var(--transition);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeef3));
    background: linear-gradient(180deg, #ffffff 0%, #eaeef3 100%);
    -webkit-box-shadow: 0 5px 15px 0 rgba(107,124,147,.15), 0 2px 4px 0 rgba(107,124,147,.2), inset 0 -2px 0 0 #c2cfde;
    box-shadow: 0 5px 15px 0 rgba(107,124,147,.15), 0 2px 4px 0 rgba(107,124,147,.2), inset 0 -2px 0 0 #c2cfde;
    font-size: 15px;
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px
}
.pagination-area .page-numbers.next {
    margin-left: auto
}
.pagination-area .page-numbers:hover {
    color: var(--mainColor)
}
.pagination-area .page-numbers.current {
    background: var(--whiteColor);
    color: var(--mainColor)
}
.pagination-area .page-numbers:first-child {
    margin-left: 0
}
.pagination-area .page-numbers:last-child {
    margin-right: 0
}
@-webkit-keyframes ripple {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
75% {
-webkit-transform:scale(1.75);
transform:scale(1.75);
opacity:1
}
100% {
-webkit-transform:scale(2);
transform:scale(2);
opacity:0
}
}
@keyframes ripple {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
75% {
-webkit-transform:scale(1.75);
transform:scale(1.75);
opacity:1
}
100% {
-webkit-transform:scale(2);
transform:scale(2);
opacity:0
}
}
@-webkit-keyframes movebounce {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes movebounce {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
50% {
-webkit-transform:translateY(15px);
transform:translateY(15px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes moveleftbounce {
0% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
50% {
-webkit-transform:translateX(15px);
transform:translateX(15px)
}
100% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
}
@keyframes moveleftbounce {
0% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
50% {
-webkit-transform:translateX(15px);
transform:translateX(15px)
}
100% {
-webkit-transform:translateX(0px);
transform:translateX(0px)
}
}
@-webkit-keyframes rotateme {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
}
@keyframes rotateme {
from {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
}
@-webkit-keyframes opacitychange {
0% {
opacity:0
}
25% {
opacity:1
}
50% {
opacity:0
}
75% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes opacitychange {
0% {
opacity:0
}
25% {
opacity:1
}
50% {
opacity:0
}
75% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes run {
0% {
top:-50%
}
100% {
top:110%
}
}
@keyframes run {
0% {
top:-50%
}
100% {
top:110%
}
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}
}
 @media only screen and (max-width:480px) {
.contain {
    height: auto;
}
}
 @media only screen and (max-width: 480px) {
.single-features .number {
    position: absolute;
    top: 0px;
    right: 14px;
}
.heading-title {
    margin-top: 500px;
}
span.sub-title1 {
    position: relative;
    top: 13px;
}
.funfacts-box {
    margin-bottom: 0px !important;
}
.about-section .content-column .inner-column {
    padding-left: 0px !important;
}
.pricingTable .pricing-content li {
    text-align: justify;
    line-height: 31px;
}
.list-style-one li {
    line-height: 28px;
}
.demo {
    padding: 55px 0;
}
li.nav-item {
    margin: 0 auto;
}
.about-section .image-column .image-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0px;
}
p.foot {
    margin-top: -38px;
}
}
 @media only screen and (max-width:767px) {
body {
    font-size: 13px;
}
p {
    font-size: 13px;
    text-align: justify;
}
.about-section .image-column .image-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0px;
}
.ptb-100 {
    padding-top: 60px;
    padding-bottom: 60px
}
.pt-100 {
    padding-top: 60px
}
.pb-100 {
    padding-bottom: 60px
}
.ptb-75 {
    padding-top: 35px;
    padding-bottom: 35px
}
.pt-75 {
    padding-top: 35px
}
.pb-75 {
    padding-bottom: 35px
}
.default-btn {
    padding: 11px 30px;
    font-size: 12.5px
}
.shape1, .shape2, .bg-shape1, .shape6, .shape8, .shape12, .shape13, .shape10, .shape11 {
    display: none
}
.shape7 {
    left: 0;
    width: 80px
}
.section-title {
    margin-bottom: 40px;
    max-width: 100%
}
.section-title .sub-title {
    font-size: 12px
}
.section-title h2 {
    font-size: 20px
}
.section-title p {
    font-size: 13px
}
.page-title-area {
    padding-top: 140px;
    padding-bottom: 70px
}
.page-title-area::before {
    display: none
}
.page-title-area .banner-shape1 {
    width: 80px
}
.page-title-content h2 {
    font-size: 22px
}
.page-title-content ul li {
    font-size: 13px
}
.divider {
    height: 50px
}
.form-control {
    font-size: 13px;
    height: 45px
}
.pagination-area {
    margin-top: 0;
    padding-top: 20px
}
.pagination-area .page-numbers {
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px
}
}
 @media only screen and (min-width:576px) and (max-width:767px) {
.contain {
    background: #f9f9f9;
    height: 1494px;
}
.container-fluid {
    max-width: 540px
}
}
 @media only screen and (min-width:768px) and (max-width:991px) {
.contain {
    background: #f9f9f9;
    height: 1494px;
}
.ptb-100 {
    padding-top: 80px;
    padding-bottom: 80px
}
.pt-100 {
    padding-top: 80px
}
.pb-100 {
    padding-bottom: 80px
}
.ptb-75 {
    padding-top: 55px;
    padding-bottom: 55px
}
.pt-75 {
    padding-top: 55px
}
.pb-75 {
    padding-bottom: 55px
}
.shape1, .shape2, .shape6 {
    display: none
}
.shape10 {
    left: -20px
}
.shape11 {
    right: -20px
}
.default-btn {
    font-size: 13px
}
.section-title {
    max-width: 100%;
    margin-bottom: 50px
}
.section-title .sub-title {
    font-size: 13px
}
.section-title h2 {
    font-size: 30px
}
.section-title p {
    font-size: 14px
}
.page-title-area {
    padding-top: 150px;
    padding-bottom: 80px
}
.page-title-area::before {
    display: none
}
.page-title-area .banner-shape1 {
    width: 100px
}
.page-title-content h2 {
    font-size: 30px
}
.page-title-content ul {
    margin-top: 10px
}
.page-title-content ul li {
    font-size: 14px
}
.divider {
    height: 50px
}
.pagination-area {
    margin-top: 10px;
    padding-top: 20px
}
}
 @media only screen and (min-width:992px) and (max-width:1199px) {
.contain {
    background: #f9f9f9;
    height: 1494px;
}
.shape6 {
    display: none
}
.shape10 {
    left: -15px
}
.shape11 {
    right: -15px
}
.shape12 {
    bottom: 12%;
    left: 10%
}
}
/*  29nov  */
img.ban {
    padding-bottom: 60px;
}
section {
    padding: 60px 0;
    min-height: 100vh;
}
a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bg-gray {
    background-color: #f9f9f9;
}
.site-heading h2 {
    font-size: 36px;
    line-height: 1.4;
    margin-bottom: -15px;
}
.site-heading span {
    display: block;
    margin-bottom: 10px;
    background: var(--gradientColor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .1em;
    font-weight: 600;
}
.site-heading h2 span {
    color: #00a01d;
}
.site-heading h4 {
    display: inline-block;
    padding-bottom: 20px;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}
.site-heading h4::before {
    background: #00a01d none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    width: 50px;
}
.site-heading {
    margin-bottom: 60px;
    /*overflow: hidden;*/
    margin-top: -5px;
}
.carousel-shadow .owl-stage-outer {
    margin: -15px -15px 0;
    padding: 15px;
}
.we-offer-area .our-offer-carousel .owl-dots .owl-dot span {
    background: #ffffff none repeat scroll 0 0;
    border: 2px solid;
    height: 15px;
    margin: 0 5px;
    width: 15px;
}
.we-offer-area .our-offer-carousel .owl-dots .owl-dot.active span {
    background: #00a01d none repeat scroll 0 0;
    border-color: #00a01d;
}
.we-offer-area .item {
    background: #ffffff none repeat scroll 0 0;
    border-left: 2px solid #00a01d;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    overflow: hidden;
    padding: 30px;
    position: relative;
    z-index: 1;
}
.we-offer-area.text-center .item {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    padding: 67px 40px 64px;
    min-height: 390px;
}
.we-offer-area.text-center .item i {
    background: linear-gradient(to right top, #71cde1, #71cde1, #71cde1, #4982c3, #4982c3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    font-size: 40px;
    height: 80px;
    line-height: 80px;
    position: relative;
    text-align: center;
    width: 80px;
    z-index: 1;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    margin-bottom: 25px;
}
.we-offer-area.text-center .item i::after {
    border: 2px solid #71cde1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 90px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 90px;
    z-index: -1;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}
.we-offer-area.item-border-less .item {
    border: medium none;
}
.we-offer-area .our-offer-items.less-carousel .equal-height {
    margin-bottom: 30px;
}
.we-offer-area.item-border-less .item .number {
    font-family: "Poppins", sans-serif;
    font-size: 50px;
    font-weight: 900;
    opacity: 0.1;
    position: absolute;
    right: 30px;
    top: 30px;
}
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item, .we-offer-area.center-active .single-item:nth-child(2n) .item {
    background: #00a01d none repeat scroll 0 0;
}
.our-offer-carousel.center-active .owl-item:nth-child(2n) .item i, .our-offer-carousel.center-active .owl-item:nth-child(2n) .item h4, .our-offer-carousel.center-active .owl-item:nth-child(2n) .item p, .we-offer-area.center-active .single-item:nth-child(2n) .item i, .we-offer-area.center-active .single-item:nth-child(2n) .item h4, .we-offer-area.center-active .single-item:nth-child(2n) .item p {
    color: #ffffff;
}
.we-offer-area .item i {
    color: #00a01d;
    display: inline-block;
    font-size: 60px;
    margin-bottom: 20px;
}
.we-offer-area .item h4 {
    font-weight: 600;
    text-transform: capitalize;
}
.we-offer-area .item p {
    margin: 0;
}
.we-offer-area .item i, .we-offer-area .item h4, .we-offer-area .item p {
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
}
.we-offer-area .item::after {
    background: linear-gradient(to right top, #4982c3, #4982c3, #4982c3, #71cde1, #71cde1);
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: -1;
}
.we-offer-area .item:hover::after {
    left: 0;
}
.we-offer-area .item:hover i, .we-offer-area .item:hover h4, .we-offer-area .item:hover p {
    color: #ffffff !important;
}
.we-offer-area.text-center .item:hover i::after {
    border-color: #ffffff !important;
}
.we-offer-area.text-center .item:hover i {
    background-color: #ffffff !important;
    color: #fff !important;
}
.we-offer-area.text-left .item i {
    background: #00a01d none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 60px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 30px;
    position: relative;
    width: 100px;
    z-index: 1;
    text-align: center;
}
.we-offer-area.text-left .item i::after {
    border: 2px solid #00a01d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
    height: 120px;
    left: -10px;
    position: absolute;
    top: -10px;
    width: 120px;
}
/*  domains  */

span.sub-title {
    display: block;
    margin-bottom: 10px;
    background: var(--gradientColor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .1em;
    font-weight: 600;
}
.blogss {
    line-height: 1.4;
    font-size: 36px;
    margin-bottom: 60px;
}
.card-blog .card-body {
    position: relative;
}
.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
}
.card-blog .card-category {
    display: inline-block;
    color: #fff;
    padding: 0 15px 5px;
    overflow: hidden;
    background-color: #71cde1;
    border-radius: 4px;
}
.card-blog .card-category-box {
    position: absolute;
    text-align: center;
    top: -16px;
    left: 15px;
    right: 15px;
    line-height: 25px;
    overflow: hidden;
}
.card-blog .card-category .category {
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.1px;
    margin-bottom: 0;
}
h3.card-title {
    margin-top: 22px;
}
p.debtn {
    text-align: center;
    margin-bottom: 12px;
}
.post-author {
    text-align: center;
}
section#blog {
/*margin-bottom: -100px;*/
}
i#laptop {
    font-size: 50px;
    margin-bottom: 23px;
    color: #fff;
    transition: width 2s, height 2s, transform 2s;
}
i#laptop:hover {
    transform: rotate(360deg);
}
.formBox {
/*margin-top: 90px;
    padding: 50px;*/
}
.formBox h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    margin-bottom: 50px;
    text-transform: uppercase;
    font-size: 48px;
}
.inputBox {
    position: relative;
    box-sizing: border-box;/*margin-bottom: 2px;*/
}
.inputBox .inputText {
    position: absolute;
    font-size: 15px;
    line-height: 50px;
    transition: .5s;
    opacity: .5;
}
.inputBox .input {
    position: relative;
    width: 100%;
    height: 50px;
    background: transparent;
    border: none;
    outline: none;
    font-size: 15px;
    border-bottom: 1px solid rgba(0,0,0,.5);
}
/*.focus .inputText{
    transform: translateY(-30px);
    font-size: 18px;
    opacity: 1;
    color: #00bcd4;

}*/
textarea {
    height: 100px !important;
}
.button {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: #03A9F4;
    color: #fff;
}
textarea.input {
    top: 15px;
}
.btndef {
    margin-top: 40px;
    text-align: center;
}
div#imgcard {
    transition: width 2s, height 2s, transform 2s;
}
div#imgcard:hover {
    transform: rotate(360deg);
}
/* 30-nov  */

.industries-area {
    background: /*linear-gradient(to right top,#ffbac3,#ffc4c3,#ffcec5,#ffd7ca,#fee1d2)*/ #4982c3;
}
.pt-100, .ptb-100 {
    padding-top: 100px;
}
.section-title {
    text-align: center;
    margin-bottom: 45px;
}
.section-title span {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}
.section-title h2 {
    font-size: 48px;
    margin: 14px 0 25px;
    color: #fff;
}
.single-industries-box {
    position: relative;
    margin-bottom: 30px;
    z-index: 1;
    border-radius: 0 50px 0 50px;
    background-color: #f7f9fc;
    overflow: hidden;
    transition: .5s;
    padding-left: 25px;
    padding-right: 48px;
    padding-top: 35px;
    padding-bottom: 35px;
    min-height: 216px;
}
.single-industries-box:before {
    position: absolute;
    left: 0;
    top: 0;
    /*width: 0;*/
    height: 100%;
    background: linear-gradient(to right top, #4982c3, #4982c3, #71cde1, #71cde1, #71cde1);
    z-index: -1;
    content: "";
    transition: .5s;
}
.single-industries-box i, .single-industries-box i:before {
    transition: .5s;
    font-size: 50px;
}
.single-industries-box i {
    position: absolute;
    right: 35px;
    top: 50%;
    color: #4982c3;
    transform: translateY(-50%);
}
i {
    line-height: normal;
}
.flaticon-digital-marketing-2:before {
    content: "";
}
.single-industries-box h3 {
    margin-bottom: 0;
    transition: .5s;
    font-size: 18px;
    font-weight: 700;
}
.flaticon-bank:before {
    content: "";
}
.flaticon-graduation-cap:before {
    content: "ï„ž";
}
.flaticon-graduation-cap:before {
    content: "";
}
.flaticon-stock-market:before {
    content: "";
}
.flaticon-employee:before {
    content: "";
}
.flaticon-waiter:before {
    content: "";
}
.flaticon-stethoscope:before {
    content: "";
}
.flaticon-user:before {
    content: "";
}
.single-industries-box:hover {
    padding-left: 74px;
}
.single-industries-box:hover i {
    left: 25px;
    color: #fff;
    font-size: 25px;
}
.single-industries-box:hover:before {
    width: 100%;
}
.single-industries-box:hover i:before {
    font-size: 35px;
}
.single-industries-box:hover h3 {
    color: #fff;
    font-size: 20px;
}
/*sidebar*/

/*.sidebar-page-container{
    position:relative;
    padding:100px 0px 40px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
    margin-bottom:40px;
}

.sidebar-widget{
    position: relative;
    margin-bottom: 50px;
}
.categories-blog .inner-box{
    position:relative;
}

.categories-blog .inner-box ul{
    position:relative;
}

.categories-blog .inner-box ul li{
    position:relative;
    margin-bottom: 5px;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.categories-blog .inner-box ul li a{
    position:relative;
    font-size:16px;
    font-weight:500;
    color: #222;
    padding: 11.5px 0;
    padding-left: 50px;
    background: #f8f8f8;
    display:block;
    font-family: 'Poppins', sans-serif;
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.categories-blog .inner-box ul li a:before{
    position:absolute;
    content:'\f101';
    left: 22px;
    top: 12px;
    color:#222222;
    font-size:14px;
    font-family: 'FontAwesome';
    transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
}

.categories-blog .inner-box ul li.active a::before,
.categories-blog .inner-box ul li.active a,
.categories-blog .inner-box ul li a:hover::before,
.categories-blog .inner-box ul li a:hover{
    background: #1bb1dc;
    color: #fff;
}

.categories-blog .inner-box ul li.active,
.categories-blog .inner-box ul li:hover{
    border-color:#222222;
}
.sidebar-title{
    position:relative;
    margin-bottom:25px;
}

.sidebar-title h4{
    position:relative;
    color:#222222;
    font-size:18px;
    font-weight:600;
    padding-bottom:5px;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.sidebar-title .separator{
    position: relative;
    width: 65px;
    height: 15px;
    margin-bottom:20px;
}

.sidebar-title .separator:after{
    position: absolute;
    content: '';
    left: 0px;
    top: 5px;
    width: 40px;
    height: 1px;
    background-color: #f5b01b;
}

.sidebar-title .separator .dott{
    position: relative;
    width: 6px;
    height: 6px;
    top: -9px;
    border-radius: 50%;
    display: inline-block;
    background-color: #1bb1dc;
}
.sidebar-page-container .group-title .separator{
    position: relative;
    width: 65px;
    height: 15px;
    margin-bottom:20px;
}

.sidebar-page-container .group-title .separator:after{
    position: absolute;
    content: '';
    left: 0px;
    top: 6px;
    width: 40px;
    height: 1px;
    background-color: #f5b01b;
}

.sidebar-page-container .group-title .separator .dott{
    position: relative;
    width: 6px;
    height: 6px;
    top: -9px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fa2964;
}*/
.inner-box {
    background: #f8f8f8;
}
p.sectp {
    margin-left: 39px;
    padding-top: 9px;
    margin-right: 30px;
}
.imagess {
    padding-top: 35px;
    padding-left: 35px;
    float: left;
    margin-right: 24px;
}
.dark-text p {
    text-align: justify;
}
h4.darkh4 {
    padding-top: 30px;
}
.demo {
    padding: 70px 0;/*background: #fefbfb;*/
}
.heading-title {
    margin-bottom: 50px;
}
.pricingTable {
    border: 2px solid #b8d6dd;
    text-align: center;
    position: relative;
    /*padding-bottom: 40px;*/
    transform: translateZ(0px);
    margin-bottom: 28px;
    min-height: 465px;
}
.pricingTable:before, .pricingTable:after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    z-index: -1;
    transition: all 0.5s ease 0s;
}
.pricingTable:before {
    border: 2px solid #4982c3;
    transform: scaleY(0);
    transform-origin: 100% 0 0;
}
.pricingTable:after {
    border: 2px solid #4982c3;
    border-right: 2px solid #4982c3;
    transform: scaleX(0);
    transform-origin: 0 100% 0;
}
.pricingTable:hover:before {
    transform: scaleY(1);
}
.pricingTable:hover:after {
    transform: scaleX(1);
}
.pricingTable .pricingTable-header {
    background: #4982c3;
    color: #fff;
    margin: -2px -2px 35px;
    padding: 40px 0;
}
.pricingTable .heading {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 5px 0;
    color: #fff;
}
.pricingTable .subtitle {
    font-size: 14px;
    display: block;
}
.pricingTable .price-value {
    font-size: 72px;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    display: inline-block;
}
.pricingTable .currency {
    font-size: 45px;
    font-weight: normal;
    position: absolute;
    top: 2px;
    left: -30px;
}
.pricingTable .month {
    font-size: 20px;
    position: absolute;
    bottom: 17px;
    right: -40px;
}
.pricingTable .pricing-content {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
}
.pricingTable .pricing-content li {
    font-size: 16px;
    color: #535556;
    line-height: 32px;
    margin-bottom: 10px; display: inline-flex;
}

.pricing-content i{ margin-top:9px; margin-right: 10px; font-size: 13px; }


.pricingTable .read {
    display: inline-block;
    border: 2px solid #7a7e82;
    border-right: none;
    font-size: 14px;
    font-weight: 700;
    color: #7a7e82;
    padding: 9px 30px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.pricingTable .read:hover {
    border-color: #08c6aa;
    color: #08c6aa;
}
.pricingTable .read i {
    font-size: 19px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    transition: all 0.3s ease 0s;
}
.pricingTable .read:hover i {
    right: 5px;
}
.pricingTable .read:before, .pricingTable .read:after {
    content: "";
    display: block;
    height: 30px;
    border-left: 2px solid #7a7e82;
    position: absolute;
    right: -11px;
    transition: all 0.3s ease 0s;
}
.pricingTable .read:before {
    bottom: -6px;
    transform: rotate(45deg);
}
.pricingTable .read:after {
    top: -6px;
    transform: rotate(-45deg);
}
.pricingTable .read:hover:before, .pricingTable .read:hover:after {
    border-left-color: #08c6aa;
}
 @media screen and (max-width: 990px) {
.contain {
    background: #f9f9f9;
    height: 1494px;
}
.pricingTable {
    margin-bottom: 25px;
}
}
div#height {
    min-height: 226px;
}
ul#bank {
    margin-top: 10px;
    font-size: 15px;
    color: #8d8c8c;
}
.single-industries-box:hover ul#bank {
    color: #fff;
}
/*tabbing*/

/*a#nva {
    color: #fff;
    background: #4982c3;
    width: 300px;
    text-align: center;
}*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #4982c3;
    border-color: #dee2e6 #dee2e6 #dee2e6;
    border: 2px solid #dee2e6;
    width: 300px;
    text-align: center;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    /*width: 400px;*/
    text-align: center;
}
/* 02-dec */

.sec-title {
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}
.sec-title .title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #ff2222;
    font-weight: 500;
    margin-bottom: 15px;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.28em;
    color: #222222;
    font-weight: 600;/*padding-bottom:18px;*/
}
/*.sec-title h2:before{
  position:absolute;
  content:'';
  left:0px;
  bottom:0px;
  width:50px;
  height:3px;
  background-color:#d1d2d6;
}*/

.sec-title .text {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    color: #848484;
    font-weight: 400;
    margin-top: 35px;
}
.sec-title.light h2 {
    color: #ffffff;
}
.sec-title.text-center h2:before {
    left: 50%;
    margin-left: -25px;
}
.list-style-one {
    position: relative; margin-bottom: 20px;
}
.list-style-one li {
    position: relative;
    font-size: 17px;
    line-height: 26px;
    color: #716c80;
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 2px;
}
.list-style-one li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 17px;
    padding: 0px;
    color: #4982c3;
    font-weight: 400;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}
.list-style-one li a:hover {
    color: #44bce2;
}
.list-style-one2 {
    position: relative;
}
.list-style-one2 li {
    position: relative;
    text-align: left;
    font-size: 17px;
    line-height: 26px;
    color: #fff;
    font-weight: 400;
    padding-left: 35px;
    margin-bottom: 10px;
}
.list-style-one2 li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 17px;
    padding: 0px;
    color: #fff;
    font-weight: 400;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}
.list-style-one3 {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
.list-style-one3 li {
    position: relative;
    text-align: left;
    font-size: 17px;
    line-height: 26px;
    color: #716c80;
    font-weight: 400;
    padding-left: 27px;
    margin-bottom: 10px;
    word-break: break-all;
}
.list-style-one3 li:before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0px;
    display: block;
    font-size: 17px;
    padding: 0px;
    color: #4982c3;
    font-weight: 400;
    -moz-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.6;
    font-family: "Font Awesome 5 Free";
}
.list-style-one3 li a:hover {
    color: #44bce2;
}
.rimg {
    width: 100%;
}
.rimg img {
    max-width: 100%;
    border-radius: 100%;
    border: solid 1px #c9d7e7;
    padding: 50px;
    background: rgba(255,255,255,0.1);
}
.btn-style-one {
    position: relative;
    display: inline-block;
    font-size: 17px;
    line-height: 30px;
    color: #ffffff;
    padding: 10px 30px;
    font-weight: 600;
    overflow: hidden;
    letter-spacing: 0.02em;
    background-color: #ff2222;
}
.btn-style-one:hover {
    background-color: #001e57;
    color: #ffffff;
}
.about-section {
    position: relative;
    padding: 35px 0 0px;
}
.about-section .sec-title {
    margin-bottom: 45px;
}
.about-section .content-column {
    position: relative;
    margin-bottom: 50px;
}
.about-section .content-column .inner-column {
    position: relative;
    padding-left: 30px;
}
.about-section .text {
    margin-bottom: 6px;
    font-size: 17px;
    line-height: 25px;
    color: #716c80;
    font-weight: 400;
    margin-top: -27px;
}
.about-section .list-style-one {
    margin-bottom: 45px;
}
.about-section .btn-box {
    position: relative;
}
.about-section .btn-box a {
    padding: 15px 50px;
}
.about-section .image-column {
    position: relative;
}
.about-section .image-column .text-layer {
    position: absolute;
    right: -110px;
    top: 50%;
    font-size: 325px;
    line-height: 1em;
    color: #ffffff;
    margin-top: -175px;
    font-weight: 500;
}
.about-section .image-column .inner-column {
    position: relative;
    padding-left: 120px;
    padding-bottom: 125px;
}
/*.about-section .image-column .inner-column:before{
  position: absolute;
  left: 75px;
  top: 22px;
  height: 520px;
  width: 520px;
  background-image:url(https://i.ibb.co/fxJ1jtC/about-circle-1.png);
  content: "";
}*/

.about-section .image-column .image-1 {
    position: relative;
}
.about-section .image-column .image-2 {
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-section .image-column .image-2 img, .about-section .image-column .image-1 img {
    box-shadow: 0 30px 50px rgba(8,13,62,.15);
}
.about-section .image-column .video-link {
    position: absolute;
    left: 70px;
    top: 170px;
}
.about-section .image-column .video-link .link {
    position: relative;
    display: block;
    font-size: 22px;
    color: #191e34;
    font-weight: 400;
    text-align: center;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 30px 50px rgba(8,13,62,.15);
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
.about-section .image-column .video-link .link:hover {
    background-color: #191e34;
    color: #fff;
}
section {
    padding: 60px 0;/* min-height: 100vh;*/
}
.contain {
    background: #f9f9f9;
    height: 867px;
}
a:hover, a:focus, a:visited {
    text-decoration: none;
    outline: none;
}
.akslogo {
    float: right;
}
p.foot {
    margin-top: -50px;
    margin-bottom: 40px;
}
section {
    padding: 60px 0;
    min-height: 60vh;
}
.contact-info {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
}
.contact-info-icon {
    margin-bottom: 15px;
}
.contact-info-item {
    min-height: 214px;
    background: #f9f9f9;
    padding: 30px 0px;
}
.contact-page-sec .contact-page-form h2 {
    color: #071c34;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 700;
}
.contact-page-form .col-md-6.col-sm-6.col-xs-12 {
    padding-left: 0;
}
.contact-page-form.contact-form input {
    margin-bottom: 5px;
}
.contact-page-form.contact-form textarea {
    height: 110px;
}
.contact-page-form.contact-form input[type="submit"] {
    background: #071c34;
    width: 150px;
    border-color: #071c34;
}
.contact-info-icon i {
    font-size: 48px;
    color: #71cde1;
}
.contact-info-text p {
    margin-bottom: 0px;
}
.contact-info-text h2 {
    color: #000;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}
.contact-info-text span {
    color: #999999;
    font-size: 16px;
 font-weight:;
    display: inline-block;
    width: 100%;
}
.contact-page-form input {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
    padding: 12px 16px;
    width: 100%;
    border-radius: 4px;font-size: 14px;
}
.contact-page-form select {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
    padding: 12px 16px;
    width: 100%;
    border-radius: 4px; color: #6e6e6e;font-size: 14px;
}

 .contact-page-form label { font-size: 14px; }


.contact-page-form .message-input {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}
.single-input-field textarea {font-size: 14px;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d1d1d1;
    width: 100%;
    height: 120px;
    padding: 12px 16px;
    border-radius: 4px;
}
.single-input-fieldsbtn input[type="submit"] {
    background: #fda40b none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 0;
    text-transform: capitalize;
    width: 150px;
    margin-top: 20px;
    font-size: 16px;
}
.single-input-fieldsbtn input[type="submit"]:hover {
    background: #071c34;
    transition: all 0.4s ease-in-out 0s;
    border-color: #071c34
}
.single-input-field h4 {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
}
.contact-page-form {
    display: inline-block;
    width: 100%;/*margin-top: 70px;*/
}
.contact-page-map {
    margin-top: 36px;
}
.contact-page-form form {
    padding: 20px 15px 0;
}
button#btonn {
    margin-top: 10px;
}
.white-bg {
    background-color: #fff;
}
.page-section-ptb {
    padding: 80px 0;
}
.section-title-1 {
    margin-bottom: 60px;
}
.text-center {
    text-align: center;
}
.section-title-1 h1 {
    margin-top: 0px;
    text-transform: capitalize;
}
.text-blue {
    color: #00a9da;
}
.section-title-1 .title-line {
    padding: 10px 0;
}
.section-title-1 .title-line:before {
    background: #00a9da;
    content: "";
    display: block;
    height: 2px;
    margin: 0 auto;
    width: 220px;
}
.section-title-1 .title-line:after {
    background: #00a9da;
    content: "";
    display: block;
    height: 6px;
    position: relative;
    top: -6px;
    margin: 0 auto;
    width: 60px;
}
.section-title-1 p {
    margin-bottom: 0px;
    font-size: 16px;
}
.feature-4 span {
    float: left;
    margin-right: 19px;
    font-size: 34px;
    color: #00a9da;
}
.icon-pencil:before {
    content: "\e05f";
}
.feature-4 h4 {
    display: block;
}
.feature-4 p {
    margin-left: 18px;
    padding-left: 36px;
    border-left: 1px solid #eceff7;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.feature-4-sec li {
    font-size: 14px;
    color: #626262;
    margin-bottom: 10px;
}
.feature-4-sec i {
    color: #626262;
    font-size: 16px;
    margin-left: 17px;
    padding-right: 28px;
    padding-top: 4px;
}
.fa-angle-right:before {
    content: "\f105";
}
.icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users {
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
/*24-12-21*/
.bg-light-gray {
    background-color: #f7f7f7;
}
.margin-6-rem-bottom {
    margin-bottom: 1rem;
}
.margin-20px-bottom {
    margin-bottom: 20px;
}
.font-weight-500 {
    font-weight: 500!important;
}
.btn-link.text-fast-blue, .text-fast-blue, a.text-fast-blue-hover:hover {
    color: #0038e3;
}
.text-extra-medium {
    font-size: 16px;
    line-height: 28px;
}
.d-block {
    display: block!important;
}
.btn-link.text-extra-dark-gray, .text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
    color: #232323;
}
.font-weight-300 {
    font-size: 20px;
    margin: 14px 0 25px;
}
.font-weight-400 {
    display: block;
    margin-bottom: 10px;
    background: var(--gradientColor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .1em;
    font-weight: 600;
}
.font-weight-500 {
    font-size: 48px;
    margin: 14px 0 25px;
}
.process-step-style-01 .process-step-icon-box {
    position: relative;
}
.margin-40px-bottom {
    margin-bottom: 40px;
}
.process-step-style-01 .process-step-icon-box .process-step-bfr {
    position: absolute;
    top: 50%;
    left: calc(100% + 15px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.process-step-style-01 .process-step-icon {
    width: 130px;
    height: 130px;
    box-shadow: 0 0 10px rgb(0 0 0 / 7%);
    line-height: 130px;
    border-radius: 100%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
    -ms-transition-duration: .5s;
}
.bg-white {
 --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity))!important;
}
.process-step-style-01 .process-step-icon i {
    vertical-align: middle;
}
.icon-large {
    font-size: 50px;
}
.text-gradient-light-purple-light-orange {
    background: linear-gradient(to right, #b783ff, #b783ff, #fa7cc1, #ff85a6, #ff9393);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
[class*=" line-icon-"], [class^=line-icon-] {
 font-family: icomoon;
 speak: none;
 font-style: normal;
 font-weight: 400;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.line-icon-Idea-5:before {
    content: "\e9d5";
}
.margin-10px-bottom {
    margin-bottom: 10px;
}
.last-paragraph-no-margin p:last-of-type {
    margin-bottom: 0;
}
.w-85 {
    width: 85%;
}
.line-icon-Fountain-Pen:before {
    content: "\e923";
}
.line-icon-Loading-2:before {
    content: "\ea52";
}
.line-icon-Juice:before {
    content: "\e9fa";
}
.process-step-style-01 .process-step-icon-box .process-step-bfr {
    position: absolute;
    top: 50%;
    left: calc(100% + 15px);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.h-1px {
    height: 1px;
}
.w-80px {
    width: 80px;
}
.opacity-2 {
    opacity: .2;
}
.bg-dark-gray {
    background-color: #757575;
}
@media (min-width: 992px) .row-cols-lg-4>* {
 flex: 0 0 auto;
 width: 20%;
}
/*27-12-21*/
.pos-r {
    position: relative;
}
section {
    padding: 80px 0;
}
.section-title {
    margin-bottom: 50px;
    position: relative;
}
.section-title p {
    font-size: 16px;
}
.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 {
    display: block;
    margin-bottom: 10px;
    background: var(--gradientColor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .1em;
    font-weight: 600;
}
.title-effect .bar {
    background: #2575fc;
}
.title-effect .bar-top {
    width: 100%;
    height: 7px;
    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: 7px;
    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: 7px;
    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: 7px;
    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;
}
.section-title h2 {
    margin-bottom: 15px;
}
/* ------------------------
    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: #4982c3;
    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: #4982c3;
}
.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: #4982c3;
    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;
}
}

/* responsive */
@media (max-width: 1200px) {
#svg-container {
    width: 85%;
}
}
@media (max-width: 992px) {
.md-mt-5 {
    margin-top: 50px !important;
}
/*Step*/
.work-process .box-loader {
    display: none;
}
.step-desc p {
    max-width: 300px;
    margin: 0 auto;
}
#svg-container {
    width: 100%;
    transform: rotate(90deg);
    left: 0;
    top: 50%;
}
}
section {
    padding: 60px 0;/*min-height: 100vh;*/
}
.section-header {
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 20px;
}
/*.section-header::before {
  content: '';
  position: absolute;
  display: block;
  width: 60px;
  height: 5px;
  background: #f82249;
  bottom: 0;
  left: calc(50% - 25px);
}*/

.section-header h2 {
    font-size: 36px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    margin-bottom: 10px;
}
.section-header p {
    text-align: center;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #9195a2;
}
.work-porcess-area {
/*background: #f6f8fc;*/
}
.work-porcess-area.white {
    background: #FFFFFF;
}
.work-porcess-area .process-info {
    margin-top: 7px;
}
.work-porcess-area .process-info .single-process {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    padding-top: 53px;
    margin: 0 auto;
    background: #FFFFFF;
    -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
    -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
    -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
    -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4);
    box-shadow: 0 10px 30px 0 rgba(143 133 135);
    position: relative;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}
.work-porcess-area .process-info .single-process:hover {
 -webkit-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4)  -o-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4)  -moz-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4)  -ms-box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4)  box-shadow: 0 10px 30px 0 rgba(248, 32, 72, 0.4)
}
/*.work-porcess-area .process-info .single-process:after {
    position: absolute;
    content: "\f101";
    font-family: "fontawesome";
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -66px;
    color: #4982c3;
}*/
.work-porcess-area .process-info .single-process.first {
/* background: #f82249;*/
}
.work-porcess-area .process-info .single-process.first i:before {
    color: #4982c3;
}
.work-porcess-area .process-info .single-process.first h4 {
    color: #4982c3;
}
.work-porcess-area .process-info .single-process.thard {
/*background: #f82249;*/
}
.work-porcess-area .process-info .single-process.thard i:before {
    color: #4982c3;
}
.work-porcess-area .process-info .single-process.thard h4 {
    color: #4982c3;
}
.work-porcess-area .process-info .single-process.last:after {
    display: none;
}
.work-porcess-area .process-info .single-process i {
    display: block;
    line-height: 25px;
    margin-bottom: 12px;
}
.work-porcess-area .process-info .single-process i:before {
    font-size: 36px;
    color: #4982c3;
}
.work-porcess-area .process-info .single-process h4 {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    color: #4982c3;
}
 @media only screen and (max-width: 767px) {
.work-porcess-area .process-info .single-process::after {
    display: none;
}
.work-porcess-area .process-info .single-process {
    margin-top: 30px;
}
.work-porcess-area .section-title h2 {
    margin-bottom: 5px;
}
.section-header h2 {
    font-size: 30px;
}
}
h4#centtext {
    text-align: center;
    margin-top: 26px;
}
p#centtext1 {
    text-align: center;
    font-size: 16px;
}
.sub-title1 {
    display: block;
    margin-bottom: 10px;
    background: var(--gradientColor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .1em;
    font-weight: 600;
    text-align: center;
}
/*28-12-21*/

.bg4 {
    background: url(assets/img/about-2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pb-120 {
    padding-bottom: 60px;
}
.pt-120 {
    padding-top: 35px;
}
.sec-title {
    position: relative;
    text-align: justify;
}
.mb-30 {
    margin-bottom: 30px;
}
.first {
    text-align: justify;
}
.sec-title .sub-text.style2 {
    display: block;
    margin-bottom: 10px;
    background: var(--gradientColor);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: .1em;
    font-weight: 600;
}
.sec-title .title {
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    color: #101010;
    margin: 0;
}
.pb-38 {
    padding-bottom: 38px;
}
.sec-title .desc {
    font-weight: 400;
    margin: 0;
}
.pb-35 {
    padding-bottom: 35px;
}
.pb-15 {
    margin-top: -20px;
    padding-bottom: 15px;
}