/*
    Theme Name: Indulge Global
    Theme URI: http://www.indulgeglobal.com/
*/

/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*general*/
.wow{visibility: hidden;}
body{ font-family:  'Roboto', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.5; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
h1 , h2 , h3, h4 , h5, h6 { font-family: 'Poppins', sans-serif;}
.white-bg{background-color: #ffffff;}
.white-color{color: #ffffff!important;}
.primary-bg{background-color: #3777b5;}
.primary-color{color: #3777b5;}
.secondary-bg{background-color: #384056;}
.secondary-color{color: #384056;}
.tertiary-bg{background-color: #4595e2; }
.tertiary-color{background-color: #4595e2;}
.offwhite-bg{background-color: #f3f3f3;}
.box-shadow {-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16); -ms-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16); box-shadow: 0 10px 30px 0 rgba(50,50,50,.16);}
.thin-text{font-weight: 300;}
.regular-text{font-weight: 400;}
.semi-bold-text{font-weight: 500;}
.bold-text{font-weight: 600;}
.extra-bold-text{font-weight: 700;}
.transparent-overlay{position: relative;}
.transparent-overlay:after{position: absolute; top: 0; bottom: 0; right: 0; left: 0;}
a,a:hover, a:focus, button, button:hover, button:focus{color: inherit;border:none; outline: none; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} 
.img-cover{object-fit: cover; object-position: center;}
h1{font-size: 2.8rem;}
h2{font-size: 2.5rem;}
h3{font-size: 1.5rem;}
h4{font-size: 1.2rem;}
h5{font-size: 1rem;}
.title{text-transform: uppercase;}
p {font-size: 1rem; font-weight: 400; line-height: 2; }

/*link-with logo*/
.li-with-logo li{position: relative;}
.li-with-logo li:before{position: relative; content: ''; display: inline-block; width: 20px; height: 24px; padding-right: 5px; background-image: url(assets/img/dlogo.svg); background-size: cover; background-position: center; }

/*animations*/
.left-rotate-border-box-in-light{position: absolute; width: 400px; height: 400px; border:solid 2rem rgba(56,64,86, 0.06); animation-name: rotate; animation-iteration-count: infinite; animation-duration: 4s; transform: rotate(45deg); bottom: -10%; left: -5%;}
.left-rotate-border-box-in-dark{position: absolute; width: 400px; height: 400px; border:solid 2rem rgba(255,255,255, 0.06); animation-name: rotate; animation-iteration-count: infinite; animation-duration: 4s; transform: rotate(45deg); bottom: -10%; left: -5%;}
.right-rotate-border-box-in-light{position: absolute; width: 400px; height: 400px; border:solid 2rem rgba(56,64,86, 0.06); animation-name: rotate; animation-iteration-count: infinite; animation-duration: 4s; transform: rotate(45deg); bottom: -10%; right: -5%;}
.right-rotate-border-box-in-dark{position: absolute; width: 400px; height: 400px; border:solid 2rem rgba(255,255,255, 0.06); animation-name: rotate; animation-iteration-count: infinite; animation-duration: 4s; transform: rotate(45deg); bottom: -10%; right: -5%;}
@keyframes rotate {
  0%   {transform: rotate(45deg);}
  50%  {transform: rotate(60deg);}
  100% {transform: rotate(45deg);}
}

.slide-right-text-in-light{position: relative; display: block; font-size: 5rem; line-height: 1; color: rgba(56,64,86, 0.05); font-weight: 900; text-transform: uppercase; animation-name: slideright; animation-iteration-count: infinite;animation-duration: 3s; width: fit-content;z-index: 2; padding-top: 1rem;}
.slide-right-text-in-dark{position: relative; display: block; font-size: 5rem; line-height: 1; color: rgba(255,255,255, 0.1); font-weight: 900; text-transform: uppercase; animation-name: slideright; animation-iteration-count: infinite;animation-duration: 3s; width: fit-content;z-index: 2; padding-top: 1rem;}
@keyframes slideright {
  0%   {left: 0;}
  50%  {left: 5%;}
  100% {left: 0;}
}

.slide-left-text-in-light{position: relative; display: block; font-size: 5rem; line-height: 1; color: rgba(56,64,86, 0.05); font-weight: 900; text-transform: uppercase; animation-name: slideleft; animation-iteration-count: infinite;animation-duration: 3s; z-index: 2; padding-top: 1rem;}
.slide-left-text-in-light span{margin-right: auto;}
.slide-left-text-in-dark{position: relative; display: block; font-size: 5rem; line-height: 1; color: rgba(255,255,255, 0.1); font-weight: 900; text-transform: uppercase; animation-name: slideleft; animation-iteration-count: infinite;animation-duration: 3s; z-index: 2; padding-top: 1rem;}
.slide-left-text-in-light span{margin-right: auto;}
@keyframes slideleft {
  0%   {right: 0;}
  50%  {right: 5%;}
  100% {right: 0;}
}

#preloader {position: fixed; z-index: 1800; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100vh; background: #384057;}
#loader{background: url(images/icons/indulge-icon.svg) no-repeat center center; background-size: 30px; height: 100%; display: flex;}
#loader:before { display: block; width: 60px; height: 60px; content: ''; -webkit-animation: load 1.1s infinite linear; animation: load 1.1s infinite linear; border-top: 2px solid rgba(255, 255, 255, .1); border-right: 2px solid rgba(255, 255, 255, .1); border-bottom: 2px solid rgba(255, 255, 255, .1); border-left: 2px solid #6bbee8; border-radius: 50%;  margin: auto;  align-self: center;}
-webkit-keyframes load {
    0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

@keyframes load {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}

.hover-pop{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.hover-pop:hover{transform: translateY(-0.5rem); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

.hover-flip .icon{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.hover-flip:hover .icon{ transform:rotateY(180deg); background-color: #4595e2!important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }
.hover-flip:hover .icon img{ transform:rotateY(0deg); filter: grayscale(1) brightness(10); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear;}

.flash-right{position: absolute; top: 0; right: 100%; left:0 ; bottom: 0; background-color: rgba(107,190,232,0.6); ; animation-name: flashRight; animation-iteration-count: infinite; animation-duration: 1.5s; }
@keyframes flashRight {
  0%   {right: 100%; opacity: 1;}
  100% {right: 0; opacity: 0;}
}

/*btn*/
.btn-plain{color: #3677b8; font-size: 1.2rem; font-weight: 600;}
.btn-plain i{animation: slideOutLeft 0.5s infinite alternate; margin-left: 1rem; margin-right: 0.5rem;}
.btn-plain:hover{color: #25598c;}
.btn-solid-blue{background-color: #3677b8; color: #ffffff; font-size: 1rem; font-weight: 600; padding: 0.5rem 1.2rem; border-radius: 2rem;}
.btn-solid-blue:hover{background-color: #25598c; color: #ffffff;}
.btn-solid-white{background-color: #ffffff; color: #3677b8; font-size: 1rem; font-weight: 600; padding: 0.5rem 1.2rem; border-radius: 2rem;}
.btn-solid-white:hover{background-color: #efefef; color: #3677b8; }


.black-text li{color: #333333;}

/*menu*/
.menu.on-top{background-color: transparent; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; box-shadow: none;}
.menu.on-top .logo img{height: 80px; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.menu.on-top .logo .slogan{display: block; color: #ffffff; font-size: 1rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding: 0;}

.menu{background-color: #384056; -webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16); -ms-box-shadow: 0 10px 30px 0 rgba(50,50,50,.16); box-shadow: 0 10px 30px 0 rgba(50,50,50,.16); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.menu .logo img{height: 40px; display: inline-block;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.menu .logo .slogan{display: inline-block; color: #ffffff; font-size: 0.6rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding-left: 0.5rem;}
.menu ul li{ padding: 0.5rem 1rem; }
.menu ul li:last-child {padding-right: 0; } 
.menu ul li a{ padding: 0.7rem 0!important; position: relative; color: #ffffff; font-size: 1rem; text-transform: uppercase;}
.menu ul li.current-menu-item .nav-link{ color: #6bbee8; }
.menu ul li a:hover{color: #6bbee8;}
.menu .navbar-nav li#menu-item-117.current-menu-item a{ color: #ffffff;}
.menu .navbar-nav li a:after{ position: absolute; left: 0px; content: ''; height: 40px; width: 100%; border-bottom: solid 3px #6bbee8; -webkit-transform: scaleX(0.0001); -ms-transform: scaleX(0.0001); transform: scaleX(0.0001); -webkit-transition: -webkit-transform 250ms ease-in-out; transition: transform 250ms ease-in-out; bottom: 5px; }
.menu .navbar-nav li a:hover:after, .menu .navbar-nav li.current-menu-item a:after{ -webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1); bottom: 5px; }
.menu .navbar-nav li#menu-item-117.current-menu-item a:after{ display: none; }
.navbar-toggler{color: #ffffff; font-size: 1.8rem; border: none;}
.navbar-toggler:hover, .navbar-toggler:focus{color: #ffffff;}
/*scroll-top-btn*/
.scroll-top-btn{position: fixed; right: 1rem; bottom: 1rem; width: 60px; height: 60px; border-radius: 50%; z-index: 999; display: flex; font-size: 1.5rem; bottom: -5rem;}

/*slider*/
.slider {position: relative;}
.slider .tp-leftarrow.metis{border-top-right-radius: 25px;}
.slider .tp-rightarrow.metis{border-bottom-right-radius: 25px;}

/*latest-news-headlines*/
.latest-news-headlines{position: absolute; left: 0; right: 0; bottom: 0; height: 56px; z-index: 8; overflow: hidden;}
.latest-news-headlines h4{line-height: 56px;}


/*about*/
.about{ position: relative; background-color: #141414; overflow: hidden; background-position: center; background-size: cover; background-attachment: fixed;}
.about .panel-img{}
.about .panel-text{}
.about .left-border{position: relative;}
.about .left-border:before { content: ''; position: absolute; width: 0.35rem; height: 90%; left: -1rem; top: 5%; background: #3777b5; box-shadow: -10px 0 20px 0px rgba(0,0,0,0.5); -webkit-box-shadow: -10px 0 20px 0px rgba(0,0,0,0.5); -ms-box-shadow: -10px 0 20px 0px rgba(0,0,0,0.5); -moz-box-shadow: -10px 0 20px 0px rgba(0,0,0,0.5);}

/*products*/
.products{ position: relative; overflow: hidden; background-position: center; background-size: cover;  background-attachment: fixed;}
.products .panel .icon{height: 160px; width: 160px; margin: auto; background-color: #ffffff; border-radius: 50%; box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.2); }
.products .panel h3{font-size: 1.2rem; line-height: 1.5;}
.products .panel .icon img{ width: 100%; height: 100%; object-fit: contain; }
.single-product-image{ width: 100%; height: 160px; object-fit: contain; background: #ffffff; }
.products .card{ border-radius: 0; overflow: hidden; }
.products .card-title small{ display: block; }
.products .card-title small span{ display: inline-block; font-size: 0.75rem; text-transform: uppercase; }
.products .card-title small span:first-child:after{ content: ' / '; display: inline-block; padding: 0 5px; }

/*projects*/
.projects{ position: relative; overflow: hidden; background-position: center; background-size: cover;  background-attachment: fixed;}
.projects .panel .icon{height: 160px; width: 160px; margin: auto; background-color: #ffffff; border-radius: 50%; box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.2); }
.projects .panel h3{font-size: 1.2rem; line-height: 1.5;}
.projects .panel .icon img{ width: 100%; height: 100%; object-fit: contain; }

/*partners*/
.partners{ position: relative; background-position: bottom; background-size: contain; background-repeat: no-repeat;}
.partners .panel{position: relative;}
.partners .panel img{width: 100%; height: 120px; object-fit: contain; margin: 0 auto 1rem auto; border-radius: 3rem;}
.partners .panel p{position: absolute; margin: 0; left: 50%; transform: translateX(-50%); bottom: 1rem;}

/*numbers-speak*/
.numbers-speak{position: relative; background-position: center; background-size: cover; background-attachment: fixed;}
.numbers-speak:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(19, 47, 72, 0.2);}
.numbers-speaks .panel h3{font-size: 5rem; opacity: 0.25;}
.numbers-speaks .panel h2{font-size: 3.5rem;}
.numbers-speaks .panel p{line-height: 1.5;}

/*news*/
.news{position: relative; background-position: center; background-size: cover; background-attachment: fixed; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.news .image{ height: 120px; width: 120px; background-color: #ffffff;  border-radius: 50%; overflow: hidden; }
.news .image img{ height: 100%; width: 100%; object-fit: contain; margin-bottom: 15px;}
.news h3{ font-size: 1.3rem; margin-bottom: 15px; line-height: 1.4; }
.news h6.date{font-size: 1rem; font-weight: 700; margin-top: 10px; text-transform: uppercase; }
.news .carousel-indicators{bottom: -3rem; }
.news .carousel-inner{-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}

/*contacts*/
.contacts{position: relative; background-position: center; background-size: cover; background-attachment: fixed; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
.contacts:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(4, 30, 66, 0.4);}
.contacts .form-control {background-color: rgba(255,255,255,0.2); padding: 20px; border:none; color: #ffffff; border-radius: 0;}
.contacts .form-control::-webkit-input-placeholder {color: #dfdfdf;}
.contacts input{height: 52px;}

/*footer*/
footer .logo img{height: 80px; display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
footer .logo .slogan{display: block; color: #ffffff; font-size: 0.85rem; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; padding: 0;}
footer .social li{display: inline-block; padding: 0.5rem;}
footer .social li a{display: inline-block; padding: 0.5rem; color: rgba(255, 255, 255, 0.7); font-size: 1.5rem;}
footer .social li a:hover {color: #2f75ba; }
footer .copyright p{font-size: 14px;}
.widget-footer ul { padding: 0px; margin: 0px; list-style: none; margin-top: 40px; }
.widget-footer ul li { display: inline-block; line-height: 2em; padding: 1px 10px; }
.widget-footer ul li a { color: rgba(255, 255, 255, 0.7);  }
.widget-footer ul li a:hover { color: #2f75ba; }

/*service-list*/
.service-list .icon img{ width: 100%; height: 100%; object-fit: contain; }

/*inner-page-banner*/
.banner{padding-top: 5px; background: linear-gradient(90deg,#222222,#235382,#222222); color: #ffffff; }

/*breadcrumbs*/
#breadcrumbs{ padding: 0; }
#breadcrumbs a{color: #6bbee8; text-transform: uppercase; }
.breadcrumb_last{ text-transform: uppercase; }

/*page-content*/
.page-content{ padding: 0; min-height: 400px; background-size: cover; background-position: center; background-attachment: fixed; }
.page-content h2{position: relative; font-size: 24px; color: #2f75ba;}
.page-content ol li, .page-content ul li{font-size: 1rem; line-height: 2;}

.panel-partner img{object-fit: contain; height: 180px; width: 100%;}

/*partners-single*/
.partner-products ul{padding: 0; margin: 0; display: inline-block;}
.partner-products ul li{display: inline-block; padding: 0; margin: 0.25rem 0.05rem;}
.partner-products ul li a{ padding: 0.5rem 1.2rem; margin: 0; background-color: transparent!important; color: rgba(0,123,255,0.68)!important; border-radius: 0!important; font-size: 1.5rem;}
.partner-products ul li a.active{ background-color: #2f75ba!important; color: #ffffff!important; position: relative; }
.partner-products ul li a.active::after { transform:rotate(90deg) translateY(-25%); content: ""; width: 0px; height: 0px; display: block; position: absolute; right: 50%; margin-bottom: -1rem; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; border-left: 1rem solid #2f75ba;
}
.partner-products .card{background-color: transparent; border: none; border-radius: 0;}  
.partner-products .card .collapse{display: block;}
.partner-products .card .card-header{ display:none; margin: 0; padding: 0; }  
.partner-products .card .card-body{ margin: 0; padding: 0; }  

.panel-partner-items {-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,0.5); -ms-box-shadow: 0 10px 30px 0 rgba(50,50,50,0.5); box-shadow: 0 10px 30px 0 rgba(50,50,50,0.5);}
.panel-partner-items h3{color:#2f75ba; }

/*project-single*/
.project-items ul{padding: 0; margin: 0; display: inline-block;}
.project-items ul li{display: inline-block; padding: 0; margin: 0.25rem 0.05rem;}
.project-items ul li a{ padding: 0.5rem 1.2rem; margin: 0; background-color: transparent!important; color: rgba(0,123,255,0.68)!important; border-radius: 0!important; font-size: 1.5rem;}
.project-items ul li a.active{ background-color: #2f75ba!important; color: #ffffff!important; position: relative; }
.project-items ul li a.active::after { transform: rotate(90deg) translateY(-25%); content: ""; width: 0px; height: 0px; display: block; position: absolute; right: 50%; margin-bottom: -1rem; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent; border-left: 1rem solid #2f75ba;
}
.project-items .card{background-color: transparent; border: none; border-radius: 0;}  
.project-items .card .collapse{display: block;}
.project-items .card .card-header{ display:none; margin: 0; padding: 0; }  
.project-items .card .card-body{ margin: 0; padding: 0; }  

.panel-project-items {-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,0.5); -ms-box-shadow: 0 10px 30px 0 rgba(50,50,50,0.5); box-shadow: 0 10px 30px 0 rgba(50,50,50,0.5);}
.panel-project-items h3{color:#2f75ba; }


/*taxonomy*/
.tax-post .front{ position: relative; }
.tax-post .front .icon{ width: 300px; height: 300px; position: relative; margin: 0 auto; }
.tax-post .front .icon img{ border-radius: 50%; }
.term-post h4, .tax-post h4{ text-transform: uppercase; }

/* Contact Form 7 */
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-mail-sent-ng { color: #D8000C; background-color: #FFBABA; border: 0; padding: 10px; }
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok { color: #4F8A10; background-color: #DFF2BF; border: 0; padding: 10px; }
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before, div.wpcf7-mail-sent-ng:before { font: 26px/30px dashicons; margin-right: 16px; vertical-align: middle; }
div.wpcf7-mail-sent-ok:before { content: "\f147"; }
div.wpcf7-validation-errors:before, div.wpcf7-mail-sent-ng:before { content: "\f158"; }
span.wpcf7-not-valid-tip, .wpcf7-form label.error{ color: #e87979!important; font-size: 12px!important; font-weight: 200!important;  }
button.btn:hover, button.btn:active, button.btn:active, button.btn:focus, button.btn:active:focus{ color:#1eb0bd!important; border: none!important; box-shadow: none!important; outline: none!important; }
.wpcf7-recaptcha{max-width: 300px; }

/* Owl Carousel */
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot span{ background: #D6D6D6; }
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span{ background: #6bbee8; }
.owl-theme .owl-dots .owl-dot span { border-radius: 20px!important; position: relative; }
.owl-theme .owl-dots .owl-dot span::after { content: ""; display: block; position: absolute; opacity: 0; bottom: 7px; left: 0; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 4px solid #68bcea; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.owl-theme .owl-dots .owl-dot.active span::after,
.owl-theme .owl-dots .owl-dot:hover span::after { opacity: 1; border-bottom: 7px solid #68bcea; }
.owl-carousel .owl-stage{ display: flex; }
.owl-carousel .item { display: flex; flex: 1 0 auto; height: 100%; }
.owl-carousel .item > div { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; }

/*pagination*/
.pagination .navigation{margin: 0 auto;}
.pagination .navigation .title{display: none;}
.pagination .wp-paginate li{padding: 0.25rem;}
.pagination .wp-paginate a{border: none; background: none; color: #3777b5; font-size: 1rem; }
.pagination .wp-paginate .current{background-color: #3777b5;}

/*screen*/
@media (max-width: 768px){
}

@media (max-width: 992px){
  .slider{}
  .menu .logo .slogan, .menu.on-top .logo .slogan{display:none!important;}
  .wow{animation: none;}
  .menu, .menu.on-top{background-color: #384056; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
  .menu .logo img, .menu.on-top .logo img{height: 40px; display: inline-block;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;}
  .menu ul li, .menu.on-top ul li{ padding: 0!important;}
  .menu .navbar-nav li a:after{display: none;}
  .scroll-top-btn{position: fixed; right: 1rem; bottom: 1rem; width: 50px; height: 50px; border-radius: 50%; z-index: 999; display: flex; font-size: 1.5rem; bottom: -5rem;}
  .left-rotate-border-box-in-light, .left-rotate-border-box-in-dark, .right-rotate-border-box-in-light, .right-rotate-border-box-in-dark, .slide-right-text-in-light, .slide-right-text-in-dark,.slide-left-text-in-light, .slide-left-text-in-light, .slide-left-text-in-dark, .slide-left-text-in-light span{display: none;}
  footer .widget-footer{display: none;}
  footer .footer-logo {display: none;}
  footer .footer-menu{display: none;}
  .partner-products ul{display: none;}
  .partner-products .card .collapse{display:none;}
  .partner-products .card .card-header{ display:block; margin-top: 0.5rem; }
  .partner-products .card .card-header a{ display:block; background-color: #2f75ba; color: #ffffff; font-size: 1.2rem; position: relative; padding: 1rem; }
  .partner-products .card .card-header a:after{transform: rotate(-90deg) translateX(100%); content: ""; width: 0px; height: 0px; display: block; position: absolute; right: 1rem; top: 50%; margin-bottom: -0.5rem; border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent; border-left: 0.5rem solid #ffffff;}
  .partner-products .card .card-header a.collapsed:after{transform: rotate(90deg) translateX(-50%); top: 50%;}
  .partner-products .card .card-body{ padding: 0.25rem 0.5rem;}
  .partner-products .tab-content .tab-pane { display: block !important; opacity: 1;}
  .project-items ul {display: none;}
  .project-items .card .collapse{display:none;}
  .project-items .card .card-header{ display:block; margin-top: 0.5rem; }
  .project-items .card .card-header a{ display:block; background-color: #2f75ba; color: #ffffff; font-size: 1.2rem; position: relative; padding: 1rem; }
  .project-items .card .card-header a:after{transform: rotate(-90deg) translateX(100%); content: ""; width: 0px; height: 0px; display: block; position: absolute; right: 1rem; top: 50%; margin-bottom: -0.5rem; border-top: 0.5rem solid transparent; border-bottom: 0.5rem solid transparent; border-left: 0.5rem solid #ffffff;}
  .project-items .card .card-header a.collapsed:after{transform: rotate(90deg) translateX(-50%); top: 50%;}
  .project-items .card .card-body{ padding: 0.25rem 0.5rem;}
  .project-items .tab-content .tab-pane { display: block !important; opacity: 1;}
  .card .collapse.show{display:block;}
}

@media (min-width: 1200px){
  .about .panel-text{margin: 1rem 0;}
}

@media (min-width: 1400px) {
  .container { max-width: 1270px;}
}

@media (min-width: 1600px) {
  .container { max-width: 1450px;}
}

@media (min-width: 1900px) {
  .container { max-width: 1750px;}
  .page-content{ min-height: 500px;} 
}


/* NEW UPDATE NEWS SECTION : 21-1210--------------*/
.newsthumbimage img{ object-fit:cover; object-position:center;}
.newsdetailimage { max-height:unset !important; object-fit:cover; object-position:center;}