body{width: 100%; background:#fff ;padding: 0;margin: 0;font-family: "Roboto", Sans-serif; }
a{text-decoration: none !important; font-family: 'Poppins', sans-serif; font-weight: 600;}
h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif !important;}
p{padding: 0;margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300;}
*{padding: 0;margin: 0; font-family: 'Poppins', sans-serif;}
ul{padding: 0;margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; }
.loader { position: fixed; left: 0px; top: 0%; height: 100%; z-index: 999999; background: url('../images/LOGO-GIF.gif') center no-repeat #162a35; background-size: auto; width: 100%; right: 0; margin: 0 auto; background-size: contain;}
.particle-network-animation { position: absolute; top: 0; left: 0; right: 0; height: 500px; z-index: 11; opacity: 0.9; overflow: hidden; }
.container { width: 97% !important; }
img.con-gif{ position: fixed; bottom: 40px; left: 5px; width: 70px; padding: 0; margin: 0; z-index: 99999;}
.marketing-block { display: flex;}

/*header-top*/
.header-top{ position: relative; width: 100%; padding:5px 0px 6px; margin: 0 0; z-index: 99999; background: #fff;  display: block; }
.header-top .contact-icon{ position: relative; width: 100%;  padding: 0 0; margin: 0 0;text-align: right; }
.header-top .contact-icon ul.hed-contact{ width: 100%;  padding: 0 0; margin: 0 0; }
.header-top .contact-icon ul.hed-contact li{font-family: 'Poppins', sans-serif; font-size: 15px; display: inline-block; padding: 0; margin: 0 0px 5px 0; color: #324209; }
.header-top .contact-icon ul.hed-contact li i{ color: #FF9C00; font-size: 15px; margin: 0; transform: scaleX(-1); padding: 0 0 0 10px; text-shadow: -1px 1px 0px rgba(87, 88, 91, 0.43); }
.header-top .contact-icon ul.hed-contact li a{ color: #324209;font-size: 14px;letter-spacing: 0.5px;line-height: 20px;padding: 0 0 0 13px;margin: 0;font-family: 'Poppins', sans-serif;font-weight: 300; }
.header-top .contact-icon ul.hed-contact li a:hover{ color: #154ea4; transition:all 600ms ease-in-out;}
.header-top .contact-icon ul.hed-contact li a b{color: #899961; font-size: 13px;}
.header-top .contact-icon ul.otherlink li a{ color: #fff; font-size: 11px; letter-spacing: 0.5px; line-height: 20px; padding: 4px 18px; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; background-image: linear-gradient(to right , #b70303, #f00); border-radius: 25px; }
.header-top .contact-icon ul.otherlink li a:hover{ color: #fff; background-image: linear-gradient(to right , #f00, #910808);transition:all 600ms ease-in-out;}
.navigation{ padding: 7px 0 0 0; position: relative; display: inline-block; }
.header-top .logo-new{ width: 40%; padding: 0; margin: 0; position: relative; z-index: 9999;}
.header-top .logo-new img.logo-img{ width: 100%; position: absolute; content: ""; top: -35px; z-index: 99999; }

.header-top .social-icon{ position: relative; width: 100%;  text-align: right; padding: 0 0; margin: 0 0; }
.header-top .social-icon ul.social-li{ width: 100%;  padding: 4px 0 10px; margin: 0 0; }
.header-top .social-icon ul.social-li span{ color: #fff; font-weight: bold; margin: 0 10px 0 0; }
.header-top .social-icon ul.social-li li { display: inline-block; text-align: center; padding: 0; margin: 0 0 0 6px; width: 25px; height: 25px; background: #0051cf; border-radius: 50%; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li:hover{ background: #fff;
-webkit-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0);
-moz-box-shadow: 0 -2px 23px 0px rgb(255, 251, 0);
box-shadow: 0 -2px 23px 0px rgba(28, 50, 84, 0.7); transition:all 600ms ease-in-out;}    
.header-top .social-icon ul.social-li li i{  }
.header-top .social-icon ul.social-li li a{ color: #fff; padding: 5px 0 0; display: block; opacity: 1; transition:all 600ms ease-in-out;}
.header-top .social-icon ul.social-li li a:hover{ color: #1c3254; opacity: 1;transition:all 600ms ease-in-out; }
.header-top img.border-down-W{ position: absolute; bottom: -13px; z-index: 9; width: 100%; }
.contact-new span .GetAppointment{ width: 100%; padding: 0; margin: 5px 0 0 0; text-align: right; color: #a7fbdb; }
.contact-new span .GetAppointment a{ display: inline-block; overflow: hidden; border-radius: 2px; padding: 0 10px 0; color: #fff; font-size: 13px; transition: all 600ms ease-in-out; line-height: 12px; background: #162a35; font-weight: normal; margin: 0; }
.contact-new span .GetAppointment a:hover{ box-shadow:none; color: #a7fbdb; letter-spacing: 1px; transition:all 600ms ease-in-out;  }



/*header*/
.header{ position: relative; z-index: 99; width: 100%; padding: 4px 0 6px; margin: 0 0; display: block; background: linear-gradient(40deg, rgb(255 255 255) 58%, rgb(22, 42, 53) 58%); }
.header .mail-new{ width: 100%; padding: 0; margin: 0; display: block; position: relative; }
.header .mail-new ul{ width: 100%; padding:5px 0 0; margin: 0;}
.header .mail-new ul li{ position: relative; list-style: none; display: inline-block; padding: 0; margin: 0;transition:all 600ms ease-in-out; }
.header .mail-new ul li i{ color: #a7fbdb; font-size: 13px; line-height: 15px; padding: 0 0; margin: 0 10px 0 0;}
.header .mail-new ul li a{ font-weight: inherit; color: #fff; font-size: 14px; line-height: 20px; padding: 0 0; margin: 0 15px 0 0; transition:all 600ms ease-in-out; }
.header .mail-new ul li a:hover{ font-weight: bolder; color: #a7fbdb; letter-spacing: 0.5px; transition:all 600ms ease-in-out; }
.header .contact-new{ width: 100%; padding: 0; margin: 0; display: block; position: relative;}
.header .contact-new ul{ width: 25%; padding: 0; margin: 0; text-align: right; float: right; }
.header .contact-new ul li{ position: relative; list-style: none; display: inline-block; padding: 0; margin: 3px 12px 0 0;}
.header .contact-new ul li i{ }
.header .contact-new ul li a{ font-size: 11px; background: #162a35; display: inline-block; color: #fff; padding: 1px 0; transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; box-shadow: 0px 2px 10px rgba(148, 230, 213, 0.54); text-align: center; }
.header .contact-new ul li a:hover{ color: #fff; color: #a7fbdb; transition:all 600ms ease-in-out; box-shadow: 0px 2px 10px rgb(255, 255, 255);}
.header .contact-new span{ padding: 0; margin: 0; width: 70%; display: block; float: left; }
/*.header .contact-new span a{width: 100%; display: block; overflow: hidden; border-radius: 40px; padding: 8px 0 9px; color: #fff; font-size: 12px; background: linear-gradient(90deg, rgba(0, 209, 253, 0.53) 0%, rgb(7 7 137) 40%, rgba(0, 212, 255, 0.45) 100%); transition: all 600ms ease-in-out; border: 0.5px solid #ffffff45; line-height: 15px;}
.header .contact-new span a:hover{font-size: 12px;text-shadow: 1px 1px 1px rgb(255, 255, 255); transition:all 600ms ease-in-out; background: linear-gradient(90deg, rgb(0, 209, 253) 0%, rgb(7 7 137) 40%, rgb(0, 212, 255) 100%);}
*/

/*BANNER*/
.banner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #fff; }
.banner .banner-dec{ position: absolute;  content: "";  left: 0;  top: 0;  width: 100%;  overflow: hidden;  height: 100%;  z-index: 999;  background: linear-gradient(0deg, rgb(0 0 0 / 54%) 0%, rgb(197 201 200 / 0%) 49%, rgb(0 0 0 / 53%) 100%); }
.banner .banner-dec .banner-dec-text{  width: 90%; padding: 95px 0 0; margin: 0 auto; text-align: center; }
.banner .banner-dec .banner-dec-text h5{ margin: 0; padding: 0; font-size: 35px; color: #ffffff; text-transform: capitalize; letter-spacing: 2px; font-weight: 400; line-height: 60px; }
.banner .banner-dec .banner-dec-text h2{ text-align: center; padding: 0px 0 5px 0; margin: 0; font-size: 60px; color: #fff; text-transform: uppercase; font-weight: 900; line-height: 80px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3); letter-spacing: 0.5px; }
.banner .banner-dec .banner-dec-text a{ display: inline-block; vertical-align: middle; padding: 15px 0; border: 0px solid #ffffff; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 0px; background: #07c6ef; color: #fff; text-transform: uppercase; margin: 20px 0 0 0; font-size: 14px; width: 20%; text-align: center; font-weight: bold; text-indent: 3; transition: all 600ms ease-in-out; border-left: 5px solid #fff; -webkit-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); -moz-box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.79); box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.39); border-radius: 10px; }
.banner .banner-dec .banner-dec-text a:hover{ background: #ffad01; text-indent: 9; transition: all 600ms ease-in-out;}
.banner .banner-dec .banner-dec-text p{ padding: 0 240px; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; color: #fff; font-size: 16px; line-height: 30px; }
.banner .banner-text{ position: relative; width: 100%; padding:100px 0 0 ; margin: 0 0; background: #fff; }
.banner .banner-text h1{ font-family: "Roboto", Sans-serif; color: #222222; font-size: 50px; font-weight: 800; text-transform: uppercase; padding: 0 0 30px 0; margin: 0; line-height: 70px; }
.banner .banner-text p{ font-family: "Roboto", Sans-serif; font-size: 16px; line-height: 29px; text-align: justify; padding: 0 0 20px; margin: 0; display: block; color: #464545; }
.banner .banner-text a{ color: #ffffff; display: inline-block; border-radius: 30px; text-align: center; padding: 15px 40px; font-weight: bold; font-family: revert; text-transform: uppercase; font-size: 14px; transition: all 600ms ease-in-out; border-color: #12a99d; background-color: #12a99d; }
.banner .banner-text a:hover{ background:#11e8d6; transition:all 600ms ease-in-out; } 
.banner img.banner-img{ width: 100%; height: auto; }

/*.mar-div*/
.mar-div{ position: fixed; width: 100%; padding: 0px 0 0; margin: 0 0; display: inline-block; z-index: 9999; bottom: 0; background: #fff;}
.mar-div marquee{ font-size: 13px; line-height: 20px; padding: 5px 0 5px; letter-spacing: 0.5px; color: #062048;}

/*banner-bottom*/
.banner-bottom{position: relative; width: 100%; padding: 50px 0 0 0; margin: 0; display: block; z-index: 9999; background: url(../images/ser-bg.jpg);}
.banner-bottom .banner-bottom-box{width: 100%; background: #ffffff8f; text-align: center; padding: 0 0 5px; margin: 0 0 50px 0;   padding: 7px; transition: all 600ms ease-in-out; display: block;  }
.banner-bottom .banner-bottom-box img{ width: 50%;  margin: 5px auto 10px; }
.banner-bottom .banner-bottom-box h3{ padding: 0; margin: 0 0 8px; color: #050b2fdb; font-size: 21px; line-height: 30px; }
.banner-bottom .banner-bottom-box p{ padding: 0; margin: 1px 0 30px; color: #02072694; font-size: 15px; line-height: 26px;  }
.banner-bottom .banner-bottom-box:hover p{color: #000; transition:all 600ms ease-in-out; }
.banner-bottom .banner-bottom-box:hover h3{color: #000; transition:all 600ms ease-in-out; }
.banner-bottom .banner-bottom-box:hover img{  -webkit-transform: scaleX(-1); transform: scaleX(-1);-webkit-animation:spin 4s linear infinite;
-moz-animation:spin 4s linear infinite;
animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.banner-bottom .banner-bottom-box:hover{ box-shadow: 5px 10px 20px 5px rgba(0, 0, 0, 0.13);
  border-radius: 10px; transition:all 600ms ease-in-out;  background: #fff;}


/*About*/
.about-top{  position: relative; width:100%; padding:70px 0; margin:0 0;background:#eaeaea; z-index: 9; background:#fff; }
.about-top .left-text-top img.iconRotted{  position: relative; width: 50%; padding: 0; margin: 0; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.about-top:hover .left-text-top img.iconRotted{   }
.about-top .left-text-top{ position: relative; width:100%; padding:0px 0 0; margin:30px 0 0; text-align: center;}
.about-top .left-text-top h3{ font-size: 12px; text-transform: capitalize; line-height: 30px; color: #000000b2; display: block; padding: 0; margin: 0; font-style: italic; letter-spacing: 0; font-weight: initial; }
.about-top .left-text-top h3::after{}
.about-top .left-text-top h3::before{}
.about-top .left-text-top h3:after{}
.about-top .left-text-top h3:before{}
.about-top .left-text-top h2{ position: relative; padding: 0 0 10px 0; margin: 0; font-size: 40px; color: #fffffff7; font-weight: bold; line-height: 60px; text-shadow: 4px 4px 2px rgb(0, 0, 0); text-transform: capitalize; }
.about-top .left-text-top p{ line-height: 30px; max-width: 100%; color: #d9d9d9; text-align: center; font-size: 14px; font-weight: 300; padding: 0 0 10px; }
.about-top .left-text-top p b{font-weight: 500; color: #ffbc04;}
.about-top .left-text-top a{ box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px;  background: linear-gradient(to bottom, #ffae2e, #d9890c);color: #ffffff; text-transform: uppercase; margin: 10px 0 0 0; font-size: 13px; width: 25%; text-align: center; font-weight: bold; -moz-transition: .3s ease; letter-spacing: 1px; }
.about-top .left-text-top a:hover{background: linear-gradient(to bottom, #609eff, #0b3c88);  box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.73); letter-spacing: 0.5px;  transition:all 600ms ease-in-out; }
.about-top .right-img-ico{ position: relative; width:100%; padding:0px 0 0; margin:0 0; background: #000; border-radius: 6px; }
.about-top .right-img-ico img{width:100%; opacity: 0.8;     
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }
.about-top .right-img-ico img:hover{ opacity: 1; border-radius: 5px; transform: translateY(-10px);
transition: .3s ease;
-webkit-transition: .3s ease;
-moz-transition: .3s ease;
-ms-transition: .3s ease;
-o-transition: .3s ease; }


.marketing-block{  position: relative; width: 100%;}
.marketing-block h3{ position: relative; padding: 0 0 10px 0; margin: 0; text-align: left; font-size: 35px; color: #162a35; font-weight: bold; line-height: 50px; text-transform: capitalize;}
.marketing-block p{line-height: 30px; max-width: 100%; color: #162a35; text-align: justify; font-size: 16px; font-weight: 300; padding: 0 0 10px;}
.marketing-block h5{position: relative; padding: 0 0 10px 0; margin: 0; text-align: left; font-size: 22px; color: #1c4155; font-weight: bold; line-height: 40px; text-transform: capitalize;}
.marketing-block ul {padding: 0 0 10px 20px; margin: 0;}
.marketing-block ul li{line-height: 30px;max-width: 100%;color: #162a35;text-align: justify;font-size: 16px;font-weight: 300;padding: 0 0 5px 20px;list-style: circle;}
.marketing-block a{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to top, #ffb300, #fffb00); color: #162a35; text-transform: uppercase; margin: 15px 0 20px 0; font-size: 15px; width: 25%; text-align: center; font-weight: bold; letter-spacing: 1px;}
.marketing-block a:hover{ transition:all 600ms ease-in-out;  background: linear-gradient(to top, #0a4568, #0097ff);  color: #fff;}


/*services*/
.services{  position: relative; width: 100%; padding: 45px 0; margin: 0 0; display: inline-block; background: url(../images/ser-bg.jpg); }
.services h2{ text-align: center; position: relative; padding: 0 0 7px 0; margin: 0; font-size: 45px; color: #162a35; letter-spacing: 0.5; font-weight: bold; line-height: 60px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.06); text-transform: uppercase; } 
.services p{ padding: 0; margin: 0px 0 60px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #162a35; text-align: center; font-size: 18px; line-height: 30px;}
.services .servicesblock{ width: 100%; margin: 0 auto; display: inline-block; }
.services .servicesblock .services-box{ width: 100%;min-height: 450px; position: relative; z-index: 9; transition: all 600ms ease-in-out; padding: 0px; box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); animation: menu_sticky 0.7s ease-in-out; margin: 0 0 40px; border: none; border-radius: 10px; float: left; background: linear-gradient(139deg, rgb(255, 255, 255) 95%, rgb(0, 100, 255) 95%, rgb(0, 100, 255) 95%); box-shadow: 0px 13px 35px -12px rgba(0, 0, 0, 0.5); }
.services .services-box:hover{ background: #f6f6f6;  background: linear-gradient(139deg, rgb(241, 241, 241) 95%, rgb(9, 203, 177) 95%, rgb(9, 203, 177) 95%) !important; border:none; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-10px); box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.services .servicesblock .services-box h3{ padding: 5px 0 5px; margin: 0 0; line-height: 25px; text-align: center; transition: all 300ms ease-in-out; text-transform: capitalize; font-size: 18px; letter-spacing: 0; font-weight: 500; color: #162a35; position: relative; }
.services .servicesblock .services-box h3:hover{  color: #0b5057; transition: all 300ms ease-in-out; }
.services .servicesblock .services-box:hover h3{ color: #0064ff; }
.services .servicesblock .services-box h6{ font-size: 14px; line-height: 23px; text-align: center; font-weight: normal; color: #162a35bd; margin: 0; height: 140px; padding: 0 15px 0; }
.services .servicesblock .services-box:hover h6{ color: #0008118a; }
.services .servicesblock .services-box img{ width: 100%; margin: 0 auto; text-align: center; display: block; padding: 5px 0 0; height: auto; border-radius: 25px; }
.services .servicesblock .services-box a{ width: 45%; background: #000; color: #fff; border-radius: 5px; padding: 7px 0px; display: block; margin: 0 auto; position: absolute; bottom: 10px; text-align: center; left: 0; right: 0; background: linear-gradient(40deg, rgb(152, 155, 157) 58%, rgb(161, 172, 179) 58%); }
.services .servicesblock .services-box a:hover{ background: #0b5057; transition: all 300ms ease-in-out;  }
.resources .services-box{ background: none; margin: 0; border: 0.5px solid #ccc0; transition: all 500ms ease-in-out;}
.resources .services-box img{ height: 350px; }
.resources .services-box:hover{ border: 0.5px solid #ccccccc9;transition: all 400ms ease-in-out; }
.resources img.border01-img{ position: absolute; bottom: -10px; left: 0; width: 100%; padding: 0; margin: 0; z-index: 9; -webkit-transform: scaleY(-1); transform: scaleY(-1); }


/*Play Forward*/
.playforward{  position: relative; width: 100%; padding: 50px 0 40px; margin: 0 0; background: #eaeaea; background: #fff; }
.playforward h2{ text-align: center; padding: 0; margin: 60px 0 0; color: #fff; text-transform: uppercase; position: relative; font-size: 44px; letter-spacing: 0.5; font-weight: bold; line-height: 60px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.33); } 
.playforward p{ padding: 30px 100px 20px; margin: 0 0 30px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #fafcff; text-align: center; font-size: 16px; line-height: 30px;}
.playforward img.testmonial-img{position: absolute; content: ""; top: 70px; border-radius: 5px; width: 90%; left: 0; right: 0; margin: 0 auto;}


/*team*/
.team{  position: relative; width: 100%; padding: 50px 0 40px; margin: 0 0; background: #eaeaea; background: #fff; }
.team h2{ text-align: center; padding: 0; margin: 0; font-size: 33px; color: #134593; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; } 
.team h2 span{display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.team p{ padding: 0 40px; margin: 0 0 30px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #092e68d9; text-align: center; font-size: 16px; line-height: 34px; }
.team .team-box{   position: relative; width: 100%; }
.team .item{ padding: 0 0; margin: 0 13px; } 
.team .team-box h3{ padding: 0; margin: 0; text-align: center; font-size: 18px; line-height: 30px; color: #000; }
.team .team-box h3 span{ display: block; font-size: 11px; line-height: 20px; color: #0602159c;}
.team .team-box img.team-img{  display: block; width: 100%; height: auto;}
.team .team-box .overlay-icon{ position: absolute; bottom: 85px; left: 0; right: 0; background-color: #008CBA; overflow: hidden; width: 100%; height: 0%; transition: .5s ease; background: linear-gradient(to bottom, #609eff00, #061a39);}
.team .team-box .overlay-icon .icon{  color: white; font-size: 20px; position: absolute; top: 90%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center;}
.team .team-box:hover .overlay-icon { height: 100%; }
.team .team-box .overlay-icon .icon { color: white; font-size: 20px; position: absolute; top:90%; left: 50%; width: 90%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }
.team .team-box .overlay-icon .icon li{ list-style: none; display: inline-block; padding: 0; margin: 0;  }
.team .team-box .overlay-icon .icon li a{ color: #fff; font-size: 13px; padding: 4px 10px; border: 0.5px solid #ccccccb0; margin: 0 5px; border-radius: 0; }
.team .team-box .overlay-icon .icon li a:hover{ border: 0.5px solid #fff;}



/*testmonial*/
.testmonial{ width: 100%; position: relative; display: block; background: #fff; padding: 15px 0 50px; margin: 0; }
.testmonial h2{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; } 
.testmonial h2 span{display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.testmonial img.testmonial-img{ width: 10%; float: left; margin: 15px 0 0; }
.testmonial h5{ width: 88%; float: right; font-size: 20px; letter-spacing: 0; font-weight: bold; color: #000000ad; }
.testmonial p{ width: 88%; float: right; padding: 0; margin: 0; font-family: 'Poppins', sans-serif; font-weight: 300; color: #1f2804b8; text-align: justify; font-size: 15px; line-height: 27px; }

/*blog*/
.blog{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0 50px; margin: 0; background: url(../images/bg-blog.png);background-size: cover;  background-attachment: fixed;}
.blog h2{ text-align: center; position: relative; padding: 0 0 5px 0; margin: 0; font-size: 44px; color: #fff; letter-spacing: 0.5; font-weight: bold; line-height: 60px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.33); text-transform: uppercase; } 
.blog p{ padding: 0; margin: 0px 0 60px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #fff; text-align: center; font-size: 18px; line-height: 30px;}
.blog .item{ padding: 0; margin: 0 10px; border: 1px solid #0b505738; box-shadow: 0px 13px 35px -12px rgb(0, 0, 0); animation: menu_sticky 0.7s ease-in-out; background: #fbfbfb; }
.blog .item img{width: 100%; height: 150px;}
.blog .item h5{padding: 10px 0 0 10px; margin: 0; text-align: left; font-size: 16px; line-height: 25px; transition: all 300ms ease-in-out; text-transform: capitalize; letter-spacing: 0; font-weight: 500; color: #162a35; position: relative; height: 60px;}
.blog .item p{text-align: left; font-size: 14px; line-height: 24px; padding: 10px 10px; margin: 0 0 0; color: #736f6f; overflow: hidden; height: 125px;}
.blog .item a{width: 100%; display: block; text-align: center; padding: 10px 0; margin: 15px 0 0; background: linear-gradient(90deg, rgb(253, 213, 78) 0%, rgb(255, 179, 0) 40%, rgb(255, 227, 0) 100%); color: #fff;}
.blog .item a:hover{background: linear-gradient(90deg, rgb(2, 37, 51) 0%, rgba(0, 21, 21, 0.84) 40%, rgb(9, 122, 134) 100%); transition:all 600ms ease-in-out;  color: #fff;}
.blog .item:hover{background: #fff; transition:all 600ms ease-in-out; }

.blog-inner{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0 50px; margin: 0;}
.blog-inner .col-md-3{ border: 1px solid #0b505738; box-shadow: 0px 20px 10px -15px rgba(0, 0, 0, 0.16); animation: menu_sticky 0.7s ease-in-out; background: #fbfbfb; padding: 0 0px; margin: 0 12px 35px; width: 23%;}
.blog-inner .col-md-3 img{width: 100%; height: 150px;}
.blog-inner .col-md-3 h5{padding: 10px 0 0 10px; margin: 0; text-align: left; font-size: 16px; line-height: 25px; transition: all 300ms ease-in-out; text-transform: capitalize; letter-spacing: 0; font-weight: 500; color: #162a35; position: relative; height: 60px;}
.blog-inner .col-md-3 p{text-align: left; font-size: 14px; line-height: 24px; padding: 10px 10px; margin: 0 0 0; color: #736f6f; overflow: hidden; height: 125px;}
.blog-inner .col-md-3 a{width: 100%; display: block; text-align: center; padding: 10px 0; margin: 15px 0 0; background: linear-gradient(90deg, rgb(253, 213, 78) 0%, rgb(255, 179, 0) 40%, rgb(255, 227, 0) 100%); color: #fff;}
.blog-inner .col-md-3 a:hover{background: linear-gradient(90deg, rgb(2, 37, 51) 0%, rgba(0, 21, 21, 0.84) 40%, rgb(9, 122, 134) 100%); color: #fff;}
.blog-inner .col-md-3:hover{background: #fff; transition:all 600ms ease-in-out; }

.blog-single{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0 50px; margin: 0; background: url(../images/ser-bg.jpg); }
.blog-single .single-block h2{ font-family: 'Poppins', sans-serif !important; color: #162a35; font-size: 40px; font-weight: bold; line-height: 60px; padding: 0 0; margin: 0 0 20px; }
.blog-single .single-block h3{ padding: 0 0; margin: 0 0 12px; font-size: 15px; line-height: 25px; color: #201f1e99; }
.blog-single .single-block p{ line-height: 35px; max-width: 100%; color: #2f2f2f; text-align: justify; font-size: 18px; font-weight: 300; padding: 0 0 10px;}
.blog-single .single-block a{ box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to bottom, #ffae2e, #d9890c); color: #ffffff; text-transform: uppercase; margin: 10px 0 20px 0; font-size: 13px; width: 20%; text-align: center; font-weight: bold; -moz-transition: .3s ease; letter-spacing: 1px;}
.blog-single .single-block a:hover{ box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.31); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to bottom, #ff9c00, #d9890c); color: #ffffff; text-transform: uppercase; margin: 10px 0 20px 0; font-size: 13px; width: 20%; text-align: center; font-weight: bold; -moz-transition: .3s ease; letter-spacing: 1px;}
.blog-single .single-block{ width: 100%; overflow: hidden; padding: 0 0; margin: 0; }
.blog-single .single-block img.blog-single-img{  width: 100%; border: 2px solid #f8c208; padding: 10px; margin: 0 0 20px; }
.blog-single .item{ width: 100%; overflow: hidden; padding: 10px; border: 0.5px solid #ccccccab; margin: 0 0 25px;}
.blog-single .item img.item-img{ width: 100%; }
.blog-single .item h5{font-family: 'Poppins', sans-serif !important; font-size: 16px; line-height: 25px; padding: 0 0; margin: 10px 0 10px;}
.blog-single .item p{font-family: 'Poppins', sans-serif !important; font-size: 14px; line-height: 22px; padding: 0 0; margin: 1px 0 10px;}
.blog-single .item a{width: 100%; transition:all 600ms ease-in-out;  display: block; text-align: center; padding: 10px 0; margin: 15px 0 0; background: linear-gradient(90deg, rgb(253, 213, 78) 0%, rgb(255, 179, 0) 40%, rgb(255, 227, 0) 100%); color: #fff;}
.blog-single .item a:hover{ transition:all 600ms ease-in-out; background: linear-gradient(90deg, rgb(2, 37, 51) 0%, rgba(0, 21, 21, 0.84) 40%, rgb(9, 122, 134) 100%); color: #fff;}
.blog .item:hover{background: #fff; transition:all 600ms ease-in-out; }

/*why we*/
.whywe{ width: 100%; position: relative; display: block; background: #fff; padding: 40px 0 60px; margin: 0; background: url(../images/ser-bg.jpg);}
.whywe h2{text-align: center; position: relative; padding: 0 0 20px 0; margin: 0; font-size: 35px; color: #0b5057; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.14); letter-spacing: 0px; text-transform: uppercase; font-weight: 700; line-height: 40px; } 
.whywe h2 span{display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 0px; text-transform: capitalize; letter-spacing: 15px; }
.whywe .bx { float: left; width: 16.6%; padding: 0; margin: 0; }
.whywe .bx h4 { text-align: center; font-size: 50px; line-height: 52px; font-weight: 500; }
.whywe .bx h3 { text-align: center; font-style: normal; font-size: 16px; font-weight: 400; line-height: 28px; color: #020a15; padding: 0 0 0; margin: 0; color: #0b5057;}

/*contact-inner*/
.contact-inner{ width: 100%; height: 100%; position: relative; display: block; background: #fff; padding: 40px 0 50px; margin: 0; background: url(../images/CA2.png) top right no-repeat;  }
.contact-inner .contact-block{ width: 70%; background: none; margin:9px auto 0; padding: 11px 20px; border-radius: 9px;}
.contact-inner .contact-block .left-con{width: 90%; display: inline-block; position: relative; padding: 0 0; margin: 0 0; background: #fff; border-radius: 8px;box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);}
.contact-inner .contact-block .left-con h2{ font-family: 'Poppins', sans-serif !important; padding:20px 0 0 20px; margin: 0 0 0; color: #182c36; font-size: 40px; line-height: 60px;}
.contact-inner .contact-block .left-con p{font-family: 'Poppins', sans-serif !important; padding: 0px 0 0 20px; margin: 0 0 16px; color: #182c36; font-size: 15px; line-height: 30px;}
.contact-inner .contact-block .left-con form{width: 60%; padding: 10px 15px; background: #fff; position: relative; display: block; margin: 0 0 10px 15px;}
.contact-inner .contact-block .left-con form .fill-box{ width: 100%; background: #fff; padding: 10px 15px; position: relative; display: block; border-bottom: 0.5px solid #ccc; border-radius: 5px; margin: 0;}
.contact-inner .contact-block .left-con form .fill-box input{border: none; outline: none; color: #000; font-size: 16px; line-height: 20px; padding: 0; margin: 0;}
.contact-inner .contact-block .left-con form .fill-box textarea{border: none; outline: none; color: #000; width: 100%;
  background: #fff;font-size: 16px; line-height: 20px; padding: 0; margin: 0;}
.contact-inner .contact-block .left-con form .content-submit{}
.contact-inner .contact-block .left-con form .fill-box select{border: none; outline: none; color: #000; font-size: 16px; line-height: 20px; padding: 0; margin: 0;width: 100%;
  background: #fff; }

.contact-inner .contact-block .left-con form .content-submit input{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to top, #ffb300, #fffb00); color: #162a35; text-transform: uppercase; margin: 15px 0 20px 0; font-size: 15px; width: 40%; text-align: center; font-weight: bold; letter-spacing: 1px;}
.contact-inner .contact-block .left-con form .content-submit button{box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to top, #ffb300, #fffb00); color: #162a35; text-transform: uppercase; margin: 15px 0 20px 0; font-size: 15px; width: 40%; text-align: center; font-weight: bold; letter-spacing: 1px;}
.contact-inner .contact-block .left-con form .content-submit button:hover{ transition:all 600ms ease-in-out;  background: linear-gradient(to top, #0a4568, #0097ff);  color: #fff;}

.contact-inner .contact-block .right-con{width: 40%; position: relative; padding: 15px; margin: 0 0; background: #162a35; border-radius: 8px; float: right; bottom: 400px; z-index: 99;}
.contact-inner .contact-block .right-con h2{font-family: 'Poppins', sans-serif !important; padding: 0; margin: 10px 0 15px 0; color: #fff; font-size: 30px; line-height: 40px;}
.contact-inner .contact-block .right-con ul.contact-addres{ position: relative; width: 100%; padding: 0 0; margin: 0 }
.contact-inner .contact-block .right-con ul.contact-addres li{position: relative; display: block; padding: 0 0 10px; margin: 0;}
.contact-inner .contact-block .right-con ul.contact-addres li i{  padding: 0 10px 0 0; margin: 0; color: #fff; font-size: 12px}
.contact-inner .contact-block .right-con ul.contact-addres li a b{ color: #fff; padding: 0 10px 0 0; } 
.contact-inner .contact-block .right-con ul.contact-addres li a{  padding: 0 0; margin: 0; font-size: 15px; font-weight: normal; color: #ffffffb2; line-height: 26px; }
.contact-inner .contact-block .right-con ul.contact-addres li a:hover{ color:#fff;}

.contact-inner .contact-block .right-con ul.contact-social{ position: relative; width: 100%; padding: 0 0; margin: 15px 0; text-align: center; }
.contact-inner .contact-block .right-con ul.contact-social li{ position: relative; display: inline-block; padding: 0 0; margin: 0 3px 6px; box-shadow: 0px 10px 10px -8px rgb(0, 0, 0);}
.contact-inner .contact-block .right-con ul.contact-social li i{ color: #fff; padding: 0 0; margin: 0 }
.contact-inner .contact-block .right-con ul.contact-social li a{  padding: 10px 0 0 0; margin: 0; background: #fff; background: #ffb800; width: 40px; height: 35px; display: inline-block; text-align: center; border-radius: 6px;  transition:all 600ms ease-in-out; }
.contact-inner .contact-block .right-con ul.contact-social li a:hover{ background: #fff; background: #5a9fce; transition:all 600ms ease-in-out;  }

/*footer*/
footer{ width: 100%; position: relative; padding: 40px 0 0px; margin: 0 0 30px; background: url(../images/footer-bg.png) top right no-repeat; background-attachment: scroll; background-size: auto; background-size: cover;}
img.contactICON{position: absolute; content: ""; right: 10px; top: 0px; width: 15%;
 /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.5s;
  /* When the animation is finished, start again */
  animation-iteration-count: infinite;}
img.contactICON:hover{  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 0.0s;
  /* When the animation is finished, start again */
  animation-iteration-count: infinite; }
  @keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


footer .footer-box {  width: 100%;   }
footer .footer-logo { text-align: center; display: block; width: 100%; margin: 0; padding: 0;}
footer .footer-logo img{width: 9%; opacity: 1;margin: 0 0 15px 0;}
footer .footer-logo ul{ padding: 0; font-family: 'Poppins', sans-serif; font-weight: 300; border-bottom: 0.5px dotted #ffffff54; border-top: 0.5px dotted #ffffff54; width: 80%; margin: 20px auto 30px; }
footer .footer-logo ul li{margin: 15px 5px; display: inline-block; padding: 0px 20px; border-right: 1px solid #cccccc57;}
footer .footer-logo ul li a{padding: 0; margin: 0; color: #ffffffc2; font-weight: 400; font-size: 15px; line-height: 20px; letter-spacing: 1px;}
footer .footer-logo ul li a:hover{ color: #fff; }
footer .footer-logo ul.footer-social{}
footer .footer-logo ul.footer-social li{}
footer .footer-logo ul.footer-social li a{}
footer h2{ font-size: 17px; line-height: 40px; color: #ffffffe0; text-transform: capitalize; padding: 0; margin: 0 0 10px; text-shadow: 3px 3px 2px rgb(2, 51, 2); text-align: center;}
footer p{ max-width: 100%; color: #ffffffd4; font-family: 'Poppins', sans-serif; font-weight: 300; text-align: center; font-size: 14px; line-height: 25px; padding: 0 100px; margin: 0 0 30px; }
footer ul.footer-socil { border: none; padding: 0px; margin: 0 auto; text-align: center; width: 100%; position: relative; display: inline-block;block;}
footer ul.footer-socil li{ list-style: none; display: inline-block; margin: 0 0 1px; color: #fff;}
footer ul.footer-socil li a{ color: #fffffff5; padding: 0; margin: 0; font-size: 14px; line-height: 24px; text-align: left; font-weight: normal;}
footer ul.footer-socil li a b{font-weight: 500; color: #ffbc04;}
footer ul.footer-socil li a:hover{ color: #fff; } 
footer ul.footer-socil li i{ color: #8eb725; margin: 0 10px 5px 0; font-size: 11px; }

footer ul.footer-ul { padding: 0; margin: 0; text-align: left;}
footer ul.footer-ul li{ list-style: none; display: inline-block; margin: 0 0 6px; }
footer ul.footer-ul li a{ color: #ffffffd6; padding: 0 15px; margin: 0; font-size: 14px; line-height: 22px; font-weight: normal; letter-spacing: 0px; text-transform: capitalize; font-family: 'Poppins', sans-serif; }
footer ul.footer-ul li a:hover{ color: #fff; } 

footer ul.social-li-footer{width: 100%; padding: 0 0; margin:20px 0 0 0px; display: inline-block; text-align: left; }
footer ul.social-li-footer span{ color: #fff; font-weight: bold; margin: 0 10px 0 0; }
footer ul.social-li-footer li { display: inline-block; text-align: center; padding: 0; margin: 0px 10px 10px 0; width: 30px; height: 30px; background: #6e8a26; border-radius: 50%; transition: all 600ms ease-in-out; box-shadow: 0 5px 15px -5px rgb(0, 0, 0);  }
footer ul.social-li-footer li:hover{ background: #fff; -webkit-box-shadow: 0 -2px 23px 0px rgb(255, 255, 255); -moz-box-shadow: 0 -2px 23px 0px rgb(255, 255, 255); box-shadow:  0 -2px 23px 0px rgb(255, 255, 255); transition:all 600ms ease-in-out;}    
footer ul.social-li-footer li i{ }
footer ul.social-li-footer li a{ color: #fff; padding: 9px 0 0; display: block; opacity: 0.9; transition: all 600ms ease-in-out; font-size: 12px; }
footer ul.social-li-footer li a:hover{ opacity: 1;transition:all 600ms ease-in-out; color: #023302; }
footer ul.footer-social {padding: 0; margin: 25px auto 0; width: 50%; text-align: center; border: none; }
footer ul.footer-social li {border: none; display: inline-block; padding: 0; margin: 0 10px 0 0; }
footer ul.footer-social li a{ font-size: 15px; background: #173444; display: inline-block; width: 40px; height: 40px; color: #fff; padding: 14px 0; transition: all 400ms ease-in-out; text-align: center; border-radius: 50%; transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; box-shadow: 0px 2px 10px rgba(255, 255, 255, 0.38); }
footer ul.footer-social li a:hover{ color: #ee9d16; transition: all 400ms ease-in-out; text-align: center; border: 1px solid #ee9d16; border-radius: 50%; transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; box-shadow: 0px 2px 20px rgb(255, 203, 0); transition: all 400ms ease-in-out; }
footer ul.footer-social li a i{ }

img.futter-ser{ width:100%;}
.footer-box p{text-align: justify; color: #acacac; font-family: 'Abel-Regular'; font-weight: normal; padding: 0 0 2px; font-style: italic; font-size: 15px; line-height: 23px; }
.footer-box p a{ color: #fff; }
p.text-white{ font-size: 14px; letter-spacing: 1.5px; background: #173444; padding: 10px 0 10px; color: #fff; font-weight: lighter; margin: 40px 0 0; box-shadow: 0px 3px 22px -6px rgba(0, 0, 0, 0.63); text-align: center; border-top: 0.5px dotted #173444; }
p.text-white a{ color: #ff9c00; font-weight: normal; letter-spacing: 0; font-size: 13px; font-style: italic; }
p.text-white:hover{  font-style: normal; } 

.map-foot{    width: 100%; height:250px; overflow: hidden; padding: 0; border: 10px solid #c2c2c2; background: rgb(24 6 5 / 65%); opacity: 1; margin:0px 0 0; }
.map-foot:hover{ opacity: 0.9;  }  
.map-foot iframe{     width: 100%; height: 250px; margin: 0; padding: 0; border: none;  }



/*INNER bANNER*/
.banner-inner{ position: relative; width: 100%; padding: 0 0; margin: 0 0; height: 250px; overflow: hidden;}
.banner-inner img.inner-banner-img{ width:100%; height: auto; }
h2.title-all-page{ text-align: center; position: relative; padding: 0 0 7px 0; margin: 0; font-size: 40px; color: #2f6873; letter-spacing: 0.5; font-weight: bold; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.06); text-transform: uppercase; } 
p.sub-title-all-page{ padding: 0; margin: 0px 0 35px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #162a35; text-align: center; font-size: 18px; line-height: 30px; }


/*about-inner*/
.about-inner{  position: relative; width: 100%; padding: 35px 0 4px; margin: 0 0; background: #eaeaea; background: #fff; background: url(../images/ser-bg.jpg); }
.about-inner .about-inner-item{}
.about-inner .about-inner-item img{ position: relative; width: 100%;}
.about-inner .left-text-top{ width: 100%; padding: 0 0; margin: 20px 0 0; }
.about-inner .left-text-top h2{ position: relative; padding: 0 0 10px 0; margin: 0; text-align: left; font-size: 35px; color: #162a35; font-weight: bold; line-height: 50px; text-transform: capitalize;}
.about-inner .left-text-top p{line-height: 30px; max-width: 100%; color: #162a35; text-align: justify; font-size: 14px; font-weight: 300; padding: 0 0 10px;}


.ScholarshipRecipients{ position: relative; width: 100%; margin: 0 0 40px; background: #8fa06314;transition:all 500ms ease-in-out;  border: 0.5px solid #cccccc5e; border-radius: 15px; -webkit-box-shadow: 0px 13px 35px -12px rgba(35,35,35,0.15); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.18); padding: 20px 25px !important; }
.ScholarshipRecipients:hover{ background: #8fa06300; transition:all 600ms ease-in-out; }
.ScholarshipRecipients ul{width: 100%; padding: 0; margin: 0 0 0 10px;}
.ScholarshipRecipients ul li{ width: 100%; font-family: 'Poppins', sans-serif; font-size: 14px; transition:all 500ms ease-in-out; line-height: 25px; padding: 0 0 5px 10px; border-bottom: 0.5px dotted #f6f8f3; }
.ScholarshipRecipients ul li span{ width: 30%; float: left; font-weight: bolder; font-size: 14px; color: #062d1abd; }
.ScholarshipRecipients ul li:hover{ color: #43570d; border-bottom: 0.5px dotted #aeb0aa; cursor: pointer;transition:all 600ms ease-in-out; }
img.testminial-student-img{ vertical-align: middle; width: 100%; border: 1px solid #ccc; border-radius: 15px; }

img.inner-pro-all{ width:100%; padding:0px 0; margin:100px 0 0 0; -webkit-transform: scaleX(-1);
transform: scaleX(-1);}



/*contact-inner - con-contact*/

/*Contact Us*/
.contact{ position: relative; width: 100%; display: block; background: #fff; padding: 50px 0; margin: 0; }
.contact h3{ text-align: center; padding: 0; margin: 0; font-size: 35px; color: #7e9541c2; text-transform: uppercase; font-weight: 900; line-height: 45px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.16); letter-spacing: 1.5px; }
.contact h3 span{ display: block; font-size: 13px; font-weight: 500; color: #628409; line-height: 25px; margin: 0 0 20px; text-transform: capitalize; letter-spacing: 15px; }
.contact .contact-form{ width: 96%; padding: 30px; margin: 30px 0 0; background: #fff; border: 0.5px solid #cccccc2e; display: inline-block; border-radius: 15px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); }
.contact .contact-form h4{ font-family: 'Poppins', sans-serif; font-size: 24px; line-height: 30px; color: #034d74; background: #0f0f0f0d; text-align: center; padding: 10px 0; margin: 0; font-weight: bold; text-transform: capitalize; border-radius: 10px; }
.contact .contact-form form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.contact .contact-form form .fill-box{ width: 46%; float: left; padding: 20px 0 0; margin: 0 10px; }
.contact .contact-form form .fill-box label{ width: 100%; display: inline-block; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 16px; color: #869758; padding: 0; margin: 0; }
.contact .contact-form form .fill-box input{ width: 100%; display: inline-block; font-size: 14px; line-height: 16px; color: #000; border: 1px solid #cccccc4f; outline: none; padding: 10px; margin: 5px 0 10px; border-radius: 6px; }
.contact .contact-form form .message{ width: 96%; padding: 20px 0 0; margin: 0 10px; }
.contact .contact-form form .fill-box select{ width: 100%; display: inline-block; font-size: 14px; line-height: 16px; color: #000; border: 1px solid #cccccc4f; outline: none; padding: 10px; margin: 5px 0 10px; border-radius: 6px; }

.contact .contact-form form .message textarea{ width: 100% !important; display: inline-block; height: 90px; font-size: 14px; line-height: 16px; color: #000; padding: 10px; margin: 5px 0 10px; border: 1px solid #ccc; outline: none; border-radius: 6px; }
.contact .contact-form form .fill-box input[type="submit"]{ box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.5); display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 12px 0; border: 0px solid #ffffff; border-radius: 100px; background: linear-gradient(to bottom, #88985f, #344605); color: #ffffff; text-transform: uppercase; margin: 10px 0 0 0; font-size: 13px; width: 60%; text-align: center; font-weight: bold; -moz-transition: .3s ease; letter-spacing: 1px; }
.contact .contact-form form .fill-box input[type="submit"]:hover{ letter-spacing: 2px; transition: all 400ms ease-in-out; }

.contact .contact-address{ width: 100%; padding: 0; margin: 0; }
.contact .contact-address h4{ padding: 0; margin: 0; font-size: 20px; color: #8da44d; font-weight: bold; line-height: 60px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.08); }
.contact .contact-address p{ font-size: 16px; line-height: 26px; color: #656565; padding: 0 0 5px; margin: 0; text-align: justify; }
.contact .contact-address p i{ font-size: 20px; line-height: 20px; color: #96a767; padding: 0 10px 0 0; margin: 0; }
.contact .contact-number{ width: 100%; padding: 0; margin: 0; }
.contact .contact-number i{ font-size: 20px; line-height: 20px; color: #96a767; padding: 0 10px 0 0; margin: 0; }
.contact .contact-number a{ font-size: 16px; line-height: 26px; color: #534e4e; padding: 0; margin: 0; font-weight: normal; }
.contact .contact-number span{ padding: 0; margin: 0 0 0 5px; }
.contact .contact-number a:hover{ color: #034d74; transition: all 300ms ease-in-out; }
.contact .map{ width: 100%; display: inline-block; height: 320px; padding: 0px; margin: 30px 0 0; border-radius: 15px; overflow: hidden; border: 5px solid #869758; }
.contact .map iframe{ width: 100%; height: 100%; border-radius: 6px; border: none; }