﻿.insideHeader{margin-bottom:60px;position: relative}
.insideHeader img{width: 100%;height: auto;max-height: 450px;min-height: 50px;object-fit: cover;}
.insideHeader .center{position: absolute;top:0;left:0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;}
.insideTitle{font-weight: bold;color:#fff;font-size: 40px;line-height: 40px;text-align: center;}
.prlistTitle{}
.prlistTitle h1{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.prlistTitle h1 img{margin-left: 5px;}
.prlist{display: flex;gap:25px;flex-wrap: wrap;}
.prlist > li{width: calc(25% - 20px);margin-top: 80px;border-radius: 5px;background: #f0f3f5}
.insideContent{margin-bottom: 60px;}
.scrollDown{width: 40px;height:40px;border-radius: 50%;background:#05a2e5;line-height: 40px;text-align: center;font-size: 24px;color:#fff;position: absolute;bottom: -20px;right:50%;margin-right: -20px;}
.scrollDown:hover{color:#fff;background: #2b3b92;}

.insideTitle2{width: 100%;text-align: right;color:#fff;font-weight: bold;}

.rightImg{float:right;margin:0 0 30px 60px;}
.leftImg{    float: right;  margin: 0 0 30px 60px;}
.cmspage{color:#585858;line-height:40px;text-align:justify;}
.cmspage h2{font-size:18px;color:#4e99a6;margin:15px 0 10px;font-weight:bold;}
.cmspage h3{font-size:17px;color:#4e99a6;margin:15px 0 10px;font-weight:bold;}
.cmspage h4{font-size:16px;color:#4e99a6;margin:15px 0 10px;font-weight:bold;}
.cmspage h5{font-size:15px;color:#4e99a6;margin:15px 0 10px;font-weight:bold;}
.cmspage h6{font-size:14px;color:#4e99a6;margin:15px 0 10px;font-weight:bold;}
.cmspage img.fullWidth{width:100%;height:auto;border-radius:4px;margin:20px 0;}
.aboutCmsTitle{color:#10123e !important;}
.cmspage a{color:#e66c2c;font-weight: bold;transition: all .5s;}

.cmspage a:hover{color:#49230f;text-decoration: underline;}

.cmspage ul{}
.cmspage ul li{padding-left:20px;position:relative;margin-bottom:5px;}
.cmspage ul li:before{content:"\ea4d";font-family: 'boxicons' !important;position:absolute;top:6px;left:0;font-size:17px;color:#5d50c6;transform: rotate(180deg);}

.cmspage ol{list-style-position:inside;}
.cmspage ul li{}

.contactBox{position: relative;display: flex;gap:50px;box-shadow: 0 0 30px rgba(0,0,0,0.1);background: #fff;margin-bottom: 35px;padding: 40px 65px;}
.cInfo{flex:3;display: flex;flex-direction: column;gap:40px;}
.cInfo > li{position: relative;padding-left: 45px;color:#55636f;font-weight: bold;font-size: 14px;}
.cInfo > li > i{color:#05a2e5;font-size: 22px;position: absolute;top:0;left: 0;}
.cInfo > li span{display: block;color:#374550;font-weight: bold;margin-bottom: 6px;font-size: 12px;}
.cInfo > li a{color:#55636f;}
.cInfo > li a:hover{color:#519daa}
.contactBox::before{content: '';display: block;width: 140px;height:280px;background: #05a2e5;position: absolute;right:-15px;bottom: -80px;z-index: -1;}
.contactBox::after{content: '';display: block;width: 140px;height:280px;background: #2b3b92;position: absolute;right:-15px;top: 40px;z-index: -1;}


.cForm{margin:0;flex:2;}
.cInput{margin-bottom: 20px;}
.txt{width: 100%;line-height: 46px;border-bottom:1px solid #8f9da7;}
.txtArea{width: 100%;height:100px;border-bottom:1px solid #8f9da7;}
.cBtn{}
.btn{width: 100%;line-height: 46px;height:46px;background:#2b3b92;color:#fff;font-weight: 600;font-size: 14px;cursor: pointer;}
.btn:hover{background:#05a2e5;color:#fff;}

.cMap{display: flex;justify-content: space-between;}
.insideMap{width: calc(100% - 190px);margin:0;box-shadow: 0 0 30px rgba(0,0,0,0.1);background: #fff;}
.iSocialBox{width: 100px;margin:0;padding: 25px;box-shadow: 0 0 30px rgba(0,0,0,0.1);background: #fff;;}
.iSocials{display: flex;align-items: center;flex-direction: column;gap:24px;justify-content: center;}
.iSocials > li{}
.iSocials > li a{}
.iSocials > li a:hover{transform: scale(1.1);}

.certList{display: flex;gap:20px;flex-wrap: wrap;}
.certList > li{width: calc(25% - 15px);border-radius: 5px;background: #f0f3f5;}
.certItem{}
.certItem a{display: block;border-bottom: 5px solid #dadfe2;border-radius: 5px;}
.certItem figure{position: relative;margin-bottom: 20px !important;margin: 5px;}
.certItem figure img{position: absolute;border-radius: 5px;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;}
.certItem figure:before{content: '';display: block;padding-top: 120%;}
.certItem a:hover{border-color: #05a2e5;}
.certItem strong{line-height: 25px;height:50px;text-align: center;display: block;}

.iBlog{margin-bottom: 70px;}
.blogSection{display: flex;justify-content: space-between;}
.sideBar{width: 260px;margin:0;display:none}
.blogListContent{width:100%;margin:0}
.sideBarBox{border:1px solid #d3d5d8;margin-bottom: 25px;padding: 20px;border-radius: 3px;}
.sideBarBox h2{font-weight: bold;font-size: 15px;margin-bottom: 15px;color:#374550;}
.categories{line-height: 35px;}
.categories > li{}
.categories > li a{color:#6d737d;}
.categories > li a:hover{color:#05a2e5;}

.blogList{display: flex;gap:20px;flex-wrap: wrap;}
.blogList > li{width:calc(33.33% - 15px);}
.blogList > li > a{display: block;padding:16px;border-radius: 3px;background: #f4f5f6;}
.blogList > li figure{position: relative;margin-bottom: 20px !important;margin: 5px;}
.blogList > li figure img{position: absolute;border-radius: 5px;top:0;left:0;right:0;bottom: 0;width: 100%;height: 100%;}
.blogList > li figure:before{content: '';display: block;padding-top: 62%;}
.blogList > li strong{margin-bottom: 15px;display: block;}
.blogList > li p{height:60px;color:#55636f;line-height: 20px;font-size: 12px;overflow: hidden;}
.blogList > li a:hover{color:#05a2e5}

.pagination{text-align:center;margin:50px 0 10px;line-height:40px;font-size:15px;font-weight:300;}
.pagination a{width:40px;height:40px;background:#f6f7f9;margin:0 5px;border-radius:4px;color:#280f4e;box-sizing:border-box;}
.pagination a:hover{color:#fff;background:#4e99a6;}
.pagination a.active{color:#fff;background:#4e99a6;}
.prevPage,.nextPage{background:#d1d1df !important;color:#fff !important;font-size:25px;}
.prevPage:hover,.nextPage:hover{background:#4e99a6 !important;}

.homeAbout{margin-bottom: 70px;}
.blogDetail{}
.blogCategory{display:none}
/*.blogCategory{line-height: 40px;display: inline-block;padding: 0 20px;border-radius: 4px;color:#fff;background: #4e99a6;}*/
.blogDetail h1 {
    color: #374550;
    font-size: 24px;
    line-height: 40px;
    margin: 20px 0;
    font-weight: bold;
}
.bTime{color:#f16523;margin-bottom: 20px;}
.blogImage{margin-bottom: 30px;float: right;width: 48%;padding-left: 20px;}
.blogImage img{width: 100%;height: auto;border-radius: 4px;}

.newArticles{display: flex;gap:20px;flex-direction: column;}
.newArticles > li{}
.newArticles > li > a{display: flex;gap:10px;justify-content: space-between;}
.newArticles li a figure{flex:2;}
.newArticles li a img{width: 100%;height: auto;}
.newArticles li a strong{font-weight: normal;font-size: 11px;flex:3;line-height: 20px;}

.productDetailBox{display: flex;gap: 50px;margin-bottom: 60px;}
.productDetailBox figure{flex:4;}
.productDetail{flex:6;}
.productDetailBox figure img{width: 100%;height: auto;background: #f6f8fa;}
.productDetail h1{color:#374550;padding-top: 12px;font-size: 25px;font-weight: bold;margin-bottom: 0;}
.productDetail p{color:#8f9da7;margin-bottom: 50px;}
.prDetailList{margin-bottom: 50px;}
.prDetailList li{display: flex;justify-content: space-between;margin-bottom: 40px;}
.prDetailList li span{color: #374550;}
.prDetailListli strong{color:#6d737d;}
.prMoreLink{}
.prMoreLink a{color:#2b3b92;}
.prMoreLink a i{font-size: 20px;margin-left: 5px;  transform: rotate(180deg);}
.prMoreLink a:hover{color:#05a2e5}

.prTabBox{background: #05a2e5;border-radius: 4px;margin-bottom: 40px;padding: 8px;}
.prTabs{line-height: 44px;display: flex;justify-content: center;gap:12px}
.prTabs > li{}
.prTabs > li a{padding: 0 25px;border-radius: 4px;color:#fff;border-radius: 4px;}
.prTabs > li.active a,.prTabs li a:hover{background:#2b3b92;color:#fff}

.prTabContentBox{}
.prTabContents{}
.prTabContents > li{display: none;}
.prDetailTitle{color:#374550;font-weight: bold;font-size: 20px;margin-bottom: 15px;}

.aboutBtm{display: flex;gap:50px;margin-top: 80px;}
.aboutBtm figure{}
.aboutBtmContent{}
.aboutBtmContent > h2{font-size: 20px;font-weight:bold;color:#280f4e;margin-bottom: 20px;}

.iWhySection{margin-top: 50px;background: url(../images/whybg.jpg) 0 0 no-repeat;background-size: 100% auto;}
.iWhyUsContent{padding-top: 50px;}
.whyItem{margin:10px}
.wTitles{display: flex;gap: 50px;margin-bottom: 40px;}
.wTitles h2{line-height: 50px;width: 300px;;color:#fff;font-weight: bold;font-size: 25px;}
.wTitles p{color:#fff;font-size: 11px;width: calc(100% - 450px);}
.playbtn{margin-bottom: 30px;}























