/*====<--start-header-Area-->=====*/
@font-face {
    font-family: "Poppins";
    font-weight: 100;
    font-style: italic;
    src: url(Poppins.woff2) format("woff2");
    font-display: swap;
}
ul,li,ol{ margin:0; padding:0}
a{font-family:"Poppins", sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Poppins", sans-serif}
body{font-family: "Poppins", sans-serif}
.mt-20{margin-top:20px}
.mt-40{margin-top:40px}
.mb-40{margin-bottom:40px}
.mt-50{margin-top:50px}
.mb-50{margin-bottom:50px}
.header-area {position:relative;z-index:999;}
.mobile-menu{}
/*inner-header*/
.header-area.upper {background-image:linear-gradient(0deg, rgb(220,220,220), rgb(244,244,244), rgb(255, 255, 255));}
.overlay{position:relative;z-index:1}
.overlay::before{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.4;background:#20232c;content:"";-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:-1}
.header-area.upper .header-menu ul li .nav-link{ color:#333;text-shadow:none}
.header-area.upper.sticky .header-menu ul li .nav-link{ color:#fff;text-shadow: 1px 1px #000}
.header-menu {text-align:right;}
.header-menu ul {list-style:none;display:inline-block;}
.header-menu ul li {display:inline-block;}
.header-menu ul li a {display:inline-block;font-size:16px;padding:33px 15px;font-weight:400;color:#fff}
.header-area .header-menu ul li .nav-link{text-shadow: 1px 1px #000;font-weight:600; font-size:19px}
.header-menu ul li a:hover { background-color: rgba(255, 255, 255, 0.5);display:inline-block;color:#fff;}
.header-menu ul li a i {display:inline-block;font-size:10px;margin-left:5px;color:#646464;}
.header-menu ul li a:hover i {color:#1360A6;}
/*sub-menu*/
.header-menu ul li.menu-item-has-children {position:relative;}
.header-menu ul li .sub-menu {position:absolute;width:250px;display:block;text-align:left;background:#1360A6;opacity:0;visibility:hidden;top:150%;border-radius:0 0 8px 8px;overflow: hidden;border:3px #1360A6 solid;}
.header-menu ul li:hover .sub-menu {opacity:1;top:85%;visibility:visible;}
.header-menu ul li .sub-menu li a {display:block;padding:12px 9px;color:#fff;width:250px;}
.header-menu ul li .sub-menu li i{ color:#fff; width:37px; font-size:25px;}
.header-menu ul li .sub-menu li a:hover i,
.header-menu ul li .sub-menu li a:hover{background:#fff;color:#1360A6}
.header-menu ul li .sub-menu li a:before {position:inherit !important;}

/*--header-button--*/
.header-button {display:inline-block;}
.header-button a {margin:0;display:inline-block;color:#fff;padding:8px; margin-left:20px;font-weight:600;font-size:14px;text-transform:uppercase;border-radius:5px;border:1px solid  #1F68AA;background-image:-webkit-linear-gradient(30deg,#0984e3 50%,transparent 50%);background-image:linear-gradient(30deg,#0984e3 50%,transparent 50%);background-size:500px;background-repeat:no-repeat;background-position:0%;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out;}
.header-button a:hover {}
/*header-sitcky*/.sticky {left:0;margin:auto;position:fixed !important;top:0;width:100%;-webkit-box-shadow:0 2px 5px -2px rgba(0,0,0,0.1);box-shadow:0 2px 5px -2px rgba(0,0,0,0.1);background:rgba(32,35,44,0.9)!important;transition:0.1s;z-index:99999;webkit-animation:300ms running fadeInDown;animation:300ms running fadeInUp;animation-name:slideInDown;}
/*====<--start-hero-area-->=====*/
.hero-area {background:url(../image/hero-bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;height:930px;margin-top:-114px;position:relative;}
.hero-content h1 {font-size:60px;line-height:65px;color:#ffffff;font-weight:800;}
.hero-content p {width:78%;padding:21px 0 0;font-size:16px;color:#fff;}
.hero-area .Dreamhub-button {margin-top:50px;position:relative;}
.Dreamhub-button a {color:#fff;padding:14px 25px;display:inline-block;border-radius:5px;font-weight:500;border:1px solid  #1360A6;background-image:-webkit-linear-gradient(30deg,#1360A6 50%,transparent 50%);background-image:linear-gradient(30deg,#1360A6 50%,transparent 50%);background-size:520px;background-repeat:no-repeat;background-position:0%;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out;}
.Dreamhub-button a:hover {background-position:100%;color:#1360A6;}
.Dreamhub-button.button-style-tow {margin-top:44px;}
.Dreamhub-button.button-style-tow a {color:#fff;padding:14px 32px;display:inline-block;text-transform:uppercase;border-radius:5px;font-weight:400;border:1px solid  #1360A6;background-image:-webkit-linear-gradient(30deg,#1360A6 50%,transparent 50%);background-image:linear-gradient(30deg,#1360A6 50%,transparent 50%);background-size:520px;background-repeat:no-repeat;background-position:0%;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out;}
.Dreamhub-button.button-style-tow a:hover {background-position:100%;color:#1360A6;}
/*====<--start-service-area-->====*/
.service-area {padding:70px 0 86px;background:#EAF4FD;}
.service-area.service-tow {padding:120px 0 95px;}
.service-list-item ul li {font-size:14px;margin-bottom:10px; font-weight:500}
.service-list-item ul li i {display:inline-block;color:#1360A5;width:22px;height:20px;text-align:center;line-height:20px;font-size:20px;margin-right:6px;}
.service-box-right {}
.single-service-box {box-shadow:0px 15px 30px rgba(0,0,0,0.1);background:#ffff;text-align:center;padding:43px 31px 31px;border-radius:5px;position:relative;z-index:1;}
.single-service-box:before {position:absolute;content:"";width:100%;height:0;left:0;top:0;background:#1360A5;z-index:-1;border-radius:5px;transition:0.5s;}
.single-service-box:hover:before {height:100%;}
.single-service-box.add-inner {margin-bottom:23px;}
.single-service-box.style-tow {margin-top:53px;margin-bottom:-29px;}
.service-box-icon {background:#1360A5;width:69px;height:69px;text-align:center;border-radius:3px;margin:auto;transition:0.5s;}
.service-box-icon i{ font-size:40px; margin-top:14px;color:#fff}
.single-service-box:hover .service-box-icon i{ color:#1360A5}
.single-service-box:hover .service-box-icon {transform:scale(-1) rotate(180deg);background:#fff;}
.single-service-box:hover .service-box-icon img {filter:brightness(2) invert(5);}
.services-content h4 {font-size:22px;margin-top:20px;transition:0.5s;}
.single-service-box:hover .services-content p,.single-service-box:hover a.service-button,.single-service-box:hover .services-content h4 {color:#fff;}
.services-content p {padding:16px 0 15px;}
a.service-button {font-size:16px;display:inline-block;}
/*section-title-css--*/.section-title {margin-bottom:21px;}
.section-title h4 {font-size:16px;font-weight:700;color:#1F68AA;margin-bottom:-5px;}
.section-title h1 {font-size:38px;line-height:38px;font-weight:700;}
.section-title .embar {position:relative;margin:29px 0 34px;background:#1F68AA;width:64px;height:3px;}
.section-title .embar::before {position:absolute;content:"";width:8px;height:8px;top:-3px;left:0;background:#1F68AA;border-radius:50%;transition:0.5s;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:MOVE-BG;}
@-webkit-keyframes MOVE-BG {from {transform:translateX(0);}
to {transform:translateX(65px);}
;}
.section-title p {font-size:16px;width:78%;}
/*====<--start-About-area-->====*/
.about-area {padding:120px 0 120px;}
.about-thumb {position:relative;margin-left:-22px;}
.about-list-item ul li {font-size:16px;margin-bottom:14px;}
.about-list-item ul li i {display:inline-block;background:#1360A5;color:#fff;border-radius:50px;width:18px;height:18px;text-align:center;line-height:18px;font-size:17px;margin-right:16px;}
/*====<--start-brand-area-->====*/
.brand-area {padding:103px 0 105px;background-color:rgba(9,132,227,0.07058823529411765);}
.brand-box {text-align:center;}
.owl-carousel .owl-item img {display:inline-block;text-align:center;}

/*====<--start-web-platform-are-->====*/
.web-platform-area {padding:85px 0 117px;}
.web-platform-thumb img {margin-left:-110px;}
.web-platform-list-item ul li {font-size:14px;margin-bottom:14px;}
.web-platform-list-item ul li i {display:inline-block;color:#1360A5;border-radius:50px;width:22px;height:22px;text-align:center;line-height:22px;font-size:20px;margin-right:6px;}
/*====<--start-call-do-action-area-->====*/
.row.call-do-action-bg {padding:56px 22px 61px 17px;border-radius:5px;}
.call-do-action-content h1 {font-size:30px;line-height:35px;color:#fff; padding-bottom:5px}
.call-do-action-content span{font-size:16px;line-height:24px;color:#fff;}
.call-do-action-button a {display:inline-block;border:2px solid #fff;color:#fff;padding:12px 36px;font-weight:700;text-transform:uppercase;border-radius:5px;}
.call-do-action-button a:hover {background:#fff;color:#0883E3;}
/*====<--start-contact-area-->====*/
.contact-area {padding:60px 0 60px;}
.contact-box {box-shadow:0px 15px 30px rgba(0,0,0,0.15);padding:23px 42px 48px;border-radius:5px;}
.contact-content h1 {font-size:22px;color:#232323;}
.contact-content p {font-size:16px;width:80%;padding:8px 0 24px;}
.contact-form input {width:100%;height:50px;margin-bottom:24px;padding:0 13px;border:1px solid #b2b8b8;border-radius:5px;opacity:0.302;}
.contact-form textarea {width:100%;height:130px;border:1px solid #b2b8b8;padding:10px 13px;border-radius:5px;opacity:0.302;}
.contact-form button {background:#0983E3;border:transparent;color:#fff;padding:12px 56px;border-radius:5px;margin-top:16px;text-transform:uppercase;font-weight:400;}

/*====<--start-footer-area-->====*/
.footer-area {background:#fff;padding:40px 0 33px;position:relative;}
.footer-widget-desc p {color:#1F68AA;margin-top:31px;margin-bottom:34px;width:86%;}
.footer-widget-title h4 {color:#1F68AA;font-size:21px;margin-bottom:38px;font-weight:500;margin-top:0;}
.footer-widget-menu ul li {list-style:none;margin-bottom:18px;}
.footer-widget-menu ul li a {color:#1F68AA;display:inline-block;font-size:16px;}
.footer-widget-menu ul li a:hover {color:#1360A6;}
.footer-widget-menu ul li i {display:inline-block;color:#1F68AA;font-size:16px;margin-right:12px;transition:0.5s;}
.footer-widget-menu ul li a:hover i {color:#1360A6;}
.footer-widget-infor {margin-bottom:10px;}
.infor-icon i {float:left;display:inline-block;color:#1F68AA;font-size:24px; min-width:40px;line-height:48px;}
.footer-widget-infor-content p {color:#1F68AA;font-size:14px;}
.footer-widget-infor-content span {color:#1F68AA;}
.copyright-area {border-top:1px solid #ccc; background:#f8f8f8;}
.copyright-area span {font-size:14px;color:#1F68AA; padding:20px 0;display:inline-block;}
/*====<--start-bradcumb-area-->====*/
.bradcumb-area {background-color:#8FB4D5;padding:51px 0 65px;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;}
.bradcumb-area:before {position:absolute;content:"";width:100%;height:100%;left:0;top:0;opacity:.5;}
.bradcumb-content {position:relative;}
.bradcumb-content h1 {font-size:44px;color:#fff;margin-bottom:28px;text-shadow: 1px 1px #000}
.bradcumb-content ul li {display:inline-block;color:#ffff;font-size:18px;padding-right:15px;}
.bradcumb-content ul li a {display:inline-block;color:#ffff;font-size:18px;}
.bradcumb-content li + li::before {content:"\f105";font-family:'FontAwesome';left:-8px;position:relative;font-size:18px;}
/**item list open**/
.section__pro{ margin-bottom:70px}
.section__title{margin:40px 0}
.section__title h2 {color: #333;display: block;font-size:30px;font-weight:700;line-height:30px;position:relative;text-transform: uppercase}
.pro-news-list.news-default{background-color:#F4F7FA}
.pro-news-list.news-default .service-content h1{font-size:26px;padding:6px 0}
.pro-news-list.news-default .row{ padding:0 5px} 
.pro-sidebar .widget{background:#fff;padding:20px;}
.pro-sidebar .widget li{margin:0 0 8px}
.pro-sidebar .widget a{padding:0;font-size:14px;font-weight:400}
.pro-sidebar .widget a:hover{color:#F3A712}
.pro-sidebar .widget-title{position:relative;font-size:14px;text-transform:capitalize;display:block;}
.pro-sidebar a .widget-title:hover{color:#1360A6;}
.item-left-pro{margin:8px 0; border-top:2px #fff solid;border-left:2px #fff solid;border-right:2px #fff solid;border-bottom:1px #eee solid;height:70px; padding:3px 0 5px; border-radius:5px;overflow:hidden}
.item-left-pro:hover{border:2px #1360A6 solid}
.item-left-pro img{ float:left; margin-right:4px}
.item-left-pro:hover img{transition:.3s;transform:scale(1.1)}
.item-left-pro span{display:block; height:55px;overflow:hidden}
.item-left-pro:hover a:hover{color:#1360A6}

.tisco-pro{overflow:hidden;margin-bottom:25px;border-radius:5px;border:2px #fff solid;box-shadow:0px 0px 6px 0px rgba(0,0,0,0.15);}
.tisco-pro:hover{border:2px #1360A6 solid}
.tisco-pro .pro-content.text-start a{font-size:20px;text-align:center}
.tisco-pro:hover{background:#1360A6;color:#fff}
.tisco-pro:hover .pro-content.text-start a{color:#fff}
.tisco-pro .pro-content.text-start{ padding:15px 2px 15px 10px}
.tisco-pro .pro-content.text-start a:hover{color:#fff}
.tisco-pro:hover .products-img img{transition:.6s;transform:scale(1.1)}
.tisco-pro:hover .products-date{background:#011C84}
.products-img,.products-img img{width:100%;overflow:hidden}
.products-img{display:block}

/*====<--start-service-detials-area -->====*/
.service-detials-area {padding:119px 0 87px;}
/*widget search*/
.widget_search {padding:30px 30px 30px;border-radius:4px;margin-bottom:30px;background:#fff;box-shadow:0px 0px 70px rgb(0 0 0 / 5%);}
.widget_search form {position:relative;}
.widget_search input {border-radius:4px;padding-left:20px;height:60px;width:100%;position:relative;color:#222;border:0;border:2px solid #1360A6;outline:0;}
button.icons {border:0;font-size:18px;color:#fff;padding:1px 15px;position:absolute;right:0;top:0;height:60px;width:60px;background:#1360A6;border-radius:0 4px 4px 0;}
/*widget categories box*/
.widget-categories-box {background:#fff;padding:42px 40px 25px;border-radius:5px;margin-bottom:30px;box-shadow:0px 0px 70px rgb(0 0 0 / 5%);}
/*title*/.categories-title h4 {font-size:24px;font-weight:700;line-height:24px;border-bottom:2px solid #1360A6;padding:0px 0 15px;margin:0 0 30px;position:relative;padding-left:10px;}
.categories-title h4:before {position:absolute;content:"";left:0;top:0;height:24px;width:3px;background:#1360A6;}
/*categories menu*/
.widget-categories-menu ul {display:block;}
.widget-categories-menu ul li {display:block;list-style:none;margin-bottom:15px;background:transparent;padding:16px 20px 16px;border-radius:4px;transition:.5s;border:2px solid #1360A6;position:relative;z-index:1;}
.widget-categories-menu ul li:hover {border:2px solid #1360A6;}
.widget-categories-menu ul li:before {position:absolute;content:"";left:0;top:0;height:100%;width:0;background:#1360A6;transition:.5s;z-index:-1;}
.widget-categories-menu ul li:hover:before {width:100%;}
.widget-categories-menu ul li a {display:block;color:#1360A6;transition:.5s;}
.widget-categories-menu ul li a span {display:inline-block;float:right;background:#1360A6;height:22px;width:22px;font-size:12px;text-align:center;margin-top:6px;color:#fff;line-height:22px;transition:.5s;}
.widget-categories-menu ul li:hover a span {background:#fff;color:#1360A6;}
.widget-categories-menu ul li:hover a {color:#fff;}
.pdf-button a {display:block;background:#1360A6;padding:15px 30px;font-weight:700;color:#fff;margin-bottom:10px;}
.pdf-button a i {float:right;font-size:20px;margin-top:2px;}
/* Sidber Recent Post*/
.sidber-widget-recent-post {margin-bottom:20px;background:#F3F3F5;overflow:hidden;}
.recent-widget-thumb {float:left;margin-right:25px;}
.sidber-widget-recent-post .recent-widget-content {padding-top:20px;}
.sidber-widget-recent-post .recent-widget-content a {color:#222;font-size:20px;font-weight:700;line-height:26px;}
.recent-widget-content a:hover {color:#1360A6;}
.sidber-widget-recent-post .recent-widget-content span i {margin-right:7px;color:#222;}
.recent-widget-content span {font-size:14px;color:#1360A6;padding-top:7px;display:block;}
/* Sidber Achivement CSS*/
.widget-achivement ul li {list-style:none;margin-bottom:6px;}
.widget-achivement ul li a i {font-size:17px;margin-right:3px;}
.widget-achivement ul li a {font-weight:600;transition:.5s;}
.widget-achivement ul li a span {float:right;}
.widget-achivement ul li a:hover {color:#1360A6;}
/* Sidber Widget Gallery CSS*/
.widget-gallery {overflow:hidden;}
.widget-gallery-thumb {float:left;margin-right:10px;margin-bottom:10px;}
/* Sidber Widget Tags CSS*/
.widget-tags a {display:inline-block;border:2px solid #1360A6;padding:3px 20px;margin:4px 3px;border-radius:4px;color:#1360A6;font-weight:500;position:relative;transition:.5s;z-index:1;}
.widget-tags a:before {position:absolute;content:"";left:0;top:0px;height:100%;width:0%;background:#1360A6;z-index:-1;transition:.5s;}
.widget-tags a:hover {color:#fff;border-color:#1360A6;}
.widget-tags a:hover:before {width:102%;}
/* Service Details Content CSS*/
.service-details-main-title {padding:20px 0 18px;}
.service-details-main-title h1 {font-size:36px;text-transform:capitalize;}
.service-details-text p {font-size:16px;text-align:justify;margin-bottom:10px;}
.service-details-video-thumb {position:relative;padding-top:20px;}
.service-details-overview-title {padding:22px 0 15px;}
.service-details-overview-title h2 {font-size:30px;}
.service-details-overview-text p {text-align:justify;font-size:16px;margin-bottom:10px;}
.service-details-overview-text p {text-align:justify;}
.service-details-overview-list ul li {list-style:none;position:relative;padding-left:30px;padding-right:12px;padding-bottom:12px;font-size:16px;}
.service-details-overview-list ul li::before {position:absolute;content:"";left:0;top:9px;height:12px;width:12px;background:#1360A6;border-radius:50%;}
.service-details-choose-us {padding-bottom:10px;}
.service-details-choose-us-title {padding:5px 0 15px;}
.service-details-choose-us-title h2 {font-size:30px;}
.service-details-box {background:#F3F3F5;padding:30px 30px 21px;margin-bottom:30px;position:relative;margin-top:20px;}
.service-details-number {position:absolute;right:60px;}
.service-details-number h2 {font-size:48px;text-transform:none;margin:0;margin:0;color:transparent !important;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#0E1317;opacity:.5;}
.service-details-icon i {font-size:50px;color:#1360A6;}
.service-details-content h2 {font-size:20px;padding-bottom:10px;padding-top:10px;}
.service-details-thumb img {width:100%;}
.service-details-video-thumb-inner img {width:100%;}
.service-details-content p {font-size:16px;}