::-webkit-scrollbar {
  width: 8px; // to adjust width
}
::-webkit-scrollbar-track {
  background: #00abcd;
}
::-webkit-scrollbar-thumb {
  background: #028293;
}
::-webkit-scrollbar-thumb:hover {
  background: #028293;
}
::-webkit-scrollbar-thumb:active {
  background: #028293;
}
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap');
body{margin:0;padding:0;font-size:12px;overflow-x: hidden;font-family: 'Montserrat', sans-serif;line-height: 28px;}

/*----------------------------------------*/
/*  Global
/*----------------------------------------*/
.font24{font-size: 24px;}
a{color:#038293;text-decoration:none;background-color:transparent}
a:hover{color:#63c5c1;}
.trans{
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.plv0{padding-left: 0px;}
.prv0{padding-right: 0px;}

.pt-10{padding-top: 10px;}
.pt-20{padding-top: 20px;}
.pt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pt-50{padding-top: 50px;}
.pt-60{padding-top: 60px;}
.pt-70{padding-top: 70px;}
.pt-80{padding-top: 80px;}
.pt-90{padding-top: 90px;}
.pt-100{padding-top: 100px;}
.pt-110{padding-top: 110px;}
.pt-120{padding-top: 120px;}
.pt-130{padding-top: 130px;}
.pt-140{padding-top: 140px;}
.pt-150{padding-top: 150px;}
.pt-160{padding-top: 160px;}

.pb-10{padding-bottom: 10px;}
.pb-20{padding-bottom: 20px;}
.pb-30{padding-bottom: 30px;}
.pb-40{padding-bottom: 40px;}
.pb-50{padding-bottom: 50px;}
.pb-60{padding-bottom: 60px;}
.pb-70{padding-bottom: 70px;}
.pb-80{padding-bottom: 80px;}
.pb-90{padding-bottom: 90px;}
.pb-100{padding-bottom: 100px;}
.pb-110{padding-bottom: 110px;}
.pb-120{padding-bottom: 120px;}
.pb-130{padding-bottom: 130px;}
.pb-140{padding-bottom: 140px;}
.pb-150{padding-bottom: 150px;}
.pb-160{padding-bottom: 160px;}
/*----------------------------------------*/
/*  Background Animation
/*----------------------------------------*/
.circles{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index: -1;}
.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:rgba(0,171,205,.1);animation:animate 25s linear infinite;bottom:-300px}
.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}
.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}
.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:2s}
.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:2s;animation-duration:18s}
.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:2s}
.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:2s}
.circles li:nth-child(7){left:40%;width:150px;height:150px;animation-delay:2s}
.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:2s;animation-duration:16s}
.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:21s}
.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}
@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}

/*----------------------------------------*/
/*  Logo and Menu Section
/*----------------------------------------*/

.topbg{background: url(../images/topbg.png);
background-size: cover;
    height: 235px;position: absolute;top: 0;width: 100%;z-index: 990}

header{
  width: 100%;
  position:fixed;
  text-align: center;
  transition: all 0.4s ease;
  z-index: 999;

}
header.sticky {
  position:fixed;
  background:rgba(2, 156, 168, 0.86);
  z-index: 999;
}
nav ul li a img{width:277px;transition: all 0.4s ease;}
header.sticky nav ul li a img{
  width: 180px;
  filter: brightness(0) invert(1);
}
header.sticky .button{
  top: 30px;
}
header.sticky .btn-open:after{color:#fff;}
header.sticky nav ul li a{border-bottom:none;}
ul{margin:0;padding:0;text-decoration:none;list-style:none}
li{padding:0;margin:0}
nav{text-align:center;width:100%;position:relative;height:auto;overflow:hidden;background:0 0}
nav ul{text-align:left}
nav ul li{display:inline-block}
nav ul li a{color:#333;display:inline-block;padding:1em 0em;text-decoration:none;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;font-size:16px}
nav ul li a:hover{color:#34b484}

.button a.number{font-weight: 600;color: #63c5c1;transition: all 0.5s;display: none;}
header.sticky .button a.number{font-weight: 600;color: #fff;transition: all .5s;font-size: 24px;display: inline-block;margin-right: 15px;}

.button{display:inline;position:absolute;right:0px;top:25px;z-index:999;font-size:35px;transition: all 0.4s ease;}
.button a{text-decoration:none}
.btn-open:after{color:#00abcd;content:"\f0c9";font-family:FontAwesome;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}
.btn-open:hover:after{color:#63c5c1}
.btn-close:after{color:#fff;content:"\f00d";font-family:FontAwesome;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}
.btn-close:hover:after {color: #34B484;}
.overlay{display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,71,205,.9);overflow:auto;z-index:99}
.wrap{color:#e9e9e9;text-align:center;max-width:100%;margin:0 auto}
.wrap ul.wrap-nav{border-bottom:1px solid #437eec;text-transform:capitalize;padding:150px 0 100px}
.wrap ul.wrap-nav li{font-size:20px;display:inline-block;vertical-align:top;position:relative;text-align:left}
.wrap ul{padding:0 14px}
.wrap ul.wrap-nav ul li{padding:0 0}
.wrap-nav li{padding:0 10px}
.wrap ul.wrap-nav li a{color:#fff;display:block;padding:8px 0;text-decoration:none;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}
.wrap ul.wrap-nav li a:hover{color:#63c5c1}
.wrap ul.wrap-nav ul{padding:20px 0}
.wrap ul.wrap-nav ul li{display:block;font-size:13px;width:100%;color:#e9e9e9}
.wrap ul.wrap-nav ul li a{color:#f0f0f0}
.wrap ul.wrap-nav ul li a:hover{color:#34b484}
.social{font-size:25px;padding:20px}
.social p{margin:0;padding:20px 0 5px 0;line-height:30px;font-size:13px}
.social{font-size:25px;padding:20px}
.social p{margin:0;padding:20px 0 5px 0;line-height:30px;font-size:13px}
.social-icon{width: 55px; padding: 10px 0px;background:#63c5c1;color:#fff;display:inline-block;margin:0 20px;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s}
.social-icon:hover{background:#034598;color:#fff}
.social-icon i{margin-top:12px}

header:after{padding:0;margin:0;display:block;content:"";width:50%;height:1.1px;background:rgba(0,171,205,.2);position:relative;right:0;top:-1px}
@media screen and (max-width:48em) {
.wrap ul.wrap-nav>li{width:100%;padding:20px 0;border-bottom:1px solid #575757}
.wrap ul.wrap-nav{padding:25px}
/*nav ul{opacity:0;visibility:hidden}*/
.social{color:#c1c1c1;font-size:25px;padding:15px 0}
.social-icon{width:100%;height:50px;background:#fff;color:#333;display:block;margin:5px 0}
}
/*----------------------------------------*/
/*  Banner Section
/*----------------------------------------*/
.banner-wrapper{padding:0px 0 20px;text-align:left;position: relative;padding-top: 110px;}
.banner-wrapper:before {
    display: block;
    position: absolute;
    content: '';
    -webkit-border-top-right-radius: 50%;
    -webkit-border-bottom-right-radius: 50%;
    -moz-border-radius-topright: 50%;
    -moz-border-radius-bottomright: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background: rgba(229, 229, 229, 0.1);
    width: 60%;
    height: 100%;
}
.owl-item .slider-content-1{padding-top:45px;}
.owl-item .slider-animated-1 .collection{position:relative; color:#eb2245;  text-transform:uppercase; font-size:16px; line-height:22px; padding-left:15px;}
.owl-item .slider-animated-1 .collection:before{content:''; height:60px; width:3px; background:#eb2245; position:absolute; top:3px; left:0;}
.owl-item.active .slider-animated-1 .collection{-webkit-animation-delay:0.2s; animation-delay:0.2s;-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.owl-item .slider-animated-1 .slide-tit{padding-top:90px; padding-bottom:40px;}
.owl-item .slider-animated-1 .slide-tit .readmore{padding:20px 0px;}
.owl-item .slider-animated-1 .slide-tit .readmore a{border: 1px solid #64c5c1;padding: 14px 15px;font-size: 16px;text-decoration:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
.owl-item .slider-animated-1 .slide-tit .readmore a:hover{border: 1px solid #64c5c1;background:#64c5c1;color:#fff;}

.owl-item .slider-animated-1 .slide-tit .small-txt{color:#63c5c1; font-size:38px;font-weight: 800;text-transform: uppercase;}
.owl-item.active .slider-animated-1 .slide-tit .small-txt{-webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.owl-item .slider-animated-1 p{width:90%; color:#868586; font-size:16px; line-height:30px; color:#63c5c1;text-transform: uppercase;}
.owl-item.active .slider-animated-1 p{-webkit-animation-delay:1.4s; animation-delay:1.4s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.owl-item.active .slider-animated-1 h2{-webkit-animation-delay: 0.8s; animation-delay: 0.8s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; text-transform: uppercase;position: relative;color: #4ea899;
    background: -webkit-linear-gradient(
20deg
,#0E5CAD,#79F1A4);
    background: -moz-linear-gradient(20deg,#0E5CAD,#79F1A4);
    background: linear-gradient(
20deg
,#0E5CAD,#79F1A4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.owl-item.active .slider-animated-1 a{-webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; color:#028293;text-transform: uppercase;position: relative;}

.owl-item .slider-animated-1 h2{color:#63c5c1; font-weight:700; font-size:72px;  line-height:1;text-transform: uppercase;}
.owl-item.active .slider-animated-1 h5{-webkit-animation-delay: 0.4s; animation-delay: 0.4s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.owl-item.active .slider-animated-1 h3{-webkit-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; color:#231f20;}
.owl-item .slider-animated-1 h5{color:#231f20; font-weight:700; font-size:30px; line-height:60px; margin:0; text-transform:uppercase;}
.owl-item .slider-animated-1 h3{color:#231f20; font-weight:700; font-size:60px; line-height:60px; margin:0; text-transform:uppercase;}
.owl-item .slider-animated-1 .slide-btn .btn{ color:#231f20; font-size:18px; font-weight:700; padding:0; border:none;}
.owl-item .slider-animated-1 .slide-btn .btn i{margin-left:8px;}
.owl-item.active .slider-animated-1 .slide-btn .btn{-webkit-animation-delay: 1s; animation-delay: 1s;-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
.owl-item .slider-animated-1 .slide-btn .btn:hover{color:#eb2245;}
.owl-carousel .owl-item a img {display: inline-block;width: auto;}
.owl-item.active .slider-animated-1.slider-sin-img-hm1 img {-webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
.banner-wrapper.homebanner1 .owl-prev{position:absolute; bottom:10%; left:0px; font-size:24px !important;outline: none;}
.banner-wrapper.homebanner1 .owl-next{position:absolute; bottom:10%; left:100px; font-size:24px !important;outline: none;}
.banner-wrapper.homebanner1 .owl-prev{float:left; font-size:20px; text-transform:uppercase; padding:20px;}
.banner-wrapper.homebanner1 .owl-next{float: right; font-size: 20px; text-transform: uppercase; padding: 20px;}
.banner-wrapper.homebanner1 .owl-dots{counter-reset: slides-num;  position:absolute;  top:calc(100% - 100px);  left:-30px;  margin-top:0;}
.banner-wrapper.homebanner1 .owl-dots:after{content:"/" "0"counter(slides-num); display:inline-block; font-size:18px; font-weight:400;
  color:#a1a1a1; vertical-align:bottom; padding-left:5px; line-height:34px;}
.banner-wrapper.homebanner1 .owl-dot{display:inline-block; counter-increment:slides-num; margin-right:25px;}
.banner-wrapper.homebanner1 .owl-dot span{display:none;}
.banner-wrapper.homebanner1 .owl-dot.active:before{content:"0"counter(slides-num); display:inline-block; vertical-align:middle; font-size:40px; color:#231f20; position:absolute; left:calc(100% - 80px); top:0; font-weight:400;}
.bnr-pr0{padding-right: 0px!important;}
/*----------------------------------------*/
/*  Intro Section
/*----------------------------------------*/
#intro_sec{padding: 30px 0px;}
#intro_sec .intro_text {padding:0px 25px 30px 30px;}
#intro_sec .intro_text p{font-size: 15px;color: #686868;}
#intro_sec .boder_right{border-right: 1px solid rgba(0,171,205,.2);}
#intro_sec .boder_left{border-left: 1px solid rgba(0,171,205,.2);}
#intro_sec .left_border{position:relative}
#intro_sec .left_border:after{content:'';position:absolute;left:0;top:50%;height:70%;border-left:1px solid rgba(0,171,205,.2)}
#intro_sec .intro_text_right{padding-left: 30px;}
#intro_sec .intro_text_right h6{font-size: 60px;font-weight: 800;color: #e0f3f3}
#intro_sec .intro_text_right p{font-size: 15px;color: #686868;}
/*----------------------------------------*/
/*  OUR HOLISTIC SERVICES Section
/*----------------------------------------*/
#services_sec{padding: 100px 0px;position: relative;}
#services_sec .heading h2{font-size:32px;font-weight: 700;color: #686868;text-transform: uppercase;}
#services_sec .explore:before{content:"EXPLORE";position:absolute;top:43%;left:0;font-size:60px;font-weight:800;color:#e0f3f3;transform:rotate(-90deg)}
#services_sec .navyblue{background: #f2fbfc;padding: 0px 30px 0px 20px;position: relative;}
#services_sec .navyblue .services_sec{position: absolute;z-index: 2;}
#services_sec .navyblue .margintop{margin-top: -16px;margin-left: 42px;}
#services_sec h1{font-size:65px;font-weight: 700;color: #00abcd;text-transform: uppercase;}
#services_sec .d_for_you{background: #fff;padding: 130px 30px 62px;}
#services_sec .d_for_you h3{font-size: 20px;color: #00abcd;font-weight: 500;text-transform: uppercase;padding-bottom: 10px;}
#services_sec .d_for_you p{font-size: 15px;color: #686868;text-align: justify;}
#services_sec .one:after{content:"01";position:absolute;top:45%;right:-135px;font-size:180px;font-weight:bold;color:#fff;font-family:'Oswald', sans-serif;z-index: 2;letter-spacing: -14px;}
.overlayimg:after{width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0;z-index: 1;pointer-events: none;background: rgba(36, 45, 101, 0.8);
}
#services_sec .two:after{content:"02";position:absolute;top:45%;right:-135px;font-size:180px;font-weight:bold;color:#fff;font-family:'Oswald', sans-serif;z-index: 2;letter-spacing: -14px;}
.overlayimg:after{width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0;z-index: 1;pointer-events: none;background: rgba(36, 45, 101, 0.8);
}
#services_sec .three:after{content:"02";position:absolute;top:45%;right:-135px;font-size:180px;font-weight:bold;color:#fff;font-family:'Oswald', sans-serif;z-index: 2;letter-spacing: -14px;}
.overlayimg:after{width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0;z-index: 1;pointer-events: none;background: rgba(36, 45, 101, 0.8);
}

#services_sec .four:after{content:"03";position:absolute;top:45%;right:-135px;font-size:180px;font-weight:bold;color:#fff;font-family:'Oswald', sans-serif;z-index: 2;letter-spacing: -14px;}
.overlayimg:after{width: 100%;height: 100%;content: "";position: absolute;left: 0;top: 0;z-index: 1;pointer-events: none;background: rgba(36, 45, 101, 0.8);
}

#services_sec .navig{margin-top: 40px;}
#services_sec .navig .owl-nav{background: #f2fbfc;text-align: center;padding: 15px;}
#services_sec .navig .owl-prev{outline:none;margin-right:5px;}
#services_sec .navig .owl-next{outline:none;margin-left:0px;}
#services_sec .tagline{background: #f2fbfc;padding:10px 20px 30px;}
#services_sec .tagline h5{color: #63c5c1;font-size: 26px;text-align: center;}
blockquote:before{position:absolute;content:open-quote;font-size:4em;margin-left:-.6em;margin-top:-35px;font-family:Oswald}
blockquote:after{position:absolute;content:close-quote;font-size:4em;bottom:0;right:0;margin-right:122px;margin-bottom:-35px;font-family:Oswald;color:#00abcd}
#services_sec .tagline h5 span{color: #00abcd;font-size: 56px;display: block;font-weight: 700;}
#services_sec .tagline:after{content:'';position:absolute;left:0;top:65%;height:70%;border-left:1px solid rgba(0,171,205,.2)}
/*----------------------------------------*/
/*  International Association Section
/*----------------------------------------*/
#i_a{padding: 100px 0px;position: relative;}
#i_a .heading{padding: 0px 25px 30px 30px;position: relative;}
#i_a .heading h3{font-size: 32px;font-weight: 700;color: #686868;text-transform: uppercase;}
#i_a .heading p{font-size: 15px;color: #686868;text-align: justify;}
#i_a .heading:after{content: '';position: absolute;left: 0;top: 50%;height: 70%;border-left: 1px solid rgba(0,171,205,.2);}
#i_a .boder_right{border-right: 1px solid rgba(0,171,205,.2);}
#i_a .partners:after {content: "PARTNERS";position: absolute;top: 43%;right:0;font-size: 60px;font-weight: 800;color: #e0f3f3;transform: rotate(-90deg);
}
/*----------------------------------------*/
/*  WE KNOW THAT CONNECTIONS ARE Section
/*----------------------------------------*/
#weknowtag{padding: 50px 0px;position: relative;}
#weknowtag .bluestrip{background: #00abcd;padding: 40px 0px;}
#weknowtag .bluestrip .tagheading h4{font-size: 54px;font-weight: 700;color: #fff;text-transform: uppercase;margin: 0px;}
#weknowtag .bluestrip .tagheading h4 span{font-size: 24px;font-weight: 700;color: #fff;text-transform: uppercase;display: block;}
#weknowtag .bluestrip:after{content: '';position: absolute;right:0;bottom: -59px;;height: 70%;border-left: 1px solid rgba(0,171,205,.2);transform: rotate(
-90deg);}
/*----------------------------------------*/
/*  What Client Says Section
/*----------------------------------------*/
#wcs_sec{padding: 100px 0px;position: relative;}
#wcs_sec:after {
    padding: 0;
    margin: 0;
    display: block;
    content: "";
    width: 50%;
    height: 1.1px;
    background: rgba(0,171,205,.3);
    position: relative;
    right: 0;
    top: 100px;
}
#wcs_sec .heading h2{font-size:32px;font-weight: 700;color: #686868;text-transform: uppercase;}
#wcs_sec .review:before{content:"REVIEWS";position:absolute;top:50%;left:0;font-size:60px;font-weight:800;color:#e0f3f3;transform:rotate(-90deg)}
#wcs_sec .wcs_content{}
#wcs_sec .wcs_content p{font-size: 15px;color: #686868;text-align: justify;}
#wcs_sec .wcs_client_img figure{margin: 45px 0px 45px 65px;}
#wcs_sec .wcs_client_img figure img{max-width: 140px;padding: 30px 0px;}
#wcs_sec .wcs_client_img figure:after {
    content: "";
    position: absolute;
    top: 0;
    right:-5%;
    width: 50%;
    height: 100%;
    background:#00ABCD;
    z-index: -1;
}
#wcs_sec .wcs_content_name{margin-top: 30px;}
#wcs_sec .wcs_content_name h6{font-size:16px;font-weight: 500;color: #000000;text-transform: uppercase;}
#wcs_sec .wcs_content_name p{font-size:14px;font-weight: 400;color: #686868;text-transform: uppercase;}
#wcs_sec .navig{}
#wcs_sec .navig .owl-nav{margin-top: -15px;position: relative;z-index: 99;}
#wcs_sec .navig .owl-prev{outline:none;margin-right:5px;}
#wcs_sec .navig .owl-next{outline:none;margin-left:0px;}
/*----------------------------------------*/
/*  Blog Section
/*----------------------------------------*/
#blog_sec{padding: 100px 0px;position: relative;}
#blog_sec .heading h4{font-size:32px;font-weight: 700;color: #686868;text-transform: uppercase;}
#blog_sec .bgblue{background: #00ABCD;}
#blog_sec .blog_img{}
#blog_sec .blog_elements{padding: 80px 20px 80px 0px;position: relative;}
#blog_sec .blog_content{}
#blog_sec .blog_content h5{font-size:28px;font-weight: 600;color: #fff;text-transform: uppercase;}
#blog_sec .blog_arrow a{margin-top: 30px;display: block;}
#blog_sec .blog_arrow img{max-width: 80px;}
#blog_sec .blog_date{position: absolute;bottom: 15px;left: 0;color: #fff;}
#blog_sec .blog_img:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    pointer-events: none;
    background: rgba(19, 39, 104, 0.7);
}
#blog_sec:after {
    content: "ARTICLES";
    position: absolute;
    top: 45%;
    right: -20px;
    font-size: 60px;
    font-weight: 800;
    color: #e0f3f3;
    transform: rotate(-90deg);
}
#blog_sec .navig{}
#blog_sec .navig .owl-nav{text-align: center;padding: 35px 0px;}
#blog_sec .navig .owl-prev{outline:none;margin-right:5px;}
#blog_sec .navig .owl-next{outline:none;margin-left:0px;}
/*----------------------------------------*/
/*  vision mission
/*----------------------------------------*/
#visionmission_sec{padding: 100px 0px;position: relative;}
#visionmission_sec .heading h4{font-size:32px;font-weight: 700;color: #686868;text-transform: uppercase;}
#visionmission_sec .bgblue{background: #00ABCD;}
#visionmission_sec .blog_img{}
#visionmission_sec .blog_elements{padding: 30px 20px;position: relative;}
#visionmission_sec .blog_content{padding:15px 10px 15px 0px;}
#visionmission_sec .blog_content h3{font-size:24px;font-weight: 600;color: #fff;text-transform: uppercase;}
#visionmission_sec .blog_content p{font-size:16px;color: #fff;}
#visionmission_sec .blog_arrow a{margin-top: 30px;}
#visionmission_sec .blog_arrow img{max-width: 80px;}
#visionmission_sec .blog_date{position: absolute;bottom: 15px;left: 0;color: #fff;}

#visionmission_sec .blog_img:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 1;
    pointer-events: none;
    background: rgba(19, 39, 104, 0.7);
    border: 15px solid #fff;
}
#visionmission_sec:after {
    content: "EYESIGHT";
    position: absolute;
    top: 47%;
    right: -20px;
    font-size: 60px;
    font-weight: 800;
    color: #e0f3f3;
    transform: rotate(-90deg);
}
#visionmission_sec .navig{}
#visionmission_sec .navig .owl-nav{text-align: left;padding: 35px 0px;}
#visionmission_sec .navig .owl-prev{outline:none;margin-right:5px;}
#visionmission_sec .navig .owl-next{outline:none;margin-left:0px;}

/*----------------------------------------*/
/*  vision and mission tag Section
/*----------------------------------------*/
#visiontag{padding: 50px 0px;position: relative;}
#visiontag .bluestrip{background: #00abcd;padding: 40px 0px;}
#visiontag .bluestrip .tagheading h4{font-size: 48px;font-weight: 700;color: #fff;text-transform: uppercase;margin: 0px;}
#visiontag .bluestrip .tagheading h4 span{font-size: 22px;font-weight: 700;color: #fff;text-transform: uppercase;display: block;}
#visiontag .bluestrip:after{content: '';position: absolute;right:0;bottom: -57px;;height: 70%;border-left: 1px solid rgba(0,171,205,.2);transform: rotate(
-90deg);}

/*----------------------------------------*/
/*  vision and mission points
/*----------------------------------------*/
#vandmpoints{padding: 60px 0px 20px;position: relative;}
#vandmpoints h3{font-size: 26px;font-weight: 500;color: #00abcd;margin: 0px;line-height: 32px;}
#vandmpoints .ponits ul{margin: 0;list-style: disc;padding-right: 2em;}
#vandmpoints .ponits ul li{font-size: 15px;margin-bottom: 8px;}
.blockquote:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 0;
  content:"\f10d";
  font-size: 200px;
  color: rgba(25, 160, 193, 0.1);
  left: 50px; 
}



/*----------------------------------------*/
/*  getinquiry
/*----------------------------------------*/
#getinquiry{padding: 0px 0px 30px;}

#getinquiry .inquiry{font-size: 26px;text-transform: uppercase;}
#getinquiry .inquiry a{font-weight: 600;text-decoration: none}
#getinquiry .inquiry a.middle
{
    position: relative;
}

#getinquiry .inquiry a.middle:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #63c5c1;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}
#getinquiry .inquiry a.middle:hover:before {
  visibility: visible;
  transform: scaleX(1);
}

/*----------------------------------------*/
/*  our squad
/*----------------------------------------*/
#team_ideobiz{padding: 30px 0px 60px}
.our-team{
    text-align: center;
}

.our-team .pic{
    position: relative;
}

.our-team .pic:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.55);
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.our-team .pic:after{
    content: "";
    width: 90%;
    height: 90%;
    border: 1px solid #f5f5f6;
    position: absolute;
    top: 5%;
    left: 5%;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.our-team:hover .pic:before,
.our-team:hover .pic:after{
    opacity: 1;
}

.our-team .pic img{
    width: 100%;
    height: auto;
}

.our-team .social-links{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 40px;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all 0.3s ease 0s;
}

.our-team:hover .social-links{
    opacity: 1;
}

.our-team .social-links li{
    display: inline-block;
    margin-right: 10px;
}

.our-team .social-links li a{
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    font-size: 15px;
    color: #f5f5f6;
    border: 1px solid #f5f5f6;
    transition: all 0.3s ease 0s;
}

.our-team .social-links li .fa-twitter:hover{
    background: #00aced;
    border-color: #00aced;
}

.our-team .social-links li .fa-google-plus:hover{
    background: #c03c30;
    border-color: #c03c30;
}

.our-team .social-links li .fa-linkedin:hover{
    background: #0177b5;
    border-color: #0177b5;
}

.our-team .social-links li .fa-facebook:hover{
    background: #4867aa;
    border-color: #4867aa;
}

.our-team .team-content{
    padding: 15px 0;
    background: #00abcd;
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    overflow: hidden;
    position: relative;
}

.our-team .team-content:before{
    content: "";
    width: 100%;
    height: 100%;
    background: #26aab4;
    position: absolute;
    top: -100%;
    left: 0;
    transition: all 0.3s ease-out 0s;
}

.our-team:hover .team-content:before{
    top: 0;
}

.our-team .title{
    font-size: 24px;
    color: #fff;
    font-weight: 700;
    margin: 0 0 5px;
    text-transform: capitalize;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease 0s;
}

.our-team .post{
    display: block;
    font-size: 14px;
    color: #f5f5f6;
    text-transform: capitalize;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease 0s;
}


.our-team:hover .title,
.our-team:hover .post{
    color: #fff;
}

@media screen and (max-width: 990px){
    .our-team{ margin-bottom: 20px; }
}




/*----------------------------------------*/
/*  social button Section
/*----------------------------------------*/
.social-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  margin-top: 20px;
}
.social-buttons__button {
  margin: 10px 5px 0;
}

.social-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
.social-button__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 100%;
  background: #f0f0f0;
  text-align: center;
}
.social-button i,
.social-button svg {
  position: relative;
  z-index: 1;
  transition: 0.3s;
}
.social-button i {
  font-size: 28px;
}
.social-button svg {
  height: 40%;
  width: 40%;
}
.social-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-radius: 100%;
  transition: 0.3s;
}
.social-button:focus, .social-button:hover {
  color: #fff;
}
.social-button:focus::after, .social-button:hover::after {
  width: 100%;
  height: 100%;
  margin-left: -50%;
}
.social-button--mail {
  color: #0072c6;
}
.social-button--mail::after {
  background: #0072c6;
}
.social-button--facebook {
  color: #3b5999;
}
.social-button--facebook::after {
  background: #3b5999;
}
.social-button--linkedin {
  color: #0077b5;
}
.social-button--linkedin::after {
  background: #0077b5;
}
.social-button--github {
  color: #6e5494;
}
.social-button--github::after {
  background: #6e5494;
}
.social-button--codepen {
  color: #212121;
}
.social-button--codepen::after {
  background: #212121;
}
.social-button--steam {
  color: #7da10e;
}
.social-button--steam::after {
  background: #7da10e;
}
.social-button--snapchat {
  color: #eec900;
}
.social-button--snapchat::after {
  background: #eec900;
}
.social-button--twitter {
  color: #55acee;
}
.social-button--twitter::after {
  background: #55acee;
}
.social-button--instagram {
  color: #e4405f;
}
.social-button--instagram::after {
  background: #e4405f;
}
.social-button--npmjs {
  color: #c12127;
}
.social-button--npmjs::after {
  background: #c12127;
}
/*----------------------------------------*/
/*  Footer Section
/*----------------------------------------*/
footer{padding: 35px 0px 0px;background: #029ca8;}
footer .subscribe_sec{border: 1px solid rgba(255, 255, 255, 0.2);padding: 5px;}
footer .subscribe_sec .left{float: left;}
footer .subscribe_sec .right{float: right;}
footer .subscribe_sec .sub_btn{border: 1px solid rgba(255, 255, 255, 0.2);padding: 18px 20px;display:block;color: #fff;margin-top: 8px;margin-right: 8px;text-decoration: none;font-size: 16px;} 
footer .subscribe_sec .sub_btn:hover{background:#00abcd;border: 1px solid rgba(255, 255, 255, 0.5)}
footer .bottom_link h4{font-weight:600;color:#fff;text-transform: uppercase;font-size: 22px;margin-bottom: 15px;}
footer .bottom_link ul{}
footer .bottom_link ul li{}
footer .bottom_link ul a{color: #fff;font-size: 16px;text-decoration: none;}
footer .bottom_link ul a:hover{color: #e0e0e0;}
footer .bottom_link .bloglist ul{margin-right: 15px;padding-left: 15px;}
footer .bottom_link .bloglist ul li{line-height: 20px;margin-bottom: 15px;list-style-type: circle;color: #fff;}
footer .bottom_link .bloglist ul a{color: #fff;font-size: 15px;}
footer .bottom_link .bloglist ul a:hover{color: #e0e0e0;}
footer .bottom_link_right h4{font-weight:600;color:#fff;text-transform: uppercase;font-size: 22px;margin-bottom: 15px;text-align: right;}
footer .bottom_link_right address{color: #fff;font-size: 14px;text-align: right;}
footer .boder_right{border-right: 1px solid rgba(255, 255, 255, 0.1);}
footer .fullborder{border-top: 1px solid rgba(255, 255, 255, 0.1);margin: 30px 0px 0px;}

footer .bottom_link_last .gp{width: 50%;float: right;}
footer .bottom_link_last .widget{width: 50%;float: right;}
footer .bottom_link_last .grw-net-widget-four-type-3 {min-width: 225px;padding: 0 }
footer .bottom_link_last .grw-net-widget-four-content {padding: 0.7rem 0;}
footer .bottom_link_last h4{font-weight:700;color:#fff;text-transform: uppercase;font-size:32px;margin-bottom: 25px;}
footer .bottom_link_last ul{}
footer .bottom_link_last ul li{display: inline-block;margin-right: 8px;}
footer .bottom_link_last ul li a{color: #fff;font-size: 20px;font-weight:500;text-decoration: none;}
footer .bottom_link_last ul li a:hover{color: #e0e0e0;}
footer .bottom_link_social{}
footer .fb-like{margin: 20px 30px;padding: 10px 20px 4px;background:rgba(0, 171, 205, 0.7);border: 1px solid rgba(255, 255, 255, 0.2);}
footer .bottom_link_social .button_link ul{}
footer .bottom_link_social .button_link ul li{border-radius: 50%;
    padding: 12px 0 6px;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    display: inline-block;margin:4px;}
footer .bottom_link_social .button_link ul li:hover{background: #017c7c}
footer .bottom_link_social .button_link ul li a{color: #fff;font-size: 16px;}
footer .last_bottom_section {background: #017c7c;padding: 20px;}
footer .copyright{}
footer .copyright p{color: #fff;font-size: 14px;margin: 0;}
footer .copyright_link{text-align: right;}
footer .copyright_link ul{}
footer .copyright_link ul li{display: inline-block;margin-left: 15px;}
footer .copyright_link  ul li a{color: #fff;font-size: 14px;text-decoration: none;}
footer .copyright_link  ul li a:hover{color: #00abcd;font-size: 14px;text-decoration: none;}
footer .grw-net-widget {margin: 0;}
.bordertop{border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 30px;}
.company_address{margin-top: 30px;}
.company_address h4{font-weight:600;color:#fff;text-transform: uppercase;font-size: 22px;margin-bottom: 15px;text-align: left;}
.company_address address{color: #fff;font-size: 14px;text-align: left;}
.company_address address a{color: #fff;}



#innerpage {padding: 180px 0px 60px;position: relative;z-index: 960}
#innerpage .heading-text{margin-top: 80px;}
#innerpage .heading-text h1{font-size: 24px;font-weight: 400;color: #63C5C1;}
#innerpage .heading-text h1 span{font-size: 42px;font-weight: 700;color: #028293;text-transform: uppercase;}
#innerpage .heading-text p{font-size: 15px; color: #878787;padding-bottom: 50px;}
#innerpage .breadcrumb {background-color:rgba(0, 171, 205, 0.04);padding: 15px;}


#about_ideobiz{padding: 50px 0px 0px;}
#about_ideobiz .intro_text {padding:0px 25px 30px 30px;}
#about_ideobiz .intro_text p{font-size: 15px;color: #686868;}
#about_ideobiz .boder_right{border-right: 1px solid rgba(0,171,205,.2);}
#about_ideobiz .boder_left{border-left: 1px solid rgba(0,171,205,.2);}
#about_ideobiz .left_border{position:relative}
#about_ideobiz .left_border:after{content:'';position:absolute;left:0;top:50%;height:70%;border-left:1px solid rgba(0,171,205,.2)}

#about_ideobiz .visiontext{background: #f5f5f5;padding: 60px 30px 60px;}
.pl-0v{padding-left: 0px;}
.pr-0v{padding-right: 0px;}
#about_ideobiz .visiontext h2{font-size:32px;font-weight: 700;color: #686868;text-transform: uppercase;}
#about_ideobiz .visiontext p {font-size: 15px;color: #686868;text-align: justify;}
#about_ideobiz .visiontext:before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    right: -130px;
    z-index: 1;
    background-color: rgba(0,172,215,.77);
    width: 130px;
    height: 100%;
}
#about_ideobiz .missiontext{background: #f5f5f5;padding: 60px 30px 60px;}
#about_ideobiz .missiontext h2{font-size:32px;font-weight: 700;color: #686868;text-transform: uppercase;}
#about_ideobiz .missiontext p {font-size: 15px;color: #686868;text-align: justify;}
#about_ideobiz .missiontext:before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: -130px;
    z-index: 1;
    background-color: rgba(0,172,215,.77);
    width: 130px;
    height: 100%;
}


#about_ideobiz .services{background: #f5f5f5;padding: 60px 30px 60px;}
#about_ideobiz .services h2{font-size:24px;font-weight: 700;color: #686868;text-transform: uppercase;margin-bottom: 20px;}
#about_ideobiz .services p {font-size: 15px;color: #686868;text-align: justify;padding-right: 10px;}
#about_ideobiz .services:before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    left: -130px;
    z-index: 1;
    background-color: rgba(0,172,215,.77);
    width: 130px;
    height: 100%;
}

#about_ideobiz .services2{background: #f5f5f5;padding: 60px 30px 60px;}
#about_ideobiz .services2 h2{font-size:24px;font-weight: 700;color: #686868;text-transform: uppercase;margin-bottom: 20px;}
#about_ideobiz .services2 p {font-size: 15px;color: #686868;text-align: justify;padding-right: 10px;}
#about_ideobiz .services2:before {
    content: "";
    position: absolute;
    display: block;
    top: 0px;
    right: -130px;
    z-index: 1;
    background-color: rgba(0,172,215,.77);
    width: 130px;
    height: 100%;
}

.points ul{margin: 0;padding-right: 2em;list-style-type: disc;padding-left: 20px;}
.points ul li{font-size: 15px;}


.p-20{padding-right:15px;}
.scroll {height: 190px;overflow: hidden;max-height: 190px;}
.scroll:hover{overflow-y: scroll;cursor: pointer;}


#contact_ideobiz{padding: 50px 0px 0px;}
#contact_ideobiz .intro_text {padding:0px 25px 30px 30px;}
#contact_ideobiz .intro_text p{font-size: 15px;color: #686868;}
#contact_ideobiz .boder_r#contact_ideobizight{border-right: 1px solid rgba(0,171,205,.2);}
#contact_ideobiz .boder_left{border-left: 1px solid rgba(0,171,205,.2);}
#contact_ideobiz .left_border{position:relative}
#contact_ideobiz .left_border:after{content:'';position:absolute;left:0;top:50%;height:70%;border-left:1px solid rgba(0,171,205,.2)}

#contact_ideobiz .boder_right{border-right: 1px solid rgba(0,171,205,.2);min-height: 230px;}
#contact_ideobiz .boder_left{border-left: 1px solid rgba(0,171,205,.2);}
#contact_ideobiz .left_border{position:relative}
#contact_ideobiz .left_border:after{content:'';position:absolute;left:0;top:50%;height:70%;border-left:1px solid rgba(0,171,205,.2)}

#contact_ideobiz .con_add{background: rgba(211, 245, 244, 0.7);padding: 35px 10px;min-height: 230px;}
#contact_ideobiz .con_add h3{font-size:21px;font-weight: 700;color: #686868;text-transform: uppercase;margin-bottom: 20px;text-align: left;}
#contact_ideobiz .con_add address{font-size: 14px;}
#contact_ideobiz .con_add .fa-w-12{position: absolute;
    font-size: 140px;right: 18px;bottom: 8px;color: #f5f3f3;z-index: -1;}
    
#contact_ideobiz .con_call{background: rgba(211, 245, 244, 0.7);padding: 35px 10px;min-height: 230px;}
#contact_ideobiz .con_call h3{font-size:21px;font-weight: 700;color: #686868;text-transform: uppercase;margin-bottom: 20px;text-align: left;}
#contact_ideobiz .con_call p{font-size:24px;font-weight: 600;color: #686868;margin:5px 0px;}
#contact_ideobiz .con_call ul{}
#contact_ideobiz .con_call ul li{margin: 0px 0px 5px}
#contact_ideobiz .con_call ul li a{font-size: 12px;}
#contact_ideobiz .con_call ul li a svg{margin-right:10px;vertical-align: middle;}
#contact_ideobiz .con_call .fa-w-16{position: absolute;
    font-size: 140px;right: 18px;bottom: 8px;color: #f5f3f3;z-index: -1;}


#contact_ideobiz .con_call ol{list-style-type: none;margin: 0;padding: 0;}
#contact_ideobiz .con_call ol li{margin: 0px;}
#contact_ideobiz .con_call ol li a{font-size: 15px;font-weight: 600;color: #686868}
#contact_ideobiz .con_call ol li a svg{margin-right:10px;vertical-align: middle;}



#portfolio_ideobiz{padding: 50px 0px 0px;}
#portfolio_ideobiz .port_des_box{background: #f5f5f5;padding: 33px 20px;min-height: 400px;}
#portfolio_ideobiz .port_des_box span{font-size:18px;font-weight: 500;color: #686868;position: relative;background: #f5f5f5;display: inline-block;}
#portfolio_ideobiz .port_des_box span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #686868;
    top: 14px;
    left: 130px;
}
#portfolio_ideobiz .port_des_box2{background: #f5f5f5;padding: 33px 20px;min-height: 400px;}
#portfolio_ideobiz .port_des_box2 span{font-size:18px;font-weight: 500;color: #686868;position: relative;background: #f5f5f5;display: inline-block;}
#portfolio_ideobiz .port_des_box2 span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #686868;
    top: 14px;
    left: 85px;
}
#portfolio_ideobiz .port_img_box2{background: #000;}
#portfolio_ideobiz .port_des_box2 .website_content{ padding: 20px 20px 0px; }
#portfolio_ideobiz .port_des_box2 .website_content h2{font-size:24px;font-weight: 600;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}
#portfolio_ideobiz .port_des_box2 .website_content p{font-size: 15px;}
#portfolio_ideobiz .port_des_box2 .website_content h6{font-size:18px;font-weight: 500;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}
#portfolio_ideobiz .port_des_box2 .website a{border: 1px solid #64c5c1;padding: 14px 30px;font-size: 16px;text-decoration:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
#portfolio_ideobiz .port_des_box2 .website a:hover{border: 1px solid #64c5c1;background:#64c5c1;color:#fff;}



#portfolio_ideobiz .port_img_box{background: #000;}
#portfolio_ideobiz .port_des_box .website_content{ padding: 20px 20px 0px; }
#portfolio_ideobiz .port_des_box .website_content h5{font-size:32px;font-weight: 600;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}
#portfolio_ideobiz .port_des_box .website_content p{font-size: 15px;}
#portfolio_ideobiz .port_des_box .website_content h6{font-size:18px;font-weight: 500;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}

#portfolio_ideobiz .port_des_box .website_tech{ padding: 10px 20px 0px; }
#portfolio_ideobiz .port_des_box .website_tech p{font-size: 13px;}
#portfolio_ideobiz .port_des_box .website_tech h6{font-size:18px;font-weight: 500;color: #111111;position: relative;background: #f5f5f5;display: inline-block;margin: 0;text-transform: uppercase;}
#portfolio_ideobiz .port_des_box .website{ padding: 10px 20px 0px; }
#portfolio_ideobiz .port_des_box .website a{border: 1px solid #64c5c1;padding: 14px 30px;font-size: 16px;text-decoration:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;}
#portfolio_ideobiz .port_des_box .website a:hover{border: 1px solid #64c5c1;background:#64c5c1;color:#fff;}





#map{padding: 20px 0px 0px;}
#map .contact_add{padding: 0px 140px 30px 30px;position: relative;}
#map .contact_add .contact_form{padding: 20px 20px;background: rgba(200, 243, 241, 0.95);width: 45%;
position: absolute;top: 0px;right: 0;margin: 50px 25px 50px;border: 15px solid #fff;
}
#map .contact_add .contact_form::after{
    content: url(../images/strip.png);
    position: absolute;
    top: 10px;
    z-index: 1;
    width: 15px;
    height: 485px;
    right: -15px;
 }

#carrer_form{padding: 20px 0px 70px;}
#carrer_form .career_sec{padding: 20px 20px;
    background: rgba(200, 243, 241, 0.95);
    border: 5px solid #fff;}

#carrer_form .career_sec::after{
    content: url(../images/strip.png);
    position: absolute;
    top: 10px;
    z-index: 1;
    width: 15px;
    height:100%;
    right: 6px;
  } 

.img-wrapper {  
  width: 100%;
  height: 400px;
  overflow: hidden; 
}
.inner-img {
  transition: 0.3s;
}
.inner-img:hover {
  transform: scale(1.1);
}

.img-wrapper {
  box-sizing: border-box;
  border: 1px solid #dcd8d8;
}

::selection {
    background-color: #63c5c1;
    color: white;
}
    
.scroll--simple::-webkit-scrollbar {
  width: 4px;
  height: 4px;

}
.scroll--simple::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.1);
}
.scroll--simple::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}
.scroll--simple::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
.scroll--simple::-webkit-scrollbar-thumb:active {
  background: rgba(0, 0, 0, 0.9);
}

.height40{height: 40px;}
.height80{height: 80px;}
#innertagline{padding: 50px 0px;position: relative;}
#innertagline .bluestrip{background: #00abcd;padding: 40px 0px;}
#innertagline .bluestrip .tagheading h2{font-size: 54px;font-weight: 700;color: #fff;text-transform: uppercase;margin: 0px;}
#innertagline .bluestrip .tagheading h2 span{font-size: 22px;font-weight: 700;color: #fff;text-transform: uppercase;display: block;}
#innertagline .bluestrip:after{content: '';position: absolute;right:0;bottom: -59px;;height: 70%;border-left: 1px solid rgba(0,171,205,.2);transform: rotate(
-90deg);}
#innertagline .bluestrip2{background: #00abcd;padding: 40px 0px;}
#innertagline .bluestrip2 .tagheading h2{font-size: 46px;font-weight: 700;color: #fff;text-transform: uppercase;margin: 0px;}
#innertagline .bluestrip2 .tagheading h2 span{font-size: 22px;font-weight: 700;color: #fff;text-transform: uppercase;display: block;}


#innertagline .readmore{text-align: right;padding-right: 15px;}
#innertagline .readmore a{border: 1px solid #fff;padding: 14px 30px;font-size: 16px;text-decoration:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;color: #fff;}
#innertagline .readmore a:hover{border: 1px solid #64c5c1;background:#64c5c1;color:#fff;}




.bg-cover {
    background-size: cover;
    
}
.bg-effect-section {
    position: relative;
    overflow: hidden;
    z-index: -1;
}
.shapes-section {
    position: relative;
    overflow: hidden;
}
.shapes-section .shapes-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}

.bg-effect-section .bg-effect {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

#career-head{}
#career-head .career-head .career-head-h{font-size: 32px;font-weight: 700;text-transform: uppercase;color: #686868;line-height: 36px;}
#career-head .career-content .career-content-p{}
#career-head .career-content .career-content-p p{margin: 0;font-size: 15px;color: #686868;}


#career-head .career-content .readmore{padding-right: 15px;}
#career-head .career-content .readmore a{border: 1px solid #64c5c1;padding: 14px 30px;font-size: 18px;text-decoration:none;-webkit-border-radius: 2px;
-moz-border-radius: 2px;border-radius: 2px;color: #FFF;background:#64c5c1;font-weight: 600;}
#career-head .career-content .readmore a:hover{border: 1px solid #00abcd;background: #04bade;color: #fff;}


#about_ideobiz .novacancies{padding: 20px;background: #fdbeb7;font-size: 18px;font-weight:400;color: #c1766d;text-align: center;}


a#backToTop{width:40px;height:40px;background:#016663;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:fixed;bottom:5px;right:1%;display:none;text-indent:-10000px;outline:0!important;background-image:url(../images/top.png);background-repeat:no-repeat;z-index:99}
.duxin-animate {
    animation-name: float-bob;
    -moz-animation-name: float-bob;
    -ms-animation-name: float-bob;
    -o-animation-name: float-bob;
    animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
}

@-webkit-keyframes float-bob {
  0% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
      -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
      -o-transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
      -moz-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      -o-transform: translateY(-20px);
  } 
}

/*Career Form*/
.jobsimg{position: absolute;}
.contact-form {
  margin-top: 30px;
}
.contact-form .cr_txt p{ font-size: 15px;}
.contact-form .input-block {
  background-color: rgba(38, 170, 180, 0.1);
  border: solid 1px #26aab4;
  width: 100%;
  height: 60px;
  padding: 21px;
  position: relative;
  margin-bottom: 20px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.contact-form .input-block.focus {
  background-color: #fff;
  border: solid 1px #fdbeb7;
}


.contact-form .input-block-sec {
  background-color: rgba(38, 170, 180, 0.1);
  border: solid 1px #26aab4;
  width: 100%;
  height: 60px;
  padding: 10px 25px 0px;
  position: relative;
  margin-bottom: 20px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.contact-form .input-block-sec.focus {
  background-color: #fff;
  border: solid 1px #fb2900;
}

input[type=file] {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

input[type=file]:focus {
    border: none!important;
}

input[type=file]::file-selector-button {
  border: 1px solid #ccc;
  padding: 4px 20px;
  background-color: #fff;
  transition: 1s;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}

input[type=file]::file-selector-button:hover {
  background-color: #81ecec;
  
}

.contact-form .input-block.textarea {
  height: auto;
}
.contact-form .input-block.textarea .form-control {
  height: auto;
  resize: none;
}
.contact-form .input-block label {
  position: absolute;
  left: 20px;
  top: 25px;
  display: block;
  margin: 0;
  font-weight: 300;
  z-index: 1;
  color: #333;
  font-size: 16px;
  line-height: 10px;
 
}
.contact-form .input-block .form-control {
  background-color: transparent;
  padding: 0;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 15px;
  color: #333;
}




.contact-form .input-block .form-control:focus label {
  top: 0;
}
.contact-form .square-button {
  background-color: #00abcd;
  color: #fff;
  font-size: 22px;
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 20px 60px;
  border: none;
  width: 100%;
}
.contact-form .square-button:hover, .contact-form .square-button:focus {
  background-color: #26aab4;
}



@media (min-width: 768px) {
  .contact-wrap {
    margin: auto;
  }
}


.contactform {
  margin-top: 0px;
}
.contactform .cr_txt p{ font-size: 15px;}
.contactform .input-block {
  background-color: rgba(38, 170, 180, 0.1);
  border: solid 1px #26aab4;
  width: 100%;
  
  position: relative;
  margin-bottom: 20px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}


.contactform .input-block.focus {
  background-color: #fff;
  border: solid 1px #fdbeb7;
}


.contactform .input-block-sec {
  background-color: rgba(38, 170, 180, 0.1);
  border: solid 1px #26aab4;
  width: 100%;
  height: 60px;
  padding: 10px 25px 0px;
  position: relative;
  margin-bottom: 20px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.contactform .input-block-sec.focus {
  background-color: #fff;
  border: solid 1px #fb2900;
}

.contactform input[type=file] {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

.contactform input[type=file]:focus {
    border: none!important;
}

.contactform input[type=file]::file-selector-button {
  border: 1px solid #ccc;
  padding: 4px 20px;
  background-color: #fff;
  transition: 1s;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}

.contactform input[type=file]::file-selector-button:hover {
  background-color: #81ecec;
  
}

.contactform .input-block.textarea {
  height: auto;
}
.contactform .input-block.textarea .form-control {
  height: auto;
  resize: none;
}
.contactform .input-block label {
  position: absolute;
  left: 20px;
  top: 25px;
  display: block;
  margin: 0;
  font-weight: 300;
  z-index: 1;
  color: #333;
  font-size: 16px;
  line-height: 10px;
 
}
.contactform .input-block .form-control {
  background-color: transparent;
  padding: 0;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 14px;
  color: #333;
  padding: 16px;
}

.contactform .form-control {
  background-color: rgba(38, 170, 180, 0.1);
  border: solid 1px #26aab4;
  padding: 15px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  position: relative;
  z-index: 2;
  font-size: 15px;
  color: #26aab4;
  font-weight: 700;
}

.contactform .form-control::-webkit-input-placeholder { /* Edge */
  font-weight: 400;
  font-size: 12px;
}

.contactform .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 400;
  font-size: 12px;
}

.contactform .form-control::placeholder {
  font-weight: 400;
  font-size: 12px;
}

.contactform .input-block .form-control:focus label {
  top: 0;
}
.contactform .square-button {
  background-color: #00abcd;
  color: #fff;
  font-size: 22px;
  width: 100%;
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 20px 60px;
  border: none;
  width: 100%;
}
.contactform .square-button:hover, .contactform .square-button:focus {
  background-color: #26aab4;
}
.contactform span{color: #fa022b;position: absolute;top:-25px;}
.contactform .state-error {
    background: #ffd4d4!important;
}

@media (min-width: 768px) {
  .contact-wrap {
    margin: auto;
  }
}

.contactform .txtcaptcha {
    display: inline-block;
    background: #26aab4;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    padding: 13px 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
}
.contactform .refresh {
    display: inline-block;
    height: 20px;
    width: 16px;
    cursor: pointer;
    background-image: url(refresh.svg);
    border: 0px solid;
    outline: none !important;
}

.contactform .pref {
    display: inline-block;
    font-size: 12px;
    color: #999;
}


.modal-body {
     padding: 0rem;
}
.closebt{position: absolute;z-index: 99;right:5px;top: 5px;}
.closebt button{background:#005667;padding: 10px 15px;border-radius: 5px;}
.closebt button span{color: #fff;}
.close {opacity: 1;}

#contact_form label{margin-bottom: 0;}
#contact_form .form-group{margin-bottom: 10px;}
#exampleModal .modal-content {
    border: 1px solid rgba(251, 251, 251, 0.5);
    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;  
}

.pointsul{margin-bottom: 20px;}
.pointsul ul{padding: 0px 20px; margin: 0;}
.pointsul ul li{font-size: 15px;list-style-type: square;color: #686868;}


.sitemap {
    padding: 0;
    margin: 0 -15px
}

.sitemapBtnExport {
    padding: 0;
    text-align: right;
    margin-bottom: 15px
}

.sitemap .sitemapDiv {
    margin: 10px 0;
    padding: 0 15px
}

.sitemap ul {
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 40px
}

.sitemap li {
    margin: 0 0 10px;
    list-style-type: none;
    width: 100%;
    padding: 0
}

.sitemap li:last-child {
    margin: 0
}

.sitemap li.sitemapTitle {
    margin-left: -10%;
    width: 110%
}

.sitemap li.sitemapTitle a:hover {
    color: #000
}

.sitemap li.sitemapTitle>a:after,
.sitemap li.sitemapTitle>a:before {
    display: none
}

.sitemap li a {
    color: #444;
    text-decoration: none;
    font-size: 14px;
    transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s
}

.sitemap .sitemapTitle a {
    background: #e5e5e5;
    color: #545454;
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding: 8px 18px;
    text-align: left;
    text-transform: uppercase;
}

.sitemap ul li a:hover {
    color: #016663
}

.sitemap ul:before {
    position: absolute;
    left: 20px;
    top: 0;
    height: 100%;
    width: 1px;
    content: " ";
    background: #d3d3d3;
    display: block
}

.sitemap ul li a {
    position: relative;
    display: block;
    min-width: 220px;
    padding: 8px
}

.sitemap li a:hover {
    padding: 8px 8px 8px 13px;
    background: #f1f2f2
}

.sitemap ul li a:after,
.sitemap ul li a:before {
    position: absolute;
    top: 50%;
    content: " ";
    background: #d3d3d3
}

.sitemap ul li a:before {
    left: -20px;
    width: 20px;
    height: 1px;
    margin-top: -1px
}

.sitemap ul li a:after {
    left: -23px;
    height: 5px;
    width: 5px;
    margin-top: -3px;
    border-radius: 50%
}



.panel-title > a:before {
    float: right !important;
    font-family: FontAwesome;
    content:"\f068";
    padding-right: 5px;
}
.panel-heading h4{margin-bottom: 0px;font-size: 16px;color: #686868;font-weight:500;}
.panel-heading h4 a{color: #686868;display: block;padding: 15px 15px;}
.panel-title > a.collapsed:before {
    float: right !important;
    content:"\f067";
}
.panel .show{background: #daf1f2;padding: 10px 0px; }
.panel-title > a:hover, 
.panel-title > a:active, 
.panel-title > a:focus  {
    text-decoration:none;
}
.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel {
    margin-bottom: 20px !important;
    background-color: #ffffff;
    border:1px solid #c3e4ea;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 15px 16px 13px 8px rgb(4 4 4 / 5%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.panel-body{padding: 0px 15px;}
.panel-body p{font-size: 14px;}


.shopify{padding: 60px 0px;}
.shopify .shopify_heading{text-align:center;width: 100%;}
.shopify .shopify_heading h4{font-size: 24px;font-weight: 700;color: #686868;text-transform: uppercase;margin-bottom: 0px;}
.shopify .shopify_heading p {font-size: 15px;color: #686868;text-align: justify;padding-right: 10px;margin-bottom: 30px;text-align:center;}    
.shopify .shopify_box{text-align:center;border: 1px solid rgba(0,171,205,.2);padding:20px;border-radius: 10px;background:#f2fbfc;margin-bottom: 30px;}
.shopify .shopify_box .shopify_img{max-width:70px;text-align: center;margin: 0 auto;}
.shopify .shopify_box .shopify_img img{max-width:70px;margin-bottom: 10px;}
.shopify .shopify_box h4{font-size: 18px;font-weight: 700;color: #686868;text-transform: uppercase;margin-bottom: 10px;}
.shopify .shopify_box p{font-size: 15px;color: #686868;text-align: center;padding-right: 10px;}



.wrap {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0px;
}

.wrap .grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

@media (max-width: 1080px) {
  .wrap .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .wrap .grid {
    grid-template-columns: 1fr;
  }
}

.wrap .card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
  border-radius: 16px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(6px);
  display: flex;
  flex-direction: column;
  gap: 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 6px 30px rgba(2, 6, 23, 0.6);
  transition: transform 0.3s ease;
}

.wrap .card:hover {
  transform: translateY(-5px);
}

.wrap .ribbon {
  position: absolute;
  right: -60px;
  top: 18px;
  transform: rotate(45deg);
  background: linear-gradient(90deg, #6ee7b7, #60a5fa);
  padding: 6px 70px;
  color: #04202b;
  font-weight: 700;
  font-size: 12px;
  box-shadow: 0 6px 18px rgba(96, 165, 250, 0.12);
}

@media (max-width: 720px) {
  .wrap .ribbon {
    right: -45px;
    padding: 4px 50px;
    font-size: 11px;
  }
}

.wrap .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.wrap .title h2 {
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  color: #fff;
}

.wrap .title span {
  font-size: 12px;
  color: #fff;
  padding-left: 6px;
}

.wrap .price {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding-bottom: 20px;
}

.wrap .price .amount {
  font-size: 36px;
  font-weight: 800;
  color: #fff;
}

.wrap .price .period {
  color: #fff;
  font-size: 13px;
}

.wrap .features {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wrap .features li {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}

.wrap .features li strong {
  background: rgba(255, 255, 255, 0.2);
  padding: 8px 10px;
  border-radius: 4px;
}

.wrap .cta {
  margin-top: auto;
}

.wrap .btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 0;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  color: #04202b;
  background: linear-gradient(90deg, #6ee7b7, #60a5fa);
  box-shadow: 0 10px 30px rgba(96, 165, 250, 0.12);
  transition: all 0.3s ease;
}

.wrap .btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(96, 165, 250, 0.2);
}

.wrap .btn.secondary {
  background: transparent;
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.12);
  box-shadow: none;
}

.wrap .card.basic {
  border-left: 6px solid #a1a1aa;
  background: #e84c3d;
}

.wrap .card.bronze {
  border-left: 6px solid #cd7f32;
  background: #ce8208;
}

.wrap .card.gold {
  border-left: 6px solid #f59e0b;
  background: #27ae61;
}

.wrap .card.platinum {
  border-left: 6px solid #60a5fa;
  background: #9b58b5;
}

/* Extra responsiveness for smaller devices */
@media (max-width: 480px) {
  .wrap .card {
    padding: 16px;
    gap: 12px;
  }

  .wrap .price .amount {
    font-size: 28px;
  }

  .wrap .title h2 {
    font-size: 16px;
  }

  .wrap .features li {
    font-size: 13px;
  }

  .wrap .btn {
    padding: 10px 14px;
    font-size: 14px;
  }
}