@import url("https://www.manageengine.com/css/fonts.css");
.body {
font-family:'Zoho_Puvi_Regular';
    font-size: 17px;
    line-height: 1.6;
    margin: 0 0 20px;
	color: #000;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
p{
font-family:'Zoho_Puvi_Regular';
font-size: 16px;
	line-height: 1.6;
	color: #000;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
.content-wrap {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	transition: all 0.2s ease-in 0s;
}

/*.hideme
{
    opacity:0;
    margin-top: 10px;
    transition: all .9s;
    transform: translateY(10px);
}

.showme {
  opacity:1!important;
  transition: all .9s;
  transform: translateY(0px);
}*/

.row-pdn50{padding: 50px 0px}
.row-pdn100{padding: 100px 0px}

.bannersec h1 {
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 39px;
    line-height: 1.2;
    width: 50%;
    margin: 0 auto;
}
.content-wrap h2 {
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 30px;
    line-height: 1.2;
    margin: 0 auto;
}

.bannersec ul {
    display: flex;
    justify-content: space-between;
	padding: 0 !important;
}
.bannersec ul li {
    padding: 50px;
    margin: 20px;
    flex-grow: 1;
    flex-basis: 0;
	list-style-type: none;
	border-radius: 10px;
	text-align: left;
}

.bannersec ul li.red{ background: #fec0c1;}
.bannersec ul li.green{ background: #bff1bc;}
.bannersec ul li.blue{ background: #c7e0fe;}

.bannersec ul li.red p.graytxt{ color: #9c5656; margin-top: 0px;}
.bannersec ul li.green p.graytxt{ color: #528751; margin-top: 0px}
.bannersec ul li.blue p.graytxt{color: #56739d; margin-top: 0px;}

h3 {
    font-family: 'Zoho_Puvi_SemiBold';
    font-size: 21px;
    line-height: 1.2;
    margin: 0 auto;
}

.bradkrm {
	font-weight: lighter;
	padding: 3px 0px;
	margin-top: 10px;
}
.bradkrm a {
	color: #444 !important;
	float: left;
}
.bradkrm span{float: left;}
.bradkrm span img{ position: relative; top:0px;}

.smlarlft {
    background: url(../images/sdp-common-image.png) 0px 0px no-repeat;
    width: 6px;
    height: 9px;
    margin: 0 5px 5px 5px;
    position: relative;
    top: 5px;
    display: inline-block;
}


.graybdr{ border-bottom: 1px solid #00000038}
.contminh{ min-height: 270px}
.breakrumbbg{ background: #ebf8fe;}
.archtechbg{ background: #ebf8fe;}
.h2width{ width: 80%; margin: 0 auto}
.dblue{ color: #014d6f;}

.archtechbg ul {
    display: flex;
    justify-content: space-between;
	padding: 0 !important;
}
.archtechbg ul li {
    padding: 0 45px;
    margin: 0px 20px 20px 20px;
    flex-grow: 1;
    flex-basis: 0;
	list-style-type: none;
	border-radius: 10px;
	text-align: left;
}



/* [IMAGE] */
.zoomD {
  height: auto;
  cursor:zoom-in !important;
  border: 1px solid #d7efff;
	
}

/* [LIGHTBOX BACKGROUND] */
#lb-back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background:rgba(0, 0, 0, 0.84);
	/*background: rgba(255, 255, 255, 0.94);*/
  z-index: 999999;
  visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}
#lb-back.show {
  visibility: visible;
  opacity: 1;
}



/* [LIGHTBOX IMAGE] */
#lb-img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
#lb-img img {
  /* You might want to play around with 
     width, height, max-width, max-height
     to fit portrait / landscape pictures properly. */
  width: 70%;
  height: auto;
 
  /* ALTERNATE EXAMPLE
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto; */
}

#lb-img img.smlimg {
  /* You might want to play around with 
     width, height, max-width, max-height
     to fit portrait / landscape pictures properly. */
  width: auto !important;
	height: auto;}

/* [DOES NOT MATTER] */
html, body {
  padding: 0;
  margin: 0;
}

.imgzoom {
    position: relative;
}

.slide .imgzoom{
    position: initial;
}

.imgzoom:after {
    content: "";
    background: #35a2e8 url(../images/zoom-icon.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 1px;
    right: 0px;
    width: 16px;
    height: 16px;
    padding: 15px;
    background-position: center;
    z-index: 0;
    pointer-events: none;
}

    


#closeimg{
background-image: url(../images/close.png); background-repeat: no-repeat; width: 65px; height: 65px;position: fixed;
    right: 10px;
    top: 10px;
    z-index: 999999;cursor: pointer;
	visibility: hidden;
  opacity: 0;
  transition: all ease 0.4s;
}
#closeimg.show {
  visibility: visible;
  opacity: 1;
}




.howcansdphlp{ background: #fff5eb;}

.howcansdphlp ul {
    display: flex;
    justify-content: space-between;
	padding: 0 !important;
}
.howcansdphlp ul li {
    padding: 30px;
    margin:0 20px;
    flex-grow: 1;
    flex-basis: 0;
	list-style-type: none;
	border-radius: 10px;
	text-align: left;
	text-align: center;
}
.howcansdphlp ul li img{ margin: 0 auto}
.brownclr{ color: #9f6124}




.dateplanssec{ background: #e3fff0;}

.dateplanssec ul {
    display: flex;
    justify-content: space-between;
	padding: 0 !important;
}
.dateplanssec ul li {
    padding: 50px;
    margin:0 20px;
    flex-grow: 1;
    flex-basis: 0;
	list-style-type: none;
	border-radius: 10px;
	text-align: left;
}


.faqsec{}
.redbdrsml{ background: #da8baa; width: 7%; margin: 20px auto  0 auto; height: 3px;}


/*FAQ accordion starts*/
.faq-title {
  cursor: pointer;
  margin: 0;
  position: relative;
}

.accordion-icon {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
}

.accordion-icon .line-01,
.accordion-icon .line-02 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  background-color: #272343;
  transition: 0.3s;
}

.accordion-icon .line-02 {
  transform: rotate(90deg);
}

.faq-content {
  display: none;
}

.accordion--open > .faq-title .line-02 {
  transform: rotate(0deg);
}
/* end Required CSS */

/**
 * Now let's make it look pretty! 
 */

.mT50{ margin-top: 50px !important;}

.mT100{ margin-top: 100px !important;}

.accordion {
  border-bottom: 1px solid #e0e0e0;
	width: 70%;
	margin: 10px auto 0 auto;
}

h4.faq-title {
	font-family: 'Zoho_Puvi_SemiBold', arial, Verdana, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 1.6;
  padding: 20px 25px 20px 0;
	
  transition: 0.2s;
}

.faq-content {
  padding: 24px 0;
}

.faq-content p {
  margin: 0 0 16px;
}
/*
.faq-title:hover {
  background-color: #433d6f;
  color: #fff;
}

.faq-title:hover .line-01,
.faq-title:hover .line-02 {
  background-color: #fff;
}

.accordion--open > .faq-title {
  background-color: #272343;
  color: #fff;
}

.accordion--open > .faq-title .line-01,
.accordion--open > .faq-title .line-02 {
  background-color: #fff;
}

.accordion--nested .faq-title {
  padding: 16px;
  font-size: 14px;
}

.accordion--nested .faq-content {
  padding: 24px 16px 16px;
}*/


/*FAQ accordion ends*/



.ftr-cta-sec{ background: #fee9f2;}

.ftr-cta-sec a.btmcta{color: rgb(255, 255, 255);
    font-weight: bold;
    background: rgb(240, 72, 62);
    padding: 10px 20px;
    text-decoration: none;}


@media only screen and (max-width:1024px) {
	.bannersec h1{width: 68%;}
	.content-wrap {
    max-width: 100%;
}
	.h2width {
		width: 90%;}
	.archtechbg img{ width: 80%; margin: 0 auto}
	
}

@media only screen and (max-width:980px) {
.bannersec ul {flex-wrap: wrap;}
.bannersec ul li{flex-basis: revert;}
	
.contminh {min-height: auto;}

.archtechbg ul{flex-wrap: wrap;}
.archtechbg ul li {padding: 15px;flex-basis: revert;}
	
.howcansdphlp ul {flex-wrap: wrap;}
.howcansdphlp ul li {flex-basis: revert;}
	
.dateplanssec ul{flex-wrap: wrap;}
.dateplanssec ul li {padding: 15px;flex-basis: revert;}
	
.row-pdn100 {
    padding: 50px 0px;
}
.accordion{width: 90%;}
h4.faq-title{width: 90%;}
.accordion-icon{right: 0;}
}


@media only screen and (max-width:660px) {
	.bannersec h1 {
    width: 100%;
    font-size:25px !important;
}
	.content-wrap h2{font-size: 21px;}
	h3 {font-size: 18px;}
	.howcansdphlp ul li{margin: 0px;}
	.howcansdphlp ul li img{margin: 0 auto;}
	h4.faq-title{font-size:17px;}
	.bannersec ul li div.tar{ position: relative;}
	
	.bannersec ul li div.tar img{ float: right}
	
}