/*-------------------------
   FONT
--------------------------*/
@font-face {
  font-family: gotham;
  src: url('../fonts/gotham.ttf');
}
@font-face {
  font-family: centurygothic;
  src: url('../fonts/CenturyGothic.ttf');
}
@font-face {
  font-family: servertica;
  src: url('../fonts/servertica.ttf');
}

h1 {font-size: 65px !important;line-height: 75px!important;}
h2 { font-size: 45px !important; line-height:55px!important; }
h3 {font-size: 46px !important;line-height: 1.1!important;}
h4 { font-size: 30px !important; line-height:40px!important; }
h5 { font-size: 25px !important; line-height:35px!important; }
h6 { font-size: 20px !important; line-height:30px!important; }
body { font-size: 16px !important; line-height:26px!important; }

@media(min-width:768px)and (max-width:1199px){
h1 {font-size: 55px !important;line-height: 65px!important;}
h2 { font-size: 35px !important; line-height:45px!important; }
h3 {font-size: 35px !important;line-height: 45px!important;}
h4 { font-size: 25px !important; line-height:35px!important; }
h5 { font-size: 20px !important; line-height:30px!important; }
h6 { font-size: 18px !important; line-height:28px!important; }
body { font-size: 16px !important; line-height:26px!important; }
}

@media(max-width:767px){
h1 { font-size: 27px !important; line-height:37px!important; }
h2 { font-size: 27px !important; line-height:37px!important; }
h3 { font-size: 24px !important; line-height:34px!important; }
h4 { font-size: 20px !important; line-height:30px!important; }
h5 { font-size: 18px !important; line-height:28px!important; }
h6 {font-size: 15px !important;line-height:26px!important;}
body { font-size: 14px !important; line-height:24px!important; }
.sppb-addon-title.sppb-feature-box-title.sppb-media-heading {font-size: 18px!important;}
}

/*color*/
.sppb-addon-content, .sppb-addon-text, .sppb-addon-content, p {
    color: rgb(255 255 255 / 70%)!important;
}

/*header*/

#sp-header {
    padding: 20px 0;
    background: transparent;
    height: fit-content;
    position: absolute;
}
#sp-header.header-sticky {
    padding:0;
}
#sp-header .logo{
    height:70px;
}
#sp-header .logo-image{
    height:auto;
    width:180px;
}
.sp-megamenu-parent > li.active>a, 
.sp-megamenu-parent > li.active:hover > a {
    color: #ffffff !important;
}
.sp-megamenu-parent > li:hover > a,
.sp-megamenu-parent > li:hover > span{
    color: #ffffff !important;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    line-height: 70px;
    color: rgb(255 255 255 / 35%) !important;
    font-weight: 400 !important;
    padding-right: 0;
    padding-left: 25px !important;!i;!;
    transition:0.5s;
}

.sp-megamenu-parent > li.active > a {
    font-weight: 700 !important;
}

@media (max-width: 1300px) {
  #sp-header .container-inner { padding: 0 15px; }
}
  
@media (min-width: 800px) and (max-width:1040px){
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  font-size: 12px;}}

/*label*/
.news-label {
    position: relative;
}

#sp-menu .sp-megamenu-parent a.news-label:before {
    content:'NEW UPDATE';
    position: absolute;
    width: 100%;
    font-size: 8px;
    background: #182652;
    border:1px solid #ffffff2e;
    border-radius: 50px;
    -webkit-animation: glowing 1s ease-in-out infinite alternate;
    -moz-animation: glowing 1s ease-in-out infinite alternate;
    animation: glowing 1s ease-in-out infinite alternate;
    padding: 0px 4px;
    right: -10px;
    top: -8px;
    text-align: center;
    line-height: 20px;
}

.header-sticky .sp-megamenu-parent a.news-label:before {
    top: 3px !important;
    font-size: 8px !important;!i;!;
    line-height: 20px !important;!i;!;
}

/*end of header*/


/*page title*/

.sp-page-title .sp-page-title-heading {
    font-size: 42px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}
.sp-page-title {
    padding: 150px 0 100px;
    border-bottom: 5px solid #376990;
    background-position: center bottom;
}
@media(max-width:991px){
.sp-page-title .sp-page-title-heading {
    font-size: 26px;
    text-align: left;
}
.sp-page-title {
    padding: 130px 0 50px;
    border-bottom: 5px solid #376990;
    background-position: center bottom;
}}

.com-spsimpleportfolio.view-item .sp-page-title { display: block; }

/*end of page title*/


/*offcanvas*/

#offcanvas-toggler {
    height: 70px;
    line-height: 70px;
}

.offcanvas-menu { background-color: #000; border-left: 0px solid #376990; }

.offcanvas-menu .offcanvas-inner { padding: 20px 10px 0; }

.close-offcanvas { background: transparent; color: #fff; }

.close-offcanvas:hover { background: transparent; color: #0872ab; }

.offcanvas-menu .sp-module ul li a:before {font-family: 'Font Awesome 5 Free' !important; content: "\f105" !important; margin-right: 10px !important; }

.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
    color: #fff !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    letter-spacing: 0.5px;
    line-height: 1.6 !important;
    display: block;
    opacity:0.7 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: transparent;
}

.offcanvas-menu ul.menu-child {
    display: inherit !important;
    margin: 0 0 0 10px!important;
}
.offcanvas-menu .news-label .menu-toggler{
    display:none !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus > a {
    background: rgb(255 255 255 / 5%);
    color: #fff;
    opacity:1 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li {
    border: 0;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    display: block;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li li{
    height:40px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header{
    padding: 20px 20px 15px !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after{
    display:none;
}
.offcanvas-menu {
  background-color: #141e3e;
  color: #fff!important;
}

/*end of offcanvas*/


/*bottom*/

#sp-bottom {padding: 80px 0 60px 0;letter-spacing: 0.5px;background: #000;border-top: 5px solid #376990;}



@media (min-width: 992px) {
  #sp-bottom .sp-module { margin-bottom: 0; }
}
@media (max-width: 992px) {
  #sp-bottom {padding: 50px 0 20px 0!important;letter-spacing: 0.5px;background: #000;border-top: 5px solid #376990;}  
}
#sp-bottom1 img {
    width: 120px;
}

#sp-bottom .sp-module .sp-module-title {
    font-size: 16px!important;
    display: inline-block;
    line-height: 1;
    color: #fff;
    margin-bottom:15px;
}

#sp-bottom .sp-module ul > li > a {
    line-height: 1.3;
    margin-bottom: 12px;
    font-size: 14px;
    color: rgb(255 255 255 / 50%);
}

#sp-bottom .sppb-addon-content {
    font-size: 14px;
    color: #a2a2a2;
}

#sp-bottom .bottom-partner-list { width: 300px; }

#sp-bottom .bottom-partner-list img { padding: 0 5px 5px 0; }

/*end of bottom*/


/*footer*/

#sp-footer {
    background: #000;
    padding: 10px 0;
    text-align: center;
    border-top: 1px solid #333;
}

#sp-footer .container-inner {
    padding: 0;
}

#sp-footer .sp-copyright {
    display: block;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: rgb(255 255 255 / 50%);
}

/*end of footer*/




/*bg pattern*/

.bg-pattern-001:before {
    content: url(/images/1_Dreamztech/pattern/bg-pattern-001.png);
    position: absolute;
    width: 500px;
    height: 130px;
    right: 0;
    top: 0;
}

.bg-pattern-002:before {
    content: url(/images/1_Dreamztech/pattern/bg-pattern-002.png);
    position: absolute;
    width: 650px;
    height: 180px;
    left: 0;
    bottom: 0;
}

/*end of bg pattern*/


/*bg style*/

.bg-style-001:before { content: ""; position: absolute; background: url(/images/1_Dreamztech/pricing/pricing-bg-001.jpg) no-repeat scroll left top / cover; width: 100%; height: 650px; top: 0; }

.bg-style-001:after { content: ""; position: absolute; background: url(/images/1_Dreamztech/pricing/pricing-bg-002.jpg) no-repeat scroll right bottom / cover; width: 100%; height: 650px; bottom: 0; }

.bg-style-002:before { content: ""; position: absolute; background: url(/images/1_Dreamztech/pricing/pricing-bg-001.jpg) no-repeat scroll left top / cover; width: 100%; height: 650px; top: 0; }


/*end of bg style*/


/*fixed livechat*/

#whatsapp {
    right: 80px !important;
}

/*end fixed livechat*/

/*ipay88 payment*/

.payment-form span.price-title {font-weight: 700; font-size: 20px;} 

input[type="text"]:not(.form-control) {
  margin-bottom: 8px;padding: 12px !important;line-height: normal;height: auto;border: 1px solid #ccc !important; display: inline-block !important;
    width: 30%;
}

.payment-form form input[type="text"] {margin-bottom: 8px;padding: 12px !important;line-height: normal;height: auto;border: 1px solid #ccc !important; display: inline-block !important;
    width: 30%;}

.payment-form input[type="submit"] { color: #fff; background: #376990; border: none; padding: 4px 20px; transition: all ease 400ms; border-radius : 3px; padding: 9px 20px;}

@media (max-width: 991px){.payment-form input[type="submit"] {float: right; margin-top: 10px;}}

.payment-form input[type="submit"]:hover {background: #000; transition: all ease 400ms}

@media (max-width: 1200px){.payment-form form[name=ePayment] input[type="text"] { width: 100% !important;}}

/*end ipay88 payment*/

/*login*/

button.sppb-btn.sppb-btn-primary.sppb-btn-block {
    background-image: none;
   background: #376990;
    color: #fff;
    border: 0;
    letter-spacing: 1px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 10px 20px;
    border-radius: 50px;
}



.alert.alert-danger {
    background-color: #ffffff;
    border: 0;
    color: #e80000;
    font-weight: 500;
}

.alert.alert-danger .alert-heading { font-weight: 700; }

.alert.alert-danger .close { text-shadow: none; }

body.com-record.view-payments button {
    background: #2c6489 !important;
    border: 0;
    padding: 10px 20px;
    border-radius: 5px;
}

.alert-warning {
    color: #856404;
    background-color: #fff !important;
    border-color: #fff !important;
}

/*end login*/

/*kiple payment*/

label.input-label {min-width: 27%;}

@media (max-width: 767px){
  label.input-label { min-width: 35%; }
}

.kiple-form select, input[type="email"]:not(.form-control), textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: inline-block;
}

.kiple-form input[type="text"]:not(.form-control) {  width: 50%; }

@media (max-width: 767px){
.kiple-form input[type="text"], .kiple-form input[type="email"]:not(.form-control) {  width: 100% !Important; }
}


.kiple-form input[type="email"]:not(.form-control) {
    border: 1px solid #ccc !important;
  	width: 50%;
}
/*end-kiple-payment*/



/*text*/
.text-block-001 .sppb-addon-title {
    color: #fff!important;
    margin-bottom:30px!important;
}
.text-block-001 .sppb-addon-content {
    color: rgb(255 255 255 / 0.5)!important;
}

/*bottom1*/
#sp-bottom1 strong {
    color: #fff!important;
    font-size: 16px;
    font-weight: 900;
}

/*zindex*/
.zindex3{z-index:3!important;}
.zindex2{z-index:2!important;}
/**/


#sp-branches a {
    letter-spacing: 0.5px;
    padding: 0 5px;
}

.remodal.remodal-is-initialized.remodal-is-opened p {
    color: #000 !IMPORTANT;
}
/*
div#tracking_contact_form .modal-content label, div#tracking_contact_form .modal-content h2 {
    color: #000;
}
*/
div#tracking_contact_form .modal-content input#tracking_contact_number, div#tracking_contact_form .modal-content input#tracking_email  {
    border: 1px solid #b1b1b1 !IMPORTANT;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top {
    background: #25d266 ! IMPORTANT;
}

/* End of Old Overall */


/*color*/
.sppb-addon-content, .sppb-addon-text, .sppb-addon-content, p {
    color: rgb(255 255 255 / 70%)!important;
}
h4.sppb-addon-title {
    /*opacity: 0.5;*/
}



/*error*/
html.error-page body {
    background-color: #141e3e!important;
    color: #fff;
}



/*home**********************************************************************************/
.sppb-carousel-extended-item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.sppb-image-carousel-layout1 .sppb-carousel-extended-content-wrap, .sppb-image-carousel-layout1 .sppb-carousel-extended-item img, .sppb-image-carousel-layout1 .sppb-carousel-extended-item-overlay{
    border-radius: 0px;
}

.sppb-carousel-extended-nav-control .nav-control.next-control {
    float: right;
    margin-right: 0px;
}

.sppb-carousel-extended-nav-control .nav-control.prev-control {
    float: left;
    margin-left: 0px
}

/*product slider 02 homepage*/
#hikashop_category_information_module_157 #hikashop_carousel_hikashop_category_information_module_157 {
    padding: 0px!important;
    padding-top: 50px!important;
}

div#hikashop_carousel_pagination_hikashop_category_information_module_157 {
    position: relative;
}
div#hikashop_carousel_pagination_hikashop_category_information_module_157 .swiper-pagination.swiper-pagination-top.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -20px;
}


/*otherpages*/
.oct2022-accordion .sppb-panel-heading {
    padding: 10px 0px;
    text-align: center;
    background: transparent;
    font-size: 16px!important;
}

.sppb-panel.sppb-panel-modern {
    background: transparent!important;
    border: 0px!important;
}

span.sppb-panel-title {
    font-size: 16px!important;
    color: #fff!important;
}
.sppb-panel.sppb-panel-modern {
    background: transparent!important;
}
.sppb-panel-heading {
  /*  width: 30%;*/
    margin: auto;
}
span.sppb-toggle-direction i.fa.fa-chevron-right {
    color: #fff;
}


.go-ecommerce-mdec {
    background: rgb(255 255 255 / 5%) !important;
    border-radius: 20px !important;
    padding: 30px 20px 20px 30px !important;
}


/***addon page*/
/*icon*/
.addon-icon-001 p {margin:0px;}
.addon-icon-001 img {
    width: 80px;
    /* filter: brightness(100); */
    opacity: 0.5;
    transition:0.5s ease;
}
.sppb-addon.sppb-addon-feature.addon-icon-001 .sppb-feature-box-title {
    opacity: 0.3;letter-spacing:0px; transition:0.5s ease;font-size: 16px!important;
}

.addon-icon-001:hover img {
    width: 80px;
    opacity: 1; transition:0.5s ease;
}
.sppb-addon.sppb-addon-feature.addon-icon-001:hover .sppb-feature-box-title {
    opacity: 1!important;
    letter-spacing:0px;
    transition:0.5s ease;
    color: #fff;
}
.addon-icon-001:hover .sppb-addon-text {
    opacity: 1;
}
.addon-icon-001 .sppb-addon-text {
    opacity: 0.5;
    font-size: 14px;
}

.addon-icon-001 .sppb-addon-title.sppb-feature-box-title {
    opacity: 0.8!important;
}
.addon-box {
    background: rgb(255 255 255 / 5%);
    border-radius: 20px!important;
    padding: 20px 0!important;
}

.addon-box .oct2022-accordion span.sppb-panel-title {
    opacity: 0.5!important;
}
.addon-box:hover .oct2022-accordion span.sppb-panel-title {
    opacity: 1.5!important;
}
.addon-box .sppb-addon-content {
    font-size: 16px;
}

/*addon read more btn*/
.addon-box .oct2022-accordion .sppb-panel-heading {
    width: 65%;
    margin-left: 35px;
}
@media only screen and (max-width: 600px) {
.addon-box .oct2022-accordion .sppb-panel-heading {
    width: 55%;
    margin-left: 60px;
}}
@media only screen and (min-width: 600px) {
.addon-box .oct2022-accordion .sppb-panel-heading {
    width: 55%;
    margin: auto;
    left: -10px;
}}
@media only screen and (min-width: 1200px) {
.addon-box .oct2022-accordion .sppb-panel-heading {
    width: 45%;
    /* margin-left: 83px; */
    margin: auto;
    left: -10px;
}}


/*terms*/
.terms-style-001 strong {
    color: #fff!important;
}
.terms-style-001 .sppb-addon-content p {
    margin: 0;
}
.term-box {
    background: rgb(255 255 255 / 5%);
    padding: 30px; border-radius:25px; transition: 0.5s ease;
}

.term-box:hover {
    transform: scale(1.02);
    transition: 0.5s ease;
    border-radius: 20px!important;color:#fff;
    box-shadow: 0 0 20px 0px #6882cdc2!important;background:#050F2D;
}



/**/
/*EO OTHERS**********************************************************************************/


/*blog*/

.article-header a {
    color: #fff!important;
    font-size: 30px;
}
.article-header h2 {
    margin: 0!important;
}
.article-info {
    margin: 0;
}

.article-list.articles-leading > div.article {
    margin-bottom: 0;
}

.article-details {
    padding-bottom: 30px;
}

.article-list .article .article-intro-image {
    border-radius: 10px;
    margin: 0px;
}

.article-body {
    padding: 20px 0px;
}

/*article*/
.article-list .article .article-header h2 a {
    font-size: 18px !important;
    margin-bottom: 10px;
    display: block;
}

time {
    opacity: 0.6;
}

.article-list .article .article-header h2 {
    line-height: 1.2 !important;
    font-size: 20px !important;
}

.article-intro-image {
    float: none !important;
}

@media (max-width: 767px) {
    .article-list .article .article-header h2 a {font-size: 16px !Important;}
}

.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 26px !important;
    border-bottom: 1px solid rgb(255 255 255 / 15%);
    padding-bottom: 20px;
    line-height: 1.5 !important;
    letter-spacing: 0.5px;
    }

@media (max-width: 767px) {
    .article-details .article-header h1, .article-details .article-header h2 { font-size: 22px !important; }
}
.artcile-details-wrap {
    max-width: 100%;
}


/*title shape 001*/

.article-header h1{
    position: relative;
}

.article-header h1:before {
    position: absolute;
    background-size: contain !important;
    content: url(/images/0_Dreamztech_Oct2022/shape/element01.png);
    top: -120px;
    left: 0px;
    margin:auto;
    background-repeat:no-repeat;
    z-index: 1 !important;
    }


/*readmore*/
.readmore a:before {
    content: "\f111";
    font-family: 'Font awesome 5 free';
    font-weight: 900;
    font-size: 8px;
    right: -25px;
    top: -3px;
    position: absolute;
}

.readmore a{color:#fff!important;position: relative;top: -1px;right: 0px;font-size: 15px;opacity: 0.6;}

.readmore a:hover{opacity:1;color: #fff!important; }
.readmore a:after {
    background: rgb(255 255 255 / 10%);
    width: 40px;
    height: 40px;
    content: '';
    position: absolute;
    border-radius: 50px;
    top: 2px;
    bottom: 0;
    margin: auto;
    right: -42px;
    z-index: 0;
}

.readmore {margin-top: 20px!important;margin-bottom: 40px;}

/*header*/
.layout-blog  section#sp-main-body {
    z-index: 2!important;
}

.layout-blog div#sp-title {
    z-index: 0;
}


#sp-left .sp-module, #sp-right .sp-module {
    background: rgb(255 255 255 / 5%);
    border:0px;
    border-radius: 20px;
    padding: 15px 25px;
    z-index: 80!important; 
    position: relative;
}

#sp-right .sp-module ul > li:last-child {
    border-bottom: none !important;
}


#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
    display: block;
    padding: 5px 0;
    line-height: 1.4;
    padding: 2px 0;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: normal;
    color: #ffffffb3;
    font-size: 14px;
}
#sp-left .sp-module ul > li > a span, #sp-right .sp-module ul > li > a span{
    font-weight: 300;
}

#sp-right .sp-module ul > li {
    display: block;
    border-bottom: 1px solid rgb(243 243 243 / 15%)!important;
}

#sp-right .sp-module ul > li > a:hover{color:#fff!important;}


.article-list .article {
    border: 0px solid #f5f5f5!important;
    padding: 0px;
}

/*EO BLOG**********************************************************************************/





/*EO msme***************************************************************************/