.sub-page { background-color: #fff; }

/*-------------------------- Hero Section Start here ---------------------------------*/

.sub-page.contct-us  { background-color: #f2f4f8; }
.sub-page.contct-us .header-section { min-height: 530px; }
.sub-page.contct-us .carousel_area { padding-top:129px; padding-bottom: 20px; }
.sub-page.contct-us .carousel_area .header-section { padding-bottom: 70px; }
.sub-page.contct-us .carousel_area .header-section .breadcrumbs { /*padding-bottom: 49px;*/ }
.sub-page.contct-us .carousel_area .header-section .breadcrumbs .breadcrumbs-title { font-size: 20px; font-weight: 500; color: #1c5af4; padding-bottom: 49px; padding-left: 5px; }
.sub-page.contct-us .carousel_area .header-section .breadcrumbs .breadcrumbs-title span { background-color:#1c5af4; width: 2px; height: 19px; display: inline-block; margin-right: 14px; }

.sub-page.contct-us .carousel_area .header-section .heading-text { font-size: 30px; font-weight: 500; color: #0b0b29; padding-bottom: 19px; margin-left: 3px; }

.sub-page.contct-us .carousel_area .header-section .add-section { display: flex; /*max-height: 300px;*/ position: relative; }
.sub-page.contct-us .carousel_area .header-section .officeAdd {	background: #ffffff; padding: 40px; }
.sub-page.contct-us .carousel_area .header-section .map { border: 4px solid #ffffff; border-radius: 4px; position: absolute; top: 0px; left: 0px; width: 95%; margin: 0px 15px; height: 100%; }

.sub-page.contct-us .carousel_area .header-section .officeAdd .title-text {	font-size: 23px; color: #0b0b28; font-weight: 500; padding-bottom: 28px; }
.sub-page.contct-us .carousel_area .header-section .officeAdd .address { padding-left: 35px; padding-bottom: 22px; position: relative; border-bottom: 1px solid #eceaea; }
.sub-page.contct-us .carousel_area .header-section .officeAdd .address .location { position: absolute; left: 0px; top: 0px; }
.sub-page.contct-us .carousel_area .header-section .officeAdd .address .sub-title-text { font-size: 16px; color: #0b0b28; font-weight: 500; padding-bottom: 10px; }
.sub-page.contct-us .carousel_area .header-section .officeAdd .address .off-Add { font-size: 16px; color: #0b0b28; font-weight: 400; line-height: 28px; padding-bottom: 12px; }
.sub-page.contct-us .carousel_area .header-section .officeAdd .address .viewMap a { font-size:14px; font-weight: 400; color: #305eff;}
.sub-page.contct-us .carousel_area .header-section .officeAdd .telephone { padding-left: 35px;padding-top: 24px; position: relative; }
.sub-page.contct-us .carousel_area .header-section .officeAdd .telephone .phone-off { position: absolute; left: 0px; top: 15px; }


/*.flip-card { width: 100%; height: 200px; perspective: 1000px; }*/
.flip-card { width: 100%; margin-left: 5px; margin-right: 5px; }
.flip-card-inner { width: 100%; height: 100%; transition: transform 1.2s; transform-style: preserve-3d; /*for safari prefix start here */ -webkit-transform-style: preserve-3d; -webkit-transition: transform 1.2s;/*for safari prefix end here */ }
.flip-card.active .flip-card-inner { transform: rotateY(180deg); /*for safari prefix start here */ -webkit-transform: rotateY(180deg);/*for safari prefix end here */}
.flip-card .flip-card-inner .flip-card-front { padding: 40px; z-index: 9; }
.flip-card.active .flip-card-inner .flip-card-back { z-index: 99; }
.flip-card.active .flip-card-inner .flip-card-front { z-index: 0; }
.flip-card-front, .flip-card-back { position: absolute; width: 100%; display: flex; flex-direction: column; background: #ffffff; font-size: 20px; font-weight: bold; border-radius: 6px; }
.flip-card-back { background: #ffffff; transform: rotateY(180deg); border: 6px solid #ffffff; border-radius: 6px; min-height: 350px; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; }

.add-section .flip-card .flip-card-inner .flip-card-front .title-text { font-size: 23px; color: #0b0b28; font-weight: 500; padding-bottom: 28px; }
.add-section .flip-card .flip-card-inner .flip-card-front .address { padding-left: 35px; padding-bottom: 22px; position: relative; border-bottom: 1px solid #eceaea; }
.add-section .flip-card .flip-card-inner .flip-card-front .address .location { position: absolute; left: 0px; top: 0px;}
.add-section .flip-card .flip-card-inner .flip-card-front .address .sub-title-text { font-size: 16px; color: #0b0b28; font-weight: 500; padding-bottom: 10px; }
.add-section .flip-card .flip-card-inner .flip-card-front .address .off-Add { font-size: 16px; color: #0b0b28; font-weight: 400; line-height: 28px; padding-bottom: 12px;}
.add-section .flip-card .flip-card-inner .flip-card-front .address .viewMap a { font-size: 14px; font-weight: 400; color: #305eff; }
.add-section .flip-card .flip-card-inner .flip-card-front .telephone { padding-left: 35px; padding-top: 24px; position: relative; font-size: 15px; font-weight: 500; color: #0b0b28; }
.add-section .flip-card .flip-card-inner .flip-card-front .telephone .phone-off { position: absolute; left: 0px; top: 25px; }
.add-section .flip-card .flip-card-inner .flip-card-back .map-sec { width: 100%; min-height: 340px; height: 100%; }
.add-section .flip-card .flip-card-inner .flip-card-back iframe { height: 100%; min-height: 340px; }
.close-back { position: absolute; right: 0px; top: 0px; background-color: #305eff; color: #ffffff; font-size: 20px; cursor: pointer; padding: 5px 12px; }

@media (min-width: 768px) and (max-width: 991.98px) {	
	.sub-page.contct-us .carousel_area { padding-top: 100px; padding-bottom: 0px; }	
	.sub-page.contct-us .header-section { min-height:430px; }
	/*.sub-page.contct-us .carousel_area .header-section .breadcrumbs { padding-bottom: 20px; }*/
	.sub-page.contct-us .carousel_area .header-section .breadcrumbs .breadcrumbs-title { padding-bottom: 20px; }
	.sub-page.contct-us .carousel_area .header-section .heading-text { padding-bottom: 15px; }
	.flip-card { margin-right: 0px; }
	.add-section .flip-card .flip-card-inner .flip-card-front .title-text { padding-bottom: 15px; }	
	.flip-card .flip-card-inner .flip-card-front { padding: 20px; }
	.flip-card-back { min-height: auto; }
	.add-section .flip-card .flip-card-inner .flip-card-front .address { padding-left: 25px; }
	.add-section .flip-card .flip-card-inner .flip-card-back iframe { min-height: 290px; }
}

/*@media (max-width:576px) {*/
@media (max-width: 767.98px) { 
	.sub-page.contct-us .carousel_area { padding-top: 0px; padding-bottom: 0px; }
	.sub-page.contct-us .carousel_area .header-section { padding-top: 100px; padding-bottom: 10px; }
	/*.sub-page.contct-us .carousel_area .header-section .breadcrumbs { padding-bottom: 20px; }*/
	.sub-page.contct-us .carousel_area .header-section .breadcrumbs .breadcrumbs-title { padding-bottom: 30px; }
	.sub-page.contct-us .carousel_area .header-section .add-section { margin-bottom: 20px; display: block; min-height: 310px; width: 100%; }
	.sub-page.contct-us .carousel_area .header-section .officeAdd { padding: 20px; }
	.add-section .flip-card .flip-card-inner .flip-card-front .address { padding-left: 30px; }
	.flip-card { height:auto; margin-left: 0px; margin-right: 0px;  }
	.flip-card .flip-card-inner .flip-card-front { padding: 20px; }
	.flip-card-back { padding: 0px; border:4px solid #ffffff; min-height: auto; }
	.add-section .flip-card .flip-card-inner .flip-card-front .title-text { padding-bottom: 15px; }
	.add-section .flip-card .flip-card-inner .flip-card-back iframe { height: 100%; min-height: 310px; }	
}

@media (min-width: 320px) and (max-width: 420px) {
/*	.sub-page.contct-us .carousel_area .header-section .add-section { min-height: 350px; }*/
	.add-section .flip-card .flip-card-inner .flip-card-back iframe { min-height: 290px; }
	.sub-page.contct-us .carousel_area .header-section { padding-bottom: 10px; }
	.add-section .flip-card .flip-card-inner .flip-card-front .title-text { font-size: 20px; }
}

/*-------------------------- Hero Section Ends here ---------------------------------*/


@media (max-width:768px) {
  .add-tab-sec { margin-bottom: 40px; }
}

.add-tab-sec { border-bottom:1px solid #e2e2e8; padding-bottom: 60px; background: #ffffff; }
.add-tab-sec .container .heading { font-size: 30px; color: #0b0b29; font-weight: 500; padding-top:53px; padding-bottom: 38px; margin-left: 3px; }

@media (max-width:576px) {
  .add-tab-sec .heading { margin-bottom: 30px; }
}

.add-tab-sec .add-tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 5px; margin-right: 3px; }

@media (min-width: 768px) and (max-width: 991.98px) {
	.add-tab-sec .add-tab-content { margin-right: 0px; }
}

@media (max-width:768px) {
  .add-tab-sec .add-tab-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
}

.add-tab-sec .add-tab-content .add-tab-left { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 260px; margin-right: 30px; }

@media (max-width:768px) {
  .add-tab-sec .add-tab-content .add-tab-left { max-width: 100%; margin-right: 0; }
}

.add-tab-sec .add-tab-content .add-data-right { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; }

@media (max-width:768px) {
  .add-tab-sec .add-tab-content .add-data-right { max-width: 100%; }
}

.add-tab-sec .add-tab-content .tab-heading { font-size: 22px; color: #0b0b28; padding-bottom: 23px; border-bottom: 1px solid #797a7c; position: relative; margin-bottom: 25px; cursor: pointer; }
.add-tab-sec .add-tab-content .tab-heading.active {color: #305eff;}

.add-tab-sec .add-tab-content .tab-heading .arrow-right { display: none; }
.add-tab-sec .add-tab-content .tab-heading.active .arrow-right { display: block; position: absolute; right: 0px; top: 5px; }

@media (max-width:992px) {
	.add-tab-sec .add-tab-content .tab-heading::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 22px; }
	
	.add-tab-sec .add-tab-content .tab-heading.active::before { content: ''; color: #305eff; position: absolute; right: 10px; top: 26px; border: solid #305eff; border-width: 0px 0px 2px 2px; display: inline-block; padding: 5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
}

.add-tab-sec .add-tab-content .tab-heading:last-child { margin-bottom: 0px; }

@media (max-width:992px) {
  .add-tab-sec .add-tab-content .tab-heading.active::before { -webkit-transform: rotate(495deg); transform: rotate(495deg); top: 11px; }
}

.add-tab-sec .add-tab-content .tab-data { border: 6px solid #e5e7e9; border-radius: 3px; margin-bottom: 0; background-color: #ffffff; display: none; height: 100%; }

@media (max-width:768px) {
	.add-tab-sec .add-tab-content .tab-data { margin-bottom: 25px; }
}

.add-tab-sec .add-tab-content .tab-data .title { font-size: 16px; color: #060e3b; margin-bottom: 15px; font-weight: 600; }

@media (max-width:992px) {
	.add-tab-sec .add-tab-content .tab-data .title { display: none; }
	.add-tab-sec .add-tab-content .tab-heading.active .arrow-right { display:none; }
	.add-tab-sec .add-tab-content .tab-heading.active { border-width:0px; padding-bottom: 0px; margin-bottom: 15px; }
	.add-tab-sec .add-tab-content { display: block; } /* min-width add and this line add .add-tab-sec .add-tab-content { display: block; } */
}


.add-tab-sec .add-tab-content .tab-data .content { font-size: 15px; color: #32325d; line-height: 26px; display: flex; }
.add-tab-sec .add-tab-content .tab-data .content .Other-map { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 490px; margin-right: 30px; line-height: 10px; }
.add-tab-sec .add-tab-content .tab-data .content .Other-add .address1 { padding-top: 28px; }
.add-tab-sec .add-tab-content .tab-data .content .Other-add .address1 .sub-title-text { font-size: 16px; color: #0b0b28; font-weight: 500; padding-bottom: 14px; }
.add-tab-sec .add-tab-content .tab-data .content .Other-add .address1 .off-Add { position: relative; padding-left: 25px; font-size: 15px; color: #0b0b28; font-weight: 400; border-bottom: 1px solid #e5e5e5; padding-bottom: 16px; margin-bottom: 20px; }
.add-tab-sec .add-tab-content .tab-data .content .Other-add .address1 .off-Add .location { position: absolute; left: 0px; }
.add-tab-sec .add-tab-content .tab-data .content .Other-add .telephone1 { position: relative; padding-left: 25px;}
.add-tab-sec .add-tab-content .tab-data .content .Other-add .telephone1 .phone-off { position: absolute; left: 0px; }

.tab-data.active { animation: shiftY 1s ease-in-out 1; }
@keyframes shiftY {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
@media (max-width: 767.98px) {
	.tab-data.active { animation: none; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.tab-data.active { animation: none; }
}

@media (max-width:576px) {	
	.add-tab-sec .container .heading { padding-top: 23px; padding-bottom: 0px; margin-bottom: 20px; }	
	.add-tab-sec .add-tab-content .tab-data .content { display: block; }
	.add-tab-sec .add-tab-content .tab-data .content .Other-map { margin-right: 0px; max-width: none; }
	.add-tab-sec .add-tab-content .tab-data .content .Other-add .address1 { padding-top:10px; }
	.add-tab-sec .add-tab-content .tab-data .content .Other-add { padding-left: 15px; padding-bottom: 10px; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.add-tab-sec .add-tab-content .tab-data.active { margin-bottom: 30px;}
	.add-tab-sec .add-tab-content .tab-data .content .Other-map { max-width: 400px; }
}

/*====================================================
Extra Small =   xs  =   0px - 767px
Small       =   sm  =   768px - 991px
Medium      =   md  =   992px - 1199px
Large       =   lg  =   1200px and up
=========================================================*/

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}


/* SM */

@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px)  and (max-width: 1199.98px) {}