/************************************************* Header ********************************************************************/
#Header {}  #Header + main {} 
/********** Main Banner **************************************************************************************************/
.BnrText{font-size:55px; color:#C0C7CF; position:absolute; z-index:999; bottom:50px; left:0px; right:0px; text-align:center;}

/********** Content **************************************************************************************************/
.ConnectArea{background: linear-gradient(-180deg, #28394B 58.6%, #fff 10%, #fff 100%);}
.ConnectArea h2{font-size:92px;} .TextBox{padding:30px 28px; font-size:18px;} .TextBox a{font-size:22px; font-weight:500; color:#F04B28;}.TextBox a:hover{color:#C0C7CF;}

.ImgTopSet{margin-top:-370px;}
.AboutArea{background: linear-gradient(90deg, #F3F3F3 25%, #fff 10%, #fff 100%);}
.Number{width:84px; height:83px; background:#F04B28; display:inline-block; font-size:40px; font-weight:600; color:#fff; text-align:center; line-height:1;display:flex;justify-content:center;align-items:center;}


#ContactForm .form-group {margin-bottom:5px;}
#ContactForm .form-control{font-size:15px; border-color:#A8A8A8; border-radius:0px; height:57px; color:#323232;}
#ContactForm .form-control::placeholder{color:#323232;}
#ContactForm textarea.form-control{height:160px; padding-top:15px;}

.zoom:hover {-webkit-transform:scale(1.1); transform:scale(1.1); transition:transform .5s ease;}
.typed {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: 3px solid #000; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation: 
    typing 5.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}


.page-id-12 .TextBox h3 {
    height: 85px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  filter: invert(1);
}
.carousel-control-next-icon,
.carousel-control-prev-icon {

  color: red;
  font-size: 20px;
}

.border-contact {
    border: 1px solid #dee2e6!important;
    border-radius: 0.25rem;
}
/********** Footer ***************************************************************************************************/
#Footer {color:#CBDCF1; font-size:16px; line-height:2;} 
#Footer a{color:#CBDCF1; padding: 0px !important;} #Footer a:hover{color:#000;}
.Copyright{font-size:15px; color:#CDB98B; font-weight:500;}

.Listing {padding:0; margin:0 0 15px 0; list-style-type:none;}
.Listing li{background:url(../images/check.png) no-repeat 0.1em 0.43em; padding:3px 0 3px 40px; margin:0px;}
/*************************************************************************************************************/
.section-medium {
    padding: 55px 0px;
}
.testimonial-four blockquote:hover::after, .section-arrow-primary-color.section-arrow--bottom-center:after {
    border-right-color: #0cb4ce;
}
.section-arrow-primary-color.section-arrow--bottom-center:after {
    background-color: #0cb4ce;
    border-right-color: #0cb4ce;
    border-bottom-color: #0cb4ce;
}
.section-arrow--bottom-center:after {
    z-index: 1;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    content: "";
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 30px;
    border-right: 1px solid #262626;
    border-bottom: 1px solid #262626;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #262626;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 {
    color: white !important;
}
.section-title {
    font-size: 32px;
    font-weight: 600;
    margin-top: 0.45em;
    margin-bottom: 0.35em;
    color: #303133;
    font-family: Poppins;
    letter-spacing: -0.02em;
}
.section-sub-title {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 400;
    font-family: Poppins;
}
.section-arrow-primary-color.section-arrow--bottom-center:after {
    border-bottom-color: #0cb4ce;
}
.section-arrow-primary-color.section-arrow--bottom-center:after{
    background-color: #0cb4ce;
}
.special-heading.line span:before, .special-heading.line span:after, .footer.footer-minimal, .t-bordered {
    border-top-color: #eaeaea;
}
.t-bordered {
    border-top: 1px solid #eaeaea;
}
.section-primary {
    padding: 75px 0px;
}
section {
    position: relative;
}



.testimonial-two {
    padding: 20px;
    border: 2px solid #0cb4ce;
    border-radius: 2px;
}


.testimonial-two blockquote p:before {
    font-family: 'Playfair Display';
    font-size: 54px;
    color: #0cb4ce;
    font-weight: 900;
    left: 10px;
    color: #FFF;
    content: "“";
    font-style: normal;
    line-height: 1;
    position: absolute;
    top: 5px;
    font-size: 45px;
}

.testimonial-two blockquote p:after {
    font-family: 'Playfair Display';
    font-size: 54px;
    color: #0cb4ce;
    content: "”";
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    bottom: -0.5em;
    right: 10px;
    font-weight: 900;
    transform: scaleY(-1);
    font-size: 45px;
    bottom: -5px;
}


.testimonial-two blockquote {
    padding: 15px 15px 15px 48px;
    position: relative;
}

.testimonial-two blockquote p:before,
.testimonial-two blockquote p:after {
    color: #0cb4ce;
    font-weight: 900;
}

.testimonial-two blockquote p {
    font-size: inherit;
    font-weight: inherit;
}

.testimonial-two .testimonial-author p {
    color: #999;
    margin: 0 0 0 25px;
    text-align: left;
}

.testimonial-two .testimonial-author strong {
    display: block;
    padding-top: 10px;
    margin-bottom: -2px;
    font-weight: 500;
    font-size: 14px;
    color: #444;
}

.testimonial-two .testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px;
}

.testimonial-two .testimonial-author .testimonial-author-thumbnail {
    float: left;
    margin-right: 15px;
    width: auto;
}

.testimonial-two .testimonial-author img {
    max-width: 55px;
}

.testimonial-two .testimonial-author {
    margin-left: 12px;
    margin-bottom: 15px;
}


.testimonial-two .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 0px;
}

.testimonial-two .owl-theme .owl-dots {
    text-align: left;
    margin-left: 50px;
}

.testimonial-two .owl-carousel .owl-dots .owl-dot.active span, 
.testimonial-two .owl-carousel .owl-dots .owl-dot:hover span {
       border-color: #0cb4ce;
}

.testimonial-two .owl-carousel .owl-dots .owl-dot.active span:before, 
.testimonial-two .owl-carousel .owl-dots .owl-dot:hover span:before {
    background-color: #0cb4ce;
}




.testimonial-three .testimonial-image {
    float: left;
    margin: 0 20px 0 0;
    width: 80px;
    height: 80px;
    border-radius: 100px;
    overflow: hidden;
}

.testimonial-three .testimonial-content {
    overflow: hidden;
}

.testimonial-three .testimonial-meta {
    position: relative;
    overflow: hidden;
    margin-left: 100px;
}


.testimonial-three .testimonial-name {
    display: block;
}


.testimonial-three .testimonial-three-col {
    padding-bottom: 35px;
}

.testimonial-three .testimonial-three-col {
    border-right-style: dashed;
    border-right-width: 1px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    padding: 25px;
}

.testimonial-three .testimonial-three-col:hover {
   background-color:#f7f7f7;
}

.alternate-color .testimonial-three .testimonial-three-col:hover {
   background-color:white;
}

.testimonial-three.testimonial-three--col-two .testimonial-three-col:nth-child(2n) {
    border-right: none;
}

.testimonial-three.testimonial-three--col-two .testimonial-three-col:nth-last-child(-n+2),
.testimonial-three.testimonial-three--col-two .testimonial-three-col:last-child {
    border-bottom: none;
}

.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-child(3n) {
    border-right: none;
}

.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-last-child(-n+3),
.testimonial-three.testimonial-three--col-three .testimonial-three-col:nth-last-child(-n+2),
.testimonial-three.testimonial-three--col-three .testimonial-three-col:last-child {
    border-bottom: none;
}







.testimonial-four .testimonial-author .testimonial-author-thumbnail {
   float: left;
   margin-right: 15px;
   width: auto;
}

.testimonial-four .testimonial-author img {
   max-width: 55px;
}

.testimonial-four .testimonial-author strong {
   display: block;
   padding-top: 10px;
   margin-bottom: -2px;
   font-weight: 500;
   font-size: 14px;
   color: #444;
}

.testimonial-four .testimonial-author span {
   color: #666;
   display: block;
   font-size: 12px;
}

.testimonial-four blockquote {
   padding: 30px;
   width: 100%;
   border-radius: 4px;
   position: relative;
   margin-bottom: 20px;
   padding-bottom: 25px;
   border: 2px solid #eaeaea;
}

.testimonial-four blockquote::after {
   content: "";
   border-right: 2px solid #eaeaea;
   border-bottom: 2px solid #eaeaea;
   -webkit-transform: rotate(55deg);
   -moz-transform: rotate(55deg);
   -ms-transform: rotate(55deg);
   -o-transform: rotate(55deg);
   transform: rotate(55deg);
   position: absolute;
   left: 55px;
   bottom: -12px;
   width: 15px;
   height: 21px;
   overflow: hidden;
   background: white;
}

.testimonial-four .owl-theme .owl-nav.disabled + .owl-dots {
   position: absolute;
   float: right;
   text-align: right;
   right: 3px;
   bottom: 40px;
}

.testimonial-four .testimonial-author {
   position: relative;
   overflow: hidden;
}

.testimonial-four blockquote:hover::after {
   border-right: 2px solid #0cb4ce;
   border-bottom: 2px solid #0cb4ce;
}

.testimonial-four blockquote:hover {
   border: 2px solid #0cb4ce;
}





.testimonial-five blockquote p {
    font-weight: 400;
    font-size: 14.58px;
    line-height: 1.6;
    margin-bottom:0;
}

.testimonial-five .testimonial-author .testimonial-author-thumbnail {
   float: left;
   margin-right: 15px;
   width: auto;
}

.testimonial-five .testimonial-author img {
   max-width: 55px;
}

.testimonial-five .testimonial-author strong {
   display: block;
   padding-top: 10px;
   margin-bottom: -2px;
   font-weight: 600;
   font-size: 13px; 
}

.testimonial-five .testimonial-author span {
   color: #666;
   display: block;
   font-size: 12px;
}

.testimonial-five blockquote {
   padding: 32px 41px 37px;
   width: 100%;
   border-radius: 4px;
   position: relative;
   margin-bottom: 30px; 
   border: 0px solid #eaeaea;
   background-color: #f7f7f7;
}

.testimonial-five blockquote::after {
   content: "";
   border-right: 0px solid #eaeaea;
   border-bottom: 0px solid #eaeaea;
   -webkit-transform: rotate(55deg);
   -moz-transform: rotate(55deg);
   -ms-transform: rotate(55deg);
   -o-transform: rotate(55deg);
   transform: rotate(55deg);
   position: absolute;
   left: 55px;
   bottom: -10px;
   width: 15px;
   height: 21px;
   overflow: hidden;
   background: #f7f7f7;
}

.testimonial-five.testimonial-light blockquote{
   background-color:white;
}
.testimonial-five.testimonial-light blockquote::after {
   background: white;
}


.testimonial-five .owl-theme .owl-nav.disabled + .owl-dots {
   position: absolute;
   float: right;
   text-align: right;
   right: 3px;
   bottom: 40px;
}

.testimonial-five .testimonial-author {
   position: relative;
   overflow: hidden;
}

.testimonial-five blockquote:before {
    content: "“";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 170px;
    color: rgba(189, 189, 189, 0.2);
    position: absolute;
    top: 10px;
    left: 20px;
}

/* ============ desktop view ============ *
@media all and (min-width: 1025px) {
	.navbar .nav-item .dropdown-menu{ display:none;}
	.navbar .nav-item:hover .nav-link{ color:#adadad;}
	.navbar .nav-item:hover .dropdown-menu{ display:block;}
	.navbar .nav-item .dropdown-menu{ margin-top:0;}
}	
/* ============ desktop view .end// ============ */


/* Large devices (desktops, 992px and up) */
@media (min-width:992px) {
#Header {top:0px !important; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.shrink {background:#d2d1d194; box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.navbar-brand img {max-height:150px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .navbar-brand img {max-height:110px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.navbar-brand{padding:17px 0px 10px 0 !important;}
.shrink .navbar-brand{padding:7px 0px;}

#ImgText img {
    height:452px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.ls-44{letter-spacing:44.4px;}.TextBox{line-height:33px;} 
.page-id-7 .TextBox p {
    height: 260px;
    font-size: 16px;
}
}
/* XX-Large devices (larger desktops, 1400px and up)*/


@media (min-width: 1920px) {
.container{max-width:1520px !important;}
.gutter-lg {margin-left:-18px!important;margin-right:-18px!important;}
.gutter-lg div[class^="col"]{padding-left:18px!important;padding-right:18px!important;}.navbar-brand{padding:47px 0px 10px 0 !important;}.shrink .navbar-brand{padding:7px 0px !important;}
}
@media (min-width: 1600px){.container{max-width:1520px;}.ConnectArea{background: linear-gradient(-180deg, #28394B 57%, #fff 10%, #fff 100%);} .page-id-7 .TextBox p {
    height: 190px;
    font-size: 16px;
}
.page-id-12 .TextBox p {
    height: 200px;
}
	.page-id-104 .ConnectArea .TextBox p {
    height: 140px;
}
}
@media (min-width: 1459.98px) and (max-width: 1599.98px){	.ImgTopSet {
    margin-top: -210px;
}

}
@media (min-width: 1359.98px) and (max-width: 1459.98px){	.ImgTopSet {
    margin-top: -210px;
}

}
@media (min-width: 1199.98px) and (max-width: 1599.98px) {.page-id-12 .TextBox p {
    height: 200px;
}
.page-id-104 .ConnectArea .TextBox p {
    height: 140px;
}


}
@media (min-width: 1199.98px) and (max-width: 1359.98px) {.MainBanner .carousel-caption h1{font-size:42px;} .BnrText{font-size:45px;bottom:25px;}
.ConnectArea{background: linear-gradient(-180deg, #28394B 49.8%, #fff 10%, #fff 100%);} .fs-20 {font-size:18px !important;}
.ImgTopSet{margin-top:-140px;}
.page-id-12 .TextBox p {
    height: 200px;
}
.page-id-104 .ConnectArea .TextBox p {
    height: 140px;
}
}

/*@include media-breakpoint-between(md, xl) { ... }*/
@media (min-width: 768px) and (max-width: 1199.98px) {
.MainBanner .carousel-caption h1{font-size:36px;} .BnrText{font-size:38px;bottom:25px;}.ls-44{letter-spacing:34.4px;}
.ConnectArea{background: linear-gradient(-180deg, #28394B 51.4%, #fff 10%, #fff 100%);} .TextBox{padding:20px 18px; font-size:16px;line-height:28px;}h3, .h3 {font-size:23px;} .fs-20 {font-size:18px !important;}
.ImgTopSet{margin-top:37px;} .Mblbr br{display:none;}
.page-id-7 .TextBox p {
    height: 190px;
    font-size: 16px;
}
.page-id-12 .TextBox p {
    height: 200px;
}
.page-id-12 .TextBox h3 {
    height: 60px;
font-size: 18px !important;}
.page-id-104 .ConnectArea .TextBox p {
    height: 140px;
}
	.wel-test br {
    display: none !important;
}
}

/*For example the @include media-breakpoint-only(md) { ... } will result in :*/
@media (min-width: 768px) and (max-width: 991.98px) {
#Header + main {margin-top:0px;} .shrink {background:rgba(210,209,209,0.8); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}
.MainBanner .carousel-caption h1{font-size:36px;} .BnrText{font-size:32px;bottom:15px;}.ConnectArea h2{font-size:62px;}.ConnectArea{background: linear-gradient(-180deg, #28394B 72.9%, #fff 10%, #fff 100%);}
#Footer {font-size:16px;} .ImgTopSet{margin-top:20px;} .Mblbr br{display:none;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width:767.98px) {
.container {max-width:100% !important;}
#Header{position:static;background:#fff;}#Header + main {margin-top:0px;} .ls-44{letter-spacing:20px;} .fs-20 {font-size:18px !important;}
.MainBanner .carousel-caption h1{font-size:36px;} .BnrText{font-size:26px;bottom:15px;}.ConnectArea h2{font-size:52px;}.ConnectArea{background: linear-gradient(-180deg, #28394B 72.9%, #fff 10%, #fff 100%);}
#Footer {font-size:16px;} .ImgTopSet{margin-top:20px;} .Mblbr br{display:none;}.Number{width:76px; height:73px; }

#home-slider .carousel-item img {
    height:280px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
	.wel-test br {
    display: none !important;
}
}

@media (max-width:575.98px) {
#home-slider .carousel-item img {
    height:200px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
	.wel-test br {
    display: none !important;
}
.MainBanner .carousel-caption h1{font-size:20px;} .BnrText{font-size:16px;bottom:15px;}.ConnectArea h2{font-size:34px;}h1, .h1 {font-size:42px;}h2, .h2 {font-size:34px;}.fs-19 {font-size:14px !important;}
.TextBox{padding:20px 18px; font-size:16px;line-height:28px;}
}
/* X-Small devices (portrait phones, less than 576px) */
