/* ==========================================================================
 								Tab-Accordian
   ========================================================================== */
   body{}ul.resp-tabs-list{margin:0;padding:0}.resp-tabs-list li{font-weight:600;font-size:13px;display:inline-block;padding:13px 15px;margin:0 4px 0 0;list-style:none;cursor:pointer;float:left}.resp-tabs-container{padding:0;background-color:#fff;clear:left}h2.resp-accordion{cursor:pointer;display:none}.resp-tab-content{display:none;padding:15px}.resp-tab-active{border:1px solid #5AB1D0;margin-bottom:-1px;padding:12px 14px 14px;border-top:4px solid #5AB1D0;border-bottom:none;background-color:#fff}.resp-accordion-active,.resp-content-active{display:block}.resp-tab-content{border:1px solid #c1c1c1;border-top-color:#5AB1D0}h2.resp-accordion{font-size:13px;border:1px solid #c1c1c1;border-top:0 solid #c1c1c1;margin:0;padding:10px 15px}h2.resp-tab-active{border-bottom:0 solid #c1c1c1;margin-bottom:0;padding:10px 15px}h2.resp-tab-title:last-child{border-bottom:12px solid #c1c1c1;background:#00f}.resp-vtabs ul.resp-tabs-list{float:left;width:30%}.resp-vtabs .resp-tabs-list li{display:block;padding:15px;margin:0 0 4px;cursor:pointer;float:none}.resp-vtabs .resp-tabs-container{padding:0;background-color:#fff;border:1px solid #c1c1c1;float:left;width:68%;min-height:250px;border-radius:4px;clear:none}.resp-vtabs .resp-tab-content{border:none;word-wrap:break-word}.resp-vtabs li.resp-tab-active{position:relative;z-index:1;margin-right:-1px;padding:14px 15px 15px 14px;border:1px solid #5AB1D0;border-left:4px solid #5AB1D0;margin-bottom:4px;border-right:1px #FFF solid}.resp-arrow{width:0;height:0;float:right;margin-top:3px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #c1c1c1}h2.resp-tab-active span.resp-arrow{border:none;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #9B9797}h2.resp-tab-active{background:#DBDBDB}.resp-easy-accordion h2.resp-accordion{display:block}.resp-easy-accordion .resp-tab-content{border:1px solid #c1c1c1}.resp-easy-accordion .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}.resp-jfit{width:100%;margin:0}.resp-tab-content-active{display:block}h2.resp-accordion:first-child{border-top:1px solid #c1c1c1}@media only screen and (max-width:767px){ul.resp-tabs-list{display:none}h2.resp-accordion{display:block}.resp-vtabs .resp-tab-content{border:1px solid #C1C1C1}.resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}.resp-accordion-closed{display:none}.resp-vtabs .resp-tab-content:last-child{border-bottom:1px solid #c1c1c1}}
   /*============================================================================*/

/* ==========================================================================
   Sofia pro font family
   ========================================================================== */

@import url("https://p.typekit.net/p.css?s=1&k=lxv2frq&ht=tk&f=24537.24539.24540.24541.24543.24545.24547.24548.24549.24550&a=20994192&app=typekit&e=css");

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/5236f2/00000000000000007735a148/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:900;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/09d302/00000000000000007735a14e/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:700;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/e30e66/00000000000000007735a151/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
   font-display:auto;font-style:italic;font-weight:700;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/27cd4d/00000000000000007735a155/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/27cd4d/00000000000000007735a155/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/27cd4d/00000000000000007735a155/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:200;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/1416a9/00000000000000007735a15a/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:300;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/4abf65/00000000000000007735a15d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/4abf65/00000000000000007735a15d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/4abf65/00000000000000007735a15d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:500;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/5e6988/00000000000000007735a163/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:400;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/37de2f/00000000000000007735a165/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
   font-display:auto;font-style:italic;font-weight:400;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/61b4ba/00000000000000007735a167/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:600;
}

@font-face {
   font-family:"sofia-pro";
   src:url("https://use.typekit.net/af/6c630f/00000000000000007735a169/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/6c630f/00000000000000007735a169/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/6c630f/00000000000000007735a169/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
   font-display:auto;font-style:normal;font-weight:100;
}

.tk-sofia-pro { font-family: "sofia-pro",sans-serif; }
/*=========================  Sofia pro font family =========================*/


/* ==========================================================================
   icomoonf
   ========================================================================== */
@font-face {
   font-family: 'icomoon';
   src:  url('../fonts/icon-fonts/icomoon.eot?y26bz3');
   src:  url('../fonts/icon-fonts/icomoon.eot?y26bz3#iefix') format('embedded-opentype'),
   url('../fonts/icon-fonts/icomoon.ttf?y26bz3') format('truetype'),
   url('../fonts/icon-fonts/icomoon.woff?y26bz3') format('woff'),
   url('../fonts/icon-fonts/icomoon.svg?y26bz3#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
   font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;

/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-icon1:before {
content: "\e900";
}
.icon-icon2:before {
content: "\e901";
}
.icon-icon3:before {
content: "\e902";
}
.icon-icon4:before {
content: "\e903";
}
.icon-icon5:before {
content: "\e904";
}
.icon-icon6:before {
content: "\e905";
}
.icon-icon-7:before {
content: "\e906";
}
.icon-icon-8:before {
content: "\e907";
}
.icon-icon-9:before {
content: "\e908";
}
.icon-icon-10:before {
content: "\e909";
}
.icon-icon-11:before {
content: "\e90a";
}
.icon-icon-12:before {
content: "\e90b";
}
.icon-icon-13:before {
content: "\e90c";
}
.icon-icon-14:before {
content: "\e90d";
}
.icon-icon-15:before {
content: "\e90e";
}
.icon-icon-16:before {
content: "\e90f";
}
.icon-icon-17:before {
content: "\e910";
}
.icon-icon-18:before {
content: "\e911";
}
.icon-icon-19:before {
content: "\e912";
}
.icon-icon-20:before {
content: "\e913";
}
.icon-icon-21:before {
content: "\e914";
}
.icon-icon-22:before {
content: "\e915";
}
.icon-icon-23:before {
content: "\e916";
}
/* ========================================================================== */



/* ==========================================================================
   Css reset begin
   ========================================================================== */
* { box-sizing: border-box;}
html, body { height: 100%;}
body {
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  line-height: 24px;
  padding-top: 40px;
  font-weight: 500;
  color: #6d6e72;
  font-family: "sofia-pro",sans-serif;
  position: relative;
  font-display:auto;
  font-style:normal;
}
::selection {
	background: #103e91; /* Safari */
	color: #fff;
}
::-moz-selection {
    background: #103e91; /* Firefox */
    color:#fff;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
	outline: none;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 15px;
  color: #000000;
  font-weight: 700;
}
h1 {
   font-size: 48px;
}
h1.align-center {
    text-align: center;
}
h2 {
   font-size: 32px;
}
h2.align-center {
    text-align: center;
}
h3 {
  font-size: 28px;
}
h3.align-center {
    text-align: center;
}
h4 {
	font-size: 26px;
}
h4.align-center {
    text-align: center;
}
h5 {
   font-size: 24px;
}
h5.align-center {
    text-align: center;
}
h6 {
   font-size: 18px;
}
h6.align-center {
    text-align: center;
}
a {
  color: #636568;
  text-decoration: none;
  transition: all ease-out 0.3s;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  -webkit-transition: all ease-out 0.3s;
  -moz-transition: all ease-out 0.3s;
  -ms-transition: all ease-out 0.3s;
  -o-transition: all ease-out 0.3s;
}
a:hover {
  text-decoration: none;
  color: #3ba4ff;
}
label {
	font-weight: normal;
  margin: 0;
}
p {
  font-size: 18px;
  line-height: 30px;
  color: #263f6c;
  margin: 0;
  padding: 0;
  font-weight: 300;
  margin-bottom: 15px;
}
ul, ol, li {
   color: #263f6c;
   font-size: 18px;
   line-height: 30px;
   font-weight: 300;
}
focus {
	outline: none;
}
code {
   display: block;
   background: #f6f7f8;
   color: #424d59;
   padding: 10px 20px;
   font-size: 16px;
}
/* ==========================================================================
   Css reset begin
   ========================================================================== */

/*========================== Commen styles ========================*/
.set__as--bg { background-repeat: no-repeat; background-size: cover; background-position: center top;}
span.make__bg { display: none;}
.primary__btn { display: inline-block; background: #e96320; color: #ffffff; font-size: 20px; padding: 24px 45px 28px 45px; font-weight: 700; border-radius: 10px;}
.primary__btn:hover { background: #f95d0f; color: #fff; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);}

.commen__link { color: #0f8af4; font-size: 18px; position: relative; margin-left: 32px; font-weight: 700;}
.commen__link::after { content: "\e902"; width: 23px; height: 23px; line-height: 23px; display: block; background: #2375fe; font-family: 'icomoon'; font-size: 9px; display: inline-block; position: absolute; left: -32px; top: 3px; color: #ffffff; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; border-radius: 100%; font-weight: 400; text-align: center;}
.commen__link:hover { color: #55affd; text-decoration: underline;}
.commen__link:hover::after { background: #55affd; color: #ffffff;}

.commen__head { display: block; position: relative; text-align: center; padding-bottom: 5px; max-width: 1010px; margin: auto;}
.commen__head h2 { font-size: 42px; line-height: 64px;}
.commen__head h3 { font-size: 55px; line-height: 64px;}
.commen__head p { color: #263f6c; font-weight: 300; font-size: 18px; line-height: 26px;}
/*========================== Commen styles ========================*/

/* ==========================================================================
   Header
   ========================================================================== */
.header { display: block; width: 100%; position: absolute; left: 0; top: 0; z-index: 99;}
.header__top--bar { display: block; padding: 7px 0; background: #eff1f3;}
.header__top--main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.header__announce { display: block;}
.header__announce p { color: #244377; font-size: 16px; font-weight: 700; margin-bottom: 0;}
.header__announce a { color: #244377; font-size: 16px; font-weight: 700; margin-bottom: 0; text-decorations: underline;}
.header__announce p span { color: #14ded7; font-size: 25px; display: inline-block; vertical-align: middle; margin-right: 6px; position: relative;
top: -2px;}
.header__right--menu { display: block;}
.header__right--menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0;}
.header__right--menu ul li { display: block;}
.header__right--menu ul li { display: block; margin-left: 30px;}
.header__right--menu ul li a { display: block; color: #4f668c; font-size: 14px; font-weight: 700; text-transform: uppercase;}
.header__right--menu ul li a:hover { color: #7199da;}

.header__main { padding: 18px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

/* ==========================================================================
   Menu with dropdown menu begin 27-01-2021
   ========================================================================== */
.main-menu { display:block;}
.main-menu > ul { display:block; text-align: right; margin: 0; padding: 0;}
.main-menu > ul > li { display:inline-block; margin-left: 42px;}
.main-menu > ul > li.dropdown > a:after { content: ""; width: 0; height: 0; display: block; border: 4px solid #90dac1; border-color: #90dac1 transparent transparent transparent; position: absolute; right: 8px; top: 20px;}
.main-menu > ul > li > a { color:#ffffff; display: block; font-size:20px; padding: 10px 0; position: relative; line-height: 20px; font-weight: 600;}
.main-menu > ul > li:hover a, .main-menu > ul > li.active a { color: #33f3ec;}
.main-menu > ul > li.drp a:after { content: ''; width: 0; height: 0px; display: block; border: 4px solid #363232; border-color: #363232 transparent transparent transparent; position: absolute; right: 0px; top: 27px;}
.main-menu > ul > li.drp a:hover:after { border-color: #33f3ec transparent transparent transparent;}

.main-menu > ul > li > ul { display:none; position:absolute; top:45px; left: 0px; background-color: #333335; width: 220px; font-weight: 400; z-index: 10;  -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.main-menu > ul > li > ul > li { display:block; border-top:1px solid #615f5f;}
.main-menu > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li > a { display: block; color: #a6a6ac; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}
.main-menu > ul > li:nth-child(4) > ul { left: inherit; right: 0px;}
.main-menu > ul > li > ul.normal-sub-menu { width: 250px;}

/* Menu Second Level  */
.main-menu > ul > li > ul > li { position: relative; display: block;}
.main-menu > ul > li > ul > li> a.hoverClass { color: #FFF;}
.main-menu > ul > li > ul > li.dropdown >a:after{ content: "\f107"; position: absolute; top: 8px; right: 15px; font-family: 'FontAwesome'; transition: all ease 0.2s;}
.main-menu > ul > li > ul > li.dropdown> a.hoverClass:after{ color: #FFF; transform: rotate(-90deg);}
.main-menu > ul > li > ul > li > ul { display: block; transition: all ease 0.2s; position:absolute; top:0px; left:220px; background-color: #454546; width: 200px; font-weight: 400; opacity: 0;}
.main-menu > ul > li > ul > li > ul.pull-ul { right:200px; opacity: 1; pointer-events: auto; z-index: 3;}
.main-menu > ul > li > ul > li > ul > li { display:block; border-top:1px solid #615f5f;}
.main-menu > ul > li > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li ul > li > a {display: block; color: #a6a6ac; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}
.main-menu > ul > li > ul > li ul > li > a:hover { color:#fff;}

/*======================================== Menu Style End =======================================*/
.mobile-menu ul.menu-list { padding-bottom:20px;}
.mobile-menu ul.menu-list > li > a:hover { background:#3b6ce5; color:#FFF;}
.mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:#2b2a2a;}
.mobile-menu ul.menu-list> li a.open,.mobile-menu ul.menu-list > li > ul > li a:hover { background:#46bbeb;color:#FFF;}
.mobile-menu ul.menu-list > li > ul > li a {color:#FFF; padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s;text-align:center;}
a.menu-toggle { position:absolute; display:none; width:45px; height:45px; background:#3cb9e0; top:8px; right:20px; padding-top:4px; box-sizing:border-box;}
a.menu-toggle span.line { position:relative; width:65%; height:3px; background:#FFF; margin:7px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}
a.menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}
a.menu-toggle.active span.line.a { transform:rotate(45deg)}
a.menu-toggle.active span.line.c { transform:rotate(-45deg)}
a.menu-toggle.active span.line.b { opacity:0}
.mobile-menu { display:none;}
.mobile-menu ul { padding:10px 0}
.mobile-menu ul > li {text-align:center; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.mobile-menu ul > li:first-child { border-top:none;}
.mobile-menu ul > li > a { display:block; color:#FFF; font-size:16px; padding:8px 20px;}
.mobile-menu ul > li > a > img { display: none;}
.mobile-menu ul > li.dropdown > a { position:relative;}
.mobile-menu ul > li.dropdown > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color:#fff transparent transparent transparent; position:absolute; right:15px; top:15px;}
.mobile-menu ul > li.dropdown > a.open:after { border:6px solid #fff; border-color: transparent transparent #fff transparent; top:10px}
/*======================================== Menu Style End =======================================*/

.mega-drop { background: #fafbfc; border-top: none; position: absolute; width: 100%; top: 108px; left: 0; display: block; opacity: 0; pointer-events: none; /*overflow: hidden;*/ transition:all ease 0.3s; transform: scale(0.96); text-align: left; padding: 50px 0;}
.mega-drop.active { opacity: 1; pointer-events: auto; transform: scale(1); z-index: 5;}
.mega-drop-main { display: block; overflow: hidden;}
.mega-drop-box { display: block; padding: 0 25px; position: relative;}
.mega-drop-box:before { content: ''; width: 1px; height: 100%; display: block; background: #e0e8f6; position: absolute; left: -15px; top: 0px;}
.mega-drop-box span { color: #98acce; font-size: 50px; display: inline-block; margin-bottom: 20px;}
.mega-drop-box h5 { color: #363232; font-size: 16px; font-weight: 400; margin-bottom: 5px;}
.mega-drop-box p { color: #8b9a9f; font-size: 14px; font-weight: 400; line-height: 20px;}

/* ==========================================================================
   Menu with dropdown menu End 27-01-2021
   ========================================================================== */

.hero__section { display: block; background-repeat: no-repeat !important; background-position: center top !important; background-size: cover !important; z-index: 2;}
.hero__main { display: block; min-height: 807px; padding-top: 142px;}
.hero__content { display: block;}
.hero__content h1 { color: #ffffff; font-size: 64px; font-weight: 700; margin-bottom: 25px; line-height: 69px;}
.hero__content h3 { color: #d8e7ff; font-size: 22px; margin-bottom: 42px;}
.hero__content h2 { color: #ffffff; font-size: 64px; font-weight: 700; margin-bottom: 25px; line-height: 69px;}
.hero__content p { color: #d8e7ff; font-size: 18px; font-weight: 500; margin-bottom: 42px;}
.hero__listing { padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0;}
.hero__listing li { display: block; padding-left: 30px; position: relative; width: 50%; color: #ffffff; font-size: 18px; font-weight: 500; margin-bottom: 15px;}
.hero__listing li::before { content: "\e901"; font-family: 'icomoon'; display: inline-block; font-size: 17px; position: absolute; left: 0; top: 0; font-weight: 400;}
.hero__content .primary__btn { padding: 21px 33px 28px 33px;}

.hero__image { text-align: right; padding-top: 45px;}
.hero__image img { display: inline-block; -webkit-transform: translateY(19px) translateX(15px); -ms-transform: translateY(19px) translateX(15px); transform: translateY(19px) translateX(15px);}

.home__top--block { display: block; padding: 70px 0;}
.home__top--block .commen__head { max-width: 100%;}
.home__top--block .commen__head h3 { margin-bottom: 25px;}
.home__top--features { position: relative; overflow: hidden; padding: 0; margin: 0;}
.home__choose--plan { margin-top: 45px; text-align: center; position: relative; padding: 0 35px 30px 35px; list-style: none;}
.home__choose--plan::before { content: ''; width: 1px; height: 100%; display: block; background: #dde5f4; position: absolute; left: -1px; top: 0;}
.home__choose--plan .home__choose__plan--icon { min-height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px;}
.home__choose--plan h4 { font-size: 24px; font-weight: 700;}
.home__choose--plan p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300; margin-bottom: 40px;}
.starting_at { display: block; color: #7587a5; font-size: 18px; font-weight: 500;}
.starting_at span { color: font-weight: 700; text-decoration: line-through;}
.home__choose--plan h3 { font-size: 45px; line-height: 45px; margin-bottom: 60px;}
.home__choose--plan h3 span { display: block; font-size: 16px; line-height: 18px; text-transform: uppercase;}

.home__hosting__platform--block { display: block; padding: 70px 0; background: #f3f6fc;}
.home__hosting__platform--block .commen__head { max-width: 1115px;}
.home__hosting__platform--block .commen__head p { color: #263f6c; line-height: 28px;}
.home__hosting__platform--box { display: block; padding: 0 20px; margin-top: 30px;}
.home__hosting__platform--box .icon { min-height: 84px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; margin-bottom: 30px;}
.home__hosting__platform--box p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.home__support--block { display: block; padding: 0 0 115px 0;}
.home__support--main { display: block; padding-bottom: 70px;}
.home__support--left { display: block; padding: 85px 85px 0 0;}
.home__support--left h3 { color: #052765; font-size: 48px; line-height: 50px; margin-bottom: 25px;}
.home__support--left p { color: #263f6c; font-size: 18px; font-weight: 300; line-height: 26px; margin-bottom: 40px;}

.home__support--mid { display: block; margin-left: -60px; margin-right: -60px;}
.home__support--mid img { display: inline-block; margin-top: -48px;}
.home__support--right { display: block; padding: 60px 0 0 45px;}
.home__support--box { display: block; padding-left: 78px; padding-bottom: 5px; position: relative; margin-top: 20px;}
.home__support--box .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; width: 62px; position: absolute; left: 0; top: 6px;}
.home__support--box h5 { font-size: 22px; font-weight: 700; margin-bottom: 10px;}
.home__support--box p { color: #263f6c; font-weight: 300; font-size: 18px; line-height: 26px;}

.home__experience--block { display: block; border-top: 1px solid #e7e7e7; padding: 70px 0 0 0;}
.home__experience--block .commen__head p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300; margin-bottom: 0;}
.home__experience--lists { position: relative; margin: 0; padding: 0;}
.home__experience--box { margin-top: 50px; padding: 0 20px; list-style: none;}
.home__experience--box h5 { font-size: 22px; font-weight: 700; margin-bottom: 10px;}
.home__experience--box p { color: #263f6c; font-size: 18px; font-weight: 300; line-height: 26px;}

.home__migration__block--block { display: -webkit-box; display: -ms-flexbox; display: flex;
background: rgb(234,238,245);
background: -moz-linear-gradient(top,  rgba(234,238,245,1) 0%, rgba(255,255,255,1) 54%);
background: -webkit-linear-gradient(top,  rgba(234,238,245,1) 0%,rgba(255,255,255,1) 54%);
background: linear-gradient(to bottom,  rgba(234,238,245,1) 0%,rgba(255,255,255,1) 54%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#ffffff',GradientType=0 );}
.home__web--migration { display: block; padding: 55px 0 0 55px; background: #ffffff; -webkit-box-shadow: 0 15px 68px 0 rgb(0 0 0 / 6%); box-shadow: 0 15px 68px 0 rgb(0 0 0 / 6%); margin-top: -67px; border-radius: 20px;}
.home__migration--left { display: block; padding-bottom: 55px;}
.home__migration--left h3 { font-size: 32px; line-height: 35px;}
.home__migration--left p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300; margin-bottom: 30px;}

.home__migration--right { position: relative; margin-left: -40px;}
.home__migration--list { overflow: hidden; position: relative; padding-top: 70px; padding-left: 0; margin-bottom: 0;}
.home__migration--list::before { content: ''; width: 79%; height: 5px; display: block; background: #d3e3ff; position: absolute; left: 35px; top: 30px;}
.home__migration__list--item { position: relative; padding: 20px 25px 80px 25px; z-index: 5; list-style: none;}
.home__migration__list--item::before { content: ''; width: 2px; height: 100%; display: block; background: #f2f3f5; position: absolute; left: -2px; top: 0;}
.home__migration__list--item .step { width: 44px; height: 44px; line-height: 44px; display: inline-block; border-radius: 100%; background: #2375fe; color: #ffffff; text-align: center; font-size: 24px; font-weight: 700; position: absolute; left: 28px; top: -60px;}
.home__migration__list--item .step.icon-icon2 { font-size: 18px; background: #2375fe; font-weight: 400;}
.home__migration__list--item h5 { font-size: 22px; font-weight: 700;}
.home__migration__list--item p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.home__blog__news--block { display: block; padding: 70px 0 80px 0;}
.home__blog__news--lists { margin: 0; padding: 0;}
.home__blog__news--box { margin-top: 35px; list-style: none;}
.blog__content { display: block;}
.blog__content .date { display: block; color: #0356d4; text-transform: uppercase; font-size: 14px; margin-bottom: 15px;}
.blog__content h5 { color: #07152b; font-size: 20px; font-weight: 700;}
.blog__content p { color: #8991a7; font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 30px;}
.blog__content .commen__link { font-size: 16px; color: #2375fe; margin-left: 25px;}
.blog__content .commen__link::after { width: 18px; height: 18px; text-align: center; line-height: 18px; font-size: 8px; left: -24px;}
.blog__content .commen__link:hover { color: #6fa2fb;}

.home__bottom--block { display: block; padding: 82px 0; background: #2375fe;}
.home__bottom--right { padding-left: 30px;}
.home__bottom--left { display: block;}
.home__bottom--left h3 { color: #ffffff; font-size: 48px;}
.home__bottom--contact { padding: 0 25px;}
.home__bottom--contact .icon { display: inline-block; color: #fefeff; font-size: 40px; margin-bottom: 28px;}
.home__bottom--contact h5 { color: #ffffff; font-size: 22px; margin-bottom: 10px;}
.home__bottom--contact p { color: #b1ceff; font-size: 16px; margin-bottom: 28px;}
.home__bottom--contact .commen__link { color: #ffffff; font-size: 16px; margin-left: 25px;}
.home__bottom--contact .commen__link::after { background: #ffffff; width: 18px; height: 18px; line-height: 18px; color: #2677fe; left: -25px; text-align: center; font-size: 8px; top: 4px;}

.footer { display: block; padding-top: 65px;
background: rgb(11,64,177);
background: -moz-linear-gradient(-45deg,  rgba(11,64,177,1) 0%, rgba(17,89,182,1) 52%, rgba(26,122,189,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(11,64,177,1) 0%,rgba(17,89,182,1) 52%,rgba(26,122,189,1) 100%);
background: linear-gradient(135deg,  rgba(11,64,177,1) 0%,rgba(17,89,182,1) 52%,rgba(26,122,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b40b1', endColorstr='#1a7abd',GradientType=1 );}
.footer__link--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 60px;}
.footer__link--box { display: inline-block;}
.footer__payment { width: 128px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin: 0;}
.footer__payment li { display: block; margin-bottom: 6px; list-style: none;}
.footer__links { padding-left: 0; margin: 0;}
.footer__link--box h5 { color: #ffffff; font-size: 18px; font-weight: 700;}
.footer__link--box li { display: block; margin-bottom: 5px; list-style: none;}
.footer__link--box li a { color: #a0c5f3; display: inline-block; font-weight: 400;}
.footer__link--box li a:hover { color: #ffffff;}

.footer__bottom--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid #3793d8; padding: 20px 0;}
.footer__bottom--block p { margin-bottom: 0; font-size: 16px; color: #a0c5f3;}
.footer__bottom--block p a { color: #ffffff; font-weight: 700;}
.footer__logo { display: flex; flex-direction: row; padding-left: 0; margin-bottom: 0;}
.footer__logo li { display: inline-block; margin-left: 20px;}
.footer__logo li a { color: #ffffff; font-size: 18px;}
.footer__logo li a:hover { color: #b6d0fc;}

/* =========================================================
   KB Category Page
   ========================================================= */
.sub__hero--section { display: block; background-repeat: no-repeat !important; background-position: center top !important; background-size: cover !important; z-index: 2;}
.sub__hero--main { min-height: 250px; padding-top: 100px;}
.sub__hero--left h1 { color: #ffffff; font-size: 64px;}
.sub__hero--left h2 { color: #ffffff; font-size: 64px;}
.kb__banner--right { display: block; position: relative; margin-left: 35px;}
.kb__banner--right .icon { display: inline-block; color: #bac9de; font-size: 38px; position: absolute; left: 20px; top: 13px; font-weight: 400;}
.kb__banner--input { width: 100%; height: 65px; padding: 0 165px 0 75px; border: none; border-radius: 5px;}
.kb__banner--input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #8094ad; font-size: 18px;}
.kb__banner--input::-moz-placeholder { /* Firefox 19+ */ color: #8094ad; font-size: 18px;}
.kb__banner--input:-ms-input-placeholder { /* IE 10+ */ color: #8094ad; font-size: 18px;}
.kb__banner--input:-moz-placeholder { /* Firefox 18- */ color: #8094ad; font-size: 18px;}
.kb__banner--search { width: 155px; height: 65px; border: none; background: #f8905c; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #ffffff; font-size: 20px; font-weight: 700; position: absolute; right: 0; top: 0;-webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.kb__banner--search:hover { background: #fb6f29;}

.kb__category--block { display: block; padding: 70px 0 40px;}
.kb__category--main { display: block;}
.kb__category--main h3 { font-size: 48px;}
.kb__category--main h6 { color: #7587a5; font-size: 18px; line-height: 28px; font-weight: 500; margin-bottom: 35px;}
.kb__category--lists { display: block; padding-left: 0;}
.kb__category--lists li { display: block; border-top: 1px solid #e7e7e7;}
.kb__category--lists li a { display: block; position: relative; padding: 40px 25px 25px 90px;}
.kb__category--lists li a .icon { display: inline-block; position: absolute; left: 20px; top: 44px; font-size: 50px; color: #a6b8cf;}
.kb__category--lists li a .category__heading { display: block; font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.kb__category--lists li a p { display: block;}
.kb__category--lists li a:hover .icon { color: #1d74ff;}
.kb__category--lists li a:hover .category__heading { color: #1d74ff; text-decoration: underline;}

.kb__search--block .kb__category--main h3 { margin-bottom: 30px;}
.kb__search--block .kb__category--lists li { border: 1px solid #e7e7e7; border-color: transparent transparent #e7e7e7 transparent;}
.kb__search--block .kb__category--lists li:hover { border: 1px solid #1d74ff; position: relative; z-index: 2; border-radius: 5px; box-shadow: 0 8px 21px 0 #0c69eb21;}
.kb__search--block .kb__category--lists li a { padding: 20px 25px 20px 90px;}
.kb__search--block .kb__category--lists li a:hover .category__heading { text-decoration: none;}
.kb__search--block .kb__category--lists li a .icon { top: 24px;}
.pager__list { display: block; text-align: center; margin: 30px 0; padding-left: 0;}
.pager__list li { display: inline-block; vertical-align: middle; padding: 0 1px;}
.pager__list li a { display: inline-block; width: 32px; height: 30px; line-height: 26px; border: 1px solid #ffffff; border-radius: 3px; color: #131123; font-size: 16px; font-weight: 700;}
.pager__list li a span { font-size: 10px;}
.pager__list li a:hover,
.pager__list li a.active { border: 1px solid #1d74ff; background: #ffffff; color: #1d74ff;}
.pager__list li:first-child a,
.pager__list li:last-child a { width: auto;}
.pager__list li:first-child a:hover,
.pager__list li:last-child a:hover { border-color: transparent;}

.kb__home__banner .sub__hero--main { min-height: 439px;}
.kb__home__banner .sub__hero--left { text-align: center; padding-bottom: 30px;}
.kb__home__banner .sub__hero--left p { color: #d8e7ff; font-size: 24px; font-weight: 500;}
.kb__home--search { padding: 32px 145px 45px 145px; -webkit-border-top-left-radius: 100px; -webkit-border-top-right-radius: 100px; -moz-border-radius-topleft: 100px; -moz-border-radius-topright: 100px; border-top-left-radius: 100px; border-top-right-radius: 100px;
background: rgb(15,159,248); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(15,159,248,1) 0%, rgba(15,159,248,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(15,159,248,1) 0%,rgba(15,159,248,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(15,159,248,1) 0%,rgba(15,159,248,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f9ff8', endColorstr='#0f9ff8',GradientType=1 ); /* IE6-9 */}
.kb__home--search p { color: #d8e7ff; font-size: 18px; font-weight: 500; text-align: center;}
.kb__home__banner .kb__banner--right { margin-left: 0;}

.kb__home__top--block { display: block; padding-top: 65px;}
.kb__home__top--main { display: block; padding: 0; margin: 0;}
.kb__home__top--left { display: block; margin-left: -65px; margin-right: -65px;}
.kb__home__top--left img { display: inline-block; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}
.kb__home__top--mid { display: block; margin-right: -20px; padding-top: 15px;}
.kb__home__top--mid h3 { color: #052765; font-size: 48px; line-height: 59px;}
.kb__home__top--right { display: block; padding-bottom: 40px;}
.kb__home__top--right p { color: #263f6c; line-height: 26px; font-size: 18px; font-weight: 300;}

.kb__home__popular--categories { display: block; padding: 70px 0 80px 0; background: #f1f5fb;}
.kb__home__popular--categories h3 { font-size: 55px; font-weight: 700; text-align: center; margin-bottom: 35px;}
.kb__home__popular--categories h2 { font-size: 55px; font-weight: 700; text-align: center; margin-bottom: 35px;}
.kb__home__top--main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap:30px}
.kb__popular--category { width: 18%; list-style: none;}
.kb__popular--category a { display: block; width: 100%; background: #ffffff; padding: 30px 30px 15px 30px; border-radius: 5px; border: 2px solid transparent; -webkit-box-shadow: 0 8px 21px 0 transparent; box-shadow: 0 8px 21px 0 transparent;}
.kb__popular--category .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; min-height: 75px; margin-bottom: 15px;}
.kb__popular--category b { font-size: 20px; margin-bottom: 10px; display: block;}
.kb__popular--category p { color: #7587a5; font-size: 16px; line-height: 18px;}
.kb__popular--category a:hover { border-color: #0c6aeb; -webkit-box-shadow: 0 8px 21px 0 #0c69eb1a; box-shadow: 0 8px 21px 0 #0c69eb1a;}

.kb__home__articles .kb__category--main h3 { font-size: 55px;}
.kb__home__articles .kb__category--lists li:first-child { border-top: none;}
.kb__home__articles .kb__category--lists li a { padding: 24px 25px 18px 90px;}
.kb__home__articles .kb__category--lists li a .icon { top: 28px;}

.kb__article--block { display: block; padding: 80px 0;}
.kb__article--main { display: block;}
.kb__article--head { display: block; margin-bottom: 10px; padding-bottom: 10px;}
.kb__article--head h1 { font-size: 48px; font-weight: 700; line-height: 51px; margin-bottom: 25px;}
.kb__article--head p { color: #7587a5; font-size: 18px; line-height: 28px; font-weight: 500;}

.table__content { display: block; background: #ffffff; padding: 25px 40px 30px 40px; border: 1px solid #b0c6e9; -webkit-box-shadow: 0 8px 8px 0 rgb(65 82 105 / 5%); box-shadow: 0 8px 8px 0 rgb(65 82 105 / 5%); border-radius: 10px; margin-bottom: 30px;}
.table__content h5 { font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.table__content .commen__link { font-size: 16px; font-weight: 400; text-decoration: underline;}
.table__content .commen__link::after { width: 17px; height: 17px; line-height: 17px; text-align: center; font-size: 8px;}

.ordering__packages--block { display: block;}
.ordering__packages--block h3 { font-size: 40px; font-weight: 700; margin-bottom: 8px;}
.ordering__packages--block p { color: #7587a5; font-size: 18px; line-height: 28px; font-weight: 500;}
.ordering__packages--list { display: block;}
.ordering__list { display: block; padding-left: 0;}
.ordering__list > li { display: block; color: #7587a5; font-size: 16px; font-weight: 400; padding-left: 32px; position: relative; margin-bottom: 10px;}
.ordering__list > li > .count { width: 21px; height: 21px; display: block; background: #00d8ff; color: #ffffff; text-align: center; line-height: 18px; border-radius: 100%; position: absolute; left: 0; top: 2px; font-size: 12px; font-weight: 700;}
.ordering__list > li > a { font-weight: 400; text-decoration: underline;}
.ordering__sub--list { display: block; padding: 12px 0;}
.ordering__sub--list > li { display: block; padding-left: 22px; position: relative; margin-bottom: 10px;}
.ordering__sub--list > li::before { content: "\e914"; font-family: 'icomoon'; display: inline-block; position: absolute; left: 0; top: 0; color: #8f9fb8; font-size: 12px; position: absolute; left: 0; top: 2px;}
.ordering__sub--list > li > a { text-decoration: underline;}
.ordering__sub--list > li > b { font-weight: 700;}
.warning__description { display: block; border: 1px solid #1d74ff; padding: 25px; padding-left: 83px; position: relative; background: #f0f6ff; border-radius: 10px; margin-bottom: 20px;}
.warning__description p { margin-bottom: 0; color: #396dba; font-size: 16px; line-height: 24px;}
.warning__description .icon { width: 45px; height: 45px; display: block; background: #1d74ff; border-radius: 100%; text-align: center; color: #ffffff; line-height: 45px; font-size: 22px; position: absolute; left: 22px; top: 25px;}
.warning__description.cyan { background: #f1fdff; border-color: #00d8ff; background: #f1fdff;}
.warning__description.cyan p { color: #0f9bb2;}
.warning__description.cyan .icon { background: #00d8ff; font-size: 18px;}

.kb__article--bar { display: block; margin-left: 27px; padding-left: 52px; border-left: 1px solid #ced9ea;}
.get__share--hosting { display: block; margin-bottom: 25px; width: 100%; height: 65px; border: none; background: #f8905c; color: #ffffff; font-size: 20px; font-weight: 700; border-radius: 10px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.get__share--hosting:hover { background: #fb6f29; color: #ffffff;}
.article__detail { display: block; border: 1px solid #b0c6e9; border-radius: 10px;}
.article__detail h6 { margin-bottom: 0; padding: 16px 33px 18px 33px; font-size: 18px; border-bottom: 1px solid #b0c6e9;}
.article__detail--list { display: block; margin-left: 0px;}
.article__detail--list li { display: block; padding: 10px 0; border-top: 1px solid #cfdbed;}
.article__detail--list li:first-child { border-top: none;}
.article__detail--list li span { display: block; color: #7587a5; font-size: 16px;}
.article__detail--list li a { font-size: 16px; font-weight: 400; text-decoration: underline;}

.related__article { display: block; margin-top: 22px; background: #f0f6ff; border-radius: 10px; border: 1px solid #bdd1f0; overflow: hidden;}
.related__article h6 { margin-bottom: 0; padding: 16px 25px 18px 25px; font-size: 18px; border-bottom: 1px solid #b0c6e9;}
.related__article--listing { display: block; padding-top: 15px; padding-left: 15px; padding-right: 15px; height: 100%; overflow: hidden; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.related__article--listing li { display: block; padding-left: 25px; position: relative; margin-bottom: 10px;}
.related__article--listing li::before { content: "\e902"; font-family: 'icomoon'; display: block; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; background: #2375fe; color: #ffffff; text-align: center; line-height: 18px; border-radius: 100%; font-size: 8px;}
.related__article--listing li a { display: block; font-size: 16px; color: #2375fe; font-weight: 400; text-decoration: underline;}
.show__more--btn { display: block; padding: 8px 33px 13px 45px; font-weight: 700; position: relative; border-top: 1px solid #bdd1f0; background: #fafcff;}
.show__more--btn::before { content: "\e916"; font-family: 'icomoon'; display: inline-block; color: #1d74ff; font-size: 12px; position: absolute; left: 25px; top: 10px;}
.show__more--btn.active::before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.related__article--listing.expand { height: auto; overflow: visible; margin-bottom: 0px;}

.related__article--listing.relate__article2 { height: 120px;}
.relate__article2.expand { height: auto; margin-bottom: 0px;}
.suggest__article { display: block; background: #ffffff; border: 1px solid #f8905c; color: #f8905c; font-size: 20px; line-height: 24px; font-weight: 700; margin-top: 22px; border-radius: 10px; text-align: center; padding: 17px 25px 22px 25px;}
.suggest__article:hover { background: #f8905c; color: #ffffff;}

.web__business--box { display: block; background: url(../img/web__business--bg.png) no-repeat right bottom #00d0f6; padding: 33px; border-radius: 10px; margin-top: 22px;}
.web__business--box h4 { color: #fff; font-size: 30px; line-height: 30px;}
.web__business--box p { color: #e5fbff; font-size: 16px; line-height: 23px; margin-bottom: 25px;}
.web__business--box h6 { color: #e5fbff; font-size: 14px; font-weight: 400; line-height: 23px; margin-bottom: 0px;}
.web__business--mailer { display: block; position: relative; margin-bottom: 15px;}
.web__business--input { width: 100%; height: 45px; border: none; border-radius: 5px; padding: 0 100px 0 20px;}
.web__business--submit { width: 91px; height: 45px; border: none; background: #f8905c; color: #ffffff; font-size: 14px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; position: absolute; right: 0; top: 0; font-weight: 700; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.web__business--submit:hover { background: #f56117;}

.kb__article--helpful { display: block; background: #eaf2ff; padding: 55px 125px 70px 378px; border-radius: 10px; margin-top: 60px; position: relative;}
.article__helpful--icon { display: inline-block; position: absolute; left: 80px; bottom: 0;}
.kb__article--helpful h3 { font-size: 36px; font-weight: 700;}
.kb__article--helpful p { color: #7587a5; line-height: 26px; font-size: 18px; margin-bottom: 20px;}
.kb__article--helpful .commen__link { font-size: 16px; margin-left: 25px; font-weight: 400; text-decoration: underline;}
.kb__article--helpful .commen__link::after { width: 18px; height: 18px; line-height: 17px; font-size: 8px; left: -25px;}

.reseller__banner { min-height: 637px;}
.reseller__banner--main { display: block; text-align: center; padding-top: 120px;}
.reseller__banner--main h1 { color: #ffffff;}
.reseller__banner--main h3 { color: #ffffff; font-size: 24px;}
.reseller__banner--main p { color: #d8e7ff; font-size: 24px;}
.reseller__plan--block { display: block; background: #f1f5fb;}
.reseller__plan--main { display: block; max-width: 1250px; margin: auto;}
.reseller__plan--box { display: block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #ffffff; margin: 0 0px; margin-top: -300px; -webkit-box-shadow: 0 8px 35px 0 rgb(0 0 0 / 4%); box-shadow: 0 8px 35px 0 rgb(0 0 0 / 4%);}
.reseller__plan--head { display: block; background: #0f52c2; padding: 30px 46px 25px 46px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; position: relative;}
.reseller__plan--head-featured { display: block; background: #00358c; padding: 30px 46px 25px 46px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; position: relative;}
.plan__ribbon--head { display: block; color: #2375fe; font-size: 24px; font-weight: 700; width: 129px; height: 36px; background: #ffffff; text-align: center; line-height: 36px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; position: absolute; left: 0; top: -36px; right: 0; margin: auto;}
.sale__from { display: block; font-size: 18px; font-weight: 500; color: #86b3fe; text-align: center;}
.starting__price { color: #ffffff; font-size: 48px; font-weight: 700; margin-bottom: 30px; line-height: 60px;}
.starting__price span { display: block; font-size: 14px; line-height: 20px; text-transform: uppercase; padding-top: 5px;}
.reseller__plan--head h3 { color: #ffffff; font-size: 60px; font-weight: 700; margin-bottom: 30px; line-height: 60px;}
.reseller__plan--head h3 span { display: block; font-size: 16px; line-height: 20px; text-transform: uppercase; padding-top: 5px;}
.reseller__plan--head .primary__btn { display: block; max-width: 251px; margin: auto; margin-bottom: 32px; padding: 10px 30px 14px 30px;}
.reseller__plan--head-featured h3 { color: #ffffff; font-size: 60px; font-weight: 700; margin-bottom: 30px; line-height: 60px;}
.reseller__plan--head-featured h3 span { display: block; font-size: 16px; line-height: 20px; text-transform: uppercase; padding-top: 5px;}
.reseller__plan--head-featured .primary__btn { display: block; max-width: 251px; margin: auto; margin-bottom: 32px; padding: 10px 30px 14px 30px;}

.normally__span { display: block; background: #154594; color: #ffffff; font-size: 16px; padding: 4px 20px 8px 20px; border-radius: 25px;}
.normally__span span { color: #86b3fe;}
.reseller__plan--cont { display: block; padding: 10px 38px;}
.reseller__plan--ul { display: block; padding: 20px 0; border-top: 1px solid #e5e9f3; margin: 0;}
.reseller__plan--ul:first-child { border-top: none;}
.reseller__plan--ul li { display: block; color: #7587a5; font-size: 16px; padding: 11px 0 11px 1px; position: relative; text-align: center; line-height: 16px;}
.blank {
  margin-bottom: 15px;
}
.reseller__plan--ul li span { color: #000000; font-weight: 700;}
.reseller__plan--ul li::before { content: "\e901"; font-family: 'icomoon'; display: none; width: 26px; height: 26px; background: #d2dae9; text-align: center; line-height: 26px; color: #ffffff; font-size: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; left: 0; top: 10px;}
.reseller__logo--main { display: block; padding: 45px 0;}
.reseller__logo--main ul { display: block; text-align: center; padding: 0; margin: 0;}
.reseller__logo--main ul li { display: inline-block; vertical-align: middle; margin: 0 50px;}

.reseller__experience--block { display: block; padding: 25px 0;}
.reseller__experience--block .commen__head h3 { margin-bottom: 30px;}
.reseller__experience--block .commen__head p { color: #263f6c;}
.reseller__experience--main { position: relative; padding: 0; margin: 0;}
.reseller__experience--main li { list-style: none;}
.reseller__experience--box { position: relative; padding: 0 35px; margin-top: 40px;}
.reseller__experience--box span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 78px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 20px;}
.reseller__experience--box h4 { font-size: 24px; font-weight: 700;}
.reseller__experience--box  p { color: #263f6c; font-size: 18px; line-height: 28px; font-weight: 300;}

.reseller__features--block { background: #f5f5f5; }
.reseller__features--main { display: block; padding: 25px 0; border-top: 1px solid #e7e7e7;}
.reseller__features--main:first-child { border-top: none;}
.reseller__features--left { display: block;}
.reseller__features--left h3 { font-size: 48px;}
.reseller__features--left h3 span { display: block; color: #2375fe; font-size: 24px; padding-top: 5px;}
.reseller__features--left p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.alternative__software--block { background: white; padding-bottom: 100px;}
.alternative__software--main { display: block; padding: 25px 0; border-top: 1px solid #e7e7e7;}
.alternative__software--main:first-child { border-top: none;}
.alternative__software--left { display: block;}
.alternative__software--left h3 { font-size: 48px;}
.alternative__software--left h3 span { display: block; color: #2375fe; font-size: 24px; padding-top: 5px;}
.alternative__software--left p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.reseller__features--right { display: block;}
.automate__box { display: block; background: #ffffff; max-width: 325px; border: 2px solid #ffffff; -webkit-box-shadow: 0 8px 35px 0 rgb(0 0 0 / 5%);
 box-shadow: 0 8px 35px 0 rgb(0 0 0 / 8%); margin-bottom: 25px;}
.automate__box span { display: block;}
.automate__box p { display: block; margin-bottom: 0; background: #ffffff; padding: 18px 24px; line-height: 16px; color: #3c4a65;}
.reseller__features--right { display: block; margin-left: 60px;}
.reseller__features--image { display: block; text-align: center;}
.reseller__features--content { display: block;}
.reseller__features--content p { font-size: 18px; line-height: 26px; color: #263f6c; font-weight: 300;}

.reseller__faq--block { display: block; padding: 65px 0 135px 0;
background: rgb(234,238,245);
background: -moz-linear-gradient(top,  rgba(234,238,245,1) 0%, rgba(255,255,255,1) 30%);
background: -webkit-linear-gradient(top,  rgba(234,238,245,1) 0%,rgba(255,255,255,1) 30%);
background: linear-gradient(to bottom,  rgba(234,238,245,1) 0%,rgba(255,255,255,1) 30%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeef5', endColorstr='#ffffff',GradientType=0 );}
.reseller__faq--block h3 { font-size: 55px; line-height: 64px; text-align: center; margin-bottom: 40px;}
.reseller__faq--main { display: block;}
.reseller__faq--main .accordion-item { display: block; color: #32325d; font-size: 22px; font-weight: 700; padding: 20px; padding-left: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 6px; border: 1px solid #dde5ef; cursor: pointer; position: relative; background: #ffffff;}
.reseller__faq--main .accordion-item::before { content: "\e910"; font-family: 'icomoon'; display: inline-block; color: #b0b2c8; font-size: 14px; position: absolute; left: 26px; top: 21px;}
.reseller__faq--main .accordion-item.open { border-radius: 0px; border: 2px solid #dde5ef; margin-bottom: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-color: #0c6aeb; border-bottom: none; padding-bottom: 0; color: #0c6aeb;}
.reseller__faq--main .accordion-item.open::before { color: #0c6aeb;}
.reseller__faq--main .data { display: none; background: #ffffff; padding: 20px; padding-left: 60px; border: 2px solid #0c6aeb; border-top: none; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 4px; margin-bottom: 6px; padding-top: 10px;}
.reseller__faq--main .data p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.review__banner { display: block;}
.review__banner--main { min-height: 280px; padding-top: 100px; text-align: center;}
.review__banner--main h1 { color: #ffffff; font-size: 64px;}
.review__banner--main h3 { color: #d8e7ff; font-size: 24px;}

.recommented__block { display: block; padding: 72px 0;}
.recommented__block h4 { font-weight: 700; font-size: 30px; margin-bottom: 0px;}
.recommented__main { position: relative; padding-left: 0; margin-bottom: 0;}
.recommented__main li { margin-top: 20px; list-style: none;}
.recommented__box { display: block; position: relative; min-height: 112px; border: 2px solid #eaeef4; border-radius: 5px;}
.recommented__box img { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
.customer__reviews--block { display: block; padding: 70px 0; background: #f1f5fb;}
.customer__reviews--block h3 { font-size: 55px; font-weight: 700; text-align: center; margin-bottom: 0; padding-bottom: 10px;}
.customer__reviews--main { margin-bottom: 0; padding: 0;}
.customer__reviews--main li { list-style: none;}
.customer__reviews--box { display: block; padding: 35px 28px; background: #ffffff; border-radius: 5px; margin-top: 20px;}
.review__icon { display: block; margin-bottom: 25px;}
.customer__reviews--box h5 { color: #143952; font-size: 18px; font-weight: 700;}
.customer__reviews--box h5 span { display: block;}
.customer__reviews--box p { color: #263f6c; font-weight: 300; font-size: 18px; line-height: 26px;}

.contact__banner { display: block;}
.contact__banner--main { display: block; padding: 100px 0 125px; text-align: center; color: #fffff;}
.contact__banner h2 { color: #ffffff; font-size: 64px;}
.contact__banner p { color: #d8e7ff; font-size: 24px;}
.contact__top--block { display: block; background: #f1f5fb; padding-bottom: 70px;}
.contact__top--main { position: relative;}
.contact__top--box { display: block; background: #ffffff; padding: 45px; padding-bottom: 40px; border-radius: 10px; margin-top: -80px;}
.contact__top--box .contact__icon { display: block; margin-bottom: 15px;}
.contact__top--box p a { font-size: 18px; text-decoration: underline;}
.contact__top--box p span { display: block;}
.contact__top--box .commen__link { font-size: 16px;}
.contact__top--box .commen__link::after { width: 18px; height: 18px; line-height: 18px; font-size: 8px; text-align: center;}
.contact__top--box p a:hover { color: #2375fe;}

.contact__form--block { display: block; background: #ffffff; padding: 65px 0 85px;}
.contact__form--block .commen__head { padding-bottom: 15px; margin-bottom: 15px;}
.contact__form--main { display: block; position: relative;}
.contact__form--box { display: block;}
.form__box { display: block; margin-bottom: 22px;}
.form__box p { color: #8094ad; font-size: 16px; margin-bottom: 5px;}
.form__box--input { width: 100%; height: 53px; border: none; padding: 0 15px; border-radius: 5px; background: #f1f5fb; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.form__box--input:focus { background: #e7ecf3;}
.form__box--textarea { width: 100%; height: 158px; border: none; padding: 10px 15px; border-radius: 5px; background: #f1f5fb; resize: none; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.form__box--textarea:focus { background: #e7ecf3;}
.form__box .primary__btn { border: none; color: #ffffff; padding: 22px 40px; margin-top: 10px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.contact__map { display: block; position: relative; margin-top: 70px;}
.contact__map iframe { width: 100%; height: 425px;}

.contact__map--content { display: block; max-width: 532px; width: 100%; position: absolute; right: 60px; top: 70px; background: #ffffff; padding: 40px; border-radius: 5px;}
.contact__address--box { display: block; padding-left: 194px; padding-bottom: 2px; position: relative; min-height: 130px; margin-bottom: 35px;}
.contact__address--icon { display: inline-block; position: absolute; left: 0; top: 0;}
.contact__address--box h5 { font-size: 24px; font-weight: 700; margin-bottom: 7px;}
.contact__address--box p { color: #7587a5; font-size: 16px;}
.contact__address--ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify;  justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0;}
.contact__address--ul li { display: block; padding-left: 55px; position: relative; list-style: none;}
.contact__address--ul li .icon { display: inline-block; font-size: 35px; color: #0e6cec; position: absolute; left: 7px; top: 0;}
.contact__address--ul li p { margin-bottom: 0; font-size: 14px; color: #020109; line-height: 14px;}
.contact__address--ul li a { color: #0d70ed; font-size: 18px;}
.contact__address--ul li a.mail { text-decoration: underline;}
.contact__address--ul li a:hover { color: #74b0fa;}

.green__hosting--main { display: block; padding: 120px 0 50px; text-align: center; min-height: 325px;}
.green__hosting--main h1 { color: #ffffff; font-size: 64px;}
.green__hosting--main h3 { color: #ffffff; font-size: 24px;}

.green__hosting__top--block { display: block; padding-top: 60px;}
.green__hosting__top--left { display: block; position: relative; padding-bottom: 50px; padding-right: 290px;}
.green__hosting__top--left h3 { font-size: 55px; line-height: 62px;}
.green__hosting__top--icon { display: inline-block; position: absolute; right: 5px; bottom: -55px;}
.green__hosting__top--right { display: block; padding: 0 35px 0 10px;}
.green__hosting__top--right p { color: #263f6c; font-size: 20px; line-height: 26px; font-weight: 300;}

.green__offset--block { display: block; padding-top: 90px; background: #f1f5fb;}
.green__offset--left { display: block; margin-bottom: -50px; overflow: hidden; max-width: 625px; -webkit-border-bottom-right-radius: 50px; -moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px;}
.green__offset--right { display: block; padding-left: 35px;}
.green__offset--right h3 { font-size: 48px; font-weight: 700; margin-bottom: 20px;}
.green__offset--right h3 span { display: block; color: #54cb9f; font-size: 30px;}
.green__offset--right p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.green__awards--block { display: block; padding: 120px 0 60px 0;}
.green__awards--left { display: block;}
.green__awards--left h3 { font-size: 48px; line-height: 50px; margin-bottom: 22px;}
.green__awards--left .commen__link { font-size: 16px; margin-left: 25px;}
.green__awards--left .commen__link::after { width: 18px; height: 18px; font-size: 8px; line-height: 18px; left: -25px;}
.green__awards--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin-left: -35px; padding-left: 0; margin-bottom: 0;}
.green__awards--right li { display: inline-block; width: 23.5%; list-style: none;}
.green__awards--right li .green__awards--logo { background: #f1f5fb; padding: 30px 27px; display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 15px; margin-bottom: 15px;}
.green__awards--right li .green__awards--logo img { display: inline-block;}
.green__awards--right li p { margin-bottom: 0; color: #627695; font-size: 16px; font-weight: 700;}

.supported__project--block { display: block; padding: 65px 0 70px 0; background: #f1f5fb;}
.supported__project--block h3 { text-align: center; font-size: 48px; padding-bottom: 10px; margin-bottom: 0;}
.supported__project--box { display: block; max-width: 290px; margin: auto; margin-top: 30px;}
.supported__project--image { display: block; margin-bottom: 25px;}
.blue__box { display: inline-block; background: #00d8ff; color: #ffffff; font-size: 16px; text-transform: uppercase; padding: 3px 15px 4px 15px; margin-bottom: 15px;}
.supported__project--box h5 { color: #07152b; font-size: 24px; font-weight: 700; margin-bottom: 10px;}

.contribution__visualized--block { display: block; padding: 60px 0;}
.contribution__visualized--block h3 { text-align: center; font-size: 48px; margin-bottom: 35px; }
.contribution__visualized--box { display: block; margin-bottom: 25px; min-height: 376px; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; text-align: center; padding: 40px 20px; margin-bottom: 25px;}
.contribution__visualized--box p { color: #ffffff; font-size: 24px; line-height: 26px;}
.contribution__visualized--box p span { display: block; font-size: 60px; line-height: 65px; font-weight: 700; padding-bottom: 5px;}
.contribution__visualized--box.first__box { -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-left-radius: 50px;}
.contribution__visualized--box.last__box {-webkit-border-top-right-radius: 50px; -moz-border-radius-topright: 50px; border-top-right-radius: 50px;}

/* ================================ Blog css ============================== */
.blog__banner .sub__hero--left { text-align: center;}
.blog__menu--block { display: block; border-bottom: 1px solid #ced9ea;}
.blog__menu--main { display: block;}
.blog__menu--main ul { display: block; padding: 0; margin: 0; text-align: center;}
.blog__menu--main ul li { display: inline-block; padding: 12px 20px;}
.blog__menu--main ul li a { display: block; color: #4f668c; font-size: 16px; font-weight: 500;}
.blog__menu--main ul li a:hover { color: #018aff;}

.blog__block { display: block; padding: 65px 0;}
.blog__main { display: block;}
.blog__block .kb__article--bar { margin-left: 0; padding-left: 95px; position: relative; border: none;}
.blog__block .kb__article--bar::before { content: ''; width: 1px; height: 100%; display: block; background: #ced9ea; position: absolute; left: 40px; top: 0;}

.blog__content--left { display: block;}
.blog__content--box { display: block; border: 1px solid #d9e2ef; background: #ffffff; border-radius: 5px; overflow: hidden; box-shadow: 0 8px 8px 0 rgb(65 82 105 / 5%); margin-bottom: 30px;}
.blog__content--image { display: block;}
.blog__box--content { display: block; padding: 35px;}
.blog__box--content h4 { color: #333940; font-size: 24px;}
.blog__box--ul { display: block; padding-left: 0;}
.blog__box--ul li { display: inline-block; margin-right: 16px; color: #7c8a97;}
.blog__box--ul li img { display: inline-block; margin-right: 5px; position: relative; top: -2px;}
.blog__box--ul li b { color: #333940;}
.blog__box--content .readmore { display: inline-block; color: #2375fe; font-size: 16px; font-weight: 700; text-decoration: underline; position: relative; margin-left: 25px; transition: all ease-out 0.3s;}
.blog__box--content .readmore::before { content: "\e902"; font-family: 'icomoon'; color: #ffffff; text-align: center; line-height: 18px; display: inline-block;  width: 18px; height: 18px; background: #2375fe; color: #ffffff; border-radius: 100%; position: absolute; left: -24px; top: 4px; font-size: 7px; transition: all ease-out 0.3s;}
.blog__box--content .readmore:hover { color: #659cfa;}
.blog__box--content .readmore:hover::before { background:#659cfa; color: #ffffff;}
.blog__box--content p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}
.blog__content--left .pager__list { margin: 15px 0 0 0;}

/* ================================ Affiliate css ============================== */
.affiliate__banner { min-height: 489px;}
.affiliate__banner .contact__banner--main { padding: 120px 0 125px;}
.signup__login--btns { padding-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 20px;}
.signup__login--btns li { display: inline-block; list-style: none; margin: 0 8px;}
.signup__login--btns li a { display: block; padding: 22px 60px 26px 60px; color: #ffffff; font-size: 20px; border-radius: 8px;}
.signup__login--btns li a.signup__btn { background: #f8905c;}
.signup__login--btns li a.signup__btn:hover { background: #ff6c23; color: #ffffff;}
.signup__login--btns li a.login__btn { border: 1px solid #ffffff;}
.signup__login--btns li a.login__btn:hover { background: #ffffff; color: #2375fe;}

.affiliate__top--block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f1f5fb; padding-bottom: 90px;}
.affiliate__top--block .container { margin-top: -60px;}
.affiliate__top--box { display: block; background: #ffffff; padding: 30px 45px 45px 52px; border-radius: 15px;}
.affiliate__top--box .icon { display: inline-block; margin-bottom: 35px;}
.affiliate__top--box h5 { font-size: 24px;}
.affiliate__top--box p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.affiliate__mid--box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(../img/affiliate__mid--bg.jpg) no-repeat center top; background-size: cover; min-height: 358px; margin-left: -35px; margin-right: -35px; position: relative; z-index: 2; margin-top: -20px; border-radius: 10px; border: 3px solid #ffffff; box-shadow: 0 0 54px 0 rgb(0 0 0 / 27%);}
.affiliate__mid--box h3 { color: #ffffff; font-size: 55px; text-align: center; line-height: 55px; margin-bottom: 0;}
.affiliate__mid--box h3 span { display: block; font-size: 103px; line-height: 103px;  position: relative;
background: #FA7F7D; background: -webkit-linear-gradient(to bottom, #FA7F7D 42%, #FBB850 73%); background: -moz-linear-gradient(to bottom, #FA7F7D 42%, #FBB850 73%); background: linear-gradient(to bottom, #FA7F7D 42%, #FBB850 73%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.affiliate__succeed--block { display: block; padding: 65px 0;}
.affiliate__succeed--block .commen__head p { color: #263f6c; line-height: 28px; font-size: 18px;}
.affiliate__succeed--box { display: block; margin-top: 50px; padding: 0 20px;}
.affiliate__succeed--box .icon { display: block; margin-bottom: 30px;}
.affiliate__succeed--box h5 { font-size: 24px;}
.affiliate__succeed--box p { color: #263f6c; font-size: 18px; line-height: 26px; font-weight: 300;}

.review__boost--block { display: block; padding: 65px 0; background: #f1f5fb;}
.review__boost--left { display: block;}
.review__boost--left h3 { font-size: 55px; line-height: 65px; margin-bottom: 0;}
.review__boost--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #c6cfdc; border-radius: 10px; padding: 25px 55px;}
.review__boost--right h4 { color: #f8905c; font-size: 55px; line-height: 55px; font-weight: 300; margin-right: 15px; margin-bottom: 0; position: relative; top: -4px;}
.review__boost--right p { color: #7587a5; font-size: 18px; font-weight: 500; line-height: 22px; margin-bottom: 0;}
.review__boost--slider { display: block; margin-top: 65px;}
.review__boost--slider .owl-carousel .owl-item img { width: auto;}
.review__boost--item { display: block; padding: 35px 40px; background: #ffffff; border-radius: 10px;}
.review__boost--item h5 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 18px; font-weight: 700;}
.review__boost--item p { color: #7587a5; line-height: 28px; font-size: 16px; font-weight: 500; margin-bottom: 10px; max-width: 315px;}
.review__boost--links { display: block; text-align: center; margin-top: 37px;}

/* ======================= 09-12-2021 begin ===================== */
.kb__category--lists li a .kb__category--icon { display: inline-block; position: absolute; left: 20px; top: 44px; font-size: 50px; color: #a6b8cf;}
.kb__category--lists li a .kb__category--icon .kb__icon1 { display: block;}
.kb__category--lists li a .kb__category--icon .kb__icon2 { display: none;}
.kb__category--lists li a:hover .kb__category--icon .kb__icon2 { display: block;}
.kb__category--lists li a:hover .kb__category--icon .kb__icon1 { display: none;}

.kb__search--block .kb__category--lists li a .kb__category--icon { top: 26px;}
/* ======================= 09-12-2021 end ===================== */

.about__banner .sub__hero--main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.about__banner--list { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.about__banner--list li { list-style: none; text-align: center; padding: 0 50px; border-left: 1px solid #8ed5fc;}
.about__banner--list li h3 { margin-bottom: 12px; color: #ffffff; font-size: 55px; font-weight: 300; line-height: 40px;}
.about__banner--list li p { margin-bottom: 0; color: #ffffff; font-size: 20px; font-weight: 700;}
.about__banner--list li:first-child { border-left: none;}

.about__top--wraper { display: block; padding: 70px 0;}
.about__top--wraper .resp-vtabs { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list { float: none; width: 27%; border: 1px solid #cdd9ec; padding: 18px 0; box-shadow: 0 8px 8px 0 #4152690f; border-radius: 10px;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item { display: block; padding: 0; position: relative; padding: 0 32px; margin: 0;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item a { display: block; padding: 18px 20px 18px 33px; border-top: 1px solid #cfdbed; font-size: 16px; font-weight: 700; position: relative;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item a::before { content: "\e902"; font-family: 'icomoon'; display: inline-block; width: 17px; height: 17px; display: block; background: #91bafe; color: #ffffff; line-height: 17px; text-align: center; font-size: 6px; border-radius: 100%; position: absolute; left: 0; top: 23px; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg);}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item:first-child a { border-top: none;}
.about__top--wraper .resp-vtabs .resp-tabs-container { float: none;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item.resp-tab-active { border: none; color: #ffffff;
background: rgb(10,107,233);
background: -moz-linear-gradient(-45deg,  rgba(10,107,233,1) 27%, rgba(27,172,247,1) 90%);
background: -webkit-linear-gradient(-45deg,  rgba(10,107,233,1) 27%,rgba(27,172,247,1) 90%);
background: linear-gradient(135deg,  rgba(10,107,233,1) 27%,rgba(27,172,247,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a6be9', endColorstr='#1bacf7',GradientType=1 );}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item.resp-tab-active::before { content: ''; display: block; position: absolute; left: -15px; top: 0; width: 0; height: 0; border-style: solid; border-width: 30px 15px 30px 0; border-color: transparent #0a6be9 transparent transparent;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item.resp-tab-active a { border: none; color: #ffffff;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list li.resp-tab-item.resp-tab-active a::before { background: #ffffff; color: #2f7dfe;}
.about__top--wraper .resp-vtabs .resp-tabs-container { border: none;}
.about__top--wraper .resp-vtabs .resp-tab-content { padding: 0;}
.about__side--bar { width: 27%;}
.about__top--wraper .resp-vtabs ul.resp-tabs-list { width: 100%;}

.about__tab--wraper { display: block;}
.about__tab--intro { display: block;}
.about__tab--intro h3 { font-size: 48px; }
.about__tab--intro p { font-size: 18px; line-height: 26px; font-weight: 300; color: #263f6c;}
.about__tab--reasons { display: block; margin: 40px 0; padding: 30px 0; border-top: 1px solid #ced9ea; border-bottom: 1px solid #ced9ea;}
.about__tab--reasons h4 { font-size: 40px; }
.about__reason { display: block; margin-top: 25px;}
.about__reason .about__reason--icon { display: inline-block; margin-bottom: 15px;}
.about__reason h5 { font-size: 22px; margin-bottom: 8px;}
.about__reason p { font-size: 16px; line-height: 26px; font-weight: 300; color: #263f6c;}

input#existingClientOrNot { display: none; }

/* ======================= 10-03-2022 tutorial begin ===================== */
.tutorial__banner { display: block; min-height: 88px;}
.tutorial__wraper { display: block; padding: 70px 0 35px;}
.tutorial__main { display: block; position: relative;}
.tutorial__left--bar { display: block; border: 1px solid #cdd9ec; border-radius: 10px; box-shadow: 0 8px 8px 0 #41526914;}
.tutorial__left--bar h5 { text-align: center; color: #07224c; font-size: 24px; font-weight: 700; margin-bottom: 0; padding: 20px 25px;}
.tutorial-list { padding-left: 0px; display: block; margin-bottom: 0px;}
.tutorial-list > li { list-style: none; border-top: 1px solid #cfdbed; position: relative;}
.tutorial-list > li > a { display: block; color: #07224c; font-size: 16px; font-weight: 700; position: relative; padding: 18px 40px 18px 26px; line-height: 16px;}
.tutorial-list > li > a:hover { color: #0a6be9;}
.tutorial-list > li > a.open { background: #f8f8f9;}
.tutorial-list > li.dropdown > a::after { content: ''; width: 9px; height: 6px; display: block; position: absolute; right: 20px; top: 23px; background: url(../img/tutorial-arrow.svg) no-repeat left top; background-size: cover; transition: all ease-out 0.2s;}
.tutorial-list > li.dropdown > a.open::after { transform: rotate(-180deg);}
.tutorial-list > li > ul { display: none; background: #f8f8f9; padding: 0 25px 20px 25px;}
.tutorial-list > li > ul > li { list-style: none;}
.tutorial-list > li > ul > li:first-child { border-top: 1px solid #cfdbed;}
.tutorial-list > li > ul > li > a { display: block; font-size: 14px; color: #5c6a81; font-weight: 400; padding: 6px 5px 6px 30px; position: relative;}
.tutorial-list > li > ul > li > a:hover { color: #0a6be9;}
.tutorial-list > li > ul > li > a::before { content: "\e902"; font-family: 'icomoon'; background: #c2ccde; color: #fcfcfd; width: 17px; height: 17px; display: block; position: absolute; left: 0; top: 10px; border-radius: 100%; font-size: 7px; text-align: center; line-height: 17px;}
.tutorial-list > li > ul > li > a:hover::before { background: #2375fe; color: #ffffff;}
.tutorial-list > li > ul > li.active > a { color: #0a6be9;}
.tutorial-list > li > ul > li.active > a::before { background: #2375fe; color: #ffffff;}
.tutorial-list > li:last-child { background: #ececef; border-radius: 0px 0px 10px 10px; text-align: center;}

.tutorial__middle--block { display: block; padding: 0 28px 0 15px;}
.tutorial__middle--top { display: block; border-bottom: 1px solid #cfdbed; padding-bottom: 42px; margin-bottom: 40px;}
.tutorial__middle--top h1 { font-size: 42px; line-height: 50px; text-align: center;}
.tutorial__middle--top h2 { font-size: 36px; line-height: 50px;}
.tutorial__middle--top h3 { font-size: 32px; line-height: 50px;}
.tutorial__middle--top h5 { font-size: 20px; color: #07224c;}
.updated__date { display: block; color: #7c8a97; font-size: 14px; margin-bottom: 30px; text-align: center;}
.tutorial__warning { display: block; background: #fff0f0; padding: 30px 35px 5px 84px; border-radius: 10px; border: 1px solid #d87256; position: relative; margin-bottom: 25px;}
.tutorial__warning .icon { display: inline-flex; justify-content: center; align-items: center; background: #e45252; width: 45px; height: 45px; border-radius: 100%; position: absolute; left: 24px; top: 33px;}
.tutorial__warning h5 { color: #e45252 !important; font-size: 20px; margin-bottom: 5px;}
.tutorial__warning p { color: #925c5c; font-size:16px; line-height: 24px;}
.package__note { background: #f0f6ff; border-color: #1d74ff;}
.package__note .icon { background: #1d74ff;}
.package__note h5 { color: #2375fe !important;}
.package__note p { color: #396dba;}
.table__steps--list { display: block;}
.table__steps--list li { display: block;}
.table__steps--list li a { display: block; color: #1d74ff; font-size: 16px; text-decoration: underline; padding: 5px 0; position: relative; margin-left: 28px;}
.table__steps--list li a::before { content: "\e902"; font-family: 'icomoon'; background: #1d74ff; color: #ffffff; width: 17px; height: 17px; display: block; position: absolute; left:-28px; top:10px; border-radius: 100%; font-size: 7px; text-align: center; line-height: 17px;}

.tutorial__footer__cta { display: block; background: #fff0f0; padding: 15px 20px 5px 20px; border-radius: 10px; border: 1px solid #d87256; position: relative; margin-bottom: 25px;}
.tutorial__footer__cta .icon { display: inline-flex; justify-content: center; align-items: center; background: #e45252; width: 45px; height: 45px; border-radius: 100%; position: absolute; left: 24px; top: 33px;}
.tutorial__footer__cta h5 { color: #e45252 !important; font-size: 20px; margin-bottom: 5px;}
.tutorial__footer__cta p { color: #925c5c; font-size:16px; line-height: 24px;}
.package__signup { background: #d4edda; border-color: #29a529; margin-top: 20px;}
.package__signup h5 { color: #000 !important; text-align: center;}
.package__signup p { color: #000; text-align: center;}

.tutorial__table__cont--steps { display: block; padding-left: 85px; position: relative;}
.tutorial__cont--step { display: block; padding: 40px 0; position: relative; border-top: 1px solid #cfdbed;}
.tutorial__cont--step h2 { color: #07224c; font-size: 33px; line-height: 36px;}
.tutorial__cont--step .tutorial__cont--image { margin-bottom: 15px;}
.tutorial__cont--step::before { content: ''; width: 2px; height: 100%; display: block; background: #d9e7f4; position: absolute; left: -60px; top: 0;}
.tutorial__step { width: 78px; height: auto; display: block; background: #ffffff; padding: 10px 10px 18px 10px; position: absolute; left: -94px; top: 30px;}
.tutorial__step p { margin-bottom: 0; text-align: center;}
.tutorial__step h2 { color: #2375fe; font-size: 50px; margin: 0; line-height: 40px;}
.tutorial__cont--step:first-child { border-top: none; padding-top: 0;}
.tutorial__cont--step:first-child .tutorial__step { top: -8px;}

.upload__files--box { display: block; background: #f0f6ff; padding: 30px 25px 5px 190px; position: relative; min-height: 135px; overflow: hidden; border-radius: 10px; border: 1px solid #1d74ff;}
.upload__files--box .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 0; background: #1D74FF; width: 154px; height: 100%;}
.upload__files--box h5 { font-size: 20px; color: #2375FE; margin-bottom: 5px;}
.upload__files--box p { font-size: 16px; color: #396DBA; line-height: 24px;}

.tutorial__right--bar { display: block; border: 1px solid #CDD9EC; border-radius: 10px; margin-left: -18px; box-shadow: 4px 6px 8px 0 #4152691a; background: #ffffff;}
.tutorial__right--top { display: block; padding: 28px 20px; text-align: center; border-bottom: 1px solid #cdd9ec;}
.tutorial__right--bottom { display: block; padding: 20px 22px 30px 22px;}
.tutorial__right--bottom h5 { text-align: center; color: #07224c; font-size: 16px; font-weight: 700;}
.tutorial__right--list { display: block; padding: 0; margin: 0; margin-bottom: 20px;}
.tutorial__right--list li { display: block; list-style: none; color: #5c6a81; font-size: 13px; padding: 5px 0; padding-left: 20px; position: relative; line-height: 16px; position: relative;}
.tutorial__right--list li::before { content: ''; width: 9px; height: 9px; display: block; position: absolute; left: 0; top: 9px; background: url(../img/blue__checkmark.svg) no-repeat left top; background-size: cover;}
.tutorial__right--bottom .primary__btn { padding: 13px 15px; font-size: 16px; max-width: 163px; width: 100%; margin: auto; text-align: center;}
.tutorial__right--bar.fixed { position: fixed; top: 0; max-width: 215px; width: 100%;}

/* ======================= 10-03-2022 tutorial end ===================== */

/* ======================= 14-03-2022 comparison-page begin ===================== */
.comparison__block { display: block; padding: 60px 0 70px 0; background: #f1f5fb;}
.comparison__block .commen__head { padding-bottom: 30px;}
.comparison__block .commen__head p { font-size: 24px; font-weight: 500;}
.comparison__left--bar.fixed { position: fixed; top: 0; max-width: 332px; width: 100%; margin-right: 0;}
.comparison__left--bar { display: block; margin-right: -30px; background: #ffffff; border-radius: 10px; box-shadow: 0 8px 8px 0 #41526914;}
.comparison__list { display: block; padding: 10px 0; margin-bottom: 0;}
.comparison__list > li { display: block; border-top: 1px solid #dde6f2;}
.comparison__list > li:first-child { border-top: none;}
.comparison__list > li > a { display: block; font-size: 16px; color: #7587a5; font-weight: 500; padding: 17px 20px 17px 50px; position: relative;}
.comparison__list > li > a::before { content: "\e902"; font-family: 'icomoon'; background: #c2ccde; color: #fcfcfd; width: 17px; height: 17px; display: block; position: absolute; left:0; top: 10px; border-radius: 100%; font-size:7px; text-align: center; line-height:17px;}
.comparison__list > li > a:hover { color: #0a6be9;}
.comparison__list > li a::before { content: "\e902"; font-family: 'icomoon'; background: #c2ccde; color: #fcfcfd; width: 17px; height: 17px; display:block; position:absolute; left: 18px; top: 21px; border-radius: 100%; font-size: 7px; text-align: center; line-height: 17px;}
.comparison__list > li a:hover::before { background: #2375fe; color: #ffffff;}
.comparison__list > li.active > a { color: #0a6be9;}
.comparison__list > li.active > a::before { background: #2375fe; color: #ffffff;}

.comparison__right--block { display: block; margin-left: 30px; background: #f1f5fb; border: 3px solid #ffffff; position: relative; box-shadow: 0 8px 35px 0 rgb(0 0 0 / 11%); border-radius: 10px;}
.comparison__items--box { display: block; position: relative;}
.host__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background: #d9f2ff; width: 169px; height: 53px; position: absolute; left: 0; top: -55px; right: 0; margin: auto; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.host__head h4 { color: #45689e; font-size: 24px; font-weight: 700; margin-bottom: 0;}
.comparison__left__features--head { display: block; width: 232px;}
.comparison__left__features--head h3 { margin: 0; padding: 15px 28px; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 138px;}
.comparison__left--features { margin: 0; padding: 0;}
.comparison__left--features li { list-style: none; color: #7587a5; font-size: 14px; font-weight: 400; padding: 5px 29px; border-top: 1px solid #d9e3f1; height: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.comparison__left--features li:last-child { border-bottom: 1px solid #d9e3f1;}
.comparison__items { display: block; text-align: center;}
.comparison__listing { display: block; padding: 0; margin: 0;}
.comparison__listing li { list-style: none; border-top: 1px solid #dde6f2; padding: 5px 20px; height: 55px; display: -webkit-box;  display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;}
.comparison__listing li:last-child { height: auto;}
.comparison__plan--head { display: none; font-weight: 400; font-size: 14px;}
.comparison__head { display: block; padding: 20px 15px;}
.comparison__head p { margin-bottom: 0; color: #5B87D1; font-size: 16px; font-weight: 500;}
.comparison__head h3 { color: #24447A; font-size: 45px; line-height: 35px; font-weight: 700;}
.comparison__head h6 { color: #A1B4D4; font-size: 16px; font-weight: 700; margin-bottom: 0px;}
.comparison__listing .primary__btn { padding: 17px 25px; display: block; font-size: 18px; margin: 10px 0;}

.hostdash__comparison .comparison__head h3 { color: #0e5fe9;}
.hostdash__comparison .host__head { background: #023489;}
.comparison__right--block .owl-carousel .owl-item { background: #ffffff;}
.comparison__right--block .owl-carousel .owl-item img { width: auto; display: inline-block;}
.comparison__right--block .owl-nav .owl-prev,
.comparison__right--block .owl-nav .owl-next { display: inline-block; padding: 0; border-radius: 50%; font-size: 0; border-radius: 100%; box-shadow: 0 0 10px 0 #00000036; position: absolute; bottom: 90%; background: #ffffff;}
.comparison__right--block .owl-nav .owl-prev:after,
.comparison__right--block .owl-nav .owl-next:after { font-size: 20px; pointer-events: none; width: 55px; height: 55px; display: inline-block;}
.comparison__right--block .owl-nav .owl-prev:after { content: ""; background: url(../img/arrow-left.svg) no-repeat center center;}
.comparison__right--block .owl-nav .owl-next:after { content: ""; background: url(../img/arrow-right.svg) no-repeat center center;}
.comparison__right--block .owl-nav .owl-prev { position: absolute; left: 0}
.comparison__right--block .owl-nav .owl-next { position: absolute; right: 0}
.comparison__right--block.sticky .owl-nav .owl-prev { position: fixed; left: 25px;}
.comparison__right--block.sticky .owl-nav .owl-next { position: fixed; right: 25px;}
.comparison__right--block .border-left { border-left: 3px solid #f0f4fa;}

.comparison__features--block { display: block;}
.comparison__features--main { display: block; padding-left: 25px;}
.comparison__features--box { display: block; padding: 70px 0; border-top: 1px solid #e7e7e7;}
.comparison__features--box:first-child { border-top: none;}
.comparison__features__box--left { display: block;}
.comparison__features__box--right { display: block;}
.comparison__features__box--right h3 { color: #07224c; font-size: 48px; font-weight: 700; line-height: 56px;}
.comparison__features__box--right p { color: #7587a5; font-size: 18px; font-weight: 500; line-height: 28px; margin-bottom: 25px;}
.comparison__features__box--btns { display: block;}
.comparison__features__box--btns .primary__btn { padding: 19px 38px; display: inline-block; border: 1px solid #f8905c;}
.comparison__features__box--btns .primary__btn.contact__btn { background: #ffffff; color: #f8905c; border: 1px solid #f8905c;}
.comparison__features__box--btns .primary__btn.contact__btn:hover { background: #f95d0f; color: #ffffff;}

/* ======================= 14-03-2022 comparison-page end ===================== */


/*===============================================================
font-family: 'icomoon';
font-family: 'FontAwesome';
font-family: "sofia-pro",sans-serif;
===============================================================*/