@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);

/* Global Style Declaration -=-=-=-=-=-=-=*/
* { box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0; padding:0;   }


img { max-width:100%; height:auto; border:none; vertical-align:middle; }

a { text-decoration:none;cursor:pointer; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }

.Font_Open_Sans, .Font_Open_Sans a{ font-family: "Open Sans", Sans-serif !important; }

p { margin:0; }
* + h1, * + h2 { margin-top:35px; }
* + h3, * + h4 { margin-top:30px; }
* + h5, * + h6  { margin-top:25px; }
* + p { margin-top:20px }
input[type=submit] { cursor:pointer; }
.font20, .font20 >*, .font20 h4{ font-size: 20px !important }

.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:table; }

.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; background-repeat: no-repeat; }
.overlay > * { position:relative; z-index:2; }
.overlay:before { content:''; background:rgba(25,24,22,0.80); top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; }

.button a , a.button { padding:8px 25px; background:#C83F21; color:#fff; border:1px solid #C83F21; max-width:100%; display:inline-block; font-size: 14px; line-height: 1.2; font-weight: 600;  border-radius: 30px;}
.button a:hover , a.button:hover { background:#fff; color:#1996ff; }

b, strong { font-weight: 700;}
.ForMobileImgStyle img{ margin-bottom: 10px; }

/* Gradient Button */
.GradientBtn a{ position: relative; z-index: 10; background-image: none !important; }
.GradientBtn a:hover{ background-image: none !important; }
.GradientBtn a:before,.GradientBtn a:after {  content: "";  position: absolute;  border-radius: 5px;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #003366;  background: -webkit-linear-gradient(top, #006699 0%, #003366 100%) repeat    scroll 0% 0%;  background: linear-gradient(to bottom, #006699 0%, #003366 100%) repeat scroll    0% 0%;  opacity: 1;  z-index: -1;  -webkit-transition: opacity 0.4s ease-out;  transition: opacity 0.4s ease-out;}
.GradientBtn a:after {  background: -webkit-linear-gradient(top, #0098a9 0%, #007481 100%) repeat    scroll 0% 0%;   opacity: 0;}
.GradientBtn a:hover {  color: #fff;}
.GradientBtn a:hover:after {  opacity: 1;}
.GradientBtn a:hover:before {  opacity: 0;}


/* put listStyle class to "parent" tag of "ul" */
.noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; } /* put listStyle class to "parent" tag of "ul" */
 .OrderListStyle ol { margin:0; padding:0; padding-left: 18px; }
.listStyle * + ul, .OrderListStyle * + ol { margin-top:15px; }
.OrderListStyle ol li{ position:relative; margin-top: 5px; }
.listStyle ul li { padding-left:18px; position:relative; margin-top: 5px; }
.listStyle ul li::before {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; 
	background-color: var(--e-global-color-text);border-radius: 50%; }

.text-dec-underline, .text-dec-underline a  {  text-decoration: underline;}
.text_underline a  {  text-decoration: underline;}
p a:hover,.marked-list a:hover, .text_underline a:hover { text-decoration: underline;}
a:focus {  outline: none; }
.text_Decoration_none a:hover{ text-decoration: none; }
.LeftAngleIcon a {  position: relative; padding-left: 10px;}
.LeftAngleIcon a:before {content: "\f104";position: absolute;left: 0;top: 3px; font-size: 14px;font-family: fontawesome;}
.MultipleIcon a:before  { top: -1px; }
.ForCheckIcon{ position: relative; padding-left: 30px; }
.ForCheckIcon::before {  content: '';  position: absolute;  top: -4px;  left: 0;  width: 25px;  height: 25px;  background-image: url('https://cg-west.spynrtech.com/wp-content/uploads/2025/04/checkmark.png'); background-repeat: no-repeat; background-size: cover;  background-position: center center; }


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Page Wise CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Header */
.HeaderSocialIcon a:hover { background-color: transparent !important; border: 1px solid; }
.HeaderSection {position: -webkit-transition: all 0.5s ease;  -moz-transition: position 10s;  -ms-transition: position 10s;  -o-transition: position 10s;  transition: all 0.5s ease; z-index: 999;}
.HeaderSection.fixed-header { position: fixed; top: 0;  top: 0;animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}





.NavigationMain .elementor-nav-menu--dropdown li.subItemHeading a{ color: #0098a9 !important; background-color:transparent !important; font-size: 15px !important; cursor: auto !important;}
.NavigationMain .elementor-nav-menu--dropdown li.subItemHeading ~ li a{ padding-left: 23px !important; }

/* Blog */
.ForArrowBtn a.elementor-post__read-more{ position: relative; }
.ForArrowBtn a.elementor-post__read-more:after{ content: "\f105"; font-family: fontawesome; position: absolute; right: -11px; top: -3px;    font-size: 15px; }
.BlogParent .elementor-post__title	{ font-size: 20px !important; }
.toTop { width: 40px; height: 40px; font-size: 22px; line-height: 39px; color: #fff !important; background: var(--e-global-color-primary); border-radius: 50%;    position: fixed; right: 40px; bottom: 40px; display: none; overflow: hidden; text-align: center; text-decoration: none; z-index: 20; font-family: fontawesome !important;}
.toTop:hover {background-color: #0098a9 !important;  }

/* Slider */
.ForSlideDot .swiper-pagination-bullet{ opacity: 1;transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;  }
.ForSlideDot .swiper-pagination-bullet-active{ background-color: var(--e-global-color-primary) !important; }
/* .BannerSlide2{ background-size: 100% 100% !important; } */
/* Blog Post */
.BlogPostInner img { margin-bottom: 12px; }
/* Hover effect */
.imageHoverEffect .elementor-flip-box { overflow: hidden; }
.imageHoverEffect .elementor-flip-box:hover .elementor-flip-box__front { transform: scale(1.1); }
.imageHoverEffect .elementor-flip-box__front { transition: all 0.5s ease 0s; }

/* Scroll Bar */
.imageHoverEffect .elementor-flip-box__layer__inner { overflow-y: auto; padding-right:10px; }
.imageHoverEffect .elementor-flip-box__layer__inner::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: var(--e-global-color-primary); border-radius:20px; }
.imageHoverEffect .elementor-flip-box__layer__inner::-webkit-scrollbar { width: 6px; background-color: var(--e-global-color-primary); }
.imageHoverEffect .elementor-flip-box__layer__inner::-webkit-scrollbar-thumb {	background-color: #fff; border-radius:20px; }
/*  */
.HeadingBotTxt a{ color: var(--e-global-color-accent) !important; }
.HeadingBotTxt a:hover{ color:var(--e-global-color-primary) !important; text-decoration: underline; }

.SingleColunmImgStyle img { margin-top: 15px; }

.blogPagination .elementor-pagination{display: flex;justify-content: center;align-items: center;}
.blogPagination .page-numbers.prev,.blogPagination .page-numbers.next{display: flex;margin: 0;width: 30px; height: 30px;align-items: center;justify-content: center;border-radius: 50%;}
.blogPagination .page-numbers.current{display: flex;margin: 0;width: 30px; height: 30px;align-items: center;justify-content: center;border-radius: 50%;background-color:#f15a29;}
.blogPagination .page-numbers{display: flex;margin: 0;width: 30px; height: 30px;align-items: center;justify-content: center;}

/* blog css  */
.container{padding-left:15px;padding-right:15px;max-width:1200px;margin:0 auto;}
.noListStyle ul{margin:0;padding:0;list-style:none;}
.bg{position:relative;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.d_flex{display:flex;}
.BlogListItemImg{height:362px;background-color:#cfcfcf;}
.date-time{color:#f15a29;font-weight:600;}
.BlogListContent,.PostBtnMain,.PostCatagoryAuther,.date-time{padding-top:15px;}
span.catSaperatorListing{border-left:3px solid var(--e-global-color-secondary);height:15px;margin-top:4px;display:inline-block;}
.BlogListingSection{padding:70px 0;}
.BlogListItemRepeter{padding-bottom:64px;}
.BlogListItemRepeter:last-child{padding-bottom:0;}
.PostCatagory ul{display:flex;gap:10px;font-weight:700;text-transform:uppercase;}
.PostCatagory ul li a:hover{color:#f15a29;}
.icon-img{background-image:url('https://stage.cg-west.com/wp-content/uploads/2025/05/cta_arrow.png');width:32px;height:29px;background-size:cover;display:block;margin-left:10px;}
.PostBtnMain a{display:flex;font-weight:600;align-items:center;color:#f15a29;}
.PostBtnMain a:hover{color:#f15a29;opacity:.8;}
.blogListingPagination{text-align:center;padding-top:50px;}
.paginationLinks{display:flex;justify-content:center;align-items:center;gap:20px;}
.paginationLinks a,.paginationLinks span{width:30px;height:30px;line-height:29px;border-radius:50px;color:#f15a29;display:inline-block;font-weight:700;}
.paginationLinks span.current{background-color:#f15a29;color:#fff;}
.BlogListTitle h4{font-weight:600!important;}
.BlogListContent p{color:#313131!important;}
.container{padding-left:15px;padding-right:15px;max-width:1200px;margin:0 auto;}
.noListStyle ul{margin:0;padding:0;list-style:none;}
.d_flex{display:flex;}
.text-center{text-align:center;}
.TagParent{padding-top:35px;}
.TagParent ul{justify-content:center;flex-wrap:wrap;gap:10px;}
.TagParent a{color:#333;background-color:#fff;line-height:1;padding:15px 32px 16px;border-radius:5px;font-size:16px;display:inline-block;margin:0 15px;text-transform:capitalize;}
.TagParent a.tag-active,.TagParent a:hover{color:#fff;background-color:#f15a29;}
.NewsTagSection{padding-top:100px;}
.LogoBox{max-width:265px;margin:0 auto;text-align:center;}
.BlogListTitle h4{color: #0098A9;}

.BlogListingParent .elementor-pagination{display: flex;justify-content: center;align-items: center;}
.BlogListingParent .page-numbers.prev,.blogPagination .page-numbers.next{display: flex;margin: 0;width: 30px; height: 30px;align-items: center;justify-content: center;}
.BlogListingParent .page-numbers.current{display: flex;margin: 0;width: 30px; height: 30px;align-items: center;justify-content: center;border-radius: 50%;background-color:#f15a29;}
.BlogListingParent .page-numbers{display: flex;margin: 0;width: 30px; height: 30px;align-items: center;justify-content: center;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=- Smaller Desktop Devices -=-=-*/
@media (min-width:768px ) {
.HeadingSpaceRemove h6 { margin-top: 0;  }
.ContentSpaceRemove p { margin-top: 15px !important; }
.NewsListing .elementor-post__card{flex-direction:row !important;align-items:center !important;}
.NewsListing .elementor-post__text{margin-top:0 !important;}
.NewsListing .elementor-post__thumbnail__link{padding:0 15px !important;width: 50% !important;}
}


@media (min-width:1201px ) {
.btn_lg a{ min-width: 200px; }
/* Header	 */
.NavigationMain .elementor-nav-menu a{ text-align: center; }
.NavigationMain .elementor-nav-menu--main>.elementor-nav-menu a:hover, .NavigationMain>.elementor-nav-menu--main .elementor-nav-menu li:hover a, .NavigationMain .elementor-nav-menu--main>.elementor-nav-menu a.elementor-item-active { background-color: var(--e-global-color-primary);}	
.NavigationMain .elementor-nav-menu--dropdown{ padding-top: 20px !important; padding-bottom: 20px !important; 
   box-sizing: border-box; max-width: 185px !important; width: 100% !important;  min-width: 185px !important;}
.NavigationMain .elementor-nav-menu--dropdown a{  text-align: left; word-break: break-word !important;
  white-space: normal !important;}	
.NavigationMain	.elementor-nav-menu .sub-arrow{ display: none !important; }	
.BannerSlide { height: calc(100vh - 194px) !important; min-height: auto;}

	
}

@media (max-width:1200px ) {
/* Header */
	.NavigationMain .elementor-nav-menu--dropdown a br{display: none;}
	.NavigationMain .elementor-nav-menu a{ justify-content: space-between; }
	.NavigationMain .elementor-nav-menu--dropdown>ul { border-top: 1px solid #fff; }
	.elementor-18 .elementor-element.elementor-element-86fda2c .elementor-nav-menu__container.elementor-nav-menu--dropdown {
    margin-top: 20px !important;
}
	.NavigationMain .elementor-nav-menu--dropdown>ul>li{ border-bottom: 1px solid var(--e-global-color-text) !important;}
	.NavigationMain .elementor-nav-menu .sub-arrow { position: absolute; right: 0; top: 12px; padding: 10px 10px; z-index: 99; }
	.container{max-width:970px!important;}
.NewsTagSection{padding-top:70px;}
.TagParent a{margin:0;padding:10px 15px;}
.BlogListingSection{padding:70px 0;}
.BlogListItemRepeter{padding-bottom:45px;}
}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1024px ) {
	* + p { margin-top:15px }
	.font20, .font20 >*, .font20 h4{ font-size: 18px !important }
    .BlogParent.elementor-grid-tablet-1 .elementor-grid { grid-template-columns: repeat(3, 1fr);grid-template-rows: auto auto; justify-content: center;}
}

/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:880px ) {

.BlogParent .elementor-post__title, .BlogParent .elementor-post__excerpt p, .TabHeaightAuto	{ height: auto !important; }
.BlogParent .elementor-post__title	{ font-size: 18px !important; }	
.BlogParent.elementor-grid-tablet-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); }
.SingleColunmImgStyle img{ float: none;  margin: 0 auto;  margin-bottom: 15px; margin-top: 15px;  width: 100%;  max-width: 100%;  padding-left: 50px;padding-right: 50px; } 	
.container{max-width:750px!important;}
.NewsTagSection{padding-top:60px;}
.BlogListItemImgContentsMain{flex-direction:column;-webkit-flex-direction:column;gap:25px;}
.BlogListItemRight{display:block;width:100%;}
.BlogListItemImg{max-width:450px;margin:0 auto;}
.BlogListItemRepeter{padding-bottom:30px;}
.BlogListingSection{padding:60px 0;}
.paginationLinks{gap:10px;}
}
@media (min-width:881px){
.BlogListItemImgMain{width:362px;}
.BlogListItemRight{width:calc(100% - 362px);padding-left:33px;}
}

/*-=-=-  Mobile Devices -=-=-*/

@media (min-width:768px){
.expandTabb{display:none;}
}

@media (max-width:767px ) {
* + p { margin-top:10px }
.mpt0,.mp0 { padding-top:0 !important; }
.mpb0,.mp0 { padding-bottom:0 !important; }
.font20, .font20 >*, .font20 h4{ font-size: 17px !important }
.footerNav nav ul li a { justify-content: center !important; }
/* Header */
.NavigationMain .elementor-menu-toggle { position: relative !important; right: 20px !important;}
.BlogParent .elementor-post__title	{ font-size: 16px !important; }
/* Banner */
.BannerSlide2{ background-size: cover !important; }
/*  */

.container{max-width:100%!important;}
.NewsTagSection{padding-top:50px;}
.TagParent ul{flex-direction:column;justify-content:center;text-align:center;}
.TagParent a{padding:6px 15px;}
.LogoBox{max-width:180px;}
.TagParent{padding-top:25px;}
.TagParent ul{display:none;margin-top:20px;}
label.expandTabb{display:block;position:relative;cursor:pointer;background-color:#007482;color:#fff;padding:10px;border-radius:5px;font-weight:500;}
label.expandTabb:before{content:'\f107';position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);font-family:fontawesome;}
.TagParent ul li{margin:2px 0;}
.BlogListingSection{padding:50px 0 30px;}
.BlogListItemImg{height:300px;}
.icon-img{width:24px;height:23px;}
.BlogListTitle h4{font-weight:600!important;}
.BlogListContent p{color:#313131!important;}
.PostBtnMain{gap:10px;font-size:14px;}
.blogListingPagination{padding-top:30px;}
}

@media (max-width:480px ) {	
.BlogPostInner img {  width: 100%; margin-bottom: 12px; }
.ForMobileImgStyle img {float: none;  margin: 0 auto;  margin-bottom: 15px;  width: 100%;  max-width: 100%;  padding-left: 125px;
	padding-right: 125px;}
.ForMobileImgFullWidth img{ padding-left: 20px; padding-right: 20px; }
.ForMobileImgMidWidth img{ padding-left: 60px; padding-right: 60px; }
.SingleColunmImgStyle img{ margin-top: 15px; }	
}

@media (max-width:400px ) {	
.ForMobileImgStyle img { padding-left: 95px;
	padding-right: 95px;}
	.ForMobileImgFullWidth img{ padding-left: 0; padding-right: 0; }
.ForMobileImgMidWidth img{ padding-left: 30px; padding-right: 30px; }
	
}