body{font-family:'Montserrat', sans-serif; font-size:16px; color:#000;}
b, strong{font-weight:bold;}

/* Plugin Styles */
/* .slick-loading .slick-list{background: #fff url('./ajax-loader.gif') center center no-repeat;} */
.slick-prev, .slick-next{font-size:0; z-index:1; line-height:0; position:absolute; top:50%; display:block; width:22px; height:22px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background-repeat:no-repeat; background-color:transparent;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{outline:none;}
/* .slick-prev:hover, .slick-prev:focus{background-position: 0 -45px;} 
.slick-next:hover, .slick-next:focus{background-position:-25px -45px;} */
.slick-prev{left:0; background-image:url('../images/ico-arrow-left.png');}
[dir='rtl'] .slick-prev{right:0; left:auto;}
.slick-next{right:0; background-image:url('../images/ico-arrow-right.png');}
[dir='rtl'] .slick-next{right:auto; left:0;}

.bg-image-blue {background-image:url('../images/bg-img.jpg');     opacity: 0.9;   background-repeat: no-repeat; background-size: 100% 100%;}
 .navbar-brand img{width:335px;}
.project-carousel .slick-dots{position: absolute; bottom:-70px;  display: block;  width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.project-carousel .slick-dots li{position: relative; display: inline-block; width:15px; height: 20px; margin: 0; padding: 0; cursor: pointer;}
.project-carousel .slick-dots li button{ font-size: 0; line-height: 0; display: block; width:15px; height: 20px; padding:2px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.project-carousel .slick-dots li button:hover, .slick-dots li button:focus { outline: none;}
.project-carousel .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.project-carousel .slick-dots li button:before{font-family: 'FontAwesome'; font-size:30px; line-height: 20px;  position: absolute; top: 0; left: 0; width: 20px; height: 20px;  content: '•'; text-align: center;  opacity:1; color: #bababa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.project-carousel .slick-dots li.slick-active button:before{ opacity:1; color:#195890; }

.customheader {font-size: 21px; line-height: 31px;}
.home-portfolio-carousel .slick-track { height: 100%; display: flex; }
.home-portfolio-carousel .slick-slide { height: auto !important; }
.bg-grey {background-color: #f1f1f1;border-top: 1px solid #bdbdbd;}
.bg-color-grey{background-color:#f6f7f8 !important;}
.bg-color-dark{background-color:#000;}
.bg-color-gredient-blue{background: rgb(9,77,137);
    background: -moz-linear-gradient(90deg, rgba(9,77,137,1) 0%, rgba(79,149,224,1) 65%, rgba(37,204,213,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(9,77,137,1) 0%, rgba(79,149,224,1) 65%, rgba(37,204,213,1) 100%);
    background: linear-gradient(90deg, rgba(9,77,137,1) 0%, rgba(79,149,224,1) 65%, rgba(37,204,213,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#094d89",endColorstr="#25ccd5",GradientType=1);}
.bg-color-white{background-color:#fff;}

.text-lightblue{color:#43b0e0 !important;}
.btnLink {    color: #094d89 !important; font-size: 16px;}
.btnLink:hover     {text-decoration:none;border-bottom:1px solid #094d89}
.display-def-16{font-size:16px;}
.bg-color-gredient-blue h3.title{background-color: #214265;color: #fff;font-size: 17px;text-align: center;height: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;}
.btn{transition: all .3s;}

.btn-rectangle{position:relative; font-size:16px; font-weight:600; padding-left:1.5rem; padding-right:1.5rem; border-radius:20px; border:0; background:#fff; color:#094d89;}
.btn-rectangle:hover{background:#1c5ea0; color:#fff;}
.btn-rectangle:before{content:''; position:absolute;  top:0; right:0; bottom:0; left:0; z-index: -1; margin: -2px; 
border-radius:inherit; background: linear-gradient(66deg, #1c5ea0 0%, #4f94df 50%, #41b2e0 100%);}

h1.title, h2.title, h3.title, h4.title, h5.title, h6.title{margin:0;}

h2, .h2{font-size:calc(20px + 18 * ((100vw - 576px) / 1024)); font-weight:normal;}
h3, .h3{font-size:calc(18px + 4 * ((100vw - 576px) / 1024));}
h4, .h4{font-size:18px;}

.card-primary h3, .card-primary .h3{font-size:calc(16px + 4 * ((100vw - 576px) / 1024));}
a{color:#000;}
a:hover{color:#094d89; text-decoration:underline;}
a[href]:not([href^="mailto:"]){white-space:nowrap;}
a[href^="mailto:"]{word-break:break-all;}

sub{bottom:0;}

.link-default{font-weight:600;}
.link-default:after{content:'>'; margin-left:4px;}
.link-default:hover{text-decoration:none;}

.generic-padding{padding-top:3rem; padding-bottom:3rem;}

.section-heading{margin-bottom:2.5rem;}
.section-heading .subtitle{margin-bottom:0; letter-spacing:2px; font-weight:300; font-size:calc(18px + 2 * ((100vw - 576px) / 1024));}
.section-heading .title + .subtitle{margin-top:10px;}

.header{padding-top:5px; padding-bottom:5px; background-color:#fff; z-index:1051;}
.header .navbar{padding-left:0; padding-right:0;}
.header .navbar-nav > .nav-item .nav-link, li.nav-item.dropdown{color:#000 !important; font-size:16px; font-weight:500;}
li.nav-item.dropdown:hover .dropdown-menu a:hover {background-color:#2d6ea8 !important}
.header .navbar-nav > .nav-item .nav-link:hover, 
.header .navbar-nav > .nav-item .nav-link.active,
li.nav-item.dropdown:hover,
li.nav-item.dropdown:active{color:#094d89 !important;}

footer .social-links a{color:#fff; text-decoration:none !important; margin:0 3px; font-size:13px;}
footer .social-links a:hover{color:#26313c;}
footer .social-links .fa{display:inline-block; margin:0 3px; line-height:1.6; text-align:center; background:transparent; border:2px solid #fff; width:30px; height:30px; font-size:16px; border-radius:50%;}
footer .social-links a:hover .fa{background-color:#fff;}

.ftr-wrapper-top{background-color:#26313c; padding-top:15px; padding-bottom:15px; color:#fff;}
.ftr-wrapper-btm{color:#686868; padding-top:10px; padding-bottom:10px; font-size:12px;}

.footer-links{margin:0; padding:0; font-size:12px}
.footer-links li{display:inline; padding:0 6px; border-left:1px solid #686868;}
.footer-links li a{color:#686868}
.footer-links li a:hover{color:#000; text-decoration:none;}
.footer-links li:first-child{padding-left:0; border:0}

.navbar-brand{z-index:3; position:relative;}
.navbar-toggler{z-index:3; border:none; outline:none !important;}
.navbar-toggler .navbar-toggler-icon{background-image:none; height:auto;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon #hamburgerClose{display:block;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon #hamburgerMenu{display:none;}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon #hamburgerClose{display:none;}

.header .nav-item .dropdown-menu{background-color:#094d89; border-radius:0; border:0; text-align:center;}
.header .nav-item .dropdown-toggle:after{display:none;}
.header .nav-item .dropdown-menu .dropdown-item {padding: 10px 20px;}
.header .nav-item .dropdown-menu .dropdown-item, 
.header .nav-item .dropdown-menu .nav .nav-item .nav-link{color:#fff !important;  background-color:transparent !important;}
.header .nav-item .dropdown-menu .nav .nav-link{padding:.25rem 1.5rem !important;}
.header .nav-item .dropdown-menu .nav{display:block;}
.header .nav-item.dropdown.show > .nav-link{color:#094d89 !important; text-decoration:underline;}


body.active{overflow:hidden;}

[data-aos=fade-up]{
    transform: translate3d(0,10px,0);
}
.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown>.dropdown-toggle:active {
  /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.hero-banner{width:100%; position:relative; overflow:hidden; background-color:#fff;}
.hero-banner .hero-image{width:100%; height:100%; top:0; left:0; right:0; z-index: 1; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.hero-banner .hero-holder{position:relative; z-index:2;}
.hero-banner .hero-link{text-align:right;}
.hero-banner.hero-banner-plain{min-height:calc(80vh - 65px);}
.hero-banner.hero-banner-plain .hero-image{display:none;}

.card-primary .card-list .card-pic{border-bottom:8px solid #094d89; overflow:hidden;}
.card-primary .card-list .card-pic img{transition:all .3s ease-in-out; width:100%; display:block;}
.card-primary .card-list:hover .card-pic img{transform:scale(1.05);}
.card-primary .card-list .card-content{padding:30px;}
.card-primary .card-list .card-content h3{cursor:pointer}
.card-secondary .card-list{box-shadow:0 0 1.5rem rgb(0 0 0 / 16%);}
.card-secondary .card-list .card-pic{overflow:hidden;}
.card-secondary .card-list .card-pic img{transition:all .3s ease-in-out; width:100%; display:block;}
.card-secondary .card-list:hover .card-pic img{transform:scale(1.05);}
.card-secondary .card-list .card-content{padding:30px;}

.pub-date{font-size:16px;}

.project-carousel{list-style:none; padding:0; margin-bottom:80px; position:relative;}
.project-carousel .slick-list{margin:0 -15px;}
.project-carousel .slick-slide{padding:0 15px;}

.project-card img{margin:0 auto;}
.bg-image-blue .project-card {margin-bottom:3%}
.icon-block{border-radius:50%; width:100px; position:relative; height:100px; border:2px solid #fff; transition: all .3s; display:inline-flex; justify-content:center; align-items:center; margin:15px auto;}
.icon-block:hover{background-image:linear-gradient(to right, #094d89, #4f95e0);}

.sub-header {color: #3e74a3; font-size: 22px;font-weight: 500;}
.gradientUnderline {    border-bottom: 3px solid transparent; border-image: linear-gradient(to right, #4f95e0, #25ccd5);
    border-image-slice: 1; width: 10%; margin: 3px auto 30px; border-top: none;}
.team-image h3{font-size: 18px;margin: 20px 0 10px 0;   font-weight: 600;}
.team-image h4 {font-size: 12px;    line-height: 16px;}
.stickyHeaderColor {    box-shadow: 0 2px 10px rgb(0 0 0 / 30%);}
.banner-slider {
    border-bottom: 1px solid #cccccc;
}
.customCol {
    width: 47%;padding: 5% 0px 0px 0px;
}
.customColRow .customCol:first-child{    margin-right: 3%;  }
.customColRow .customCol:nth-child(2){margin-left:3%}
.customCol .team-image {width: 49%;}
.team-image {cursor: pointer;}
.slide {
    position: relative;
    transition: 1s;
}

.slide .slide-img {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.slide .slide-img img {
    /* max-width: 100%; */
    height: auto;
    opacity: 1 !important;
    animation-duration: 3s;
    transition: all 1s ease;
    width: 100%;
}

.slide .slide-content {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.slide .slide-content.slide-content-left {
    left: 15%;
    transform: translate(-15%, -50%);
}

.slide .slide-content.slide-content-right {
    right: 15%;
    left: auto;
    transform: translate(5%, -50%);
}

.slide .slide-content-headings {
    color: #fff;
}

.slide .slide-content-headings h2 {
    font-size: 4.5rem;
    margin: 10px 0;
}

.slide .slide-content-headings .animated {
    transition: all 0.5s ease;
}

.slide .slide-content-headings .top-title {
    font-family: "Playball", cursive;
    font-size: 2.5rem;
}

.slide .slide-content-headings .title {
    font-size: 2.25rem;
    font-weight: 600;
}

.slide .slide-content-headings .button-custom {
    text-decoration: none;
    color: #333;
    padding: 1.2rem 2.5rem;
    font-size: 1.5rem;
}

.home-slider [data-animation-in] {
    opacity: 0;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
    transition: 1s;
}

.slick-dotted .slick-slider {
    margin-bottom: 30px;
}

.home-slider .slick-dots {
    position: absolute;
    top: 50%;
    list-style: none;
    text-align: right;
    padding: 0;
    margin: 0;
    width: auto;
    right: 3%;
    z-index: 999;
    transform: translateY(-50%);
    color: white;
    height: auto;
}

.home-slider .slick-dots li {
    position: relative;
    display: block;
    margin: 10px 0;
    padding: 0;
    cursor: pointer;
    font-size: 20px;
    transition: all 0.3s ease;
}

.home-slider .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.home-slider .slick-dots li::after, .home-slider .slick-dots .slick-active::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0; 
    height: 3px;
    transition: width .2s ease;
    -webkit-transition: width .2s ease;
}
 
.home-slider .slick-dots li:hover:after {
  width: 25px;
  right: 0;
  background: #fff;
}
.home-slider .slick-dots .slick-active::after{
    width: 25px !important;
    right: 0;
    background: #fff;

}
.home-slider .simple-dots .slick-dots li {
    width: 20px;
    height: 20px;
}

.home-slider .simple-dots .slick-dots li button {
    border-radius: 50%;
    background-color: white;
    opacity: 0.25;
    width: 20px;
    height: 20px;
}

.home-slider .simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
    opacity: 1;
}

.home-slider .simple-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
}

.home-slider .stick-dots .slick-dots li button {
    position: relative;
    background-color: white;
    opacity: 0.25;
    width: 50px;
    height: 3px;
    padding: 0;
}

.home-slider .stick-dots .slick-dots li button:hover,
.home-slider .stick-dots .slick-dots li button:focus {
    opacity: 1;
}

.home-slider .stick-dots .slick-dots li.slick-active button {
    color: white;
    opacity: 0.75;
}

.home-slider .stick-dots .slick-dots li.slick-active button:hover,
.home-slider .stick-dots .slick-dots li.slick-active button:focus {
    opacity: 1;
}

/* /////////// IMAGE ZOOM /////////// */
@keyframes zoomInImage {
    from {
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }

    to {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }
}

.zoomInImage {
    /* animation-name: zoomInImage; */
}

.blue-arrow, .blue-arrow ul {
    list-style-type: none;
    padding: 0;
}
.blue-arrow > li, .blue-arrow > li > ul > li {
    margin: 15px 0;
    position: relative;
    padding-left: 40px;
}
.blue-arrow > li > ul > li  {
    padding-left: 20px;
}
.blue-arrow > li > ul > li::before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;
}
.blue-arrow > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    background: url('../images/blue-arrow.png');
    width: 18px;
    height: 14px;
}
.border-blue {
    border-color: #094d89;
}
.our-team-container  hr {border-top: 1px solid #2363a7;}
.our-team-container ul {
    padding: 0;
    list-style-type: none;
}
.our-team-container ul li {
  
    margin: 30px 0;
    display: flex;
}
.team-pic {
    width: 228px;
    margin-right: 40px;
}
.team-content h3 {
    font-size: 18px;
    font-weight: 600;
}
.team-content h3 span {
    font-size: 12px;
    font-weight: 500;
}
.team-content h4 {
    font-size: 14px;
    font-weight: 600;
    margin: 10px 0;color: #373737;
}
.team-content hr {margin: 30px 0;border-top: 1px solid #5c5c5c;
    width: 45%;}
.team-content p {
    font-size: 15px;
    color: #000000;
}
.team-content a{
    font-size: 14px;
    font-weight: 600;
    color: #094d89;
    text-decoration: none;
    margin-bottom: 15px;
    display: block;
}
.modal .btn-rectangle{border: 1px solid;}
.modal {background-color: rgba(0,0,0,0.6);z-index: 9999;}
.modal-body {padding: 7% 2%;}
.bottomHr hr{  border-top: 1px solid #5c5c5c;}
.bottomHr {margin:5% 0 3% 0}
.bottomHr .fa {color: #43b0e0;    margin-right: 8px;}
.bottomHr a {font-weight: 600;}
.bottomHr a:hover {text-decoration: none;}
.portfolioDetail a {
    font-size: 14px;
    font-weight: 600;
    color: #094d89;
    text-decoration: none;
    margin-bottom: 15px;
    display: block;width:100%;
}
.team-content .show-txt, .portfolioDetail .show-txt1, .portfolioDetail .show-txt2 {
    display: none;
}
.portfolio-last-sec > ul {
    list-style-type: none;
    padding: 0;
    display: block;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 4rem 0;
}
.portfolio-last-sec > ul li.slick-slide {
    display: grid !important;
    justify-content: center;
    position: relative;
    padding: 20px 0;
    margin: 20px 0;
}
.portfolioDetail .headerwithBorder{border-bottom:1px solid #dee2e6; display:inline-block;    padding-bottom:5px;}
/* .portfolio-last-sec ul li:not(:nth-child(n+4))::after {
    content: '';
    position: absolute;
    bottom: -30px;
    border-bottom: 1px solid #9a9a9a;
    width: 70%;
} */
.portfolio-last-sec > ul li.slick-slide:not(:first-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-right: 1px solid #9a9a9a;
    height: 70%;
}
.portfolio-slider .slick-dots{position: absolute; bottom: -20px;  display: block;  width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.portfolio-slider .slick-dots li{position: relative; display: inline-block; width:15px; height: 20px; margin: 0; padding: 0; cursor: pointer;}
.portfolio-slider .slick-dots li button{ font-size: 0; line-height: 0; display: block; width:15px; height: 20px; padding:2px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.portfolio-slider .slick-dots li button:hover, .slick-dots li button:focus { outline: none;}
.portfolio-slider .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.portfolio-slider .slick-dots li button:before{font-family: 'FontAwesome'; font-size:30px; line-height: 20px;  position: absolute; top: 0; left: 0; width: 20px; height: 20px;  content: '•'; text-align: center;  opacity:1; color: #bababa; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.portfolio-slider .slick-dots li.slick-active button:before{ opacity:1; color:#195890; }
.contact-us-container h3 {
    font-size: 24px;
    border-bottom: 1px solid #43b0e0;
    padding-bottom: 5px;
}
.contact-us-container h4 {
    font-size: 16px;
    font-weight: 700;
}
.contact-us-container label {
    font-size: 16px;
}
.contact-us-container label sup {
    font-size: 16px;
    color: #f80f0f;
}
.contact-us-container input, .contact-us-container textarea, .contact-us-container select {
    border: 1px solid #a6a6a6;
    background: #f7f7f7;
    border-radius: 0;
    margin: 5px 0;
}
.contact-us-container textarea {
    height: 150px;
}
.contact-us-container input:focus, .contact-us-container textarea:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #a6a6a6;
    background: #f7f7f7;
}
.contact-us-container .form-group .error-msg {
    position: absolute;
    bottom: -12px;
    font-size: 11px;
    text-align: left;
    color: red;
    -webkit-transition: ease-in-out all .3s;
    transition: ease-in-out all .3s;
}
@keyframes zoomOutImage {
    from {
        transform: scale3d(1.1, 1.1, 1.1);
        transition: 1s;
    }

    to {
        transform: scale3d(1, 1, 1);
        transition: 1s;
    }
}

.zoomOutImage {
    animation-name: zoomOutImage;
    transition: 1s;
}
.pagination-sm .page-item:first-child .page-link, 
.pagination-sm .page-item:last-child .page-link {
    border-radius: 0;
}
.pagination .page-item .page-link {
    border-color: #56b6e2;
    margin: 0 2px;
    border-radius: 0;
    color: #26313c;
}
.pagination .page-item:hover .page-link, .pagination .page-item.active .page-link {
    background: #56b6e2;
    border-color: #56b6e2;
    color: #fff;
}
.news-detils-content h3 {
    font-size: 30px;
    color: #26313c;
}
@media (max-width: 1199.99px) {
    .customCol .team-image {width: 48%;}
    .team-image img{width: 100%;}
    .customColRow .justify-content-between {margin:0 }
      
}
@media (max-width: 1024px) {
.bg-color-gredient-blue h3.title {font-size:14px;}	

}
@media (min-width: 768px) { 
    .hero-banner{color:#fff; min-height:calc(100vh - 65px);}
    .hero-banner .hero-image{position:absolute; height:100%;}
    
    .icon-block-list > [class^="col-"]:not(:last-of-type):after, 
    .icon-block-list > [class^=" col-"]:not(:last-of-type):after{content:''; position:absolute; background:#fff; height:2px; width:36px; top:65px; right:0; margin-right:-18px;}
}

@media (min-width: 992px) {
    .generic-padding{padding-top:5rem; padding-bottom:4rem;}

    .hero-banner.hero-banner-plain .hero-holder{max-width:52%; margin:0 auto;}
    
    .header .navbar-expand-lg .navbar-nav .nav-item{padding-right:1.25rem; padding-left:1.25rem;}
    .header .navbar-expand-lg .navbar-nav .nav-item:last-child{padding-right:0;}
    .header .navbar-expand-lg .navbar-nav .nav-link{padding:0; font-size:16px; position:relative;}
    .header .navbar-expand-lg .navbar-nav .nav-link:after{content:''; position:absolute; bottom: -1px; left:0; width:0; height:2px;
    background-image:linear-gradient(to right, #4f95e0, #25ccd5); transition: .3s ease-out;}
	.header .navbar-expand-lg .navbar-nav  .nav-item.dropdown .nav-link.active{border-bottom: 1px solid transparent;
    border-image: linear-gradient(to right, #4f95e0, #25ccd5); border-image-slice: 1; width: 100%;}

    .header .navbar-expand-lg .navbar-nav .nav-link:hover:after, .header .navbar-expand-lg .navbar-nav .nav-link.active:after{width:100%;}

    .header .nav-item .dropdown-menu{margin-top:1px; left:83%; transform:translatex(-50%);text-align: left;}
   /* .header .nav-item .dropdown-menu:after{content:''; position:absolute; top:0; left:50%; display:inline-block; margin-left:-12px; margin-top:-12px; border-bottom:12px solid #094d89; border-right:12px solid transparent; border-top:0; border-left:12px solid transparent;} */
   
   .header .nav-item.dropdown:hover .dropdown-toggle:before{content:''; position: absolute;width:100%;
    bottom: -1px;
    left: 0;

    height: 2px;
    background-image: linear-gradient(to right, #4f95e0, #25ccd5);
    transition: .3s ease-out;}

    .header .nav-item .dropdown-menu.dropdown-menu-right{min-width:4rem;}

    .slick-prev{left:-40px;}
    [dir='rtl'] .slick-prev{right:-40px; left:auto;}
    .slick-next{right:-40px;}
    [dir='rtl'] .slick-next{right:auto; left:-40px;}
}

@media (min-width: 1200px) {
    .btn-rectangle[class*="xl-block"]{padding-left:0; padding-right:0;}
}

@media (min-width: 1650px) and (max-width: 2060px) { 
    .bg-color-gredient-blue h3.title {font-size: 19px;}
}

@media (max-width: 991.98px) { 
    .team-image h3 {    font-size: 16px;}
    .navbar-brand img{max-width:250px;}

    .navbar-collapse{position:fixed; top:0; background:#fff; left:0; right:0; z-index:2; bottom:0; padding:75px 1rem 0;
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0s linear 0.35s;
    -o-transition:all 0s linear 0.35s;
    transition:all 0s linear 0.35s;
    }
    .navbar-collapse.show{opacity:1;
    visibility:visible;    height: 100vh; overflow: hidden;
    -webkit-transition:none;
    -o-transition:none;
    transition:none;
    -webkit-transition-delay:0s;
    -o-transition-delay:0s;
    transition-delay:0s;}

    .header .nav-link{font-size:20px; padding-top:0.7rem; padding-bottom:0.7rem;}
}

@media (max-width: 767.98px) {  
    .customCol h3{font-size: 22px;font-weight: 600;}
    .team-content hr {    width: 75%;}
    .gradientUnderline {width: 22%;}
    section.generic-padding.portfolioDetail {    padding-top: 1.5rem;}
    .portfolioDetail .section-heading{margin-bottom:1rem}
    .team-image {margin-bottom:5%}
    .team-image img {
        width: initial;
    }
    .our-team-container hr {margin:1% 0 3% 0 !important}
    .customColRow .justify-content-between {
        margin: 0 -15px;
    }
    .customCol {width: 100%;}
    .customColRow .customCol:first-child {
        margin-right: 0;
    }
    .customColRow .customCol:nth-child(2) {
        margin-left: 0;
    }
h2, .h2{font-size:calc(25px + 18 * ((100vw - 576px) / 1024)); font-weight:normal;}
    .portfolio-last-sec > ul li.slick-slide:not(:first-child)::before { 
        content: none;
    }
    .portfolio-last-sec ul li:not(:nth-child(3n+1))::before { 
        border-left: 0;
    }
    /* .portfolio-last-sec ul li:not(:nth-child(n+4))::after { 
        border-bottom: 0;
    }  */
    .portfolio-last-sec ul li::after {
        content: none;
        position: absolute;
        bottom: -30px;
        border-bottom: 1px solid #9a9a9a;
        width: 70%;
    }
    .our-team-container ul li {
        display: block;
    } 
    .team-content {
        margin-top: 25px;
    } 
    .hero-banner:not(.hero-banner-plain){padding-top:0;}
    .hero-banner:not(.hero-banner-plain) .hero-image{position:relative; height:500px;}
    .hero-banner:not(.hero-banner-plain) .hero-holder{padding-top:20px;}
    .hero-banner:not(.hero-banner-plain) .hero-link .btn.btn-white{border-color:#000; color:#000; background-color:#fff;}
    .slide .slide-content-headings .title { font-size: 1.25rem; padding: 0 20px;}
}

@media (min-width: 1600px) and (max-width: 3000px) {
    .space {height: 150px;}
    .portfolioDetail {padding-bottom:10%;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .btn-rectangle[class*="md-block"]{padding-left:0; padding-right:0;}
    .portfolio-last-sec ul li img {
        width: 60%;    margin: 0 auto;
    }
}



@media (min-width: 2000px) and (max-width: 3500px) {
h2,.h2 {font-size: calc(18px + 18 * ((100vw - 576px) / 1024));}
.card-primary h3, .card-primary .h3{font-size:calc(15px + 4 * ((100vw - 576px) / 1024));}
}

@media (max-width: 575px){
    .portfolio-last-sec > ul {margin: 0 0 4rem 0;}
	.bg-color-gredient-blue .card-pic img{width:100%}
	.card-primary .card-list .card-content {
    padding: 5%;
}
   .navbar-brand img{max-width:225px;}
   .bg-color-gredient-blue h3.title {height: 50px;font-size: 16px;}
   .customCol .team-image {
    width: 100%;
}
.team-image {
    margin-bottom: 9%;
}
.customCol {padding: 4% 0px 0px 0px;}
}
@media (max-width: 430px)
{
    .team-image {
        margin-bottom: 12%;
    }
}

@media screen and (max-width: 575px){
    .mx-auto-mob{
        margin-left: auto;
        margin-right: auto;
    }
}